/* Thanksgiving: Modern A ("Harvest Editorial"). Preview skin over v4. Remove data-season to restore v4. */
html[data-season="thanksgiving-modern-a"] {
  --paper: #F6F1E7; --paper-2: #EFE6D4; --ink: #1E1A16; --stone: #5C5046; --rust: #9A3412;
  --ochre: #6B5A1E; --ochre-light: #E7B27A; --rule: #D9CFBF;
  --sand: var(--paper); --seafoam: var(--paper-2); --muted: var(--stone); --kelp: var(--rust);
  --sea: var(--ochre); --sea-deep: var(--ink); --border: var(--rule); --driftwood: var(--stone);
  --kelp-bright: var(--rust); --foam: var(--paper);
  --display: "DM Serif Display", Georgia, "Times New Roman", serif;
  --font: Inter, "Segoe UI", system-ui, sans-serif;
  overflow-x: clip;
}
html[data-season="thanksgiving-modern-a"] body {
  background: var(--paper); color: var(--ink); font-family: var(--font);
  font-size: 1.05rem; line-height: 1.7;
}
html[data-season="thanksgiving-modern-a"] a { color: var(--rust); }
html[data-season="thanksgiving-modern-a"] a:focus-visible { outline: 3px solid var(--rust); outline-offset: 3px; }
html[data-season="thanksgiving-modern-a"] :is(.hero, .contact) :focus-visible { outline-color: var(--ochre-light); }
html[data-season="thanksgiving-modern-a"] .btn-primary:focus-visible { outline-color: var(--ink); }
html[data-season="thanksgiving-modern-a"] .hero h1 {
  font-family: var(--display); font-weight: 400; font-size: clamp(2.4rem, 5.2vw, 4rem);
  line-height: 1.02; letter-spacing: -0.015em; color: var(--paper); text-shadow: none;
}
html[data-season="thanksgiving-modern-a"] .section h2 {
  font-family: var(--display); font-weight: 400; font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.12; letter-spacing: -0.015em; color: var(--ink);
}
html[data-season="thanksgiving-modern-a"] .section .wrap.narrow > p { color: var(--ink); }
html[data-season="thanksgiving-modern-a"] :is(.section-intro, .price-group-blurb, .platform-note) { color: var(--stone); }

/* 1. Masthead nav — underlined, no pills */
html[data-season="thanksgiving-modern-a"] .style-bar {
  background: var(--paper); color: var(--ink); border-bottom: 1px solid var(--ink);
  -webkit-backdrop-filter: none; backdrop-filter: none;
}
html[data-season="thanksgiving-modern-a"] .style-bar-label { color: var(--stone); }
html[data-season="thanksgiving-modern-a"] .style-bar-links { gap: .35rem .85rem; }
html[data-season="thanksgiving-modern-a"] .style-bar-links a {
  background: transparent; color: var(--ink); border: 0; border-radius: 0;
  box-shadow: inset 0 -1px 0 var(--ink); padding: .2rem .05rem;
}
html[data-season="thanksgiving-modern-a"] .style-bar-links a:hover,
html[data-season="thanksgiving-modern-a"] .style-bar-links a:focus-visible {
  background: transparent; color: var(--rust); box-shadow: inset 0 -1px 0 var(--rust);
}
html[data-season="thanksgiving-modern-a"] .season-nav-links a[aria-current="page"] {
  background: transparent; color: var(--rust); border-color: transparent;
  box-shadow: inset 0 -2px 0 var(--rust);
}
@media (max-width: 639px) {
  html[data-season="thanksgiving-modern-a"] .style-bar-inner,
  html[data-season="thanksgiving-modern-a"] .season-nav-links { min-width: 0; }
}

