:root{--bg:#131313;--accent:#00eff2;--ink:#f3f3ef;background:var(--bg)}
html,body{height:auto;min-height:100%;overflow:auto;background:var(--bg)}
.hubris-header{position:absolute}.section-link[aria-current="page"]{opacity:1;color:var(--accent)}
.section-link[aria-current="page"] .hubris-stroke{stroke:var(--accent)}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:6px}
main{width:min(1440px,94vw);margin:0 auto;padding-top:calc(var(--header-top) + 112px)}
.intro{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(36px,7vw,110px);align-items:center;min-height:calc(100svh - 210px);padding-bottom:70px}
.cover{display:block}.cover img{width:100%;height:auto;display:block}
.eyebrow{text-transform:uppercase;font-size:10px;letter-spacing:.23em;color:#92928d;margin:0 0 25px}
h1{font-weight:400;font-size:16px;margin:0 0 24px;color:var(--accent);letter-spacing:.03em}
.tagline{font-size:clamp(32px,3.7vw,58px);font-weight:300;line-height:1.06;letter-spacing:-.045em;margin:0 0 28px}
.description{font-size:15px;line-height:1.7;color:#a2a29d;max-width:350px;margin:0 0 32px}
.play{display:inline-flex;align-items:center;gap:45px;padding:15px 20px;color:#131313;background:var(--accent);text-decoration:none;font-size:14px;transition:background .15s}
.play:hover{background:#fff}.play span{font-size:21px;line-height:1}
.play-note{font-size:11px;line-height:1.8;color:#777773;margin:16px 0 0}
.gameplay{padding:50px 0 60px;border-top:1px solid #2d2d2b}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-bottom:26px}
h2{font-size:20px;font-weight:300;margin:0;letter-spacing:-.025em}.section-heading p{font-size:11px;color:#81817b;margin:0}
.screenshots{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}figure{margin:0}figure a{display:block;position:relative}figure img{display:block;width:100%;height:auto}figure a span{position:absolute;right:10px;bottom:8px;font-size:18px;color:white;text-shadow:0 1px 4px #000}figcaption{margin-top:12px;color:#92928b;font-size:11px}
.page-footer{border-top:1px solid #2d2d2b;display:flex;justify-content:space-between;gap:20px;padding:25px 0 40px;font-size:11px;color:#71716c}.page-footer a{color:#a2a29d;text-decoration:none}.page-footer a:hover{color:var(--accent)}
@media(max-width:760px){main{width:90vw;padding-top:130px}.intro{grid-template-columns:1fr;gap:30px;padding-bottom:45px;min-height:0}.cover{max-width:570px}.intro-copy{padding:0 0 0 3px}.eyebrow{margin-bottom:18px}h1{margin-bottom:18px}.tagline{font-size:42px}.description{max-width:390px}.section-heading{display:block}.section-heading p{margin-top:12px}.screenshots{grid-template-columns:1fr;gap:27px}.gameplay{padding-top:32px}.page-footer{flex-direction:column;gap:14px}.section-nav{gap:7px}.section-link{width:44px;height:44px}.brand-link{width:44px;height:44px}}