/* GoldBoys / art direction 03 — kinetic type, liquid metal, photographic sport. */
:root{--ink:#040d0a;--paper:#f1f0dc;--acid:#dcf296;--win-color:#d7b663;--pointer-x:50%;--pointer-y:35%}
body{background:var(--ink);color:var(--paper)}
.world{z-index:0;background:#04130f}.world canvas{position:absolute;inset:0}.world .aura,.world .atmosphere,.world .world-grid,.world .stadium-lines,.world .light-beam{display:none}.world .vignette{box-shadow:inset 0 0 150px #01070566}
main,footer{position:relative;z-index:1}header{z-index:5}.world:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#020b0759,transparent 65%);pointer-events:none}
h1,h2,h3,.sport-title strong,.win-result strong{font-family:Outfit,Arial,sans-serif;font-weight:800;font-style:normal;text-transform:uppercase;letter-spacing:-.065em;line-height:.89}
em,.hero .gold{font-family:inherit;font-weight:800;font-style:normal;letter-spacing:inherit;color:var(--acid);-webkit-text-fill-color:currentColor}
h2 em{display:inline-block;transform:skewX(-9deg);-webkit-text-stroke:1px currentColor;color:transparent;text-shadow:none}
.eyebrow,.tiny,.section-meta,.hero-topline,.hero-bottom,.sport-title>span{font-family:'Courier New',monospace;letter-spacing:.12em;font-weight:400}
header{border:0;height:104px;background:linear-gradient(#020b0755,transparent)}.brand{font-size:23px;letter-spacing:-1.2px}.brand-logo{width:63px;height:63px;object-fit:contain}nav{font-size:11px;text-transform:uppercase;letter-spacing:.07em;gap:30px}
.hero{min-height:840px}.hero-copy{margin-top:9vh;width:70%}.hero .eyebrow{display:flex;align-items:center;gap:12px;margin-bottom:25px}.hero .eyebrow:before{content:'';width:35px;height:1px;background:var(--acid)}
.hero h1{font-size:clamp(98px,12.4vw,215px);line-height:.76;letter-spacing:-.075em;margin-left:-.055em;position:relative}.hero h1 .hero-the{display:block;font-family:'Courier New',monospace;font-size:12px;letter-spacing:.18em;margin:0 0 13px .55em;font-weight:400}.hero h1 .hero-gold{display:block;transform:scaleX(1.07);transform-origin:left;filter:drop-shadow(0 5px 0 #062219)}.hero h1 .hero-standard{display:block;font-size:.67em;letter-spacing:-.055em;margin:.16em 0 0 .35em;color:var(--acid);transform:skewX(-9deg);-webkit-text-stroke:1px var(--acid);-webkit-text-fill-color:transparent}.hero h1 .hero-star{font-size:.27em;display:inline-block;vertical-align:top;margin:.2em 0 0 .18em;color:#e9ce8a;animation:brandSpin 30s linear infinite}
.hero-intro{margin-top:36px;margin-left:4px}.hero-intro .cross{display:none}.hero-intro p{font-size:14px;max-width:290px;line-height:1.65}.hero .review-link{font-size:9px}.scene-caption{border:0;bottom:13%;right:5%;width:220px}.scene-caption strong{font-family:Outfit;font-size:28px;font-weight:600;line-height:1.02;text-transform:uppercase;letter-spacing:-.04em}.scene-caption:before{content:'GB / 001';font-family:monospace;font-size:11px;letter-spacing:.15em;color:#d9c27c;border-bottom:1px solid #d9c27c77;padding-bottom:15px}
.button,.button.small{border-radius:0;border:0;border-bottom:1px solid #d3dfac80;padding:13px 0;background:none;backdrop-filter:none;color:var(--paper);text-transform:uppercase;letter-spacing:.07em;font-size:10px;gap:45px;overflow:visible}.button span,.button.small span{border-radius:0;background:var(--acid);width:39px;height:39px;clip-path:polygon(0 0,75% 0,100% 25%,100% 100%,25% 100%,0 75%);font-size:23px;transition:clip-path .4s,transform .4s}.button:hover{background:none}.button:hover span{transform:rotate(0) translate(4px,-4px);clip-path:polygon(0 0,100% 0,100% 0,100% 100%,0 100%,0 100%)}.button.small span{width:30px;height:30px;font-size:19px}.onboarding .button{padding:12px 18px;background:#11261c}.ticker{background:var(--acid);transform:rotate(-2deg);padding:15px 0}.ticker>div{font-weight:600;letter-spacing:.15em;font-size:14px}
/* The actual environment remains visible behind all pinned sequences. */
.wins-pin{background:linear-gradient(90deg,#02090644,transparent 45%,#02090611);padding:0}.win-sculpture,.win-dust{display:none}.wins-layout{overflow:clip}.win-stage{perspective:1500px;transform:rotateY(var(--camera-turn,0deg)) translateY(var(--camera-y,0px))}
.win-card{border-radius:3px;padding:0;border:1px solid #f6eddc99;background:#081e19;box-shadow:0 30px 85px #0008,1px 0 0 1px #b2efdb44,-2px 0 0 #f3ce9980;backdrop-filter:none;top:47%;height:65svh;width:51.8svh;max-width:60vw;overflow:visible;will-change:transform;filter:none!important}
.win-card img{border-radius:2px;object-fit:contain;filter:url(#liquid-lens);transition:filter .4s}.win-card.selected img{filter:url(#liquid-lens) saturate(1.12) contrast(1.06)}
.win-card:before{content:'';position:absolute;inset:-17px;z-index:-1;border:1px solid #dbd2a945;transform:translate3d(0,0,-30px);box-shadow:0 0 35px #e4ce8e14;pointer-events:none}.win-card:after{inset:0;border-radius:0;background:linear-gradient(115deg,transparent 20%,#cffbe322 37%,#fff9d95c 40%,transparent 44%,transparent 68%,#b6dfce22 69%,transparent 72%);background-size:250% 100%;background-position:var(--glare,50%) 0;mix-blend-mode:screen;opacity:.75;pointer-events:none}
.win-card .foil-edge{position:absolute;inset:-1px;border:1px solid transparent;border-image:linear-gradient(135deg,#f8edbd,#3b896d,#9bbbc8,#e6be73) 1;pointer-events:none}.win-card .card-caption{display:none}
.win-card.selected:hover:after{animation:foilSweep 1.3s ease both}.win-card.selected:hover{box-shadow:0 35px 100px #0009,0 0 40px #b3efd01a}
.win-copy{bottom:95px;left:4.5%;max-width:26%;text-shadow:0 3px 22px #020805}.win-copy h2{font-size:clamp(30px,3.2vw,55px);line-height:.92;letter-spacing:-.055em;max-width:340px;margin-bottom:20px}.win-copy .eyebrow{font-size:9px;color:var(--acid)}.win-result strong{font-size:42px;color:#e6d3a1}.win-copy .text-action{font-family:'Courier New',monospace;text-transform:uppercase;font-size:9px;letter-spacing:.1em}.win-copy .results-context{font-size:8px!important;max-width:225px;color:#c5c7ae}.wins-bottom{bottom:26px}.wins .section-meta{top:35px;border:0;font-size:10px;color:#dadac3}
.win-ambient{position:absolute;inset:-10%;background-size:cover;background-position:center;opacity:.1;filter:blur(65px) saturate(1.8);mix-blend-mode:screen;transition:background-image .8s;pointer-events:none;transform:scale(1.1)}
.win-type{position:absolute;left:-3%;top:17%;width:110%;font-family:Outfit,sans-serif;font-size:22vw;font-weight:800;line-height:.76;letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px #cfd4ac35;transform:translateX(calc(var(--wins-progress,0)*-9%));pointer-events:none;white-space:nowrap}.win-type span{display:block;margin-left:30%}
.win-orbit-label{position:absolute;right:3%;top:50%;writing-mode:vertical-rl;letter-spacing:.25em;font:9px 'Courier New',monospace;color:#d7debba0;z-index:3}
/* Typography follows the same angular GoldBoys vocabulary throughout. */
.chapter h2{font-size:clamp(64px,7.2vw,120px);line-height:.88}.community{background:linear-gradient(#07191144,#071911c9)}.community .phone-stage{transform:rotate(-3deg)}.tools{background:linear-gradient(135deg,#081e1bee,#081318db)}.tools h2{max-width:900px}.tool-grid h3{font-size:34px;line-height:.98}.onboarding{background:#dce7bd}.onboarding em{color:#526645;-webkit-text-stroke:0}.story{background:linear-gradient(110deg,#071912e0,#18231677)}.story h2{font-size:clamp(70px,9vw,145px);line-height:.87}.story-copy{margin-top:-130px}.faq{background:#041612dd}.faq h2{font-size:90px}.newsletter{background:#102d20de}.closing{background:linear-gradient(#0b211350,#031009bc)}.closing h2{font-size:clamp(80px,12vw,190px)}.closing h2 em{color:var(--acid)}
.chapter .section-meta{margin-bottom:70px}.sport-copy h2{font-size:clamp(65px,8.8vw,145px);line-height:.84}.sport-copy{max-width:52%;text-shadow:0 5px 40px #0008}.sport-title strong{font-size:45px;color:var(--acid)}.sport-tabs button{font-family:'Courier New',monospace;text-transform:uppercase;letter-spacing:.06em;font-size:10px}.sport-tabs button[aria-pressed=true]{color:var(--acid);border-color:var(--acid)}.sports-pin:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#020c094d,transparent 60%)}
@keyframes foilSweep{from{background-position:100% 0}to{background-position:0% 0}}@keyframes brandSpin{to{transform:rotate(360deg)}}
@media(max-width:1000px){.win-copy{max-width:29%}.win-copy h2{font-size:32px}.win-result strong{font-size:35px}}
@media(max-width:700px){header{height:80px}.brand-logo{width:45px;height:45px}.brand{font-size:17px}header .button{font-size:8px;gap:12px}.hero{min-height:850px;padding-top:106px}.hero-copy{width:100%;margin-top:28px}.hero h1{font-size:25vw;line-height:.77}.hero h1 .hero-standard{font-size:.64em;margin-top:.24em;margin-left:.1em}.hero h1 .hero-the{font-size:9px}.hero .eyebrow{font-size:8px;margin-bottom:16px}.hero-intro{margin-top:25px}.hero-intro p{font-size:12px}.hero .button{gap:25px;font-size:9px}.scene-caption{bottom:12%;width:165px}.scene-caption strong{font-size:22px}.scene-caption:before{font-size:8px;padding-bottom:8px}.scene-caption .tiny{font-size:6px}.hero-bottom{font-size:6px}.win-card{top:37%;height:min(47svh,89vw);width:min(37.4svh,71vw);max-width:71vw;border-radius:2px}.win-copy{left:7%;bottom:106px;max-width:81%}.win-copy h2{font-size:31px;max-width:300px;margin-bottom:13px;line-height:.92}.win-copy .eyebrow{font-size:8px}.win-result strong{font-size:34px}.win-copy .results-context{font-size:7px!important;max-width:285px}.win-type{font-size:38vw;top:20%;left:-40%}.win-type span{margin-left:20%}.wins .section-meta{font-size:7px;top:26px}.win-orbit-label{font-size:7px}.sport-copy{max-width:100%}.sport-copy h2{font-size:19vw;line-height:.84}.sport-title strong{font-size:28px}.sports-pin{min-height:750px}.chapter h2{font-size:16vw}.story h2{font-size:19vw}.story-copy{margin-top:35px}.newsletter h2{font-size:12vw}.closing h2{font-size:20vw}.chapter .section-meta{margin-bottom:40px}}
.paused .hero-star,.paused .win-card:after{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.hero-star,.win-card:after{animation:none!important}}
h2 em{-webkit-text-stroke-color:#d7e6ab}.onboarding h2 em{-webkit-text-stroke-color:#536a42}.hero-standard{color:#d7e6ab}
.gold-lettering{display:block;width:min(100%,660px);height:auto;fill:#f1f0dc;filter:drop-shadow(0 8px 18px #0003)}.hero h1 .hero-standard{margin-top:.18em;font-size:.61em}.hero h1 .hero-gold{transform:none;max-width:660px}
@media(max-width:700px){.gold-lettering{width:90%}.hero h1 .hero-standard{font-size:.61em;margin-top:.2em}}
h2,h3{letter-spacing:-.04em}.win-copy h2{letter-spacing:-.035em}.win-result strong{letter-spacing:-.035em;font-size:38px}.win-stage{transform:rotateX(var(--tilt-x,0deg)) rotateY(calc(var(--camera-turn,0deg) + var(--tilt-y,0deg))) translateY(var(--float-y,0px))}.win-card:after{background-position:var(--idle-glare,50%) 0}.image-shard{position:absolute;inset:0;background-size:100% 100%;z-index:-1;pointer-events:none;opacity:.35;will-change:transform}.shard-a{clip-path:polygon(0 0,24% 0,24% 100%,0 100%);transform:translateX(calc(-16px - var(--fracture,0)*70px)) translateZ(-25px) rotateY(-8deg);filter:sepia(.3) hue-rotate(30deg)}.shard-b{clip-path:polygon(78% 0,100% 0,100% 100%,78% 100%);transform:translateX(calc(16px + var(--fracture,0)*70px)) translateZ(-25px) rotateY(8deg);filter:sepia(.2)}.win-card.selected{transform-style:preserve-3d}.win-card:not(.selected) .image-shard{display:none}.paused .win-stage{transform:none}.paused .image-shard{display:none}@media(prefers-reduced-motion:reduce){.win-stage{transform:none}.image-shard{display:none}}
/* Membership is the primary action, not a quiet navigation link. */
a.button:is([href*="whop.com"],.support-cta){background:#e5c174;color:#10251c;border:1px solid #ffe7a9;border-radius:4px;padding:17px 22px;gap:30px;font:700 13px Manrope,Arial,sans-serif;text-transform:uppercase;letter-spacing:.045em;box-shadow:0 7px 0 #846328,0 12px 35px #d6b35d22;position:relative;isolation:isolate;transition:transform .25s,box-shadow .25s,background .25s}
a.button:is([href*="whop.com"],.support-cta) span{background:#10251c;color:#ffe5a0;clip-path:none;border-radius:50%;width:36px;height:36px;font-size:23px}
a.button:is([href*="whop.com"],.support-cta):hover{background:#ffe2a0;transform:translateY(-3px);box-shadow:0 10px 0 #846328,0 18px 50px #e5c17444}a.button:is([href*="whop.com"],.support-cta):hover span{transform:translateX(3px)}a.button:is([href*="whop.com"],.support-cta):active{transform:translateY(4px);box-shadow:0 3px 0 #846328}header a.button.small{padding:11px 16px;font-size:10px;gap:21px}header a.button.small span{width:27px;height:27px;font-size:18px}
.hero-actions{display:flex;align-items:center;gap:28px;margin-top:27px}.hero .membership-cta{min-width:258px}.explore-link{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:#e8e6d0;border-bottom:1px solid #b4cba06b;padding:15px 0}.explore-link span{margin-left:18px}.membership-note{font-size:10px;color:#c4d0b7;margin-top:19px}.hero .review-link{margin-top:16px}.hero-copy{margin-top:7vh}.hero-intro{margin-top:27px}.sport-morph-label{display:flex;align-items:center;gap:14px;font:10px 'Courier New',monospace;letter-spacing:.13em;color:#e5ce96}.morph-track{width:60px;height:2px;background:#e8d08d33;overflow:hidden}.morph-track i{display:block;height:100%;background:#e8d08d;transform:scaleX(var(--sport-phase,0));transform-origin:left}.scene-caption{bottom:12%}.scene-caption:before{content:'ONE COMMUNITY / EVERY SPORT'}
@media(max-width:700px){header a.button.small{font-size:9px;padding:9px 11px;gap:12px;box-shadow:0 4px 0 #846328}.hero-copy{margin-top:25px}.hero-actions{gap:18px;margin-top:18px}.hero .membership-cta{min-width:190px;padding:12px 15px;font-size:10px;gap:16px}.hero .membership-cta span{width:29px;height:29px;font-size:19px}.explore-link{font-size:8px;letter-spacing:.02em}.explore-link span{margin-left:5px}.membership-note{max-width:310px;font-size:8px;margin-top:14px}.hero .review-link{font-size:7px;margin-top:11px}.hero-intro{margin-top:20px}.hero{min-height:890px}.scene-caption{bottom:10%;right:6%;width:165px}.scene-caption strong{display:none}.sport-morph-label{font-size:8px}.closing a.button{font-size:10px;padding:16px;gap:15px}}
/* Product gallery direction: the community's own work becomes the visual identity. */
.world{background:radial-gradient(ellipse at 78% 26%,#1e493d,transparent 58%),linear-gradient(135deg,#03120e,#0c2820 65%,#302b17);overflow:hidden}
.silk{position:absolute;width:120vw;height:90vw;right:-55vw;top:-38vw;border-radius:44%;border:1px solid #dfc28155;background:repeating-radial-gradient(ellipse at 25% 50%,transparent 0 3%,#d6bb7433 3.15%,transparent 3.3% 5%);transform:rotate(-25deg);animation:silkDrift 32s ease-in-out infinite alternate;mask-image:linear-gradient(30deg,transparent,#000 40%,#0008)}
.silk-two{right:-28vw;top:20vh;opacity:.4;transform:rotate(130deg);animation-direction:alternate-reverse;border-color:#83b2a666}
.light-trace{position:absolute;inset:-20%;background:conic-gradient(from 200deg at 73% 50%,transparent 0deg,#d7b96c19 7deg,transparent 17deg,#62b99516 35deg,transparent 48deg);transform:rotate(calc(var(--page-tone,0)*55deg));transition:transform .2s linear}
@keyframes silkDrift{to{transform:rotate(-8deg) translateY(3%);opacity:.5}}
.hero{min-height:900px;overflow:clip}.hero-copy{position:relative;z-index:2;width:54%;pointer-events:none}.hero-copy a{pointer-events:auto}.hero h1 .hero-gold{max-width:570px}.hero h1 .hero-standard{font-size:.52em}.hero-bottom{z-index:3}
.product-theatre{position:absolute;right:-1%;top:20%;width:48%;height:66%;perspective:1400px;transform-style:preserve-3d;transform:rotateY(var(--look-x,0deg)) rotateX(var(--look-y,0deg));z-index:1}
.product-panel{position:absolute;display:block;width:58%;aspect-ratio:668/840;left:23%;top:8%;border:1px solid #ead5a49c;padding:5px;background:#16392a;box-shadow:0 30px 75px #0009;transform-style:preserve-3d;will-change:transform;transition:filter .4s}
.product-panel img{display:block;width:100%;height:100%;object-fit:cover}.product-panel:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 28%,#fff5ca28 48%,transparent 55%);background-size:300% 100%;animation:panelLight 11s ease-in-out infinite;pointer-events:none}.product-panel:hover{filter:brightness(1.12)}
.panel-main{transform:translate3d(calc(var(--depart,0)*-40px),calc(var(--depart,0)*-130px),90px) rotateY(-12deg) rotateZ(-5deg);z-index:3}
.panel-back{width:44%;left:3%;top:-1%;filter:brightness(.65);transform:translate3d(calc(var(--depart,0)*-90px),calc(var(--depart,0)*-50px),-150px) rotateY(23deg) rotateZ(-16deg);z-index:1}
.panel-side{width:46%;left:57%;top:22%;filter:brightness(.8);transform:translate3d(calc(var(--depart,0)*80px),calc(var(--depart,0)*-220px),-100px) rotateY(-26deg) rotateZ(14deg);z-index:2}
.product-panel>span{position:absolute;bottom:0;left:0;right:0;padding:13px 16px;background:#061d15ed;color:#ead39c;font:9px 'Courier New',monospace;letter-spacing:.13em;display:flex;justify-content:space-between}.product-panel b{font-size:17px}
.theatre-orbit{position:absolute;inset:-15% -25%;border:1px solid #ddc07d33;border-radius:50%;transform:rotateZ(-30deg) rotateY(50deg);box-shadow:0 0 80px #b39a3712}
.theatre-label{position:absolute;bottom:0;left:20%;font:10px 'Courier New',monospace;letter-spacing:.1em;line-height:1.8;color:#b6c2b4}.theatre-label strong{font-weight:400;color:#ead5a2}.theatre-disclaimer{position:absolute;bottom:-30px;left:20%;font-size:8px;color:#adbaad}
@keyframes panelLight{0%,25%{background-position:100% 0}65%,100%{background-position:0 0}}
.sports{height:auto!important;padding:95px 6% 110px;background:linear-gradient(135deg,#09261de8,#081711bc)}.sports .section-meta{margin-bottom:70px}.coverage-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;align-items:center}.coverage-layout h2{font-size:clamp(50px,6vw,96px);margin:25px 0}.coverage-layout p{line-height:1.8;color:#b7c7b7}.coverage-layout .explore-link{display:inline-block;margin-top:24px}.coverage-list>div{display:flex;align-items:center;gap:25px;border-top:1px solid #adbc9133;padding:22px 0;transition:padding .3s,color .3s}.coverage-list>div:hover{padding-left:15px;color:#ead3a0}.coverage-list span{font:9px monospace;color:#a9ae87}.coverage-list strong{font:500 clamp(23px,3vw,45px) Outfit;letter-spacing:-.04em;text-transform:uppercase}.coverage-list i{margin-left:auto;font-style:normal;color:#d7ba78}
.paused .silk,.paused .product-panel:after{animation-play-state:paused}
@media(max-width:900px) and (min-width:701px){.product-theatre{top:27%}.hero h1 .hero-standard{font-size:.48em}.hero .membership-cta{min-width:210px}.hero-actions{gap:15px}}
@media(max-width:700px){.hero{min-height:1050px}.hero-copy{width:100%}.hero h1 .hero-standard{font-size:.61em}.product-theatre{top:550px;left:5%;right:auto;width:90%;height:350px}.product-panel{width:49%;left:24%;top:0}.panel-back{width:37%;left:5%;top:-5%}.panel-side{width:39%;left:60%;top:15%}.product-panel>span{font-size:6px;padding:8px}.theatre-label{font-size:8px;left:17%;bottom:0}.theatre-disclaimer{font-size:7px;left:17%;bottom:-18px}.hero-bottom{bottom:22px}.coverage-layout{grid-template-columns:1fr;gap:40px}.sports{padding:65px 7%}.sports .section-meta{margin-bottom:45px}.coverage-layout h2{font-size:15vw}.coverage-list>div{padding:16px 0}.silk{width:220vw;height:180vw;right:-130vw;top:-25vh}.silk-two{top:40vh}.coverage-list strong{font-size:30px}}
@media(prefers-reduced-motion:reduce){.silk,.product-panel:after{animation:none}.product-panel{will-change:auto}}
/* Winners' Circle: a procession through illuminated architectural frames. */
.wins{height:680vh;background:none}.wins-pin{isolation:isolate;background:radial-gradient(ellipse at 72% 46%,#65866b30,transparent 56%),linear-gradient(100deg,#020b08ed,#0d21198a)}
.win-stage{perspective:1200px;perspective-origin:65% 45%}.win-card{top:47%;left:64%;height:68svh;width:54.1svh;border-radius:18px;padding:8px;background:linear-gradient(135deg,#d3d7ae70,#264c3fbb 15%,#0d211af2 70%,#b49a5b88);border:1px solid #e3d0a28c;box-shadow:0 50px 90px #0009,inset 0 0 0 2px #e7f6dd1a;transform:translate(-50%,-50%) translate3d(var(--travel-x,0px),var(--travel-y,0px),var(--travel-z,0px)) rotateY(var(--turn,0deg)) rotateZ(var(--roll,0deg));transition:none}
.win-card img,.win-card.selected img{border-radius:11px;filter:none;object-fit:contain;background:#06130d}.win-card .image-shard{display:none}.win-card:before{inset:-13px;border-radius:28px;border:1px solid #cbdeb649;box-shadow:0 0 24px #cfb77816}.win-card:after{border-radius:14px;opacity:.35}.win-card .foil-edge{border-radius:18px;border-image:none;border:1px solid #d2d8b349;inset:4px}
.win-sculpture{display:block;z-index:-1;left:68%;top:-25%;height:160%;width:60%;transform:translateX(-50%) rotate(-20deg);filter:none;perspective:1000px}
.win-sculpture i{display:block;left:0;top:calc(var(--i)*6%);width:100%;height:55%;border-radius:26%;border:1px solid #d3c39366;background:linear-gradient(120deg,#d9c59413,transparent 20%,#559d7411 80%,#edd19c26);box-shadow:inset 5px 0 2px #fcf2d126,inset -8px 0 6px #85b99720,0 0 0 5px #c5d8ad05;transform:rotateY(calc(-25deg + var(--wins-progress,0)*50deg)) rotateZ(calc(var(--i)*7deg)) translateZ(calc(var(--i)*-40px));}
.win-dust{display:block;z-index:-1;opacity:.35}.win-type{font-size:17vw;top:20%;opacity:.7;transform:translateX(calc(var(--wins-progress,0)*-15%)) rotate(-8deg)}.win-copy{max-width:27%;bottom:17%;z-index:40}.win-copy h2{font-size:clamp(29px,3.2vw,52px)}.win-result strong{font-size:clamp(34px,3.8vw,58px)}.win-copy .results-context{font-size:9px!important;line-height:1.6}.win-ambient{opacity:.15;filter:blur(45px) saturate(.7)}
@media(max-width:700px){.wins{height:680vh}.wins-pin{min-height:800px}.win-stage{perspective:950px;perspective-origin:50% 35%}.win-card{left:50%;top:33%;height:min(43svh,85vw);width:min(34.2svh,67.6vw);padding:5px;border-radius:13px}.win-copy{bottom:90px;left:7%;max-width:86%}.win-copy h2{font-size:29px;max-width:320px}.win-result strong{font-size:32px}.win-copy .results-context{font-size:8px!important;max-width:320px}.win-sculpture{width:100%;left:55%;top:-22%;height:140%;opacity:.7}.win-type{font-size:30vw;top:13%}.wins .section-meta{font-size:7px}.win-orbit-label{display:none}}
/* Gallery exit dissolves into the shared environment before the next chapter arrives. */
.wins-pin{background:transparent}.wins-pin:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 72% 46%,#65866b30,transparent 56%),linear-gradient(100deg,#020b08ed,#0d21198a);opacity:calc(1 - var(--exit,0));pointer-events:none}
.wins-layout{opacity:calc(1 - var(--exit,0));transform:translateY(calc(var(--exit,0)*-65px)) scale(calc(1 - var(--exit,0)*.055));transform-origin:65% 40%}.win-sculpture{opacity:calc(1 - var(--exit,0));translate:0 calc(var(--exit,0)*-80px)}.win-ambient,.win-type,.win-dust,.wins-bottom,.wins .section-meta,.win-orbit-label{opacity:calc(1 - var(--exit,0))}.win-ambient{opacity:calc(.15*(1 - var(--exit,0)))}.win-type{opacity:calc(.7*(1 - var(--exit,0)))}.win-dust{opacity:calc(.35*(1 - var(--exit,0)))}
.community{background:linear-gradient(transparent,#071911c9 45%);position:relative}.community:before{content:'';position:absolute;top:-120px;left:0;right:0;height:120px;background:linear-gradient(transparent,#07191100);pointer-events:none}
/* Keep the story in document flow: no negative-margin overlap at any viewport. */
.story h2{font-size:clamp(55px,7.8vw,128px);max-width:100%;line-height:.98;overflow-wrap:normal}.story-copy{margin:50px 0 65px auto;max-width:48%;position:relative}.story-copy p{line-height:1.8}.reviews{display:grid;grid-template-columns:minmax(190px,.7fr) minmax(0,1.5fr) auto;gap:35px}.reviews h3{line-height:1.08}.rating-stars{display:inline-block!important;position:relative;white-space:nowrap;font-family:Arial,sans-serif;font-size:28px!important;letter-spacing:3px;line-height:1.2;color:#586149!important;width:auto!important}.rating-stars>span{color:inherit;font:inherit;letter-spacing:inherit}.rating-stars .rating-fill{position:absolute;left:0;top:0;width:96.4%;overflow:hidden;color:#dcc382}.rating-summary>strong{display:block;font:600 46px Outfit;margin:10px 0;color:#e8d69e}.rating-summary>strong>span{font-size:17px;color:#acb8a8}.rating-summary p{font-size:11px!important}.rating-summary small{font-size:9px;color:#92a38d;display:block;margin-top:8px}.review-link .rating-stars{font-size:15px!important;letter-spacing:1px}.review-link>b{font-weight:400}.review-link .rating-fill{color:#dcc382!important}
@media(max-width:700px){.story h2{font-size:12.8vw;line-height:1.04}.story h2 em{max-width:100%}.story-copy{margin:35px 0 45px;max-width:100%}.reviews{grid-template-columns:1fr;gap:28px}.reviews h3{font-size:28px}.reviews .circle-link{justify-self:start}.rating-stars{font-size:26px!important}.reviews p:last-child{max-width:100%}.rating-summary>strong{font-size:39px}}
@media(prefers-reduced-motion:reduce){.wins-layout{transform:none;opacity:1}.win-sculpture{translate:none}}
/* Visible idle movement on the product composition, independent of pointer input. */
.product-panel{animation:productDrift 9s ease-in-out infinite alternate}.panel-back{animation-duration:11s;animation-delay:-4s}.panel-side{animation-duration:10s;animation-delay:-6s}
@keyframes productDrift{from{translate:0 -9px;rotate:-2deg}to{translate:0 13px;rotate:3deg}}
.theatre-orbit{animation:orbitBreathe 15s ease-in-out infinite alternate}@keyframes orbitBreathe{to{transform:rotateZ(-12deg) rotateY(65deg);opacity:.45}}
.win-sculpture i{animation:frameBreathe 10s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.6s);border-width:2px;border-top-color:#f0d79c9c;border-right-color:#70977d44;background:linear-gradient(115deg,#e8d8ae2e,transparent 14%,#e2dabc08 47%,#fff2c43d 49%,#335d4920 54%,transparent 83%,#e5c48b3d);box-shadow:inset 8px 0 5px #f7e6b52b,inset -12px 0 10px #78b19925,0 0 0 5px #d3dbb20a}
@keyframes frameBreathe{from{translate:-8px -12px;rotate:-3deg}to{translate:16px 12px;rotate:4deg}}
.wins-pin{mask-image:linear-gradient(#000 0%,#000 86%,transparent 100%)}
.paused .product-panel,.paused .theatre-orbit,.paused .win-sculpture i{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.product-panel,.theatre-orbit,.win-sculpture i{animation:none!important}}
/* Crossfade two complete sections in the same viewport. */
.wins-pin{mask-image:none}
.community{margin-top:-100svh;z-index:3;opacity:var(--entry,0);transform:translateY(var(--entry-lift,0px));background:radial-gradient(ellipse at 20% 45%,#274938b8,transparent 60%),linear-gradient(135deg,#061b14f5,#10281ff5);will-change:opacity,transform}
.community:before{display:none}.wins-layout{transform:scale(calc(1 - var(--exit,0)*.045));opacity:calc(1 - var(--exit,0))}
@media(prefers-reduced-motion:reduce){.community{transform:none;opacity:1;will-change:auto}}
/* Stable CSS pinning replaces scroll-by-scroll counter-transforms. */
.community-track{position:relative;z-index:3;margin-top:-200svh;padding-bottom:100svh;pointer-events:none}
.community-track .community{position:sticky;top:0;margin-top:0;transform:none;will-change:opacity;transition:opacity 100ms linear}
.wins-layout,.wins-pin:before,.win-sculpture,.win-ambient,.win-type,.wins-bottom{transition:opacity 100ms linear}
.product-panel{appearance:none;color:inherit;cursor:pointer;animation:none!important;left:23%;top:8%;width:58%;transition:transform 1.35s cubic-bezier(.22,.75,.18,1),filter 1.35s,opacity 1.35s;translate:none;rotate:none}
.product-panel[data-slot="0"]{transform:translate3d(0,calc(var(--depart,0)*-100px),90px) rotateY(-9deg) rotateZ(-4deg);z-index:3;filter:brightness(1);opacity:1}
.product-panel[data-slot="1"]{transform:translate3d(48%,10%,-140px) rotateY(-34deg) rotateZ(12deg);z-index:2;filter:brightness(.72);opacity:1}
.product-panel[data-slot="2"]{transform:translate3d(-50%,-9%,-190px) rotateY(32deg) rotateZ(-14deg);z-index:1;filter:brightness(.65);opacity:1}
.product-panel:focus-visible{outline:3px solid #edcf83;outline-offset:6px}.product-panel>span{pointer-events:none}
header .brand,footer .brand{font-family:Outfit,Arial,sans-serif;font-weight:800;letter-spacing:-.04em}header nav{font-family:Outfit,Arial,sans-serif;font-weight:600;letter-spacing:.025em}header nav a{position:relative}header nav a:after{content:'';position:absolute;left:0;right:0;bottom:-9px;height:2px;background:#e9c879;transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:after{transform:scaleX(1)}
/* Gold capsule with an inset moving light and directional arrow, no raised block. */
a.button,a.button.small,.hero a.membership-cta,.onboarding a.button{position:relative;isolation:isolate;overflow:hidden;border-radius:50px;border:1px solid #ebd293a8;background:linear-gradient(115deg,#e5c17a,#ffe5a0 45%,#d4aa5a);box-shadow:0 0 26px #e6b95425,inset 0 1px 0 #fff5d580;padding:19px 27px;color:#082319;gap:36px;font-family:Outfit,Arial,sans-serif;font-weight:650;letter-spacing:.04em;transition:box-shadow .35s,transform .35s}
a.button:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 25%,#fff8debb 48%,transparent 70%);transform:translateX(-120%);transition:transform .65s ease}
a.button:hover:before{transform:translateX(120%)}a.button:hover{transform:translateY(-3px);box-shadow:0 8px 35px #e6b95455,inset 0 0 0 1px #fff3c5;background:linear-gradient(115deg,#e5c17a,#ffe5a0 45%,#d4aa5a)}
a.button span,a.button.small span,.hero a.membership-cta span{width:26px;height:26px;border:0;background:none;clip-path:none;border-radius:0;color:#082319;font-size:27px;transition:transform .35s}
a.button:hover span{transform:translate(4px,-4px);clip-path:none}header a.button.small{padding:13px 20px;font-size:10px;gap:23px}.hero a.membership-cta{min-width:240px}
@media(max-width:700px){.product-panel{width:49%;left:24%;top:0}.hero a.membership-cta{min-width:180px;padding:15px 19px;font-size:10px;gap:19px}header a.button.small{padding:10px 13px;font-size:9px;gap:12px}a.button span,a.button.small span{font-size:22px;width:22px;height:22px}}
.paused .product-panel{transition:none}@media(prefers-reduced-motion:reduce){.product-panel,a.button,.community-track .community{transition:none}}
a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):active{border-radius:50px;background:linear-gradient(115deg,#e5c17a,#ffe5a0 45%,#d4aa5a);font-family:Outfit,Arial,sans-serif;box-shadow:0 0 26px #e6b95425,inset 0 1px 0 #fff5d580}
a.button:is([href*="whop.com"],.support-cta):hover{background:linear-gradient(115deg,#e5c17a,#ffe5a0 45%,#d4aa5a);box-shadow:0 8px 35px #e6b95455,inset 0 0 0 1px #fff3c5;transform:translateY(-3px)}a.button:is([href*="whop.com"],.support-cta):hover span{transform:translate(4px,-4px)}
.community-track{padding-bottom:0}.community-track .community{align-self:start}
/* Flatten the hit-testing plane: rear artwork must receive clicks on every exposed edge. */
.product-theatre{transform-style:flat;transform:none;pointer-events:none}.product-panel{pointer-events:auto;transform-style:flat;transition-duration:2.1s}
.theatre-orbit,.theatre-label,.theatre-disclaimer,.product-panel img,.product-panel:before,.product-panel:after{pointer-events:none}
.product-panel[data-slot="0"]{transform:translate(0,calc(var(--depart,0)*-100px)) rotateY(-9deg) rotateZ(-4deg) scale(1.06)}
.product-panel[data-slot="1"]{transform:translate(53%,10%) rotateY(-29deg) rotateZ(12deg) scale(.81)}
.product-panel[data-slot="2"]{transform:translate(-53%,-9%) rotateY(29deg) rotateZ(-14deg) scale(.78)}
/* A wide, spaced wordmark instead of the previous heavy rounded lettering. */
header .brand .brand-wordmark,footer .brand .brand-wordmark{display:inline-flex;align-items:baseline;font-family:Manrope,Arial,sans-serif;font-size:19px;font-weight:500;letter-spacing:.16em;transform:scaleY(.88);color:#f1eddb}
.brand .brand-wordmark>span{font-weight:800;letter-spacing:.06em;color:#dfc486}.brand-logo{margin-right:4px}
/* Faceted membership ticket: offset corners, restrained type, no arrow glyph. */
a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):active{border:0;border-radius:0;clip-path:polygon(15px 0,calc(100% - 30px) 0,100% 50%,calc(100% - 15px) 100%,0 100%,0 15px);background:linear-gradient(115deg,#a97e37,#f5d993 33%,#e3b865 75%,#b68b42);font-family:Manrope,Arial,sans-serif;font-weight:600;font-size:11px;letter-spacing:.16em;padding:23px 40px 23px 28px;box-shadow:inset 0 0 0 1px #fff0c67a;text-transform:uppercase;filter:drop-shadow(0 0 13px #edc27344);transition:filter .35s,transform .35s,letter-spacing .35s}
a.button:is([href*="whop.com"],.support-cta) span{display:none!important}
a.button:is([href*="whop.com"],.support-cta):after{content:'';position:absolute;right:24px;top:28%;height:44%;width:1px;background:#173b2766;transform:rotate(22deg);transition:right .35s,background .35s}
a.button:is([href*="whop.com"],.support-cta):hover{filter:drop-shadow(0 0 22px #edc27388);transform:translateY(-2px);letter-spacing:.2em}
a.button:is([href*="whop.com"],.support-cta):hover:after{right:17px;background:#fff7de}
a.button:is([href*="whop.com"],.support-cta):focus-visible{outline:3px solid #fff0b8;outline-offset:6px;filter:drop-shadow(0 0 10px #fff0b8)}
a.persistent-join:is([href*="whop.com"],.support-cta){padding:17px 32px 17px 22px;font-size:9px}.hero a.membership-cta{min-width:245px}
@media(max-width:700px){header .brand .brand-wordmark{font-size:13px;letter-spacing:.09em}.brand-logo{width:37px;height:37px}a.persistent-join:is([href*="whop.com"],.support-cta){padding:14px 25px 14px 15px;font-size:8px;letter-spacing:.1em}.hero a.membership-cta:is([href*="whop.com"],.support-cta){min-width:190px;padding:20px 30px 20px 20px;font-size:9px;letter-spacing:.12em}.closing a.button:is([href*="whop.com"],.support-cta){font-size:9px;padding:22px 35px 22px 22px}}
/* Parallel edges, full luminous perimeter — inspired by Codrops' SVG border studies. */
a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):active{clip-path:polygon(var(--button-slant,18px) 0,100% 0,calc(100% - var(--button-slant,18px)) 100%,0 100%);box-shadow:none;justify-content:center;padding-left:36px;padding-right:36px;letter-spacing:.16em;background:linear-gradient(115deg,#b58d47,#efd392 48%,#cfa65c);filter:brightness(1);transition:filter .35s,transform .35s}
a.button:is([href*="whop.com"],.support-cta):after{display:none}a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):focus-visible{filter:brightness(1.14);transform:translateY(-2px)}
.button-perimeter{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:visible;fill:none;stroke-linejoin:round}.perimeter-base{stroke:#fff1c4;stroke-width:1;opacity:.55;transition:opacity .35s,stroke-width .35s}.perimeter-light{stroke:#fffdf0;stroke-width:2;stroke-dasharray:16 84;animation:perimeterTravel 5s linear infinite;filter:drop-shadow(0 0 3px #fff4ca)}
a.button:hover .perimeter-base,a.button:focus-visible .perimeter-base{opacity:1;stroke-width:1.8}a.button:hover .perimeter-light{stroke-width:3}
@keyframes perimeterTravel{to{stroke-dashoffset:-100}}
.paused .perimeter-light{animation-play-state:paused}@media(prefers-reduced-motion:reduce){.perimeter-light{animation:none}}
/* Each chapter has its own arrangement of the gallery's translucent sculptural frames. */
.hero,.chapter,.newsletter,.closing{isolation:isolate;position:relative}
.chapter-atmosphere{position:absolute;inset:0;overflow:hidden;z-index:-1;pointer-events:none;contain:paint;mask-image:linear-gradient(transparent,#000 12%,#000 85%,transparent)}
.chapter-atmosphere .frame-field{position:absolute;inset:-15%;perspective:1000px;transform:translateY(var(--atmosphere-shift,0px))}
.chapter-atmosphere i{position:absolute;left:48%;top:calc(8% + var(--layer)*5%);width:64%;height:65%;border:1px solid #dbc68c50;border-radius:24%;background:linear-gradient(118deg,#ebd6991c,transparent 22%,#9dccb40a 60%,#e9cf9825);box-shadow:inset 5px 0 4px #f6e5b719,inset -7px 0 6px #78b7991c;transform:rotate(-24deg) rotateY(-28deg) rotateZ(calc(var(--layer)*8deg));animation:chapterFrame 18s ease-in-out infinite alternate;animation-delay:calc(var(--layer)*-2s);animation-play-state:paused}
.atmosphere-visible .chapter-atmosphere i{animation-play-state:running}
.chapter-atmosphere:after{content:'';position:absolute;inset:-15%;background:radial-gradient(ellipse at 72% 48%,#8bbd8e25,transparent 55%);animation:chapterLight 14s ease-in-out infinite alternate;animation-play-state:paused}
.atmosphere-visible .chapter-atmosphere:after{animation-play-state:running}
.community .chapter-atmosphere i{left:-15%;width:75%;height:75%;border-radius:48%;border-color:#93bda65c}.community .chapter-atmosphere:after{background:radial-gradient(ellipse at 20% 50%,#77b59b2a,transparent 60%)}
.tools .chapter-atmosphere i{left:38%;top:calc(-12% + var(--layer)*10%);border-radius:8%;height:90%;border-color:#93bdb755}.tools .chapter-atmosphere:after{background:radial-gradient(ellipse at 75% 40%,#519eac30,transparent 60%)}
.onboarding .chapter-atmosphere{opacity:.6}.onboarding .chapter-atmosphere i{border-color:#45644055;background:linear-gradient(115deg,#46653918,transparent 50%,#9a78382a);left:60%;border-radius:5%;box-shadow:none}
.story .chapter-atmosphere i{left:28%;width:90%;height:105%;top:calc(-28% + var(--layer)*9%);border-radius:48%;border-color:#d7b57255}.story .chapter-atmosphere:after{background:radial-gradient(ellipse at 70% 65%,#bd94432c,transparent 65%)}
.faq .chapter-atmosphere{opacity:.4}.faq .chapter-atmosphere i{left:65%;border-radius:40%;width:50%}
.newsletter .chapter-atmosphere i{left:-15%;top:calc(-65% + var(--layer)*13%);border-radius:50%;width:80%;height:200%}
.closing .chapter-atmosphere i{left:15%;width:70%;height:145%;top:calc(-55% + var(--layer)*10%);border-radius:35%}.closing .chapter-atmosphere:after{background:radial-gradient(ellipse at 50% 60%,#d3ba6433,transparent 65%)}
@keyframes chapterFrame{to{transform:translate3d(-3%,5%,0) rotate(-10deg) rotateY(18deg) rotateZ(calc(var(--layer)*8deg));border-top-color:#f5dba788}}
@keyframes chapterLight{to{transform:translate(-7%,6%) scale(1.15);opacity:.5}}
.paused .chapter-atmosphere i,.paused .chapter-atmosphere:after{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.chapter-atmosphere i,.chapter-atmosphere:after{animation:none!important}.chapter-atmosphere .frame-field{transform:none}}
@media(max-width:700px){.chapter-atmosphere i{width:110%;left:30%}.chapter-atmosphere i:nth-child(n+5){display:none}.chapter-atmosphere{opacity:.7}}
/* Caption belongs to whichever artwork is currently featured. */
.product-panel>span{opacity:0;transition:opacity .3s ease;pointer-events:none}
.product-panel[data-slot="0"]>span{opacity:1;transition:opacity .65s ease 1.4s}
.paused .product-panel[data-slot="0"]>span{transition-delay:0s}
@media(prefers-reduced-motion:reduce){.product-panel>span{transition:none!important}}
/* Render a static arrangement once, then move its parent with compositor transforms.
   Large animated borders/shadows and overlapping 3D layers were costly to repaint. */
.chapter-atmosphere{mask-image:none}.chapter-atmosphere .frame-field{perspective:none;animation:atmosphereGlide 20s ease-in-out infinite alternate;animation-play-state:paused;transform:translate3d(0,0,0)}
.chapter-atmosphere i{animation:none!important;box-shadow:none!important;transform:rotate(calc(-24deg + var(--layer)*8deg));border-color:#dbc68c50}
.atmosphere-visible .frame-field{animation-play-state:running}
.chapter-atmosphere:after{animation:none!important;transform:none}
.closing .chapter-atmosphere i{height:105%;top:calc(-20% + var(--layer)*8%)}
@keyframes atmosphereGlide{to{transform:translate3d(-2%,2%,0) rotate(3deg)}}
.world .silk{animation:none}.product-panel:after{animation-play-state:paused}.effects-visible .product-panel:after{animation-play-state:running}
.wins:not(.effects-visible) .win-sculpture i,.wins:not(.effects-visible) .win-dust,.tools:not(.effects-visible) .radar i,.tools:not(.effects-visible) .data i{animation-play-state:paused}
.paused .frame-field{animation-play-state:paused!important}
@media(prefers-reduced-motion:reduce){.chapter-atmosphere .frame-field{animation:none!important}}
/* A single border animation, without competing hover transforms or filter repaints. */
a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):active,a.button:is([href*="whop.com"],.support-cta):focus-visible{filter:none;transform:none;transition:none;backdrop-filter:none}
a.button:is([href*="whop.com"],.support-cta):before{display:none}
.perimeter-light{filter:none;stroke-width:2;transition:stroke-dasharray .65s cubic-bezier(.22,.61,.36,1);animation-play-state:paused}
.perimeter-visible .perimeter-light{animation-play-state:running}
.perimeter-held .perimeter-light,.paused .perimeter-light{animation-play-state:paused}
.perimeter-filled .perimeter-light{stroke-dasharray:100 0}
a.button:hover .perimeter-light{stroke-width:2}
a.button:hover .perimeter-base,a.button:focus-visible .perimeter-base{opacity:.55;stroke-width:1}
/* Slower perimeter, with a restrained glow and lift on interaction. */
.perimeter-light{animation-duration:9s;transition:stroke-dasharray 1.15s cubic-bezier(.22,.61,.36,1)}
a.button:is([href*="whop.com"],.support-cta){transition:transform .35s ease,filter .35s ease;filter:brightness(1);transform:translateY(0)}
a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):focus-visible{transform:translateY(-3px);filter:brightness(1.12) drop-shadow(0 0 7px #ffe6a980)}
a.button:is([href*="whop.com"],.support-cta):active{transform:translateY(-1px)}
a.button:is([href*="whop.com"],.support-cta):hover .perimeter-light,a.button:is([href*="whop.com"],.support-cta):focus-visible .perimeter-light{filter:drop-shadow(0 0 3px #fff4c9)}
@media(prefers-reduced-motion:reduce){a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):focus-visible{transform:none}.perimeter-light{transition:none}}
/* A shared dark seam lets each section's lighting emerge gradually. */
.community{background:linear-gradient(#071b14,#10281f 35%,#071b14)}
.tools{background:linear-gradient(#071b14,#091f20 30%,#091b1a 75%,#071b14)}
.story,.faq,.newsletter,.closing{background:linear-gradient(#071b14,#0b231b 35%,#0b231b 65%,#071b14)}
footer{background:#071b14}
.chapter-atmosphere{mask-image:linear-gradient(to bottom,transparent,#000 160px,#000 calc(100% - 160px),transparent)}
/* Broad continuous arcs replace the oversized rectangular panels. */
.tools .chapter-atmosphere i,.closing .chapter-atmosphere i{left:26%;top:calc(-38% + var(--layer)*12%);width:110%;height:140%;border-radius:50%;background:linear-gradient(120deg,#e8d3970a,transparent 50%,#8cbca615);border-color:#b1c7a936;transform:rotate(calc(-32deg + var(--layer)*9deg)) scaleY(.72)}
.closing .chapter-atmosphere i{left:-8%;width:115%;top:calc(-60% + var(--layer)*17%);height:165%;border-color:#dcc48a40;transform:rotate(calc(-20deg + var(--layer)*9deg)) scaleY(.7)}
.closing .chapter-atmosphere:after{background:radial-gradient(ellipse at 50% 52%,#d3ba6426,transparent 65%)}
/* The navigation's Outfit lettering carries through the brand and calls to action. */
header .brand .brand-wordmark,footer .brand .brand-wordmark{font-family:Outfit,Arial,sans-serif;font-size:27px;font-weight:600;letter-spacing:.015em;transform:none;color:#e3bc68}
header .brand .brand-wordmark>span,footer .brand .brand-wordmark>span{font-family:inherit;font-weight:600;letter-spacing:inherit;color:#8fbc96}
a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):active,a.button:is([href*="whop.com"],.support-cta):focus-visible{font-family:Outfit,Arial,sans-serif;font-weight:600;letter-spacing:.025em;font-size:13px}
a.persistent-join:is([href*="whop.com"],.support-cta){font-size:10px;letter-spacing:.025em}
@media(max-width:700px){header .brand .brand-wordmark{font-size:18px;letter-spacing:0}a.persistent-join:is([href*="whop.com"],.support-cta){font-size:9px;letter-spacing:.025em}.hero a.membership-cta:is([href*="whop.com"],.support-cta),.closing a.button:is([href*="whop.com"],.support-cta){font-size:11px;letter-spacing:.025em}.chapter-atmosphere{mask-image:linear-gradient(transparent,#000 100px,#000 calc(100% - 100px),transparent)}}
/* Staggered letter roll complements the perimeter filling around the label. */
a.button:is([href*="whop.com"],.support-cta) .cta-letter-roll{display:block!important;position:relative;width:auto;height:1.35em;line-height:1.35;overflow:hidden;flex:none;border:0;border-radius:0;background:none;clip-path:none;color:inherit;font:inherit;letter-spacing:inherit;transform:none!important;pointer-events:none}
a.button:is([href*="whop.com"],.support-cta) .cta-letter-line{display:block!important;width:auto;height:auto;font:inherit;letter-spacing:inherit;color:inherit;background:none;border:0;clip-path:none;transform:none!important;white-space:nowrap}
a.button:is([href*="whop.com"],.support-cta) .cta-letter-line:nth-child(2){position:absolute;inset:0}
.cta-letter-line i{display:inline-block;font-style:normal;transition:transform .52s cubic-bezier(.22,.75,.2,1);transition-delay:var(--letter-delay)}
.cta-letter-line:first-child i{transform:translateY(0)}.cta-letter-line:nth-child(2) i{transform:translateY(115%)}
a.button:hover .cta-letter-line:first-child i,a.button:focus-visible .cta-letter-line:first-child i{transform:translateY(-115%)}
a.button:hover .cta-letter-line:nth-child(2) i,a.button:focus-visible .cta-letter-line:nth-child(2) i{transform:translateY(0)}
.paused .cta-letter-line i{transition:none}
@media(prefers-reduced-motion:reduce){.cta-letter-line i{transition:none!important}}
/* Equal inset on both sides centers the label in the parallelogram. */
a.persistent-join:is([href*="whop.com"],.support-cta){padding-left:26px;padding-right:26px}
a.button:is([href*="whop.com"],.support-cta) .cta-label{display:block!important;width:auto;height:auto;line-height:1.35;font:inherit;letter-spacing:inherit;color:inherit;position:relative;background:none;border:0;border-radius:0;clip-path:none;pointer-events:none;transform:scale(1)!important;transition:transform .45s cubic-bezier(.22,.61,.36,1);transform-origin:center}
a.button:is([href*="whop.com"],.support-cta):hover .cta-label,a.button:is([href*="whop.com"],.support-cta):focus-visible .cta-label{transform:scale(1.045)!important;background:linear-gradient(110deg,#082319 30%,#fff7dd 47%,#082319 64%);background-size:300% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:labelGlint 1.1s ease-out forwards}
@keyframes labelGlint{from{background-position:100% 0}to{background-position:0% 0}}
@media(max-width:700px){a.persistent-join:is([href*="whop.com"],.support-cta){padding-left:19px;padding-right:19px}}
.paused a.button:is([href*="whop.com"],.support-cta) .cta-label{animation:none!important;transition:none}
@media(prefers-reduced-motion:reduce){a.button:is([href*="whop.com"],.support-cta) .cta-label{animation:none!important;transition:none;transform:none!important;background:none!important;color:inherit!important}}
/* Scroll through a three-dimensional press stage, between the hero and wins. */
.press-room{position:relative;height:380svh;background:#071b14;scroll-margin-top:0}
.press-pin{position:sticky;top:0;height:100svh;min-height:650px;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at var(--press-light-x,45%) 48%,#466e5555,transparent 65%),#071b14}
.press-top{position:absolute;z-index:3;top:6%;left:6%;right:6%;display:flex;justify-content:space-between;align-items:baseline;gap:20px;flex-wrap:wrap}.press-top .eyebrow{width:100%;font-size:10px;margin:0}.press-top h2{font-size:clamp(32px,4.4vw,68px);margin:0;letter-spacing:-.035em}.press-top>span{font:8px Manrope;letter-spacing:.12em;color:#b2c6b5}.press-top em{color:#e4c783}
.press-depth{position:absolute;inset:0;perspective:1100px;perspective-origin:50% 45%;pointer-events:none}
.media-plane{position:absolute;left:50%;top:43%;width:min(55vw,720px);height:min(31vw,320px);padding:35px 45px;border-radius:18px;background:linear-gradient(130deg,#fffbea,#e0ddce);border:1px solid #fff3bc;box-shadow:0 25px 45px #0005;display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%);will-change:transform,opacity;overflow:hidden}
.media-plane:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,transparent 30%,#ffffff90 48%,transparent 58%);transform:translateX(var(--press-sheen,-100%));pointer-events:none}
.media-plane img{display:block;width:88%;height:48%;object-fit:contain;filter:none}
.media-plane-number,.media-plane-name{position:absolute;font:9px Manrope;letter-spacing:.15em;color:#354c3e;left:35px;top:24px}.media-plane-name{top:auto;bottom:22px;font-weight:700}
.press-lightfield{position:absolute;inset:-15%;z-index:-1;transform:rotate(var(--press-orbit,-20deg));pointer-events:none}.press-lightfield i{position:absolute;left:10%;top:20%;width:80%;height:60%;border:1px solid #dfca9255;border-radius:50%;transform:rotate(-30deg);background:linear-gradient(120deg,#e6c87e0a,transparent 50%,#91c9a919)}.press-lightfield i:nth-child(2){transform:rotate(25deg) scale(.85)}.press-lightfield i:nth-child(3){transform:rotate(70deg) scale(.7)}
.press-controls{position:absolute;top:70%;left:6%;right:6%;display:flex;align-items:center;justify-content:space-between;color:#e5d09b;font:10px Manrope;letter-spacing:.1em}.press-controls>div{display:flex;gap:12px}.press-controls button{border:1px solid #bfa66c77;color:#f1ddb0;background:transparent;border-radius:50%;width:40px;height:40px;font-size:21px}.press-controls button:disabled{opacity:.25}.press-controls a{border-bottom:1px solid #dbc28677;padding:10px 0}
.brand-connections{position:absolute;bottom:5%;left:6%;right:6%;border-top:1px solid #ddcc9533;padding-top:22px}.brand-connections .eyebrow{font-size:8px;margin:0 0 20px;color:#a5bdab}.brand-connections>div{display:flex;align-items:center;justify-content:space-between;gap:40px}.brand-connections img{display:block;object-fit:contain;width:23%;height:38px}.brand-connections img:nth-child(2){filter:brightness(0) invert(1)}
@media(max-width:700px){.press-room{height:340svh}.press-pin{min-height:650px}.press-top{top:7%}.press-top>span{display:none}.press-top h2{font-size:9vw}.media-plane{width:80vw;height:47vw;padding:22px;top:42%;border-radius:12px}.media-plane-number,.media-plane-name{font-size:7px;left:20px;top:16px}.media-plane-name{top:auto;bottom:15px}.press-controls{top:62%;font-size:8px}.press-controls button{width:34px;height:34px}.brand-connections{bottom:9%}.brand-connections>div{gap:17px}.brand-connections img{width:29%;height:30px}}
@media(prefers-reduced-motion:reduce){.media-plane{will-change:auto}}

/* Spotlight: luminous glass suspended inside a moving sculptural light field. */
.press-room{height:320svh;background:transparent;z-index:2}
.press-pin{min-height:0;height:100svh;background:radial-gradient(ellipse at 65% 45%,#28554b 0%,#0b2923 35%,#041510 75%);mask-image:linear-gradient(#000 0%,#000 85%,transparent 100%)}
.press-top{top:5%;gap:14px;pointer-events:none}
.press-top h2{display:flex;gap:20px;align-items:center;font-size:clamp(30px,4.8vw,76px);width:100%;line-height:1}
.press-block{display:block;width:2.4em;flex-shrink:0;filter:drop-shadow(0 3px 0 #153a29)}
.press-block svg{display:block;width:100%;fill:var(--paper)}
.press-top h2 em{color:var(--acid);-webkit-text-fill-color:transparent;-webkit-text-stroke:1px var(--acid);font-family:Outfit,Arial,sans-serif;font-weight:800;transform:skewX(-9deg)}
.press-top>span{display:none}
.press-depth{perspective:900px;perspective-origin:50% 50%;transform:translateX(var(--press-look,0px));transition:transform .8s ease-out}
.media-plane{top:47%;width:min(58vw,780px);height:min(32vw,350px);border-radius:26px;background:linear-gradient(125deg,#73988345,#052e2ae8 38%,#081d19ed 65%,#c3ac6d38);border:1px solid #ddd7a7b0;box-shadow:inset 0 1px 2px #fbf4bf80,inset 0 -3px 8px #acf8df35,0 35px 60px #0009;overflow:visible;transform-style:preserve-3d}
.media-plane:before{content:'';position:absolute;inset:-9px;border:1px solid #b5f1d65c;border-radius:32px;box-shadow:0 0 0 7px #a9d6b50b,0 0 0 8px #d3c08440,0 0 35px #91d8bf20;transform:translateZ(-18px)}
.media-plane:after{inset:0;border-radius:26px;background:linear-gradient(120deg,transparent 20%,#d7fbe818 38%,#f7e4b840 41%,transparent 47%,transparent 72%,#81ffe414);transform:none;opacity:.7;pointer-events:none}
.media-plane img{width:82%;height:42%;transform:translateZ(40px);filter:drop-shadow(0 8px 10px #0006)}
.media-plane[data-press-index="1"] img{background:#f4f0dc;padding:14px 18px;border-radius:3px;height:auto;max-height:46%}
.media-plane[data-press-index="2"] img{filter:brightness(0) invert(1) drop-shadow(0 8px 10px #0006)}
.media-plane-number,.media-plane-name{color:#d4d9bc;font:9px 'Courier New',monospace;letter-spacing:.18em}
.press-lightfield{inset:-30%;transform:rotate(var(--press-orbit,-20deg));opacity:.9}
.press-ribbon{position:absolute;inset:0;animation:pressRibbonDrift 18s ease-in-out infinite alternate;animation-play-state:paused}
.press-active .press-ribbon{animation-play-state:running}
.press-lightfield i{left:calc(20% + var(--r)*1.6%);top:calc(-20% + var(--r)*3%);width:62%;height:135%;border-radius:47%;border:1px solid #dae5b34d;background:linear-gradient(100deg,transparent 25%,#81d7bd08 47%,#cdfce42e 49%,#fbe7a254 50%,#547e6820 52%,transparent 61%);transform:rotate(-28deg);box-shadow:inset 7px 0 14px #c8e9b809}
.press-lightfield i:nth-child(2),.press-lightfield i:nth-child(3){transform:rotate(-28deg)}
.press-grain{position:absolute;inset:0;pointer-events:none;opacity:.25;background-image:radial-gradient(#eaf4c6 1px,transparent 1px),radial-gradient(#abead5 1px,transparent 1px);background-size:91px 117px,153px 137px;background-position:7px 42px,39px 10px;mask-image:radial-gradient(ellipse,#000,transparent 75%)}
.press-controls{top:72%;z-index:4}.brand-connections{bottom:5%;z-index:4}
.press-room+.wins{margin-top:-12svh}
@keyframes pressRibbonDrift{from{transform:rotate(-7deg) translate3d(-2%,0,0)}to{transform:rotate(8deg) translate3d(3%,2%,0)}}
.paused .press-ribbon{animation-play-state:paused}
@media(max-width:700px){.press-room{height:300svh}.press-top{top:7%}.press-top h2{display:block;font-size:11vw}.press-block{width:2.3em;margin-bottom:12px}.media-plane{width:78vw;height:48vw;top:46%}.press-controls{top:65%;font-size:8px}.brand-connections{bottom:7%}.press-lightfield{inset:-30% -90%}.media-plane-number,.media-plane-name{font-size:7px}.press-top h2 em{font-size:1.08em}}
@media(prefers-reduced-motion:reduce){.press-ribbon{animation:none}.press-depth{transition:none}}
/* Clip artwork without creating a nested scroll container when controls focus. */
.press-pin{overflow:clip}
.press-pin{mask-image:linear-gradient(#000 0%,#000 94%,transparent 100%)}

/* One viewport handoff: both scenes share the screen during the transition. */
.press-room{height:400svh}
.press-pin{mask-image:none;opacity:calc(1 - var(--handoff,0))}
.press-room+.wins{margin-top:-100svh;z-index:3}
.press-room+.wins .wins-pin{opacity:var(--press-entry,0);transform:translateY(calc(-1 * var(--entry-lift,0px)));overflow:clip}
.press-top,.press-depth,.press-controls,.brand-connections{will-change:auto}
@media(max-width:700px){.press-room{height:400svh}}

.press-room{height:560svh}
.media-plane[data-press-index="5"] img{filter:brightness(0) invert(1) drop-shadow(0 8px 10px #0006)}
.press-controls{top:auto;bottom:12%}
@media(max-width:700px){.press-room{height:560svh}.press-controls{top:auto;bottom:17%}}

.press-top,.press-depth,.press-controls{opacity:calc(1 - var(--press-content-exit,0))}
.press-room+.wins .wins-layout{opacity:calc(var(--press-content-entry,0) * (1 - var(--exit,0)))}
.press-room+.wins .section-meta,.press-room+.wins .wins-bottom,.press-room+.wins .win-type,.press-room+.wins .win-orbit-label{opacity:calc(var(--press-content-entry,0) * (1 - var(--exit,0)))}
.media-plane[data-press-index="1"] img{background:none;padding:0;border-radius:0;height:42%;max-height:none}

/* Continuous environment across Spotlight and Winners’ Circle. */
.press-wins-flow{isolation:isolate}
.shared-stage{position:sticky;top:0;height:0;z-index:0;pointer-events:none}
.shared-stage-inner{position:relative;height:100svh;overflow:clip;background:radial-gradient(ellipse at 65% 45%,#28554b,#0b2923 35%,#041510 75%)}
.shared-stage .press-lightfield{z-index:0;opacity:.7}
.shared-stage .press-ribbon{animation-play-state:running}
.press-pin{background:none;opacity:1}
.press-room+.wins .wins-pin:before{background:none}
.press-room+.wins .wins-pin{opacity:1}
.press-room+.wins .win-sculpture,.press-room+.wins .win-ambient,.press-room+.wins .win-dust{opacity:calc(var(--press-entry,0) * (1 - var(--exit,0)))}
.shared-stage-inner{opacity:calc(1 - var(--shared-exit,0))}
.shared-stage:not(.shared-visible) .press-ribbon,.paused .shared-stage .press-ribbon{animation-play-state:paused}
.press-room+.wins .win-ambient{opacity:calc(.12 * var(--press-entry,0) * (1 - var(--exit,0)))}
.press-room+.wins .win-dust{opacity:calc(.3 * var(--press-entry,0) * (1 - var(--exit,0)))}

/* Native sticky geometry keeps the handoff aligned with compositor scrolling.
   The first viewport of the wins track belongs to the scene handoff. */
.press-room+.wins{margin-top:-200svh;height:780svh;scroll-margin-top:calc(-100svh - 90px)}
.press-room+.wins .wins-pin{transform:none}
.media-plane[data-press-index="1"] img{filter:invert(1) drop-shadow(0 8px 10px #0006)}

/* Preserve every slide's pacing while reserving a full viewport for the first win. */
.press-room+.wins{height:880svh}

footer .footer-socials{display:flex;align-items:flex-start;gap:13px;flex-wrap:wrap;align-content:start}
footer .social-icon{display:grid;place-items:center;width:44px;height:44px;color:#b7c6ae;transition:color .25s,transform .25s,filter .25s}
footer .social-icon svg{width:25px;height:25px;fill:currentColor;display:block}
footer .social-icon:hover,footer .social-icon:focus-visible{color:#eed08b;transform:translateY(-3px);filter:drop-shadow(0 0 8px #d8bc6c55)}
@media(prefers-reduced-motion:reduce){footer .social-icon{transition:none}footer .social-icon:hover,footer .social-icon:focus-visible{transform:none}}

/* Compact footer navigation along the bottom edge. */
footer{grid-template-columns:1fr auto;gap:30px 40px}
footer>.brand{grid-column:1;grid-row:1}
footer .footer-socials{grid-column:2;grid-row:1;justify-content:flex-end}
footer .footer-links{grid-column:1/-1;grid-row:2;display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 24px;border-top:1px solid #b7c6ae24;padding-top:20px;font-size:11px;line-height:1.5}
footer .footer-links a{padding:7px 0;color:#a9bcb2;transition:color .2s}
footer .footer-links a:hover{color:#eed08b}
footer>p{grid-row:3}
footer .prototype-note{grid-column:2;grid-row:3;text-align:right}
@media(max-width:700px){footer{gap:22px 16px}footer .footer-socials{gap:3px}footer .social-icon{width:34px;height:40px}footer .social-icon svg{width:21px;height:21px}footer .footer-links{justify-content:flex-start;gap:8px 20px;font-size:10px}footer>p,footer .prototype-note{grid-column:1/-1;text-align:left}footer .prototype-note{grid-row:4}}
@media(max-width:520px){footer .footer-socials{grid-column:1/-1;grid-row:2;justify-content:flex-start;gap:14px}footer .footer-links{grid-row:3}footer>p{grid-row:4}footer .prototype-note{grid-row:5}}

.experience-controls #back-to-top{padding:5px 9px;min-height:30px;border-left:1px solid #b5c49c40;border-radius:0;color:#e9d59b;font-family:Outfit,Arial,sans-serif;font-weight:600;letter-spacing:.08em;transition:color .2s,text-shadow .2s}
.experience-controls #back-to-top:hover,.experience-controls #back-to-top:focus-visible{color:#fff4cf;text-shadow:0 0 12px #e4c48399}
.experience-controls #back-to-top[hidden]{display:none}

/* Discreet utility controls: two small outlined icons, labels on intent. */
.experience-controls{background:none;border:0;border-radius:0;padding:0;gap:8px;bottom:22px;right:24px;backdrop-filter:none}
.experience-controls #motion,.experience-controls #back-to-top{position:relative;display:grid;place-items:center;width:38px;height:38px;min-height:38px;padding:0;border:1px solid #c4d3b936;border-radius:50%;background:#071c16cc;color:#c6d0bc;box-shadow:none;text-shadow:none;transition:background .25s,border-color .25s,color .25s,transform .25s}
.experience-controls svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.experience-controls .motion-play{display:none}
.experience-controls [aria-pressed="true"] .motion-pause{display:none}
.experience-controls [aria-pressed="true"] .motion-play{display:block}
.experience-controls #motion:hover,.experience-controls #back-to-top:hover,.experience-controls button:focus-visible{border-color:#dec68a99;background:#143528;color:#f1dcab;text-shadow:none;transform:translateY(-2px)}
.experience-controls .control-hint{position:absolute;bottom:calc(100% + 10px);right:0;white-space:nowrap;pointer-events:none;background:#061a14f2;border:1px solid #c4d3b926;border-radius:4px;padding:6px 9px;font:10px Outfit,Arial,sans-serif;letter-spacing:.025em;color:#d4d9c5;opacity:0;transform:translateY(3px);transition:opacity .2s,transform .2s}
.experience-controls button:hover .control-hint,.experience-controls button:focus-visible .control-hint{opacity:1;transform:none}
.experience-controls #back-to-top[hidden]{display:none}
@media(max-width:700px){.experience-controls{bottom:16px;right:16px}.experience-controls #motion,.experience-controls #back-to-top{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.experience-controls button,.experience-controls .control-hint{transition:none!important;transform:none!important}}

/* A slower, balanced handoff; rear cards travel behind the featured artwork. */
.product-panel{transition:transform 1.8s cubic-bezier(.45,0,.2,1),filter 1.8s ease-in-out,opacity 1.8s ease-in-out;backface-visibility:hidden}
.product-panel[data-slot="0"]{transform:translate(0,calc(var(--depart,0)*-70px)) rotateY(-5deg) rotateZ(-3deg) scale(1.04)}
.product-panel[data-slot="1"]{transform:translate(48%,8%) rotateY(-20deg) rotateZ(8deg) scale(.82)}
.product-panel[data-slot="2"]{transform:translate(-48%,-6%) rotateY(20deg) rotateZ(-10deg) scale(.80)}
@media(prefers-reduced-motion:reduce){.product-panel{transition:none}}
/* Match the gallery's illuminated frame without changing the hero footprint. */
.product-panel{padding:5px;border:1px solid #ead89aa8;border-radius:14px;background:linear-gradient(135deg,#adc29566,#0b2b24 35%,#071d18 70%,#b6a66b66);box-shadow:0 28px 48px -14px #000b,0 4px 12px #0005,inset 0 0 0 1px #f1dfad29;overflow:visible}
.product-panel img{border-radius:9px}
.product-panel:before{content:'';position:absolute;inset:-7px;border:1px solid #e7d89945;border-radius:20px;box-shadow:0 0 18px #c9df9b0d;pointer-events:none}
.product-panel:after{inset:1px;border-radius:13px;background:linear-gradient(115deg,transparent 30%,#f7f0c218 46%,#fff9d72b 49%,transparent 55%);background-size:320% 100%;opacity:.65}
.product-panel[data-slot="0"]{border-color:#ecdda4dc;box-shadow:0 40px 65px -18px #000d,0 12px 25px #0006,0 0 28px #d6dc9220,inset 0 0 0 1px #ffffd54a}
.product-panel[data-slot="0"]:before{border-color:#e9dc9470}

/* Real depth sorting removes the mid-turn stacking jump. */
.product-theatre{transform-style:preserve-3d;perspective:1800px}
.product-panel{z-index:auto!important;transition:filter 1.9s ease;transform-style:preserve-3d}
.product-panel[data-slot="0"]{transform:translate3d(0,calc(var(--depart,0)*-70px),70px) rotateY(-5deg) rotateZ(-3deg) scale(1)}
.product-panel[data-slot="1"]{transform:translate3d(53%,8%,-160px) rotateY(-20deg) rotateZ(8deg) scale(.90)}
.product-panel[data-slot="2"]{transform:translate3d(-53%,-6%,-190px) rotateY(20deg) rotateZ(-10deg) scale(.89)}
.product-panel{transition:filter 1.9s cubic-bezier(.42,0,.22,1),box-shadow 1.9s ease,border-color 1.9s ease}
.product-panel:before{transition:border-color 1.9s ease}
@media(prefers-reduced-motion:reduce){.product-panel,.product-panel:before{transition:none}}

/* One continuous orbital camera path owns movement and depth lighting. */
.product-panel{transition:box-shadow 2.4s ease,border-color 2.4s ease;will-change:transform;transform-style:preserve-3d}
.product-panel:before{transition:border-color 2.4s ease}
.product-theatre{perspective:1800px;transform-style:preserve-3d}
@media(prefers-reduced-motion:reduce){.product-panel,.product-panel:before{transition:none}}
/* Equal scroll distance per card; stable small-viewport scenes on phones. */
.press-room{height:780svh}
:root{--reveal-duration:800ms;--reveal-ease:cubic-bezier(.22,.61,.36,1)}
.chapter h2,.newsletter h2,.closing h2{transition:opacity var(--reveal-duration) ease,translate var(--reveal-duration) var(--reveal-ease)}
/* Keep gallery navigation out of the fixed utility control's lane. */
.wins-bottom{right:max(88px,7%)}
.press-controls{right:max(88px,7%)}
.experience-controls{right:max(12px,env(safe-area-inset-right));bottom:max(12px,env(safe-area-inset-bottom))}
.experience-controls #back-to-top{width:44px;height:44px;min-height:44px}
.win-navigation button,.press-controls button,#close-win{min-width:44px;min-height:44px}
@media(max-width:700px){
 .press-room{height:650svh}
 .press-room+.wins{height:750svh}
 .wins-pin,.press-pin{height:100svh;min-height:0}
 .wins .section-meta{font-size:8px;top:20px}
 .wins .section-meta span:nth-child(2){display:none}
 .win-card{top:30%;height:min(39svh,78vw);width:min(31.2svh,62.4vw);max-width:68vw}
 .win-copy{left:6%;right:6%;bottom:96px;max-width:none}
 .win-copy h2{font-size:clamp(21px,6vw,27px);line-height:1.05;max-width:100%;margin-bottom:8px}
 .win-copy .eyebrow{font-size:9px;margin-bottom:8px}
 .win-result strong{font-size:30px}
 .win-result>span,.win-result p,.win-result b{font-size:9px}
 .win-copy .results-context{font-size:9px!important;line-height:1.4;max-width:100%;margin-top:8px}
 .win-copy .text-action{min-height:44px;font-size:11px;align-items:center}
 .wins-bottom{left:6%;right:76px;bottom:max(18px,env(safe-area-inset-bottom));padding-top:10px}
 .wins-bottom .tiny{display:none}
 .win-navigation{gap:8px;padding:0}
 .press-controls{left:6%;right:6%;bottom:88px;gap:10px;flex-wrap:wrap}
 .press-controls a{font-size:9px;min-height:44px;display:flex;align-items:center}
 .press-controls>div{gap:8px}
 .win-ambient{display:none}
 .win-sculpture{filter:none}
 .win-sculpture i:nth-child(n+7),.press-ribbon i:nth-child(n+6){display:none}
 .win-card,.card-caption{backdrop-filter:none}
 .image-shard{display:none}
 .chapter-atmosphere .frame-field{animation-duration:30s}
 .chapter-atmosphere i:nth-child(n+3){display:none}
 .product-panel:after{animation:none;opacity:.35}
 .product-panel{box-shadow:0 18px 30px -10px #000b,inset 0 0 0 1px #f1dfad29}
 footer .social-icon{width:44px;height:44px}
 footer .footer-links a{min-height:44px;display:flex;align-items:center}
 input,select,textarea{font-size:16px!important}
}
@media(max-width:700px) and (max-height:700px){
 .win-card{top:26%;height:30svh;width:24svh}
 .win-copy{bottom:84px}
 .win-copy h2{font-size:21px}
 .win-copy .results-context{font-size:8px!important;margin-top:4px}
 .win-copy .eyebrow{margin-bottom:5px}
 .wins .section-meta{font-size:7px;top:14px}
}
@media(max-width:700px){
 .product-panel{width:59%;left:20%}
 .product-theatre{height:390px;top:560px}
 .theatre-label{bottom:14px}
 .theatre-disclaimer{bottom:-5px}
}
@media(max-width:700px){
 .win-card{top:32%;height:min(46.8svh,93.6vw);width:min(37.44svh,74.88vw);max-width:81.6vw}
}
@media(max-width:700px) and (max-height:700px){
 .win-card{top:27%;height:36svh;width:28.8svh}
}
@media(max-width:700px) and (max-height:700px){
 .win-card{top:28%;height:44svh;width:35.2svh}
}
@media(max-width:700px) and (max-height:600px){
 .win-card{top:27%;height:40svh;width:32svh}
}
@media(max-width:700px) and (max-height:600px){
 .wins .section-meta{top:10px;font-size:6.5px}
 .win-copy h2{font-size:19px}
}

@media(max-width:700px){.product-panel{left:20.5%}.product-theatre{left:5%;width:90%;perspective-origin:50% 50%}}
/* Keep the membership action available independently of the scrolling header. */
header{z-index:100}
header:after{content:'';width:134px;flex:0 0 134px}
a.persistent-join:is([href*="whop.com"],.support-cta){position:fixed;top:max(29px,env(safe-area-inset-top));right:max(4.5%,env(safe-area-inset-right));width:134px;min-height:46px;justify-content:center;z-index:101}
@media(max-width:700px){
 header:after{width:116px;flex-basis:116px}
 a.persistent-join:is([href*="whop.com"],.support-cta){top:max(18px,env(safe-area-inset-top));right:max(6%,env(safe-area-inset-right));width:116px;min-height:44px}
 .wins .section-meta{right:150px;line-height:1.5}
 .press-top{top:86px}
}
header:after{width:154px;flex-basis:154px}
a.persistent-join:is([href*="whop.com"],.support-cta){width:154px;white-space:nowrap}
@media(max-width:700px){header:after{width:116px;flex-basis:116px}a.persistent-join:is([href*="whop.com"],.support-cta){width:116px}}

/* One compact footer baseline, wrapping naturally on phones. */
footer .footer-links{justify-content:flex-end;align-items:center}
footer .footer-rights{margin:0 auto 0 0;font-size:inherit;line-height:1.5;color:#a9bcb2}
@media(max-width:700px){footer .footer-links{justify-content:flex-start}footer .footer-rights{flex-basis:100%;margin:0}}
/* Align the social marks with the center of the footer wordmark. */
footer>.brand,footer .footer-socials{align-self:center}
footer .footer-socials{align-items:center;align-content:center}
/* Balanced visual breathing room on either side of the footer divider. */
footer{row-gap:20px}
footer .footer-links{padding-top:32px}
@media(max-width:700px){footer .footer-links{padding-top:30px}}

/* The angled sports ribbon sits inside Spotlight's continuous environment. */
.press-wins-flow>.ticker{position:relative;z-index:4}
/* Align the environment's leading edge with the ribbon's actual diagonal. */
.press-wins-flow .shared-stage-inner{top:-1.75vw;height:calc(100svh + 1.75vw);clip-path:polygon(0 3.5vw,100% 0,100% 100%,0 100%)}

/* FAQ uses the same chapter header as the preceding numbered sections. */
.faq{display:block}
.faq-layout{display:grid;grid-template-columns:1fr 1.3fr;gap:80px;align-items:start}
.faq .section-meta{width:100%}
.faq h2{font-size:clamp(52px,6.5vw,90px)}
@media(max-width:1000px){.faq-layout{gap:40px}}
@media(max-width:700px){.faq-layout{grid-template-columns:1fr;gap:32px}.faq h2{font-size:clamp(44px,14vw,70px)}}

/* One divider at the Story/FAQ boundary; existing background fades stay intact. */
.story{padding-bottom:0}
.story .reviews{border-bottom:0}
.faq{padding-top:0}

/* Keep viewport controls outside scrolling and animated ancestor layers. */
a.persistent-join:is([href*="whop.com"],.support-cta){position:fixed;z-index:1000;isolation:isolate;backface-visibility:hidden;will-change:transform;transform:translateZ(0);font-size:10px;letter-spacing:.025em}
a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible{transform:translate3d(0,-3px,0);filter:none}
.experience-controls{z-index:1001;transform:translateZ(0)}
/* One perspective per scene; flatten each framed image into a single surface. */
.wins-layout{perspective:none}
.win-card,.win-card.selected{transform-style:flat;backface-visibility:hidden;backdrop-filter:none}
.image-shard{display:none}
.win-card:after{mix-blend-mode:normal}
/* Bound decorative paint work so high-resolution Chrome does not tile enormous layers. */
.shared-stage-inner{contain:paint}
.press-lightfield{inset:-20%;transform:none}
.win-ambient{display:none}
.win-sculpture{perspective:none;filter:none}
.win-sculpture i{animation:none;transform:rotate(calc(-25deg + var(--i)*7deg));box-shadow:none}
.win-sculpture i:nth-child(n+7){display:none}
@media(max-width:700px){a.persistent-join:is([href*="whop.com"],.support-cta){font-size:9px}.win-sculpture i:nth-child(n+5){display:none}}

/* Fit the closing invitation inside phone gutters rather than cropping oversized type. */
@media(max-width:700px){
 .closing{padding:64px 6% 70px}
 .closing-logo{width:88px;height:88px;margin-bottom:24px}
 .closing .eyebrow{max-width:290px;margin:0 auto 28px;font-size:9px;line-height:1.7;letter-spacing:.12em;text-wrap:balance}
 .closing h2{font-size:clamp(36px,13.2vw,86px);line-height:1.02;letter-spacing:-.05em;max-width:100%;margin:0 auto 30px}
 .closing h2 em{display:inline-block;max-width:100%}
 .closing a.button:is([href*="whop.com"],.support-cta){width:min(100%,320px);min-height:54px;padding:18px 24px;font-size:10px}
 .closing .cta-label{white-space:normal;text-align:center}
}

/* Only the foreground media card can receive taps or keyboard focus. */
a.media-plane{color:inherit;text-decoration:none;cursor:pointer}
a.media-plane:focus-visible{outline:3px solid #ddf59a;outline-offset:8px}

/* A single native scroll handoff avoids overlapping full-page compositor layers. */
.community-track{margin-top:0;height:auto;padding-bottom:0}
.community-track .community{position:relative;top:auto;opacity:1;transform:none;transition:none;will-change:auto;mask-image:none;-webkit-mask-image:none}
.wins-layout,.wins-pin:before,.win-sculpture,.win-ambient,.win-type,.wins-bottom{transition:none}
.wins-layout{transform:none}
.win-sculpture{translate:none}
.community-track .community:before{display:block;content:'';position:absolute;top:-80px;left:0;right:0;height:80px;background:linear-gradient(transparent,#071b14);pointer-events:none}

/* Keep depth transitions on individual cards, not nested filtered 3D surfaces. */
.media-plane{transform-style:flat;backface-visibility:hidden}
.media-plane img,.media-plane:before{transform:none}
.win-stage{transform:translateY(var(--float-y,0px));transform-style:flat}
.press-lightfield i:nth-child(n+7){display:none}
@media(max-width:700px){
 .press-lightfield i:nth-child(n+5){display:none}
 .chapter-atmosphere .frame-field{animation:none}
 .win-card{box-shadow:0 20px 36px #0007,inset 0 0 0 2px #e7f6dd1a}
}

/* Render quiet surfaces once. Keep navigation motion on transform/opacity only. */
.chapter-atmosphere .frame-field,.press-ribbon,.win-dust,.theatre-orbit,
.product-panel:after{animation:none!important}
.win-card,.media-plane{transition:none}
.win-stage{transform:none}
.win-card:after{background-position:50% 0;animation:none!important}
.product-panel{filter:none!important;transition:none;backface-visibility:hidden}
.product-panel:after{background-size:100% 100%;background-position:50% 0}
.light-trace{transform:rotate(12deg);transition:none}
/* Prevent repeated shadow rasterization of every depth plane. */
.media-plane{box-shadow:inset 0 1px 2px #fbf4bf80,0 18px 30px #0006}
.media-plane img{filter:none}
.media-plane[data-press-index="1"] img{filter:invert(1)}
.media-plane[data-press-index="2"] img,.media-plane[data-press-index="5"] img{filter:brightness(0) invert(1)}

/* The same gold button on phones, without touch-triggered sticky hover effects. */
@media(hover:none),(pointer:coarse){
 a.button:is([href*="whop.com"],.support-cta),a.button:is([href*="whop.com"],.support-cta):hover,a.button:is([href*="whop.com"],.support-cta):focus-visible{transform:none;filter:none}
 a.persistent-join:is([href*="whop.com"],.support-cta),a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible{transform:translateZ(0)}
 a.button:is([href*="whop.com"],.support-cta):hover .cta-label,a.button:is([href*="whop.com"],.support-cta):focus-visible .cta-label{transform:none!important;animation:none;background:none;color:inherit}
 a.button:is([href*="whop.com"],.support-cta):hover .perimeter-light{filter:none;stroke-width:2}
 a.button:is([href*="whop.com"],.support-cta):active{opacity:.9}
}

/* Mobile browser chrome can expose space below the stable scene viewport.
   Extend only the backdrop; keep card geometry and scroll timing stable. */
@media(max-width:700px){
 .press-wins-flow .shared-stage-inner{height:calc(100lvh + 1.75vw)}
 .shared-stage-inner:after{content:'';position:absolute;inset:calc(100svh + 1.75vw - 64px) 0 0;pointer-events:none;background:linear-gradient(to bottom,transparent,#041510 64px)}
 .wins-pin:after{content:'';position:absolute;left:0;right:0;bottom:0;height:64px;z-index:1;pointer-events:none;background:linear-gradient(transparent,#041510);opacity:calc(var(--press-content-entry,0) * (1 - var(--exit,0)))}
}

/* Shared vector symbols render identically on iOS and desktop. */
.tool-art b .tool-symbol{display:block;width:1em;height:1em;max-width:110px;max-height:110px;color:inherit}
/* The fixed Join button uses the same hover lighting as the in-page CTAs. */
@media(hover:hover) and (pointer:fine){
 a.persistent-join:is([href*="whop.com"],.support-cta){transition:transform .35s ease,filter .35s ease}
 a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible{transform:translate3d(0,-3px,0);filter:brightness(1.12) drop-shadow(0 0 7px #ffe6a980)}
}
/* Two equally sized groups make the sports ribbon a gap-free loop. */
.ticker{background:linear-gradient(110deg,#b58d47,#efd392 48%,#cfa65c);border-block:0;padding:16px 0;overflow:hidden;color:#09271e;transform:translateZ(0) rotate(-2deg);backface-visibility:hidden;-webkit-mask-image:linear-gradient(to bottom,transparent,#000 1.25px,#000 calc(100% - 1.25px),transparent);mask-image:linear-gradient(to bottom,transparent,#000 1.25px,#000 calc(100% - 1.25px),transparent)}
.ticker>.ticker-track{display:flex;width:max-content;white-space:nowrap;font-family:Outfit,Arial,sans-serif;font-weight:600;font-size:15px;letter-spacing:.065em;text-transform:uppercase;animation:sportsRibbon 32s linear infinite;will-change:transform}
.ticker-group{display:flex;flex:0 0 auto;align-items:center;justify-content:space-around;min-width:100vw;gap:38px;padding:0 19px}
.ticker-group i{display:block;width:3px;height:3px;border-radius:50%;background:#173c2e66;transform:none;flex:none}
@keyframes sportsRibbon{to{transform:translateX(-50%)}}
@media(max-width:700px){.ticker{padding:12px 0}.ticker>.ticker-track{font-size:12px}.ticker-group{gap:25px;padding:0 12.5px}}
@media(prefers-reduced-motion:reduce){.ticker>.ticker-track{animation:none}}

/* Mobile typography uses the available column width, including italic overhang. */
@media(max-width:700px){
 .tools-heading h2{font-size:12.5vw;line-height:1.03}
 .chapter h2,.chapter h3,.newsletter h2,.closing h2{max-width:100%;overflow-wrap:normal}
 .tool-grid article,.faq-layout>div,.steps>div{min-width:0}
 .tool-grid p,.questions p,.newsletter>p{font-size:14px;line-height:1.65}
 .newsletter input{font-size:16px;min-height:48px}
 .newsletter form button{min-width:48px;min-height:48px}
 footer .footer-links{font-size:12px;column-gap:18px;row-gap:8px}
 footer .footer-rights{flex-basis:100%;font-size:12px}
 summary{align-items:center;min-height:56px}
 summary span:last-child{flex-shrink:0}
}

/* Mobile galleries: normal document flow, with horizontal camera gestures. */
@media(max-width:700px){
 .press-room,.press-room+.wins{height:auto;margin-top:0;scroll-margin-top:75px}
 .press-pin,.wins-pin{position:relative;top:auto;height:auto;min-height:0;mask-image:none;padding:0}
 .press-pin{padding:45px 0 35px}
 .press-top{position:relative;top:auto;left:auto;right:auto;margin:0 6% 18px}
 .press-depth{position:relative;inset:auto;height:80vw;max-height:480px;pointer-events:auto;touch-action:pan-y pinch-zoom}
 .media-plane{top:50%}
 .press-controls{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0 6%;min-height:54px}
 .press-controls #press-story{max-width:48%;font-size:8px}
 .wins-pin{padding:35px 0 30px}
 .wins .section-meta{position:relative;top:auto;left:auto;right:auto;margin:0 6% 22px;font-size:8px}
 .wins-layout{position:relative;inset:auto;height:auto;display:flex;flex-direction:column;overflow:visible}
 .win-stage{position:relative;inset:auto;order:-1;height:110vw;max-height:560px;min-height:0;perspective-origin:50% 50%;touch-action:pan-y pinch-zoom}
 .win-card{top:50%;height:94vw;width:74.88vw;max-width:81.6vw;max-height:475px}
 .win-copy{position:relative;left:auto;right:auto;bottom:auto;max-width:none;margin:20px 6% 24px;pointer-events:auto}
 .win-copy h2{font-size:clamp(23px,6vw,30px)}
 .wins-bottom{position:relative;left:auto;right:auto;bottom:auto;margin:0 76px 0 6%}
 .win-card,.media-plane{touch-action:pan-y pinch-zoom;user-select:none;-webkit-user-select:none}
 .win-card img,.media-plane img{-webkit-user-drag:none}
 .press-wins-flow{position:relative;background:linear-gradient(180deg,transparent,#0b292360 35%,#041510 95%)}
 .press-wins-flow .shared-stage{position:absolute;inset:0;height:100%;overflow:clip}
 .press-wins-flow .shared-stage-inner{height:100%;clip-path:none;top:0}
 .press-wins-flow .shared-stage-inner:after{inset:auto 0 0;height:80px;background:linear-gradient(transparent,#041510)}
}

@media(max-width:700px){.wins .win-sculpture{top:0;height:100%;mask-image:linear-gradient(transparent,#000 12%,#000 88%,transparent)}.wins .section-meta{width:auto;justify-content:flex-start;white-space:nowrap}.press-pin:after{content:"SWIPE TO EXPLORE";display:block;text-align:center;font:8px Outfit,sans-serif;letter-spacing:.16em;color:#a9bcb2;margin-top:18px}}

/* Native vertical scrolling; horizontal touch gestures are claimed in JS. */
@media(max-width:700px){.press-depth,.win-stage,.media-plane,.win-card{touch-action:auto}}

/* Stable copy geometry avoids page reflow when a winner title changes. */
@media(max-width:700px){
 .win-copy{overflow-anchor:none;will-change:opacity}
 .win-copy h2{min-height:2.2em}
 .win-copy .eyebrow{min-height:1.5em}
 .win-stage{overflow-anchor:none}
 .win-card{will-change:transform,opacity}
}

@media(max-width:700px){.product-theatre,.product-panel{touch-action:auto;user-select:none;-webkit-user-select:none}.product-panel img{-webkit-user-drag:none}}

/* Keep the compact Join label the same size in every interaction state. */
a.persistent-join:is([href*="whop.com"],.support-cta),a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible,a.persistent-join:is([href*="whop.com"],.support-cta):active{font-size:10px}
@media(max-width:700px){a.persistent-join:is([href*="whop.com"],.support-cta),a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible,a.persistent-join:is([href*="whop.com"],.support-cta):active{font-size:9px}}

/* The compact CTA must not inherit the full-size CTA's hover padding. */
a.persistent-join:is([href*="whop.com"],.support-cta),a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible,a.persistent-join:is([href*="whop.com"],.support-cta):active{padding:17px 26px}
@media(max-width:700px){a.persistent-join:is([href*="whop.com"],.support-cta),a.persistent-join:is([href*="whop.com"],.support-cta):hover,a.persistent-join:is([href*="whop.com"],.support-cta):focus-visible,a.persistent-join:is([href*="whop.com"],.support-cta):active{padding:14px 19px}}

/* Desktop captions belong with the hero copy, outside the artwork orbit. */
.hero-artwork-caption{display:none}
@media(min-width:701px){
 .product-theatre>.theatre-label,.product-theatre>.theatre-disclaimer{display:none}
 .hero-artwork-caption{display:block;position:absolute;left:35%;bottom:90px;width:220px;z-index:2;pointer-events:none}
 .hero-artwork-caption .theatre-label,.hero-artwork-caption .theatre-disclaimer{position:static;margin:0}
 .hero-artwork-caption .theatre-disclaimer{margin-top:5px}
}

.ticker-group .ticker-more{word-spacing:.3em}

/* Preserve every supplied artwork, including square originals and taller posters. */
.product-panel img,.win-card img,.win-card.selected img{object-fit:cover;object-position:center;background:#092018}

/* Draw arrows consistently instead of allowing mobile emoji substitution. */
.arrow-icon{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible;pointer-events:none}

.newsletter-trap{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important}