.stage{--bg:#05060f;--ink:#e9e6ff;--dim:#a9a3d6;--cyan:#4fd8ff;--violet:#b04dff;--magenta:#ff4fd8;--line:rgba(176,77,255,.35);
  position:relative;z-index:0;isolation:isolate;overflow:hidden;min-height:100vh;
  color:var(--ink);font-family:"Cormorant Garamond",Georgia,serif;font-size:1.25rem;line-height:1.65;
  background:radial-gradient(ellipse at 50% 0%,rgba(80,40,180,.28),transparent 60%),radial-gradient(ellipse at 15% 70%,rgba(40,90,200,.14),transparent 55%),var(--bg)}
.stage *{margin:0;padding:0}
.stage .stars{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.stage .fx{position:fixed;pointer-events:none;z-index:0;display:none}
.stage main,.stage footer,.stage .topnav{position:relative;z-index:2}
.stage main{max-width:1100px;margin:0 auto;padding:clamp(8px,2vw,24px) 16px 64px}
.stage .topnav{display:flex;justify-content:center;gap:clamp(6px,2vw,22px);flex-wrap:wrap;padding:12px 16px;background:rgba(5,6,15,.7);border-bottom:1px solid rgba(176,77,255,.15)}
.stage .topnav a{font-family:Cinzel,serif;font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--dim);text-decoration:none;padding:6px 8px;border-radius:6px}
.stage .topnav a.on{color:#fff;text-shadow:0 0 12px rgba(79,216,255,.7)}
.stage .topnav a.cta{color:#fff;border:1px solid var(--line);background:linear-gradient(135deg,rgba(79,216,255,.15),rgba(255,79,216,.15))}
.stage .hero{border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 60px rgba(120,60,255,.35)}
.stage .hero img{display:block;width:100%;height:auto;max-width:100%}
.stage .sig{display:flex;align-items:center;gap:14px;justify-content:center;margin:56px 0 28px;font-family:Cinzel,serif;letter-spacing:.32em;text-transform:uppercase;font-size:.8rem;color:var(--dim);text-align:center}
.stage .sig::before,.stage .sig::after{content:"";height:1px;flex:1;max-width:180px;background:linear-gradient(90deg,transparent,var(--line))}
.stage .sig::after{transform:scaleX(-1)}
.stage .manifesto{max-width:700px;margin:0 auto;text-align:center;display:flex;flex-direction:column;gap:1.1em}
.stage .lead{font-size:1.6rem;font-style:italic;color:#fff;text-shadow:0 0 24px rgba(176,77,255,.45);text-wrap:balance}
.stage .btnrow{display:flex;flex-wrap:wrap;gap:14px;justify-content:center}
.stage .btn{font-family:Cinzel,serif;font-size:.85rem;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;cursor:pointer;color:var(--ink);
  padding:14px 22px;border-radius:999px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(79,216,255,.08),rgba(255,79,216,.08))}
.stage .btn.prime{color:#fff;border-color:transparent;background:linear-gradient(135deg,#2bb8ff,#a43cff 55%,#ff3fc8)}
.stage .note{text-align:center;color:var(--dim);font-size:1rem;font-style:italic;margin-top:18px}
.stage .circle{max-width:820px;margin:0 auto;border-radius:18px;padding:clamp(22px,4vw,40px);text-align:center;border:1px solid var(--line);
  background:radial-gradient(ellipse at top,rgba(176,77,255,.16),rgba(5,6,15,.4) 70%);display:flex;flex-direction:column;gap:14px}
.stage .perks{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:8px 0;text-align:left}
.stage .perks li{padding:14px 16px;border-radius:12px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);font-size:1.08rem;min-width:0}
.stage .perks b{display:block;font-family:Cinzel,serif;font-weight:500;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}
.stage .wl{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:620px;margin:0 auto}
.stage .wl input{flex:1 1 200px;min-width:0;font:inherit;font-size:1.05rem;color:var(--ink);padding:12px 16px;border-radius:999px;border:1px solid var(--line);background:rgba(5,6,15,.7);outline:none}
.stage .wl-msg{text-align:center;margin-top:14px;min-height:1.6em;font-style:italic;color:var(--cyan)}
.stage .deck{max-width:520px;margin:0 auto}
.stage .card{perspective:1400px;height:340px;cursor:pointer}
.stage .card-in{position:relative;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d}
.stage .card.flipped .card-in{transform:rotateY(180deg)}
.stage .face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border-radius:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;
  gap:14px;text-align:center;padding:clamp(20px,5vw,40px);border:1px solid var(--line);box-shadow:0 0 50px rgba(120,60,255,.3)}
.stage .front{background:radial-gradient(circle at 50% 35%,rgba(79,216,255,.18),rgba(176,77,255,.12) 45%,rgba(5,6,15,.95) 75%)}
.stage .back{transform:rotateY(180deg);background:radial-gradient(circle at 50% 80%,rgba(255,79,216,.16),rgba(5,6,15,.96) 70%)}
.stage .front .no{font-family:Cinzel,serif;font-size:.75rem;letter-spacing:.3em;color:var(--dim)}
.stage .front :is(h2,h3){font-family:Cinzel,serif;font-weight:500;font-size:clamp(1.3rem,4.5vw,1.9rem);line-height:1.3;text-wrap:balance;
  background:linear-gradient(135deg,#7fe6ff,#c58bff 50%,#ff8fe2);-webkit-background-clip:text;background-clip:text;color:transparent}
.stage .tap{font-size:.95rem;font-style:italic;color:var(--dim)}
.stage .back .tag{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.24em;text-transform:uppercase;color:var(--cyan)}
.stage .sponsor{display:flex;flex-direction:column;align-items:center;gap:8px;margin:70px auto 0;text-align:center}
.stage .sponsor small{font-family:Cinzel,serif;font-size:.7rem;letter-spacing:.28em;text-transform:uppercase;color:var(--dim)}
.stage .sponsor a.being{font-family:Cinzel,serif;font-size:1.9rem;letter-spacing:.42em;padding-left:.42em;color:#fff;text-decoration:none;text-shadow:0 0 18px rgba(255,214,120,.45)}
.stage .sponsor span{font-size:1rem;color:var(--dim);font-style:italic}
.stage footer{text-align:center;color:#6c6799;font-size:.9rem;padding:30px 16px 40px;letter-spacing:.08em}
.stage .x-only{display:none}
.stage em{font-style:italic}
.stage .v-sun{left:50%;top:68vh;width:min(62vmin,560px);aspect-ratio:1;max-width:100%;transform:translate(-50%,-62%);border-radius:50%;
  background:linear-gradient(180deg,#fff27a 0%,#ffb03b 35%,#ff3d7f 70%,#c4127a 100%);
  -webkit-mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px) bottom/100% 45% no-repeat,linear-gradient(#000,#000) top/100% 56% no-repeat;
  mask:repeating-linear-gradient(180deg,#000 0 14px,transparent 14px 18px) bottom/100% 45% no-repeat,linear-gradient(#000,#000) top/100% 56% no-repeat;
  filter:drop-shadow(0 0 60px rgba(255,80,140,.8))}
.stage .v-grid{left:-50%;right:-50%;top:68vh;bottom:-10vh;transform:perspective(320px) rotateX(62deg);transform-origin:top;
  background:linear-gradient(transparent 0 92%,rgba(255,60,200,.9) 92%) 0 0/100% 48px,linear-gradient(90deg,transparent 0 96%,rgba(0,240,255,.8) 96%) 0 0/48px 100%;
  animation:v-drive 1.1s linear infinite;-webkit-mask:linear-gradient(transparent,#000 25%);mask:linear-gradient(transparent,#000 25%)}
@keyframes v-drive{to{background-position:0 48px,0 0}}
.stage .v-palm{bottom:-2vh;width:min(34vw,340px);color:#12031f;filter:drop-shadow(0 0 3px rgba(255,79,180,.7))}
.stage .v-palm.l{left:-5vw}
.stage .v-palm.r{right:-5vw;transform:scaleX(-1)}
@keyframes flicker{0%,18%,22%,62%,64%,100%{opacity:1}20%,63%{opacity:.45}}
.v-sign{font-family:Monoton,cursive;font-size:clamp(1.6rem,7vw,3.4rem);color:#7ff6ff;text-align:center;line-height:1.1;margin:28px 0 0;
  text-shadow:0 0 8px #00f0ff,0 0 24px #00f0ff,0 0 48px #00a0ff;animation:flicker 8s infinite}
.v-sign small{display:block;font-family:"Mr Dafoe",cursive;font-size:.55em;color:#ff6ec7;text-shadow:0 0 10px #ff2e88,0 0 24px #ff2e88;transform:rotate(-4deg)}
.stage .g-hud{top:calc(var(--lbh,150px) + 64px);right:max(12px,3vw);flex-direction:column;align-items:flex-end;gap:2px;z-index:6;font-family:Anton,sans-serif}
.g-stars{font-size:clamp(1.4rem,4vw,2.1rem);letter-spacing:.06em;color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000}
.g-stars span{display:inline-block}
.g-stars span.on{animation:g-blink .9s steps(1) infinite}
.g-stars span.on:nth-child(even){animation-delay:.45s}
@keyframes g-blink{50%{color:#4dabf7}}
.g-cash{font-size:clamp(1.4rem,4.4vw,2.4rem);color:#5fd35f;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;text-shadow:3px 3px 0 #000;line-height:1;text-align:right;font-variant-numeric:tabular-nums}
.g-cash small{font-size:.42em;color:#fff;display:block;letter-spacing:.08em}
.stage .g-map{left:max(12px,2vw);bottom:max(12px,2vw);width:clamp(24px,4vw,38px);aspect-ratio:1;border-radius:50%;z-index:6;overflow:hidden;
  border:1.5px solid #000;box-shadow:0 0 0 1px #fff,0 2px 8px rgba(0,0,0,.6);
  background:repeating-linear-gradient(0deg,transparent 0 3.5px,rgba(255,255,255,.12) 3.5px 4px),repeating-linear-gradient(90deg,transparent 0 4.5px,rgba(255,255,255,.12) 4.5px 5px),#253625}
.g-map::before{content:"";position:absolute;inset:0;background:conic-gradient(from 0deg,rgba(95,211,95,.55),transparent 22%);animation:g-sweep 3s linear infinite}
.g-map::after{content:"▲";position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);color:#fff;font-size:6px;text-shadow:0 0 2px #000}
.g-map i{position:absolute;width:4px;height:4px;border-radius:50%;background:#f5c518;border:.5px solid #000;animation:g-ping 1.6s infinite}
.g-map i.b{background:#c58bff}
@keyframes g-sweep{to{transform:rotate(360deg)}}
@keyframes g-ping{50%{transform:scale(1.6)}}
.g-banner{position:fixed;left:0;right:0;top:40%;z-index:60;text-align:center;pointer-events:none;font-family:Anton,sans-serif;
  font-size:clamp(2.6rem,11vw,6.5rem);line-height:1;color:#f5c518;-webkit-text-stroke:3px #000;paint-order:stroke fill;text-shadow:6px 6px 0 #000;animation:g-pop 3s ease forwards}
.g-banner small{display:block;font-size:.32em;color:#fff;margin-top:10px}
.g-banner.wasted{color:#c92a2a}
@keyframes g-pop{0%{opacity:0;transform:scale(1.6)}12%{opacity:1;transform:scale(1)}80%{opacity:1}100%{opacity:0}}
.stage.g-wasted{filter:grayscale(1) contrast(1.2);transition:filter .6s}
.g-load{font-family:Anton,sans-serif;font-size:clamp(1rem,3vw,1.3rem);letter-spacing:.06em;color:#fff;margin-top:14px;display:flex;align-items:center;gap:12px}
.g-load::before{content:"";width:22px;height:22px;border-radius:50%;border:4px solid #fff;border-right-color:transparent;animation:g-sweep 1s linear infinite}
.stage .t-frame{inset:10px;border:1px solid rgba(212,175,55,.55);outline:1px solid rgba(212,175,55,.25);outline-offset:6px;z-index:1}
.t-globe{flex-direction:column;align-items:center;margin:60px auto 0;position:relative}
.t-globe .orb{width:min(46vw,230px);max-width:100%;aspect-ratio:1;border-radius:50%;position:relative;overflow:hidden;
  background:radial-gradient(circle at 35% 30%,#fff6d0 0,#f6e27a 12%,#b8892b 45%,#4a3508 80%,#1a1203 100%);box-shadow:0 0 60px rgba(246,226,122,.45),inset -20px -20px 50px rgba(0,0,0,.6)}
.t-globe .orb::before{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(90deg,transparent 0 26px,rgba(20,12,0,.55) 26px 28px);animation:t-spin 6s linear infinite}
.t-globe .orb::after{content:"";position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 30px,rgba(20,12,0,.45) 30px 32px)}
@keyframes t-spin{to{background-position:56px 0}}
.t-globe .ring{position:absolute;top:calc(min(46vw,230px)/2);left:50%;width:min(80vw,380px);height:min(16vw,80px);transform:translate(-50%,-50%) rotate(-12deg);
  border:2px solid rgba(246,226,122,.75);border-radius:50%;box-shadow:0 0 18px rgba(246,226,122,.5)}
.t-globe .motto{margin-top:30px;font-family:"Poiret One",sans-serif;font-weight:700;font-size:clamp(1.05rem,4vw,1.8rem);letter-spacing:.32em;
  color:#fff1c1;text-shadow:0 0 10px #ff3355,0 0 26px #ff3355,0 0 50px #c9002b;animation:flicker 7s infinite;text-align:center}
.stage{--holo:linear-gradient(90deg,#4fd8ff,#8f7bff,#d24dff,#ff4fd8,#8f7bff,#4fd8ff)}
.stage .l-flower,.stage .l-mol{display:none}
@keyframes l-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes holo{to{background-position:300% 0}}
.stage[data-look~=hybrid]{font-family:Oswald,system-ui,sans-serif;font-size:1.15rem;color:#fff;
  background:linear-gradient(180deg,#040616 0%,#140c4a 30%,#3a127a 50%,#8a2bd0 61%,#ff4fd8 68%,#040616 68.2%,#040616 100%) fixed}
.stage[data-look~=hybrid] .stars{opacity:.8;-webkit-mask:linear-gradient(#000 45%,transparent 62%);mask:linear-gradient(#000 45%,transparent 62%)}
.stage[data-look~=hybrid] .v-sun,.stage[data-look~=hybrid] .v-grid,.stage[data-look~=hybrid] .v-palm,.stage[data-look~=hybrid] .g-hud,.stage[data-look~=hybrid] .g-map{display:flex}
.stage[data-look~=hybrid] .v-sun{display:block;background:linear-gradient(180deg,#e8fbff 0%,#4fd8ff 30%,#8f7bff 55%,#d24dff 75%,#ff4fd8 100%);filter:drop-shadow(0 0 70px rgba(143,123,255,.9))}
.stage[data-look~=hybrid] .v-grid{display:block;background:linear-gradient(transparent 0 92%,rgba(210,77,255,.95) 92%) 0 0/100% 48px,linear-gradient(90deg,transparent 0 96%,rgba(79,216,255,.9) 96%) 0 0/48px 100%}
.stage[data-look~=hybrid] .v-palm{display:block;color:#0b0630;filter:drop-shadow(0 0 3px #4fd8ff)}
.stage[data-look~=hybrid] .topnav{background:#000;border-bottom:4px solid transparent;border-image:var(--holo) 1;justify-content:flex-start}
.stage[data-look~=hybrid] .topnav a{font-family:Anton,sans-serif;font-size:.95rem;letter-spacing:.06em;color:#fff;border-radius:0;padding:4px 10px}
.stage[data-look~=hybrid] .topnav a.on{background:#fff;color:#000;text-shadow:none}
.stage[data-look~=hybrid] .topnav a.cta{background:var(--holo);color:#000;border:0}
.stage[data-look~=hybrid] .hero{border-radius:0;border:6px solid #fff;box-shadow:12px 12px 0 #000,0 0 80px rgba(143,123,255,.6);transform:rotate(-.8deg);cursor:pointer}
.stage[data-look~=hybrid] .sig{font-family:Anton,sans-serif;font-size:clamp(1.9rem,6.5vw,3.3rem);letter-spacing:.03em;justify-content:flex-start;margin:64px 0 18px;text-align:left;
  background:var(--holo);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #000;
  filter:drop-shadow(4px 4px 0 #000);animation:holo 8s linear infinite}
.stage[data-look~=hybrid] .sig::before{content:"";flex:0 0 26px;height:26px;max-width:none;clip-path:var(--nine);background:#fff}
.stage[data-look~=hybrid] .sig::after{display:none}
.stage[data-look~=hybrid] .manifesto,.stage[data-look~=hybrid] .circle{text-align:left;max-width:none;gap:22px;background:none;border:0;padding:0}
.stage[data-look~=hybrid] .manifesto p,.stage[data-look~=hybrid] .circle>p{color:#fff;padding:16px 20px;border:4px solid #fff;box-shadow:8px 8px 0 #000;
  background:radial-gradient(rgba(143,123,255,.35) 1.2px,transparent 1.7px) 0 0/7px 7px,linear-gradient(135deg,#0b0a2e,#1b0d44)}
.stage[data-look~=hybrid] .manifesto p:nth-child(odd){transform:rotate(-.7deg)}
.stage[data-look~=hybrid] .manifesto p:nth-child(even){transform:rotate(.6deg);margin-left:4%}
.stage[data-look~=hybrid] .lead,.stage[data-look~=hybrid] .circle .lead{font-family:"Bodoni Moda",serif;font-style:italic;font-size:clamp(1.6rem,5.4vw,2.8rem);line-height:1.1;
  color:#fff;background:#000;text-shadow:0 0 18px #d24dff,0 0 40px #4fd8ff;border-image:var(--holo) 1}
.stage[data-look~=hybrid] em{background:var(--holo);color:#000;font-style:normal;padding:0 4px}
.stage[data-look~=hybrid] .lead em{background:none;color:inherit}
.stage[data-look~=hybrid] .perks li{background:#000;border:3px solid #fff;border-radius:0;box-shadow:6px 6px 0 #d24dff}
.stage[data-look~=hybrid] .perks b{font-family:Anton,sans-serif;font-size:1.25rem;letter-spacing:.04em;color:#7fe6ff}
.stage[data-look~=hybrid] .btnrow,.stage[data-look~=hybrid] .wl{justify-content:flex-start;max-width:none}
.stage[data-look~=hybrid] .btn{font-family:Anton,sans-serif;font-size:1.05rem;letter-spacing:.06em;border-radius:0;border:3px solid #fff;background:#000;color:#fff}
.stage[data-look~=hybrid] .btn.prime{background:var(--holo);background-size:300% 100%;animation:holo 8s linear infinite;color:#000;border-color:#000;box-shadow:6px 6px 0 #000,0 0 30px rgba(210,77,255,.6)}
.stage[data-look~=hybrid] .note{text-align:left;font-family:Anton,sans-serif;font-style:normal;color:#7fe6ff;letter-spacing:.04em}
.stage[data-look~=hybrid] .wl input{border-radius:0;border:3px solid #fff;background:#000;font-family:Oswald,sans-serif}
.stage[data-look~=hybrid] .wl-msg{text-align:left;font-family:Anton,sans-serif;font-style:normal;color:#7fe6ff}
.stage[data-look~=hybrid] .sponsor{align-items:flex-start;text-align:left}
.stage[data-look~=hybrid] .sponsor a.being{font-family:"Bodoni Moda",serif;font-style:italic;letter-spacing:.3em;padding-left:0;font-size:2.4rem;background:var(--holo);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(3px 3px 0 #000)}
.stage[data-look~=hybrid] .face{border-radius:0;border:6px solid #fff;box-shadow:10px 10px 0 #000}
.stage[data-look~=hybrid] .front{background:radial-gradient(rgba(0,0,0,.35) 1.4px,transparent 1.8px) 0 0/8px 8px,linear-gradient(160deg,#4fd8ff,#8f7bff 45%,#ff4fd8)}
.stage[data-look~=hybrid] .front :is(h2,h3){font-family:Anton,sans-serif;font-size:clamp(1.7rem,6vw,2.6rem);color:#fff;background:none;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:5px 5px 0 #000}
.stage[data-look~=hybrid] .front .no,.stage[data-look~=hybrid] .front .tap{color:#000;font-family:Anton,sans-serif;font-style:normal}
.stage[data-look~=hybrid] .back{background:#000}
.stage[data-look~=hybrid] .back .tag{color:#7fe6ff;font-family:Anton,sans-serif}
.stage[data-look~=hybrid] footer{font-family:Anton,sans-serif;letter-spacing:.06em;color:#9a8fe0}
.stage[data-look~=hybrid] .x-tony,.stage[data-look~=hybrid] .x-hyb{display:flex}
.stage[data-look~=hybrid] .t-globe .orb{background:radial-gradient(circle at 35% 30%,#fff 0,#7fe6ff 14%,#8f7bff 45%,#3a127a 80%,#0b0630 100%);box-shadow:0 0 70px rgba(143,123,255,.7),inset -20px -20px 50px rgba(0,0,0,.6)}
.stage[data-look~=hybrid] .t-globe .ring{border-color:#ff4fd8;box-shadow:0 0 18px #ff4fd8}
.stage[data-look~=hybrid] .t-globe .motto{font-family:Anton,sans-serif;font-weight:400;letter-spacing:.14em;color:#fff;text-shadow:0 0 10px #ff4fd8,0 0 26px #d24dff,0 0 50px #4fd8ff}
.stage[data-look~=hybrid] .g-stars span{font-size:0;width:clamp(1.5rem,4vw,2.1rem);height:clamp(1.5rem,4vw,2.1rem);margin-left:4px;clip-path:var(--nine);background:#fff}
.stage[data-look~=hybrid] .g-stars{filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 6px #8f7bff)}
.stage[data-look~=hybrid] .g-stars span.on{animation:h-blink .9s steps(1) infinite}
@keyframes h-blink{50%{background:#ff4fd8}}
.stage[data-look~=hybrid] .g-cash{background:var(--holo);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:1.5px #000;text-shadow:none;filter:drop-shadow(3px 3px 0 #000);animation:holo 8s linear infinite}
.stage[data-look~=hybrid] .g-cash small{color:#fff;-webkit-text-fill-color:#fff}
.stage[data-look~=hybrid] .g-map{background:
  radial-gradient(circle,transparent 0 4.2px,rgba(127,230,255,.6) 4.5px 5px,transparent 5.3px) 0 0/9px 7.8px,
  radial-gradient(circle,transparent 0 4.2px,rgba(210,77,255,.55) 4.5px 5px,transparent 5.3px) 4.5px 3.9px/9px 7.8px,#0b0630}
.stage[data-look~=hybrid] .g-map::before{background:conic-gradient(from 0deg,rgba(79,216,255,.6),transparent 22%)}
.h-dress{font-family:Anton,sans-serif;font-size:clamp(1rem,3vw,1.3rem);letter-spacing:.06em;color:#fff;margin-top:14px;align-items:center;gap:12px;flex-wrap:wrap}
.h-dress::before{content:"";width:22px;height:22px;border-radius:50%;border:4px solid #7fe6ff;border-right-color:transparent;animation:g-sweep 1s linear infinite}
.h-dress em{background:#fff!important;color:#000!important}
@keyframes d-blink{50%{background:#00f0e0}}
.stage .d-stripes{display:none}
.stage{--above:linear-gradient(90deg,#4fd8ff,#8f7bff,#d24dff,#ff4fd8,#8f7bff,#4fd8ff);
  --fall:linear-gradient(180deg,#7fe6ff 0%,#8f7bff 30%,#d24dff 50%,#ff2e88 75%,#ff9a3c 100%);
  --fall-x:linear-gradient(90deg,#4fd8ff,#8f7bff 28%,#d24dff 50%,#ff2e88 74%,#ff9a3c)}
.stage .z-heaven,.stage .z-dusk{display:none}
.stage[data-look~=stack]{background:
  radial-gradient(ellipse at 50% 8%,rgba(79,216,255,.22),transparent 45%),
  radial-gradient(ellipse at 18% 24%,rgba(143,123,255,.3),transparent 40%),
  radial-gradient(ellipse at 84% 30%,rgba(210,77,255,.26),transparent 42%),
  linear-gradient(180deg,#030515 0%,#0a0b33 24%,#22105e 42%,#5a1a8c 52%,#b3196f 60%,#ff4f7b 65%,#ff9a3c 67.8%,#05031a 68%,#05031a 100%) fixed}
.stage[data-look~=stack] .stars{-webkit-mask:linear-gradient(#000 40%,transparent 60%);mask:linear-gradient(#000 40%,transparent 60%);opacity:.9}
.stage[data-look~=stack] .l-flower{display:block;z-index:-1;left:50%;top:calc(68vh - .12 * min(62vmin,560px));width:min(128vmin,1100px);aspect-ratio:1;max-width:none;
  transform:translate(-50%,-50%);opacity:.6;animation:l-turn 240s linear infinite}
.stage[data-look~=stack] .l-mol{display:block;inset:0;width:100%;height:100%;opacity:.45;-webkit-mask:linear-gradient(#000 45%,transparent 62%);mask:linear-gradient(#000 45%,transparent 62%)}
.stage[data-look~=stack] .v-sun{display:block;background:var(--fall);filter:drop-shadow(0 -10px 50px rgba(79,216,255,.55)) drop-shadow(0 20px 60px rgba(255,90,120,.75))}
.stage[data-look~=stack] .v-grid{display:block;background:linear-gradient(transparent 0 92%,rgba(255,46,136,.95) 92%) 0 0/100% 48px,linear-gradient(90deg,transparent 0 96%,rgba(0,240,255,.85) 96%) 0 0/48px 100%,#05031a}
.stage[data-look~=stack] .v-palm{display:block;color:#0a0420;filter:drop-shadow(0 0 4px #ff2e88) drop-shadow(0 -2px 8px rgba(143,123,255,.6))}
.stage[data-look~=stack] .x-vice,.stage[data-look~=stack] .x-logo{display:flex;flex-direction:column}
.stage[data-look~=stack] .x-vice{display:block}
.stage[data-look~=stack] .v-sign{background:linear-gradient(180deg,#e8fbff,#7fe6ff 40%,#b9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  text-shadow:none;filter:drop-shadow(0 0 8px #4fd8ff) drop-shadow(0 0 22px #8f7bff)}
.stage[data-look~=stack] .v-sign small{-webkit-text-fill-color:#ff6ec7;color:#ff6ec7;text-shadow:0 0 10px #ff2e88,0 0 24px #ff2e88}
.stage[data-look~=stack] .topnav{border-image:var(--fall-x) 1;box-shadow:0 2px 22px rgba(210,77,255,.55)}
.stage[data-look~=stack] .topnav a.cta{background:var(--fall-x)}
.stage[data-look~=stack] .hero{box-shadow:0 -2px 0 3px #4fd8ff,0 4px 0 3px #ff2e88,12px 14px 0 7px #000,0 -30px 80px rgba(79,216,255,.35),0 40px 90px rgba(255,46,136,.5)}
.stage[data-look~=stack] .sig{font-family:"Mr Dafoe",cursive;font-size:clamp(2.6rem,7.5vw,3.9rem);letter-spacing:0;text-transform:none;background:var(--fall);background-size:100% 100%;
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:0;animation:flicker 7s infinite;
  filter:drop-shadow(0 -2px 10px rgba(79,216,255,.7)) drop-shadow(0 4px 16px rgba(255,46,136,.9));transform:rotate(-4deg);justify-content:center;text-align:center;margin:76px 0 32px;padding:0 .2em}
.stage[data-look~=stack] .sig::before{display:none}
.stage[data-look~=stack] .lead,.stage[data-look~=stack] .circle .lead{font-family:"Cinzel Decorative",Cinzel,serif;font-weight:700;font-style:normal;text-transform:none;font-size:clamp(1.4rem,4.8vw,2.4rem);line-height:1.2;
  background:linear-gradient(rgba(6,6,28,.94),rgba(6,6,28,.94));color:transparent;text-shadow:none;-webkit-text-stroke:0}
.stage[data-look~=stack] .lead{position:relative}
.stage[data-look~=stack] .lead::first-line{color:inherit}
.stage[data-look~=stack] .holo-t{background:var(--above);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holo 9s linear infinite;
  filter:drop-shadow(0 0 14px rgba(143,123,255,.6))}
.stage[data-look~=stack] .manifesto p,.stage[data-look~=stack] .circle>p{color:#f1ecff;border:2px solid transparent;
  background:linear-gradient(rgba(8,6,30,.93),rgba(8,6,30,.93)) padding-box,var(--fall) border-box;
  box-shadow:0 -8px 26px rgba(79,216,255,.22),0 10px 28px rgba(255,46,136,.32),8px 8px 0 #000}
.stage[data-look~=stack] em{background:linear-gradient(90deg,#ff9a3c,#ff2e88);color:#14002b}
.stage[data-look~=stack] .lead em{background:none}
.stage[data-look~=stack] .perks li{border:2px solid transparent;background:linear-gradient(#06041c,#06041c) padding-box,var(--fall) border-box;box-shadow:6px 6px 0 #000,0 8px 22px rgba(255,46,136,.35)}
.stage[data-look~=stack] .perks b{background:var(--above);background-size:300% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:holo 9s linear infinite}
.stage[data-look~=stack] .btn{border:2px solid #00f0ff;color:#7ff6ff;box-shadow:0 0 12px rgba(0,240,255,.45),inset 0 0 10px rgba(0,240,255,.2)}
.stage[data-look~=stack] .btn.prime{background:var(--fall);animation:none;color:#14002b;border:3px solid #000;box-shadow:6px 6px 0 #000,0 -6px 22px rgba(79,216,255,.5),0 10px 30px rgba(255,46,136,.7)}
.stage[data-look~=stack] .note,.stage[data-look~=stack] .wl-msg{color:#ffb35c}
.stage[data-look~=stack] .wl input{border:2px solid transparent;background:linear-gradient(#05031a,#05031a) padding-box,var(--fall-x) border-box}
.stage[data-look~=stack] .g-stars span{background:var(--fall)}
.stage[data-look~=stack] .g-stars span.on{animation:s-blink 1s steps(1) infinite}
@keyframes s-blink{50%{background:#fff;filter:brightness(1.4)}}
.stage[data-look~=stack] .g-stars{filter:drop-shadow(2px 2px 0 #000) drop-shadow(0 0 8px #d24dff)}
.stage[data-look~=stack] .g-cash{background:var(--fall);-webkit-background-clip:text;background-clip:text;animation:none}
.stage[data-look~=stack] .g-map::before{background:conic-gradient(from 0deg,rgba(255,46,136,.6),transparent 22%)}
.stage[data-look~=stack] .t-globe .orb{background:radial-gradient(circle at 35% 25%,#fff 0,#7fe6ff 12%,#8f7bff 34%,#d24dff 52%,#ff2e88 72%,#ff9a3c 90%,#3a0a2a 100%);
  box-shadow:0 -20px 60px rgba(79,216,255,.5),0 30px 70px rgba(255,90,120,.75),inset -20px -20px 50px rgba(0,0,0,.45)}
.stage[data-look~=stack] .t-globe .ring{border-color:#00f0ff;box-shadow:0 0 18px #00f0ff}
.stage[data-look~=stack] .t-globe .motto{font-family:Monoton,cursive;font-size:clamp(1.3rem,5vw,2.4rem);letter-spacing:.06em;color:#ff6ec7;text-shadow:0 0 8px #ff2e88,0 0 24px #ff2e88,0 0 48px #c4127a}
.stage[data-look~=stack] .face{border:3px solid transparent;background-clip:padding-box;box-shadow:0 -2px 0 3px #4fd8ff,0 4px 0 3px #ff2e88,10px 12px 0 6px #000}
.stage[data-look~=stack] .front{background:
  radial-gradient(circle,transparent 0 38px,rgba(255,255,255,.18) 39px 40px,transparent 41px) 0 0/80px 70px,var(--fall)}
.stage[data-look~=stack] .front :is(h2,h3){color:#fff;-webkit-text-stroke:2px #000}
.stage[data-look~=stack] .front .no,.stage[data-look~=stack] .front .tap{color:#14002b}
.stage[data-look~=stack] .back{background:linear-gradient(180deg,#0a0b33,#3a0b3a)}
.stage[data-look~=stack] .sponsor a.being{background:var(--fall);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 12px rgba(210,77,255,.6)) drop-shadow(3px 3px 0 #000)}
.stage[data-look~=stack] .h-dress::before{border-color:#d24dff;border-right-color:transparent}
.stage[data-look~=stack] footer{color:#c79bff}
.stage[data-look~=descent]{--d:0;background:#040616}
.stage[data-look~=descent] .z-heaven{display:block;inset:0;z-index:-2;opacity:calc(1 - var(--d) * .9);
  background:radial-gradient(ellipse at 50% 20%,rgba(60,40,170,.55),transparent 60%),radial-gradient(ellipse at 12% 70%,rgba(20,90,200,.32),transparent 50%),radial-gradient(ellipse at 88% 60%,rgba(190,60,255,.3),transparent 50%),#040616}
.stage[data-look~=descent] .z-dusk{display:block;inset:0;z-index:-2;opacity:var(--d);
  background:linear-gradient(180deg,#0b0221 0%,#240a4a 30%,#5c0f6b 52%,#b3196f 63%,#ff4f7b 68%,#0b0221 68.2%,#0b0221 100%)}
.stage[data-look~=descent] .l-flower{top:42vh;width:min(130vmin,1100px);opacity:calc((1 - var(--d)) * .7);z-index:-1}
.stage[data-look~=descent] .l-mol{-webkit-mask:none;mask:none;opacity:calc((1 - var(--d)) * .55)}
.stage[data-look~=descent] .stars{-webkit-mask:none;mask:none;opacity:calc(1 - var(--d) * .4)}
.stage[data-look~=descent] .v-sun{opacity:var(--d);transform:translate(-50%,calc(-62% + (1 - var(--d)) * 45vh));background:linear-gradient(180deg,#fff27a 0%,#ffb03b 35%,#ff3d7f 70%,#c4127a 100%)}
.stage[data-look~=descent] .v-grid{opacity:var(--d);background:linear-gradient(transparent 0 92%,rgba(255,46,136,.95) 92%) 0 0/100% 48px,linear-gradient(90deg,transparent 0 96%,rgba(0,240,255,.85) 96%) 0 0/48px 100%,#0b0221}
.stage[data-look~=descent] .v-palm{opacity:var(--d);translate:0 calc((1 - var(--d)) * 40vh)}
.stage[data-look~=descent] [data-depth=hi].sig{font-family:"Cinzel Decorative",Cinzel,serif;font-weight:700;font-size:clamp(1.1rem,3.6vw,1.6rem);letter-spacing:.16em;transform:none;
  background:var(--above);background-size:300% 100%;animation:holo 9s linear infinite;filter:drop-shadow(0 0 12px rgba(143,123,255,.8))}
.stage[data-look~=descent] [data-depth=hi] p:not(.lead){border-color:transparent;background:linear-gradient(rgba(6,8,30,.9),rgba(6,8,30,.9)) padding-box,var(--above) border-box;
  box-shadow:0 0 30px rgba(110,80,255,.35),8px 8px 0 #000}
.stage[data-look~=descent] [data-depth=hi] em{background:none;color:#7fe6ff}
.stage[data-look~=descent] [data-depth=lo].sig{background:none;color:#ff6ec7;-webkit-text-fill-color:#ff6ec7;filter:none;text-shadow:0 0 6px #ff2e88,0 0 18px #ff2e88,0 0 42px #ff2e88}
.stage[data-look~=descent] [data-depth=lo] p:not(.lead),.stage[data-look~=descent] [data-depth=lo]>p{background:rgba(11,2,33,.92);border:2px solid #ff2e88;box-shadow:0 0 14px #ff2e88,inset 0 0 12px rgba(255,46,136,.3),8px 8px 0 #000}
.stage[data-look~=descent] [data-depth=lo] .perks li{background:#0b0221;border:2px solid #00f0ff;box-shadow:0 0 14px rgba(0,240,255,.6),6px 6px 0 #ff2e88}
.stage[data-look~=descent] [data-depth=lo] .perks b{background:none;color:#ffb703;-webkit-text-fill-color:#ffb703;animation:none}
.stage[data-look~=descent] [data-depth=lo] .btn.prime,.stage[data-look~=descent] [data-depth=lo].wl .btn.prime{background:linear-gradient(90deg,#ff2e88,#ff9a3c)}
.stage[data-look~=descent] [data-depth=lo].wl input{background:#0b0221;border:2px solid #ff2e88;box-shadow:0 0 10px rgba(255,46,136,.6)}
.stage[data-look~=descent] [data-depth=lo] .front{background:linear-gradient(180deg,#240a4a,#b3196f 70%,#ff9a3c)}
.stage[data-look~=descent] [data-depth=lo].sponsor a.being{background:linear-gradient(90deg,#ffd36e,#ff9a3c,#ff2e88);-webkit-background-clip:text;background-clip:text}
@media (max-width:600px){.stage .g-map{display:none!important}.stage .g-hud{top:calc(var(--lbh,180px) + 56px)}.stage{font-size:1.1rem}}
@media (prefers-reduced-motion:reduce){.stage *,.stage *::before,.stage *::after{animation:none!important;transition:none!important}}
.stage .g-hud{display:none!important}
.stage .nav-stars{display:none;margin-left:auto;align-items:center;gap:2px;line-height:1;font-family:Anton,sans-serif;font-size:clamp(1.1rem,3vw,1.6rem)}
.stage[data-look~=hybrid] .nav-stars{display:flex}
.stage .topnav{align-items:center}
.stage[data-look~=hybrid] .nav-stars span{width:clamp(1.1rem,3vw,1.6rem);height:clamp(1.1rem,3vw,1.6rem)}
/* founder-directed 2026-10-09: text boxes below the angled logo sit level */
.stage[data-look~=hybrid] .manifesto p,.stage[data-look~=hybrid] .circle>p{transform:none!important;margin-left:0!important}
/* live-page adjustments */
.stage{min-height:100vh}
.stage .card{height:min(440px,70vh)}
.stage .stars{position:fixed}
/* the header (and the wanted level in it) stays locked to the top while you descend */
.stage{overflow:clip}
.stage .topnav{position:sticky;top:0;z-index:5}
/* a wrapped gradient-clipped inline span paints its first line as a solid bar; one box fixes it */
.stage .holo-t{display:inline-block}
/* the high-register sign: the background shorthand resets clipping, so re-clip to the letters */
.stage[data-look~=descent] [data-depth=hi].sig{-webkit-background-clip:text;background-clip:text;color:transparent}
/* the mockup's margin reset would otherwise un-center the idea deck */
.stage .deck-wrap{margin:0 auto;max-width:560px}
.stage .deck-nav{margin-top:22px;display:flex;align-items:center;justify-content:space-between;gap:12px}
/* header right: a smaller wanted level with Sign in tucked underneath */
.stage .nav-right{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:3px;line-height:1}
.stage .nav-right .nav-stars{margin-left:0}
.stage[data-look~=hybrid] .nav-stars span{width:clamp(.8rem,2vw,1.05rem);height:clamp(.8rem,2vw,1.05rem);margin-left:2px}
.stage .topnav a.signin{font-family:Anton,sans-serif;font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:#c9c3ff;padding:0;background:none;border:0}
.stage .topnav a.signin:hover{color:#fff;text-shadow:0 0 8px #d24dff;background:none}
/* clip the hologram to VICE COSMOS only; clipping the whole sign also painted a ghost of the rotated subtitle */
.stage[data-look~=stack] .v-sign{background:none;-webkit-background-clip:border-box;background-clip:border-box;filter:none}
.stage[data-look~=stack] .v-sign>span{background:linear-gradient(180deg,#e8fbff,#7fe6ff 40%,#b9a8ff);-webkit-background-clip:text;background-clip:text;color:transparent;
  filter:drop-shadow(0 0 8px #4fd8ff) drop-shadow(0 0 22px #8f7bff)}
.stage[data-look~=stack] .v-sign small{display:block}
/* "open all night, all eternity" as a real neon sign: white-hot gas core inside a pink glass tube,
   a tight inner bloom, a wide halo, a wash of pink light on the wall behind it, and the tube's own
   shadow cast onto that wall. Bigger than before. */
.stage[data-look] .v-sign small{position:relative;display:inline-block;isolation:isolate;font-size:.78em;margin-top:.15em;padding:.15em .5em;
  color:#fff4fb;-webkit-text-fill-color:#fff4fb;-webkit-text-stroke:1.2px #ff7ad1;paint-order:stroke fill;
  text-shadow:0 0 1px #fff,0 0 3px #ffd0ee,0 0 6px #ff6ec7,0 0 12px #ff2e88,0 0 24px #ff2e88,0 0 44px #e0157a,0 0 80px #b0105f;
  animation:neon-buzz 5.5s infinite}
.stage[data-look] .v-sign small::before{content:attr(data-neon);position:absolute;inset:0;padding:inherit;z-index:-1;
  color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:3px rgba(20,0,12,.85);text-shadow:none;
  transform:translate(5px,8px);filter:blur(2.5px)}
.stage[data-look] .v-sign small::after{content:"";position:absolute;inset:-35% -12%;z-index:-2;border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(255,46,136,.32),rgba(255,46,136,.1) 45%,transparent 70%)}
@keyframes neon-buzz{0%,7%,9%,64%,66%,100%{opacity:1}8%{opacity:.82}65%{opacity:.9}}
.stage[data-look] .v-sign small{display:table;margin:.2em auto 0}
/* Inner Circle layout (founder-directed): the perks keep their two-column orientation, locked, and the
   Deathless Light poster fills the open slot to the right of the third card and the call to action. */
@media (min-width:640px){
  .stage .circle{display:grid;grid-template-columns:1fr 1fr;column-gap:18px;row-gap:18px;align-items:start}
  .stage .circle>p,.stage .circle>.lead{grid-column:1 / -1}
  .stage .circle>.perks{display:contents}
  .stage .circle>.perks li:nth-child(1){grid-column:1;grid-row:3}
  .stage .circle>.perks li:nth-child(2){grid-column:2;grid-row:3}
  .stage .circle>.perks li:nth-child(3){grid-column:1;grid-row:4}
  .stage .circle>.btnrow{grid-column:1;grid-row:5;align-self:start}
  .stage .circle>.circle-poster{grid-column:2;grid-row:4 / span 3;justify-self:center}
}
.stage .circle-poster{margin:0;max-width:100%}
.stage .circle-poster img{display:block;width:auto;max-width:100%;height:auto;max-height:min(640px,80vh);
  border:3px solid #00f0ff;box-shadow:0 0 18px rgba(0,240,255,.55),10px 10px 0 #ff2e88,0 0 60px rgba(255,46,136,.35)}
@media (max-width:639px){.stage .circle-poster{display:flex;justify-content:center;margin-top:18px}.stage .circle-poster img{max-height:none;width:min(100%,420px)}}
@media (min-width:640px){.stage .circle-poster img{height:min(640px,80vh);width:auto;max-height:none;aspect-ratio:850/1600}}
/* poster spans the full width of its column, matching the card above it */
@media (min-width:640px){.stage .circle>.circle-poster{justify-self:stretch;width:100%}.stage .circle-poster img{width:100%;height:auto;max-height:none}}

/* phones (QA 2026-10-09): the depth meter lives in the gutter, its labels never sit on content,
   and Sign in gets a thumb-sized hit area without changing the nav layout */
@media (max-width:600px){
}
.stage .topnav a.signin{padding:12px 6px;margin:-12px -6px}
/* "Bribe us." sits above every Patreon button */
.stage .bribe{display:flex;flex-direction:column;align-items:center;gap:8px;margin:26px auto 0}
.stage .bribe-label{font-family:"Mr Dafoe",cursive;font-size:clamp(1.7rem,4.5vw,2.3rem);line-height:1;color:#ffd36e;
  text-shadow:0 0 6px #ff9a3c,0 0 16px #ff6a00,0 0 34px #ff2e88;transform:rotate(-4deg)}
.stage .btn.bribe-btn{font-family:Anton,sans-serif;font-size:1.05rem;letter-spacing:.1em;text-transform:uppercase;color:#fff;border:3px solid #000;border-radius:0;
  background:#ff424d;box-shadow:6px 6px 0 #000,0 0 26px rgba(255,66,77,.6)}
.stage .btn.bribe-btn:hover{background:#ff5c66;transform:translateY(-1px)}
.stage .circle-actions{display:flex;flex-wrap:wrap;align-items:flex-end;gap:22px}
.stage .circle-actions .bribe{margin:0}
/* Bribe us, louder: GTA money. Fat outlined poster type in cash green, dollar signs on both
   sides, and bills of $ that drift up off the button. */
.stage .bribe{position:relative}
.stage .bribe-label{font-family:Anton,sans-serif;font-size:clamp(2rem,5vw,2.8rem);text-transform:uppercase;letter-spacing:.02em;transform:rotate(-5deg);
  color:#5fd35f;-webkit-text-stroke:2.5px #000;paint-order:stroke fill;text-shadow:4px 4px 0 #000,0 0 22px rgba(95,211,95,.55);animation:bribe-bob 1.6s ease-in-out infinite}
.stage .bribe-label::before,.stage .bribe-label::after{content:"$";display:inline-block;color:#ffd200;margin:0 .18em;animation:bribe-spin 2.4s linear infinite}
.stage .bribe-label::after{animation-direction:reverse}
@keyframes bribe-bob{50%{transform:rotate(-2deg) translateY(-3px) scale(1.04)}}
@keyframes bribe-spin{to{transform:rotateY(360deg)}}
.stage .btn.bribe-btn{font-size:1.25rem;padding:14px 26px;background:linear-gradient(180deg,#7be27b,#2f9e44);color:#fff;-webkit-text-stroke:1.5px #000;paint-order:stroke fill;
  text-shadow:2px 2px 0 #000;border:3px solid #000;box-shadow:6px 6px 0 #000,0 0 30px rgba(95,211,95,.7)}
.stage .btn.bribe-btn::before,.stage .btn.bribe-btn::after{content:"$";color:#ffd200}
.stage .btn.bribe-btn::before{margin-right:.45em}.stage .btn.bribe-btn::after{margin-left:.45em}
.stage .btn.bribe-btn:hover{background:linear-gradient(180deg,#9af09a,#37b24d)}
.stage .bribe .cash{position:absolute;left:50%;bottom:20px;pointer-events:none;font-family:Anton,sans-serif;font-size:1.4rem;color:#5fd35f;
  -webkit-text-stroke:1.5px #000;paint-order:stroke fill;opacity:0;animation:cash-float 3.2s ease-in infinite}
@keyframes cash-float{0%{opacity:0;transform:translate(var(--x),0) rotate(0)}15%{opacity:1}100%{opacity:0;transform:translate(calc(var(--x) * 2.2),-110px) rotate(var(--r))}}
@media (prefers-reduced-motion:reduce){.stage .bribe-label,.stage .bribe-label::before,.stage .bribe-label::after,.stage .bribe .cash{animation:none}.stage .bribe .cash{display:none}}
/* masking tape holding the crooked sign up: bottom-left and top-right */
.stage[data-look~=hybrid] .hero{overflow:visible}
.stage[data-look~=hybrid] .hero::before,.stage[data-look~=hybrid] .hero::after{content:"";position:absolute;z-index:2;pointer-events:none;
  width:clamp(78px,17%,200px);aspect-ratio:4.2/1;height:auto;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 40%),rgba(236,226,196,.82);
  box-shadow:0 2px 6px rgba(0,0,0,.45);mix-blend-mode:normal;
  clip-path:polygon(2% 0,98% 0,100% 15%,97% 30%,100% 50%,97% 70%,100% 85%,98% 100%,2% 100%,0 85%,3% 70%,0 50%,3% 30%,0 15%)}
.stage[data-look~=hybrid] .hero::before{right:-3.5%;top:2%;transform:rotate(38deg)}
.stage[data-look~=hybrid] .hero::after{left:-3.5%;bottom:2%;transform:rotate(43deg)}
/* Inner Circle poster: the two hosts' posters phase back and forth. The second keeps its whole frame
   (contain) over a blurred fill of itself, since the two artworks have different proportions. */
.stage .poster-stack{position:relative;display:block;width:100%}
@media (max-width:639px){.stage .poster-stack{width:min(100%,420px)}.stage .poster-stack>img{width:100%}}
.stage .circle-poster .poster-alt{position:absolute;inset:0;overflow:hidden;background:#000;border:3px solid #00f0ff;
  opacity:0;animation:poster-swap 16s ease-in-out infinite}
.stage .circle-poster .poster-alt img{position:absolute;inset:0;width:100%;height:100%;max-width:none;max-height:none;aspect-ratio:auto;border:0;box-shadow:none}
.stage .circle-poster .pa-bg{object-fit:cover;filter:blur(14px) brightness(.5);transform:scale(1.15)}
.stage .circle-poster .pa-fg{object-fit:contain}
@keyframes poster-swap{0%,40%{opacity:0}50%,90%{opacity:1}100%{opacity:0}}
@media (prefers-reduced-motion:reduce){.stage .circle-poster .poster-alt{animation-duration:40s}}
/* duct tape (replaces the masking tape): longer strips, silver cloth weave, torn ends */
.stage[data-look~=hybrid] .hero::before,.stage[data-look~=hybrid] .hero::after{width:clamp(130px,30%,340px);aspect-ratio:6/1;
  background:
    linear-gradient(180deg,rgba(255,255,255,.45) 0,rgba(255,255,255,.08) 22%,rgba(0,0,0,0) 50%,rgba(0,0,0,.22) 100%),
    repeating-linear-gradient(90deg,rgba(0,0,0,.10) 0 1px,transparent 1px 3px),
    repeating-linear-gradient(0deg,rgba(255,255,255,.10) 0 1px,transparent 1px 4px),
    linear-gradient(100deg,#8e939a,#c9ced4 35%,#a7acb3 60%,#d6dade 80%,#9a9fa6);
  filter:drop-shadow(0 3px 4px rgba(0,0,0,.55));
  clip-path:polygon(1.5% 0,98.5% 0,100% 12%,98% 22%,99.5% 34%,97.5% 47%,100% 60%,98% 73%,99.5% 86%,98.5% 100%,1.5% 100%,0 88%,2% 76%,.5% 63%,2.5% 50%,0 37%,2% 24%,.5% 12%)}
.stage[data-look~=hybrid] .hero::before{right:-7%;top:9%;transform:rotate(36deg)}
.stage[data-look~=hybrid] .hero::after{left:-7%;bottom:4%;transform:rotate(40deg)}
/* tape grips only the very tips of the corners, so the sign's corners stay visible */
.stage[data-look~=hybrid] .hero::before,.stage[data-look~=hybrid] .hero::after{width:clamp(120px,25%,300px)}
.stage[data-look~=hybrid] .hero::before{right:-10%;top:1%;transform:rotate(36deg)}
.stage[data-look~=hybrid] .hero::after{left:-10%;bottom:1%;transform:rotate(40deg)}
/* poster swap, phone-safe: the fading layer is its own composited layer, no blur filter under it,
   and it waits until its image is decoded (descent.js adds .ready) */
.stage .circle-poster .poster-alt{will-change:opacity;transform:translateZ(0);backface-visibility:hidden;animation-play-state:paused}
.stage .poster-stack.ready .poster-alt{animation-play-state:running}
.stage .circle-poster .pa-fg{object-fit:cover}

/* ===== THE SYNDICATE: sponsors & partners as an interwoven web of nodes (from the look book mockup) ===== */
.stage .net{margin:80px auto 0;scroll-margin-top:90px}
.net .net-lede{max-width:640px;margin:10px auto 28px;text-align:center;font-family:Oswald,system-ui,sans-serif;font-size:1.1rem;line-height:1.5;color:#e9e6ff}
.net .net-lede b{color:#fff;background:linear-gradient(90deg,#ff2e88,#d24dff);padding:0 .3em}
.net-web{position:relative;width:100%;max-width:980px;margin:0 auto;aspect-ratio:16/10}
.net-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.net-lines line,.net-lines path{vector-effect:non-scaling-stroke;fill:none}
.net-lines .spoke line{stroke:rgba(79,216,255,.75);stroke-width:2;filter:drop-shadow(0 0 4px #4fd8ff)}
.net-lines .ring line{stroke:rgba(210,77,255,.6);stroke-width:1.5}
.net-lines .cross line{stroke:rgba(255,79,216,.22);stroke-width:1;stroke-dasharray:4 6}
.net-lines .pulse path{stroke:#fff;stroke-width:3;stroke-linecap:round;stroke-dasharray:3 97;animation:net-pulse 6.5s linear infinite;filter:drop-shadow(0 0 6px #fff)}
@keyframes net-pulse{from{stroke-dashoffset:100}to{stroke-dashoffset:0}}
.nn{position:absolute;left:var(--x);top:var(--y);transform:translate(-50%,-50%);width:clamp(170px,22%,220px);box-sizing:border-box;
  display:flex;flex-direction:column;gap:5px;padding:12px 14px;background:rgba(8,6,28,.92);border:2px solid #4fd8ff;color:#fff;text-decoration:none;
  box-shadow:6px 6px 0 #000,0 0 22px rgba(79,216,255,.35);transition:transform .2s,box-shadow .2s}
.nn i{align-self:flex-start;font:normal .62rem/1 Anton,Impact,sans-serif;letter-spacing:.16em;text-transform:uppercase;padding:4px 7px;background:#4fd8ff;color:#000}
.nn b{font-family:Anton,Impact,sans-serif;font-weight:400;font-size:1.25rem;letter-spacing:.04em;text-transform:uppercase;line-height:1.05}
.nn span{font-family:Oswald,system-ui,sans-serif;font-size:.86rem;line-height:1.35;color:#c9c3f0}
a.nn:hover{transform:translate(-50%,-50%) scale(1.04);box-shadow:8px 8px 0 #000,0 0 34px rgba(79,216,255,.6)}
.nn .chips{display:flex;gap:6px;flex-wrap:wrap}
.nn .chips i.chip-soon{background:transparent;color:#ffd200;border:1px solid #ffd200;animation:soon-blink 1.6s steps(2,start) infinite}
@keyframes soon-blink{50%{opacity:.35}}
.nn-partner{border-color:#d24dff;box-shadow:6px 6px 0 #000,0 0 22px rgba(210,77,255,.45)}
.nn-partner i{background:#d24dff;color:#fff}
.nn-gold{border-color:#e9c46a;background:linear-gradient(160deg,rgba(24,16,4,.95),rgba(8,6,28,.95));box-shadow:6px 6px 0 #000,0 0 30px rgba(233,196,106,.45)}
.nn-gold i{background:linear-gradient(90deg,#f6e27a,#c9952b);color:#000}
.nn-gold .gold-mark{display:flex;align-items:center;gap:10px;margin:2px 0}
.nn-gold .gold-mark img:first-child{width:42px;height:42px;flex:none;border-radius:50%;filter:drop-shadow(0 0 8px rgba(246,226,122,.55))}
.nn-gold .gold-mark img:last-child{width:auto;height:26px;max-width:calc(100% - 52px);object-fit:contain;filter:drop-shadow(0 2px 3px rgba(0,0,0,.6))}
.nn-soon b{color:#ffd200}
.nn-kenotic{border-color:#e3a63c;background:#070707;box-shadow:6px 6px 0 #000,0 0 26px rgba(227,166,60,.35)}
.nn-kenotic i{background:#e3a63c;color:#000}
.nn-kenotic .ken-mark{display:flex;align-items:center;gap:10px;margin:2px 0}
.nn-kenotic .ken-mark img{width:46px;height:46px;flex:none;border-radius:50%;box-shadow:0 0 0 1px #e3a63c,0 0 12px rgba(227,166,60,.4)}
.nn-kenotic .ken-word{display:flex;flex-direction:column;font-family:"Cormorant Garamond",serif;font-weight:400;font-size:1.32rem;line-height:1;color:#f2efe9}
.nn-kenotic .ken-word span{font:inherit;color:inherit}
.nn-kenotic .ken-word span+span{color:#b89e6c}
.nn-kenotic .ken-motto{font-family:Montserrat,system-ui,sans-serif;font-size:.56rem;letter-spacing:.42em;text-transform:uppercase;color:#a8a39a}
.nn-kenotic>span:last-child{font-family:"Cormorant Garamond",serif;font-style:italic;font-size:.98rem;color:#cfc8bb}
.nn-open{border:2px dashed rgba(255,255,255,.4);background:rgba(8,6,28,.6);box-shadow:none}
.nn-open i{background:transparent;color:#a9a3d6;border:1px solid rgba(169,163,214,.6)}
.nn-open b{color:#a9a3d6}
.nn-hub{width:clamp(180px,24%,240px);text-align:center;align-items:center;border:3px solid #fff;background:linear-gradient(135deg,#1a0b4a,#3a127a);
  box-shadow:8px 8px 0 #000,0 0 40px rgba(255,79,216,.55),0 0 80px rgba(79,216,255,.3)}
.nn-hub i{align-self:center;background:#fff}
.nn-hub b{font-family:Monoton,cursive;font-size:1.05rem;letter-spacing:.02em;color:#7ff6ff;text-shadow:0 0 10px #4fd8ff;text-transform:none}
.net-cta{text-align:center;margin-top:30px}
@media (max-width:760px){
  .net-web{aspect-ratio:auto;display:flex;flex-direction:column;gap:18px;padding-left:22px}
  .net-web::before{content:"";position:absolute;left:6px;top:10px;bottom:10px;width:2px;background:linear-gradient(#4fd8ff,#d24dff,#ff2e88);box-shadow:0 0 10px #d24dff}
  .net-lines{display:none}
  .nn,.nn-hub{position:relative;left:auto;top:auto;transform:none;width:100%;text-align:left;align-items:stretch}
  .nn-hub i{align-self:flex-start}
  .nn::before{content:"";position:absolute;left:-24px;top:50%;width:18px;height:2px;background:#4fd8ff}
  a.nn:hover{transform:scale(1.02)}
}
@media (prefers-reduced-motion:reduce){.net-lines .pulse{display:none}}

/* members (joined or signed in) never see the waitlist asks; html.member is set in <head> before paint */
html.member .topnav a.cta,html.member #join,html.member #waitlist,html.member a[href$="#join"]{display:none!important}

/* ===== GTA lettering (Pricedown) as inline vector words: pricedown.js, generated by tools/build_pricedown.py =====
   Never on the neon (VICE COSMOS, its subtitle, the section signs, the globe motto). */
html.pd-wait [data-k="nav.home"],html.pd-wait [data-k="nav.ideas"],html.pd-wait [data-k="nav.circle"],html.pd-wait [data-k="nav.syn"],html.pd-wait [data-k="nav.swag"],html.pd-wait [data-k="nav.join"],html.pd-wait [data-k="nav.signin"],html.pd-wait [data-k="listen.spotify"],html.pd-wait [data-k="listen.apple"],html.pd-wait [data-k="listen.youtube"],html.pd-wait [data-k="syn.cta"],html.pd-wait [data-k="circle.cta"],html.pd-wait [data-k="join.btn"],html.pd-wait [data-k="gate.btn"],html.pd-wait [data-k="gate.flee"],html.pd-wait [data-k="ideas.cta"],html.pd-wait [data-k="circle.perk1.t"],html.pd-wait [data-k="circle.perk2.t"],html.pd-wait [data-k="circle.perk3.t"],html.pd-wait [data-k="syn.kg.name"],html.pd-wait [data-k="hud.dress"],html.pd-wait [data-k="gate.title"],html.pd-wait [data-k="home.lead"],html.pd-wait [data-k="circle.lead"],html.pd-wait [data-k="ideas.lead"],html.pd-wait [data-k="swag.lead"],html.pd-wait [data-k="bribe.label"],html.pd-wait [data-k="bribe.btn"]{visibility:hidden;animation:pd-reveal 0s 1.5s forwards}
@keyframes pd-reveal{to{visibility:visible}}
.pd-t{display:inline;font-size:1.25em;line-height:1.15}
.pd-w{display:inline-block;height:var(--pdh);overflow:visible;vertical-align:var(--pdb);
  fill:#fff;stroke:#000;stroke-width:70;stroke-linejoin:round;paint-order:stroke fill;filter:drop-shadow(.055em .055em 0 #000)}
.pd-gold .pd-w{fill:url(#pd-g-gold)}
.pd-cash .pd-w{fill:url(#pd-g-cash)}
.pd-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.pd-on .topnav a .pd-t{font-size:1.35em}
.pd-on .lead .pd-t,.pd-on [data-k$=".lead"] .pd-t{font-size:1.15em}
.pd-on .perks b .pd-t{font-size:1.3em}
.pd-on .btn .pd-t{font-size:1.2em}
.pd-on .bribe .pd-t{font-size:1.3em}
@media (max-width:600px){.pd-on .topnav a .pd-t{font-size:1em}}

/* ===== 2026-10-10 founder: Inner Circle side by side on desktop, scroll-phase on phones; listen links light up only when real;
   compass is crew-only; waitlist footnote ===== */
@media (min-width:640px){
  .stage .circle{grid-template-columns:repeat(3,1fr)}
  .stage .circle>.perks li:nth-child(1),.stage .circle>.perks li:nth-child(2),.stage .circle>.perks li:nth-child(3){grid-column:auto;grid-row:auto}
  .stage .circle>.circle-poster{grid-column:1 / -1;grid-row:auto;justify-self:center;width:min(100%,780px);margin-top:8px}
  .stage .circle>.btnrow{grid-column:1 / -1;grid-row:auto;justify-self:center;justify-content:center}
  .stage .poster-stack{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,30px)}
  .stage .circle-poster .poster-alt{position:relative;inset:auto;aspect-ratio:850/1600;opacity:1!important;animation:none!important;
    box-shadow:0 0 18px rgba(0,240,255,.55),10px 10px 0 #ff2e88,0 0 60px rgba(255,46,136,.35)}
}
@media (max-width:639px){
  .stage .circle-poster .poster-alt{animation:none!important;opacity:var(--ph,0);transition:opacity .12s linear}
}
.stage nav.btnrow a[aria-disabled=true]{display:none!important}
.stage nav.btnrow.has-live .listen-ask{display:none!important}
.stage .g-map{display:none!important}
body.dmt-admin .stage .g-map{display:flex!important}
.stage .join-fine{margin:-6px auto 14px;text-align:center;font-family:Oswald,system-ui,sans-serif;font-style:italic;font-size:.92rem;letter-spacing:.04em;color:#bdb6e6;opacity:.85}
html.member .join-fine{display:none!important}

/* phones: the poster pins and the Carrano -> founder phase is scrolled THROUGH (about one screen), then the page continues */
@media (max-width:639px){
  .stage .circle-poster{display:block!important;height:calc(var(--psh,640px) + 95svh);margin-top:18px}
  .stage .poster-stack{position:sticky;top:max(64px,calc((100svh - var(--psh,640px)) / 2));margin:0 auto}
}

/* ===== Penthouse (went live 2026-10-10 from the look book): premium + playful, scoped under html.ph-on ===== */
/* 1. one hero moment: the backdrop steps back */
.ph-on .stage .stars{opacity:.4!important}
.ph-on .stage .l-flower{opacity:.22!important}
.ph-on .stage .v-palm{opacity:.45!important}
.ph-on .stage .v-grid{opacity:.5!important}
.ph-on .stage .v-sun{filter:saturate(.75) brightness(.8)}
/* 3. velvet black instead of purple-on-purple; the sunset line survives */
.ph-on .stage[data-look~=hybrid]{background:linear-gradient(180deg,#040308 0%,#0a0614 28%,#170b2c 48%,#3c1660 60%,#a2307c 67.6%,#050308 68%,#050308 100%) fixed!important}
/* 2. body copy in one elegant voice */
.ph-on main .manifesto p:not(.lead),.ph-on main .circle>p:not(.lead),.ph-on .perks span,.ph-on .note,.ph-on .net-lede,.ph-on .nn span:last-child,.ph-on footer{
  font-family:"Agdasima","Agency FB",sans-serif!important;font-size:1.42rem!important;line-height:1.5!important;letter-spacing:.025em;color:#eee7d6!important}
.ph-on .perks span{font-size:1.22rem!important;line-height:1.4!important}
.ph-on .nn span:last-child{font-size:1rem!important;line-height:1.45!important}
.ph-on main .manifesto p em,.ph-on main .circle>p em{font-style:italic;color:#f3d48a;background:none!important;-webkit-text-fill-color:#f3d48a}
/* 3. cards: dark velvet with a gold hairline instead of neon boxes */
.ph-on main .manifesto p:not(.lead),.ph-on main .circle>p:not(.lead),.ph-on .perks li,.ph-on .nn:not(.nn-hub){
  background:linear-gradient(160deg,rgba(14,10,22,.9),rgba(6,4,12,.92))!important;border:1px solid rgba(233,196,106,.32)!important;
  box-shadow:0 1px 0 rgba(255,236,170,.08) inset,0 24px 60px -30px rgba(0,0,0,.9)!important;border-radius:2px!important}
.ph-on main .manifesto,.ph-on main .circle{gap:26px!important}
.ph-on main .manifesto p:not(.lead),.ph-on main .circle>p:not(.lead){padding:26px 30px!important}
/* 5. perks become foil VIP passes */
.ph-on .perks li{position:relative;overflow:hidden;padding:24px 22px 22px!important;border-radius:14px!important;
  border:1px solid transparent!important;background:linear-gradient(160deg,#120c1d,#07050c) padding-box,
  linear-gradient(120deg,#f6e27a,#b8862b 30%,#fff4c2 50%,#b8862b 70%,#f6e27a) border-box!important}
.ph-on .perks li::before{content:"VIP · ACCESS";position:absolute;right:14px;top:12px;font:600 .58rem/1 Montserrat,system-ui,sans-serif;letter-spacing:.32em;color:#c9a24a}
.ph-on .perks li::after{content:"";position:absolute;inset:-40%;background:linear-gradient(115deg,transparent 40%,rgba(255,244,200,.22) 50%,transparent 60%);
  transform:translateX(-60%);transition:transform 1.2s cubic-bezier(.2,.7,.1,1);pointer-events:none}
.ph-on .perks li:hover::after{transform:translateX(60%)}
/* 3. film grain: shot on film, not rendered */
.ph-grain{position:fixed;inset:-50%;z-index:950;pointer-events:none;opacity:.075;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:ph-grain 1.2s steps(6) infinite}
@keyframes ph-grain{0%{transform:translate(0,0)}20%{transform:translate(-3%,2%)}40%{transform:translate(2%,-3%)}60%{transform:translate(-2%,3%)}80%{transform:translate(3%,1%)}100%{transform:translate(0,0)}}
/* 4. cinematic reveals */
.ph-on .ph-rv{opacity:0;transform:translateY(28px);filter:blur(6px);transition:opacity 1.1s cubic-bezier(.2,.7,.1,1),transform 1.1s cubic-bezier(.2,.7,.1,1),filter 1.1s}
.ph-on .ph-rv.ph-in{opacity:1;transform:none;filter:none}
/* 5. loading-screen tips */
.ph-tip{position:fixed;left:64px;bottom:14px;z-index:960;max-width:min(360px,calc(100vw - 90px));padding:10px 14px;background:rgba(0,0,0,.78);
  border-left:3px solid #f3d48a;font:400 1.05rem/1.3 "Agdasima","Agency FB",sans-serif;letter-spacing:.03em;color:#eee7d6;opacity:0;transform:translateY(8px);transition:opacity .6s,transform .6s}
.ph-tip b{font:400 .72rem/1 Anton,Impact,sans-serif;letter-spacing:.18em;color:#f3d48a;margin-right:8px}
.ph-tip.show{opacity:1;transform:none}
/* 5. cheat banner */
.ph-cheat{position:fixed;left:50%;top:38%;z-index:970;transform:translate(-50%,-50%) scale(.9);text-align:center;pointer-events:none;opacity:0;transition:opacity .25s,transform .25s}
.ph-cheat.show{opacity:1;transform:translate(-50%,-50%) scale(1)}
.ph-cheat b{display:block;font:400 clamp(1.6rem,5vw,3.2rem)/1 Anton,Impact,sans-serif;letter-spacing:.06em;color:#fff;-webkit-text-stroke:2px #000;paint-order:stroke fill;text-shadow:4px 4px 0 #000}
.ph-cheat span{display:inline-block;margin-top:10px;padding:6px 12px;background:rgba(0,0,0,.8);font:400 1.2rem/1.3 "Agdasima","Agency FB",sans-serif;letter-spacing:.03em;color:#f3d48a}
.ph-on.ph-rocket main{animation:ph-rocket 4s cubic-bezier(.4,0,.2,1)}
@keyframes ph-rocket{40%{transform:translateY(-14px) rotate(-.4deg)}70%{transform:translateY(-6px) rotate(.3deg)}}

@media (max-width:600px){.ph-tip{left:12px;bottom:58px}}
@media (prefers-reduced-motion:reduce){.ph-grain{animation:none}.ph-on .ph-rv{opacity:1;transform:none;filter:none;transition:none}}
/* tips stay out of the way of the edit bar */
body.dmt-open .ph-tip{display:none}
.ph-tip.ph-away{opacity:0!important;pointer-events:none}
/* 2026-10-10 smooth grid: the driving horizon lines move on the compositor (transform), not by repainting
   the whole perspective grid every frame (background-position); the vertical lines stay painted, static */
.stage .v-grid{animation:none!important;overflow:hidden;background-size:0 0,48px 100%!important}
.stage .v-grid::before{content:"";position:absolute;left:0;right:0;top:-48px;bottom:0;pointer-events:none;
  background:linear-gradient(transparent 0 92%,rgba(255,46,136,.95) 92%) 0 0/100% 48px;animation:v-drive2 1.1s linear infinite;will-change:transform}
@keyframes v-drive2{to{transform:translateY(48px)}}
/* film grain without a full-screen blend: blending a fixed layer re-composites the whole page on every scroll frame */
.ph-grain{mix-blend-mode:normal!important;opacity:.05!important;will-change:transform}
@media (prefers-reduced-motion:reduce){.stage .v-grid::before{animation:none}}
/* the Syndicate web may be grown taller by descent.js; keep the cards inside it */
.net-web{padding-block:0}
.net-web[style*="height"]{aspect-ratio:auto}