.retro-hero-motion{position:relative;left:50%;width:100vw;margin-left:-50vw;min-height:clamp(500px,64vh,680px);overflow:hidden;isolation:isolate;background:var(--paper)}
.retro-hero-media,.retro-hero-wash{position:absolute;inset:0;pointer-events:none}.retro-hero-media{z-index:-2}.retro-hero-media video{width:100%;height:100%;object-fit:cover;opacity:.34;filter:grayscale(1) contrast(.82) brightness(1.16);transform:scale(1.012)}.retro-hero-wash{z-index:-1;background:radial-gradient(circle at 57% 48%,rgba(201,210,195,.28),transparent 25%),linear-gradient(90deg,rgba(244,242,236,.97) 0%,rgba(244,242,236,.72) 52%,rgba(244,242,236,.86) 100%)}
.retro-hero-inner{width:min(100%,var(--max));min-height:clamp(500px,64vh,680px);margin:0 auto;padding:clamp(112px,10vw,150px) var(--pad) var(--space-8);display:grid;grid-template-columns:minmax(0,1.25fr) minmax(300px,.55fr);gap:var(--content-gap);align-items:end}.retro-hero-inner .overline{grid-column:1/-1;margin:0}.retro-hero-inner h1{margin:0;max-width:900px;font-size:clamp(64px,7.2vw,118px);font-weight:300;letter-spacing:-.06em;line-height:.91}.retro-hero-inner>p:last-child{margin:0 0 8px;max-width:480px;font-size:clamp(18px,1.35vw,22px);line-height:1.55;color:#45473f}
.retro-machine{padding-top:var(--section-y-compact)}.retro-machine-head{display:flex;align-items:end;justify-content:space-between;gap:var(--content-gap);padding-bottom:var(--space-4);border-bottom:1px solid var(--ink)}.retro-machine-head .overline{margin:0 0 12px}.retro-machine-head h2{margin:0;font-size:clamp(36px,4vw,64px);font-weight:300;letter-spacing:-.05em;line-height:.98}.retro-machine-note{max-width:260px;margin:0 0 5px;color:var(--muted);font-size:16px;line-height:1.5}
.retro-game-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-bottom:1px solid var(--line)}.retro-game-card{position:relative;display:grid;gap:7px;border:0;background:transparent;padding:20px 12px 18px;text-align:left;color:var(--muted);cursor:pointer}.retro-game-card::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;background:var(--accent-deep,#9daa97);transform:scaleX(0);transform-origin:left;transition:transform .28s var(--ease)}.retro-game-card strong{font-size:clamp(20px,1.55vw,26px);font-weight:380;letter-spacing:-.03em}.retro-game-card span{font-size:15px}.retro-game-card:hover,.retro-game-card:focus-visible,.retro-game-card.is-active{color:var(--ink)}.retro-game-card.is-active::after{transform:scaleX(1)}
.retro-console{padding-top:var(--space-5)}.retro-stage-bar{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--line);font-size:16px;font-variant-numeric:tabular-nums}.retro-stage-bar strong{font-size:18px;font-weight:500}.retro-stage-bar span{color:var(--muted)}.retro-stage{position:relative;background:linear-gradient(180deg,rgba(201,210,195,.16),rgba(244,242,236,.1));overflow:hidden}.retro-stage canvas{display:block;width:100%;height:auto;aspect-ratio:8/5;background:var(--paper);touch-action:none}.retro-machine[data-active-game="pulse"] .retro-stage canvas{cursor:pointer}
.retro-toolbar{display:grid;grid-template-columns:minmax(100px,.65fr) minmax(100px,.65fr) 1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.retro-toolbar>div,.retro-toolbar>button{min-height:68px;padding:var(--space-3) 18px;border:0;border-right:1px solid var(--line);background:transparent;text-align:left;color:var(--ink)}.retro-toolbar>*:last-child{border-right:0}.retro-toolbar>div{display:grid;align-content:center;gap:4px}.retro-toolbar span{font-size:15px;color:var(--muted)}.retro-toolbar strong{font-size:20px;font-weight:470;font-variant-numeric:tabular-nums}.retro-toolbar button{display:flex;align-items:center;font:inherit;cursor:pointer;transition:background .22s var(--ease)}.retro-toolbar button:hover,.retro-toolbar button:focus-visible{background:rgba(201,210,195,.25)}
.retro-controls{display:grid;grid-template-columns:160px 1fr 150px;gap:var(--content-gap);align-items:center;padding:var(--space-4) 0 var(--space-2)}.retro-controls>p{margin:0;text-align:center;color:var(--muted);font-size:16px;line-height:1.55}.retro-dpad{display:grid;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:3px}.retro-dpad button,.retro-ab button{border:1px solid var(--line);background:rgba(201,210,195,.08);color:var(--ink);font:inherit;cursor:pointer;transition:background .18s var(--ease),border-color .18s var(--ease),transform .08s ease}.retro-dpad button:active,.retro-ab button:active,.retro-dpad button.is-held,.retro-ab button.is-held{transform:translateY(1px);background:var(--accent);border-color:rgba(21,22,15,.35)}.retro-dpad [data-retro-input="up"]{grid-column:2}.retro-dpad [data-retro-input="left"]{grid-column:1;grid-row:2}.retro-dpad [data-retro-input="down"]{grid-column:2;grid-row:2}.retro-dpad [data-retro-input="right"]{grid-column:3;grid-row:2}.retro-ab{display:flex;justify-content:flex-end;gap:10px}.retro-ab button{width:62px;height:62px;border-radius:50%;font-weight:500}
@media(max-width:900px){.retro-hero-inner{grid-template-columns:1fr;gap:var(--space-5)}.retro-hero-inner>p:last-child{max-width:600px}.retro-machine-head{align-items:start;flex-direction:column}.retro-game-grid{display:flex;overflow-x:auto;scrollbar-width:none}.retro-game-grid::-webkit-scrollbar{display:none}.retro-game-card{flex:0 0 170px}.retro-controls{grid-template-columns:1fr 1fr}.retro-controls>p{grid-column:1/-1;grid-row:2;text-align:left}.retro-ab{align-self:center}}
@media(max-width:620px){.retro-hero-motion,.retro-hero-inner{min-height:clamp(460px,60vh,580px)}.retro-hero-inner{padding-top:108px;padding-bottom:var(--space-7)}.retro-hero-inner h1{font-size:clamp(52px,16vw,74px)}.retro-machine{padding-top:var(--section-y-compact)}.retro-machine-head h2{font-size:42px}.retro-stage-bar{padding:13px 0}.retro-toolbar{grid-template-columns:1fr 1fr}.retro-toolbar>div,.retro-toolbar>button{min-height:64px}.retro-toolbar>:nth-child(2){border-right:0}.retro-toolbar>:nth-child(-n+2){border-bottom:1px solid var(--line)}.retro-controls{gap:var(--space-4);padding-top:var(--space-4)}.retro-dpad{grid-template-columns:repeat(3,44px);grid-template-rows:repeat(2,44px)}.retro-ab button{width:56px;height:56px}}
@media(prefers-reduced-motion:reduce){.retro-hero-media video{display:none}.retro-hero-media{background:var(--paper) url("/assets/video/retro-tunnel.jpg?v=0.0.40") center/cover no-repeat;opacity:.4}}