:root{
      --pink:#ff3f93;
      --hot:#ff1478;
      --yellow:#ffd84d;
      --cream:#fff7ec;
      --ink:#161113;
      --plum:#55143b;
      --purple:#7e4dff;
      --teal:#47d2c7;
      --white:#fff;
      --line:rgba(22,17,19,.12);
      --shadow:0 24px 70px rgba(47,14,30,.22);
      --max:1180px;
    }
    *{box-sizing:border-box}
    html{scroll-behavior:smooth}
    body{
      margin:0;
      color:var(--ink);
      background:var(--cream);
      font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      overflow-x:hidden;
    }
    img{display:block;width:100%}
    a{color:inherit;text-decoration:none}
    .wrap{width:min(var(--max),calc(100% - 34px));margin:auto}
    h1,h2,h3,p{margin-top:0}
    h1,h2,h3{line-height:.96;letter-spacing:-.055em}
    h1{font-size:clamp(4.4rem,10vw,9rem);margin-bottom:18px}
    h2{font-size:clamp(2.8rem,6vw,5.5rem);margin-bottom:16px}
    h3{font-size:clamp(1.55rem,3vw,2.6rem);margin-bottom:12px}
    p{font-size:1.05rem;line-height:1.62;color:#5a5054}
    .lead{font-size:clamp(1.2rem,2.3vw,1.55rem);max-width:760px}
    section{padding:92px 0}
    .eyebrow{
      display:inline-flex;align-items:center;gap:8px;
      text-transform:uppercase;font-weight:900;letter-spacing:.18em;
      font-size:.76rem;color:var(--hot);
    }
    .eyebrow:before{content:"★";font-size:.85rem}

    /* Navigation */
    .nav{
      position:sticky;top:0;z-index:80;
      background:rgba(255,247,236,.8);
      backdrop-filter:blur(18px);
      border-bottom:1px solid var(--line);
    }
    .nav-inner{height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px}
    .brand{display:flex;align-items:center;gap:10px;font-weight:1000;letter-spacing:-.04em}
    .brand-mark{
      width:42px;height:42px;border-radius:14px;
      background:linear-gradient(145deg,var(--pink),var(--hot));
      display:grid;place-items:center;color:white;
      box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 10px 24px rgba(255,20,120,.24);
      transform:rotate(-6deg)
    }
    .links{display:flex;align-items:center;gap:22px;font-weight:800;font-size:.92rem}
    .ticket-btn{
      display:inline-flex;align-items:center;justify-content:center;
      padding:12px 18px;border-radius:14px;background:var(--ink);color:white;
      font-weight:900;box-shadow:0 10px 26px rgba(0,0,0,.18);
      transition:.2s ease;
    }
    .ticket-btn:hover{transform:translateY(-2px) rotate(-1deg)}

    /* Hero */
    .hero{
      min-height:800px;
      display:grid;align-items:end;
      position:relative;
      overflow:hidden;
      color:white;
      background:#160d12;
      padding:0;
    }
    .hero:before{
      content:"";position:absolute;inset:0;
      background:
        linear-gradient(90deg,rgba(19,8,14,.88) 0%,rgba(19,8,14,.72) 40%,rgba(19,8,14,.15) 68%,rgba(19,8,14,.42) 100%),
        url("assets/images/site-image-05-22f981bd8f03.png") center/cover no-repeat;
      transform:scale(1.02);
    }
    .hero:after{
      content:"";position:absolute;inset:0;pointer-events:none;
      background:
        radial-gradient(circle at 17% 24%,rgba(255,63,147,.22),transparent 24%),
        radial-gradient(circle at 76% 14%,rgba(255,216,77,.18),transparent 23%);
    }
    .sparkles{position:absolute;inset:0;pointer-events:none;z-index:2}
    .sparkles i{
      position:absolute;width:7px;height:7px;background:white;border-radius:50%;
      box-shadow:0 0 16px 4px rgba(255,255,255,.55);
      opacity:.8;animation:twinkle 2.4s infinite ease-in-out alternate;
    }
    .sparkles i:nth-child(1){left:9%;top:17%}.sparkles i:nth-child(2){left:24%;top:26%;animation-delay:.4s}
    .sparkles i:nth-child(3){left:76%;top:23%;animation-delay:1s}.sparkles i:nth-child(4){left:87%;top:36%;animation-delay:.7s}
    .sparkles i:nth-child(5){left:66%;top:60%;animation-delay:1.4s}.sparkles i:nth-child(6){left:18%;top:67%;animation-delay:.2s}
    @keyframes twinkle{from{transform:scale(.55);opacity:.25}to{transform:scale(1.35);opacity:1}}
    .hero-inner{position:relative;z-index:5;padding:92px 0 72px}
    .hero-copy{max-width:770px}
    .hero h1{
      text-shadow:0 8px 0 rgba(112,12,65,.45),0 22px 70px rgba(0,0,0,.45);
      transform:perspective(700px) rotateX(2deg);
    }
    .hero h1 span{
      display:block;color:var(--yellow);
      font-family:Georgia,"Times New Roman",serif;
      font-style:italic;font-weight:700;
      font-size:.48em;letter-spacing:-.03em;
      margin-bottom:6px;
      text-shadow:none;
    }
    .hero .lead{color:#f4e9ef;max-width:680px}
    .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
    .btn{
      display:inline-flex;align-items:center;justify-content:center;
      border-radius:18px;padding:14px 20px;font-weight:900;
      border:2px solid rgba(255,255,255,.18);transition:.2s ease;
    }
    .btn:hover{transform:translateY(-3px) rotate(-1deg)}
    .btn.pink{background:linear-gradient(145deg,var(--pink),var(--hot));color:white;box-shadow:0 14px 34px rgba(255,20,120,.3)}
    .btn.ghost{background:rgba(255,255,255,.09);color:white;backdrop-filter:blur(8px)}
    .coming{
      position:absolute;right:5%;bottom:10%;z-index:6;
      background:var(--yellow);color:var(--ink);
      width:190px;height:190px;border-radius:50%;
      display:grid;place-items:center;text-align:center;
      font-weight:1000;text-transform:uppercase;letter-spacing:.04em;
      transform:rotate(10deg);
      box-shadow:0 20px 50px rgba(0,0,0,.28),inset 0 4px 0 rgba(255,255,255,.45);
      animation:float 4s ease-in-out infinite alternate;
    }
    .coming b{font-size:2rem;line-height:.9;display:block}
    @keyframes float{from{transform:rotate(8deg) translateY(0)}to{transform:rotate(12deg) translateY(-14px)}}

    /* marquee */
    .marquee{
      overflow:hidden;background:var(--pink);color:white;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);
      transform:rotate(-1deg) scale(1.02);
    }
    .marquee-track{
      display:flex;width:max-content;gap:42px;padding:15px 0;font-size:1.15rem;font-weight:1000;
      text-transform:uppercase;letter-spacing:.06em;animation:scroll 24s linear infinite;
    }
    @keyframes scroll{to{transform:translateX(-50%)}}

    /* Story scrapbook */
    .story{
      background:
        linear-gradient(rgba(255,255,255,.65),rgba(255,255,255,.65)),
        repeating-linear-gradient(0deg,#f3e8d8 0,#f3e8d8 1px,transparent 1px,transparent 28px);
    }
    .story-grid{display:grid;grid-template-columns:1.06fr .94fr;gap:46px;align-items:center}
    .scrap{position:relative;min-height:650px;perspective:1200px}
    .polaroid{
      position:absolute;background:white;padding:12px 12px 46px;border-radius:8px;
      box-shadow:var(--shadow);transition:transform .18s ease;
      transform-style:preserve-3d;
    }
    .polaroid img{height:100%;object-fit:cover}
    .p1{width:43%;left:0;top:72px;transform:rotate(-8deg)}
    .p1 img{aspect-ratio:4/5}
    .p2{width:50%;right:0;top:2px;transform:rotate(6deg)}
    .p2 img{aspect-ratio:4/3}
    .tape{
      position:absolute;top:-14px;left:50%;width:86px;height:28px;
      background:rgba(255,226,150,.86);transform:translateX(-50%) rotate(-4deg);
      box-shadow:0 4px 8px rgba(0,0,0,.06)
    }
    .newspaper{
      position:absolute;left:16%;bottom:18px;width:70%;
      background:#fffdf5;border:2px solid var(--ink);padding:18px 18px 20px;
      box-shadow:0 18px 48px rgba(0,0,0,.18);transform:rotate(-2deg)
    }
    .news-head{
      font-family:Georgia,"Times New Roman",serif;font-weight:900;font-size:1.45rem;
      border-bottom:2px solid var(--ink);padding-bottom:8px;margin-bottom:10px;
      display:flex;justify-content:space-between;gap:10px
    }
    .news-head small{font-family:Inter,sans-serif;font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}
    .news-title{font-size:2rem;line-height:.95;font-weight:1000;letter-spacing:-.05em;margin-bottom:8px}
    .news-copy{font-family:Georgia,"Times New Roman",serif;font-size:.95rem;line-height:1.45;color:#32292d}
    .heart-pop{
      position:absolute;width:145px;right:1%;bottom:2%;
      filter:drop-shadow(0 18px 25px rgba(0,0,0,.18));
      transform:rotate(8deg)
    }
    .story-copy .pull{
      font-size:clamp(1.45rem,3vw,2.15rem);line-height:1.12;font-weight:900;color:var(--plum);
      border-left:7px solid var(--pink);padding-left:18px;margin:26px 0
    }

    /* why */
    .why{background:var(--yellow);position:relative;overflow:hidden}
    .why:before,.why:after{
      content:"★";position:absolute;font-size:11rem;color:rgba(255,255,255,.32);font-weight:900;
      transform:rotate(15deg)
    }
    .why:before{right:3%;top:-30px}.why:after{left:-30px;bottom:-70px}
    .why-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:34px;align-items:start;position:relative;z-index:2}
    .reason-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
    .reason{
      background:white;border:3px solid var(--ink);border-radius:24px;padding:22px;
      box-shadow:8px 8px 0 var(--ink);transition:.2s ease;
    }
    .reason:hover{transform:translate(-3px,-3px);box-shadow:12px 12px 0 var(--ink)}
    .reason .num{font-size:.82rem;font-weight:1000;color:var(--hot);letter-spacing:.14em}
    .reason h3{font-size:1.65rem;margin:8px 0}
    .reason p{font-size:.95rem;margin-bottom:0}

    /* show section */
    .show{background:linear-gradient(180deg,#1a0d16,#2a1021);color:white;position:relative;overflow:hidden}
    .show:before{
      content:"";position:absolute;inset:0;
      background:radial-gradient(circle at 18% 20%,rgba(255,63,147,.22),transparent 25%),radial-gradient(circle at 85% 30%,rgba(126,77,255,.22),transparent 25%);
    }
    .show-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center;position:relative;z-index:2}
    .show-copy p{color:#eadde5}
    .show-card{
      position:relative;min-height:610px;perspective:1200px
    }
    .stage-poster{
      position:absolute;left:8%;top:4%;width:74%;
      background:linear-gradient(145deg,var(--pink),#ff6ab0);
      border:4px solid white;border-radius:30px;padding:32px 28px 28px;
      transform:rotateY(8deg) rotateZ(-4deg);
      box-shadow:0 30px 80px rgba(0,0,0,.38);
      transform-style:preserve-3d;
    }
    .stage-poster .tiny{font-size:.75rem;text-transform:uppercase;letter-spacing:.15em;font-weight:1000}
    .stage-poster h3{font-size:3.2rem;margin:12px 0;color:white;text-shadow:0 6px 0 rgba(107,16,65,.35)}
    .stage-poster p{color:white}
    .stage-poster img{
      margin-top:20px;border-radius:22px;aspect-ratio:16/9;object-fit:cover;box-shadow:0 14px 32px rgba(0,0,0,.22)
    }
    .starburst{
      position:absolute;right:2%;bottom:5%;width:190px;height:190px;
      background:var(--yellow);clip-path:polygon(50% 0%,61% 25%,85% 15%,75% 39%,100% 50%,75% 61%,85% 85%,61% 75%,50% 100%,39% 75%,15% 85%,25% 61%,0% 50%,25% 39%,15% 15%,39% 25%);
      display:grid;place-items:center;text-align:center;color:var(--ink);font-weight:1000;
      transform:rotate(9deg);filter:drop-shadow(0 20px 30px rgba(0,0,0,.26))
    }
    .show-bullets{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:24px}
    .show-bullets div{padding:15px;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:rgba(255,255,255,.06)}


    /* experience */
    .experience{
      background:
        radial-gradient(circle at 12% 18%,rgba(255,216,77,.34),transparent 24%),
        radial-gradient(circle at 86% 14%,rgba(255,63,147,.28),transparent 28%),
        linear-gradient(180deg,#fff4f8,#fff8ec);
      position:relative;
      overflow:hidden;
    }
    .experience-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:42px;align-items:center}
    .experience-board{
      position:relative;min-height:640px;perspective:1200px
    }
    .exp-card{
      position:absolute;background:white;border:3px solid var(--ink);border-radius:28px;
      padding:24px;box-shadow:10px 10px 0 var(--ink);transition:.2s ease
    }
    .exp-card.one{left:0;top:24px;width:52%;transform:rotate(-5deg)}
    .exp-card.two{right:0;top:150px;width:48%;transform:rotate(5deg);background:#ffe0ee}
    .exp-card.three{left:14%;bottom:120px;width:56%;transform:rotate(-2deg);background:#fff2b9}
    .exp-icon{
      width:68px;height:68px;border-radius:22px;display:grid;place-items:center;
      font-size:2rem;background:linear-gradient(145deg,var(--pink),var(--hot));
      box-shadow:inset 0 2px 0 rgba(255,255,255,.35),0 10px 22px rgba(255,20,120,.18);
      margin-bottom:14px
    }
    .partner-note{
      margin-top:24px;padding:22px;border:3px solid var(--ink);border-radius:24px;
      background:white;box-shadow:8px 8px 0 var(--ink)
    }
    .partner-name{
      display:inline-flex;align-items:center;gap:10px;font-weight:1000;
      color:var(--plum);font-size:1.15rem
    }
    .partner-pill{
      display:inline-flex;margin-left:8px;padding:7px 10px;border-radius:999px;
      background:#ffe1ef;color:#9f1b5c;font-size:.74rem;letter-spacing:.12em;
      text-transform:uppercase;font-weight:1000
    }


    .product-shelf{margin-top:22px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}
    .product-item{background:linear-gradient(180deg,#ffffff,#fff7fb);border:2px solid var(--ink);border-radius:22px;padding:12px 10px 14px;box-shadow:6px 6px 0 var(--ink);text-align:center;min-height:220px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .18s ease}
    .product-item:hover{transform:translateY(-4px) rotate(-1deg)}
    .product-item img{width:100%;height:140px;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 8px 14px rgba(0,0,0,.12));animation:productFloat 4s ease-in-out infinite alternate}
    .product-item span{display:block;margin-top:8px;font-size:.76rem;line-height:1.2;font-weight:800;color:var(--plum)}
    @keyframes productFloat{from{transform:translateY(0)}to{transform:translateY(-6px)}}

    /* keekah */
    .keekah{background:#ffe2ee}
    .keekah-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:42px;align-items:center}
    .portrait-card{
      position:relative;border:3px solid var(--ink);border-radius:34px;padding:14px;background:white;
      box-shadow:12px 12px 0 var(--ink);transform:rotate(-2deg)
    }
    .portrait-card img{border-radius:22px;aspect-ratio:4/5;object-fit:cover}
    .portrait-sticker{
      position:absolute;right:-30px;bottom:-30px;width:165px;
      filter:drop-shadow(0 12px 18px rgba(0,0,0,.2));transform:rotate(9deg)
    }
    .stats{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:24px}
    .stat{
      border-radius:22px;padding:20px;background:white;border:2px solid var(--ink);
      box-shadow:6px 6px 0 var(--ink)
    }
    .stat strong{display:block;font-size:2rem;letter-spacing:-.04em}

    /* team */
    .team{background:var(--cream)}
    .team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .person{
      border:3px solid var(--ink);border-radius:28px;background:white;padding:18px;box-shadow:9px 9px 0 var(--ink);
      display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center
    }
    .person img{width:180px;height:240px;object-fit:cover;border-radius:20px}
    .role{font-size:.78rem;font-weight:1000;letter-spacing:.14em;text-transform:uppercase;color:var(--hot)}
    .person p{margin-bottom:0}

    /* roadmap */
    .roadmap{background:linear-gradient(135deg,#ff4f9d,#ff79b5 50%,#ffd84d)}
    .road-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:start}
    .road-list{position:relative}
    .road-list:before{content:"";position:absolute;left:20px;top:20px;bottom:20px;width:4px;background:var(--ink)}
    .road{position:relative;padding-left:72px;margin-bottom:22px}
    .dot{position:absolute;left:5px;top:12px;width:34px;height:34px;background:white;border:8px solid var(--ink);border-radius:50%}
    .road-card{
      background:white;border:3px solid var(--ink);border-radius:24px;padding:22px;box-shadow:8px 8px 0 var(--ink)
    }
    .road-card p{margin-bottom:0}
    .year{font-weight:1000;color:var(--hot);text-transform:uppercase;letter-spacing:.14em;font-size:.8rem}

    /* CTA */
    .cta{
      padding:88px 0;background:#161113;color:white;text-align:center;position:relative;overflow:hidden
    }
    .cta:before{
      content:"BELIEVE • BELIEVE • BELIEVE •";position:absolute;left:50%;top:50%;
      transform:translate(-50%,-50%) rotate(-8deg);white-space:nowrap;
      font-size:8rem;font-weight:1000;color:rgba(255,255,255,.04)
    }
    .cta .wrap{position:relative;z-index:2}
    .cta p{color:#e7dce1;max-width:720px;margin:0 auto 24px}
    footer{padding:32px 0 48px;background:#161113;color:white;border-top:1px solid rgba(255,255,255,.12)}
    .footer{display:flex;justify-content:space-between;gap:24px;align-items:center}
    .small{font-size:.88rem;color:#c7bcc1}


    .official-logo-nav{
      width:172px;
      height:56px;
      object-fit:contain;
      object-position:left center;
      filter:drop-shadow(0 6px 14px rgba(255,20,120,.16));
    }
    .hero-logo-wrap{
      margin:6px 0 20px;
      max-width:720px;
    }
    .hero-welcome{
      display:block;
      color:var(--yellow);
      font-family:Georgia,"Times New Roman",serif;
      font-style:italic;
      font-weight:700;
      font-size:clamp(1.8rem,4vw,3.5rem);
      margin-bottom:-8px;
    }
    .hero-official-logo{
      width:min(720px,100%);
      object-fit:contain;
      object-position:left center;
      filter:drop-shadow(0 18px 34px rgba(0,0,0,.45));
    }
    .poster-logo{
      width:92%;
      max-height:150px;
      object-fit:contain;
      object-position:left center;
      margin:10px 0 4px;
      filter:drop-shadow(0 8px 12px rgba(107,16,65,.24));
    }
    .partner-branded{
      display:grid;
      grid-template-columns:150px 1fr;
      gap:20px;
      align-items:center;
    }
    .partner-logo-wrap{
      background:#fff;
      border-radius:18px;
      padding:14px;
      border:2px solid var(--ink);
    }
    .partner-logo-wrap img{
      width:100%;
      height:130px;
      object-fit:contain;
    }
    .partner-copy p{margin:10px 0 0}
    .footer-brand img{
      width:180px;
      max-height:80px;
      object-fit:contain;
      object-position:left center;
      margin-bottom:6px;
    }
    @media(max-width:620px){
      .official-logo-nav{width:138px;height:48px}
      .partner-branded{grid-template-columns:1fr}
      .partner-logo-wrap{max-width:210px}
      .hero-official-logo{width:100%}
    }

    .reveal{opacity:0;transform:translateY(26px);transition:.7s ease}
    .reveal.visible{opacity:1;transform:none}
    @media(max-width:950px){
      .links{display:none}
      .story-grid,.why-grid,.show-grid,.keekah-grid,.team-grid,.road-wrap{grid-template-columns:1fr}
      .hero{min-height:720px}
      .coming{width:140px;height:140px;right:4%;bottom:5%}
      .coming b{font-size:1.45rem}
      .reason-grid{grid-template-columns:1fr 1fr}
      .show-card{min-height:560px}
      .person{grid-template-columns:140px 1fr}
      .person img{width:140px;height:190px}
    }
    @media(max-width:620px){
      .wrap{width:min(var(--max),calc(100% - 22px))}
      section{padding:68px 0}
      .hero{min-height:680px}
      .hero-inner{padding-bottom:58px}
      .coming{display:none}
      .scrap{min-height:510px}
      .p1{width:55%}.p2{width:58%}.newspaper{width:78%;left:10%}.heart-pop{width:110px}
      .reason-grid,.show-bullets,.stats{grid-template-columns:1fr}
      .show-card{min-height:470px}
      .stage-poster{width:84%;left:3%;padding:24px 20px}
      .stage-poster h3{font-size:2.5rem}
      .starburst{width:145px;height:145px}
      .person{grid-template-columns:1fr}
      .person img{width:100%;height:340px}
      .footer{flex-direction:column;align-items:flex-start}
    }
    @media(prefers-reduced-motion:reduce){
      html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}
      .sparkles i,.coming,.marquee-track{animation:none}
    }
  
    @media (max-width:900px){.product-shelf{grid-template-columns:repeat(2,minmax(0,1fr))}}

    /* Restore and polish the existing Believe Experience without changing other sections */
    #experience{
      position:relative;
      overflow:hidden;
    }

    #experience .experience-grid{
      grid-template-columns:1.04fr .96fr;
      gap:58px;
      align-items:center;
    }

    #experience .experience-board{
      min-height:720px;
      position:relative;
      overflow:visible;
    }

    #experience .exp-card{
      z-index:8;
    }

    #experience .exp-card.one{
      left:0;
      top:24px;
      width:45%;
    }

    #experience .exp-card.two{
      right:0;
      top:230px;
      width:43%;
    }

    #experience .exp-card.three{
      left:3%;
      bottom:18px;
      width:47%;
    }

    #experience .experience-copy-visible{
      position:relative;
      z-index:30;
      background:rgba(255,255,255,.97);
      border:3px solid var(--ink);
      border-radius:30px;
      padding:34px;
      box-shadow:10px 10px 0 var(--ink);
    }

    #experience .experience-copy-visible h2{
      color:var(--ink);
    }

    #experience .experience-copy-visible p,
    #experience .experience-copy-visible .lead{
      color:#4e4249;
    }

    #experience .experience-copy-visible .lead{
      color:#2f252b;
    }

    #experience .partner-note{
      position:relative;
      z-index:31;
      background:white;
    }

    /* Let the existing product images float around the whole Experience section */
    #experience .product-shelf{
      position:absolute;
      inset:0;
      display:block;
      margin:0;
      z-index:5;
      pointer-events:none;
    }

    #experience .product-item{
      position:absolute;
      width:145px;
      height:205px;
      min-height:0;
      padding:0;
      border:0;
      background:transparent;
      box-shadow:none;
      display:block;
      text-align:center;
      pointer-events:auto;
      animation:afroFloat 4.6s ease-in-out infinite alternate;
    }

    #experience .product-item img{
      width:100%;
      height:175px;
      object-fit:contain;
      filter:drop-shadow(0 18px 24px rgba(46,11,34,.22));
      animation:none;
    }

    #experience .product-item span{
      display:inline-block;
      margin-top:1px;
      padding:6px 9px;
      border-radius:999px;
      background:rgba(255,255,255,.96);
      border:1px solid var(--line);
      box-shadow:0 8px 18px rgba(41,12,31,.08);
      color:var(--plum);
      font-size:.67rem;
      line-height:1.15;
      font-weight:900;
    }

    #experience .product-item:nth-child(1){
      left:47%;
      top:24px;
      transform:rotate(8deg);
      animation-delay:0s;
    }

    #experience .product-item:nth-child(2){
      left:48%;
      top:275px;
      transform:rotate(-7deg);
      animation-delay:.8s;
    }

    #experience .product-item:nth-child(3){
      right:0;
      bottom:18px;
      transform:rotate(6deg);
      animation-delay:1.6s;
    }

    #experience .product-item:nth-child(4){
      left:50%;
      bottom:22px;
      transform:rotate(-6deg);
      animation-delay:2.3s;
    }

    @keyframes afroFloat{
      from{translate:0 0}
      to{translate:0 -14px}
    }

    .heart-pop,
    .portrait-sticker{
      background:transparent !important;
    }

    @media(max-width:980px){
      #experience .experience-grid{
        grid-template-columns:1fr;
        gap:34px;
      }

      #experience .experience-board{
        min-height:760px;
      }
    }

    @media(max-width:620px){
      #experience .experience-board{
        min-height:1080px;
      }

      #experience .exp-card{
        width:72% !important;
      }

      #experience .exp-card.one{
        left:0;
        top:20px;
      }

      #experience .exp-card.two{
        right:0;
        top:260px;
      }

      #experience .exp-card.three{
        left:5%;
        bottom:250px;
      }

      #experience .product-item{
        width:108px;
        height:165px;
      }

      #experience .product-item img{
        height:135px;
      }

      #experience .product-item:nth-child(1){
        left:2%;
        top:510px;
      }

      #experience .product-item:nth-child(2){
        left:35%;
        top:590px;
      }

      #experience .product-item:nth-child(3){
        right:1%;
        bottom:18px;
      }

      #experience .product-item:nth-child(4){
        left:5%;
        bottom:20px;
      }

      #experience .experience-copy-visible{
        padding:26px;
      }
    }


    /* --- Afro Unicorn product polish: transparent cutouts + scattered placement --- */
    #experience .experience-copy-visible{
      overflow: visible;
    }

    #experience .partner-note.partner-branded{
      position: relative;
      overflow: visible;
      min-height: 540px;
      padding: 22px 24px 24px 24px;
    }

    #experience .partner-logo-wrap{
      position: relative;
      z-index: 4;
      margin-bottom: 10px;
    }

    #experience .product-shelf{
      position: absolute;
      inset: 145px 0 0 0;
      margin: 0;
      display: block;
      pointer-events: none;
      z-index: 2;
    }

    #experience .product-item{
      position: absolute;
      width: 128px;
      min-height: 0;
      padding: 0;
      border: 0;
      background: transparent;
      box-shadow: none;
      display: block;
      text-align: center;
      pointer-events: none;
      transition: transform .2s ease;
      animation: afroProductFloat 5s ease-in-out infinite alternate;
    }

    #experience .product-item:hover{
      transform: none;
    }

    #experience .product-item img{
      width: 100%;
      height: auto;
      max-height: 192px;
      object-fit: contain;
      object-position: center;
      filter: drop-shadow(0 16px 20px rgba(56, 18, 47, .20));
      animation: none;
    }

    #experience .product-item span{
      display: inline-block;
      margin-top: 8px;
      padding: 6px 10px;
      border-radius: 999px;
      background: rgba(255,255,255,.96);
      border: 1px solid rgba(80,26,67,.16);
      box-shadow: 0 10px 16px rgba(56,18,47,.08);
      color: var(--plum);
      font-size: .69rem;
      line-height: 1.1;
      font-weight: 900;
      max-width: 120px;
    }

    /* Scattered product positions — kept clear of body copy */
    #experience .product-item:nth-child(1){
      left: 2%;
      top: 6px;
      transform: rotate(-8deg);
      animation-delay: 0s;
    }

    #experience .product-item:nth-child(2){
      right: 3%;
      top: 16px;
      transform: rotate(7deg);
      animation-delay: .7s;
    }

    #experience .product-item:nth-child(3){
      left: 18%;
      bottom: 8px;
      transform: rotate(-6deg);
      animation-delay: 1.4s;
    }

    #experience .product-item:nth-child(4){
      right: 18%;
      bottom: 2px;
      transform: rotate(6deg);
      animation-delay: 2.1s;
    }

    @keyframes afroProductFloat{
      from{ translate: 0 0; }
      to{ translate: 0 -12px; }
    }

    @media (max-width: 900px){
      #experience .partner-note.partner-branded{
        min-height: 510px;
      }
      #experience .product-item{
        width: 112px;
      }
      #experience .product-item img{
        max-height: 168px;
      }
    }

    @media (max-width: 700px){
      #experience .partner-note.partner-branded{
        min-height: auto;
      }
      #experience .product-shelf{
        position: static;
        display: grid;
        grid-template-columns: repeat(2, minmax(0,1fr));
        gap: 18px;
        margin-top: 18px;
      }
      #experience .product-item{
        position: relative;
        width: auto;
        left: auto;
        right: auto;
        top: auto;
        bottom: auto;
        transform: none !important;
        text-align: center;
      }
      #experience .product-item img{
        max-height: 150px;
      }
      #experience .product-item span{
        max-width: none;
      }
    }


