.seasonal-countdown {
  width: min(760px, 100%);
  margin: 0 0 18px;
  padding: 12px;
  border: 1px solid color-mix(in srgb, var(--season-light) 38%, transparent);
  background: linear-gradient(135deg, color-mix(in srgb, var(--season-deep) 91%, transparent), rgba(8, 9, 9, .76));
  box-shadow: 0 16px 46px rgba(0, 0, 0, .34), inset 0 1px color-mix(in srgb, var(--season-light) 13%, transparent);
  backdrop-filter: blur(14px);
}
.seasonal-countdown > p {
  margin: 0 0 10px;
  color: var(--season-light);
  font: 900 .64rem Inter, sans-serif;
  letter-spacing: .2em;
}
.seasonal-countdown-grid {
  display: grid;
  grid-template-columns: repeat(var(--countdown-columns, 1), minmax(0, 1fr));
  gap: 8px;
}
.seasonal-countdown-kerst { --countdown-columns: 3; }
.seasonal-countdown article {
  min-width: 0;
  padding: 9px 10px;
  border: 1px solid color-mix(in srgb, var(--season-accent) 30%, transparent);
  background: rgba(0, 0, 0, .28);
}
.seasonal-countdown article > strong {
  display: block;
  margin-bottom: 8px;
  color: #fff;
  font: 800 .7rem Barlow Condensed, sans-serif;
  letter-spacing: .13em;
}
.seasonal-time {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 4px;
}
.seasonal-time span {
  display: grid;
  place-items: center;
  padding: 6px 2px;
  background: color-mix(in srgb, var(--season-deep) 72%, #090a0a);
  border-top: 1px solid color-mix(in srgb, var(--season-light) 28%, transparent);
}
.seasonal-time b {
  color: var(--season-light);
  font: 900 clamp(.9rem, 1.5vw, 1.28rem)/1 Barlow Condensed, sans-serif;
  font-variant-numeric: tabular-nums;
}
.seasonal-time small {
  margin-top: 4px;
  color: #bcb7ad;
  font: 700 .42rem Inter, sans-serif;
  letter-spacing: .08em;
}
.seasonal-countdown article > em {
  display: grid;
  place-items: center;
  min-height: 52px;
  color: var(--season-light);
  font: 900 1rem Barlow Condensed, sans-serif;
  letter-spacing: .1em;
  font-style: normal;
  text-align: center;
  text-shadow: 0 0 18px var(--season-glow);
}
.seasonal-countdown article.is-complete {
  border-color: color-mix(in srgb, var(--season-light) 55%, transparent);
  box-shadow: inset 0 0 24px color-mix(in srgb, var(--season-glow) 15%, transparent);
}
@media (max-width: 760px) {
  .seasonal-countdown { padding: 9px; margin-bottom: 12px; }
  .seasonal-countdown-kerst .seasonal-countdown-grid { grid-template-columns: 1fr; max-height: 210px; overflow: auto; }
  .seasonal-countdown article { padding: 7px; }
  .seasonal-time span { padding: 5px 1px; }
  .seasonal-time b { font-size: .92rem; }
}