html[data-season] { --terracotta-dk: #A75438; --faint: #67615B; }
html[data-season="spring"] { --cream: #F6F2E2; --cream-deep: #F0EAD5; --season-ground: #E4EDDC; }
html[data-season="summer"] { --cream: #FAF0DD; --cream-deep: #F5E8CF; --season-ground: #F8E6C3; }
html[data-season="fall"]   { --cream: #F9EEDE; --cream-deep: #F4E6D1; --season-ground: #F3DCCB; }
html[data-season="winter"] { --cream: #F5F0E6; --cream-deep: #EFE8D8; --season-ground: #DFE6EC; }

html[data-season] .site-header:not(.is-dark) { background: color-mix(in srgb, var(--cream) 86%, transparent); }
html[data-season] .map-figure { background: var(--cream); }
html[data-season] .map-figure figcaption { background: color-mix(in srgb, var(--cream) 92%, transparent); }
html[data-season] .jj-trailbar { background: color-mix(in srgb, var(--cream) 92%, transparent); }

.hm-now { display: none; }
html[data-season] .hm-now { display: block; }
.hm-now-card { display: none; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); border-radius: var(--r-lg); overflow: hidden; background: var(--surface); border: 1px solid var(--line-soft); box-shadow: 0 34px 80px -54px rgba(14, 26, 20, .55); }
@media (max-width: 820px) { .hm-now-card { grid-template-columns: minmax(0, 1fr); } }

html[data-season="spring"]:not([data-holiday]) .hm-now-card[data-now="spring"],
html[data-season="summer"]:not([data-holiday]) .hm-now-card[data-now="summer"],
html[data-season="fall"]:not([data-holiday]) .hm-now-card[data-now="fall"],
html[data-season="winter"]:not([data-holiday]) .hm-now-card[data-now="winter"],
html[data-holiday="july4"] .hm-now-card[data-now="july4"],
html[data-holiday="thanksgiving"] .hm-now-card[data-now="thanksgiving"],
html[data-holiday="holidays"] .hm-now-card[data-now="holidays"] { display: grid; }

.hm-now-art {
  position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 420px;
  padding: clamp(56px, 6vw, 72px) clamp(8px, 1.6vw, 20px) clamp(88px, 9vw, 128px); background: var(--season-ground);
}
.hm-now-art .illo .il-paper { fill: var(--season-ground); }
.hm-now-art .caption-chip { top: 16px; bottom: auto; left: 16px; }
.hm-now-word {
  position: absolute; left: clamp(20px, 3vw, 32px); bottom: clamp(18px, 2.4vw, 28px);
  font: 700 clamp(48px, 6.4vw, 92px)/1 var(--font-display); letter-spacing: -.045em; color: var(--evergreen);
}
.hm-now-word.is-long { font-size: clamp(38px, 4.6vw, 64px); }
.hm-now-word .hm-now-dot { color: var(--terracotta); }
@media (max-width: 820px) { .hm-now-art { min-height: 0; } }

.hm-now-copy { padding: clamp(28px, 4vw, 52px); display: flex; flex-direction: column; gap: 18px; justify-content: center; }
.hm-now-copy .eyebrow { color: var(--terracotta-ink); }
.hm-now-copy .h2 { font-size: clamp(30px, 3.2vw, 46px); letter-spacing: -.02em; color: var(--ink); margin: 0; }
.hm-now-list { list-style: none; margin: 0; padding: 0; }
.hm-now-list li { padding: 14px 0; border-top: 1px solid var(--line); color: var(--ink-soft); }
.hm-now-list li:last-child { border-bottom: 1px solid var(--line); }
.hm-now-list strong { color: var(--ink); font-weight: 600; }
.hm-now-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px 24px; margin-top: 4px; }

.hm-now-card[data-now="holidays"] .hm-now-art::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 30px; pointer-events: none;
  background:
    radial-gradient(circle at 12px 20px, var(--terracotta) 3.5px, transparent 4.5px) 0 0 / 48px 30px repeat-x,
    radial-gradient(circle at 36px 14px, var(--evergreen) 3px, transparent 4px) 0 0 / 48px 30px repeat-x;
  opacity: .7;
}

@media (forced-colors: active) {
  .hm-now-card { border: 1px solid CanvasText; }
  .hm-now-card[data-now="holidays"] .hm-now-art::before { display: none; }
}