/* === Restarted Afro Unicorn / Believe Experience page === */
#experience.experience-restart{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.28) 0 6px, transparent 7px 100%),
    radial-gradient(circle at 86% 22%, rgba(255,255,255,.22) 0 5px, transparent 6px 100%),
    radial-gradient(circle at 22% 84%, rgba(255,255,255,.20) 0 7px, transparent 8px 100%),
    linear-gradient(180deg, #efd6ff 0%, #efdcff 28%, #f8e9ff 58%, #fff3fb 100%);
}
#experience.experience-restart::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 0% 30%, rgba(191,114,255,.10), transparent 22%),
    radial-gradient(circle at 100% 0%, rgba(255,140,220,.14), transparent 26%),
    radial-gradient(circle at 50% 100%, rgba(162,120,255,.10), transparent 30%);
  pointer-events:none;
}
#experience .experience-restart-grid{
  display:grid;
  grid-template-columns: .95fr 1.05fr;
  gap: 48px;
  align-items:center;
}
#experience .experience-art{
  position:relative;
  min-height:540px;
}
#experience .art-sparkles span{
  position:absolute;
  display:grid;
  place-items:center;
  width:58px;
  height:58px;
  border-radius:18px;
  background:rgba(255,255,255,.70);
  border:2px solid rgba(88,22,106,.10);
  box-shadow:0 12px 24px rgba(88,22,106,.10);
  font-size:1.65rem;
  animation:softFloat 4s ease-in-out infinite alternate;
}
#experience .art-sparkles span:nth-child(1){ left:4%; top:6%; animation-delay:0s; }
#experience .art-sparkles span:nth-child(2){ right:16%; top:1%; animation-delay:.7s; }
#experience .art-sparkles span:nth-child(3){ left:10%; bottom:6%; animation-delay:1.2s; }
#experience .art-sparkles span:nth-child(4){ right:4%; bottom:12%; animation-delay:.4s; }

