@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Cormorant;src:url('assets/cormorant-garamond.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ivory:#f0e8d8;--warm:#d9b67b}
*{box-sizing:border-box}
html{background:#08121b}
body{margin:0;min-height:100svh;display:flex;flex-direction:column;position:relative;isolation:isolate;color:var(--ivory);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.scene,.shade{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
.scene{object-fit:cover;object-position:center 62%;filter:saturate(.75) brightness(.85)}
.shade{background:linear-gradient(90deg,#030c16b8,transparent 83%),linear-gradient(0deg,#08121bdb,transparent 32%),linear-gradient(#02091240,transparent 30%)}
header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:28px clamp(24px,3.5vw,70px)}
.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:inherit}
.brand img{width:64px;height:64px}
.brand>span{font:400 20px/1.3 Cormorant,Georgia,serif;letter-spacing:.3em}
.brand:focus-visible{outline:2px solid var(--warm);outline-offset:8px}
.status{font-size:11px;letter-spacing:.1em;color:#c2cbd0;display:flex;align-items:center;gap:10px}
.status>span{width:5px;height:5px;border-radius:50%;background:var(--warm);box-shadow:0 0 12px #d9b67b66}
main{flex:1;padding:clamp(45px,8svh,110px) clamp(24px,5.7vw,110px) 60px}
.eyebrow{font:400 12px/1.6 Cormorant,Georgia,serif;letter-spacing:.4em;margin:0 0 22px}
h1{font-size:clamp(40px,4.7vw,76px);font-weight:450;line-height:1.13;letter-spacing:-.035em;margin:0 0 18px;max-width:1000px;color:#f3f3f0}
.intro{font-size:clamp(16px,1.65vw,23px);line-height:1.7;color:#d0d7da;margin:0}
.coming{margin-top:48px}
.line{display:block;height:1px;width:42px;background:var(--warm);margin-bottom:20px}
h2{font:400 34px/1.25 Cormorant,Georgia,serif;margin:0 0 12px}
.coming p{font-size:13px;line-height:1.9;color:#bdc8cd;margin:0}
footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px clamp(24px,5.7vw,110px) 28px}
footer p{font:italic 400 21px/1.5 Cormorant,Georgia,serif;margin:0}
footer>span{font-size:9px;letter-spacing:.23em;color:#b1bec6}
@media(max-width:700px){header{padding:22px 24px}.brand img{width:48px;height:48px}.brand>span{font-size:15px}.status{font-size:9px;max-width:105px;line-height:1.8;letter-spacing:.04em}.scene{object-position:right center}.shade{background:linear-gradient(90deg,#030c1660,#030c1610),linear-gradient(0deg,#08121bc0,transparent 55%)}main{padding-top:65px;padding-bottom:45px}h1{font-size:clamp(38px,7vw,52px);max-width:600px}.intro{max-width:300px}.coming{margin-top:36px}footer{flex-direction:column;align-items:flex-start;gap:12px;padding-bottom:25px}footer p{font-size:20px}}
@media(max-height:650px) and (min-width:701px){main{padding-top:20px;padding-bottom:24px}.coming{margin-top:24px}h1{font-size:48px}header{padding-top:20px;padding-bottom:15px}}

.scene-source{display:contents}