:root{
      --neon-green: #D3FF24;
      --bubble-pink: #FF86DD;
      --ink: #000;
      --paper: #fff;
      --max-width: 1100px;
    }

    html,body{height:100%;}
    body{
      margin:0;
      font-family: 'Montserrat', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
      background: var(--neon-green);
      -webkit-font-smoothing:antialiased;
      -moz-osx-font-smoothing:grayscale;
    }

    .wrap{
      max-width:var(--max-width);
      margin:40px auto;
      padding:30px;
      display:flex;
      flex-direction:column;
      gap:28px;
    }

    /* Logo centered, no text */
    .logo{
      display:flex;
      justify-content:center;
      align-items:center;
    }
    .logo img{
      width:380px;
      max-width:90%;
      height:auto;
      object-fit:contain;
      display:block;
    }

    /* Card styling */
    .card{
      background:var(--paper);
      color:var(--ink);
      padding:28px;
      border-radius:28px;
      position:relative;
      box-shadow: 14px 14px 0 rgba(0,0,0,0.18);
      border:8px solid var(--ink);
      outline: 6px solid rgba(255,255,255,0.9);
      outline-offset: -8px;
    }

    /* Main Hero */
    .hero{
      min-height:380px;
      display:flex;
      justify-content:center;
    }

    .hero-inner{
      width:100%;
      max-width:880px;
      text-align:center;
    }

    /* Pink + black double outline video wrapper */
     /* VIDEO WRAPPER WITH PINK OUTLINE */
    .video-wrap{
      width:100%;
      max-width:880px;
      position:relative;
      border:6px solid var(--bubble-pink);
      border-radius:18px;
      overflow:hidden;
      box-shadow:0 0 22px rgba(255,134,221,0.4);
    }
    .video-wrap iframe{
      width:100%;
      aspect-ratio:16/9;
      border:none;
      display:block;
    }
    


    /* Sticker Links */
    a.poplink{
      display:inline-block;
      background:var(--ink);
      color:var(--paper);
      padding:10px 16px;
      border-radius:10px;
      font-weight:900;
      text-decoration:none;
      font-family:'Anton', Impact, sans-serif;
      letter-spacing:1px;
      border:4px solid var(--paper);
      transition:transform .12s ease;
    }
    a.poplink:hover{
      transform:scale(1.08);
    }

    /* Sub / Secondary Panel */
    .sub{
      min-height:140px;
      display:flex;
      align-items:flex-start;
      justify-content:space-between;
      gap:18px;
      padding:18px 28px;
    }

    /* BW clickable image tiles */
    .bw-grid{
      display:grid;
      gap:14px;
      grid-template-columns: repeat(3, 1fr);
      margin-top:12px;
    }

    .bw-tile{
      position:relative;
      height:110px;
      border-radius:14px;
      overflow:hidden;
      border:4px dashed var(--ink);
      cursor:pointer;
      display:block;
      background:#fff;
      transition:transform .12s ease, box-shadow .12s ease;
    }

    .bw-tile img{
      width:100%;
      height:100%;
      object-fit:cover;
      display:block;
      filter: grayscale(100%);
    }

    .bw-tile span{
      position:absolute;
      inset:0;
      display:flex;
      align-items:center;
      justify-content:center;
      text-align:center;
      padding:6px;
      font-weight:900;
      font-family:'Anton', Impact, sans-serif;
      color:var(--ink);
      text-shadow:2px 2px 0 var(--paper);
      font-size:15px;
      z-index:2;
      pointer-events:none;
    }

    /* Pop Sticker Hover */
    .bw-tile:hover{
      transform:scale(1.06);
      box-shadow:6px 6px 0 var(--bubble-pink);
      border-color:var(--bubble-pink);
    }

    /* GIF COLUMN */
    .gif-col{
      width:220px;
      display:flex;
      flex-direction:column;
      align-items:center;
      gap:10px;
      text-align:center;
    }
    .gif-col a{
      display:block;
      width:100%;
    }
    .gif-col img{
      width:100%;
      aspect-ratio:1/1;
      object-fit:cover;
      border-radius:12px;
      border:4px solid var(--ink);
      outline:4px solid var(--bubble-pink);
      outline-offset:-4px;
      cursor:pointer;
    }
    .gif-caption{
      font-size:12px;
      font-weight:700;
      color:var(--ink);
    }


    .foot{
      font-size:12px;
      color:#111;
      opacity:0.85;
    }

    /* MOBILE CHANGES */
    @media(max-width:900px){
      .wrap{padding:0;margin:0;}
      .card{border-radius:0;border-left:none;border-right:none;outline:none;box-shadow:none;}
      .hero{padding:18px;}
      .video-wrap{border-width:4px;}
      .bw-grid{grid-template-columns:repeat(2,1fr);}
      .gif-col{width:160px;}
    }

    @media(max-width:600px){
      .sub{flex-direction:column;}
      .gif-col{width:100%;}
      .gif-col img{max-width:260px;}
      .bw-grid{width:100%;}
      .card{padding:22px;}
    }

/*wowoldbelow*/
    @media (max-width:900px){
      .wrap{padding:16px;margin:18px auto;}
      .hero{min-height:260px;}
      .bw-grid{grid-template-columns:repeat(2,1fr);}
      .side{display:none;}
    }

    @media (max-width:560px){
      .bw-grid{grid-template-columns:1fr;}
      .card{border-radius:18px;}
      .hero{min-height:200px;}
    }

    /* Halftone grain */
    .card::before{
      content:'';
      position:absolute;inset:0;border-radius:inherit;pointer-events:none;
      background-image: radial-gradient(circle at 10px 10px, rgba(0,0,0,0.02) 1px, transparent 2px);
      background-size:6px 6px;
      mix-blend-mode:multiply;
      opacity:0.6;
    }