#experience .product-showcase{
  position:absolute;
  width:200px;
  text-align:center;
  animation:softFloat 4.8s ease-in-out infinite alternate;
}
#experience .product-showcase img{
  width:100%;
  height:auto;
  max-height:290px;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(74,25,94,.18));
}
#experience .product-caption{
  display:inline-block;
  margin-top:10px;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(90,25,101,.12);
  box-shadow:0 8px 18px rgba(61,24,71,.08);
  color:#6b2164;
  font-size:.78rem;
  line-height:1.15;
  font-weight:900;
}
#experience .product-a{
  left:8%;
  top:88px;
  transform:rotate(-7deg);
  animation-delay:0s;
}
#experience .product-b{
  right:8%;
  top:170px;
  transform:rotate(7deg);
  animation-delay:.8s;
}

#experience .experience-copy-simple{
  position:relative;
  z-index:3;
}
#experience .experience-copy-simple .eyebrow{
  background:#fff;
  border:2px solid var(--ink);
  box-shadow:5px 5px 0 var(--ink);
  display:inline-flex;
  padding:8px 14px;
  border-radius:999px;
}
#experience .afro-partner-logo{
  width:160px;
  height:auto;
  margin:18px 0 12px;
}
#experience .experience-copy-simple h2{
  color:var(--ink);
  font-size:clamp(2.4rem,4vw,4.1rem);
  line-height:.98;
  margin-bottom:16px;
  max-width:13ch;
}
#experience .experience-copy-simple .lead{
  color:#55265f;
  font-size:1.14rem;
}
#experience .experience-copy-simple p{
  color:#584b57;
  max-width:58ch;
}
#experience .partner-line{
  margin-top:18px;
}
#experience .experience-bullets{
  list-style:none;
  padding:0;
  margin:18px 0 0;
  display:grid;
  gap:10px;
}
#experience .experience-bullets li{
  position:relative;
  padding-left:18px;
  color:#5a2a62;
  font-weight:800;
}
#experience .experience-bullets li::before{
  content:"★";
  position:absolute;
  left:0;
  top:0;
  color:#bf3f99;
}
@keyframes softFloat{
  from{ transform:translateY(0) rotate(var(--rot, 0deg)); }
  to{ transform:translateY(-10px) rotate(var(--rot, 0deg)); }
}
#experience .product-a{ --rot:-7deg; }
#experience .product-b{ --rot:7deg; }

