@import url('https://fonts.googleapis.com/css2?family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&family=Newsreader:opsz,wght@6..72,400;6..72,500;6..72,600&display=swap');

/* Coming-soon additions on top of studio.css (theme-aware via vars) */

/* ── 10 additional themes (selectable in admin.html) ───────── */
[data-theme="olive"]{--bg:#F3F0E7;--surface:#FAF8F1;--ink:#1a1c14;--ink-2:#46492f;--muted:#7d7f63;--accent:#5c6b3a;--accent-ink:#f5f4e8;--line:rgba(26,28,20,.14);--line-2:rgba(26,28,20,.07);--f-disp:'Fraunces',serif;--f-deva:'Mukta',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.01em}
[data-theme="cobalt"]{--bg:#FBFAF7;--surface:#FFFFFF;--ink:#16181d;--ink-2:#3a3f4a;--muted:#737a86;--accent:#2b4cd6;--accent-ink:#ffffff;--line:rgba(22,24,29,.13);--line-2:rgba(22,24,29,.06);--f-disp:'Space Grotesk',sans-serif;--f-deva:'Anek Devanagari',sans-serif;--f-body:'Space Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.01em}
[data-theme="rosewood"]{--bg:#F4EDE3;--surface:#FBF6EE;--ink:#241a17;--ink-2:#5a463f;--muted:#8a7268;--accent:#8c3b46;--accent-ink:#ffffff;--line:rgba(36,26,23,.14);--line-2:rgba(36,26,23,.07);--f-disp:'Newsreader',serif;--f-deva:'Tiro Devanagari Hindi',serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:500;--disp-tracking:0}
[data-theme="slate"]{--bg:#ECECE8;--surface:#F6F6F2;--ink:#1a1c1e;--ink-2:#42464a;--muted:#777c80;--accent:#1f8a7a;--accent-ink:#f2f6f4;--line:rgba(26,28,30,.13);--line-2:rgba(26,28,30,.06);--f-disp:'Hanken Grotesk',sans-serif;--f-deva:'Mukta',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:700;--disp-tracking:-.02em}
[data-theme="sand"]{--bg:#EDE6D6;--surface:#F5EFE2;--ink:#15130e;--ink-2:#46412f;--muted:#857c63;--accent:#8a7a45;--accent-ink:#f7f3e6;--line:rgba(21,19,14,.14);--line-2:rgba(21,19,14,.07);--f-disp:'Fraunces',serif;--f-deva:'Anek Devanagari',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.01em}
[data-theme="plum"]{--bg:#1a1622;--surface:#241f30;--ink:#ece4f0;--ink-2:#c2b6d0;--muted:#998fab;--accent:#c9913f;--accent-ink:#1a1208;--line:rgba(236,228,240,.15);--line-2:rgba(236,228,240,.07);--f-disp:'Bricolage Grotesque',sans-serif;--f-deva:'Anek Devanagari',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.015em}
[data-theme="forest"]{--bg:#14201a;--surface:#1d2c24;--ink:#e9ecdf;--ink-2:#bcc4ab;--muted:#8f9a82;--accent:#d9a233;--accent-ink:#16150a;--line:rgba(233,236,223,.14);--line-2:rgba(233,236,223,.06);--f-disp:'Space Grotesk',sans-serif;--f-deva:'Mukta',sans-serif;--f-body:'Space Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.01em}
[data-theme="saffron"]{--bg:#FCFAF4;--surface:#FFFFFF;--ink:#1a1710;--ink-2:#46402f;--muted:#857c63;--accent:#E0791C;--accent-ink:#2a1500;--line:rgba(26,23,16,.13);--line-2:rgba(26,23,16,.06);--f-disp:'Bricolage Grotesque',sans-serif;--f-deva:'Anek Devanagari',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:700;--disp-tracking:-.02em}
[data-theme="terracotta"]{--bg:#F2EADB;--surface:#F9F3E7;--ink:#221a13;--ink-2:#564636;--muted:#8a7866;--accent:#b1542f;--accent-ink:#ffffff;--line:rgba(34,26,19,.14);--line-2:rgba(34,26,19,.07);--f-disp:'Fraunces',serif;--f-deva:'Mukta',sans-serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:600;--disp-tracking:-.01em}
[data-theme="midnight"]{--bg:#141a2a;--surface:#1d2538;--ink:#ede7d8;--ink-2:#c3bca9;--muted:#928c7a;--accent:#c2a25a;--accent-ink:#141008;--line:rgba(237,231,216,.15);--line-2:rgba(237,231,216,.07);--f-disp:'Newsreader',serif;--f-deva:'Tiro Devanagari Hindi',serif;--f-body:'Hanken Grotesk',sans-serif;--disp-wght:500;--disp-tracking:0}

.soon-pill{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--f-body);font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;
  color:var(--accent);border:1px solid var(--line);border-radius:999px;padding:4px 12px;
}
.soon-pill .dot{width:6px;height:6px;border-radius:50%;background:var(--accent);animation:pp 2.2s ease-out infinite}
@keyframes pp{0%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* Countdown — typographic, no boxes */
.cd{display:flex;gap:clamp(20px,4vw,40px);margin-top:34px;flex-wrap:wrap}
.cdc{display:flex;flex-direction:column}
.cdc b{font-family:var(--f-disp);font-weight:var(--disp-wght);letter-spacing:var(--disp-tracking);font-size:clamp(34px,5.4vw,56px);line-height:1;color:var(--ink);font-variant-numeric:tabular-nums}
.cdc span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted);margin-top:10px}

/* Notify form — underline, minimal */
.notify{margin-top:36px;max-width:460px}
.notify .field{display:flex;gap:12px;align-items:center;border-bottom:1px solid var(--ink-2);padding-bottom:9px}
.notify input{flex:1;min-width:0;background:transparent;border:0;outline:0;font-family:var(--f-body);font-size:18px;color:var(--ink)}
.notify input::placeholder{color:var(--muted)}
.notify .field:focus-within{border-bottom-color:var(--accent)}
.notify button{flex:0 0 auto}
.notify .msg{margin-top:14px;font-size:15px;font-style:italic;color:var(--accent);min-height:20px}
.notify .msg.err{color:var(--accent)}
.notify-lead{font-family:var(--f-body);font-size:clamp(16px,2vw,18px);color:var(--ink-2);margin-bottom:14px}

/* Page hero for interior coming-soon pages */
.phero{padding:clamp(48px,8vw,92px) 0 clamp(20px,3vw,36px)}
.phero .eyebrow{margin-bottom:16px}
.phero .pt{font-family:var(--f-deva);font-size:clamp(34px,6vw,60px);line-height:1.02;color:var(--ink)}
.phero .pt-en{font-family:var(--f-disp);font-weight:var(--disp-wght);letter-spacing:var(--disp-tracking);font-size:clamp(30px,4vw,46px);line-height:1.04;margin-top:4px}
.phero .plead{margin-top:18px;max-width:60ch}

/* simple two-up value cards (flat) */
.vals{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:8px}
.val{background:var(--bg);padding:26px}
.val h3{font-family:var(--f-disp);font-weight:var(--disp-wght);font-size:20px;margin-bottom:8px}
.val p{color:var(--ink-2)}
@media (max-width:680px){.vals{grid-template-columns:1fr}}

/* FAQ */
.faq{border-top:1px solid var(--ink)}
.faq .q{padding:22px 0;border-bottom:1px solid var(--line)}
.faq .q h3{font-family:var(--f-disp);font-weight:var(--disp-wght);font-size:clamp(18px,2.2vw,22px);margin-bottom:8px}
.faq .q p{color:var(--ink-2);max-width:68ch}

/* Centered splash hero (coming-soon home) */
.hero{text-align:center}
.hero .head{max-width:20ch;margin-inline:auto}
.hero .sub{margin-inline:auto}
.hero .hero-cta{justify-content:center}
.hero .cd{justify-content:center}
.hero .hero-meta{justify-content:center}
.hero .notify{margin-inline:auto}
.hero .notify .field{justify-content:center}
.hero .notify-lead{text-align:center}

/* Logomark — works on light & dark themes */
.brand{display:inline-flex;align-items:center;gap:9px}
.brand .brand-mark{height:28px;width:auto}
.hero{padding-top:clamp(18px,3vw,40px)}
.hero-logo{margin-bottom:2px}
.hero .hero-logo img{width:54px;max-width:22vw;height:auto;display:inline-block}
[data-theme="nocturne"] .brand-mark, [data-theme="plum"] .brand-mark, [data-theme="forest"] .brand-mark, [data-theme="midnight"] .brand-mark,
[data-theme="nocturne"] .hero-logo img, [data-theme="plum"] .hero-logo img, [data-theme="forest"] .hero-logo img, [data-theme="midnight"] .hero-logo img{
  filter:invert(1) sepia(.4) saturate(1.5) brightness(1.06) hue-rotate(-8deg);
}