@property --amb{syntax: "<color>"; inherits: true; initial-value: #ff5a3c;}@property --rx{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --ry{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@property --hx{syntax: "<number>"; inherits: true; initial-value: 0;}@property --hy{syntax: "<number>"; inherits: true; initial-value: 0;}:root{--bg: #000;--text: #f5f5f7;--dim: #a1a1a6;--mute: #6e6e73;--line: rgba(255, 255, 255, .12);--link: #2997ff;--btn-bg: #f5f5f7;--btn-fg: #000;--btn-hover: #fff;--btn-glow: rgba(255, 255, 255, .4);--shine: rgba(90, 110, 255, .28);--ripple: rgba(90, 110, 255, .35);--num-a: #fff;--num-b: #8d8d93;--glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .17), rgba(255, 255, 255, .05) 55%, rgba(255, 255, 255, .09));--glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .35), inset 0 -1px 1px rgba(255, 255, 255, .06), 0 24px 60px -20px rgba(0, 0, 0, .55);--rim: linear-gradient(150deg, rgba(255, 255, 255, .65), rgba(255, 255, 255, .1) 30%, rgba(255, 255, 255, 0) 55%, rgba(255, 255, 255, .3));--glass-tint: linear-gradient(160deg, rgba(14, 14, 18, .56), rgba(14, 14, 18, .3) 60%, rgba(14, 14, 18, .44));--tank: #5ac8fa;--damage: #ff6b5b;--support: #7ee07e;--flow: linear-gradient(92deg, #46c2ff 0%, #7a6bff 34%, #ff4fa0 66%, #ffab4a 100%);--max: 1180px;--gut: max(22px, calc((100vw - var(--max)) / 2));--nav: 52px;--top: 76px;--sheet: clamp(8px, 1.1vw, 16px);--sheet-r: clamp(30px, 3.6vw, 52px);--ez: cubic-bezier(.2, .8, .2, 1);--font: -apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;color-scheme:dark}.panel-light{--text: #1d1d1f;--dim: #6e6e73;--mute: #86868b;--line: rgba(0, 0, 0, .09);--link: #0066cc;--btn-bg: #1d1d1f;--btn-fg: #fff;--btn-hover: #000;--btn-glow: rgba(0, 0, 0, .28);--shine: rgba(255, 255, 255, .4);--ripple: rgba(255, 255, 255, .4);--num-a: #1d1d1f;--num-b: #8a8a90;--glass-bg: linear-gradient(160deg, rgba(255, 255, 255, .8), rgba(255, 255, 255, .42) 60%, rgba(255, 255, 255, .62));--glass-shadow: inset 0 1px 1px rgba(255, 255, 255, .95), inset 0 -1px 1px rgba(255, 255, 255, .45), 0 1px 2px rgba(0, 0, 0, .04), 0 26px 60px -26px rgba(40, 20, 80, .25);--rim: linear-gradient(150deg, #fff, rgba(255, 255, 255, .35) 35%, rgba(255, 255, 255, 0) 60%, rgba(255, 255, 255, .75));color-scheme:light;position:relative;isolation:isolate;overflow:clip;margin-inline:var(--sheet);border-radius:var(--sheet-r);background:#f5f5f7;color:var(--text);padding-block:clamp(90px,13vh,150px);scale:calc(.93 + .07 * var(--sp, 1));transform-origin:50% 0}*,*:before,*:after{box-sizing:border-box}*{margin:0}html{background:var(--bg);-webkit-text-size-adjust:100%;scroll-padding-top:150px}body{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.47;letter-spacing:-.012em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip;text-rendering:optimizeLegibility}body.locked{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{background:none;border:0;cursor:pointer}::selection{background:#7a6bff;color:#fff}:focus-visible{outline:2px solid var(--link);outline-offset:3px;border-radius:8px}main:focus{outline:none}main{position:relative;z-index:0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.skip{position:fixed;top:8px;left:8px;z-index:100;padding:10px 16px;border-radius:999px;background:#fff;color:#000;font-weight:600;translate:0 -200%;transition:translate .3s var(--ez)}.skip:focus{translate:0 0}.wrap{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.center{text-align:center}.glass{position:relative;background:var(--glass-bg);-webkit-backdrop-filter:blur(26px) saturate(190%);backdrop-filter:blur(26px) saturate(190%);box-shadow:var(--glass-shadow)}.glass:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;border-radius:inherit;padding:1px;background:var(--rim);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude;pointer-events:none}.ambient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.ambient img{width:100%;height:100%;object-fit:cover;filter:blur(44px) saturate(1.8);transform:scale(1.35);opacity:.6;animation:breathe 24s ease-in-out infinite alternate}@keyframes breathe{to{transform:scale(1.6) rotate(5deg) translate3d(2%,-3%,0)}}.ambient:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to bottom,#0000001a,#00000059 55%,#000 98%)}.blobs{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.blobs i{position:absolute;width:62vmax;height:62vmax;border-radius:50%;animation:drift 22s ease-in-out infinite alternate}.blobs i:nth-child(1){left:-18vmax;top:-24vmax;background:radial-gradient(closest-side,rgba(255,166,77,.5),transparent)}.blobs i:nth-child(2){right:-22vmax;top:12%;background:radial-gradient(closest-side,rgba(255,92,168,.36),transparent);animation-delay:-7s}.blobs i:nth-child(3){left:18%;bottom:-32vmax;background:radial-gradient(closest-side,rgba(92,170,255,.42),transparent);animation-delay:-4s}.blobs i:nth-child(4){right:4%;bottom:-12vmax;width:42vmax;height:42vmax;background:radial-gradient(closest-side,rgba(140,110,255,.34),transparent);animation-delay:-11s}@keyframes drift{to{transform:translate3d(9vmax,7vmax,0) scale(1.18)}}.display{font-size:clamp(56px,10.4vw,144px);line-height:.94;letter-spacing:-.048em;font-weight:700}.display-md{font-size:clamp(30px,4.8vw,60px);line-height:1.1;letter-spacing:-.032em;font-weight:650}.display-sm{font-size:clamp(21px,2.4vw,30px);line-height:1.32;letter-spacing:-.022em;font-weight:600}.section-title{font-size:clamp(42px,6.6vw,84px);line-height:1.02;letter-spacing:-.04em;font-weight:700}.lede{font-size:clamp(19px,1.9vw,24px);line-height:1.38;letter-spacing:-.018em;font-weight:500;color:var(--dim)}.eyebrow{font-size:15px;font-weight:600;letter-spacing:-.005em;color:var(--dim)}.eyebrow.accent{color:var(--c, #ffab4a)}.panel-light .eyebrow.accent{color:color-mix(in srgb,var(--c, #ff8a1f) 72%,#000)}.dim{color:var(--mute)}.word{display:inline-block;overflow:clip;vertical-align:top;padding:.04em .02em .14em;margin:-.04em -.02em -.14em}.word>span{display:inline-block;animation:rise 1.15s var(--ez) both}@keyframes rise{0%{transform:translateY(108%) rotate(5deg);opacity:0;filter:blur(8px)}}.word>span{transform-origin:0 100%}.cw{display:inline-block;white-space:nowrap;perspective:700px}.ch{display:inline-block;transform-origin:50% 100%;animation:charIn 1.05s var(--ez) both}@keyframes charIn{0%{opacity:0;transform:translate3d(0,.45em,0) rotateX(-85deg);filter:blur(10px)}}[data-reveal=words]:not(.in) .word>span,[data-reveal=words]:not(.in) .ch{animation-play-state:paused}.flow-text{background:var(--flow);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:rise 1.15s var(--ez) .35s both,flowshift 7s ease-in-out 1.4s infinite alternate}@keyframes flowshift{to{background-position:100% 0}}[data-reveal]{opacity:0;translate:0 44px}[data-reveal=scale]{translate:0 36px;scale:.9;filter:blur(12px)}[data-reveal=left]{translate:-80px 0;filter:blur(12px)}[data-reveal=right]{translate:80px 0;filter:blur(12px)}[data-reveal=words]{opacity:1;translate:none}[data-reveal].in{opacity:1;translate:0 0;scale:1;filter:none;transition:opacity 1s var(--ez) var(--d, 0ms),translate 1.2s var(--ez) var(--d, 0ms),scale 1.2s var(--ez) var(--d, 0ms),filter 1s var(--ez) var(--d, 0ms),background .4s,box-shadow .5s,--rx .7s var(--ez),--ry .7s var(--ez)}.scrub-text span[style]{--k: clamp(0, calc(var(--lit, 999) - var(--i)), 1);display:inline-block;opacity:calc(.16 + var(--k) * .84);translate:0 calc((1 - var(--k)) * .14em);filter:blur(calc((1 - var(--k)) * 2.5px));transition:opacity .18s linear,translate .3s var(--ez),filter .3s}.cta-row{display:flex;align-items:center;flex-wrap:wrap;gap:14px 26px}.cta-row.center{justify-content:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 26px;border-radius:999px;background:var(--btn-bg);color:var(--btn-fg);font-size:17px;font-weight:600;letter-spacing:-.015em;white-space:nowrap;position:relative;box-shadow:inset 0 1px #ffffff40;transition:background .3s,scale .4s var(--ez),translate .45s var(--ez),box-shadow .5s}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 42%,var(--shine) 50%,transparent 58%) 160% 0 / 250% 100% no-repeat;pointer-events:none;transition:background-position 0s}.btn:hover:after{background-position:-60% 0;transition:background-position .9s var(--ez)}.btn:hover{background:var(--btn-hover);scale:1.04;box-shadow:0 12px 40px -10px var(--btn-glow),-14px 8px 34px -14px #46c2ffbf,14px 8px 34px -14px #ff4fa0bf}.fx{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;overflow:hidden;pointer-events:none}.fx i{position:absolute;border-radius:50%;background:radial-gradient(closest-side,var(--ripple),transparent);animation:ripple .75s var(--ez) forwards}@keyframes ripple{0%{scale:0;opacity:1}to{scale:1;opacity:0}}.btn:active{scale:.97}.btn.small{height:36px;padding:0 16px;font-size:14px;gap:6px}.btn.ghost{background:#ffffff1a;color:var(--text);-webkit-backdrop-filter:blur(16px) saturate(180%);backdrop-filter:blur(16px) saturate(180%);box-shadow:inset 0 1px #ffffff4d,inset 0 0 0 1px #ffffff24}.btn.ghost{--shine: rgba(255, 255, 255, .3);--ripple: rgba(255, 255, 255, .35)}.btn.ghost:hover{background:#ffffff2e}.more{display:inline-flex;align-items:center;gap:1px;color:var(--link);font-size:17px;font-weight:500;white-space:nowrap}.more svg{transition:translate .35s var(--ez)}.more-t{background:linear-gradient(currentColor,currentColor) 0 100% / 0 1px no-repeat;padding-bottom:1px;transition:background-size .45s var(--ez)}.more:hover .more-t{background-size:100% 1px}.more:hover svg{translate:3px 0}.nav{position:fixed;top:12px;left:0;right:0;z-index:60;width:min(1000px,calc(100% - 24px));height:var(--nav);margin-inline:auto;border-radius:999px;color:var(--text);animation:navIn 1s var(--ez) .1s backwards;transition:color .4s}@keyframes navIn{0%{translate:0 -140%;opacity:0}}.nav:before,.nav:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none}.nav:before{background:#16161a8f;-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);box-shadow:inset 0 1px 1px #fff3,0 14px 40px -12px #0000008c;transition:background .45s,box-shadow .45s}.nav:after{padding:1px;background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%),rgba(255,255,255,.6),transparent 70%),linear-gradient(90deg,#ffffff47,#ffffff0f 40%,#ffffff0f 60%,#ffffff3d);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}.nav.on-light{--text: #1d1d1f;--dim: #48484d}.nav.on-light:before{background:#ffffff8c;box-shadow:inset 0 1px 1px #ffffffe6,0 14px 40px -16px #1e143c4d}.nav.on-light:after{background:radial-gradient(240px circle at var(--mx, 50%) var(--my, 0%),#fff,transparent 70%),linear-gradient(90deg,#00000014,#00000008 50%,#00000014)}.nav-inner{position:relative;z-index:1;height:100%;padding:0 10px 0 18px;display:flex;align-items:center;gap:28px}.logo{display:inline-flex;align-items:center;gap:9px;font-size:17px;font-weight:700;letter-spacing:-.03em}.logo b{font-weight:500;color:var(--dim)}.mark{flex:none;transition:rotate .6s var(--ez),scale .6s var(--ez)}.logo:hover .mark{rotate:-10deg;scale:1.08}.nav nav{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14px;font-weight:500;color:var(--dim)}.nav nav a{position:relative;z-index:1;display:inline-flex;align-items:center;gap:2px;transition:color .25s}.nav nav{position:relative}.nav-pill{position:absolute;top:50%;left:calc(var(--pl, 0px) - 12px);width:calc(var(--pw, 0px) + 24px);height:32px;translate:0 -50%;border-radius:999px;background:color-mix(in srgb,var(--text) 10%,transparent);box-shadow:inset 0 1px color-mix(in srgb,var(--text) 12%,transparent);opacity:0;scale:.85;pointer-events:none;transition:left .45s var(--ez),width .45s var(--ez),opacity .3s,scale .45s var(--ez)}.nav nav.pill-on .nav-pill{opacity:1;scale:1}.nav-play{position:relative}.nav nav a:hover,.nav nav a[aria-current]{color:var(--text)}.nav-play{display:inline-grid;place-items:center;height:34px;padding:0 17px;border-radius:999px;background:#f5f5f7;color:#000;font-size:13px;font-weight:600;transition:scale .3s var(--ez),background .4s,color .4s}.nav.on-light .nav-play{background:#1d1d1f;color:#fff}.nav-play:hover{scale:1.06}.menu-toggle{display:none;position:relative;width:40px;height:40px}.menu-toggle i{position:absolute;left:12px;width:16px;height:1.6px;border-radius:2px;background:var(--text);transition:translate .35s var(--ez),rotate .35s var(--ez)}.menu-toggle i:first-child{translate:0 -3.5px}.menu-toggle i:last-child{translate:0 3.5px}.nav.open .menu-toggle i:first-child{translate:0 0;rotate:45deg}.nav.open .menu-toggle i:last-child{translate:0 0;rotate:-45deg}.scroll-bar{position:absolute;z-index:1;left:30px;right:30px;bottom:0;height:2px;border-radius:2px;background:var(--flow);transform-origin:left;transform:scaleX(var(--scroll, 0));opacity:.85}.hero-caption,.showcase-copy,.hc-info,.cine-card,.scene-card{background:var(--glass-tint)}.hero{position:relative;height:250vh}.hero-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate;transition:--hx 1.2s var(--ez),--hy 1.2s var(--ez)}.embers{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;pointer-events:none}.hero .embers{opacity:calc(.15 + var(--to, 1) * .85)}.hero-amb{opacity:calc(.35 + var(--to, 1) * .65)}.hero-amb img{opacity:.7}.aurora{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;opacity:calc(.25 + var(--to, 1) * .75);translate:calc(var(--hx) * -34px) calc(var(--hy) * -22px)}.aurora i{position:absolute;width:70vmax;height:70vmax;border-radius:50%;opacity:.45;animation:drift 16s ease-in-out infinite alternate}.aurora i:nth-child(1){left:-20vmax;top:-30vmax;background:radial-gradient(closest-side,rgba(70,150,255,.55),transparent)}.aurora i:nth-child(2){right:-25vmax;top:-20vmax;background:radial-gradient(closest-side,rgba(122,107,255,.5),transparent);animation-duration:20s;animation-delay:-6s}.aurora i:nth-child(3){left:10vmax;bottom:-45vmax;background:radial-gradient(closest-side,rgba(255,79,160,.4),transparent);animation-duration:22s;animation-delay:-3s}.aurora i:nth-child(4){right:-10vmax;bottom:-40vmax;background:radial-gradient(closest-side,rgba(255,171,74,.38),transparent);animation-duration:18s;animation-delay:-9s}.hero-copy{position:relative;z-index:2;padding:calc(var(--top) + 9vh) 22px 0;text-align:center;opacity:var(--to, 1);transform:scale(var(--tz, 1));translate:calc(var(--hx) * 10px) calc(var(--hy) * 7px)}.hero-title,.hero-sub,.hero-ctas{filter:blur(var(--tb, 0))}.hero-pill{display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 13px 0 5px;border-radius:999px;font-size:14px;font-weight:500;overflow:hidden;animation:fadeUp 1s var(--ez) .1s both}.hero-pill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,.35) 50%,transparent 60%) 160% 0 / 250% 100% no-repeat;animation:sweep 5s var(--ez) 2.2s infinite;pointer-events:none}@keyframes sweep{0%{background-position:160% 0}30%,to{background-position:-60% 0}}.hero-pill .new{height:26px;padding:0 10px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff6b3d);color:#000;font-size:12px;font-weight:700;box-shadow:0 0 18px #ff8c3c99}@keyframes fadeUp{0%{opacity:0;translate:0 24px}}.hero-title{margin-top:26px;text-shadow:0 10px 60px rgba(0,0,0,.35)}.hero-sub{max-width:640px;margin:24px auto 0;color:#c7c7cc;animation:fadeUp 1.1s var(--ez) .65s both}.hero-ctas{margin-top:34px;animation:fadeUp 1.1s var(--ez) .8s both}.hero-frame-wrap{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;animation:frameIn 1.8s var(--ez) .55s both}@keyframes frameIn{0%{translate:0 32vh;opacity:0}}.hero-frame{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;transform:translate3d(0,var(--ty, 60vh),0) perspective(1800px) rotateX(calc(var(--rt, 22deg) - var(--hy) * var(--hz, 1) * 3deg)) rotateY(calc(var(--hx) * var(--hz, 1) * 5deg)) scale(var(--fs, .6));border-radius:var(--fr, 50px);box-shadow:0 0 0 1px #ffffff24,0 0 120px -10px #ff963c59,0 50px 140px #000000b3;will-change:transform}.hero-frame img{width:100%;height:100%;object-fit:cover;transform:scale(var(--iz, 1.2))}.hero-frame:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.55),transparent 40%);opacity:var(--co, 0)}.hero-caption{position:absolute;z-index:4;left:var(--gut);right:var(--gut);bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 18px 18px 26px;border-radius:30px;opacity:var(--co, 0);translate:0 calc((1 - var(--co, 0)) * 30px);pointer-events:none}.caption-on .hero-caption{pointer-events:auto}.hero-caption h2{font-size:clamp(28px,3.4vw,44px);font-weight:800;letter-spacing:-.04em;line-height:1}.hero-caption .eyebrow{color:#ffffffc7;margin-bottom:4px}.sp-intro{margin-top:var(--sheet)}.sp-intro .blobs i:nth-child(1){left:10%;top:-30vmax;background:radial-gradient(closest-side,rgba(255,150,50,.55),transparent)}.sp-eyebrow{color:#d9620c}.sp-logo{margin-top:14px;font-size:clamp(66px,13vw,190px);line-height:.9;font-weight:800;font-style:italic;letter-spacing:-.055em;padding-right:.06em}.sp-logo span{display:inline-block}.sp-logo .s2{background:linear-gradient(105deg,transparent 40%,rgba(255,250,235,.95) 50%,transparent 60%) 160% 0 / 250% 100% no-repeat,linear-gradient(180deg,#ffb347,#ff7a1a 55%,#f04a10);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.06em}.sp-logo.in .s1{animation:slamL .9s cubic-bezier(.2,.9,.25,1) .1s both}.sp-logo.in .s2{animation:slamR .9s cubic-bezier(.2,.9,.25,1) .1s both,shine 4.5s var(--ez) 1.3s infinite}.sp-logo.in{animation:impact .5s var(--ez) .82s}@keyframes slamL{0%{translate:-55% 0;transform:skew(-18deg);opacity:0;filter:blur(14px)}}@keyframes slamR{0%{translate:55% 0;transform:skew(-18deg);opacity:0;filter:blur(14px)}}@keyframes impact{30%{scale:1.035}}@keyframes shine{0%{background-position:160% 0,0 0}35%,to{background-position:-60% 0,0 0}}.sp-lede{max-width:660px;margin:26px auto 34px}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:clamp(60px,9vh,100px)}.stat{display:grid;justify-items:center;gap:6px;padding:34px 12px 30px;border-radius:30px;overflow:hidden}.stat .odo{font-size:clamp(52px,7vw,92px);line-height:1;font-weight:700;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.odo{display:inline-flex}.odo-d{display:inline-block;height:1em;overflow:hidden}.odo-s{display:flex;flex-direction:column;translate:0 calc(var(--n, 0) * -1em);background:linear-gradient(180deg,var(--num-a) 30%,var(--num-b)) 0 0 / 100% 1em;-webkit-background-clip:text;background-clip:text;color:transparent;transition:translate 2.2s cubic-bezier(.16,1,.3,1)}.odo-s span{height:1em}.stat{transform:perspective(900px) rotateX(var(--rx)) rotateY(var(--ry))}.stat>span:last-child{color:var(--dim);font-size:15px;font-weight:500}.showcase{position:relative;padding:var(--sheet)}.showcase-frame{position:relative;height:min(100vh,62vw);min-height:520px;overflow:hidden;clip-path:inset(var(--ci, 9%) var(--cx, 14%) round var(--sheet-r));background:#120706}.showcase-frame img{position:absolute;top:-10%;right:0;bottom:-10%;left:0;width:100%;height:120%;object-fit:cover;object-position:50% 12%;transform:translate3d(0,var(--py, 0),0) scale(var(--sz, 1.1));transform-origin:50% 20%}.sc-tags{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.sc-tag{--show: clamp(0, calc(var(--tg, 0) * 5 - var(--k)), 1);position:absolute;display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px 0 13px;border-radius:999px;background:var(--glass-tint);font-size:14px;font-weight:600;white-space:nowrap;opacity:var(--show);scale:calc(.8 + var(--show) * .2);translate:0 calc(var(--pz, 0) * (var(--k) + 1) * -70px + (1 - var(--show)) * 20px)}.sc-tag i{width:8px;height:8px;border-radius:50%;background:#ffab4a;box-shadow:0 0 #ffab4a99;animation:beacon 2s ease-out infinite}@keyframes beacon{to{box-shadow:0 0 0 10px #ffab4a00}}.sc-tag.k0{right:22%;top:22%}.sc-tag.k1{right:9%;top:40%}.sc-tag.k2{right:17%;top:60%}.sc-tag.k3{left:18%;top:30%}.showcase-copy{position:absolute;z-index:2;left:calc(var(--gut) + 8px);bottom:calc(8% + var(--sheet));max-width:440px;padding:28px 30px 30px;border-radius:32px;opacity:var(--so, 0);translate:0 calc((1 - var(--so, 0)) * 36px)}.showcase-copy h3{margin:6px 0 12px;font-size:clamp(30px,3.4vw,44px);line-height:1.05;letter-spacing:-.035em;font-weight:700}.showcase-copy p:last-child{color:#ffffffd1;font-size:17px;line-height:1.45}.roster{position:relative;height:320vh}.roster-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:center;gap:clamp(26px,4.5vh,48px);padding-top:var(--top);background:radial-gradient(55% 50% at 50% 68%,color-mix(in srgb,var(--amb) 45%,transparent),transparent 75%),radial-gradient(90% 60% at 50% 110%,color-mix(in srgb,var(--amb) 30%,transparent),transparent 70%);transition:--amb .9s var(--ez)}.roster-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}.roster-head .lede{margin-top:10px}.roles{display:flex;gap:8px;flex-wrap:wrap}.roles .role{height:34px;padding:0 15px;border-radius:999px;display:inline-flex;align-items:center;gap:7px;font-size:14px;font-weight:500}.roles .role:after{content:"";order:-1;width:8px;height:8px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}.role.tank{color:var(--tank)}.role.damage{color:var(--damage)}.role.support{color:var(--support)}.roster-track{display:flex;gap:18px;width:max-content;padding-inline:var(--gut);transform:translate3d(var(--x, 0),0,0);will-change:transform;position:relative;z-index:1}.roster-head,.roster-foot{position:relative;z-index:1}.roster-name{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:end center;pointer-events:none;overflow:hidden}.roster-name span{display:block;font-size:clamp(90px,17vw,270px);font-weight:800;letter-spacing:-.05em;line-height:1;text-transform:uppercase;white-space:nowrap;color:transparent;background:linear-gradient(180deg,color-mix(in srgb,var(--amb) 55%,transparent),transparent 85%);-webkit-background-clip:text;background-clip:text;-webkit-text-stroke:1.5px color-mix(in srgb,var(--amb) 70%,#fff);opacity:.5;translate:0 24%}.hero-card{position:relative;flex:none;width:clamp(220px,min(22vw,34vh),310px);aspect-ratio:3 / 4;border-radius:30px;overflow:hidden;isolation:isolate;background:var(--c, #222);transform:perspective(1100px) rotateY(calc(var(--d, 0) * -26deg + var(--ry))) rotateX(var(--rx)) scale(calc(1 - var(--ad, 0) * .1));box-shadow:0 30px 60px -30px #000c;transition:--rx .6s var(--ez),--ry .6s var(--ez),box-shadow .5s}.hc-shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;background:linear-gradient(90deg,#0009,#00000040);opacity:calc(var(--ad, 0) * .85);pointer-events:none}.hero-card:hover{box-shadow:0 30px 80px -24px var(--c)}.hero-card img{width:100%;height:100%;object-fit:cover;transition:transform .9s var(--ez)}.hero-card:hover img{transform:scale(1.07)}.hero-card:after,.card:after,.tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;border-radius:inherit;background:radial-gradient(420px circle at var(--mx, 50%) var(--my, 50%),rgba(255,255,255,.16),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none}.hero-card:hover:after,.card:hover:after,.tile:hover:after{opacity:1}.hc-info{position:absolute;left:10px;right:10px;bottom:10px;z-index:1;padding:14px 16px 15px;border-radius:22px}.hc-info .role{font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}.hc-info h3{margin-top:1px;font-size:24px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.hc-info p{color:#ffffffc7;font-size:14px}.more-card{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;padding:26px;background:var(--glass-bg);font-size:19px;font-weight:600;line-height:1.3;color:var(--dim)}.more-card .mc-num{font-size:88px;line-height:1;font-weight:800;letter-spacing:-.05em;background:var(--flow);-webkit-background-clip:text;background-clip:text;color:transparent}.more-card .more{margin-top:8px}.roster-progress{height:3px;border-radius:3px;background:#ffffff1f;overflow:hidden;max-width:240px}.roster-progress i{display:block;height:100%;background:var(--flow);transform-origin:left;transform:scaleX(var(--rp, 0))}.persona{position:relative;height:260vh}.persona-sticky{position:sticky;top:0;height:100vh;height:100svh;display:grid;align-items:center;overflow:hidden}.persona-bg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:calc(.14 + var(--pb, 0) * .26);transform:scale(calc(1.25 - var(--pb, 0) * .25));filter:saturate(1.1)}.persona-sticky:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(#000,transparent 30%,transparent 70%,#000),radial-gradient(ellipse at center,transparent,rgba(0,0,0,.6))}.persona .wrap{position:relative;z-index:2}.persona .scrub-text{max-width:1020px;margin-top:18px;font-size:clamp(32px,5vw,64px)}.thoughts{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.thought{position:absolute;display:inline-flex;align-items:center;gap:8px;height:44px;padding:0 18px 0 14px;border-radius:999px;background:var(--glass-tint);font-size:15px;white-space:nowrap;opacity:0;scale:.7;filter:blur(8px);translate:0 calc(var(--pb, 0) * var(--z, 1) * -80px + 24px);transition:opacity .45s,scale .6s cubic-bezier(.3,1.5,.5,1),filter .45s}.thought.on{opacity:1;scale:1;filter:none}.thought b{font-weight:700}.th-role{width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 12px var(--c)}.th-text{display:inline-block;max-width:0;overflow:hidden;color:#fffc;opacity:0;transition:max-width .7s var(--ez),opacity .4s}.thought.on .th-text{max-width:15em;opacity:1;transition-delay:.7s}.th-typing{display:inline-flex;gap:3px;max-width:2.4em;overflow:hidden;transition:max-width .4s var(--ez),opacity .3s}.th-typing i{width:5px;height:5px;border-radius:50%;background:#ffffffbf;animation:typing .9s ease-in-out infinite}.th-typing i:nth-child(2){animation-delay:.15s}.th-typing i:nth-child(3){animation-delay:.3s}@keyframes typing{50%{translate:0 -3px;opacity:.35}}.thought.on .th-typing{max-width:0;opacity:0;transition-delay:.65s}.thought.t0{left:6%;top:15%;--z: 1.2}.thought.t1{right:7%;top:22%;--z: .7}.thought.t2{left:12%;bottom:13%;--z: 1}.thought.t3{right:10%;bottom:18%;--z: 1.4}.thought.t4{right:30%;bottom:6%;--z: .6}.tile{position:relative;overflow:hidden;border-radius:30px;padding:30px;transform:perspective(1100px) rotateX(calc(var(--rx) * .6)) rotateY(calc(var(--ry) * .6))}.ranked{transform:perspective(1600px) rotateX(calc(var(--rx) * .3)) rotateY(calc(var(--ry) * .3))}.tile h3{font-size:28px;font-weight:700;letter-spacing:-.03em;line-height:1.12}.tile p{margin-top:8px;color:var(--dim);line-height:1.42}.section-head{margin-bottom:clamp(40px,6vh,64px)}.section-head.center .lede{max-width:620px;margin:18px auto 0}.section-head.row{display:flex;justify-content:space-between;align-items:flex-end;gap:20px}.modes-panel{margin-top:var(--sheet)}.bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.mode{min-height:340px;display:flex;flex-direction:column;justify-content:flex-end}.mode small{display:block;margin-top:14px;padding-top:14px;border-top:1px solid var(--line);color:var(--mute);font-size:13px;line-height:1.5}.ranked{grid-column:span 3;min-height:460px;display:flex;align-items:flex-end;padding:20px;isolation:isolate;box-shadow:0 30px 60px -30px #28145059}.ranked>img{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;width:100%;height:100%;object-fit:cover;scale:1.14;transition:transform 1.2s var(--ez)}@supports (animation-timeline: view()){.ranked>img{animation:drift-y linear both;animation-timeline:view()}}@keyframes drift-y{0%{translate:0 -6%}to{translate:0 6%}}.ranked:hover>img{transform:scale(1.04)}.ranked-copy{max-width:460px;padding:24px 26px 26px;border-radius:24px}.ranked h3{font-size:clamp(28px,3vw,40px);margin-top:4px}.range{display:flex;flex-direction:column;justify-content:flex-end}.glyph{position:absolute;top:30px;left:30px;width:92px;height:92px}.g-control i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid #ff9a2e;animation:ping 2.8s var(--ez) infinite}.g-control i:nth-child(2){animation-delay:.9s}.g-control i:nth-child(3){top:34px;right:34px;bottom:34px;left:34px;background:#ff9a2e;border:0;animation:none;box-shadow:0 0 24px #ff9a2e}@keyframes ping{0%{scale:.35;opacity:1}to{scale:1;opacity:0}}.g-flash{display:grid;grid-template-columns:repeat(5,1fr);align-items:center;gap:8px;width:140px}.g-flash i{aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--text) 16%,transparent);animation:flashOn 5s steps(1) infinite;animation-delay:calc(var(--k) * 1s)}@keyframes flashOn{0%{background:#2fa8f0;box-shadow:0 0 18px #2fa8f0}20%,to{background:color-mix(in srgb,var(--text) 8%,transparent);box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--text) 16%,transparent)}}.g-push{width:150px;height:40px;top:56px}.g-push i{position:absolute;left:0;right:0;top:50%;height:2px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--text) 25%,transparent) 0 8px,transparent 8px 14px)}.g-push b{position:absolute;top:6px;left:0;width:28px;height:28px;border-radius:8px;background:#ff5b4b;box-shadow:0 0 20px #ff5b4b;animation:pushBot 4s var(--ez) infinite alternate}@keyframes pushBot{to{left:calc(100% - 28px)}}.g-escort{width:160px;height:40px;top:56px}.g-escort i{position:absolute;left:0;right:0;top:18px;height:4px;border-radius:4px;background:color-mix(in srgb,var(--text) 12%,transparent)}.g-escort b{position:absolute;left:0;top:18px;height:4px;border-radius:4px;background:#34c759;box-shadow:0 0 14px #34c759;animation:escortFill 5s var(--ez) infinite}.g-escort em{position:absolute;top:12px;width:4px;height:16px;border-radius:2px;background:var(--text);left:33%}.g-escort em+em{left:66%}@keyframes escortFill{0%{width:0}80%,to{width:100%}}.target{position:relative;width:92px;height:92px;margin-bottom:auto}.target i{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:2px solid var(--text);opacity:.2}.target i:nth-child(2){top:20px;right:20px;bottom:20px;left:20px;opacity:.45}.target i:nth-child(3){top:38px;right:38px;bottom:38px;left:38px;background:#ff3b8d;border:0;opacity:1;box-shadow:0 0 20px #ff3b8d;animation:hit 2.4s var(--ez) infinite}@keyframes hit{0%,60%{scale:1}70%{scale:1.6}to{scale:1}}.marquee{margin-top:clamp(90px,13vh,150px);padding:30px 0;overflow:hidden;border-top:1px solid var(--line)}.mq-row{transform:skew(calc(var(--vel, 0) * -12deg));transition:transform .25s ease-out}.mq-inner{display:flex;width:max-content;will-change:transform}.mq-inner span{display:inline-flex;align-items:center;font-size:clamp(46px,7.6vw,110px);line-height:1.1;font-weight:700;letter-spacing:-.045em;white-space:nowrap}.mq-inner i{font-style:normal;font-size:.4em;padding-inline:.7em;background:var(--flow);-webkit-background-clip:text;background-clip:text;color:transparent}.r1 span{color:transparent;-webkit-text-stroke:1.2px color-mix(in srgb,var(--text) 32%,transparent)}.collection-head{padding-top:clamp(110px,16vh,180px);margin-bottom:0}.cine{position:relative;height:320vh;margin-top:clamp(40px,6vh,70px)}.cine-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;isolation:isolate}.cine-frame{position:absolute;top:0;right:0;bottom:0;left:0;clip-path:inset(var(--ci, 7%) round var(--cr, 40px))}.cine-frame img{width:100%;height:100%;object-fit:cover;transform:scale(var(--cz, 1.3))}.cine-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#000a1973,#000a19c7);opacity:var(--sh, 0)}.cine-line{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:grid;place-content:center;justify-items:center;gap:16px;padding:0 22px;text-align:center;text-shadow:0 2px 30px rgba(0,0,0,.45);pointer-events:none}.cine-line.l1{opacity:var(--l1, 0);translate:0 calc((1 - var(--l1, 0)) * 40px)}.cine-line.l1 .display{letter-spacing:calc(-.048em + (1 - var(--l1, 0)) * .3em);scale:calc(1.12 - var(--l1, 0) * .12);filter:blur(calc((1 - var(--l1, 0)) * 10px))}.cine-line.l1 .lede{color:#e8e8ed;max-width:560px}.cine-line.l2{opacity:var(--l2, 0);translate:0 calc((1 - var(--l2, 0)) * 40px)}.cine-card{max-width:820px;padding:clamp(26px,4vw,44px);border-radius:40px;display:grid;gap:28px;text-shadow:none}.l2-on .cine-line.l2{pointer-events:auto}.scene{position:relative;height:max(100vh,680px);height:max(100svh,680px);margin:var(--sheet);isolation:isolate;overflow-x:clip}.scene+.scene{margin-top:0}.scene-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:var(--sheet-r);clip-path:inset(var(--cl, 7%) round var(--sheet-r));background:#0b0b0d;transform:perspective(1600px) rotateX(var(--lt, 0deg));transform-origin:50% 100%}.scene-media img{position:absolute;top:-10%;right:0;bottom:-10%;left:0;width:100%;height:120%;object-fit:cover;transform:translate3d(0,var(--py, 0),0) scale(var(--sz, 1.16))}.scene-media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%),linear-gradient(to right,color-mix(in srgb,var(--c) 26%,rgba(0,0,0,.35)),transparent 62%)}.scene.flip .scene-media:after{background:linear-gradient(to top,rgba(0,0,0,.5),transparent 50%),linear-gradient(to left,color-mix(in srgb,var(--c) 26%,rgba(0,0,0,.35)),transparent 62%)}.scene-card{position:absolute;z-index:2;left:clamp(18px,5vw,72px);bottom:clamp(18px,7vh,80px);width:min(470px,calc(100% - 36px));padding:30px 32px 32px;border-radius:34px}.scene.flip .scene-card{left:auto;right:clamp(18px,5vw,72px)}.sc-top{display:flex;align-items:center;gap:12px}.ch-num{font-size:13px;font-weight:700;color:#fff9;font-variant-numeric:tabular-nums;padding:3px 9px;border-radius:999px;box-shadow:inset 0 0 0 1px #ffffff40}.scene-card h3{margin-top:12px;font-size:clamp(38px,4.4vw,58px);line-height:1;letter-spacing:-.042em;font-weight:700}.ch-sub{margin-top:10px;font-size:clamp(19px,1.8vw,23px);font-weight:600;letter-spacing:-.02em;line-height:1.25}.ch-desc{margin:12px 0 24px;color:#ffffffc7;font-size:16px}.features-panel{margin-top:clamp(80px,12vh,140px)}.f-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feat{min-height:300px;display:flex;flex-direction:column;padding:34px}.feat h3{margin-top:auto}.feat-icon{width:58px;height:58px;display:grid;place-items:center;border-radius:18px;background:var(--flow);background-size:200% 200%;color:#fff;box-shadow:inset 0 1px 1px #ffffff80,0 14px 40px -12px #7a6bffb3;transition:rotate .6s var(--ez),background-position .8s var(--ez)}.feat:nth-child(2) .feat-icon{background-position:50% 0}.feat:nth-child(3) .feat-icon{background-position:100% 0}.feat:hover .feat-icon{rotate:-8deg;background-position:80% 100%}.feat-icon svg>*{stroke-dasharray:1;stroke-dashoffset:1}.feat.in .feat-icon svg>*{animation:draw 1.3s var(--ez) calc(var(--d, 0ms) + .45s) forwards}.feat.in .feat-icon{animation:bob 4.5s ease-in-out calc(var(--d, 0ms) + 1.4s) infinite alternate}@keyframes draw{to{stroke-dashoffset:0}}@keyframes bob{to{translate:0 -5px}}.final,.d-cta{position:relative;overflow:hidden;isolation:isolate;text-align:center;padding:clamp(150px,24vh,260px) 22px}.final-amb{position:absolute;top:15%;right:-10%;bottom:15%;left:-10%;z-index:-2;display:flex;filter:blur(70px) saturate(1.6);opacity:.45}.final-amb img{flex:1;height:100%;object-fit:cover}.final-glow{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:radial-gradient(560px circle at var(--mx, 50%) var(--my, 50%),rgba(122,107,255,.3),transparent 60%),radial-gradient(900px circle at 50% 120%,rgba(255,79,160,.18),transparent 60%)}.final{transition:--hx 1.4s var(--ez),--hy 1.4s var(--ez)}.final .embers{z-index:-1}.fc-tiles{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none}.fc-tile{position:absolute;width:clamp(130px,15vw,230px);aspect-ratio:16 / 10;translate:calc(var(--hx) * var(--z) * 46px) calc(var(--hy) * var(--z) * 32px + var(--fp, 0) * var(--z) * -220px);rotate:var(--r);animation:hover-float var(--t, 7s) ease-in-out infinite alternate}.fc-tile img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 0 0 1px #ffffff24,0 30px 60px -20px #000c}@keyframes hover-float{to{transform:translate3d(0,-16px,0) rotate(2deg)}}.fc-tile.f0{left:6%;top:16%;--z: 1;--r: -8deg}.fc-tile.f1{right:7%;top:12%;--z: 1.4;--r: 7deg;--t: 8s}.fc-tile.f2{left:11%;bottom:14%;--z: .7;--r: 6deg;--t: 6s;filter:blur(1.5px) brightness(.8)}.fc-tile.f3{right:12%;bottom:16%;--z: 1.15;--r: -5deg;--t: 9s}.fc-tile.f4{left:40%;bottom:3%;width:clamp(100px,10vw,150px);--z: .5;--r: -3deg;--t: 7.5s;filter:blur(2.5px) brightness(.7)}.final .lede,.d-cta .lede{margin:20px auto 34px;color:#c7c7cc}.final h2 .word>span{background:linear-gradient(180deg,#fff 40%,#b8b8c0);-webkit-background-clip:text;background-clip:text;color:transparent}.cta-amb img{opacity:.45}.cta-amb:after{background:radial-gradient(ellipse at center,transparent,#000 75%)}.page-head{position:relative;isolation:isolate;padding:calc(var(--top) + 10vh) 0 64px}.page-head .lede{max-width:640px;margin-top:22px}.page-head.center .lede{margin-inline:auto}.page-head .display{margin-top:10px}.lib-controls{margin-top:44px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.seg{display:inline-flex;gap:2px;padding:5px;border-radius:999px;max-width:100%;overflow-x:auto;scrollbar-width:none}.seg::-webkit-scrollbar{display:none}.seg button{position:relative;z-index:1;height:38px;padding:0 18px;border-radius:999px;font-size:14px;font-weight:500;color:#ffffffbf;white-space:nowrap;transition:color .35s}.seg button:hover{color:#fff}.seg button[aria-pressed=true]{color:#000}.seg-ind{position:absolute;top:5px;bottom:5px;left:var(--sl, 5px);width:var(--sw, 0);border-radius:999px;background:#f5f5f7;box-shadow:inset 0 1px 1px #fff,0 4px 16px #00000040;transition:left .55s var(--ez),width .55s var(--ez)}.search{display:flex;align-items:center;gap:8px;height:48px;width:min(300px,100%);padding:0 18px;border-radius:999px;color:#ffffffb3;transition:box-shadow .3s}.search:focus-within{box-shadow:var(--glass-shadow),0 0 0 2px var(--link)}.search input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font-size:15px}.search input::placeholder{color:#ffffff80}.library-panel{padding-top:clamp(40px,6vh,70px)}.result-count{margin-bottom:20px;color:var(--mute);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{position:relative;aspect-ratio:4 / 5;overflow:hidden;isolation:isolate;border-radius:34px;background:#111;box-shadow:0 30px 70px -34px #1e143c8c;transform:perspective(1300px) rotateX(calc(var(--rx) * .55)) rotateY(calc(var(--ry) * .55));transition:translate .6s var(--ez),box-shadow .6s,--rx .6s var(--ez),--ry .6s var(--ez)}.card:hover{translate:0 -6px;box-shadow:0 40px 90px -34px color-mix(in srgb,var(--c) 70%,rgba(0,0,0,.5))}.card.feature{grid-column:span 2;aspect-ratio:8 / 5}.card-media{position:absolute;top:0;right:0;bottom:0;left:0;display:block;overflow:hidden;border-radius:inherit}.card-media img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s var(--ez)}.card:hover .card-media img{transform:scale(1.06)}.badge{position:absolute;z-index:2;top:16px;left:16px;height:28px;padding:0 12px;display:inline-grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#ffb347,#ff6b3d);color:#000;font-size:12px;font-weight:700;box-shadow:0 0 20px #ff8c3c8c}.card-body{position:absolute;z-index:1;left:12px;right:12px;bottom:12px;padding:18px 20px 20px;border-radius:26px}.card.feature .card-body{right:auto;width:min(440px,calc(100% - 24px))}.card-body h3{margin-top:2px;font-size:26px;font-weight:700;letter-spacing:-.03em;line-height:1.1}.card.feature .card-body h3{font-size:34px}.card-sub{margin:4px 0 16px;color:var(--dim);font-size:15px}.card .cta-row{gap:10px 20px}.card .more{font-size:15px}.empty{padding:90px 22px;text-align:center;border-radius:34px}.empty h2{font-size:32px;letter-spacing:-.03em}.empty p{margin:8px 0 24px;color:var(--dim)}.localnav{position:sticky;top:var(--top);z-index:50;width:min(1000px,calc(100% - 24px));height:48px;margin:var(--top) auto 0;padding:0 8px 0 22px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-radius:999px;background:#18181c6b;-webkit-backdrop-filter:blur(24px) saturate(190%);backdrop-filter:blur(24px) saturate(190%);box-shadow:inset 0 1px 1px #ffffff2e,inset 0 0 0 1px #ffffff14,0 14px 40px -14px #00000080}.ln-light .localnav{--text: #1d1d1f;--dim: #48484d;--btn-bg: #1d1d1f;--btn-fg: #fff;--btn-hover: #000;color:var(--text);background:#ffffff94;box-shadow:inset 0 1px 1px #ffffffe6,inset 0 0 0 1px #0000000d,0 14px 40px -16px #1e143c4d}.localnav{transition:background .45s,box-shadow .45s,color .45s}.ln-title{font-size:19px;font-weight:700;letter-spacing:-.03em}.ln-links{display:flex;align-items:center;gap:22px}.ln-links .more{font-size:13px;color:var(--dim)}.ln-links .more svg{display:none}.ln-links .more:hover{color:var(--text);text-decoration:none}.ln-links .btn.small{height:32px;padding:0 14px;font-size:13px}.d-hero{position:relative;isolation:isolate;margin-top:calc(-1 * var(--top) - 48px);padding:calc(var(--top) * 2 + 48px + 4vh) 0 clamp(50px,7vh,80px)}.back{display:inline-flex;align-items:center;gap:6px;height:34px;padding:0 14px;margin-bottom:26px;border-radius:999px;font-size:14px;color:var(--text)}.d-hero .display{margin:14px 0 18px}.d-sub{margin-bottom:34px;font-size:clamp(24px,3vw,36px);font-weight:600;letter-spacing:-.028em;line-height:1.2}.d-shot{padding-inline:var(--sheet)}.d-frame{max-width:1500px;margin-inline:auto;aspect-ratio:16 / 9;overflow:hidden;border-radius:var(--dr, 32px);transform:scale(var(--ds, .84));box-shadow:0 0 0 1px #ffffff1a,0 60px 160px -50px var(--c)}.d-frame img{width:100%;height:100%;object-fit:cover;transform:scale(var(--dz, 1.14))}.d-panel{margin-top:var(--sheet)}.d-panel .blobs i:nth-child(1),.more-panel .blobs i:nth-child(1){background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 55%,transparent),transparent)}.d-panel .blobs i:nth-child(3){background:radial-gradient(closest-side,color-mix(in srgb,var(--c) 40%,transparent),transparent)}.d-overview .scrub-text{margin-top:18px;max-width:1060px}.d-highlights{padding-top:clamp(90px,13vh,150px)}.hl-grid{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.hl{min-height:230px;display:flex;flex-direction:column;justify-content:space-between}.hl-n{font-size:15px;font-weight:700;color:color-mix(in srgb,var(--c) 78%,#000)}.tile.hl p{font-size:22px;line-height:1.28;letter-spacing:-.02em;font-weight:600;color:var(--text)}.d-controls{position:relative;isolation:isolate;padding:clamp(110px,16vh,170px) 0 clamp(60px,9vh,100px)}.controls-amb img{opacity:.35}.controls-amb:after{background:linear-gradient(#000,transparent 30%,transparent 60%,#000)}.keys{margin-top:40px;display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:12px}.keyrow{display:flex;align-items:center;gap:16px;padding:12px 14px;border-radius:22px}.keyrow span{color:#fffc}kbd{min-width:46px;height:40px;padding:0 12px;display:inline-grid;place-items:center;border-radius:12px;background:linear-gradient(#ffffff38,#ffffff0f);box-shadow:inset 0 1px #ffffff73,inset 0 -3px #00000059,0 4px 10px #0000004d;font:600 13px var(--font);color:#fff;white-space:nowrap}.keyrow.in kbd{animation:press .6s var(--ez) both;animation-delay:calc(var(--d, 0ms) + .35s)}kbd{transition:translate .12s,background .12s,box-shadow .12s}kbd.hit{translate:0 3px;background:linear-gradient(color-mix(in srgb,var(--c) 80%,transparent),color-mix(in srgb,var(--c) 35%,transparent));box-shadow:inset 0 1px #ffffff80,inset 0 -1px #00000059,0 0 26px color-mix(in srgb,var(--c) 70%,transparent)}.keyrow:has(kbd.hit){background:linear-gradient(160deg,color-mix(in srgb,var(--c) 24%,transparent),#ffffff0d)}.wasd{display:grid;grid-template-columns:repeat(3,26px);gap:3px}.wasd kbd{min-width:0;width:26px;height:24px;padding:0;border-radius:7px;font-size:11px}.wasd kbd:first-child{grid-column:2}.wasd kbd:nth-child(2){grid-area:2 / 1}.wasd kbd:nth-child(3){grid-area:2 / 2}.wasd kbd:nth-child(4){grid-area:2 / 3}.keys-hint{margin-top:14px;color:var(--dim);font-size:17px}@keyframes press{45%{translate:0 3px;background:linear-gradient(color-mix(in srgb,var(--c) 70%,transparent),color-mix(in srgb,var(--c) 25%,transparent));box-shadow:inset 0 1px #ffffff73,inset 0 -1px #00000059,0 0 24px color-mix(in srgb,var(--c) 60%,transparent)}}.note{display:flex;align-items:center;gap:10px;margin-top:22px;color:var(--dim);font-size:15px}.specs{margin-top:clamp(60px,9vh,100px);display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.specs>div{padding:26px 20px 0 0}.specs dt{color:var(--mute);font-size:14px}.specs dd{margin-top:6px;font-weight:600;letter-spacing:-.015em}.d-cta .final-glow{background:radial-gradient(560px circle at var(--mx, 50%) var(--my, 50%),color-mix(in srgb,var(--c, #7a6bff) 34%,transparent),transparent 60%),radial-gradient(900px circle at 50% 120%,color-mix(in srgb,var(--c, #ff4fa0) 18%,transparent),transparent 60%)}.more-panel{padding-bottom:clamp(50px,7vh,80px)}.rail{display:grid;grid-auto-flow:column;grid-auto-columns:min(360px,78vw);gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gut);padding:10px var(--gut) 50px;scrollbar-width:none}.rail::-webkit-scrollbar{display:none}.rail .card{scroll-snap-align:start}.about-head{padding-bottom:clamp(60px,9vh,100px)}.mosaic{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;height:min(130vh,1100px);overflow:hidden;padding-inline:var(--sheet);-webkit-mask:linear-gradient(transparent,#000 14%,#000 86%,transparent);mask:linear-gradient(transparent,#000 14%,#000 86%,transparent)}.m-col{display:flex;flex-direction:column;gap:16px}.m-col img{width:100%;border-radius:26px;object-fit:cover}.m1{transform:translate3d(0,var(--m1, 0),0)}.m2{transform:translate3d(0,calc(var(--m2, 0) - 20%),0)}.m3{transform:translate3d(0,var(--m3, 0),0)}.about-body .scrub-text{max-width:1060px}.values{padding-top:clamp(80px,12vh,130px);display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.values .tile{min-height:260px;display:flex;flex-direction:column;justify-content:flex-end}.legacy .lede{margin-bottom:30px}.legacy-note{margin-top:40px;color:var(--dim)}.missing{min-height:86vh}.missing .cta-row{margin-top:34px}.footer{padding:60px 0 40px;font-size:13px;color:var(--dim)}.f-top{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:30px;border-bottom:1px solid var(--line)}.f-top .logo{color:var(--text)}.f-cols{display:grid;grid-template-columns:repeat(3,minmax(0,220px));gap:30px;padding:30px 0}.f-cols div{display:grid;align-content:start;gap:10px}.f-cols h4{color:var(--text);font-size:13px;font-weight:600;margin-bottom:4px}.f-cols a{display:inline-flex;align-items:center;gap:2px;width:fit-content;transition:color .25s}.f-cols a:hover{color:var(--text)}.f-word{display:flex;justify-content:center;margin-top:30px;margin-bottom:-.1em;overflow:hidden;font-size:clamp(60px,15.6vw,236px);font-weight:800;letter-spacing:-.06em;line-height:.92;-webkit-user-select:none;user-select:none}.f-word span{--k: clamp(0, calc(var(--fw, 1) * 1.7 - var(--i) * .065), 1);display:inline-block;padding-bottom:.2em;background:linear-gradient(180deg,#f5f5f7 12%,#f5f5f70d 78%);-webkit-background-clip:text;background-clip:text;color:transparent;translate:0 calc((1 - var(--k)) * 105%);rotate:calc((1 - var(--k)) * 12deg)}.f-word span:nth-child(n+7){background:linear-gradient(180deg,#8d8d93 10%,#8d8d930a 78%);-webkit-background-clip:text;background-clip:text}.f-bottom{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:20px;border-top:1px solid var(--line);color:var(--mute)}::view-transition-old(root){animation:vtOut .35s var(--ez) both}::view-transition-new(root){animation:vtIn .55s var(--ez) both}@keyframes vtOut{to{opacity:0;scale:.985;filter:blur(6px)}}@keyframes vtIn{0%{opacity:0;scale:1.01;filter:blur(6px)}}::view-transition-group(shot){animation-duration:.8s;animation-timing-function:cubic-bezier(.2,.8,.2,1);z-index:2;overflow:clip;border-radius:32px}::view-transition-image-pair(shot){overflow:clip;border-radius:inherit}::view-transition-old(shot),::view-transition-new(shot){height:100%;object-fit:cover;overflow:clip;animation-duration:.8s}@media(max-width:1068px){.bento{grid-template-columns:repeat(2,1fr)}.ranked{grid-column:span 2}.range{grid-column:span 2;min-height:260px}.f-grid,.values{grid-template-columns:1fr}.feat,.values .tile{min-height:220px}.grid,.specs,.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:734px){:root{--nav: 50px;--top: 66px}body{font-size:16px}.br-wide{display:none}.nav{top:8px;width:calc(100% - 16px)}.nav-inner{gap:10px;padding:0 6px 0 16px}.menu-toggle{display:block}.nav-play{margin-left:auto}.nav nav{position:absolute;top:calc(100% + 8px);left:0;right:0;margin:0;padding:18px 24px 22px;flex-direction:column;align-items:flex-start;gap:2px;border-radius:30px;background:#18181c9e;-webkit-backdrop-filter:blur(30px) saturate(190%);backdrop-filter:blur(30px) saturate(190%);box-shadow:inset 0 1px 1px #fff3,inset 0 0 0 1px #ffffff14,0 30px 60px -20px #0009;font-size:28px;font-weight:650;letter-spacing:-.03em;color:#f5f5f7;opacity:0;visibility:hidden;translate:0 -10px;scale:.97;transform-origin:top center;transition:opacity .35s,visibility .35s,translate .45s var(--ez),scale .45s var(--ez)}.nav.open nav{opacity:1;visibility:visible;translate:0 0;scale:1}.nav nav a{padding:6px 0}.nav nav a:hover,.nav nav a[aria-current]{color:#fff}.nav.open nav a{animation:fadeUp .6s var(--ez) both;animation-delay:calc(60ms + var(--i, 3) * 55ms)}.hero-copy{padding-top:calc(var(--top) + 5vh)}.hero-title{margin-top:20px}.hero-sub{margin-top:18px}.hero-ctas{margin-top:26px}.hero-caption{left:12px;right:12px;bottom:16px;padding:14px 14px 14px 20px;border-radius:26px}.stats{gap:10px}.sc-tag{height:34px;font-size:12px;padding:0 12px 0 10px}.sc-tag.k0{right:6%;top:12%}.sc-tag.k1{right:auto;left:6%;top:22%}.sc-tag.k2,.sc-tag.k3{display:none}.thought{height:38px;font-size:13px;padding:0 14px 0 11px}.thought{--z: .6}.thought.t0{left:16px;top:15%}.thought.t1{right:16px;top:22%}.thought.t2{left:16px;bottom:16%}.thought.t3{right:16px;bottom:8%}.thought.t4{display:none}.fc-tile{width:110px}.fc-tile.f0{left:-14px;top:7%}.fc-tile.f1{right:-18px;top:4%}.fc-tile.f2{left:-10px;bottom:6%}.fc-tile.f3{right:-16px;bottom:9%}.fc-tile.f4,.nav-pill{display:none}.stat{padding:26px 10px 22px;border-radius:24px}.showcase-frame{height:88vh;min-height:560px}.showcase-copy{left:calc(var(--sheet) + 12px);right:calc(var(--sheet) + 12px);bottom:calc(var(--sheet) + 12px);padding:22px 22px 24px;border-radius:26px}.roster-head{flex-direction:column;align-items:flex-start}.hero-card{width:min(68vw,40vh)}.bento{grid-template-columns:1fr}.ranked,.range{grid-column:auto}.ranked{padding:12px;min-height:420px}.ranked-copy{padding:20px}.mode{min-height:280px}.cine-card{border-radius:30px;gap:22px}.scene{height:max(92svh,640px)}.scene-card,.scene.flip .scene-card{left:12px;right:12px;bottom:12px;width:auto;padding:22px 22px 24px;border-radius:28px}.ch-desc{display:none}.ch-sub{margin-bottom:18px}.grid{grid-template-columns:1fr}.card.feature{grid-column:auto;aspect-ratio:4 / 5}.card.feature .card-body{right:12px;width:auto}.lib-controls{flex-direction:column;align-items:stretch}.search{width:100%}.localnav{width:calc(100% - 16px);padding-left:18px}.ln-links .more{display:none}.section-head.row{flex-direction:column;align-items:flex-start}.specs,.f-cols{grid-template-columns:1fr 1fr}.f-cols div:first-child{grid-column:span 2}.mosaic{grid-template-columns:repeat(2,1fr);height:110vh;gap:10px}.m-col{gap:10px}.m3{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.reduce .hero{height:auto}.reduce .hero-sticky{position:relative;height:auto;padding-bottom:60px}.reduce .hero-frame-wrap{position:relative;inset:auto;margin:60px auto 0;width:min(var(--max),calc(100% - 44px))}.reduce .hero-frame{position:relative;transform:none;aspect-ratio:16 / 9;border-radius:28px}.reduce .hero-frame img{transform:none}.reduce .hero-caption{display:none}.reduce .roster,.reduce .persona,.reduce .cine{height:auto}.reduce .roster-sticky,.reduce .persona-sticky,.reduce .cine-sticky{position:relative;height:auto;min-height:80vh;padding-block:80px}.reduce .roster-track{width:auto;overflow-x:auto}.reduce .cine-frame,.reduce .showcase-frame,.reduce .scene-media{clip-path:inset(0 round 28px)}.reduce .cine-line{position:relative;opacity:1;translate:none;pointer-events:auto;padding-block:40px}.reduce .cine-shade,.reduce .showcase-copy{opacity:1;translate:none}.reduce .d-frame{transform:none}.reduce .panel-light{scale:none}.reduce .thoughts,.reduce .sc-tags{display:none}.reduce .hero-card,.reduce .scene-media{transform:none}