:root { --bg: #121014; --ink: #f1f0ee; --muted: #b5ada8; --accent: #22b36a; --accent-ink: #04140b; --margin: clamp(16px, 2.6vw, 32px); color-scheme: dark; }
* { box-sizing: border-box; }
body { margin: 0; background: var(--bg); color: var(--ink); font: 400 clamp(1.0625rem, 1rem + 0.25vw, 1.1875rem)/1.55 'Onest', system-ui, sans-serif; overflow-x: clip; }
a { color: inherit; text-underline-offset: 0.18em; }
a:hover { color: var(--accent); }
:focus-visible { outline: 3px solid var(--accent); outline-offset: 3px; }
.soon { position: relative; min-height: 88svh; display: flex; flex-direction: column; justify-content: center; padding: 64px var(--margin); overflow: clip; isolation: isolate; }
.soon-bg { position: absolute; right: 0; top: 0; height: 100%; width: min(48vw, 720px); object-fit: cover; opacity: .45; z-index: -1; }
.soon-kicker { margin: 0 0 16px; font-weight: 600; color: var(--accent); }
.soon-title { margin: 0; font: 700 clamp(4rem, 15vw, 15rem)/0.85 'Oswald', 'Arial Narrow', sans-serif; text-transform: uppercase; letter-spacing: -0.03em; display: flex; flex-direction: column; }
.soon-year { font-size: 0.32em; line-height: 1.05; margin-top: 0.3em; color: var(--accent); }
.soon-lede { max-width: 44ch; font-size: clamp(1.25rem, 1.1rem + 0.7vw, 1.625rem); line-height: 1.4; margin: 32px 0; }
.soon-actions { display: flex; flex-wrap: wrap; gap: 8px; margin: 0; }
.btn { display: inline-flex; align-items: center; min-height: 48px; padding: 0 22px; border-radius: 999px; background: #1c191e; color: var(--ink); font-weight: 600; text-decoration: none; transition: background-color .2s, color .2s; }
.btn:hover { background: var(--ink); color: var(--bg); }
.btn-solid { background: var(--accent); color: var(--accent-ink); }
.foot { padding: 32px var(--margin) 40px; font-size: 0.875rem; }
.foot p { margin: 8px 0; }
.note { color: var(--muted); }
.langs ul { list-style: none; margin: 0 0 16px; padding: 0; display: flex; gap: 18px; }
.langs a { text-decoration: none; color: var(--muted); }
.langs a[aria-current] { color: var(--ink); }
@media (max-width: 700px) { .soon-bg { width: 100%; opacity: .25; } }