/* Seasonal overrides only. Removing data-season restores every classic rule. */
html[data-season="halloween"] {
  --bg: #100c0b;
  --panel: #191211;
  --panel2: #251a17;
  --ink: #f5efe8;
  --muted: #c2b8af;
  --line: #48322a;
  --gold: #f2aa73;
  color-scheme: dark;
}
html[data-season="halloween"] body { position: relative; background: var(--bg); color: var(--ink); }
html[data-season="halloween"] .header {
  background: rgba(16,12,11,.97);
  border-bottom-color: #563829;
}
html[data-season="halloween"] .opening {
  background: radial-gradient(ellipse at 80% 8%, rgba(144,48,30,.23), transparent 65%);
}
html[data-season="halloween"] .opening-copy h1 em { color: #f2aa73; }
html[data-season="halloween"] .opening-copy > p:not(.eyebrow):not(.season-mark),
html[data-season="halloween"] .opening-top .eyebrow { color: var(--muted); }
html[data-season="halloween"] .opening-art::before { border-color: #805034; }
html[data-season="halloween"] .opening-year { color: #986d53; }
html[data-season="halloween"] .page-heading {
  background: radial-gradient(ellipse at 90% 0, rgba(184,88,38,.12), transparent 60%);
}
html[data-season="halloween"] .button:not(.button-line) {
  background: #f2aa73; border-color: #f2aa73; color: #1d120d;
}
html[data-season="halloween"] .button:not(.button-line):hover {
  background: #ffd0a8; border-color: #ffd0a8; color: #1d120d;
}
html[data-season="halloween"] .button-line { border-color: #8c6a58; }
html[data-season="halloween"] .button-line:hover { background: var(--ink); color: var(--bg); border-color: var(--ink); }
html[data-season="halloween"] a:focus-visible,
html[data-season="halloween"] button:focus-visible,
html[data-season="halloween"] input:focus-visible,
html[data-season="halloween"] select:focus-visible,
html[data-season="halloween"] textarea:focus-visible { outline-color: #f2aa73; }
html[data-season="halloween"] .season-mark {
  display: flex; align-items: center; gap: 10px;
  width: fit-content; max-width: 100%;
  margin: 0 0 24px; padding: 8px 13px;
  border: 1px solid #795036; border-radius: 3px;
  background: #211611; color: #f2aa73;
  font-family: var(--body); font-size: .72rem; font-weight: 600;
  letter-spacing: .09em; line-height: 1.5; text-transform: uppercase;
}
html[data-season="halloween"] .season-date { color: #d4b7a4; }
html[data-season="halloween"] .season-pumpkin {
  flex: 0 0 23px; width: 23px; height: 24px;
  background: center / contain no-repeat url("assets/halloween-pumpkin.svg");
}
html[data-season="halloween"] .page-heading .season-mark { grid-column: 1 / -1; margin-bottom: 20px; }
html[data-season="halloween"] .season-haunt {
  position: absolute; inset-inline: 0; top: 96px; height: 320px;
  z-index: 3; pointer-events: none; user-select: none;
}
html[data-season="halloween"] .season-haunt span { position: absolute; display: block; }
html[data-season="halloween"] .season-web {
  top: 0; right: 0; width: 200px; height: 200px; opacity: .33;
  background: center / contain no-repeat url("assets/halloween-web.svg");
}
html[data-season="halloween"] .season-spider {
  background: center / contain no-repeat url("assets/halloween-spider.svg");
  filter: drop-shadow(0 5px 7px #000);
}
html[data-season="halloween"] .season-spider-large { top: -12px; right: 15px; width: 105px; height: 263px; }
html[data-season="halloween"] .season-spider-small { top: -30px; left: 6px; width: 52px; height: 130px; }
html[data-season="halloween"] .latest-poster { background: #170e0d; border-color: #976147; }
html[data-season="halloween"] .latest-poster > .poster-media > img {
  display: block; width: 100%; height: auto; aspect-ratio: 7 / 10;
  object-fit: cover; object-position: center;
}
html[data-season="halloween"] .latest-caption > span { color: #d4b7a4; }
html[data-season="halloween"] .film-wall .poster { background: #170e0d; outline-color: #956548; }
html[data-season="halloween"] .film-wall .film-card:nth-child(2) .poster { outline-color: #956548; }
html[data-season="halloween"] .film-wall .film-card:nth-child(2) { order: 0; }
html[data-season="halloween"] .film-wall .film-status { color: #efb594; }
html[data-season="halloween"] .halloween-selection-link {
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  padding: 25px 28px; margin: 5px 0 28px;
  border: 1px solid #9b684b; background: linear-gradient(110deg, #2c1612, #18100e);
  color: var(--ink); text-decoration: none;
}
html[data-season="halloween"] .halloween-selection-link strong {
  display: block; margin-bottom: 7px; font-family: var(--display);
  font-weight: 700; font-size: clamp(23px, 3vw, 34px); line-height: 1.2;
}
html[data-season="halloween"] .halloween-selection-link > span > span { color: #e3c8b7; font-size: .94rem; line-height: 1.6; }
html[data-season="halloween"] .halloween-link-arrow { color: #f2aa73; font-size: 2rem; flex: 0 0 auto; }
html[data-season="halloween"] .halloween-selection-link:hover { border-color: #f2aa73; background: #321d16; }
body.page-halloween-2026 .halloween-collection { padding-block: 20px 65px; }
body.page-halloween-2026 .halloween-collection .catalog-grid { margin-block: 35px; }
@media (max-width: 700px) {
  html[data-season="halloween"] .season-mark { margin-bottom: 20px; font-size: .65rem; letter-spacing: .055em; }
  html[data-season="halloween"] .opening { background-position: center; }
  html[data-season="halloween"] .header nav { background-color: var(--bg); }
  html[data-season="halloween"] .season-haunt { top: 80px; height: 190px; }
  html[data-season="halloween"] .season-web { width: 110px; height: 110px; opacity: .25; }
  html[data-season="halloween"] .season-spider-large { top: -5px; right: 3px; width: 55px; height: 138px; }
  html[data-season="halloween"] .season-spider-small { display: none; }
  html[data-season="halloween"] .halloween-selection-link { padding: 21px 18px; gap: 16px; }
  html[data-season="halloween"] .halloween-selection-link > span > span { font-size: .86rem; }
}