*{box-sizing:border-box}
:root{color-scheme:dark;--gold:#efaa51;--ink:#e0d9d1;--mono:"Liberation Mono",Consolas,monospace}
body{margin:0;background:#050505;color:var(--ink)}
.scene{position:relative;isolation:isolate;width:min(100%,150svh);min-width:min(100%,900px);aspect-ratio:2048/1365;margin:auto;container-type:inline-size}
.backdrop{position:absolute;inset:0;z-index:-1;width:100%;height:100%;object-fit:cover}
.still{display:none}
a{color:inherit;text-decoration:none}
a:hover{text-decoration:underline}
:focus-visible{outline:2px solid white;outline-offset:4px}
nav,.brand,.coming,.intro,.early,.status,footer,.cities{position:absolute;margin:0}
nav{right:4.2%;top:6.1%;font:1.25cqw var(--mono);letter-spacing:.12em}
nav span{color:var(--gold)}
.brand{left:8.69%;top:16.7%;width:22.56%;line-height:0}
.brand img{width:100%;height:auto}
.coming{left:8.95%;top:66.55%;width:22.3%;padding-top:.8cqw;border-top:1px solid var(--gold);font:1.55cqw var(--mono);letter-spacing:.48em;color:var(--gold);white-space:nowrap}
.intro{left:8.95%;top:73.4%;font:italic 1.42cqw Georgia,serif;letter-spacing:.045em}
.early{left:8.95%;top:77.4%;width:53%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.9cqw}
.early button{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:.36cqw;min-height:5.65cqw;height:auto;min-width:0;padding:.55cqw 1cqw;border:1px solid #a67d4e;border-radius:2px;background:#100c08e6;color:var(--ink);text-align:left;white-space:normal;cursor:pointer}
.early button:hover{border-color:#f3b966;background:#2a1c10}
.early-audience{color:#f3bc79;font:700 max(7.6px,.96cqw)/1.2 var(--mono);letter-spacing:.035em;text-transform:uppercase}
.early-cta{color:#f9efe3;font:700 max(11px,1.43cqw)/1.18 system-ui,sans-serif}
.status{right:5.2%;top:83.2%;font:1.22cqw var(--mono);letter-spacing:.06em;color:var(--gold)}
footer{left:2.7%;right:4.15%;top:87.36%;border-top:1px solid var(--gold);padding-top:1.18cqw;display:grid;grid-template-columns:34.2% 27% 1fr;font:.97cqw var(--mono);letter-spacing:.17em;white-space:nowrap}
footer div{text-align:right}
footer b{color:var(--gold);font-weight:400}
.cities{inset:0;pointer-events:none}
.city{position:absolute;font:600 .83cqw Arial,sans-serif;letter-spacing:.035em;text-transform:uppercase;color:#fff;text-shadow:0 1px 4px black,0 0 7px black;white-space:nowrap}
.hub{font-size:1.23cqw;font-weight:700}
@media(max-width:680px){
.scene{width:100%;min-height:100svh;aspect-ratio:auto;padding:68vw 6vw 6vw}
.backdrop{height:79vw;object-position:right top;object-fit:cover;mask-image:linear-gradient(#000 80%,transparent)}
.cities{display:none}
nav{top:4vw;right:5vw;font-size:14px;text-shadow:0 1px 6px black}
.brand,.coming,.intro,.early,.status,footer{position:static}
.brand{width:43%;margin-top:-24vw;position:relative}
.coming{width:max-content;max-width:100%;margin-top:4vw;padding-top:3vw;font-size:clamp(13px,4vw,20px)}
.intro{font-size:clamp(17px,4.8vw,23px);margin-top:5vw}
.early{width:100%;gap:2vw;margin-top:4vw;grid-template-columns:1fr}
.early button{min-height:58px;gap:4px;padding:9px 12px}
.early-audience{font-size:clamp(10px,2.7vw,13px)}
.early-cta{font-size:clamp(15px,4vw,19px)}
.status{margin-top:6vw;font-size:clamp(11px,3vw,16px)}
footer{margin-top:5vw;padding-top:3vw;grid-template-columns:1fr 1fr;gap:2.5vw;font-size:clamp(8px,2.35vw,13px);letter-spacing:.07em}
footer div{grid-column:1/-1;text-align:left;white-space:normal;line-height:1.5}
}
@media(prefers-reduced-motion:reduce){video.backdrop{display:none}.still{display:block}}

.intake{color:var(--ink);background:#12100f;border:1px solid #8f683d;border-radius:3px;width:min(620px,calc(100% - 30px));max-height:calc(100dvh - 30px);padding:clamp(20px,4vw,36px);box-shadow:0 24px 100px #000a}
.intake::backdrop{background:#050505c9}
.intake-close{position:absolute;right:12px;top:10px;width:44px;height:44px;border:0;background:none;color:var(--ink);font:28px/1 Arial,sans-serif;cursor:pointer}
.intake-kicker{margin:0 45px 10px 0;color:var(--gold);font:12px/1.4 var(--mono);letter-spacing:.13em}
.intake h2{margin:0 40px 10px 0;font:500 clamp(28px,6vw,45px)/1.05 Georgia,serif;color:#f6ebdd}
.intake-intro{margin:0 0 22px;color:#d3c6b6;font:16px/1.45 system-ui,sans-serif}
.intake-form{display:grid;grid-template-columns:1fr 1fr;gap:13px 15px;font:14px/1.4 system-ui,sans-serif}
.intake-form label{display:flex;flex-direction:column;gap:5px;min-width:0}
.intake-form small{color:#c3b8ab;font-size:11px}
.intake-form input,.intake-form select,.intake-form textarea{width:100%;min-height:44px;padding:9px 11px;border:1px solid #6d5b49;border-radius:2px;background:#1b1714;color:#f6ebdd;font:inherit;font-size:16px}
.intake-form textarea{resize:vertical}
.intake-wide{grid-column:1/-1}
.intake-form .intake-trap{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}
.intake-actions button{min-height:44px;padding:9px 16px;border:1px solid var(--gold);background:var(--gold);color:#120d08;font:700 14px/1.25 system-ui,sans-serif;cursor:pointer}
.intake-actions button:hover{background:#ffca86}
.intake-actions button:disabled{opacity:.65;cursor:wait}
.intake-feedback{margin:8px 0 0;color:#f3d2a5;font:14px/1.4 system-ui,sans-serif}
.intake-feedback:empty{display:none}
@media(max-width:460px){
  .intake-form{grid-template-columns:1fr}
  .intake-actions button{width:100%}
}

@media(min-width:681px){
  .early{width:min(27%,390px);grid-template-columns:1fr;gap:.65cqw}
  footer{top:100%}
}