@font-face{font-family:Inter;src:url("assets/inter-latin-variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:Astral;src:url("assets/UnifrakturMaguntia-Regular.ttf") format("truetype");font-style:normal;font-weight:400;font-display:swap}
:root{--night:#090d13;--ink:#eee9df;--muted:#b0ada9;--orange:#ed842f;--line:#b9b4a329;--gutter:clamp(22px,5.8vw,90px);color-scheme:dark}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:35px;background:var(--night)}
body{margin:0;background:var(--night);color:var(--ink);font:400 15px/1.8 Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
body.dialog-open{overflow:hidden}
::selection{background:var(--orange);color:var(--night)}
a{color:inherit;text-decoration:none;text-underline-offset:6px}a:hover{color:var(--orange)}
button,a{-webkit-tap-highlight-color:transparent}button,video{font:inherit}button{cursor:pointer}
button:focus-visible,a:focus-visible,video:focus-visible{outline:2px solid var(--orange);outline-offset:7px}
img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3{margin:0}
h1,h2{font-family:Astral,Georgia,serif;font-weight:400;letter-spacing:0}
.page-width{width:min(100%,1440px);margin-inline:auto;padding-inline:var(--gutter)}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link{position:fixed;top:15px;left:20px;z-index:20;padding:10px 18px;background:var(--night);color:var(--orange);transform:translateY(-170%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:5;top:0;right:0;padding:27px var(--gutter)}
.site-header a{display:inline-block;padding:8px 0;font-size:12px;color:#d3d0cc;text-shadow:0 1px 6px #000}.site-header a:hover{color:var(--orange)}
.hero{height:100svh;min-height:750px;max-height:1050px;position:relative;overflow:hidden;isolation:isolate;background:#0a0e16}
.hero-world{position:absolute;inset:0 0 0 34%;z-index:-3}.hero-world img{width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#090d13 2%,#090d13f0 18%,#090d13a6 37%,#090d1326 65%,#090d1314),linear-gradient(0deg,#090d13 0%,#090d1399 8%,transparent 35%,#090d131a 76%,#090d1366)}
.hero-copy{width:57%;max-width:850px;padding:0 25px 50px var(--gutter);height:100%;display:flex;align-items:center;flex-direction:column;justify-content:center;text-align:center}
.release-note{font-size:10px;color:#b8b5b1;letter-spacing:.09em;margin-bottom:35px}
.hero h1{width:100%;line-height:.92;text-shadow:0 4px 30px #0009}.hero h1 span{display:block}
.title-knights{font-size:clamp(100px,11.4vw,173px)}.title-of{font-size:clamp(26px,2.9vw,43px);line-height:1.2;margin-block:3px}.title-plane{font-size:clamp(64px,7.3vw,112px);white-space:nowrap}
.hero-whisper{margin-top:37px;color:#bcb8b3;font-size:14px;line-height:1.9;text-shadow:0 2px 10px #000}.hero-whisper span{color:var(--orange)}
.scroll-cue{position:absolute;left:var(--gutter);bottom:36px;display:flex;align-items:center;gap:24px;font-size:10px;letter-spacing:.06em;color:#c3b9b0;padding-block:12px}.scroll-cue>span:last-child{color:var(--orange);font-size:25px;line-height:1}
.game-section{position:relative;padding-top:65px;padding-bottom:150px;background:radial-gradient(ellipse at 12% 65%,#4f382410,transparent 65%)}
.game-intro{display:flex;align-items:center;justify-content:space-between;gap:65px;max-width:1070px;margin:0 auto 60px}.game-intro h2{font-size:clamp(54px,5.6vw,81px);line-height:1.05;flex-shrink:0}.game-intro h2 span{color:var(--orange)}.game-intro p{font-size:14px;line-height:1.95;color:var(--muted);max-width:370px}
.screenshot-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:23px;align-items:start}.game-shot{min-width:0}
.shot-lake{margin-top:40px}.shot-stone{margin-top:105px}.shot-winter{margin-top:0}.shot-sunset{margin-top:75px}
.shot-button{display:block;position:relative;background:#11171b;overflow:hidden;box-shadow:0 25px 45px #0005}.shot-button img{width:100%;height:auto;transition:filter .3s;filter:saturate(.94)}.shot-button:hover img{filter:saturate(1.1)}
.game-shot figcaption{font-size:11px;color:#b7ada5;margin-top:16px;line-height:1.6}.shot-stone figcaption{color:var(--orange)}
.film-section{position:relative;overflow:hidden;isolation:isolate;padding:75px var(--gutter) 125px;background:#111114}
.film-landscape{position:absolute;inset:0;z-index:-2;background:linear-gradient(#090d13 0%,#090d1340 29%,#090d1370 71%,#090d13 100%),url("assets/astral-shore.webp") center 52%/cover no-repeat;opacity:.65}
.film-content{display:flex;flex-direction:column;align-items:center;text-align:center}.film-content h2{font-size:clamp(45px,4.7vw,66px);line-height:1.1;margin-bottom:42px;text-shadow:0 2px 15px #000a}
.video-frame{position:relative;width:min(100%,390px);box-shadow:0 15px 100px #0009}.video-frame video{display:block;width:100%;height:auto;max-height:calc(100svh - 100px);aspect-ratio:404/720;object-fit:contain;background:#080b0e}
.sound-button,.video-play{position:absolute;left:50%;transform:translateX(-50%);border:1px solid #ee995a8f;border-radius:3px;background:#0b0d11ee;color:var(--orange);padding:12px 19px;font-size:12px;line-height:1.5;min-height:44px;white-space:nowrap;box-shadow:0 3px 18px #0008}.sound-button{top:20px}.video-play{top:46%}.sound-button[hidden],.video-play[hidden]{display:none}.sound-button:hover,.video-play:hover{background:var(--orange);color:var(--night)}.sound-button span,.video-play span{margin-left:12px}
.closing{padding-top:50px;padding-bottom:100px;text-align:center}.closing h2{font-size:clamp(42px,4.5vw,61px);line-height:1.15}.closing p{font-size:12px;line-height:2;color:var(--muted);margin-top:24px}.coming-soon{display:inline-block;color:var(--orange);font-size:11px;letter-spacing:.025em;margin-top:22px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:10px;color:#9c9996;padding-block:25px 32px;position:relative}.site-footer::before{content:"";position:absolute;height:1px;top:0;left:var(--gutter);right:var(--gutter);background:var(--line)}.site-footer>div{display:flex;gap:26px}
.image-dialog{background:#0d1117;color:var(--ink);border:1px solid #66717c50;border-radius:2px;padding:52px 24px 23px;max-width:min(620px,calc(100vw - 28px));width:max-content;max-height:calc(100dvh - 28px);overflow:auto;box-shadow:0 20px 100px #0008}.image-dialog::backdrop{background:#05070ded;backdrop-filter:blur(7px)}.image-dialog figure{display:flex;align-items:center;flex-direction:column}.image-dialog img{height:min(73dvh,1050px);width:auto;max-width:100%;object-fit:contain}.image-dialog figcaption{font-size:11px;color:var(--muted);text-align:center;max-width:390px;margin-top:16px;line-height:1.7}
.dialog-close{position:absolute;right:18px;top:9px;display:flex;gap:10px;align-items:center;background:transparent;border:0;color:var(--ink);font-size:11px;min-height:36px;padding:3px 6px}.dialog-close span{font-size:26px;line-height:1}.dialog-close:hover{color:var(--orange)}
.policy-page{background:radial-gradient(ellipse at 85% 0%,#38304560,transparent 45%),var(--night)}.policy-header{display:flex;justify-content:space-between;align-items:center;padding-block:30px}.policy-header>a{font-family:Astral,Georgia,serif;font-size:24px;line-height:1.2;max-width:290px}.policy-header nav a{font-size:12px;color:var(--muted)}
.policy-main{max-width:920px;padding-top:60px;padding-bottom:100px}.policy-heading{border-bottom:1px solid var(--line);padding-bottom:34px;margin-bottom:38px}.policy-heading .policy-label{font-size:11px;color:var(--orange);margin-bottom:12px}.policy-heading h1{font-size:clamp(55px,7vw,86px);line-height:1.1}.policy-heading p:last-child{margin-top:18px;font-size:12px;color:var(--muted)}
.policy-content{max-width:670px}.policy-content section+section{margin-top:30px}.policy-content h2{font-size:33px;line-height:1.2;margin-bottom:12px}.policy-content p{color:#bcb7b2;font-size:13px;line-height:1.9}.policy-content p+p{margin-top:12px}.policy-content a{color:var(--orange);text-decoration:underline;overflow-wrap:anywhere}.policy-note{padding-top:25px;border-top:1px solid var(--line);margin-top:35px;font-size:11px!important}
@media(min-width:1500px){.hero-copy{padding-left:max(var(--gutter),calc((100vw - 1440px)/2 + 45px));max-width:none;width:56%}}
@media(max-width:1050px){.hero{min-height:720px}.hero-copy{width:61%;padding-right:20px}.hero-world{left:27%}.hero-shade{background:linear-gradient(90deg,#090d13ed 1%,#090d13c4 30%,#090d134a 65%,#090d131a),linear-gradient(0deg,#090d13,transparent 30%,#090d1330)}.title-knights{font-size:clamp(95px,12vw,130px)}.title-plane{font-size:clamp(65px,7.8vw,85px)}.game-intro{gap:40px}.game-intro p{font-size:13px;max-width:320px}.screenshot-grid{gap:16px}.game-shot figcaption{font-size:10px}.film-section{padding-block:65px 100px}}
@media(max-width:700px){.site-header{padding-top:16px}.site-header a{font-size:11px}.hero{height:100svh;min-height:780px;max-height:1000px}.hero-world{inset:0}.hero-world img{object-position:51% 56%}.hero-shade{background:linear-gradient(0deg,#090d13 0%,#090d130d 35%,#090d1322 57%,#090d13b0 100%),linear-gradient(90deg,#090d1340,transparent 65%,#090d1320)}.hero-copy{width:100%;padding:95px 22px 0;justify-content:flex-start;max-width:none}.release-note{font-size:9px;letter-spacing:.07em;margin-bottom:22px;color:#cac3bb}.title-knights{font-size:clamp(83px,24vw,145px)}.title-of{font-size:30px;line-height:1;margin-block:1px}.title-plane{font-size:clamp(49px,15.2vw,92px)}.hero-whisper{font-size:12px;margin-top:25px;line-height:1.8;color:#e1d6cb}.scroll-cue{bottom:22px;font-size:9px;gap:18px}.game-section{padding-top:45px;padding-bottom:85px}.game-intro{display:block;margin-bottom:37px}.game-intro h2{font-size:57px;line-height:1.02}.game-intro p{font-size:13px;max-width:440px;margin-top:24px;line-height:1.9}.screenshot-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 17px}.shot-lake{margin-top:0}.shot-stone{margin-top:52px}.shot-winter{margin-top:-45px}.shot-sunset{margin-top:15px}.game-shot figcaption{font-size:10px;margin-top:12px}.film-section{padding-top:45px;padding-bottom:80px}.film-content h2{font-size:49px;margin-bottom:32px}.video-frame{width:min(100%,350px)}.video-frame video{max-height:calc(100svh - 90px)}.closing{padding-block:30px 75px}.closing h2{font-size:clamp(35px,10vw,55px)}.closing p{font-size:11px;margin-top:21px}.site-footer{font-size:9px;flex-wrap:wrap;gap:15px;padding-block:22px 28px}.site-footer>span{width:100%}.site-footer>div{gap:24px}.policy-header{padding-block:25px;gap:25px}.policy-header>a{font-size:21px;max-width:200px}.policy-header nav a{font-size:11px}.policy-main{padding-top:40px;padding-bottom:65px}.policy-heading h1{font-size:57px}.policy-content h2{font-size:30px}.policy-content p{font-size:12px}.image-dialog{padding-inline:15px}.image-dialog img{height:auto;max-height:72dvh}.image-dialog figcaption{font-size:10px}}
@media(max-width:360px){.title-knights{font-size:83px}.title-plane{font-size:49px}.hero-copy{padding-top:110px}.hero{min-height:760px}.game-intro h2{font-size:49px}.screenshot-grid{gap:30px 12px}.game-shot figcaption{font-size:9px}.film-content h2{font-size:43px}.closing h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.beta-access{margin-top:23px}.beta-link{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:9px 0;border-bottom:1px solid var(--orange);color:var(--orange);font-size:14px;font-weight:550}.beta-link:hover{color:var(--ink);border-color:var(--ink)}.closing .beta-note{max-width:430px;margin:15px auto 0;font-size:11px;line-height:1.8;color:var(--muted)}.beta-note a{color:var(--orange);text-decoration:underline}