@media (max-width: 980px){
  #experience .experience-restart-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  #experience .experience-art{
    min-height:500px;
  }
  #experience .experience-copy-simple h2{
    max-width:none;
  }
}
@media (max-width: 700px){
  #experience .experience-art{
    min-height:460px;
  }
  #experience .product-showcase{
    width:160px;
  }
  #experience .product-showcase img{
    max-height:230px;
  }
  #experience .product-a{
    left:4%;
    top:110px;
  }
  #experience .product-b{
    right:4%;
    top:190px;
  }
  #experience .art-sparkles span{
    width:50px;
    height:50px;
    font-size:1.4rem;
  }
}


/* === Afro Unicorn page inspired by reference === */
#experience.experience-inspired{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.40) 0 3px, transparent 4px),
    radial-gradient(circle at 84% 11%, rgba(255,255,255,.34) 0 3px, transparent 4px),
    linear-gradient(180deg, #f2ddff 0%, #efd8ff 34%, #f5e4ff 68%, #f8e7ff 100%);
}
#experience.experience-inspired::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:170px;
  background:
    radial-gradient(120% 90px at 15% 100%, rgba(244,172,255,.45), rgba(244,172,255,0) 70%),
    radial-gradient(120% 90px at 85% 100%, rgba(188,129,255,.33), rgba(188,129,255,0) 70%),
    linear-gradient(180deg, rgba(255,255,255,0), rgba(255,255,255,.18));
  pointer-events:none;
}
#experience .experience-shell{
  position:relative;
}
#experience .experience-stage{
  position:relative;
  padding:34px 36px 30px;
  border-radius:40px;
  background:linear-gradient(180deg, rgba(255,255,255,.42), rgba(255,255,255,.18));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.65), 0 18px 40px rgba(103,57,133,.10);
  backdrop-filter: blur(3px);
}
#experience .brand-bar{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:22px;
  margin-bottom:22px;
}
#experience .believe-brand{
  width:min(360px, 48vw);
  height:auto;
}
#experience .brand-divider{
  width:1px;
  height:88px;
  background:linear-gradient(180deg, transparent, rgba(122,82,160,.5), transparent);
}
#experience .afro-brand{
  width:min(170px, 24vw);
  height:auto;
}

#experience .experience-body{
  display:grid;
  grid-template-columns: 1fr 1.1fr;
  gap:42px;
  align-items:center;
}
#experience .product-side{
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:26px;
  min-height:520px;
  position:relative;
}
#experience .product-display{
  position:relative;
  text-align:center;
  z-index:2;
}
#experience .product-display img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 18px 26px rgba(104,54,126,.18));
  position:relative;
  z-index:2;
}
#experience .product-display-a{
  width:170px;
  align-self:flex-start;
  margin-top:56px;
}
#experience .product-display-b{
  width:250px;
  margin-bottom:16px;
}
#experience .pedestal{
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:48px;
  width:170px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(180deg, #f6e9ff, #dec0fb);
  box-shadow:0 16px 28px rgba(123,71,160,.15);
  z-index:0;
}
#experience .product-display-b .pedestal{
  width:220px;
  height:34px;
  bottom:42px;
}
#experience .product-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 18px;
  background:#fff;
  border-radius:999px;
  box-shadow:0 8px 18px rgba(110,56,143,.10);
  color:#6c2c8e;
  font-weight:900;
  font-size:.88rem;
  margin-top:12px;
  position:relative;
  z-index:3;
}

#experience .copy-side{
  position:relative;
  padding:22px 26px 20px;
  background:rgba(255,255,255,.44);
  border:1px solid rgba(255,255,255,.45);
  border-radius:30px;
  box-shadow:0 14px 30px rgba(96,48,125,.08);
}
#experience .presented-with{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:10px 16px;
  background:#fff;
  border-radius:999px;
  color:#6f49ab;
  font-weight:900;
  font-size:.9rem;
  letter-spacing:.02em;
  box-shadow:0 8px 16px rgba(99,53,131,.08);
  margin-bottom:18px;
}
#experience .presented-with::before,
#experience .presented-with::after{
  content:"✦";
  color:#b66be0;
}
#experience .copy-side .eyebrow{
  display:block;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  border-radius:0;
  color:#d56aa8;
  font-weight:1000;
  font-size:1.15rem;
  margin-bottom:8px;
}
#experience .copy-side h2{
  color:#2f0d67;
  font-size:clamp(2.6rem, 5vw, 4.2rem);
  line-height:.96;
  letter-spacing:-.03em;
  margin:0 0 14px;
  max-width:12ch;
}
#experience .copy-side p{
  color:#473c5e;
  max-width:60ch;
  margin-bottom:16px;
}
#experience .copy-side .lead{
  font-size:1.16rem;
  color:#37276c;
}
#experience .support-copy strong{
  color:#5a2390;
}

#experience .feature-row{
  display:grid;
  grid-template-columns: repeat(5, minmax(0,1fr));
  gap:10px;
  margin-top:18px;
  padding:14px 16px;
  background:rgba(255,255,255,.70);
  border-radius:26px;
  box-shadow:0 10px 18px rgba(98,53,134,.08);
}
#experience .feature-pill{
  display:grid;
  justify-items:center;
  gap:8px;
  text-align:center;
  color:#5c2c83;
}
#experience .feature-pill span{
  width:58px;
  height:58px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:#fff;
  box-shadow:0 6px 14px rgba(105,60,136,.10);
  font-size:1.4rem;
}
#experience .feature-pill small{
  font-size:.84rem;
  line-height:1.15;
  font-weight:800;
}

#experience .experience-bubbles .bubble{
  position:absolute;
  display:grid;
  place-items:center;
  color:#8e56bd;
  z-index:1;
}
#experience .experience-bubbles .heart{
  left:112px;
  top:96px;
  width:58px; height:58px;
  border-radius:50%;
  background:rgba(255,255,255,.45);
  backdrop-filter: blur(3px);
  font-size:1.45rem;
}
#experience .experience-bubbles .spark{
  left:52px;
  top:205px;
  font-size:2.1rem;
  color:#e2b343;
}
#experience .experience-bubbles .polish{
  left:410px;
  top:94px;
  width:56px; height:56px;
  border-radius:50%;
  background:rgba(255,255,255,.50);
  font-size:1.35rem;
}
#experience .experience-bubbles .brush{
  right:38px;
  bottom:120px;
  width:54px; height:54px;
  border-radius:50%;
  background:rgba(255,255,255,.50);
  font-size:1.28rem;
}
#experience .experience-bubbles .crown{
  left:190px;
  bottom:30px;
  font-size:2.4rem;
  color:#d6a21f;
}
#experience .experience-bubbles .star{
  right:76px;
  top:300px;
  font-size:1.7rem;
  color:#e2b343;
}

@media (max-width: 1120px){
  #experience .experience-body{
    grid-template-columns:1fr;
    gap:28px;
  }
  #experience .product-side{
    min-height:420px;
  }
  #experience .copy-side h2{
    max-width:none;
  }
}
@media (max-width: 780px){
  #experience .experience-stage{
    padding:24px 18px 22px;
    border-radius:28px;
  }
  #experience .brand-bar{
    gap:12px;
  }
  #experience .brand-divider{
    height:58px;
  }
  #experience .product-side{
    gap:14px;
    min-height:340px;
  }
  #experience .product-display-a{
    width:120px;
    margin-top:36px;
  }
  #experience .product-display-b{
    width:180px;
  }
  #experience .product-display-b .pedestal{
    width:170px;
  }
  #experience .pedestal{
    width:120px;
    bottom:42px;
  }
  #experience .copy-side{
    padding:18px 16px;
  }
  #experience .feature-row{
    grid-template-columns: repeat(2, minmax(0,1fr));
  }
  #experience .experience-bubbles .heart{left:20px; top:96px;}
  #experience .experience-bubbles .spark{left:16px; top:180px;}
  #experience .experience-bubbles .polish{left:auto; right:18px; top:94px;}
  #experience .experience-bubbles .crown{left:80px; bottom:10px;}
  #experience .experience-bubbles .star{right:24px; top:260px;}
  #experience .experience-bubbles .brush{right:12px; bottom:90px;}
}


/* === Clean Believe Experience page: logo + 2 products + copy only === */
#experience.experience-clean{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,.40), transparent 24%),
    radial-gradient(circle at 84% 14%, rgba(255,255,255,.26), transparent 22%),
    linear-gradient(180deg, #efd9ff 0%, #f2ddff 42%, #f8e9ff 100%);
}
#experience.experience-clean::before{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:150px;
  background:linear-gradient(180deg, transparent, rgba(255,255,255,.22));
  pointer-events:none;
}
#experience .experience-clean-inner{
  position:relative;
  z-index:2;
}
#experience .experience-top{
  display:flex;
  justify-content:center;
  margin-bottom:28px;
}
#experience .experience-believe-logo{
  width:min(430px, 72vw);
  height:auto;
  filter:drop-shadow(0 14px 28px rgba(98,41,126,.16));
}
#experience .experience-clean-grid{
  display:grid;
  grid-template-columns: .9fr 1.1fr;
  gap:56px;
  align-items:center;
}
#experience .experience-products{
  position:relative;
  min-height:560px;
}
#experience .clean-product{
  position:absolute;
  text-align:center;
  animation:cleanProductFloat 4.8s ease-in-out infinite alternate;
}
#experience .clean-product img{
  width:100%;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 22px 28px rgba(71,28,94,.18));
}
#experience .clean-product-one{
  left:4%;
  top:40px;
  width:200px;
  transform:rotate(-6deg);
}
#experience .clean-product-two{
  right:2%;
  top:160px;
  width:290px;
  transform:rotate(5deg);
  animation-delay:.8s;
}
#experience .clean-product-label{
  display:inline-block;
  margin-top:12px;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  box-shadow:0 8px 18px rgba(88,36,108,.08);
  color:#6b2d8c;
  font-size:.84rem;
  line-height:1.15;
  font-weight:900;
}
@keyframes cleanProductFloat{
  from{translate:0 0}
  to{translate:0 -10px}
}
#experience .experience-text{
  position:relative;
}
#experience .experience-text .eyebrow{
  display:block;
  background:transparent;
  border:none;
  box-shadow:none;
  padding:0;
  border-radius:0;
  color:#d06aa8;
  font-size:1.1rem;
  margin-bottom:10px;
}
#experience .experience-text h2{
  color:#2f0d67;
  font-size:clamp(2.7rem, 5vw, 4.5rem);
  line-height:.96;
  letter-spacing:-.04em;
  max-width:12ch;
  margin-bottom:18px;
}
#experience .experience-text .lead{
  color:#3d286c;
  font-size:1.16rem;
}
#experience .experience-text p{
  color:#51445f;
  max-width:58ch;
}
#experience .experience-text strong{
  color:#63278f;
}

@media (max-width: 980px){
  #experience .experience-clean-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  #experience .experience-products{
    min-height:470px;
  }
  #experience .experience-text h2{
    max-width:none;
  }
}
@media (max-width: 700px){
  #experience .experience-products{
    min-height:380px;
  }
  #experience .clean-product-one{
    width:140px;
    left:2%;
    top:50px;
  }
  #experience .clean-product-two{
    width:210px;
    right:0;
    top:125px;
  }
  #experience .experience-text h2{
    font-size:clamp(2.4rem, 10vw, 3.5rem);
  }
}


