@font-face{font-family:"Inter";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/inter.woff2") format("woff2")}
@font-face{font-family:"Hanken Grotesk";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/hanken.woff2") format("woff2")}
@font-face{font-family:"JetBrains Mono";font-style:normal;font-weight:100 900;font-display:swap;src:url("/fonts/jbmono.woff2") format("woff2")}
.soon{--bg:#fff;--tint:#FAFAF9;--ink:#0B0E14;--soft:#5B5F66;--line:#E7E7E4;--blue:#2C4BE0;--coral:#FF6B3D;background:var(--bg);color:var(--ink);font-family:"Hanken Grotesk",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1.0625rem;line-height:1.6;overflow:clip}
.soon ::selection{background:var(--blue);color:#fff}
.soon p{margin:0}
.soon-hero{position:relative;display:flex;flex-direction:column;justify-content:center;min-height:100vh;min-height:100svh;padding:clamp(4.5rem,11vh,6rem) 28px clamp(1.75rem,4.5vh,3rem);overflow:hidden;background-image:radial-gradient(circle,#E4E4E1 1px,transparent 1px);background-size:26px 26px}
.soon-wash{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}
.soon-wash-a{width:560px;height:560px;left:-180px;top:-160px;background:rgba(44,75,224,.10)}
.soon-wash-b{width:520px;height:520px;right:-160px;bottom:-180px;background:rgba(255,107,61,.12)}
.soon-inner{position:relative;max-width:720px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}
.soon-art{width:min(400px,46vh,46svh);max-width:100%;height:auto;margin-bottom:1rem}
/* The site chrome hides the header while the footer is on screen. This page
   fits in one viewport, so without this the header would never show. */
body.footer-in-view header.site-header[data-astro-cid-nen7h5rs]{opacity:1 !important;visibility:visible !important;transform:translate(-50%,0) !important;pointer-events:auto !important}
.soon h1{font-family:"Inter",sans-serif;font-weight:650;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.06;letter-spacing:-.03em;margin:0;text-wrap:balance}
.soon-lede{font-size:1.05rem;line-height:1.5;color:var(--soft);max-width:34rem;margin-top:.8rem}
/* notify form */
.soon-form{margin-top:1.5rem;width:100%;max-width:440px}
.soon-form-label{display:block;font-weight:700;font-size:.92rem;margin-bottom:.6rem}
.soon-form-row{display:flex;gap:.55rem}
.soon-form-row input[type=email]{flex:1;min-width:0;height:2.9rem;border:1px solid var(--line);border-radius:11px;padding:0 1rem;font-size:.95rem;font-family:inherit;background:#fff;color:var(--ink)}
.soon-form-row input[type=email]:focus{outline:2px solid var(--blue);outline-offset:1px;border-color:var(--blue)}
.soon-hp{position:absolute;opacity:0;height:0;width:0;pointer-events:none}
.soon-form-msg{min-height:1.5rem;font-size:.88rem;margin-top:.5rem;color:var(--soft)}
.soon-form-msg.ok{color:#17803D;font-weight:600}
.soon-form-msg.err{color:#C2342B;font-weight:600}
/* buttons */
.soon-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.9rem;padding:.65rem 1.5rem;border:none;border-radius:11px;font-weight:700;font-size:.95rem;font-family:inherit;text-decoration:none;cursor:pointer;transition:transform .15s ease,background .15s ease;white-space:nowrap}
.soon-btn-solid{background:var(--coral);color:#fff;box-shadow:0 12px 24px -12px rgba(255,107,61,.6)}
.soon-btn-solid:hover{background:#E85A30;transform:translateY(-1px)}
.soon-btn-solid:disabled{opacity:.6;cursor:wait;transform:none}
/* footer notes */
.soon-note{margin-top:1.5rem;font-size:.95rem;color:var(--soft);max-width:36rem}
.soon-note strong{color:var(--ink)}
.soon-links{margin-top:.6rem;font-size:.95rem;color:var(--soft)}
.soon-links a{color:var(--blue);font-weight:700;text-decoration:none}
.soon-links a:hover{text-decoration:underline}
.soon-links span{margin:0 .5rem;color:var(--line)}
@media (max-width:560px){
.soon-hero{padding:4.5rem 20px 2rem}
.soon-art{width:min(280px,44svh)}
.soon-form-row{flex-direction:column}
.soon-form-row input[type=email]{height:2.9rem}
.soon-form-row .soon-btn{width:100%}
}
@media (prefers-reduced-motion:reduce){
.soon-btn{transition:none}
}

/* ==== calmer, matches the rest of the site (2026-10) ==== */
@font-face{font-family:"Inter Tight";font-style:normal;font-weight:400 600;font-display:swap;src:url("/fonts/inter-tight.woff2") format("woff2")}

.soon{--bg:#FCFAF8;--soft:#6B7280;--line:#E2E3E7;font-family:"Inter Tight",Inter,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:1rem}
.soon-hero{background-image:radial-gradient(circle,#E6E7EC 1px,transparent 1px);background-size:28px 28px}
.soon-wash-a{background:rgba(152,165,193,.26)}
.soon-wash-b{background:rgba(219,170,146,.26)}
.soon-art{filter:saturate(.62) contrast(.96);opacity:.94}
.soon h1{font-family:inherit;font-weight:460;font-size:clamp(2.1rem,4vw,2.900rem);line-height:1.1;letter-spacing:-.025em;color:#030712}
.soon-lede{font-size:17px;line-height:1.55;color:#6B7280}
.soon-form-label{font-weight:500;font-size:14px;color:#2C2D30}
.soon-form-row input[type=email]{height:2.600rem;border-radius:8px;border-color:#E2E3E7;font-size:15px}
.soon-form-row input[type=email]:focus{outline:2px solid #030712;border-color:#030712}
.soon-btn{min-height:2.600rem;border-radius:8px;font-weight:600;font-size:15px}
.soon-btn-solid{background:linear-gradient(#EE7C55,#E16540);border:1px solid rgb(197 77 46/.7);box-shadow:inset 0 0 0 1px rgb(255 255 255/.2),0 1px 2px rgb(0 0 0/.06)}
.soon-btn-solid:hover{background:linear-gradient(#F0845F,#DE5F39)}
.soon-note{font-size:14px;color:#6B7280}
.soon-note strong{font-weight:600;color:#2C2D30}
.soon-links{font-size:14px;color:#6B7280}
.soon-links a{color:#030712;font-weight:500;border-bottom:1px solid #C9CCD6}
.soon-links a:hover{text-decoration:none;border-color:#030712}
@media (min-width:761px){.soon-inner{zoom:.95}}
