:root{color-scheme:dark;--night:#0a1520;--ink:#071019;--gold:#c5a96c;--ivory:#eee5cf;--mist:#b2bdc9}
*{box-sizing:border-box}
html{min-height:100%;background:var(--ink)}
body{margin:0;min-height:100svh;color:var(--ivory);font-family:Georgia,"Times New Roman",serif;display:flex;flex-direction:column;background:linear-gradient(90deg,rgba(7,16,25,.82) 0%,rgba(7,16,25,.66) 43%,rgba(7,16,25,.12) 100%),linear-gradient(0deg,var(--ink),transparent 38%),url("/coming-soon/hero.webp") center 48%/cover fixed}
main{width:min(1240px,100%);margin:auto;padding:clamp(60px,10vh,130px) clamp(28px,6vw,88px);animation:arrive 1.2s ease-out both}
.shard{margin:0 0 24px;color:var(--mist);font:11px/1.5 system-ui,sans-serif;letter-spacing:.29em;text-transform:uppercase}
h1{font-size:clamp(66px,8vw,116px);line-height:1.05;font-weight:400;letter-spacing:-.055em;margin:0;text-shadow:0 3px 35px #0008}
h1 span{display:block;margin:20px 0 0 7px;font:12px/1.5 system-ui,sans-serif;letter-spacing:.58em;text-transform:uppercase;color:var(--gold)}
.seal{display:flex;align-items:center;width:220px;gap:15px;margin:39px 0}
.seal:before,.seal:after{content:"";height:1px;flex:1;background:linear-gradient(90deg,transparent,var(--gold))}
.seal:after{transform:rotate(180deg)}
.seal i{width:8px;height:8px;transform:rotate(45deg);border:1px solid var(--gold)}
.status{font:11px/1.5 system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
h2{font-weight:400;font-size:clamp(25px,3vw,36px);line-height:1.25;letter-spacing:-.02em;margin:0 0 20px}
.message{font-size:19px;line-height:1.75;color:var(--ivory);margin:0 0 25px}
.access{font:13px/1.8 system-ui,sans-serif;color:var(--mist);margin:0;max-width:430px}
footer{display:flex;justify-content:space-between;gap:20px;padding:24px clamp(28px,6vw,88px);border-top:1px solid #c5a96c24;color:var(--mist);font:11px/1.6 system-ui,sans-serif;letter-spacing:.06em}
@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:600px){body{background:linear-gradient(0deg,var(--ink) 0%,rgba(7,16,25,.74) 45%,rgba(7,16,25,.4) 100%),url("/coming-soon/hero.webp") 65% center/cover}main{padding-top:80px;padding-bottom:64px}h1{font-size:clamp(54px,15vw,82px)}.shard{font-size:10px;letter-spacing:.22em}.message{font-size:17px}.seal{margin:30px 0}.desktop{display:none}footer{flex-direction:column;gap:5px}}
@media(prefers-reduced-motion:reduce){main{animation:none}}