.hero{--ink: #f2efe9;--frame: clamp(1rem, 2.4vw, 2.6rem);position:relative;display:flex;flex-direction:column;justify-content:center;min-height:calc(100vh - var(--header-height, 72px));overflow:hidden;background:var(--color-bg)}.hero__video-container{position:absolute;top:-4%;right:0;bottom:-4%;left:0;z-index:0;width:100%;height:108%;overflow:hidden;pointer-events:none;will-change:transform}.hero__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(1.1) brightness(.5) contrast(1.08)}.hero__overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(90deg,#0e1013eb,#0e10138c 45%,#0e101333),linear-gradient(180deg,rgba(14,16,19,.5) 0%,transparent 30%,transparent 60%,var(--color-bg) 100%);pointer-events:none}.hero__wrap{position:relative;z-index:2;display:flex;flex-direction:column;gap:clamp(2rem,5vh,3.5rem);width:100%;max-width:calc(var(--page-max) + var(--frame) * 2);margin:0 auto;padding:clamp(2rem,6vh,4rem) var(--frame) clamp(4.5rem,9vh,6rem)}.hero__intro{max-width:52rem}.hero__title{position:relative;margin:0;font-size:clamp(4.5rem,15vw,13rem);font-weight:900;line-height:.82;letter-spacing:-.06em;text-transform:uppercase}.hero__title-text{position:relative;color:var(--ink)}.hero__title-shadow{position:absolute;top:.06em;left:.05em;color:transparent;-webkit-text-stroke:2px var(--color-accent);pointer-events:none;-webkit-user-select:none;user-select:none}.hero__subtitle{max-width:34rem;margin:clamp(1.2rem,3vh,2rem) 0 0;color:#d6d9dc;font-size:clamp(1.05rem,1.6vw,1.3rem);font-weight:500;line-height:1.5}.hero__actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:clamp(1.6rem,4vh,2.4rem)}.hero__select-head{display:flex;align-items:center;gap:.8rem;margin-bottom:.9rem;color:var(--color-text-muted)}.hero__select-count{color:var(--color-text-dim)}.hero__games{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.6rem);margin:0;padding:0;list-style:none}.hero__game{display:flex;flex-direction:column;height:100%;overflow:hidden;border:3px solid var(--ink);border-radius:var(--brutal-radius);background:var(--color-bg);box-shadow:6px 6px #000;color:var(--ink);text-decoration:none;transition:transform .18s var(--ease-hud),box-shadow .18s var(--ease-hud)}.hero__game:hover,.hero__game:focus-visible{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--color-accent);outline:none}.hero__game:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--color-accent)}.hero__game-media{position:relative;display:block;aspect-ratio:616 / 300;overflow:hidden;border-bottom:3px solid var(--ink)}.hero__game-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s var(--ease-hud),filter .3s;filter:saturate(.85)}.hero__game:hover .hero__game-media img,.hero__game:focus-visible .hero__game-media img{transform:scale(1.05);filter:saturate(1.1)}.hero__game-body{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem}.hero__game-index{display:inline-grid;place-items:center;width:2.2rem;height:2.2rem;flex-shrink:0;border:2px solid var(--color-border-strong);border-radius:10px;color:var(--color-text-dim);font-family:var(--font-mono);font-size:.72rem;font-weight:900;transition:background-color .15s,color .15s,border-color .15s}.hero__game:hover .hero__game-index,.hero__game:focus-visible .hero__game-index{border-color:#000;background:var(--color-accent);color:var(--color-on-accent)}.hero__game-text{display:flex;flex:1;flex-direction:column;gap:.15rem;min-width:0}.hero__game-name{overflow:hidden;font-weight:900;line-height:1.1;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.hero__game-tagline{color:var(--color-text-dim);font-family:var(--font-mono);font-size:.6rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.hero__game-action{display:inline-flex;align-items:center;gap:.4rem;flex-shrink:0;color:var(--color-accent);font-family:var(--font-mono);font-size:.66rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero__scroll{position:absolute;bottom:1.4rem;left:50%;z-index:3;display:inline-flex;align-items:center;gap:.6rem;transform:translate(-50%);color:var(--color-text-dim);font-family:var(--font-mono);font-size:.62rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;text-decoration:none;transition:color .15s}.hero__scroll:hover{color:var(--ink)}@media (prefers-reduced-motion: no-preference){.hero__scroll .ghud-key{animation:hero-bob 1.8s ease-in-out infinite}}@keyframes hero-bob{50%{transform:translateY(4px)}}@media (min-width: 801px) and (max-width: 1100px),(max-width: 480px){.hero__game-action-label{display:none}}@media (max-width: 800px){.hero{min-height:auto}.hero__overlay{background:linear-gradient(180deg,rgba(14,16,19,.7) 0%,rgba(14,16,19,.55) 50%,var(--color-bg) 100%)}.hero__games{grid-template-columns:1fr;gap:.8rem}.hero__game{flex-direction:row;box-shadow:4px 4px #000}.hero__game-media{width:38%;max-width:11rem;flex-shrink:0;aspect-ratio:auto;border-right:3px solid var(--ink);border-bottom:0}.hero__game-body{flex:1;min-width:0;padding:.7rem .8rem}.hero__game-index,.hero__scroll{display:none}}@media (max-width: 600px){.hero__title-shadow{-webkit-text-stroke-width:1.5px}.hero__actions .ghud-btn{flex:1 1 100%}}