/* === 2027 Believe Tour slide === */
.tour-2027{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,.50), transparent 24%),
    radial-gradient(circle at 88% 14%, rgba(255,255,255,.25), transparent 22%),
    linear-gradient(180deg,#ffd8ec 0%,#ffc5e5 48%,#ffb4d9 100%);
}
.tour-2027-shell{
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:44px;
  align-items:center;
}
.tour-2027 .tour-copy h2{
  color:#4c174a;
  max-width:11ch;
}
.tour-2027 .tour-copy .lead{
  color:#5f315d;
}
.tour-2027 .tour-copy p{
  color:#624a60;
}
.tour-message{
  margin-top:20px;
  padding-left:16px;
  border-left:5px solid var(--hot);
  font-weight:900;
  color:#5e1e56 !important;
}
.tour-art{
  position:relative;
  min-height:560px;
  perspective:1200px;
}
.road{
  position:absolute;
  left:0;
  right:0;
  height:76px;
  border-radius:999px;
  background:#4b4248;
  box-shadow:inset 0 10px 0 rgba(255,255,255,.06),0 18px 32px rgba(86,31,72,.16);
}
.road:after{
  content:"";
  position:absolute;
  left:4%;
  right:4%;
  top:35px;
  height:6px;
  background:repeating-linear-gradient(90deg,#ffd84d 0 38px,transparent 38px 70px);
}
.road-back{
  top:110px;
  transform:rotate(-10deg);
  opacity:.78;
}
.road-front{
  bottom:92px;
  transform:rotate(9deg);
}
.city{
  position:absolute;
  padding:9px 13px;
  border-radius:999px;
  background:rgba(255,255,255,.94);
  color:#6a2463;
  font-size:.8rem;
  font-weight:900;
  box-shadow:0 8px 20px rgba(98,34,84,.10);
}
.city-a{top:58px;left:5%}
.city-b{top:24px;right:17%}
.city-c{top:218px;right:2%}
.city-d{bottom:34px;left:10%}
.city-e{bottom:12px;right:13%}

.tour-bus{
  position:absolute;
  left:17%;
  top:172px;
  width:390px;
  height:190px;
  border-radius:52px 52px 28px 28px;
  background:linear-gradient(180deg,#ff79bc 0%,#ff4fa2 58%,#f6248b 100%);
  border:4px solid rgba(90,17,70,.42);
  box-shadow:0 34px 50px rgba(94,25,75,.26), inset 0 4px 0 rgba(255,255,255,.40);
  transform:rotateY(-10deg) rotateZ(-3deg);
  animation:busFloat 4s ease-in-out infinite alternate;
}
.bus-roof{
  position:absolute;
  left:24px;
  right:24px;
  top:-16px;
  height:30px;
  border-radius:999px;
  background:#ff9bcb;
}
.bus-window{
  position:absolute;
  top:28px;
  width:72px;
  height:52px;
  border-radius:16px;
  background:linear-gradient(180deg,#d9f6ff,#8bd4eb);
  border:3px solid rgba(76,22,67,.35);
}
.window-one{left:32px}
.window-two{left:118px}
.window-three{left:204px}
.bus-door{
  position:absolute;
  right:28px;
  top:30px;
  width:64px;
  height:112px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffc0de,#ff78b8);
  border:3px solid rgba(76,22,67,.35);
}
.bus-believe-logo{
  position:absolute;
  left:78px;
  top:89px;
  width:190px;
  max-height:68px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 10px rgba(93,27,73,.14));
}
.wheel{
  position:absolute;
  bottom:-34px;
  width:70px;
  height:70px;
  border-radius:50%;
  background:#30272e;
  border:10px solid #171217;
  box-shadow:inset 0 0 0 10px #afa2ac;
}
.wheel-one{left:56px}
.wheel-two{right:64px}
@keyframes busFloat{
  from{translate:0 0}
  to{translate:0 -12px}
}

/* === Stay connected form === */
.stay-connected-final{
  background:linear-gradient(180deg,#fff4f9,#ffe2f0);
}
.stay-card{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:34px;
  align-items:center;
  padding:38px;
  border-radius:34px;
  background:#fff;
  border:3px solid var(--ink);
  box-shadow:12px 12px 0 var(--ink);
}
.stay-card h2{
  color:#50184b;
  max-width:12ch;
}
.stay-card p{
  color:#6a5665;
}
.stay-form{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
}
.stay-form input{
  width:100%;
  padding:15px 16px;
  border:2px solid var(--ink);
  border-radius:16px;
  background:#fffafd;
  font:inherit;
}
.stay-form button{
  border:0;
  border-radius:16px;
  padding:15px 18px;
  background:linear-gradient(145deg,var(--pink),var(--hot));
  color:#fff;
  font:inherit;
  font-weight:900;
  cursor:pointer;
  box-shadow:0 12px 24px rgba(255,15,123,.22);
}
.stay-status{
  grid-column:1/-1;
  min-height:1.25rem;
  font-size:.9rem;
  font-weight:800;
  color:#6a2463;
}

@media(max-width:980px){
  .tour-2027-shell,
  .stay-card{
    grid-template-columns:1fr;
  }
  .tour-art{
    min-height:500px;
  }
  .tour-bus{
    left:50%;
    transform:translateX(-50%) rotateY(-10deg) rotateZ(-3deg);
  }
  .tour-2027 .tour-copy h2,
  .stay-card h2{
    max-width:none;
  }
}
@media(max-width:620px){
  .tour-art{
    min-height:430px;
  }
  .tour-bus{
    width:300px;
    height:150px;
    top:160px;
  }
  .bus-window{
    width:52px;
    height:40px;
  }
  .window-one{left:24px}
  .window-two{left:88px}
  .window-three{left:152px}
  .bus-door{
    width:50px;
    height:88px;
    right:20px;
  }
  .bus-believe-logo{
    left:58px;
    top:70px;
    width:150px;
  }
  .wheel{
    width:56px;
    height:56px;
    bottom:-28px;
  }
  .wheel-one{left:42px}
  .wheel-two{right:48px}
  .stay-card{
    padding:26px 20px;
  }
}


/* === Reimagined Believe on Tour section === */
.tour-reimagined{
  position:relative;
  overflow:hidden;
  padding:96px 0 72px;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.34), transparent 20%),
    radial-gradient(circle at 82% 12%, rgba(255,225,250,.25), transparent 18%),
    radial-gradient(circle at 50% -8%, rgba(255,255,190,.30), transparent 30%),
    linear-gradient(180deg,#cfa9ff 0%, #e5c4ff 24%, #f7d5ee 52%, #f0c3eb 76%, #dfadf1 100%);
}
.tour-reimagined .wrap{
  position:relative;
  z-index:2;
}
.tour-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  opacity:.6;
  pointer-events:none;
}
.tour-reimagined .glow-one{
  width:380px;height:380px;left:-80px;top:40px;
  background:rgba(255,197,231,.45);
}
.tour-reimagined .glow-two{
  width:420px;height:420px;right:-100px;top:130px;
  background:rgba(183,146,255,.38);
}

.tour-header{
  text-align:center;
  margin-bottom:28px;
}
.tour-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 18px;
  border-radius:999px;
  background:rgba(255,255,255,.62);
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 16px 34px rgba(109,53,144,.10);
  color:#7b2a76;
  font-size:.82rem;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.tour-header h2{
  margin:18px auto 10px;
  font-size:clamp(2.5rem, 7vw, 5.7rem);
  line-height:.94;
  letter-spacing:.04em;
  text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%, #ffe8f6 18%, #ffc9ef 38%, #f67bc9 78%, #bb2f96 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  text-shadow:
    0 3px 0 rgba(255,255,255,.5),
    0 14px 28px rgba(113,34,98,.20),
    0 0 18px rgba(255,255,255,.38);
}
.tour-subtitle{
  margin:0 auto 10px;
  font-size:clamp(1rem, 2vw, 1.35rem);
  letter-spacing:.3em;
  font-weight:900;
  color:#67205f;
  text-transform:uppercase;
}
.tour-tagline{
  margin:0 auto;
  max-width:36rem;
  color:#6c446b;
  font-size:1.05rem;
  font-weight:700;
}

.tour-scene{
  position:relative;
  min-height:760px;
  padding:24px 24px 0;
  border-radius:38px;
  background:linear-gradient(180deg,rgba(255,255,255,.24),rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.46);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.55),
    0 28px 70px rgba(103,48,126,.18);
  backdrop-filter:blur(8px);
}

.floating-cloud{
  position:absolute;
  border-radius:999px;
  background:rgba(255,255,255,.78);
  filter:blur(0.4px);
  box-shadow:0 14px 28px rgba(120,70,151,.10);
  opacity:.9;
  pointer-events:none;
}
.floating-cloud:before,
.floating-cloud:after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:inherit;
}
.cloud-one{
  width:150px;height:44px;left:7%;top:84px;
  animation:cloudDrift 16s ease-in-out infinite;
}
.cloud-one:before{width:50px;height:50px;left:18px;top:-18px}
.cloud-one:after{width:62px;height:62px;right:22px;top:-26px}
.cloud-two{
  width:120px;height:36px;right:10%;top:115px;
  animation:cloudDrift 18s ease-in-out infinite reverse;
}
.cloud-two:before{width:42px;height:42px;left:10px;top:-14px}
.cloud-two:after{width:52px;height:52px;right:14px;top:-22px}
.cloud-three{
  width:95px;height:28px;left:46%;top:164px;
  opacity:.75;
  animation:cloudDrift 13s ease-in-out infinite;
}
.cloud-three:before{width:34px;height:34px;left:6px;top:-13px}
.cloud-three:after{width:40px;height:40px;right:12px;top:-16px}

