/* ============================================================
   BLOG.CSS — styles specific to blog.html
   Requires base.css to be loaded first.
   ============================================================ */

.coming-soon{
  padding:120px 32px;
  text-align:center;
  max-width:640px;margin:0 auto;
}
.coming-soon .eyebrow{display:block;margin-bottom:22px;}
.coming-soon h1{
  font-size:clamp(32px,5vw,52px);
  font-weight:300;
  letter-spacing:-.01em;
}
.coming-soon h1 em{
  font-style:italic;
  font-weight:600;
  color:var(--brass);
}
.coming-soon p.lede{
  margin:24px auto 0;
  max-width:480px;
  color:var(--grey-plum);
  font-size:18px;
}
.coming-soon .hero-actions{margin-top:36px;}