/* 2. Hero cover */
html[data-season="thanksgiving-modern-a"] .hero { min-height: min(88vh, 46rem); color: var(--paper); background: var(--ink); }
html[data-season="thanksgiving-modern-a"] .hero-bg {
  filter: sepia(.35) saturate(.9) contrast(1.05);
  background: url("../images/season/hero-thanksgiving.jpg") center / cover no-repeat;
}
html[data-season="thanksgiving-modern-a"] .hero-overlay {
  background: linear-gradient(180deg, rgb(30 26 22 / .3), rgb(30 26 22 / .82) 70%);
}
html[data-season="thanksgiving-modern-a"] .hero::after {
  content: ""; position: absolute; inset: .6rem; border: 1px solid rgb(246 241 231 / .6);
  pointer-events: none; z-index: 1;
}
html[data-season="thanksgiving-modern-a"] .hero-inner { position: relative; z-index: 2; }
html[data-season="thanksgiving-modern-a"] .hero-logo-mark { border-radius: 0; box-shadow: none; }
html[data-season="thanksgiving-modern-a"] .hero .hero-hello {
  color: var(--ochre-light); opacity: 1; font-family: var(--font); font-weight: 600;
  font-size: .78rem; letter-spacing: .16em; text-transform: uppercase;
}
html[data-season="thanksgiving-modern-a"] .hero .lede { color: var(--paper); }
html[data-season="thanksgiving-modern-a"] .btn { border-radius: 0; }
html[data-season="thanksgiving-modern-a"] .btn-primary {
  background: var(--rust); color: #fff; border: 2px solid var(--rust); letter-spacing: .08em; box-shadow: none;
}
html[data-season="thanksgiving-modern-a"] .btn-primary:hover,
html[data-season="thanksgiving-modern-a"] .btn-primary:focus-visible { background: #7C2A0E; color: #fff; border-color: #7C2A0E; }
html[data-season="thanksgiving-modern-a"] .hero .btn-ghost {
  background: transparent; color: var(--paper); border: 1px solid rgb(246 241 231 / .85); border-radius: 0;
}
html[data-season="thanksgiving-modern-a"] .hero .btn-ghost:hover,
html[data-season="thanksgiving-modern-a"] .hero .btn-ghost:focus-visible { background: rgb(246 241 231 / .12); color: var(--paper); border-color: var(--paper); }
@media (min-width: 900px) {
  html[data-season="thanksgiving-modern-a"] .hero::after { inset: 1.25rem; }
}

/* 3. Photo band */
html[data-season="thanksgiving-modern-a"] .photo-band { background: var(--paper-2); color: var(--ink); }
html[data-season="thanksgiving-modern-a"] .photo-band-figure {
  position: relative; box-shadow: inset 0 -1px 0 var(--ink);
}
html[data-season="thanksgiving-modern-a"] .photo-band-figure img {
  filter: sepia(.58) saturate(1.18) contrast(1.05) brightness(1.04);
}
html[data-season="thanksgiving-modern-a"] .photo-band-figure::after {
  content: ""; position: absolute; left: 0; right: 0; top: 0; bottom: 1px; pointer-events: none;
  background: #6B5A1E; mix-blend-mode: multiply; opacity: .46;
}
html[data-season="thanksgiving-modern-a"] .photo-band-copy { background: var(--paper); }
html[data-season="thanksgiving-modern-a"] .photo-band-copy .photo-band-line {
  position: relative; max-width: 28rem; color: var(--ink);
  font-family: var(--display); font-style: italic; font-weight: 400; font-size: 1.6rem; line-height: 1.35;
}
html[data-season="thanksgiving-modern-a"] .photo-band-line::before,
html[data-season="thanksgiving-modern-a"] .photo-band-line::after {
  display: block; height: auto; overflow: visible;
  font-family: var(--display); font-style: italic; font-weight: 400; color: var(--rust);
  font-size: 3.4rem; line-height: 1;
}
html[data-season="thanksgiving-modern-a"] .photo-band-line::before {
  content: "\201C" / ""; margin: 0 0 .2rem;
}
html[data-season="thanksgiving-modern-a"] .photo-band-line::after {
  content: "\201D" / ""; margin: .35rem 0 0; text-align: right;
}

/* 4. Help — editorial plate + drop cap */
html[data-season="thanksgiving-modern-a"] #help { position: relative; overflow: hidden; background: var(--paper); color: var(--ink); }
html[data-season="thanksgiving-modern-a"] #help .wrap.narrow > p:first-of-type::first-letter {
  font-family: var(--display); font-size: 3.6em; float: left; line-height: .8;
  padding: .06em .1em 0 0; color: var(--rust);
}
@media (min-width: 900px) {
  html[data-season="thanksgiving-modern-a"] #help { padding-left: 30%; }
  html[data-season="thanksgiving-modern-a"] #help::before {
    content: ""; position: absolute; z-index: 0; left: 0; top: 0; bottom: 0; width: 30%;
    background: url("../images/season/maple-duotone.jpg") center / cover no-repeat;
  }
  html[data-season="thanksgiving-modern-a"] #help .wrap { position: relative; z-index: 1; }
}