.magic-sparkle{
  position:absolute;
  width:14px;height:14px;
  pointer-events:none;
}
.magic-sparkle:before,
.magic-sparkle:after{
  content:"";
  position:absolute;
  inset:0;
  margin:auto;
  background:linear-gradient(180deg,#fff8b8,#ffd2fb);
  border-radius:999px;
  box-shadow:0 0 16px rgba(255,244,165,.72);
}
.magic-sparkle:before{width:2px;height:100%}
.magic-sparkle:after{width:100%;height:2px}
.sparkle-one{left:18%;top:150px;animation:sparkleTwinkle 3.6s ease-in-out infinite}
.sparkle-two{left:34%;top:98px;animation:sparkleTwinkle 4.2s ease-in-out infinite .4s}
.sparkle-three{right:23%;top:172px;animation:sparkleTwinkle 3.4s ease-in-out infinite .8s}
.sparkle-four{right:12%;top:92px;animation:sparkleTwinkle 4.4s ease-in-out infinite 1s}
.sparkle-five{left:58%;top:204px;animation:sparkleTwinkle 3.8s ease-in-out infinite 1.4s}

.tour-path{
  position:absolute;
  border:3px dashed rgba(245,255,255,.55);
  border-color:rgba(255,255,255,.78) transparent transparent transparent;
  border-radius:50%;
  pointer-events:none;
  opacity:.65;
}
.tour-path-one{
  width:390px;height:200px;left:14%;top:250px;
  transform:rotate(-4deg);
}
.tour-path-two{
  width:440px;height:210px;right:10%;top:220px;
  transform:rotate(10deg);
}

.tour-destinations{
  position:relative;
  min-height:330px;
  z-index:4;
}
.city-marker{
  --lift: 0px;
  appearance:none;
  border:0;
  background:none;
  cursor:pointer;
  position:absolute;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:10px;
  text-align:center;
  transform:translateY(var(--lift));
  transition:transform .35s ease, filter .35s ease;
  animation:tourStopPulse 18s ease-in-out infinite;
  animation-delay:var(--pulse-delay);
}
.city-marker:hover{
  --lift:-8px;
  filter:drop-shadow(0 16px 28px rgba(145,39,130,.22));
}
.city-marker:focus-visible{
  outline:3px solid rgba(126,45,138,.45);
  outline-offset:6px;
  border-radius:18px;
}
.marker-pin{
  width:22px;height:22px;
  border-radius:50% 50% 50% 0;
  background:linear-gradient(180deg,#ff74c5,#d62a9e);
  transform:rotate(-45deg);
  border:3px solid rgba(255,255,255,.86);
  box-shadow:0 8px 18px rgba(141,30,117,.23);
}
.marker-panel{
  min-width:220px;
  padding:14px 16px 16px;
  border-radius:22px;
  background:rgba(255,255,255,.93);
  border:1px solid rgba(255,255,255,.8);
  box-shadow:0 16px 34px rgba(116,49,142,.14);
  color:#5d2358;
}
.marker-panel small{
  display:block;
  margin-bottom:6px;
  font-size:.7rem;
  font-weight:900;
  letter-spacing:.18em;
  color:#a34f95;
  text-transform:uppercase;
}
.marker-panel strong{
  display:block;
  font-size:.98rem;
  line-height:1.15;
  letter-spacing:.03em;
}

.marker-little-rock{left:4%;top:114px}
.marker-mississippi{left:28%;top:28px}
.marker-atlanta{right:30%;top:76px}
.marker-houston{right:5%;top:154px}

.tour-info-card{
  position:absolute;
  right:38px;
  top:252px;
  width:min(340px, calc(100% - 76px));
  padding:24px 24px 22px;
  border-radius:28px;
  background:rgba(255,255,255,.95);
  border:1px solid rgba(255,255,255,.82);
  box-shadow:0 24px 50px rgba(98,38,107,.18);
  z-index:5;
}
.tour-info-card[hidden]{display:none !important}
.tour-card-close{
  position:absolute;
  right:12px;
  top:10px;
  width:32px;height:32px;
  border:0;
  border-radius:50%;
  background:#f6e5f4;
  color:#7a2d71;
  font-size:1.3rem;
  cursor:pointer;
}
.tour-card-kicker{
  margin-bottom:10px;
  color:#9f4b92;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.tour-info-card h3{
  margin:0 0 10px;
  color:#4f1a4b;
  font-size:1.5rem;
}
.tour-info-card p{
  margin:0 0 16px;
  color:#6f5a6d;
}
.tour-notify-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:12px 18px;
  border-radius:999px;
  background:linear-gradient(145deg,#ff67ba,#db38a4);
  color:#fff !important;
  font-weight:900;
  text-decoration:none;
  letter-spacing:.06em;
  box-shadow:0 12px 28px rgba(226,54,158,.25);
}

.tour-road-scene{
  position:absolute;
  left:0;right:0;bottom:0;
  height:345px;
  z-index:2;
}
.road-shadow{
  position:absolute;
  left:6%;
  right:6%;
  bottom:46px;
  height:120px;
  border-radius:999px;
  background:radial-gradient(ellipse at center, rgba(76,40,87,.28) 0%, rgba(76,40,87,0) 70%);
  filter:blur(18px);
}
.tour-road{
  position:absolute;
  left:4%;
  right:4%;
  bottom:0;
  height:176px;
  border-radius:200px 200px 0 0;
  background:linear-gradient(180deg,#66576f 0%, #4d4453 30%, #403844 100%);
  box-shadow:inset 0 8px 0 rgba(255,255,255,.12);
  overflow:hidden;
}
.road-lane{
  position:absolute;
  left:7%;
  right:7%;
  height:6px;
  background:repeating-linear-gradient(90deg,#ffe783 0 42px, transparent 42px 82px);
  opacity:.92;
}
.lane-one{top:52px}
.lane-two{top:104px}

.tour-bus-track{
  position:absolute;
  left:-28%;
  bottom:64px;
  width:420px;
  height:200px;
  animation:driveAcross 18s linear infinite;
  z-index:4;
}
.tour-bus{
  position:absolute;
  inset:0;
  animation:busBounce 1.6s ease-in-out infinite;
}
.bus-roof{
  position:absolute;
  left:52px;right:82px;top:8px;height:26px;
  border-radius:999px;
  background:linear-gradient(180deg,#ffb6dc,#ff91cb);
  box-shadow:0 8px 14px rgba(145,53,118,.14);
}
.bus-luggage{
  position:absolute;
  top:-8px;
  width:44px;height:18px;
  border-radius:8px;
  background:linear-gradient(180deg,#fbd778,#e4a85f);
  border:2px solid rgba(114,70,33,.18);
}
.luggage-one{left:98px}
.luggage-two{left:150px;width:54px}
.bus-front-accent{
  position:absolute;
  right:0;top:46px;
  width:86px;height:88px;
  border-radius:28px 34px 16px 16px;
  background:linear-gradient(180deg,#ff78bc,#ff4fa6);
  box-shadow:inset 0 4px 0 rgba(255,255,255,.22);
}
.bus-window{
  position:absolute;
  top:48px;
  width:72px;height:54px;
  border-radius:16px;
  background:linear-gradient(180deg,#f4fcff,#8bd5f0);
  border:3px solid rgba(94,39,83,.26);
  box-shadow:inset 0 10px 14px rgba(255,255,255,.32);
}
.window-one{left:34px}
.window-two{left:118px}
.window-three{left:202px}
.bus-door{
  position:absolute;
  right:34px;
  top:48px;
  width:58px;height:112px;
  border-radius:18px;
  background:linear-gradient(180deg,#ffd8eb,#ff91cb);
  border:3px solid rgba(94,39,83,.28);
}
.bus-believe-logo{
  position:absolute;
  left:62px;
  top:108px;
  width:210px;
  max-height:60px;
  object-fit:contain;
  object-position:center;
  filter:drop-shadow(0 6px 12px rgba(95,29,74,.16));
}
.bus-star{
  position:absolute;
  color:#ffdd74;
  font-size:1.1rem;
  text-shadow:0 0 12px rgba(255,228,119,.55);
}
.star-one{left:284px;top:104px}
.star-two{left:300px;top:132px;font-size:.9rem}
.bus-headlight{
  position:absolute;
  right:10px;
  top:114px;
  width:14px;height:14px;
  border-radius:50%;
  background:#fff3a9;
  box-shadow:0 0 18px rgba(255,241,136,.92);
}
.headlight-two{top:136px}
.bus-wheel{
  position:absolute;
  bottom:0;
  width:74px;height:74px;
  border-radius:50%;
  background:#26202b;
  border:10px solid #121014;
  box-shadow:inset 0 0 0 11px #b7adbb;
}
.bus-wheel span{
  position:absolute;
  inset:13px;
  border-radius:50%;
  border:4px solid rgba(255,255,255,.65);
  animation:wheelSpin 1.1s linear infinite;
}
.wheel-front{right:54px}
.wheel-back{left:58px}

.trail-spark{
  position:absolute;
  width:10px;height:10px;
  border-radius:50%;
  background:radial-gradient(circle,#fff9be 0%, #ffd6f6 55%, transparent 70%);
  filter:blur(.2px);
  animation:trailFade 1.4s ease-in-out infinite;
}
.trail-one{left:-18px;top:106px}
.trail-two{left:-42px;top:128px;animation-delay:.35s}
.trail-three{left:-62px;top:95px;animation-delay:.7s}

@keyframes driveAcross{
  0%{transform:translateX(0)}
  100%{transform:translateX(calc(100vw + 680px))}
}
@keyframes wheelSpin{
  from{transform:rotate(0)}
  to{transform:rotate(360deg)}
}
@keyframes busBounce{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-7px)}
}
@keyframes cloudDrift{
  0%,100%{transform:translateX(0)}
  50%{transform:translateX(18px)}
}
@keyframes sparkleTwinkle{
  0%,100%{transform:scale(.7); opacity:.45}
  50%{transform:scale(1.18); opacity:1}
}
@keyframes trailFade{
  0%,100%{transform:scale(.55); opacity:.35}
  50%{transform:scale(1); opacity:.95}
}
@keyframes tourStopPulse{
  0%,10%,100%{transform:translateY(0) scale(1); filter:none}
  14%,18%{transform:translateY(-6px) scale(1.03); filter:drop-shadow(0 16px 24px rgba(226,73,167,.20))}
  16%{transform:translateY(-10px) scale(1.06); filter:drop-shadow(0 18px 28px rgba(255,211,120,.35))}
}

@media(max-width:1200px){
  .marker-little-rock{left:2%;top:132px}
  .marker-mississippi{left:22%;top:32px}
  .marker-atlanta{right:24%;top:74px}
  .marker-houston{right:2%;top:165px}
  .tour-info-card{right:20px;top:250px}
}
@media(max-width:980px){
  .tour-reimagined{padding:80px 0 58px}
  .tour-scene{min-height:920px;padding:24px 18px 0}
  .tour-destinations{
    min-height:auto;
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:16px;
    padding:20px 0 0;
  }
  .city-marker{
    position:relative;
    left:auto !important;
    right:auto !important;
    top:auto !important;
  }
  .marker-panel{
    min-width:0;
    width:100%;
  }
  .tour-path{display:none}
  .tour-info-card{
    position:relative;
    right:auto; top:auto;
    width:100%;
    margin:22px 0 8px;
  }
  .tour-road-scene{
    height:340px;
  }
}
@media(max-width:700px){
  .tour-header h2{font-size:clamp(2.15rem, 12vw, 3.3rem)}
  .tour-subtitle{letter-spacing:.18em}
  .tour-tagline{font-size:.96rem}
  .tour-scene{min-height:1020px}
  .tour-destinations{grid-template-columns:1fr}
  .tour-road{
    left:2%; right:2%;
    height:168px;
  }
  .tour-bus-track{
    width:320px;
    height:164px;
    bottom:64px;
  }
  .bus-roof{left:38px;right:62px;height:22px}
  .bus-front-accent{width:70px;height:72px;top:40px}
  .bus-window{
    width:56px;height:44px;top:42px;
  }
  .window-one{left:24px}
  .window-two{left:90px}
  .window-three{left:156px}
  .bus-door{
    right:25px;top:42px;width:46px;height:94px;
  }
  .bus-believe-logo{
    left:42px;top:90px;width:165px;
  }
  .bus-wheel{
    width:58px;height:58px;bottom:10px;
    border-width:8px;
  }
  .bus-wheel span{inset:10px}
  .wheel-front{right:42px}
  .wheel-back{left:40px}
  .luggage-one{left:76px}
  .luggage-two{left:124px}
}


/* === Believe Experience: magical redesign === */
.experience-magical{
  position:relative;
  overflow:hidden;
  padding:92px 0 86px;
  background:
    radial-gradient(circle at 18% 12%, rgba(255,255,255,.18), transparent 18%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,.10), transparent 20%),
    radial-gradient(circle at 50% 0%, rgba(246,197,255,.18), transparent 28%),
    linear-gradient(180deg, #5e248d 0%, #6b28a3 16%, #7d31b7 35%, #6b23a9 60%, #4d167f 100%);
}
.experience-magical .wrap{
  position:relative;
  z-index:2;
}
.experience-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(70px);
  pointer-events:none;
  opacity:.55;
}
.experience-magical .exp-glow-one{
  width:360px;height:360px;left:-80px;top:70px;
  background:rgba(253,172,246,.38);
}
.experience-magical .exp-glow-two{
  width:430px;height:430px;right:-120px;top:140px;
  background:rgba(167,117,255,.34);
}
.experience-magical .exp-glow-three{
  width:320px;height:320px;left:28%;bottom:40px;
  background:rgba(255,214,246,.20);
}

.experience-hero{
  display:grid;
  grid-template-columns:minmax(220px, 320px) 1fr;
  gap:34px;
  align-items:center;
  margin-bottom:28px;
}
.experience-hero-logo{
  width:min(100%, 310px);
  object-fit:contain;
  filter:drop-shadow(0 18px 32px rgba(50,10,75,.30));
}
.experience-hero-copy{
  padding:28px 30px;
  border-radius:34px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  backdrop-filter:blur(10px);
  box-shadow:0 20px 45px rgba(35,0,58,.16), inset 0 1px 0 rgba(255,255,255,.25);
}
.exp-eyebrow{
  display:inline-flex;
  padding:9px 16px;
  border-radius:999px;
  background:rgba(255,255,255,.18);
  color:#ffe3fb;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}
.experience-hero-copy h2{
  margin:16px 0 8px;
  color:#fff;
  font-size:clamp(2rem, 5vw, 4rem);
  line-height:.95;
  letter-spacing:.03em;
  text-shadow:0 8px 24px rgba(29,0,48,.22);
}
.exp-subtitle{
  margin:0 0 12px;
  color:#ffe3ff;
  font-size:1.15rem;
  font-weight:800;
}
.experience-hero-copy p{
  margin:0;
  color:#f8eefe;
  line-height:1.7;
}

.experience-partner{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:24px;
  align-items:center;
  margin-bottom:30px;
  padding:26px 30px;
  border-radius:34px;
  background:linear-gradient(135deg, rgba(255,255,255,.16), rgba(255,255,255,.08));
  border:1px solid rgba(255,255,255,.24);
  box-shadow:0 20px 50px rgba(35,0,58,.14);
}
.partner-kicker{
  color:#ffd7fb;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.partner-wordmark{
  margin:10px 0 12px;
  font-size:clamp(2rem, 4vw, 3.3rem);
  line-height:1;
  font-weight:900;
  letter-spacing:.02em;
  color:#fff;
  text-shadow:0 10px 26px rgba(43,0,67,.28);
}
.partner-copy p{
  margin:0;
  color:#f8eefe;
  line-height:1.7;
}
.partner-shine{
  position:relative;
  min-height:160px;
}
.shine-orb{
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle at 35% 35%, rgba(255,255,255,.95), rgba(255,196,246,.55) 55%, rgba(255,196,246,0) 72%);
  filter:blur(.2px);
}
.orb-one{width:160px;height:160px;right:16%;top:10px;animation:orbFloat 5s ease-in-out infinite;}
.orb-two{width:110px;height:110px;right:0;bottom:10px;animation:orbFloat 6.2s ease-in-out infinite .6s;}
.shine-star{
  position:absolute;
  color:#fff2a6;
  font-size:1.3rem;
  text-shadow:0 0 18px rgba(255,245,164,.7);
  animation:sparkleTwinkle 3.5s ease-in-out infinite;
}
.star-one{left:14%;top:28px}
.star-two{right:26%;top:12px;animation-delay:.8s}
.star-three{right:8%;bottom:24px;animation-delay:1.2s}

.experience-showcase{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:start;
}
.product-spotlight{
  position:relative;
  min-height:580px;
  border-radius:42px;
  padding:24px;
  background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(255,255,255,.06));
  border:1px solid rgba(255,255,255,.18);
  box-shadow:0 24px 50px rgba(35,0,58,.14);
  overflow:hidden;
}
.product-glow{
  position:absolute;
  border-radius:50%;
  filter:blur(46px);
  opacity:.7;
}
.product-glow-one{
  width:260px;height:260px;left:-20px;top:110px;
  background:rgba(250,177,237,.34);
}
.product-glow-two{
  width:220px;height:220px;right:-30px;bottom:70px;
  background:rgba(179,141,255,.30);
}
.beauty-product{
  position:absolute;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:18px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.82), rgba(255,255,255,.64));
  box-shadow:0 22px 40px rgba(52,10,76,.18), inset 0 1px 0 rgba(255,255,255,.8);
  animation:productFloat 4.8s ease-in-out infinite;
}
.beauty-product img{
  width:100%;
  height:auto;
  object-fit:contain;
  display:block;
  filter:drop-shadow(0 16px 28px rgba(78,17,110,.22));
}
.product-halo{
  position:absolute;
  inset:10px;
  border-radius:28px;
  background:radial-gradient(circle at 30% 25%, rgba(255,255,255,.8), rgba(255,255,255,0) 48%);
  pointer-events:none;
}
.product-left{
  left:28px;
  top:58px;
  width:min(86%, 340px);
}
.product-right{
  right:28px;
  bottom:56px;
  width:min(78%, 300px);
  animation-delay:.9s;
}

.experience-details{
  display:grid;
  gap:20px;
}
.exp-copy-card,
.experience-cta{
  padding:28px 28px 30px;
  border-radius:32px;
  background:linear-gradient(180deg, rgba(255,255,255,.16), rgba(255,255,255,.10));
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 20px 45px rgba(35,0,58,.14);
}
.exp-copy-card h3,
.experience-cta h4{
  margin:0 0 12px;
  color:#fff;
  font-size:1.55rem;
}
.exp-copy-card p,
.experience-cta p{
  margin:0;
  color:#f8eefe;
  line-height:1.75;
}
.exp-copy-card .lead{
  margin-bottom:14px;
  color:#fff1ff;
  font-weight:700;
}
.experience-features{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:14px;
}
.feature-chip{
  display:flex;
  align-items:center;
  gap:12px;
  padding:16px 18px;
  border-radius:22px;
  background:rgba(255,255,255,.13);
  border:1px solid rgba(255,255,255,.18);
  color:#fff;
  font-weight:800;
  box-shadow:0 14px 28px rgba(35,0,58,.10);
  transition:transform .28s ease, box-shadow .28s ease, background .28s ease;
}
.feature-chip:hover{
  transform:translateY(-4px);
  background:rgba(255,255,255,.18);
  box-shadow:0 20px 36px rgba(35,0,58,.16);
}
.feature-chip span{
  display:inline-grid;
  place-items:center;
  width:30px;height:30px;
  border-radius:50%;
  background:rgba(255,255,255,.24);
  color:#fff2aa;
  font-size:1rem;
}
.experience-cta p{
  margin-bottom:16px;
}
.exp-cta-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:14px 22px;
  border-radius:999px;
  background:linear-gradient(145deg, #ff76c5, #e13bab);
  color:#fff !important;
  text-decoration:none;
  font-weight:900;
  letter-spacing:.04em;
  box-shadow:0 14px 28px rgba(232,59,171,.28);
  transition:transform .28s ease, box-shadow .28s ease;
}
.exp-cta-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 18px 34px rgba(232,59,171,.34);
}

.experience-particles{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.particle{
  position:absolute;
  width:10px;height:10px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,.95) 0%, rgba(255,210,252,.7) 55%, rgba(255,210,252,0) 72%);
  animation:particleDrift 9s ease-in-out infinite;
}
.p1{left:6%;top:16%}
.p2{left:14%;top:44%;animation-delay:.7s}
.p3{left:38%;top:20%;animation-delay:1.3s}
.p4{left:55%;top:10%;animation-delay:2s}
.p5{left:70%;top:38%;animation-delay:2.7s}
.p6{right:16%;top:18%;animation-delay:3.2s}
.p7{right:8%;top:50%;animation-delay:3.9s}
.p8{left:28%;bottom:14%;animation-delay:4.3s}
.p9{right:28%;bottom:18%;animation-delay:4.9s}

@keyframes productFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-12px)}
}
@keyframes orbFloat{
  0%,100%{transform:translateY(0) translateX(0)}
  50%{transform:translateY(-12px) translateX(6px)}
}
@keyframes particleDrift{
  0%,100%{transform:translateY(0) scale(.8); opacity:.45}
  50%{transform:translateY(-16px) scale(1.15); opacity:1}
}

