/* Halloween: Modern A ("Duotone Poster"). Preview skin over v4. Remove data-season to restore v4. */
html[data-season="halloween-modern-a"] {
  --blk: #111111; --orange: #FF6A13; --bone: #F2EDE4; --ash: #A8A29A;
  --sand: var(--bone); --seafoam: var(--bone); --ink: var(--blk); --muted: #3A3733;
  --kelp: var(--blk); --sea: var(--blk); --border: var(--blk);
  --sea-deep: var(--blk); --driftwood: #3A3733; --kelp-bright: var(--blk); --sea-mid: var(--blk);
  --seafoam-mid: var(--bone); --kelp-tint: rgb(17 17 17 / .06); --foam: var(--bone);
  --radius: 0; --radius-sm: 0;
  --display: "Anton", Impact, "Arial Narrow", sans-serif;
  --font: "Inter Tight", "Segoe UI", system-ui, sans-serif;
}
html[data-season="halloween-modern-a"] body { background: var(--bone); color: var(--blk); }
html[data-season="halloween-modern-a"] a { color: var(--blk); text-decoration-thickness: 2px; text-underline-offset: 3px; }
html[data-season="halloween-modern-a"] a:focus-visible { outline: 3px solid var(--orange); outline-offset: 3px; }
html[data-season="halloween-modern-a"] .hero h1 { font-family: var(--display); font-weight: 400; font-size: clamp(2.6rem, 6.2vw, 5rem); line-height: .98; letter-spacing: .005em; color: var(--bone); text-transform: none; }
html[data-season="halloween-modern-a"] .section h2 { position: relative; font-family: var(--display); font-weight: 400; font-size: clamp(2.2rem, 4.4vw, 3.4rem); line-height: 1; letter-spacing: .005em; padding-top: 1.1rem; }
html[data-season="halloween-modern-a"] .section h2::before { content: ""; position: absolute; left: 0; top: 0; width: 5rem; height: 6px; background: currentColor; transform-origin: 0 50%; }
html[data-season="halloween-modern-a"] .amount { font-weight: 800; font-size: 2.2rem; font-variant-numeric: tabular-nums; letter-spacing: -0.02em; }
html[data-season="halloween-modern-a"] .btn, html[data-season="halloween-modern-a"] .price-card, html[data-season="halloween-modern-a"] .steps li, html[data-season="halloween-modern-a"] .style-sample-list a, html[data-season="halloween-modern-a"] .soft-disclaimer, html[data-season="halloween-modern-a"] .hero-logo-mark { border-radius: 0 !important; }

/* 1. Style bar */
html[data-season="halloween-modern-a"] .style-bar { background: var(--blk); color: var(--bone); border-bottom: 4px solid var(--orange); }
html[data-season="halloween-modern-a"] .style-bar-label { color: var(--ash); }
html[data-season="halloween-modern-a"] .style-bar-links a { border-radius: 0; background: transparent; color: var(--bone); border: 1.5px solid var(--bone); }
html[data-season="halloween-modern-a"] .style-bar-links a:hover, html[data-season="halloween-modern-a"] .style-bar-links a:focus-visible { background: var(--bone); color: var(--blk); border-color: var(--bone); }
html[data-season="halloween-modern-a"] .season-nav-links a[aria-current="page"] { background: var(--orange); color: var(--blk); border-color: var(--orange); }

/* 2. Hero: duotone fog, halftone moon, bats, left-aligned poster type */
html[data-season="halloween-modern-a"] .hero { min-height: min(86vh, 44rem); color: var(--bone); background: var(--blk); }
html[data-season="halloween-modern-a"] .hero-bg { filter: grayscale(1) contrast(1.35) brightness(.9); background: url("../images/season/hero-halloween.jpg") center / cover no-repeat; }
html[data-season="halloween-modern-a"] .hero-overlay { background: linear-gradient(90deg, rgb(17 17 17 / .9) 0 55%, transparent 75%), rgb(255 106 19 / .85); mix-blend-mode: multiply; }
html[data-season="halloween-modern-a"] .hero-centered { align-items: flex-start; text-align: left; margin-left: clamp(1rem, 6vw, 7rem); margin-right: auto; max-width: 44rem; }
html[data-season="halloween-modern-a"] .hero-centered .lede { margin-left: 0; color: var(--bone); }
html[data-season="halloween-modern-a"] .hero-centered .hero-actions { justify-content: flex-start; }
html[data-season="halloween-modern-a"] .hero-logo { margin: 0 0 1.4rem; }
html[data-season="halloween-modern-a"] .hero .hero-hello { color: var(--orange); opacity: 1; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; font-size: .86rem; }
html[data-season="halloween-modern-a"] .hero::before { content: ""; position: absolute; z-index: 0; top: 50%; right: 6%; width: 22rem; height: 22rem; margin-top: -11rem; pointer-events: none;
  background: url("../images/season/halftone-moon.svg") center / contain no-repeat; }
