:root{--ocean:#050b13;--ocean2:#071323;--white:#f4f6f9;--dim:#a9b8c6;--cyan:#7becff;--red:#ff3b58;--green:#54f49e;--violet:#a77aff;--edge:rgba(174,225,245,.15);--page:min(1420px,calc(100% - clamp(36px,8vw,136px)));--ease:cubic-bezier(.19,1,.22,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ocean);color:var(--white);font-family:Inter,Arial,Helvetica,sans-serif;overflow-x:hidden}body.locked{overflow:hidden}button,a{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}::selection{background:var(--cyan);color:var(--ocean)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
/* Atmosphere */
#fluid{position:fixed;inset:0;z-index:30;pointer-events:none;opacity:.38;mix-blend-mode:screen}#depth{position:fixed;inset:-20%;pointer-events:none;z-index:0;background:radial-gradient(ellipse 52% 36% at 17% 20%,rgba(13,87,132,.28),transparent 88%),radial-gradient(ellipse 42% 30% at 85% 80%,rgba(16,79,130,.21),transparent 86%);animation:drift 17s ease-in-out infinite alternate}.grain{position:fixed;inset:0;pointer-events:none;z-index:29;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.76' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.33'/%3E%3C/svg%3E")}.cursor-light{position:fixed;z-index:2;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(72,175,224,.10),transparent 67%);pointer-events:none;transform:translate(-50%,-50%);opacity:0;transition:opacity .5s}body.pointer-on .cursor-light{opacity:1}.progress{position:fixed;left:0;top:0;width:0;height:3px;z-index:150;background:linear-gradient(90deg,var(--red),var(--violet),var(--cyan),var(--green));box-shadow:0 0 20px #6deeff88}.subtle-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(167,215,243,.037) 1px,transparent 1px),linear-gradient(90deg,rgba(167,215,243,.037) 1px,transparent 1px);background-size:76px 76px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}@keyframes drift{to{transform:translate(5%,-5%) scale(1.08)}}
/* Navigation */
.nav{position:fixed;z-index:120;top:3px;left:0;width:100%;height:79px;padding:0 max(28px,5vw);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid transparent;transition:background .4s,border-color .4s,backdrop-filter .4s}.nav.scrolled,.nav.open{background:rgba(3,9,16,.87);border-color:var(--edge);backdrop-filter:blur(22px)}.brand{display:flex;align-items:center;gap:15px}.brand-main{font-family:Impact,'Arial Black',sans-serif;font-size:25px;font-style:italic;letter-spacing:-.8px}.brand-spark{font-style:normal;color:var(--red);font-size:23px;text-shadow:0 0 23px #f34e77aa}.brand-small{font-size:9px;letter-spacing:2.7px;text-transform:uppercase;color:#9aa9bc;line-height:1.6;border-left:1px solid #ffffff33;padding-left:15px}.navlinks{display:flex;align-items:center;gap:clamp(14px,2vw,31px)}.navlinks a{font-size:10px;font-weight:850;letter-spacing:1.8px;text-transform:uppercase;transition:color .25s}.navlinks a:hover{color:var(--cyan)}.pill{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:30px;border:1px solid rgba(181,229,249,.33);background:rgba(255,255,255,.045);padding:15px 22px;text-transform:uppercase;font-size:10px!important;letter-spacing:1.45px;font-weight:900;color:var(--white);transition:transform .3s,background .3s,box-shadow .3s}.pill:hover{transform:translateY(-3px);background:rgba(128,220,251,.12);box-shadow:0 0 35px #80dfff18}.pill.primary{border-color:var(--cyan);background:var(--cyan);color:#08111a;box-shadow:0 0 28px rgba(81,212,250,.15)}.pill.primary:hover{box-shadow:0 0 45px rgba(81,212,250,.32)}.menu-button{display:none;border:1px solid var(--edge);color:var(--white);background:rgba(20,30,42,.75);border-radius:50%;width:44px;height:44px;font-size:22px}
/* Typography */
.display{font-family:Impact,'Arial Black',Arial,sans-serif;font-stretch:condensed;font-weight:900;text-transform:uppercase;letter-spacing:-.025em;line-height:.88;margin:0}.eyebrow{display:flex;align-items:center;gap:12px;font-size:10px;font-weight:900;letter-spacing:.35em;text-transform:uppercase;color:var(--cyan)}.eyebrow:before{content:'';width:24px;height:1px;background:currentColor}.text-gradient{background:linear-gradient(103deg,#fff 10%,#78dbfa 52%,#ba7fff 99%);color:transparent;background-clip:text;-webkit-background-clip:text}.accent-red{color:var(--red)}.accent-cyan{color:var(--cyan)}.muted{color:var(--dim)}.section-intro{width:var(--page);margin:auto;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.section-intro h2{font-size:clamp(64px,10vw,151px)}.section-intro p{max-width:320px;color:#a1b5c4;font-size:14px;line-height:1.8;margin:0 0 13px}.section-topline{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--edge);padding-top:24px;color:#94adbd;font-size:10px;font-weight:800;letter-spacing:.25em;text-transform:uppercase}
/* Hero */
.hero{position:relative;min-height:100svh;padding:125px 0 65px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 55% 78%,rgba(31,100,145,.23),transparent 60%),linear-gradient(150deg,#071525,#04070d 70%)}.hero:before{content:'';position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 8px,rgba(255,255,255,.009) 9px 10px);mask-image:linear-gradient(#000,transparent)}.hero-head{width:var(--page);margin:0 auto 31px;display:flex;justify-content:space-between;gap:20px;align-items:end}.hero-head .display{font-size:clamp(62px,8.1vw,129px);margin-top:18px}.hero-head .display span{display:block}.hero-side{max-width:280px;align-self:center}.hero-side p{color:#b1c4d1;font-size:14px;line-height:1.9}.hero-side .line{width:54px;height:2px;background:var(--red);margin:20px 0}.hero-frame{width:var(--page);margin:0 auto;position:relative;display:block;overflow:hidden;border:1px solid #ffffff20;border-radius:4px;box-shadow:0 40px 135px #000b,0 0 80px rgba(38,120,166,.16);transform:translateZ(0)}.hero-frame img{width:100%;height:clamp(245px,31vw,460px);display:block;object-fit:cover;object-position:center center;filter:contrast(1.05) saturate(1.06)}.hero-frame:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 80px rgba(0,0,0,.35)}.hero-border{position:absolute;inset:0;border:1px solid #f22d4236;pointer-events:none}.hero-frame .corner-tag{position:absolute;top:17px;left:18px;z-index:2;background:rgba(0,0,0,.7);padding:10px 13px;font-size:9px;letter-spacing:2px;font-weight:900}.hero-footer{width:var(--page);margin:22px auto 0;display:flex;justify-content:space-between;align-items:center;gap:14px;color:#91afbf;text-transform:uppercase;font-size:10px;font-weight:850;letter-spacing:2px}.scroll-hint{display:inline-flex;align-items:center;gap:13px}.scroll-hint .dot{height:26px;width:14px;border:1px solid #a5c3d1;border-radius:11px;display:grid;place-items:center}.scroll-hint .dot:after{content:'';width:3px;height:6px;border-radius:3px;background:var(--cyan);animation:scrollTick 1.5s infinite}@keyframes scrollTick{50%{transform:translateY(5px);opacity:.2}}.hero .orb{position:absolute;width:380px;height:380px;right:-170px;top:19%;border-radius:50%;border:1px solid rgba(82,200,255,.12);box-shadow:0 0 0 75px #66cdff04,0 0 0 150px #66cdff03;pointer-events:none}
/* Divider tape */
.tape{position:relative;z-index:2;overflow:hidden;white-space:nowrap;border-top:1px solid var(--edge);border-bottom:1px solid var(--edge);background:#06101b;padding:16px 0;display:flex}.tape-track{display:flex;gap:48px;min-width:max-content;animation:tape 33s linear infinite}.tape span{display:inline-flex;gap:48px;align-items:center;font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:900;color:#a5c2d1}.tape i{font-style:normal;color:var(--red);font-size:18px}@keyframes tape{to{transform:translateX(-50%)}}
/* Clips */
.clips-section{position:relative;z-index:1;padding:138px 0 134px;background:radial-gradient(ellipse at 4% 20%,rgba(67,61,138,.16),transparent 35%),linear-gradient(#070e1a,#081321 55%,#050b13)}.clips-section .section-intro{margin-top:28px}.clip-grid{width:var(--page);margin:55px auto 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;align-items:start}.clip-card{position:relative;display:block;overflow:hidden;background:#111824;border:1px solid #bdeaff24;padding:0;text-align:left;border-radius:4px;aspect-ratio:.635;box-shadow:0 24px 58px #0007;isolation:isolate;transition:transform .55s var(--ease),border-color .45s,box-shadow .55s}.clip-card:nth-child(2){margin-top:35px}.clip-card:nth-child(3){margin-top:70px}.clip-card:nth-child(4){margin-top:20px}.clip-card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0005,transparent 32%,#02050abb 100%);z-index:1;pointer-events:none}.clip-card:hover{transform:translateY(-12px) scale(1.012);border-color:rgba(130,224,255,.72);box-shadow:0 30px 70px #000a,0 0 35px #5be5ff19}.clip-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .85s var(--ease),filter .5s;filter:saturate(.78)}.clip-card:hover img{transform:scale(1.1);filter:saturate(1.15)}.clip-num{position:absolute;z-index:2;top:19px;left:20px;font-size:11px;font-weight:950;letter-spacing:2px;color:#fff}.clip-duration{position:absolute;z-index:2;top:17px;right:17px;padding:7px 9px;border:1px solid #fff5;border-radius:3px;background:#05080da8;font-size:10px;font-weight:900}.clip-play{position:absolute;z-index:2;left:50%;top:49%;transform:translate(-50%,-50%);display:grid;place-items:center;width:72px;height:72px;border:1px solid #fff8;border-radius:50%;background:#ffffff17;backdrop-filter:blur(14px);transition:background .35s,transform .4s,box-shadow .35s;font-size:25px;padding-left:4px}.clip-card:hover .clip-play{transform:translate(-50%,-50%) scale(1.13);background:var(--cyan);box-shadow:0 0 60px #80ecff66;color:#07101c}.clip-title{position:absolute;z-index:2;bottom:34px;left:20px;right:18px;font-family:Impact,'Arial Black',sans-serif;font-size:clamp(28px,2.6vw,46px);line-height:.96;text-transform:uppercase;letter-spacing:-.01em}.clip-title small{display:block;margin-bottom:11px;color:var(--cyan);font:800 9px Inter,Arial,sans-serif;letter-spacing:2px}.clip-foot{width:var(--page);margin:35px auto 0;display:flex;justify-content:space-between;gap:10px;color:#809bb0;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:850}
/* Interlude */
.interlude{min-height:510px;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;padding:110px 25px;overflow:hidden;background:radial-gradient(ellipse at 50% 50%,#102f47 0%,#071523 36%,#03080f 72%)}.interlude:before,.interlude:after{content:'';position:absolute;left:50%;top:50%;width:min(72vw,690px);height:min(72vw,690px);border:1px solid #91ecff20;border-radius:50%;transform:translate(-50%,-50%);animation:well 7s ease-in-out infinite}.interlude:after{animation-delay:-3s}@keyframes well{0%{scale:.72;opacity:0}45%{opacity:.6}100%{scale:1.6;opacity:0}}.interlude-content{position:relative;z-index:2}.interlude .eyebrow{justify-content:center}.interlude .display{font-size:clamp(69px,12vw,190px);margin:22px 0}.interlude p{color:#a6bbcb;font-size:12px;letter-spacing:.2em;text-transform:uppercase}
/* Story areas */
.world-heading{position:relative;padding:120px 0 25px;background:#050b13}.world-heading .section-intro h2{font-size:clamp(65px,10vw,150px)}.scene{--glow:#69d7ff;position:relative;isolation:isolate;min-height:790px;min-height:min(910px,100svh);display:flex;align-items:center;overflow:hidden;border-top:1px solid #bce5f40c;background:linear-gradient(110deg,#06101c,#050910 70%)}.scene:nth-of-type(even){background:linear-gradient(250deg,#081725,#050910 72%)}.scene:before{content:'';position:absolute;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 28% 42% at var(--flare-x,30%) 45%,color-mix(in srgb,var(--glow),transparent 83%),transparent 85%);opacity:.9}.scene-inner{position:relative;width:var(--page);margin:auto;display:grid;grid-template-columns:minmax(0,1.13fr) minmax(0,.87fr);gap:clamp(32px,6vw,100px);align-items:center;padding:85px 0}.scene.reverse .scene-art{order:2}.scene.reverse .scene-copy{order:1}.scene-art{position:relative;height:min(670px,72vh);min-height:450px;border:1px solid rgba(156,219,244,.16);background:#091624;display:grid;place-items:center;overflow:hidden;box-shadow:0 35px 105px rgba(0,0,0,.55);transform:translateY(var(--photo-shift,0px))}.scene-art:before{content:'';position:absolute;inset:-20px;z-index:0;background-image:var(--image);background-size:cover;background-position:center;filter:blur(35px) brightness(.42) saturate(1.3);opacity:.92;transform:scale(1.25)}.scene-art:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 60px rgba(0,0,0,.25);border:1px solid #ffffff08}.scene-art>img{position:relative;z-index:1;display:block;width:100%;height:100%;object-fit:contain;filter:brightness(.94) contrast(1.04);transition:transform 1.3s var(--ease);transform:scale(1.025)}.scene.is-in .scene-art>img{transform:scale(1)}.scene-art .image-tag{position:absolute;z-index:3;bottom:16px;left:18px;color:#e3ecf1;font-size:9px;font-weight:850;letter-spacing:2px;text-transform:uppercase;background:#03080ebd;border:1px solid #ffffff2c;padding:11px 13px;backdrop-filter:blur(12px)}.scene-art .image-corner{position:absolute;top:17px;right:18px;z-index:3;width:32px;height:32px;border-top:2px solid var(--glow);border-right:2px solid var(--glow);opacity:.85}.scene-copy{max-width:545px}.scene-copy .eyebrow{color:var(--glow)}.scene-copy .display{font-size:clamp(80px,8.65vw,160px);margin:25px 0 24px;line-height:.88}.scene-copy .display em{font-style:normal;color:var(--glow);display:block}.scene-copy>p{font-size:15px;line-height:1.85;color:#a7b9c7;max-width:360px}.scene-meta{display:flex;gap:20px;align-items:center;margin-top:38px;border-top:1px solid var(--edge);padding-top:18px;color:#8caabb;font-size:10px;letter-spacing:1.6px;text-transform:uppercase;font-weight:800}.scene-meta .marker{height:7px;width:7px;border-radius:50%;background:var(--glow);box-shadow:0 0 18px var(--glow)}.scene-n{position:absolute;right:2%;bottom:1%;font-size:clamp(130px,24vw,380px);line-height:1;font-family:Impact,'Arial Black',sans-serif;color:#ffffff04;pointer-events:none}.scene[data-type="football"]{--glow:#c39aff}.scene[data-type="moment"]{--glow:#ff5173}.scene[data-type="night"]{--glow:#9db8ff}.scene[data-type="garage"]{--glow:#7eddf7}.scene[data-type="shades"]{--glow:#b48eff}.scene[data-type="grill"]{--glow:#ff7793}.scene[data-type="rolls"]{--glow:#93dcfa}.scene[data-type="football"] .scene-art{height:min(700px,75vh)}
/* Call-to-action */
.callout{position:relative;text-align:center;overflow:hidden;padding:140px 24px;background:linear-gradient(180deg,#041120,#06192b,#03090f)}.callout:before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(900px,92vw);height:500px;border-radius:50%;border:1px solid #83e5f925;box-shadow:0 0 0 60px #56bce70a,0 0 0 150px #56bce706;pointer-events:none}.callout-content{position:relative;z-index:1}.callout .eyebrow{justify-content:center}.callout .display{font-size:clamp(82px,13vw,205px);margin:25px auto 35px}.callout .display span{display:block}.callout .callout-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:33px}.callout p{color:#b5c6d1;font-size:14px;max-width:500px;margin:0 auto;line-height:1.7}.kick-pill{color:#07150e!important;background:var(--green)!important;border-color:var(--green)!important}.twitch-pill{background:#8c56f7!important;border-color:#8c56f7!important;color:#fff!important}
/* Footer */
.footer{position:relative;padding:80px 0 32px;background:#03080d;border-top:1px solid var(--edge)}.footer-inner{width:var(--page);margin:auto}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer h2{font-size:clamp(65px,11vw,175px);margin:0}.footer p{max-width:310px;color:#91a5b4;font-size:13px;line-height:1.7}.social-stamp{margin-top:30px;width:100%;height:auto;max-height:210px;object-fit:contain;object-position:left center;filter:drop-shadow(0 12px 24px #000)}.social-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:35px 0 75px}.social-link{border:1px solid var(--edge);padding:20px 16px;display:flex;justify-content:space-between;align-items:center;gap:10px;font-weight:850;font-size:11px;letter-spacing:1.2px;transition:transform .3s,background .3s,border-color .3s}.social-link:hover{transform:translateY(-5px);background:#0d2437;border-color:#79d9fe66}.social-link small{display:block;color:#859aab;margin-top:5px;font-weight:600;letter-spacing:.3px;font-size:10px}.social-link b{font-size:20px;font-weight:400;color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:15px;padding-top:28px;border-top:1px solid var(--edge);color:#7e95a5;font-size:10px;letter-spacing:2px;text-transform:uppercase;font-weight:850}.backtop{color:#bbeefc}
/* Player */
.player{position:fixed;inset:0;z-index:200;background:#000d;border:0;padding:60px 16px 24px;width:100vw;height:100dvh;max-width:none;max-height:none;color:#fff;display:none;align-items:center;justify-content:center;backdrop-filter:blur(26px)}.player[open]{display:flex}.player::backdrop{background:#02070fe8;backdrop-filter:blur(20px)}.player-body{display:flex;align-items:center;justify-content:center;position:relative;height:100%;max-height:900px;width:min(100%,600px)}.player video{height:100%;width:100%;object-fit:contain;box-shadow:0 25px 90px #000d;background:#000}.player-close{position:absolute;z-index:2;right:0;top:-51px;background:#172736;border:1px solid #b8ebff77;border-radius:50%;width:43px;height:43px;color:#fff;font-size:25px;line-height:1}.player-hint{position:absolute;left:0;top:-36px;font-size:11px;letter-spacing:2px;color:var(--cyan);font-weight:850;text-transform:uppercase}
/* FX control */
.fx-button{position:fixed;z-index:100;bottom:26px;right:25px;background:#0b1b28db;color:#bce7ff;border:1px solid #90cce555;padding:13px 15px;border-radius:36px;backdrop-filter:blur(15px);font-size:10px;letter-spacing:1.3px;font-weight:850;display:flex;gap:9px;align-items:center;box-shadow:0 8px 30px #0008}.fx-button .fx-led{width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green)}body.fx-off #fluid,body.fx-off #depth,body.fx-off .cursor-light{display:none}body.fx-off .interlude:before,body.fx-off .interlude:after{animation:none}.fx-button[aria-pressed="false"] .fx-led{background:#718495;box-shadow:none}
/* Motion reveals: base content always visible if JS blocked */
.anim-ready .reveal{opacity:0;transform:translateY(56px);transition:opacity 1s var(--ease),transform 1.1s var(--ease)}.anim-ready .reveal.visible{opacity:1;transform:translateY(0)}.anim-ready .clip-card.reveal:nth-child(2){transition-delay:.09s}.anim-ready .clip-card.reveal:nth-child(3){transition-delay:.18s}.anim-ready .clip-card.reveal:nth-child(4){transition-delay:.27s}.hero-head{animation:heroIn 1.1s var(--ease) both}.hero-frame{animation:heroIn 1.35s .16s var(--ease) both}@keyframes heroIn{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.brand-small{display:none}.navlinks{gap:16px}.navlinks a{font-size:9px}.scene-inner{gap:40px}.scene-copy .display{font-size:clamp(70px,8vw,126px)}.clip-card{aspect-ratio:.59}.clip-title{font-size:33px}.scene{min-height:700px}.scene-art{height:590px;min-height:420px}}
@media(max-width:760px){:root{--page:calc(100% - 36px)}.nav{height:69px;padding:0 19px}.brand-main{font-size:22px}.menu-button{display:grid;place-items:center}.navlinks{position:absolute;top:68px;left:0;right:0;display:none;flex-direction:column;align-items:stretch;gap:0;background:#050e19f7;border-bottom:1px solid var(--edge);padding:16px 20px 24px;box-shadow:0 30px 45px #0008}.nav.open .navlinks{display:flex}.navlinks a{padding:16px 9px;font-size:12px}.navlinks .pill{margin-top:12px}.hero{padding:106px 0 42px;min-height:auto}.hero-head{display:block}.hero-head .display{font-size:clamp(61px,12vw,94px);margin-top:18px}.hero-side{display:flex;align-items:center;gap:14px;max-width:none;margin-top:20px}.hero-side .line{margin:0;width:27px;flex:0 0 27px}.hero-side p{margin:0;font-size:12px;line-height:1.7}.hero-frame img{height:auto;max-height:none;min-height:170px;object-fit:contain;background:#020405}.hero-footer{font-size:8px;letter-spacing:1.2px}.section-intro{display:block}.section-intro h2{font-size:clamp(64px,16vw,110px)}.section-intro p{margin-top:16px}.clips-section{padding:85px 0}.clip-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:30px}.clip-card,.clip-card:nth-child(2),.clip-card:nth-child(3),.clip-card:nth-child(4){margin-top:0;aspect-ratio:.65}.clip-card:nth-child(even){margin-top:28px}.clip-title{font-size:clamp(25px,6vw,44px);left:11px;bottom:20px}.clip-title small{font-size:8px}.clip-num{top:12px;left:12px}.clip-duration{top:11px;right:10px;padding:5px 6px}.clip-play{width:52px;height:52px;font-size:18px}.clip-foot{line-height:1.6;font-size:9px}.interlude{min-height:390px}.interlude .display{font-size:clamp(66px,14vw,110px)}.world-heading{padding:80px 0 30px}.scene{min-height:0}.scene-inner{display:flex;flex-direction:column;gap:30px;padding:72px 0 80px}.scene.reverse .scene-art,.scene.reverse .scene-copy{order:initial}.scene-art{width:100%;height:min(73vh,570px);min-height:370px}.scene-copy{align-self:stretch}.scene-copy .display{font-size:clamp(74px,17vw,136px);margin:18px 0}.scene-copy>p{font-size:14px}.scene-n{right:7%;bottom:9%;font-size:185px}.scene-meta{margin-top:25px}.callout{padding:110px 16px}.callout .display{font-size:clamp(80px,19vw,155px)}.footer{padding-top:65px}.footer-top{display:block}.footer h2{font-size:clamp(80px,18vw,145px)}.social-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.social-link{padding:15px 13px;font-size:10px}.footer-bottom{font-size:9px;line-height:1.6}.fx-button{bottom:15px;right:14px;padding:11px 12px}}
@media(max-width:420px){.hero-head .display{font-size:clamp(56px,13vw,73px)}.hero-footer span:nth-child(2){display:none}.clip-title{font-size:24px}.clip-play{width:44px;height:44px}.scene-art{height:440px;min-height:0}.scene-copy .display{font-size:clamp(68px,17vw,96px)}.footer-bottom{display:block}.footer-bottom span{display:block;margin:6px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.anim-ready .reveal{opacity:1;transform:none}#fluid,#depth,.cursor-light{display:none}}

/* V2 customizations — playable media, clear donation action, stronger final CTA */
.nav-donate{border-color:rgba(255,86,133,.65)!important;background:linear-gradient(135deg,rgba(255,41,92,.25),rgba(139,63,180,.12))!important;color:#fff!important;box-shadow:0 0 25px rgba(255,47,95,.16),inset 0 0 0 1px rgba(255,255,255,.05)}
.nav-donate:hover{background:#ff375f!important;box-shadow:0 0 34px #ff345a55;color:#fff!important}
.donate-cta{background:linear-gradient(110deg,#ff3b65,#c13483)!important;color:#fff!important;border-color:#ff7199!important;box-shadow:0 10px 38px #ff2c5e42}.donate-cta:hover{box-shadow:0 11px 48px #ff2c5e65!important}
.callout .display{font-size:clamp(59px,9vw,143px);line-height:.96;letter-spacing:-.025em;max-width:1300px}
.callout .display b{font-weight:inherit}
.callout .display .be-part{margin-top:.1em;font-size:.74em;color:#eaf9ff;letter-spacing:-.025em;filter:drop-shadow(0 0 35px #4cdfff33)}
.callout .callout-buttons{margin-top:42px}.callout{padding:155px 24px 165px}
.social-links{grid-template-columns:repeat(5,minmax(0,1fr))}.social-tip{border-color:#ff5f8555}.social-tip b{color:#ff597e}
.video-premiere{width:var(--page);margin:85px auto 0;display:grid;grid-template-columns:minmax(0,1.55fr) minmax(240px,.9fr);align-items:center;gap:clamp(24px,5vw,80px);padding:clamp(18px,3.2vw,36px);border:1px solid rgba(138,214,246,.23);background:linear-gradient(119deg,rgba(26,19,53,.75),rgba(7,17,32,.84) 52%,rgba(21,41,54,.70));position:relative;overflow:hidden;box-shadow:0 35px 70px #0006}
.video-premiere:after{content:'';position:absolute;inset:auto -10% -70% 20%;height:270px;border-radius:50%;background:rgba(182,57,231,.11);filter:blur(72px);pointer-events:none}
.video-premiere .premiere-art{position:relative;width:100%;aspect-ratio:16/9;margin:0;min-height:220px;border-radius:2px;overflow:hidden;box-shadow:0 25px 60px #0008;isolation:isolate}
.video-premiere .premiere-art img{object-fit:cover;filter:saturate(1.05) contrast(1.05) brightness(.84)}
.video-premiere .premiere-art:hover img{transform:scale(1.065);filter:saturate(1.22) brightness(.95)}
.premiere-play{position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);height:80px;width:80px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.8);border-radius:50%;font-size:30px;color:#fff;background:#060917aa;box-shadow:0 0 30px #ff2f8659;transition:transform .3s,background .3s}
.premiere-art:hover .premiere-play{transform:translate(-50%,-50%) scale(1.12);background:#ff416d}
.premiere-badge{position:absolute;z-index:4;bottom:14px;left:15px;font-size:9px;letter-spacing:2px;font-weight:900;background:#060a13d9;border:1px solid #f894cf75;padding:10px 13px;color:#ffb5d8}
.premiere-copy{position:relative;z-index:1}.premiere-copy .eyebrow{color:#fb95c2}.premiere-copy h3{font-size:clamp(61px,6vw,106px);line-height:.89;margin:23px 0}.premiere-copy p{font-size:14px;line-height:1.8;color:#b6bdcb;max-width:310px}.premiere-watch{margin-top:18px;border:0;border-bottom:1px solid #e5b4e9;padding:10px 0;color:#eee5fa;background:transparent;font-size:11px;letter-spacing:2px;font-weight:850;text-align:left}.premiere-watch span{margin-left:20px;color:#f7a9d0}.premiere-watch:hover{color:#fb83c3}
.scene[data-type="football"] .scene-art img{filter:brightness(.99) contrast(1.04)}
.scene[data-type="football"] .scene-art:before{filter:blur(32px) brightness(.54) saturate(1.12)}
@media(max-width:950px){.social-links{grid-template-columns:repeat(3,minmax(0,1fr))}.video-premiere{grid-template-columns:1fr 1fr;gap:22px}.premiere-copy h3{font-size:clamp(55px,7vw,85px)}}
@media(max-width:760px){.video-premiere{grid-template-columns:1fr;margin-top:65px}.premiere-copy{padding:8px 5px 10px}.premiere-copy h3{font-size:clamp(68px,13vw,100px)}.premiere-play{height:64px;width:64px}.social-links{grid-template-columns:repeat(2,minmax(0,1fr))}.callout .display{font-size:clamp(48px,12.7vw,87px)}.callout .display .be-part{font-size:.68em}.callout{padding:110px 18px}.callout .callout-buttons{flex-direction:column;align-items:stretch;max-width:360px;margin:26px auto 0}}
@media(max-width:420px){.social-links{grid-template-columns:1fr 1fr}.social-link{padding:15px 10px;font-size:9px}.callout .display{font-size:clamp(42px,12.2vw,62px)}.callout .display .be-part{font-size:.68em}.video-premiere .premiere-art{min-height:0}}

.callout{position:relative;overflow:hidden;isolation:isolate;min-height:80vh;display:grid;place-items:center}
.callout-video-wrap{position:absolute;inset:0;z-index:0;overflow:hidden}
.callout-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center center;filter:saturate(1.1) contrast(1.05) brightness(.68)}
.callout-overlay{position:absolute;inset:0;background:
 linear-gradient(180deg, rgba(3,8,20,.65) 0%, rgba(4,10,24,.40) 28%, rgba(5,11,26,.38) 63%, rgba(3,7,16,.72) 100%),
 radial-gradient(circle at 50% 50%, rgba(89,192,255,.18) 0%, rgba(89,192,255,.06) 25%, rgba(0,0,0,0) 58%),
 linear-gradient(90deg, rgba(122,65,255,.14), rgba(0,0,0,0), rgba(255,35,89,.14));
 backdrop-filter: blur(1px);
}
.callout::before{content:"";position:absolute;inset:-20% -10%;z-index:0;background:radial-gradient(circle at center, rgba(108,196,255,.08), transparent 45%);animation:calloutPulse 8s ease-in-out infinite}
.callout-content{position:relative;z-index:2;max-width:1200px;padding:12vh 24px;text-align:center}
.callout p{max-width:720px;margin:18px auto 0}
.callout .display{position:relative;text-shadow:0 8px 38px rgba(0,0,0,.42)}
.callout .display .be-part{display:block}
.callout-buttons{position:relative;z-index:2}
.callout .eyebrow{justify-content:center}
@keyframes calloutPulse{0%,100%{transform:scale(1);opacity:.75}50%{transform:scale(1.05);opacity:1}}
@media (max-width: 900px){
 .callout{min-height:70vh}
 .callout-content{padding:11vh 18px}
 .callout-video{object-position:center top}
}


/* LULPK3X // LIQUID LUXE EDITION */
:root{--metal:#ddd4bc;--ice:#91eaff;--lum:#67d9fa}
html{scroll-padding-top:82px}
body{background:#020810}
.nav{height:84px;background:linear-gradient(180deg,rgba(1,6,13,.7),rgba(1,6,13,.18));border-bottom:1px solid #a1d5ff12}
.nav:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,#b6a4f3 15%,#64dfff 51%,#6ff0ac 85%,transparent);opacity:.9}
.brand-main{filter:drop-shadow(0 0 15px #ffffff33)}.brand-small{color:#a4b8c7}
.pill,.nav-donate,.social-link,.reel-arrow,.premiere-watch{will-change:transform}
.pill{position:relative;overflow:hidden;transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0)}
.pill:before{content:"";position:absolute;inset:-140% -50%;background:linear-gradient(110deg,transparent 43%,#ffffff8c 50%,transparent 57%);transform:translateX(-120%) skewX(-24deg);transition:transform .8s cubic-bezier(.2,.75,.1,1);pointer-events:none}
.pill:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 4px),0) scale(1.045);box-shadow:0 12px 48px #5bddff4a}
.pill:hover:before{transform:translateX(120%) skewX(-24deg)}
.nav-donate{box-shadow:0 0 22px #ff3a6b30}
.hero{background:radial-gradient(ellipse 54% 44% at 63% 68%,#0f456b33,transparent 80%),linear-gradient(140deg,#071425,#020711 70%)}
.hero-frame{box-shadow:0 35px 130px #000d,0 0 105px #3ab4f629;transition:box-shadow .65s,transform 1s var(--ease)}
.hero-frame:hover{box-shadow:0 40px 160px #000e,0 0 130px #66d4fd40;transform:translateY(-4px)}
.hero-frame img{transition:transform 1.7s var(--ease),filter .6s}
.hero-frame:hover img{transform:scale(1.045);filter:contrast(1.09) saturate(1.13)}
.hero .display{filter:drop-shadow(0 16px 40px #0005)}
.hero-head,.hero-frame,.hero-footer,.section-intro,.section-topline,.reel-toolbar,.reel-bottom,.clip-grid,.video-premiere,.scene-inner,.callout-content,.interlude-content,.footer-inner{position:relative;z-index:2}
/* Screen-space caustic ribbons and scene-by-scene parallax */
.hydro-field{position:absolute;inset:-16% -9%;z-index:0;pointer-events:none;overflow:hidden;opacity:.8;mask-image:linear-gradient(180deg,transparent,#000 19%,#000 81%,transparent)}
.hydro-arc{position:absolute;inset:-20%;display:block;pointer-events:none;will-change:transform,background-position}
.hydro-a{background:repeating-radial-gradient(ellipse 80% 36% at 50% 103%,transparent 0 42px,rgba(97,219,255,.13) 43px 44px,transparent 46px 92px);transform:translate3d(0,var(--wave-offset,0px),0) rotate(-6deg);animation:hydroGlow 8s ease-in-out infinite alternate}
.hydro-b{background:repeating-radial-gradient(ellipse 66% 40% at 50% -12%,transparent 0 56px,rgba(124,118,245,.09) 58px 59px,transparent 61px 110px);transform:translate3d(0,calc(var(--wave-offset,0px)*-.48),0) rotate(7deg);animation:hydroGlow 11s ease-in-out infinite alternate-reverse}
.hydro-c{inset:0;background:radial-gradient(ellipse at 19% 35%,#2c97d41b,transparent 34%),radial-gradient(ellipse at 80% 77%,#b56cf51a,transparent 34%),linear-gradient(112deg,transparent 42%,#67d9ff08 48%,transparent 58%);background-size:100% 100%,100% 100%,230% 100%;animation:waterShimmer 14s ease-in-out infinite alternate}
@keyframes hydroGlow{from{opacity:.36;filter:blur(0)}to{opacity:.92;filter:blur(.5px)}}
@keyframes waterShimmer{to{background-position:0 0,0 0,85% 0}}
.scene{background-color:#02070f!important}
.scene:before{z-index:0}.scene-inner{z-index:2}
.scene-art{border:1px solid #99d9ee2b;box-shadow:0 38px 110px #0009,0 0 60px #2ec4ff10;transition:border-color .5s,box-shadow .8s}
.scene-art:hover{border-color:#acefff88;box-shadow:0 45px 130px #000c,0 0 85px #49c9ff2a}
.scene-art:after{box-shadow:inset 0 0 45px #0004}
.scene-art:hover>img{transform:scale(1.04)!important;filter:brightness(1.05) contrast(1.06)}
.scene-copy .display{text-shadow:0 20px 55px #000b}
.scene-copy .display em{text-shadow:0 0 80px color-mix(in srgb,var(--glow),transparent 75%)}
.scene-meta .marker{animation:beacon 2.5s ease-in-out infinite}
@keyframes beacon{50%{transform:scale(1.4);opacity:.48}}
.interlude .hydro-field{opacity:.95}.world-heading .hydro-field{opacity:.4}.callout .hydro-field{z-index:1;opacity:.43}
/* Real playable carousel — arrow controls, scroll snap, peek cards and previews */
.reel-toolbar{width:var(--page);margin:35px auto 0;display:flex;align-items:center;justify-content:space-between;gap:20px}
.reel-live{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:900;letter-spacing:.20em;color:#f1f6fa}
.reel-live small{font-size:10px;font-weight:650;letter-spacing:.13em;color:#8daec3;margin-left:13px}
.reel-pulse{display:block;width:8px;height:8px;border-radius:50%;background:#62f8bb;box-shadow:0 0 0 5px #62f8bb18,0 0 25px #62f8bbad;animation:beacon 1.7s infinite}
.reel-controls{display:flex;align-items:center;gap:11px}.reel-counter{font-size:13px;font-weight:900;letter-spacing:.14em;min-width:77px;color:#fff;text-align:center}.reel-counter i{font-style:normal;color:#71899f;margin:0 6px}
.reel-arrow{border:1px solid #7cd6fb5b;width:54px;height:54px;border-radius:50%;background:#0d2134be;color:#eef8ff;font-size:23px;display:grid;place-items:center;transition:color .3s,background .3s,border-color .3s,box-shadow .3s,transform .35s}
.reel-arrow:hover{background:var(--cyan);border-color:var(--cyan);color:#03111a;box-shadow:0 0 45px #61d9ff55;transform:scale(1.11)}
.reel-arrow:active{transform:scale(.94)}
.clips-section .clip-grid{display:flex;gap:20px;margin:25px auto 0;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:3px;overscroll-behavior-inline:contain;padding:19px 4px 27px;scrollbar-width:none;-ms-overflow-style:none;touch-action:pan-x pan-y}
.clips-section .clip-grid::-webkit-scrollbar{display:none}
.clips-section .clip-grid .clip-card{flex:0 0 calc((100% - 40px)/3);width:calc((100% - 40px)/3);min-width:0;margin-top:0;scroll-snap-align:start;scroll-snap-stop:always;max-height:535px;min-height:365px;aspect-ratio:.68;transform-style:preserve-3d;transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .34s,box-shadow .35s,border-color .3s}
.clips-section .clip-grid .clip-card:hover{transform:perspective(1000px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px);border-color:#a1f0ff;box-shadow:0 40px 85px #000d,0 0 49px #58d6ff34}
.clip-card:after{content:"";position:absolute;z-index:2;inset:0;background:radial-gradient(circle at var(--shine-x,50%) var(--shine-y,50%),#d5f8ff2b,transparent 45%);opacity:0;pointer-events:none;transition:opacity .35s}
.clip-card:hover:after{opacity:1}
.clip-hover-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:0;transition:opacity .5s;pointer-events:none}
.clip-card.preview-playing .clip-hover-video{opacity:1}.clip-card.preview-playing>img{opacity:0}
.reel-bottom{width:var(--page);margin:2px auto 0;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:9px;letter-spacing:2px;font-weight:850;color:#8aa4b8}
.reel-rail{width:min(330px,53vw);height:3px;background:#8accf229;overflow:hidden;position:relative;border-radius:10px}
.reel-rail>span{position:absolute;inset:0 auto 0 0;background:linear-gradient(90deg,#6be2ff,#b178ff,#ff4767);width:25%;transition:width .6s var(--ease);box-shadow:0 0 15px #8bc9ff88}
.clips-section .clip-grid:focus-visible{outline:1px solid #7eddf7;outline-offset:4px}
.video-premiere{margin-top:115px;border-color:#9ed9ff3a;box-shadow:0 35px 110px #000b,0 0 50px #65ddff0c}
.video-premiere:hover{border-color:#9fdfff80}
.premiere-watch{transition:letter-spacing .4s,color .3s}.premiere-watch:hover{letter-spacing:2.5px}
/* Premium welcome gate and consent-based audio */
.experience-gate{display:none;position:fixed;inset:0;z-index:1000;background:#02070c;overflow:hidden;isolation:isolate;align-items:center;justify-items:center;color:#f8fbff;transition:clip-path 1.05s cubic-bezier(.74,0,.18,1),opacity .95s}
html.lux-js .experience-gate:not([hidden]){display:grid}
.experience-gate.leaving{clip-path:inset(0 0 100% 0);opacity:.7;pointer-events:none}
.gate-image{position:absolute;inset:-8%;background-position:center;background-size:cover;filter:grayscale(.25) brightness(.6) saturate(1.2);transform:scale(1.08);animation:gateZoom 17s ease-in-out infinite alternate}
.gate-image:after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,transparent,#02070fed 86%),linear-gradient(0deg,#020710a8,transparent 45%,#03070db8)}
.gate-beams{position:absolute;inset:0;background:repeating-linear-gradient(111deg,transparent 0 160px,#8fd7ff0b 170px,transparent 196px),radial-gradient(ellipse at 50% 65%,#4cc8ff23,transparent 52%);background-size:180% 100%,100% 100%;animation:beams 12s linear infinite alternate;mix-blend-mode:screen}
.gate-ring{position:absolute;width:min(860px,89vw);aspect-ratio:1;border-radius:50%;border:1px solid #82e5ff23;box-shadow:0 0 0 55px #82e5ff07,0 0 0 130px #82e5ff04,0 0 140px #5dd4ff12;animation:gateBreathe 9s ease-in-out infinite alternate;pointer-events:none}
.gate-ring-two{width:min(560px,65vw);border:1px solid #b9adff21;animation-delay:-4s}
.gate-nav,.gate-bottom{position:absolute;z-index:3;left:clamp(20px,5.5vw,100px);right:clamp(20px,5.5vw,100px);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#c2d3e0;font-size:10px;font-weight:850;letter-spacing:3px;text-transform:uppercase}
.gate-nav{top:clamp(20px,4.2vw,56px)}.gate-bottom{bottom:clamp(20px,4.2vw,55px);color:#a6bdcc}
.gate-brand{font-family:Impact,'Arial Black',sans-serif;font-size:27px;color:#fff;letter-spacing:-1px;font-style:italic}.gate-brand b{color:#ff435f;font-style:normal}
.gate-content{z-index:3;position:relative;padding:110px 20px 85px;text-align:center;max-width:1050px}
.gate-kicker{display:flex;justify-content:center;align-items:center;gap:12px;color:#9ae9fc;letter-spacing:.35em;font-size:10px;font-weight:850;line-height:1.6}
.gate-kicker span{height:1px;width:36px;background:#99e9ff}
.gate-content h2{font-family:Impact,'Arial Black',sans-serif;font-size:clamp(86px,12.2vw,198px);font-stretch:condensed;letter-spacing:-.05em;line-height:.83;margin:34px 0 31px;text-shadow:0 20px 85px #000e}
.gate-content h2 em{font-style:normal;color:#effbff}.gate-content h2 em span{background:linear-gradient(108deg,#90eaff 0%,#b39afe 56%,#f2d9f5);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 0 42px #7bddff50)}
.gate-content p{font-size:clamp(13px,1.3vw,16px);line-height:1.9;color:#c2d5e3;text-shadow:0 2px 25px #000}
.gate-actions{display:flex;align-items:center;justify-content:center;gap:22px;margin-top:37px;flex-wrap:wrap}
.gate-enter{display:inline-flex;align-items:center;gap:20px;padding:21px 24px;border:1px solid #b3f3ff;background:linear-gradient(115deg,#a1edff,#7ccaf2 65%,#b19bfa);color:#04101d;border-radius:2px;box-shadow:0 10px 60px #80dfff50;font-size:12px;letter-spacing:1.7px;font-weight:950;transition:transform .35s,box-shadow .35s,filter .35s}
.gate-enter:hover{transform:translateY(-6px) scale(1.035);box-shadow:0 16px 90px #71dfff8c;filter:saturate(1.3)}
.gate-enter-symbol{border-right:1px solid #19425a44;padding-right:16px;font-size:23px;font-weight:400}
.gate-enter-wave{font-size:17px;letter-spacing:1px;color:#23547a;animation:gateBreathe 2s infinite alternate}
.gate-skip{border:0;border-bottom:1px solid #98b9ca;background:transparent;color:#ebf7ff;padding:12px 0;font-size:11px;font-weight:850;letter-spacing:1.6px;transition:color .25s,border-color .25s}.gate-skip:hover{color:var(--cyan);border-color:var(--cyan)}
.gate-small{font-size:9px;letter-spacing:.27em;color:#8cabbf;margin-top:45px;font-weight:800}
@keyframes gateZoom{to{transform:scale(1.16) translateY(-2%)}}
@keyframes gateBreathe{to{transform:scale(1.08);opacity:.6}}
@keyframes beams{to{background-position:100% 0,0 0}}
.sound-button{position:fixed;left:22px;bottom:22px;z-index:139;display:flex;align-items:center;gap:11px;padding:13px 16px;min-height:43px;border:1px solid #9dc6e64e;border-radius:28px;background:#040d18d9;backdrop-filter:blur(20px);color:#daeaf7;letter-spacing:1.7px;font-size:9px;font-weight:900;box-shadow:0 13px 35px #0008;transition:background .35s,border-color .35s,transform .35s}
.sound-button:hover{border-color:#a1e9ff;transform:translateY(-4px);background:#0b2c41}
.sound-button[aria-pressed="true"]{border-color:#68ecbc90;color:#d8fff2}.sound-glyph{font-size:20px;line-height:1;color:#79c8e7}.sound-button[aria-pressed="true"] .sound-glyph{color:#70f0c0;animation:soundBeat .8s infinite alternate}@keyframes soundBeat{to{transform:scale(1.2)}}
/* Interactions and small screens */
.social-link{position:relative;overflow:hidden;transform:translate3d(var(--mag-x,0px),var(--mag-y,0px),0)}
.social-link:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,#4dcaff13,#9d83ff1a);transform:translateX(-110%);transition:transform .55s;pointer-events:none}
.social-link:hover:before{transform:translateX(0)}.social-link:hover{transform:translate3d(var(--mag-x,0px),calc(var(--mag-y,0px) - 4px),0)}.social-link b{transition:transform .35s}.social-link:hover b{transform:translate(4px,-4px)}
@media(max-width:1100px){.clips-section .clip-grid .clip-card{flex-basis:calc((100% - 20px)/2);width:calc((100% - 20px)/2)}}
@media(max-width:760px){
 .reel-toolbar{margin-top:32px}.reel-live small{display:none}.reel-arrow{width:46px;height:46px}.reel-counter{min-width:62px;font-size:11px}
 .clips-section .clip-grid{display:flex;grid-template-columns:none;margin-top:15px;gap:14px;overflow-x:auto}
 .clips-section .clip-grid .clip-card{flex:0 0 min(76vw,350px);width:min(76vw,350px);min-height:0;max-height:none;aspect-ratio:.68}
 .reel-bottom{margin-top:4px}.reel-bottom>span{font-size:8px;letter-spacing:1px}
 .gate-nav,.gate-bottom{font-size:8px;letter-spacing:1.4px}
 .gate-brand{font-size:23px}.gate-content h2{font-size:clamp(69px,15.8vw,120px)}.gate-kicker{font-size:9px;letter-spacing:1.8px}
 .gate-content p br{display:none}.gate-content p{max-width:430px;margin-left:auto;margin-right:auto}
 .gate-actions{flex-direction:column;gap:16px}.gate-enter{padding:20px 22px}.gate-small{font-size:8px;letter-spacing:1.5px}
 .sound-button{left:13px;bottom:15px;padding:11px 13px;font-size:9px}.fx-button{right:13px}
 .hydro-field{opacity:.5}.scene .hydro-field{opacity:.35}
}
@media(max-width:390px){.gate-content h2{font-size:clamp(64px,15vw,82px)}.gate-enter-wave{display:none}.sound-button{padding:11px}.sound-button #sound-label{font-size:8px}}
@media(prefers-reduced-motion:reduce){.gate-image,.gate-beams,.gate-ring,.gate-enter-wave,.hydro-arc,.reel-pulse,.sound-glyph{animation:none!important}.clip-card:hover,.pill:hover,.social-link:hover{transform:none!important}.hydro-field{opacity:.12}.experience-gate.leaving{transition:opacity .12s;clip-path:none;opacity:0}}


/* FINAL BOSS V2 — metallic signature + cinematic editorial photo chapters */
.signature{--rx:0deg;--ry:0deg;--lx:50%;--ly:30%;position:relative;isolation:isolate;display:block;margin:0 auto;perspective:1050px;transform-style:preserve-3d;max-width:100%}
.signature-glow{position:absolute;left:50%;top:45%;width:80%;height:135%;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(ellipse,#8e96ff37,#2caffc19 45%,transparent 72%);filter:blur(31px);pointer-events:none}
.signature-float{position:relative;animation:sigHover 5s ease-in-out infinite;transform-style:preserve-3d;filter:drop-shadow(0 16px 22px #000b)}
.signature-tilt{position:relative;display:block;transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .19s ease-out;white-space:nowrap;line-height:1.16;user-select:none}
.signature-front,.signature-back,.signature-shadow{display:block;font-family:Impact,'Arial Black',system-ui,sans-serif;font-style:italic;font-weight:900;letter-spacing:-.032em;text-transform:uppercase}
.signature-front{position:relative;z-index:5;transform:translateZ(27px);background:linear-gradient(165deg,#fff 8%,#e5faff 25%,#7cd3ed 40%,#f8ffff 50%,#849fbb 57%,#c4b1ff 71%,#ffffff 87%,#678ba9 99%);background-size:200% 160%;background-position:var(--lx) var(--ly);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-stroke:.65px #d1f3ff99;text-shadow:0 3px 0 #08162648,0 22px 58px #05182da8;filter:drop-shadow(0 1px 2px #ffffff21)}
.signature-back,.signature-shadow{position:absolute;inset:0;pointer-events:none}
.signature-back{z-index:3;color:#203b68;transform:translate3d(4px,8px,-6px) scale(1.003);text-shadow:0 1px #8c9fd4,0 3px #334b8c,0 5px #212c58,0 7px #1b2450,0 11px 13px #000e}
.signature-shadow{z-index:1;color:#061429;transform:translate3d(9px,16px,-25px) scale(1.01);filter:blur(7px);opacity:.9}
.signature-glimmer{position:absolute;z-index:6;inset:10% 0 5%;transform:translateZ(32px);background:linear-gradient(112deg,transparent 31%,rgba(255,255,255,.5) 40%,transparent 50%);background-size:240% 100%;background-position:190% 0;opacity:.5;mix-blend-mode:screen;pointer-events:none;mask-image:linear-gradient(90deg,transparent 2%,black 18%,black 85%,transparent 98%);animation:sigShine 6s ease-in-out infinite}
.signature-star{position:absolute;z-index:8;right:-.045em;top:-.03em;color:#ff5379;font-size:.27em;text-shadow:0 0 22px #ff527d,0 0 48px #ff527d9f;transform:translateZ(55px);animation:starPulse 2.8s ease-in-out infinite}
.signature--gate{width:max-content;max-width:95vw;margin:8px auto 5px;font-size:clamp(70px,11.4vw,165px)}
.signature-rule{position:absolute;bottom:-10px;left:14%;width:72%;height:1px;background:linear-gradient(90deg,transparent,#99eaff88 35%,#caa4ffca 70%,transparent);box-shadow:0 0 17px #4fd6ff44}
.signature--hero{width:max-content;max-width:100%;margin:25px 0 0;font-size:clamp(31px,3.1vw,52px);transform:rotate(-3deg)}
.signature--hero .signature-float{animation-duration:7s}
.signature--hero .signature-glow{filter:blur(12px)}
.brand-main{text-shadow:2px 3px #123451,3px 5px #05080b,0 0 24px #77dfff25;transition:transform .35s var(--ease),filter .35s}
.brand:hover .brand-main{transform:perspective(200px) rotateY(-10deg) translateY(-2px);filter:drop-shadow(0 0 13px #7ee5ff66)}
@keyframes sigHover{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-9px) rotate(.6deg)}}
@keyframes sigShine{0%,25%{background-position:190% 0}53%,100%{background-position:-110% 0}}
@keyframes starPulse{50%{transform:translateZ(55px) scale(1.25);opacity:.65}}
/* The logo now owns the entrance: text, buttons and sound all still fit. */
.gate-content{width:min(1100px,100%);padding:100px 20px 70px}
.gate-content h2{font-size:clamp(63px,8.2vw,128px);margin:15px 0 20px;line-height:.9}
.gate-content p{margin:14px auto 0;max-width:680px}
.gate-actions{margin-top:22px}.gate-small{margin-top:21px}
/* Editorial narrative chapter line */
.story-preamble{display:flex;align-items:center;gap:12px;margin-bottom:20px;font-size:9px;letter-spacing:.24em;font-weight:800;color:#bdd1de8c}
.story-pip{display:inline-block;height:1px;width:38px;background:var(--glow);box-shadow:0 0 16px var(--glow)}
.scene{--story-float:0px;--story-lean:0deg;--story-image-shift:0px}
.scene-inner{perspective:1600px;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.scene.reverse .scene-inner{grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr)}
.scene-art{isolation:isolate;border:1px solid color-mix(in srgb,var(--glow),transparent 68%);border-radius:3px;transform:translate3d(0,var(--story-float),0) rotateY(var(--story-lean));will-change:transform;transition:transform .45s ease-out,border-color .6s,box-shadow .8s,clip-path 1.2s var(--ease)}
.scene-art:before{opacity:.9;filter:blur(40px) brightness(.53) saturate(1.12)}
.scene-art:after{box-shadow:inset 0 0 75px #0007,inset 0 0 16px #0009;border:1px solid #e5f7ff18}
.scene-art>img{object-fit:contain;object-position:center center;transform:translate3d(0,var(--story-image-shift),0) scale(.985)!important;filter:brightness(1.02) contrast(1.06) saturate(1.08);transition:filter .65s,transform 1s var(--ease)}
.scene-art:hover>img{transform:translate3d(0,var(--story-image-shift),0) scale(1.01)!important;filter:brightness(1.08) contrast(1.06) saturate(1.12)}
.chapter-coordinate{position:absolute;z-index:3;top:23px;left:24px;font-size:9px;font-weight:850;letter-spacing:.26em;color:#f5faffc4;background:#0207127f;padding:9px 11px;border:1px solid #d1eeff29;backdrop-filter:blur(10px)}
.chapter-glint{position:absolute;z-index:4;inset:0;pointer-events:none;opacity:.38;background:radial-gradient(circle at var(--light-x,60%) var(--light-y,35%),color-mix(in srgb,var(--glow),transparent 75%),transparent 33%);mix-blend-mode:screen;transition:opacity .6s}
.scene-art:hover .chapter-glint{opacity:.7}
.scene .image-tag{letter-spacing:.22em;background:#020810b8}
.scene-copy .eyebrow{font-size:11px;letter-spacing:.26em}
.scene-copy .display{filter:drop-shadow(0 22px 31px #0008)}
.scene::after{content:"";position:absolute;z-index:0;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--glow),transparent 50%),transparent);opacity:.44}
/* Art-directed photo widths: complete faces and helmet remain visible, no over-cropping. */
.scene[data-type="rolls"] .scene-art{height:min(730px,79vh)}
.scene[data-type="rolls"] .scene-art>img{object-position:center 47%}
.scene[data-type="night"] .scene-art{height:min(650px,76vh)}
.scene[data-type="night"] .scene-art>img{object-position:center 47%}
.scene[data-type="football"] .scene-art{height:min(725px,78vh);max-width:640px}
.scene[data-type="football"] .scene-art>img{object-position:center top}
.scene[data-type="moment"] .scene-art{height:min(680px,77vh)}
.scene[data-type="moment"] .scene-art>img{object-position:center top}
.scene[data-type="shades"] .scene-art{height:min(700px,76vh)}
.scene[data-type="shades"] .scene-art>img{object-position:center 45%}
.scene[data-type="garage"] .scene-art{height:min(650px,74vh)}
.scene[data-type="garage"] .scene-art>img{object-position:center 40%}
.scene[data-type="grill"] .scene-art{height:min(700px,78vh)}
.scene[data-type="grill"] .scene-art>img{object-position:center 42%}
/* A softer narrative transition where the sections meet */
.scene .scene-copy{transform:translate3d(0,calc(var(--story-float)*-.18),0);transition:transform .5s ease-out}
/* The image reveal is visual polish, but content is visible if scripts don't run. */
.anim-ready .scene-art.reveal{clip-path:inset(5% 3% round 11px);opacity:0;transition:opacity 1.1s var(--ease),clip-path 1.25s var(--ease),transform .5s ease-out}
.anim-ready .scene-art.reveal.visible{clip-path:inset(0 round 3px);opacity:1}
/* Responsive fit / motion accessibility */
@media(max-width:1050px){.signature--hero{font-size:clamp(29px,3vw,40px)}.signature--gate{font-size:clamp(67px,12vw,124px)}.scene-inner{gap:40px}}
@media(max-width:760px){
 .gate-content{padding:72px 18px 55px}.signature--gate{font-size:clamp(52px,13.5vw,91px);margin:10px auto 5px}
 .gate-content h2{font-size:clamp(55px,12.2vw,91px);margin:17px 0 19px}
 .gate-content p{font-size:12px;line-height:1.55}
 .gate-small{margin-top:18px}
 .hero-side{flex-wrap:wrap}.signature--hero{flex:0 0 100%;font-size:clamp(36px,10vw,54px);margin:9px 0 0 8px}
 .scene-inner,.scene.reverse .scene-inner{display:flex;flex-direction:column;gap:28px;padding:65px 0 88px}
 .scene .scene-art{width:100%;height:min(73vh,610px);min-height:390px;max-width:none}
 .scene[data-type="football"] .scene-art{height:min(76vh,650px);max-width:none}
 .scene .scene-copy{transform:none}
 .chapter-coordinate{top:13px;left:14px;max-width:75%;font-size:8px;letter-spacing:.12em}
 .scene-art .image-corner{right:14px;top:13px}
 .story-preamble{margin-bottom:13px}
}
@media(max-width:390px){.signature--gate{font-size:clamp(48px,13.3vw,62px)}.gate-content{padding:55px 15px 43px}.gate-content h2{font-size:clamp(52px,12.4vw,68px)}.scene .scene-art{min-height:365px}.signature--hero{font-size:clamp(34px,10vw,43px)}}
@media(max-height:750px){.gate-content{padding:56px 16px 37px}.signature--gate{font-size:clamp(49px,9.8vh,100px)}.gate-content h2{font-size:clamp(52px,9.2vh,102px);margin:10px 0 12px}.gate-content p{line-height:1.4}.gate-actions{margin-top:14px}.gate-small{margin-top:11px}.signature--gate{margin:3px auto 0}}
@media(max-height:620px){.gate-content{padding:35px 15px 15px}.gate-content h2{font-size:clamp(39px,7.6vh,82px)}.gate-content p{font-size:11px;margin:5px auto}.gate-kicker{display:none}.gate-enter{padding:13px 16px}.gate-actions{gap:8px}.gate-small{display:none}.signature--gate{font-size:clamp(45px,8.1vh,80px)}}
@media(prefers-reduced-motion:reduce){
 .signature-float,.signature-glimmer,.signature-star{animation:none!important}
 .signature-tilt{transition:none;transform:none!important}
 .scene-art,.scene-copy,.scene-art>img{transition:none!important;transform:none!important}
 .anim-ready .scene-art.reveal{clip-path:none!important;opacity:1!important}
}


/* V4 — CINEMATIC THEATER / INSTALLABLE PK APP */
.pk-app-nav{appearance:none;white-space:nowrap;color:#bcefff;background:linear-gradient(110deg,#062c3f,#101628);border:1px solid #6deaff55;border-radius:100px;font-size:10px;font-weight:900;letter-spacing:1.3px;padding:12px 15px;box-shadow:inset 0 0 20px #27b8d019;transition:.25s}
.pk-app-nav:hover{color:white;border-color:#b4f2ff;box-shadow:0 0 26px #5adafc44}
.pk-app-social{appearance:none;cursor:pointer;text-align:left;width:100%;background:linear-gradient(105deg,#12334d,#0b1725);color:#fff;border:1px solid #82eaff77}
.pk-app-social:hover{box-shadow:0 0 26px #7deaff45}
.pk-theater.player{padding:clamp(12px,2.6vw,34px);align-items:center;justify-content:center;background:rgba(1,3,11,.94);overflow:auto;overscroll-behavior:contain;--theater-r:94;--theater-g:204;--theater-b:242;--theater-a:.5}
.pk-theater-shell{position:relative;width:min(1300px,100%);max-height:calc(100dvh - 28px);display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(152deg,#071522,#04070d 62%,#160e20);border:1px solid #7adffa5a;border-radius:17px;box-shadow:0 0 100px #030710,0 0 42px rgba(var(--theater-r),var(--theater-g),var(--theater-b),.14)}
.pk-theater-shell:before{content:"";position:absolute;inset:0 0 auto;height:2px;background:linear-gradient(90deg,transparent,#9cf5ff,#b994f5,transparent);pointer-events:none;z-index:2}
.pk-theater-top{display:flex;flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;padding:19px 26px 15px;border-bottom:1px solid #b4e6f31c}
.pk-theater-kicker{display:flex;align-items:center;gap:10px;color:#99eaff;font:900 10px/1.2 Inter,Arial,sans-serif;letter-spacing:2.5px}.pk-theater-kicker i{width:7px;height:7px;border-radius:50%;background:#ff628c;box-shadow:0 0 14px #ff547c}.pk-theater-kicker em{color:#678ba0;font-style:normal}
.pk-theater-heading h2{margin:10px 0 0;color:#f5f7fc;font:900 clamp(23px,3.8vw,38px)/1 Impact,'Arial Black',Arial,sans-serif;letter-spacing:.5px;text-transform:uppercase}
.pk-theater-top-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.pk-theater .player-favorite,.pk-theater .player-close{position:static;right:auto;top:auto;line-height:1;transform:none}
.pk-theater .player-favorite{font-size:10px;border-radius:100px;padding:12px 14px;background:#122434;white-space:nowrap}
.pk-theater .player-close{background:#152536;width:43px;height:43px;border:1px solid #8cdcf488;border-radius:50%;font-size:19px}
.pk-theater-main{display:grid;grid-template-columns:minmax(0,1fr) 258px;min-height:0;flex:1;max-height:min(68dvh,680px);overflow:hidden}
.pk-theater-screen{min-width:0;min-height:245px;position:relative;display:grid;place-items:center;overflow:hidden;isolation:isolate;background:#02050a;touch-action:pan-y}
.pk-theater-neon{position:absolute;inset:-20%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 48% 47%,rgba(var(--theater-r),var(--theater-g),var(--theater-b),var(--theater-a)),transparent 60%),radial-gradient(circle at 85% 12%,#d756b452,transparent 40%);filter:blur(48px);opacity:.8;transition:background-color .4s,opacity .5s;animation:pk-theater-breathe 5s ease-in-out infinite alternate}
@keyframes pk-theater-breathe{to{transform:scale(1.12);opacity:.48}}
.pk-theater-video-wrap{position:relative;z-index:0;width:100%;height:100%;max-height:100%;display:grid;place-items:center;padding:clamp(10px,2vw,24px) clamp(18px,2.7vw,36px);overflow:hidden}
.pk-theater .pk-theater-video-wrap video{width:100%;height:100%;max-height:min(58dvh,600px);min-height:0;object-fit:contain;background:#000;border:1px solid #ffffff16;border-radius:6px;box-shadow:0 0 70px rgba(var(--theater-r),var(--theater-g),var(--theater-b),.24),0 20px 45px #000b}
.pk-theater-step{position:absolute;z-index:3;top:46%;transform:translateY(-50%);display:grid;place-items:center;width:45px;height:61px;background:#081626ca;border:1px solid #addefb7c;border-radius:10px;color:#d9fcff;font:300 37px/1 Arial,sans-serif;backdrop-filter:blur(12px);transition:.24s}
.pk-theater-step:hover{color:#040d15;background:#a4ebff;box-shadow:0 0 27px #77dffc66}
.pk-theater-prev{left:10px}.pk-theater-next{right:10px}
.pk-theater-sidebar{display:flex;flex-direction:column;min-height:0;border-left:1px solid #a6ddf626;background:linear-gradient(180deg,#0b1a2ae6,#060c16e9);padding:20px 14px}
.pk-theater-sidebar-head{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:0 8px 16px;font-size:9px;font-weight:900;letter-spacing:1.6px;color:#a6e8fb}.pk-theater-sidebar-head span:last-child{color:#6c8799}
.pk-theater-queue{display:flex;flex-direction:column;gap:9px;overflow-y:auto;min-height:0;padding:2px 6px 8px}
.pk-theater-queue::-webkit-scrollbar{width:4px}.pk-theater-queue::-webkit-scrollbar-thumb{background:#489db2;border-radius:4px}
.pk-theater-item{display:grid;grid-template-columns:65px minmax(0,1fr);gap:11px;align-items:center;width:100%;min-height:68px;border:1px solid #98cfe322;border-radius:9px;padding:6px;background:#081725b5;color:#c9dae4;text-align:left;transition:background .2s,border-color .2s,transform .2s}
.pk-theater-item:hover,.pk-theater-item.is-current{background:#12354a;border-color:#94eaff88}
.pk-theater-item.is-current:focus-visible{outline:2px solid #c8f4ff;outline-offset:2px}
.pk-theater-item img{display:block;width:65px;height:55px;object-fit:cover;border-radius:5px}
.pk-theater-item-copy{min-width:0}.pk-theater-item-copy span{display:block;margin-bottom:5px;font:800 8px Inter,Arial,sans-serif;letter-spacing:1.5px;color:#80dcf5}.pk-theater-item-copy strong{display:block;font:900 15px/1 Impact,'Arial Black',Arial,sans-serif;white-space:normal;color:#f9fcff;text-transform:uppercase}
.pk-theater-autoplay{display:flex;align-items:center;gap:12px;cursor:pointer;margin:13px 5px 0;padding:14px 7px 2px;border-top:1px solid #ffffff20;font:900 9px/1.2 Inter,Arial,sans-serif;color:#b4e4f1;letter-spacing:1px}
.pk-theater-autoplay input{position:absolute;opacity:0;width:1px;height:1px}
.pk-theater-switch{position:relative;display:block;flex-shrink:0;width:35px;height:20px;background:#314258;border-radius:20px;transition:background .2s;border:1px solid #86b7c94d}
.pk-theater-switch:before{content:"";position:absolute;width:12px;height:12px;left:3px;top:3px;background:#b9cbd5;border-radius:50%;transition:transform .2s}
.pk-theater-autoplay input:checked+.pk-theater-switch{background:#37aacc}.pk-theater-autoplay input:checked+.pk-theater-switch:before{transform:translateX(15px);background:white}
.pk-theater-autoplay input:focus-visible+.pk-theater-switch{outline:2px solid white;outline-offset:3px}
.pk-theater-autoplay small{display:block;color:#789bb0;letter-spacing:0;font-weight:500;margin-top:4px;font-size:10px}
.pk-theater-bottom{flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #a6dff028;padding:18px 26px;color:#a8c0d1;font-size:9px;font-weight:900;letter-spacing:1.5px}
.pk-theater-bottom strong{color:#a0edfc}.pk-theater-progress{display:block;flex:1;height:3px;background:#263b4d;max-width:220px;border-radius:10px;overflow:hidden}
.pk-theater-progress i{display:block;width:0;height:100%;background:linear-gradient(90deg,#ff5380,#90e9ff);transition:width .25s}
.pk-theater-hint{white-space:nowrap}.pk-theater-hint b{color:#8de8ff;margin:0 6px}
.pk-install-guide{width:min(465px,calc(100% - 28px));max-height:calc(100dvh - 24px);overflow-y:auto;padding:0;border:1px solid #79deff88;border-radius:18px;background:#071321;color:#fff;box-shadow:0 25px 120px #000d,0 0 60px #4edaff3a}
.pk-install-guide[open]{animation:pk-pop .28s ease-out}.pk-install-guide::backdrop{background:#000c;backdrop-filter:blur(14px)}@keyframes pk-pop{from{transform:translateY(15px);opacity:.6}to{transform:translateY(0);opacity:1}}
.pk-install-hero{position:relative;display:flex;gap:15px;align-items:center;padding:23px 23px;background:radial-gradient(ellipse at 24% 40%,#17607a66,transparent 60%),linear-gradient(110deg,#12233a,#101025);border-bottom:1px solid #a2d9ef33}
.pk-install-hero img{border-radius:19px;box-shadow:0 0 45px #7adfff53}.pk-install-hero>span{max-width:185px;font:900 18px/1.05 Impact,'Arial Black',sans-serif;letter-spacing:.6px}
.pk-install-hero button{position:absolute;right:17px;top:17px;width:34px;height:34px;display:grid;place-items:center;background:#13273a;border-radius:50%;color:#fff;border:1px solid #84dfff77}
.pk-install-copy{padding:26px 28px 30px}.pk-install-overline{color:#80e9ff;font-size:10px;font-weight:900;letter-spacing:2.5px}.pk-install-copy h2{margin:14px 0 12px;font:900 clamp(38px,8vw,56px)/.95 Impact,'Arial Black',sans-serif}.pk-install-copy h2 em{font-style:normal;color:#95edff}.pk-install-copy p{color:#b6cede;font-size:14px;line-height:1.8;margin-bottom:26px}.pk-install-action{width:100%;padding:16px;border-radius:8px;border:1px solid #b3f6ff;background:linear-gradient(115deg,#80e9ff,#bbccff);color:#03101a;font-weight:950;font-size:12px;letter-spacing:1.2px}.pk-install-action:hover{filter:brightness(1.08)}.pk-install-copy>small{display:block;margin-top:16px;color:#7393a8;text-align:center;font-size:10px;line-height:1.5}
@media(max-width:980px){.pk-theater-main{grid-template-columns:minmax(0,1fr) 190px}.pk-theater-queue{padding:2px}.pk-theater-item{grid-template-columns:50px minmax(0,1fr);gap:6px}.pk-theater-item img{width:50px}.pk-theater-item-copy strong{font-size:13px}.pk-theater-sidebar{padding:12px 8px}.pk-theater-hint{display:none}.pk-app-nav{font-size:9px;padding:10px 11px}}
@media(max-width:700px){.pk-theater.player{padding:7px}.pk-theater-shell{max-height:calc(100dvh - 14px);height:calc(100dvh - 14px);border-radius:13px}.pk-theater-top{padding:13px 12px 12px}.pk-theater-kicker{font-size:8px;letter-spacing:1.4px}.pk-theater-kicker em{display:none}.pk-theater-heading h2{font-size:24px;margin-top:7px}.pk-theater .player-favorite{padding:10px 8px;font-size:9px}.pk-theater .player-close{width:38px;height:38px;font-size:16px}.pk-theater-top-actions{gap:6px}.pk-theater-main{display:flex;flex-direction:column;max-height:none;min-height:0;flex:1}.pk-theater-screen{flex:1;min-height:0}.pk-theater-video-wrap{padding:5px 22px}.pk-theater .pk-theater-video-wrap video{max-height:100%;height:100%;border-radius:4px}.pk-theater-step{width:32px;height:46px;top:45%;font-size:27px}.pk-theater-prev{left:1px}.pk-theater-next{right:1px}.pk-theater-sidebar{flex-shrink:0;height:162px;border-left:0;border-top:1px solid #8fd7ff38;padding:10px 9px 8px}.pk-theater-sidebar-head{padding:0 6px 8px;font-size:8px}.pk-theater-queue{flex-direction:row;overflow-x:auto;overflow-y:hidden;gap:8px;padding:2px 5px 7px;scroll-snap-type:x proximity}.pk-theater-item{flex:0 0 147px;min-height:67px;grid-template-columns:51px minmax(0,1fr);scroll-snap-align:start}.pk-theater-item img{height:53px;width:51px}.pk-theater-autoplay{margin:3px 4px 0;padding:5px 1px 0;font-size:8px}.pk-theater-autoplay small{display:none}.pk-theater-bottom{padding:12px 14px;font-size:8px}.pk-theater-progress{max-width:120px}}
@media(max-width:380px){.pk-theater-heading h2{font-size:19px}.pk-theater .player-favorite{font-size:7px;padding:9px 6px}.pk-theater .player-close{width:34px;height:34px}.pk-theater-sidebar{height:157px}.pk-theater-bottom{padding:10px}}
@media(prefers-reduced-motion:reduce){.pk-theater-neon{animation:none!important}.pk-install-guide[open]{animation:none!important}}