/* 5. Pricing */
html[data-season="thanksgiving-modern-a"] #pricing { background: var(--paper-2); color: var(--ink); border: 0; }
html[data-season="thanksgiving-modern-a"] #pricing::before {
  content: ""; display: block; height: 7rem; width: min(100% - 2rem, var(--max));
  margin: 0 auto 2.2rem; box-sizing: border-box; border: 1px solid var(--ink);
  background: url("../images/season/wheat-duotone.jpg") center / cover no-repeat;
}
html[data-season="thanksgiving-modern-a"] .price-group {
  font-family: var(--font); font-weight: 600; font-size: .78rem; letter-spacing: .14em;
  text-transform: uppercase; color: var(--ochre);
}
html[data-season="thanksgiving-modern-a"] .pay-line { color: var(--ochre); }
html[data-season="thanksgiving-modern-a"] .price-card,
html[data-season="thanksgiving-modern-a"] .section-alt .price-card {
  background: #fff; color: var(--ink); border: 1px solid var(--rule); border-radius: 0;
  box-shadow: none; padding: 2rem;
}
html[data-season="thanksgiving-modern-a"] .price-card:hover { box-shadow: none; }
html[data-season="thanksgiving-modern-a"] .price-card :is(h4, p, li, .price) { color: var(--ink); }
html[data-season="thanksgiving-modern-a"] .price-card :is(.note, .plan-extra) { color: var(--stone); }
html[data-season="thanksgiving-modern-a"] .amount {
  font-family: var(--display); font-style: italic; font-weight: 400; font-size: 2.4rem; color: var(--ink);
}
html[data-season="thanksgiving-modern-a"] .price-card.featured { border-top: 2px solid var(--rust); }
html[data-season="thanksgiving-modern-a"] .soft-disclaimer {
  background: transparent; color: var(--stone); border: 1px dashed var(--rule); border-radius: 0;
}
html[data-season="thanksgiving-modern-a"] #pricing :is(.section-intro, .price-group-blurb, .platform-note, .both-plans) { color: var(--stone); }

/* 6. How — numbered editorial list */
html[data-season="thanksgiving-modern-a"] #how { background: var(--paper); }
html[data-season="thanksgiving-modern-a"] .steps { gap: 0; }
html[data-season="thanksgiving-modern-a"] .steps li {
  background: transparent; color: var(--ink); border: 0; border-radius: 0; box-shadow: none;
  border-top: 1px solid var(--ink); padding: 1.05rem 0 1.05rem 2.8rem;
}
html[data-season="thanksgiving-modern-a"] .steps li::before {
  content: counter(step); background: none; width: auto; height: auto; border-radius: 0;
  color: var(--rust); font-family: var(--display); font-weight: 400; font-size: 1.6rem;
  line-height: 1; top: .95rem; left: 0;
}

/* 7. About */
html[data-season="thanksgiving-modern-a"] #about { background: var(--paper-2); border: 0; }
html[data-season="thanksgiving-modern-a"] #about h2::before {
  content: ""; display: block; width: 80px; height: 120px; margin: 0 auto .85rem;
  background: url("../images/season/wheat-ornament.svg") center / contain no-repeat;
}

/* Hairline rules on the sections that are not ornaments */
html[data-season="thanksgiving-modern-a"] :is(#help, #pricing, #how, #style-samples) h2::before {
  content: ""; display: block; width: 4.5rem; height: 1px; margin: 0 0 .85rem;
  background: var(--ink); transform-origin: 0 50%;
}

