@font-face{font-family:Hanken;src:url('assets/sans.woff2') format('woff2');font-display:swap;font-weight:100 900}@font-face{font-family:Young;src:url('assets/serif.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--bg:#070d15;--text:#f0ede4;--muted:#aab9c9;--blue:#91b6ff;--line:#283443}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--bg);color:var(--text);font-family:Hanken,Arial,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--blue);outline-offset:6px}a,button{-webkit-tap-highlight-color:transparent}::selection{background:#4064a0;color:white}.skip{position:fixed;top:-100px;left:20px;background:var(--bg);padding:12px;z-index:20}.skip:focus{top:10px}header{position:absolute;inset:0 0 auto;z-index:3;display:flex;justify-content:space-between;align-items:center;padding:32px 5.5%;gap:24px}.brand{display:flex;align-items:center;gap:15px;font-size:12px;font-weight:700;letter-spacing:2px;line-height:1.25}.studio-logo{display:block;width:64px;height:64px;object-fit:contain;flex-shrink:0;filter:brightness(0) invert(1)}nav{display:flex;gap:36px;font-size:14px}nav a{transition:color .2s}nav a:hover{color:var(--blue)}.external{color:var(--blue)}.hero{min-height:800px;height:100svh;max-height:1200px;position:relative;overflow:hidden;display:flex;align-items:center}.hero-art,.hero-shade{position:absolute;inset:0}.hero-art{background:url('assets/deep.webp') 85% 46%/cover;transform:scale(1.04);animation:arrive 1.8s ease-out both}.hero-shade{background:linear-gradient(90deg,rgba(4,11,19,.9),rgba(4,11,19,.56) 40%,rgba(4,11,19,.08) 78%),linear-gradient(0deg,var(--bg),transparent 30%,rgba(4,11,19,.3))}.hero-content{position:relative;padding:110px 5.5% 100px;width:100%}.eyebrow{font-size:11px;letter-spacing:2.5px;font-weight:600;color:var(--blue);margin:0 0 28px}h1,h2,p{margin-top:0}h1{font-family:Young,Georgia,serif;font-weight:400;font-size:clamp(80px,10.9vw,168px);line-height:1.03;letter-spacing:-.055em;margin-bottom:32px}h1>span{display:block}.star{display:inline-block;font-family:Georgia,serif;font-size:.36em;vertical-align:top;margin:14px 0 0 28px;color:var(--blue)}.hero-line{font-size:clamp(19px,2vw,26px);line-height:1.5;color:#d3dce5;margin-bottom:30px}.link{display:inline-flex;gap:30px;align-items:center;padding:12px 0;border-bottom:1px solid #6782a3;font-size:14px}.link span{font-size:22px;transition:transform .25s}.link:hover span{transform:translate(4px,2px)}.hero-bottom{position:absolute;bottom:30px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:#b7c5d3}.hero-bottom a span{margin-left:22px}.section{padding:100px 7%;max-width:1800px;margin:auto}.section-top{display:flex;align-items:baseline;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:54px;gap:20px}.status{color:var(--muted);font-size:12px}.status i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue);margin-right:8px}.game-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:50px}h2{font-family:Young,Georgia,serif;font-weight:400;font-size:clamp(42px,5.5vw,80px);line-height:1.15;letter-spacing:-.045em;margin-bottom:0}.game-heading h2 span{color:var(--blue)}.game-heading>p{color:var(--muted);font-size:19px;max-width:330px;margin-bottom:4px}.game-art{display:grid;grid-template-columns:1fr 1fr;gap:18px}.game-art img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover}.art-caption{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;letter-spacing:2px;color:var(--muted);padding-top:4px}.art-caption>span+span{font-size:24px;color:var(--blue)}.game-detail{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:64px}.game-detail .eyebrow{padding-top:10px}.game-detail>div{max-width:580px}.large-copy{font-family:Young,Georgia,serif;font-size:clamp(25px,3vw,39px);line-height:1.4;letter-spacing:-.03em}.game-detail p:not(.eyebrow):not(.large-copy),.about-content>div{color:var(--muted)}.release-note{display:block;border-top:1px solid var(--line);padding-top:23px;margin-top:32px;font-size:13px;color:var(--blue)}.about{border-top:1px solid var(--line);padding-bottom:0}.about-content{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}.about-content h2{font-size:clamp(36px,4.5vw,65px)}.about-content>div{max-width:470px}.about-content .link{color:var(--text)}.closing-mark{margin-top:100px;font-size:clamp(65px,15.6vw,260px);letter-spacing:-.06em;font-weight:800;line-height:1;color:#182b40;display:flex;justify-content:space-between;align-items:center;overflow:hidden}.closing-mark span{font-size:.5em;color:#35639d}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:24px;padding:30px 7%;font-size:12px;color:var(--muted)}.footer-brand{display:flex;align-items:center;gap:10px;color:var(--text);font-size:16px}.footer-brand .studio-logo{width:40px;height:40px}.entrance{animation:rise .85s both}.entrance:nth-child(2){animation-delay:.1s}.entrance:nth-child(3){animation-delay:.2s}.entrance:nth-child(4){animation-delay:.3s}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .75s,transform .75s}.js .reveal.visible{opacity:1;transform:none}@keyframes rise{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@keyframes arrive{from{opacity:.3;transform:scale(1.1)}to{opacity:1;transform:scale(1.04)}}
@media(min-width:1600px){.hero-art{background-position:center 48%}}@media(max-width:700px){header{padding:24px 6%}.brand{font-size:10px;gap:12px}.brand .studio-logo{width:48px;height:48px}nav{gap:18px;font-size:12px}nav .external{display:none}.hero{min-height:690px;max-height:1000px}.hero-art{background-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(4,11,19,.82),rgba(4,11,19,.3)),linear-gradient(0deg,var(--bg),transparent 50%)}.hero-content{padding:100px 6% 65px}h1{font-size:clamp(76px,17vw,118px)}.star{margin-left:16px}.hero-bottom{left:6%;right:6%;font-size:9px;letter-spacing:1px}.hero-bottom>span{display:none}.section{padding:65px 6%}.game-heading{display:block;margin-bottom:30px}.game-heading>p{margin-top:25px;font-size:17px}.section-top{margin-bottom:35px}.section-top .eyebrow{font-size:9px;letter-spacing:1.4px}.game-art{gap:9px}.art-caption{font-size:8px;letter-spacing:1px}.game-detail,.about-content{grid-template-columns:1fr;gap:18px}.game-detail{margin-top:40px}.game-detail .eyebrow{margin-bottom:12px}.about-content{gap:28px}.closing-mark{margin-top:65px}.about{padding-bottom:0}footer{flex-wrap:wrap;padding:25px 6%;gap:12px}footer .footer-brand{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js .reveal{opacity:1;transform:none}}