/* Bus logo enlarged */
.tour-reimagined .bus-believe-logo{
  width:270px !important;
  max-height:76px !important;
  left:48px !important;
  top:102px !important;
}

@media (max-width: 980px){
  .experience-magical{
    padding:76px 0 70px;
  }
  .experience-hero,
  .experience-partner,
  .experience-showcase{
    grid-template-columns:1fr;
  }
  .experience-hero-logo{
    margin:0 auto;
  }
  .partner-shine{
    min-height:120px;
  }
  .product-spotlight{
    min-height:520px;
  }
  .product-left{
    left:22px;
    top:42px;
    width:min(82%, 320px);
  }
  .product-right{
    right:20px;
    bottom:38px;
    width:min(74%, 270px);
  }
  .experience-features{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width: 700px){
  .experience-hero-copy,
  .experience-partner,
  .exp-copy-card,
  .experience-cta{
    padding:22px;
    border-radius:26px;
  }
  .experience-hero-copy h2{
    font-size:clamp(1.8rem, 10vw, 2.8rem);
  }
  .partner-wordmark{
    font-size:clamp(1.8rem, 11vw, 2.8rem);
  }
  .product-spotlight{
    min-height:430px;
    border-radius:28px;
    padding:16px;
  }
  .product-left{
    width:min(84%, 240px);
    left:14px;
    top:26px;
  }
  .product-right{
    width:min(76%, 205px);
    right:14px;
    bottom:24px;
  }
  .experience-features{
    grid-template-columns:1fr;
  }
  .feature-chip{
    font-size:.98rem;
  }
  .tour-reimagined .bus-believe-logo{
    width:205px !important;
    max-height:58px !important;
    left:30px !important;
    top:82px !important;
  }
}


/* === Two requested fixes only === */

/* Make the Believe logo fill the broad side panel of the tour bus */
.tour-reimagined .bus-believe-logo{
  left:22px !important;
  top:96px !important;
  width:290px !important;
  max-height:86px !important;
  object-fit:contain !important;
  object-position:center !important;
  z-index:3;
}

/* Keep the two childhood / grandmother scrapbook photos visibly separated */
#story .scrap .p1{
  width:39% !important;
  left:1% !important;
  top:92px !important;
  transform:rotate(-7deg) !important;
}

