@font-face{font-family:"Bodoni Moda";src:url("../fonts/bodoni-moda.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"Bodoni Moda";src:url("../fonts/bodoni-moda-italic.woff2") format("woff2");font-weight:400 900;font-style:italic;font-display:swap}
@font-face{font-family:"Jost";src:url("../fonts/jost.woff2") format("woff2");font-weight:100 900;font-display:swap}

:root{
  --navy:#0f2557;
  --yellow:#f5c21b;
  --ink:#1b2233;
  --muted:#6b7280;
  --line:#e6e3dc;
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{min-height:100vh;min-height:100svh;display:flex;flex-direction:column;background:#fff;color:var(--ink);font-family:"Jost",system-ui,sans-serif;font-weight:300;line-height:1.6;-webkit-font-smoothing:antialiased}

.soon{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:64px 24px 32px;animation:in .9s cubic-bezier(.2,.7,.2,1) both}
.logo{width:min(300px,72vw);height:auto}
.rule{display:block;width:64px;height:0;border-top:2px dashed var(--yellow);margin:44px 0 28px}
.eyebrow{font-size:12px;letter-spacing:.28em;text-transform:uppercase;color:var(--muted)}
h1{font-family:"Bodoni Moda",Georgia,serif;font-weight:500;color:var(--navy);font-size:clamp(40px,7vw,76px);line-height:1.05;letter-spacing:-.01em;margin:14px 0 18px}
h1 em{font-style:italic;color:var(--yellow)}
.lead{color:var(--muted);font-size:18px;max-width:440px}

.ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;margin-top:36px}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;font-size:13px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;text-decoration:none;transition:background .2s,color .2s,border-color .2s;-webkit-tap-highlight-color:transparent}
.btn-yellow{background:var(--yellow);color:var(--navy)}
.btn-yellow:hover{background:#e8b50e}
.btn-line{border:1px solid var(--navy);color:var(--navy)}
.btn-line:hover{background:var(--navy);color:#fff}
.btn:focus-visible,.mail:focus-visible{outline:2px solid var(--yellow);outline-offset:3px}
.mail{margin-top:22px;color:var(--navy);font-size:15px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:2px}
.mail:hover{border-color:var(--navy)}

.foot{padding:24px;text-align:center;font-size:12px;letter-spacing:.12em;color:var(--muted)}

@keyframes in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}

@media (max-width:520px){
  .ctas{flex-direction:column;width:100%;max-width:340px}
  .btn{width:100%}
  .lead{font-size:17px}
}
@media (prefers-reduced-motion:reduce){.soon{animation:none}}