/* 8. Style samples */
html[data-season="thanksgiving-modern-a"] #style-samples { background: var(--paper); }
html[data-season="thanksgiving-modern-a"] .style-sample-list { gap: 0; }
html[data-season="thanksgiving-modern-a"] .style-sample-list a {
  background: transparent; color: var(--ink); border: 0; border-radius: 0; box-shadow: none;
  border-bottom: 1px solid var(--ink); padding-left: 0; padding-right: 0; font-weight: 500;
}
html[data-season="thanksgiving-modern-a"] .style-sample-list a::after { content: " \2192" / ""; color: var(--rust); }
html[data-season="thanksgiving-modern-a"] .style-sample-list a:hover,
html[data-season="thanksgiving-modern-a"] .style-sample-list a:focus-visible { color: var(--rust); border-color: var(--rust); background: transparent; }

/* 9. Contact — the one dark spread */
html[data-season="thanksgiving-modern-a"] .contact { background: var(--ink); color: var(--paper); border: 0; }
html[data-season="thanksgiving-modern-a"] .contact h2 { color: var(--paper); font-size: clamp(2rem, 5vw, 3rem); }
html[data-season="thanksgiving-modern-a"] .contact h2::before {
  content: ""; display: block; width: 64px; height: 72px; margin: 0 auto .8rem;
  background: url("../images/season/leaf-ornament.svg") center / contain no-repeat;
}
html[data-season="thanksgiving-modern-a"] .contact :is(p, .contact-hint),
html[data-season="thanksgiving-modern-a"] .section.contact .wrap.narrow > p { color: #D8CFC2; }
html[data-season="thanksgiving-modern-a"] .contact .btn-primary {
  background: var(--ochre-light); color: var(--ink); border-color: var(--ochre-light);
}
html[data-season="thanksgiving-modern-a"] .contact .btn-primary:hover,
html[data-season="thanksgiving-modern-a"] .contact .btn-primary:focus-visible { background: #F0C48E; color: var(--ink); border-color: #F0C48E; }
html[data-season="thanksgiving-modern-a"] .contact .btn-lg { max-width: 100%; white-space: normal; }
html[data-season="thanksgiving-modern-a"] .contact .btn-primary:focus-visible { outline-color: var(--paper); }

/* 10. Footer colophon */
html[data-season="thanksgiving-modern-a"] .site-footer {
  background: var(--paper); color: var(--stone); border-top: 1px solid var(--ink);
}
html[data-season="thanksgiving-modern-a"] .footer-inner a { color: var(--rust); }
html[data-season="thanksgiving-modern-a"] :is(.footer-brand, .site-credit, .photo-credit) { color: var(--stone); }
html[data-season="thanksgiving-modern-a"] .season-credit { font-size: .8rem; margin-top: .4rem !important; }

/* Motion, once */
@media (prefers-reduced-motion: no-preference) {
  html[data-season="thanksgiving-modern-a"] .hero h1,
  html[data-season="thanksgiving-modern-a"] .hero::after { animation: edFade .8s ease both; }
  html[data-season="thanksgiving-modern-a"].js-reveal :is(#help, #pricing, #how, #style-samples) h2::before {
    transform: scaleX(0); transition: transform .8s cubic-bezier(.22,1,.36,1);
  }
  html[data-season="thanksgiving-modern-a"].js-reveal :is(#help, #pricing, #how, #style-samples) h2.is-in::before { transform: scaleX(1); }
  html[data-season="thanksgiving-modern-a"].js-reveal #help::before,
  html[data-season="thanksgiving-modern-a"].js-reveal #pricing::before,
  html[data-season="thanksgiving-modern-a"].js-reveal .photo-band-figure {
    clip-path: inset(0 0 100% 0); transition: clip-path .9s cubic-bezier(.22,1,.36,1);
  }
  html[data-season="thanksgiving-modern-a"].js-reveal #help:has(.is-in)::before,
  html[data-season="thanksgiving-modern-a"].js-reveal #pricing:has(.is-in)::before,
  html[data-season="thanksgiving-modern-a"].js-reveal .photo-band:has(.is-in) .photo-band-figure { clip-path: inset(0); }
}
@keyframes edFade { from { opacity: 0; } to { opacity: 1; } }
@media (max-width: 899px) {
  html[data-season="thanksgiving-modern-a"] #help::before { content: none; display: none; }
}