#story .scrap .p2{
  width:46% !important;
  right:1% !important;
  top:4px !important;
  transform:rotate(5deg) !important;
}

@media (max-width:700px){
  .tour-reimagined .bus-believe-logo{
    left:18px !important;
    top:80px !important;
    width:220px !important;
    max-height:64px !important;
  }

  #story .scrap .p1{
    width:40% !important;
    left:0 !important;
    top:105px !important;
  }

  #story .scrap .p2{
    width:45% !important;
    right:0 !important;
    top:8px !important;
  }
}


/* === Adjust scrapbook photos to sit more side by side with no overlap === */
#story .scrap .p1{
  width:36% !important;
  left:2% !important;
  top:96px !important;
  transform:rotate(-6deg) !important;
}

#story .scrap .p2{
  width:40% !important;
  right:-2% !important;
  top:8px !important;
  transform:rotate(4deg) !important;
}

@media (max-width:700px){
  #story .scrap .p1{
    width:37% !important;
    left:1% !important;
    top:112px !important;
  }

  #story .scrap .p2{
    width:41% !important;
    right:-3% !important;
    top:10px !important;
  }
}


/* === Final vintage memory layout: clearly separated photos === */
#story .scrap{
  position:relative;
  min-height:540px !important;
}

#story .scrap .p1,
#story .scrap .p2{
  position:absolute !important;
  object-fit:contain !important;
  height:auto !important;
  border:10px solid rgba(255,255,255,.92) !important;
  box-shadow:0 20px 38px rgba(45,28,35,.20) !important;
  border-radius:8px !important;
}

#story .scrap .p1{
  width:34% !important;
  left:1% !important;
  top:108px !important;
  transform:rotate(-5deg) !important;
  z-index:2 !important;
}

#story .scrap .p2{
  width:44% !important;
  right:-5% !important;
  left:auto !important;
  top:28px !important;
  transform:rotate(4deg) !important;
  z-index:2 !important;
}

@media (max-width: 900px){
  #story .scrap{
    min-height:500px !important;
  }

  #story .scrap .p1{
    width:35% !important;
    left:0 !important;
    top:122px !important;
  }

  #story .scrap .p2{
    width:45% !important;
    right:-4% !important;
    top:34px !important;
  }
}

@media (max-width: 700px){
  #story .scrap{
    min-height:620px !important;
  }

  #story .scrap .p1,
  #story .scrap .p2{
    position:absolute !important;
  }

  #story .scrap .p1{
    width:42% !important;
    left:1% !important;
    top:180px !important;
    transform:rotate(-4deg) !important;
  }

  #story .scrap .p2{
    width:50% !important;
    right:-4% !important;
    top:44px !important;
    transform:rotate(3deg) !important;
  }
}

@media (max-width: 480px){
  #story .scrap{
    min-height:700px !important;
  }

  #story .scrap .p1{
    width:43% !important;
    left:0 !important;
    top:228px !important;
  }

  #story .scrap .p2{
    width:52% !important;
    right:-5% !important;
    top:72px !important;
  }
}


/* === Refined vintage photo / scrapbook story section === */
#story .story-grid{
  align-items:start !important;
}

#story .scrap{
  position:relative !important;
  min-height:650px !important;
  transform:translateY(-20px) !important;
}

#story .polaroid{
  background:
    linear-gradient(180deg, rgba(255,251,245,.98), rgba(244,232,212,.98)) !important;
  padding:16px 16px 54px !important;
  border-radius:10px !important;
  box-shadow:
    0 18px 34px rgba(53,34,31,.18),
    0 2px 0 rgba(255,255,255,.55) inset !important;
  border:1px solid rgba(162,126,96,.22) !important;
  overflow:visible !important;
}

#story .polaroid::before{
  content:"";
  position:absolute;
  inset:-10px -8px auto -8px;
  height:20px;
  background:
    linear-gradient(90deg,
      rgba(227,213,190,.0) 0%,
      rgba(227,213,190,.85) 8%,
      rgba(250,246,238,.9) 28%,
      rgba(225,210,187,.9) 60%,
      rgba(227,213,190,.0) 100%);
  clip-path:polygon(0 42%, 7% 65%, 16% 34%, 24% 60%, 34% 30%, 44% 60%, 53% 34%, 65% 62%, 76% 28%, 86% 56%, 94% 34%, 100% 58%, 100% 100%, 0 100%);
  opacity:.92;
  pointer-events:none;
}

#story .polaroid::after{
  content:"";
  position:absolute;
  inset:12px;
  border-radius:4px;
  background:
    radial-gradient(circle at 18% 16%, rgba(255,255,255,.18), transparent 24%),
    linear-gradient(180deg, rgba(106,72,40,.03), rgba(106,72,40,0));
  mix-blend-mode:multiply;
  pointer-events:none;
}

#story .polaroid img{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  position:relative;
  z-index:1;
  filter:sepia(.08) saturate(.96) contrast(1.02);
}

#story .scrap .p1{
  width:39% !important;
  left:1% !important;
  top:92px !important;
  transform:rotate(-5deg) !important;
  z-index:2 !important;
}

#story .scrap .p2{
  width:47% !important;
  right:-2% !important;
  top:22px !important;
  transform:rotate(4deg) !important;
  z-index:2 !important;
}

#story .tape{
  width:96px !important;
  height:30px !important;
  top:-16px !important;
  background:
    linear-gradient(180deg, rgba(255,234,168,.96), rgba(242,210,118,.86)) !important;
  box-shadow:0 5px 10px rgba(0,0,0,.08) !important;
}

#story .newspaper{
  position:absolute !important;
  left:11% !important;
  bottom:14px !important;
  width:76% !important;
  padding:24px 24px 22px !important;
  border:1px solid rgba(89,64,40,.32) !important;
  border-radius:8px !important;
  background:
    radial-gradient(circle at 15% 18%, rgba(255,255,255,.45), transparent 18%),
    linear-gradient(180deg, rgba(244,233,205,.98), rgba(233,220,188,.98)) !important;
  box-shadow:
    0 18px 40px rgba(0,0,0,.18),
    0 2px 0 rgba(255,255,255,.5) inset !important;
  transform:rotate(-2deg) !important;
  overflow:visible !important;
}

#story .newspaper::before{
  content:"";
  position:absolute;
  inset:-10px -8px auto -8px;
  height:18px;
  background:
    linear-gradient(90deg,
      rgba(232,220,188,0) 0%,
      rgba(232,220,188,.95) 8%,
      rgba(249,244,233,.96) 28%,
      rgba(226,212,181,.95) 60%,
      rgba(232,220,188,0) 100%);
  clip-path:polygon(0 48%, 8% 66%, 14% 30%, 24% 58%, 35% 28%, 46% 62%, 58% 34%, 67% 56%, 77% 28%, 88% 58%, 96% 34%, 100% 54%, 100% 100%, 0 100%);
  opacity:.95;
}

#story .newspaper::after{
  content:"";
  position:absolute;
  inset:10px;
  pointer-events:none;
  border:1px dashed rgba(108,84,57,.18);
  opacity:.6;
}

#story .news-head{
  align-items:end !important;
  font-size:1.22rem !important;
  color:#2d221e !important;
  border-bottom:2px solid rgba(71,51,38,.72) !important;
  padding-bottom:10px !important;
  margin-bottom:12px !important;
}

#story .news-head span{
  font-size:1.42rem !important;
  letter-spacing:.02em;
  text-transform:none !important;
}

#story .news-head small{
  color:#765f4c !important;
  font-size:.64rem !important;
  letter-spacing:.14em !important;
}

#story .news-title{
  font-size:2.1rem !important;
  line-height:1 !important;
  margin-bottom:10px !important;
  color:#2a211d !important;
}

#story .news-copy{
  font-size:.93rem !important;
  line-height:1.55 !important;
  color:#473a33 !important;
}

#story .heart-pop{
  width:132px !important;
  right:2% !important;
  bottom:-10px !important;
  transform:rotate(7deg) !important;
  filter:drop-shadow(0 16px 24px rgba(0,0,0,.16)) !important;
}

@media (max-width: 1000px){
  #story .scrap{
    min-height:620px !important;
    transform:translateY(-14px) !important;
  }
  #story .scrap .p1{
    width:40% !important;
    left:0 !important;
    top:104px !important;
  }
  #story .scrap .p2{
    width:48% !important;
    right:-2% !important;
    top:28px !important;
  }
  #story .newspaper{
    left:9% !important;
    width:80% !important;
  }
}

@media (max-width: 700px){
  #story .scrap{
    min-height:720px !important;
    transform:translateY(-8px) !important;
  }
  #story .scrap .p1{
    width:44% !important;
    left:0 !important;
    top:208px !important;
    transform:rotate(-4deg) !important;
  }
  #story .scrap .p2{
    width:52% !important;
    right:-2% !important;
    top:58px !important;
    transform:rotate(3deg) !important;
  }
  #story .newspaper{
    left:6% !important;
    width:86% !important;
    bottom:18px !important;
    padding:20px 18px 18px !important;
  }
  #story .news-title{
    font-size:1.7rem !important;
  }
  #story .heart-pop{
    width:110px !important;
    bottom:-4px !important;
  }
}

@media (max-width: 480px){
  #story .scrap{
    min-height:760px !important;
  }
  #story .scrap .p1{
    width:45% !important;
    top:238px !important;
  }
  #story .scrap .p2{
    width:53% !important;
    top:78px !important;
  }
  #story .news-head{
    display:block !important;
  }
  #story .news-head small{
    display:block;
    margin-top:6px;
  }
}


/* === Vintage section final spacing fix: move left photo upward so bottom text is clear === */
#story .scrap{
  min-height:680px !important;
}

#story .scrap .p1{
  top:42px !important;
  left:1% !important;
  width:39% !important;
  transform:rotate(-5deg) !important;
}

#story .newspaper{
  bottom:10px !important;
  z-index:3 !important;
}

#story .scrap .p2{
  z-index:2 !important;
}

@media (max-width: 1000px){
  #story .scrap{
    min-height:660px !important;
  }

  #story .scrap .p1{
    top:58px !important;
    width:40% !important;
  }
}

@media (max-width: 700px){
  #story .scrap{
    min-height:760px !important;
  }

  #story .scrap .p1{
    top:148px !important;
    width:44% !important;
  }

  #story .newspaper{
    bottom:14px !important;
  }
}

@media (max-width: 480px){
  #story .scrap{
    min-height:800px !important;
  }

  #story .scrap .p1{
    top:176px !important;
    width:45% !important;
  }
}


/* === Homepage Believe logo vertical position adjustment only === */
.hero .hero-logo,
.hero .official-logo-hero,
.hero img[alt*="Believe"]{
  position:relative;
  top:-150px;
}

@media (max-width: 900px){
  .hero .hero-logo,
  .hero .official-logo-hero,
  .hero img[alt*="Believe"]{
    top:-110px;
  }
}

@media (max-width: 700px){
  .hero .hero-logo,
  .hero .official-logo-hero,
  .hero img[alt*="Believe"]{
    top:-72px;
  }
}