.hero{height:100svh;min-height:600px;position:relative;overflow:hidden}.hero-portal{position:absolute;inset:0;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hero-portal canvas{width:100%;height:100%;position:absolute;inset:0}.hero-videos{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute;overflow:hidden}.hero-shade{pointer-events:none;opacity:0;background:radial-gradient(#0000 30%,#0c0a14cc 100%),#0c0a144d;position:absolute;inset:0}.hero-line{z-index:2;font:800 clamp(40px, 7vw, 116px)/.92 var(--font-display);letter-spacing:-.03em;text-transform:uppercase;text-shadow:0 4px 40px #0006;margin:0;position:absolute}.hero-line .m{padding-bottom:.04em;display:block;overflow:hidden}.hero-line .m>span{display:inline-block}.hero-line .grad-text{text-shadow:none;filter:drop-shadow(0 4px 30px #0006)}.hero-line.top{top:108px;left:var(--gutter)}.hero-line.bottom{bottom:60px;right:var(--gutter);text-align:right}.hero-now{z-index:3;left:var(--gutter);align-items:center;gap:18px;max-width:400px;display:flex;position:absolute;bottom:60px}.play{cursor:pointer;color:#fff;background:var(--brand);border:0;border-radius:50%;flex:none;place-items:center;width:68px;height:68px;transition:transform .2s;display:grid;box-shadow:0 0 40px #ec025266}.play:hover{transform:scale(1.08)}.play svg{width:18px;height:18px;margin-left:3px}.hero-now small{letter-spacing:.3em;text-transform:uppercase;color:var(--muted);font-size:13px;display:block}.hero-now b{font:700 24px/1.2 var(--font-display);color:var(--accent,#fff);transition:color .3s}.hero-now p{color:var(--muted);margin-top:2px;font-size:16px;line-height:1.45}.scroll-hint{z-index:3;background:linear-gradient(var(--text), transparent);opacity:.4;width:1px;height:40px;position:absolute;bottom:20px;left:50%}@media (width<=760px){.hero-line.top{top:96px}.hero-line.bottom{bottom:150px}.hero-now{bottom:44px;right:16px}}@media (prefers-reduced-motion:reduce){.hero-line .m{overflow:visible}}@media (prefers-reduced-motion:no-preference){.js .hero-portal,.js .hero-now,.js .scroll-hint{opacity:0}.js .hero-line .m>span{transform:translateY(110%)}}.intro{grid-template-columns:1fr 2.2fr;align-items:start;gap:40px;display:grid}.intro p{font:500 clamp(24px, 2.8vw, 40px)/1.25 var(--font-display);letter-spacing:-.01em}@media (width<=860px){.intro{grid-template-columns:1fr}}.gallery{flex-direction:column;justify-content:center;gap:28px;height:100svh;display:flex;overflow:hidden}.gallery-head{justify-content:space-between;align-items:center;display:flex}.gallery-head a{font:600 16px var(--font-display);color:var(--muted)}.gallery-head a:hover{color:var(--text)}.gallery-track{padding-inline:var(--gutter);gap:24px;width:max-content;display:flex}.game-card{background:var(--surface);border-radius:6px;flex:none;width:min(72vw,940px);height:min(64vh,560px);position:relative;overflow:hidden}.game-card img{object-fit:cover;width:100%;height:100%;transition:transform .8s;position:absolute;inset:0}.game-card:hover img{transform:scale(1.04)}@media (width<=760px){.game-card{width:82vw;height:min(72svh,116.44vw)}.game-card footer p{max-width:82%;font-size:16px}}.game-card:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#07060cd9 100%),linear-gradient(#07060c99 0%,#0000 30%);position:absolute;inset:0}.game-card header,.game-card footer{z-index:2;position:absolute;left:32px;right:32px}.game-card header{justify-content:space-between;align-items:center;display:flex;top:28px}.game-card header .badge{margin-left:auto}.game-card h3{font:900 clamp(26px, 3.6vw, 48px)/1 var(--font-display);text-transform:uppercase;letter-spacing:-.02em}.game-card footer{justify-content:space-between;align-items:end;gap:24px;display:flex;bottom:28px}.game-card footer p{color:#d6d0e0;max-width:420px;font-size:18px}.game-card .go{background:var(--brand);border-radius:50%;flex:none;place-items:center;width:56px;height:56px;transition:transform .25s;display:grid}.game-card:hover .go{transform:rotate(-45deg)}.game-card .go svg{width:20px;height:20px}.gallery-progress{background:var(--line);height:2px}.gallery-progress div{background:var(--brand);transform-origin:0;height:100%;transform:scaleX(0)}.wipe{height:100svh;position:relative;overflow:hidden}.wipe-glow{z-index:4;filter:drop-shadow(0 0 28px #bd30a08c);position:absolute;inset:0}.wipe-portal{position:absolute;inset:0;overflow:hidden;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.wipe-portal video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.wipe-shade{opacity:0;pointer-events:none;background:radial-gradient(#07060c73 0%,#07060cbf 100%);position:absolute;inset:0}.wipe-copy{z-index:5;text-align:center;opacity:0;place-items:center;display:grid;position:absolute;inset:0}.wipe-copy>div{filter:drop-shadow(0 6px 34px #0000008c)}.wipe-copy h2{font:800 clamp(44px, 7vw, 110px)/.95 var(--font-display);text-transform:uppercase;letter-spacing:-.03em;margin-top:20px}.deep{background:var(--bg-deep)}.craft-list{margin-top:56px;list-style:none}.craft-list li{border-top:1px solid var(--line);cursor:default;grid-template-columns:70px 1fr 340px;align-items:center;gap:24px;padding:30px 0;display:grid}.craft-list li:last-child{border-bottom:1px solid var(--line)}.craft-list .n{font:600 15px var(--font-body);color:var(--muted);letter-spacing:.1em}.craft-list h4{font:700 clamp(30px, 4.4vw, 64px)/1 var(--font-display);letter-spacing:-.02em;margin:-.06em 0 -.18em;padding:.06em 0 .18em;transition:transform .35s,color .35s}.craft-list p{color:var(--muted);opacity:.6;font-size:18px;transition:opacity .35s}.craft-list li:hover h4{background:var(--brand);color:#0000;-webkit-background-clip:text;background-clip:text;transform:translate(16px)}.craft-list li:hover p{opacity:1}@media (width<=860px){.craft-list li{grid-template-columns:44px 1fr}.craft-list p{grid-column:2}}.platforms-block{padding-top:20px}.platforms{flex-wrap:wrap;align-items:center;gap:24px clamp(40px,6vw,96px);margin-top:36px;display:flex}.platforms span{font:800 clamp(32px, 4.6vw, 64px)/1 var(--font-display);letter-spacing:.02em;color:#edeaf252;transition:color .25s}.platforms span:hover{color:var(--text)}.statement{font:800 clamp(36px, 5.6vw, 88px)/1.02 var(--font-display);text-transform:uppercase;letter-spacing:-.03em;text-align:center;max-width:1180px;margin-inline:auto}.statement .w{display:inline-block}@media (prefers-reduced-motion:reduce){.gallery{height:auto;padding:110px 0}.gallery-track{width:auto;overflow-x:auto}.wipe{display:none}}