html[data-season="halloween-modern-a"] .hero::after { content: ""; position: absolute; z-index: 0; top: 2.5rem; right: calc(6% + 18rem); width: 220px; height: 140px; background: url("../images/season/bats.svg") center / contain no-repeat; pointer-events: none; }
html[data-season="halloween-modern-a"] .hero-inner { z-index: 1; }
html[data-season="halloween-modern-a"] .btn-primary { background: var(--orange); color: var(--blk); border: 2px solid var(--orange); font-weight: 800; }
html[data-season="halloween-modern-a"] .btn-primary:hover, html[data-season="halloween-modern-a"] .btn-primary:focus-visible { background: var(--bone); color: var(--blk); border-color: var(--bone); }
html[data-season="halloween-modern-a"] .hero .btn-ghost { background: transparent; color: var(--bone); border: 2px solid var(--bone); }
html[data-season="halloween-modern-a"] .hero .btn-ghost:hover, html[data-season="halloween-modern-a"] .hero .btn-ghost:focus-visible { background: var(--bone); color: var(--blk); }
html[data-season="halloween-modern-a"] .hero a:focus-visible, html[data-season="halloween-modern-a"] .style-bar a:focus-visible { outline-color: var(--orange); }
@media (max-width: 899px) {
  html[data-season="halloween-modern-a"] .hero::after { right: 1rem; top: 14rem; width: 130px; height: 84px; }
}
@media (max-width: 639px) {
  html[data-season="halloween-modern-a"] .hero-overlay { background: linear-gradient(rgb(17 17 17 / .8), rgb(17 17 17 / .8)), rgb(255 106 19 / .85); }
  html[data-season="halloween-modern-a"] .hero::before { z-index: -1; width: 12rem; height: 12rem; top: 1rem; right: 1rem; margin-top: 0; }
  html[data-season="halloween-modern-a"] .hero::after { display: none; }
}

/* 3. Photo band */
html[data-season="halloween-modern-a"] .photo-band { background: var(--blk); }
html[data-season="halloween-modern-a"] .photo-band-figure { position: relative; }
html[data-season="halloween-modern-a"] .photo-band-figure img { filter: grayscale(1) contrast(1.25); }
html[data-season="halloween-modern-a"] .photo-band-figure::after { content: ""; position: absolute; inset: 0; background: var(--orange); mix-blend-mode: multiply; opacity: .7; pointer-events: none; }
html[data-season="halloween-modern-a"] .photo-band-copy { background: var(--blk); border-top: 12px solid var(--orange); }
html[data-season="halloween-modern-a"] .photo-band-copy .photo-band-line { font-family: var(--display); font-weight: 400; font-style: normal; font-size: clamp(1.5rem, 2.6vw, 1.8rem); line-height: 1.15; color: var(--bone); }

/* 4. Help: bone, giant outlined 01 */
html[data-season="halloween-modern-a"] #help { position: relative; overflow: hidden; background: var(--bone); color: var(--blk); }
html[data-season="halloween-modern-a"] #help::before { content: "01" / ""; position: absolute; top: .5rem; left: clamp(.5rem, 4vw, 3rem); font-family: var(--display); font-size: 9rem; line-height: 1; color: transparent; -webkit-text-stroke: 2px var(--blk); opacity: .12; pointer-events: none; }
html[data-season="halloween-modern-a"] #help .wrap { position: relative; }
html[data-season="halloween-modern-a"] .section .wrap.narrow > p, html[data-season="halloween-modern-a"] .section-intro, html[data-season="halloween-modern-a"] .price-group-blurb, html[data-season="halloween-modern-a"] .platform-note { color: inherit; }

/* 5. Pricing: the one orange band */
html[data-season="halloween-modern-a"] #pricing { background: var(--orange); color: var(--blk); }
html[data-season="halloween-modern-a"] #pricing h2, html[data-season="halloween-modern-a"] #pricing h3, html[data-season="halloween-modern-a"] #pricing p, html[data-season="halloween-modern-a"] #pricing li, html[data-season="halloween-modern-a"] #pricing .price-group, html[data-season="halloween-modern-a"] #pricing .price-group-blurb, html[data-season="halloween-modern-a"] #pricing .section-intro { color: var(--blk); }
html[data-season="halloween-modern-a"] #pricing a { color: var(--blk); }
html[data-season="halloween-modern-a"] .price-card, html[data-season="halloween-modern-a"] .section-alt .price-card { background: var(--blk); color: var(--bone); border: 0; box-shadow: none; }
html[data-season="halloween-modern-a"] #pricing .price-card :is(h4, p, li, .price) { color: var(--bone); }
html[data-season="halloween-modern-a"] #pricing .price-card .amount { color: var(--orange); }
html[data-season="halloween-modern-a"] #pricing .price-card a { color: var(--orange); }
html[data-season="halloween-modern-a"] .price-card.featured { border-top: 3px solid var(--bone); box-shadow: none; }
html[data-season="halloween-modern-a"] #pricing .pay-line { color: var(--blk); font-weight: 700; }
html[data-season="halloween-modern-a"] .soft-disclaimer { background: transparent; border: 2px dashed var(--blk); color: var(--blk); }
html[data-season="halloween-modern-a"] #pricing .soft-disclaimer * { color: var(--blk); }

