.cs-body{ margin:0; background: var(--bg-cream); }
.cs{
  min-height:100vh; min-height:100dvh;
  display:flex; flex-direction:column; align-items:center; justify-content:center;
  text-align:center; padding: 48px 24px; box-sizing:border-box;
}
.cs-logo{ height:20px; margin-bottom: clamp(40px,8vh,80px); }
.cs-kicker{
  font-family: var(--font-body); font-size:13px; letter-spacing:.32em; text-transform:uppercase;
  color: var(--secondary); margin:0 0 8px;
}
.cs-date{
  font-family: var(--font-display); font-weight:500; font-style:italic;
  font-size: clamp(88px,22vw,220px); line-height:1; margin:0; color: var(--primary);
}
.cs-line{
  font-family: var(--font-body); font-size: clamp(16px,2vw,20px); line-height:1.6;
  color: var(--text); margin: 24px 0 48px; max-width: 34em;
}
.cs-count{ display:flex; gap: clamp(16px,4vw,48px); justify-content:center; }
.cs-unit{ display:flex; flex-direction:column; align-items:center; min-width: 56px; }
.cs-num{
  font-family: var(--font-display); font-weight:500; font-size: clamp(36px,7vw,64px);
  line-height:1; color: var(--secondary); font-variant-numeric: tabular-nums;
}
.cs-label{
  font-family: var(--font-body); font-size:11px; letter-spacing:.2em; text-transform:uppercase;
  color: var(--text); margin-top:8px;
}
.cs-foot{ font-family: var(--font-body); font-size:12px; color: var(--text); opacity:.7; margin-top: clamp(48px,10vh,96px); }
.cs.is-live .cs-count{ display:none; }