body[data-season="halloween"] {
  --season-hero-start: #faf6f8;
  --season-hero-end: #f3ecef;
  --season-page-hero-start: #faf7f8;
  --season-soft: #f7f2f5;
  --season-line: #e6d9e0;
  --season-grid-line: rgb(93 61 83 / 8%);
  --season-hero-atmosphere: radial-gradient(circle at 86% 18%, rgb(200 125 70 / 11%), transparent 29%);
}
body[data-season="halloween"] .utility-bar { box-shadow: inset 0 -3px 0 #a97859; }
body[data-season="halloween"] .hero {
  background: var(--season-hero-atmosphere), linear-gradient(110deg, var(--season-hero-start) 0%, #fff 58%, var(--season-hero-end) 100%);
}
body[data-season="halloween"] .seasonal-header-leaves { top: 16px; left: 183px; width: 56px; height: 56px; }
body[data-season="halloween"] .seasonal-header-leaf { display: none; }
body[data-season="halloween"] .seasonal-header-leaves::before {
  position: absolute; inset: 0; content: ""; opacity: .72; pointer-events: none;
  background: url("/seasonal/halloween-pumpkin-accent.webp") center / contain no-repeat;
  background-image: image-set(url("/seasonal/halloween-pumpkin-accent.avif") type("image/avif"), url("/seasonal/halloween-pumpkin-accent.webp") type("image/webp"));
}
body[data-season="halloween"] .seasonal-badge { color: #624658; background: rgb(255 250 247 / 94%); border-color: #d8bda9; }
body[data-season="halloween"] .seasonal-badge::before { background: #a97859; }
body[data-season="halloween"] .hero::after {
  opacity: .58; animation: none; transform: none;
  background: url("/seasonal/halloween-pumpkin-hero.webp") top right / contain no-repeat;
  background-image: image-set(url("/seasonal/halloween-pumpkin-hero.avif") type("image/avif"), url("/seasonal/halloween-pumpkin-hero.webp") type("image/webp"));
}
body[data-season="halloween"] .hero .eyebrow,
body[data-season="halloween"] .page-hero .eyebrow { color: #82566a; }
body[data-season="halloween"] .hero-copy h1 em { color: #70516d; }
body[data-season="halloween"] .section-soft { background: linear-gradient(180deg, #f7f2f5 0%, #f1e9ee 100%); }
body[data-season="halloween"] .seasonal-leaf-trail {
  height: 88px; background: linear-gradient(180deg, #f4ecf0 0%, #fff 100%); border-bottom: 1px solid #e6d9e0;
}
body[data-season="halloween"] .seasonal-leaf-trail::before {
  position: absolute; z-index: 1; top: 2px; left: calc(50% - 42px); width: 84px; height: 84px; content: ""; opacity: .55;
  background: url("/seasonal/halloween-pumpkin-accent.webp") center / contain no-repeat;
  background-image: image-set(url("/seasonal/halloween-pumpkin-accent.avif") type("image/avif"), url("/seasonal/halloween-pumpkin-accent.webp") type("image/webp"));
}
body[data-season="halloween"] .seasonal-leaf-trail::after {
  position: absolute; top: 44px; left: 50%; width: min(86%, 900px); height: 1px; content: "";
  background: linear-gradient(90deg, transparent, #d9bca9 38%, transparent 45%, transparent 55%, #d9bca9 62%, transparent); transform: translateX(-50%);
}
body[data-season="halloween"] .page-hero::after {
  opacity: .25;
  background: url("/seasonal/halloween-pumpkin-hero.webp") top right / contain no-repeat;
  background-image: image-set(url("/seasonal/halloween-pumpkin-hero.avif") type("image/avif"), url("/seasonal/halloween-pumpkin-hero.webp") type("image/webp"));
}
@media (max-width: 780px) {
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-copy > .seasonal-badge { grid-row: 1; justify-self: start; margin-bottom: 0; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-copy > .eyebrow { grid-row: 2; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-copy h1 { grid-row: 3; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-copy > .lead { grid-row: 4; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-actions { grid-row: 5; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .hero-epc { grid-row: 6; }
  body[data-season="halloween"] .hero-with-epc:has(.seasonal-badge) .trust-list { grid-row: 7; }

  body[data-season="halloween"] .seasonal-header-leaves { top: 14px; left: 155px; width: 48px; height: 48px; }
  body[data-season="halloween"] .hero::after { top: -22px; right: -46px; width: 166px; height: 114px; opacity: .25; }
}
@media (max-width: 520px) {
  body[data-season="halloween"] .seasonal-header-leaves { top: 17px; left: 132px; width: 40px; height: 40px; }
}
@media (max-width: 380px) {
  body[data-season="halloween"] .seasonal-header-leaves { display: none; }
}