@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--navy:#131d27;--navy-deep:#10171e;--cream:#f5eddf;--rust:#994c3e;--gold:#d6a679}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--navy);color:var(--cream);font-family:'DM Sans',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--gold);outline-offset:5px}
.page-shell{min-height:100svh;display:flex;flex-direction:column;overflow:hidden}
.site-header{position:relative;z-index:3;display:flex;justify-content:space-between;align-items:center;gap:20px;width:min(100% - 96px,1440px);min-height:88px;margin-inline:auto;border-bottom:1px solid rgba(245,237,223,.18)}
.wordmark{font:700 18px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.07em;white-space:nowrap}
.mark{color:var(--gold);font-size:27px;vertical-align:-3px;margin-right:7px}
.wordmark-sub{color:#aeb4b4;font:700 10px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.12em;margin-left:8px;vertical-align:2px}
.header-link{font:700 11px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.19em;border:1px solid rgba(245,237,223,.5);padding:13px 17px;transition:background .2s,color .2s}
.header-link span{margin-left:13px;font-size:16px;vertical-align:-1px}
.header-link:hover{background:var(--cream);color:var(--navy)}
.landing{position:relative;flex:1;min-height:700px;display:flex;align-items:center;isolation:isolate;background:radial-gradient(circle at 74% 47%,#28333a 0,#18242e 35%,var(--navy) 68%)}
.landing:before{content:'';position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,rgba(16,23,30,.55),transparent 70%)}
.orbit{position:absolute;border:1px solid rgba(214,166,121,.15);border-radius:50%;z-index:-2;pointer-events:none}
.orbit-one{width:900px;height:900px;right:-260px;top:50%;transform:translateY(-50%)}
.orbit-two{width:610px;height:610px;right:-115px;top:50%;transform:translateY(-50%)}
.stars{position:absolute;inset:0;z-index:-2;opacity:.35;background-image:radial-gradient(circle,#e5c49d 1px,transparent 1.5px),radial-gradient(circle,#f5eddf .8px,transparent 1.3px);background-size:171px 167px,239px 217px;background-position:8px 35px,100px 81px;mask-image:linear-gradient(90deg,transparent,#000 70%)}
.landing-inner{width:min(100% - 96px,1440px);margin-inline:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.8fr);align-items:center;gap:4%;position:relative;z-index:1;min-height:700px}
.landing-copy{padding:65px 0 90px;position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 27px;color:var(--gold);font:700 11px/1.3 'Space Grotesk',Arial,sans-serif;letter-spacing:.2em}
.eyebrow-line{width:29px;height:1px;background:currentColor;flex:none}
h1{font:700 clamp(77px,8.7vw,153px)/.83 'Space Grotesk',Arial,sans-serif;letter-spacing:-.105em;margin:0;white-space:nowrap}
h1 em{font-style:normal;color:var(--gold)}
.period{color:var(--rust)}
.intro{max-width:510px;color:#e0ded4;font-size:clamp(18px,1.5vw,23px);line-height:1.5;font-weight:500;margin:38px 0 32px}
.steam-button{display:inline-flex;align-items:center;gap:18px;min-height:65px;background:var(--gold);color:var(--navy-deep);padding:0 21px;font-size:15px;font-weight:800;box-shadow:6px 6px 0 var(--rust);transition:transform .2s,box-shadow .2s,background .2s}
.steam-button:hover{transform:translate(-3px,-3px);box-shadow:9px 9px 0 var(--rust);background:#eac49b}
.button-icon{font-size:22px;font-weight:400}
.button-arrow{font-size:21px;margin-left:25px;font-weight:500}
.microcopy{font:700 10px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.2em;color:#8caaa9;margin:25px 0 0}
.character{height:min(750px,calc(100svh - 135px));min-height:610px;align-self:end;position:relative;overflow:hidden;transform:translateY(-105px)}
.character img{width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:translateY(0) scale(.94);transform-origin:center bottom;filter:saturate(.95)}
.character-label{position:absolute;z-index:1;bottom:35px;right:15px;display:flex;flex-direction:column;align-items:end;text-align:right;gap:5px}
.character-label span,.character-label small{font:700 10px/1.2 'Space Grotesk',Arial,sans-serif;letter-spacing:.17em;color:var(--gold)}
.character-label strong{font:700 22px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:-.06em}
.character-label small{color:#c8c7bb}
.site-footer{position:relative;z-index:3;width:min(100% - 96px,1440px);min-height:58px;margin-inline:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid rgba(245,237,223,.18);font:700 10px/1 'Space Grotesk',Arial,sans-serif;letter-spacing:.18em;color:#9aa7a7}
@media(max-width:1100px){.landing-inner{grid-template-columns:minmax(0,1fr) minmax(280px,.76fr)}h1{font-size:clamp(73px,9vw,118px)}.character{height:650px;min-height:0}}
@media(max-width:800px){.site-header,.landing-inner,.site-footer{width:min(100% - 44px,1440px)}.site-header{min-height:72px}.landing{min-height:calc(100svh - 130px)}.landing-inner{grid-template-columns:1fr;min-height:0}.landing-copy{padding:90px 0 340px}.character{position:absolute;right:-65px;bottom:0;width:490px;height:680px;min-height:0;opacity:.98;z-index:-1;transform:translateY(-45px)}.character-label{display:none}.landing:before{z-index:0;background:linear-gradient(90deg,rgba(16,23,30,.5),rgba(16,23,30,.07))}h1{font-size:clamp(68px,12.3vw,105px)}.intro{max-width:430px}.site-footer{min-height:58px}}
@media(max-width:520px){.wordmark-sub{display:none}.header-link{padding:11px 12px}.landing-copy{padding:84px 0 290px}.eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:24px}h1{font-size:clamp(59px,15vw,78px)}.intro{font-size:17px;max-width:320px;margin:27px 0 25px}.steam-button{min-height:58px;font-size:14px;gap:11px;padding-inline:14px}.button-arrow{margin-left:13px}.character{width:380px;height:445px;right:-100px;opacity:.68}.character img{transform:translateY(0) scale(.96)}.site-footer{font-size:8px;letter-spacing:.11em}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.steam-button,.header-link{transition:none}}