/* 6. How: black */
html[data-season="halloween-modern-a"] #how { background: var(--blk); color: var(--bone); }
html[data-season="halloween-modern-a"] #how h2, html[data-season="halloween-modern-a"] #how .wrap.narrow > p { color: var(--bone); }
html[data-season="halloween-modern-a"] #how a { color: var(--orange); }
html[data-season="halloween-modern-a"] .steps li { background: var(--bone); color: var(--blk); border: 0; padding-left: 3.8rem; }
html[data-season="halloween-modern-a"] .steps li a { color: var(--blk); }
html[data-season="halloween-modern-a"] .steps li::before { border-radius: 0; background: var(--blk); color: var(--orange); font-family: var(--display); font-weight: 400; font-size: 1.15rem; width: 2rem; height: 2rem; }

/* 7. About: halftone strip */
html[data-season="halloween-modern-a"] #about { position: relative; background: var(--bone); color: var(--blk); padding-top: calc(3.2rem + 40px); }
html[data-season="halloween-modern-a"] #about::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 40px; background: radial-gradient(circle, var(--orange) 3.4px, transparent 3.9px) 0 0 / 12px 12px, var(--bone); pointer-events: none; }

/* 8. Style samples: black */
html[data-season="halloween-modern-a"] #style-samples { background: var(--blk); color: var(--bone); }
html[data-season="halloween-modern-a"] #style-samples h2, html[data-season="halloween-modern-a"] #style-samples .wrap.narrow > p { color: var(--bone); }
html[data-season="halloween-modern-a"] .style-sample-list a { background: transparent; color: var(--bone); border: 2px solid var(--bone); }
html[data-season="halloween-modern-a"] .style-sample-list a:hover, html[data-season="halloween-modern-a"] .style-sample-list a:focus-visible { background: var(--orange); color: var(--blk); border-color: var(--orange); }

/* 9. Contact: fog photo in duotone under black .8 */
html[data-season="halloween-modern-a"] .contact { background: linear-gradient(rgb(17 17 17 / .8), rgb(17 17 17 / .8)), url("../images/season/hero-halloween.jpg") center / cover no-repeat; background-color: var(--orange); background-blend-mode: normal, luminosity; color: var(--bone); border-top: 0; }
html[data-season="halloween-modern-a"] .contact h2 { color: var(--bone); font-size: clamp(2.4rem, 5vw, 3.4rem); }
html[data-season="halloween-modern-a"] .contact p, html[data-season="halloween-modern-a"] .section.contact .wrap.narrow > p, html[data-season="halloween-modern-a"] .contact .contact-hint { color: var(--bone); }
html[data-season="halloween-modern-a"] .contact a:not(.btn) { color: var(--orange); }

/* 10. Footer */
html[data-season="halloween-modern-a"] .site-footer { background: var(--blk); color: var(--ash); border-top: 4px solid var(--orange); }
html[data-season="halloween-modern-a"] .footer-inner a { color: var(--orange); }
html[data-season="halloween-modern-a"] .footer-brand, html[data-season="halloween-modern-a"] .site-credit, html[data-season="halloween-modern-a"] .photo-credit { color: var(--ash); }
html[data-season="halloween-modern-a"] .footer-mark { border-radius: 0; }
html[data-season="halloween-modern-a"] .season-credit { font-size: .8rem; margin-top: .4rem !important; }

/* Motion: once only */
@media (prefers-reduced-motion: no-preference) {
  html[data-season="halloween-modern-a"] .hero h1 { animation: dpWipe .7s cubic-bezier(.65,0,.35,1) .1s both; }
  html[data-season="halloween-modern-a"] .hero::before { animation: dpMoon 1s cubic-bezier(.22,1,.36,1) both; }
  html[data-season="halloween-modern-a"].js-reveal .section h2::before { transform: scaleX(0); transition: transform .6s cubic-bezier(.65,0,.35,1) .1s; }
  html[data-season="halloween-modern-a"].js-reveal .section h2.is-in::before { transform: scaleX(1); }
  html[data-season="halloween-modern-a"].js-reveal :is(.price-card, .steps li) { opacity: 0; transform: translateY(12px); transition: opacity .45s ease-out, transform .45s cubic-bezier(.22,1,.36,1); }
  html[data-season="halloween-modern-a"].js-reveal :is(.price-card, .steps li).is-in { opacity: 1; transform: none; }
}
@keyframes dpWipe { from { clip-path: inset(0 100% 0 0); } to { clip-path: inset(0); } }
@keyframes dpMoon { from { transform: scale(.9); opacity: 0; } to { transform: scale(1); opacity: 1; } }