/* Thanksgiving: Modern B ("Golden-Hour Glass"). Preview skin over v4. Remove data-season to restore v4. */
html[data-season="thanksgiving-modern-b"] {
  --plum: #2A1420; --plum-2: #3A1A26; --wine: #4A2230; --cream: #FFF3E6; --blush: #F1D2BF;
  --amber: #FFB35C; --coral: #FF8A6B; --glass-solid: #3B2630;
  --sand: transparent; --seafoam: transparent; --ink: var(--cream); --muted: var(--blush);
  --kelp: var(--amber); --sea: var(--coral); --sea-deep: var(--cream); --border: rgb(255 243 230 / .18);
  --driftwood: var(--blush); --kelp-bright: var(--amber); --foam: var(--cream);
  --display: "Instrument Serif", Georgia, "Times New Roman", serif;
  --font: Manrope, "Segoe UI", system-ui, sans-serif;
  overflow-x: clip;
}
html[data-season="thanksgiving-modern-b"] body {
  color: var(--cream); font-family: var(--font); background-color: var(--plum);
  background-image:
    radial-gradient(60rem 40rem at 10% 0%, #7A1F3D 0, transparent 60%),
    radial-gradient(50rem 36rem at 90% 30%, #C2410C55 0, transparent 60%),
    radial-gradient(60rem 40rem at 30% 80%, #4A2230 0, transparent 60%);
  background-repeat: no-repeat;
}
html[data-season="thanksgiving-modern-b"] a { color: var(--amber); }
html[data-season="thanksgiving-modern-b"] a:focus-visible { outline: 3px solid var(--amber); outline-offset: 3px; }
html[data-season="thanksgiving-modern-b"] :is(.btn-primary, .season-nav-links a[aria-current="page"]):focus-visible { outline-color: var(--plum); }
html[data-season="thanksgiving-modern-b"] .hero h1 {
  font-family: var(--display); font-weight: 400; font-size: clamp(2.4rem, 5vw, 3.8rem);
  line-height: 1.05; color: var(--cream); text-shadow: none;
}
html[data-season="thanksgiving-modern-b"] .section h2 {
  font-family: var(--display); font-weight: 400; font-size: clamp(2rem, 4vw, 2.8rem);
  line-height: 1.15; color: var(--cream);
}
html[data-season="thanksgiving-modern-b"] .section,
html[data-season="thanksgiving-modern-b"] .section-alt { background: transparent; border: 0; }
html[data-season="thanksgiving-modern-b"] .section .wrap.narrow > p { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] :is(.section-intro, .price-group-blurb, .platform-note, .both-plans) { color: var(--blush); }

/* Shared glass */
html[data-season="thanksgiving-modern-b"] :is(.hero-inner, .photo-band-copy, .price-card, .steps li, .style-sample-list a, .soft-disclaimer) {
  background: rgb(255 243 230 / .08);
  border: 1px solid rgb(255 243 230 / .18);
  -webkit-backdrop-filter: blur(18px) saturate(1.3);
  backdrop-filter: blur(18px) saturate(1.3);
}
@supports not (backdrop-filter: blur(1px)) {
  html[data-season="thanksgiving-modern-b"] :is(.hero-inner, .photo-band-copy, .price-card, .steps li, .style-sample-list a, .soft-disclaimer) {
    background: var(--glass-solid);
  }
}

/* 1. Style bar */
html[data-season="thanksgiving-modern-b"] .style-bar {
  background: rgb(42 20 32 / .6); color: var(--cream);
  border-bottom: 1px solid rgb(255 243 230 / .18);
  -webkit-backdrop-filter: blur(16px); backdrop-filter: blur(16px);
}
html[data-season="thanksgiving-modern-b"] .style-bar-label { color: var(--blush); }
html[data-season="thanksgiving-modern-b"] .style-bar-links a {
  color: var(--cream); background: rgb(255 243 230 / .08); border: 1px solid rgb(255 243 230 / .18);
}
html[data-season="thanksgiving-modern-b"] .style-bar-links a:hover,
html[data-season="thanksgiving-modern-b"] .style-bar-links a:focus-visible { background: rgb(255 243 230 / .16); color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .season-nav-links a[aria-current="page"] {
  background: var(--amber); color: var(--plum); border-color: var(--amber);
}
@media (max-width: 639px) {
  html[data-season="thanksgiving-modern-b"] .style-bar-inner,
  html[data-season="thanksgiving-modern-b"] .season-nav-links { min-width: 0; }
}

/* 2. Hero */
html[data-season="thanksgiving-modern-b"] .hero { min-height: min(90vh, 48rem); color: var(--cream); background: var(--plum); overflow: hidden; }
html[data-season="thanksgiving-modern-b"] .hero-bg {
  filter: saturate(1.2);
  background: url("../images/season/hero-thanksgiving.jpg") center / cover no-repeat;
}
html[data-season="thanksgiving-modern-b"] .hero-overlay {
  background: linear-gradient(180deg, rgb(42 20 32 / .35), rgb(42 20 32 / .8) 60%);
}
html[data-season="thanksgiving-modern-b"] .hero-overlay::before {
  content: ""; position: absolute; inset: 0; pointer-events: none;
  background: radial-gradient(28rem at 70% 35%, rgb(255 179 92 / .35), transparent 70%);
}
html[data-season="thanksgiving-modern-b"] .hero::before,
html[data-season="thanksgiving-modern-b"] .hero::after {
  content: ""; position: absolute; z-index: 0; pointer-events: none; background-repeat: no-repeat; background-position: center; background-size: contain;
}
html[data-season="thanksgiving-modern-b"] .hero::before {
  width: min(420px, 70vw); height: min(420px, 70vw); left: -70px; top: -30px; opacity: .45;
  filter: blur(22px); --rot: 16deg; transform: rotate(var(--rot));
  background-image: url("../images/season/leaf-maple.svg");
}
html[data-season="thanksgiving-modern-b"] .hero::after {
  width: min(280px, 54vw); height: min(280px, 54vw); right: -36px; bottom: 8%; opacity: .38;
  filter: blur(28px); --rot: -18deg; transform: rotate(var(--rot));
  background-image: url("../images/season/leaf-maple.svg");
}
html[data-season="thanksgiving-modern-b"] .hero-inner {
  z-index: 2; border-radius: 24px; padding: 2rem; max-width: 42rem;
}
html[data-season="thanksgiving-modern-b"] .hero .lede { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .hero .hero-hello { color: var(--amber); opacity: 1; font-weight: 600; }
html[data-season="thanksgiving-modern-b"] .btn { border-radius: 999px; }
html[data-season="thanksgiving-modern-b"] .btn-primary {
  background: var(--amber); color: var(--plum); border: 2px solid var(--amber); box-shadow: none;
}
html[data-season="thanksgiving-modern-b"] .btn-primary:hover,
html[data-season="thanksgiving-modern-b"] .btn-primary:focus-visible { background: #FFC57A; color: var(--plum); border-color: #FFC57A; }
html[data-season="thanksgiving-modern-b"] .hero .btn-ghost {
  background: rgb(255 243 230 / .08); color: var(--cream); border: 1px solid rgb(255 243 230 / .5); border-radius: 999px;
  -webkit-backdrop-filter: blur(18px) saturate(1.3); backdrop-filter: blur(18px) saturate(1.3);
}
html[data-season="thanksgiving-modern-b"] .hero .btn-ghost:hover,
html[data-season="thanksgiving-modern-b"] .hero .btn-ghost:focus-visible { background: rgb(255 243 230 / .16); color: var(--cream); border-color: var(--cream); }
@media (max-width: 639px) {
  html[data-season="thanksgiving-modern-b"] .hero-inner { padding: 1.25rem; border-radius: 20px; }
}

/* Blurred leaves — six, static after one settle */
html[data-season="thanksgiving-modern-b"] :is(#help, .photo-band, #how, #about) { position: relative; overflow: hidden; }
html[data-season="thanksgiving-modern-b"] #help::before,
html[data-season="thanksgiving-modern-b"] .photo-band::before,
html[data-season="thanksgiving-modern-b"] #how::before,
html[data-season="thanksgiving-modern-b"] #about::before {
  content: ""; position: absolute; pointer-events: none; z-index: 0;
  background-repeat: no-repeat; background-position: center; background-size: contain;
}
html[data-season="thanksgiving-modern-b"] #help::before {
  width: 340px; height: 340px; top: -40px; right: -50px; opacity: .42; filter: blur(24px);
  --rot: 12deg; transform: rotate(var(--rot)); background-image: url("../images/season/leaf-oak.svg");
}
html[data-season="thanksgiving-modern-b"] .photo-band::before {
  width: 280px; height: 280px; left: -60px; bottom: -30px; opacity: .36; filter: blur(20px);
  --rot: -10deg; transform: rotate(var(--rot)); background-image: url("../images/season/leaf-oak.svg");
}
html[data-season="thanksgiving-modern-b"] #how::before {
  width: 240px; height: 240px; right: -40px; top: 20%; opacity: .4; filter: blur(26px);
  --rot: 20deg; transform: rotate(var(--rot)); background-image: url("../images/season/leaf-oak.svg");
}
html[data-season="thanksgiving-modern-b"] #about::before {
  width: 420px; height: 420px; left: -140px; top: 8%; opacity: .4; filter: blur(30px);
  --rot: -14deg; transform: rotate(var(--rot)); background-image: url("../images/season/leaf-maple.svg");
}
html[data-season="thanksgiving-modern-b"] :is(#help, .photo-band, #how, #about) > * { position: relative; z-index: 1; }

/* 3. Photo band */
html[data-season="thanksgiving-modern-b"] .photo-band { background: transparent; }
html[data-season="thanksgiving-modern-b"] .photo-band-figure { overflow: visible; padding: 1.15rem 1.15rem 0; }
html[data-season="thanksgiving-modern-b"] .photo-band-figure img {
  border-radius: 20px; box-shadow: 0 20px 60px rgb(255 179 92 / .25);
}
html[data-season="thanksgiving-modern-b"] .photo-band-copy { margin: 1.15rem; border-radius: 20px; }
html[data-season="thanksgiving-modern-b"] .photo-band-copy .photo-band-line {
  font-family: var(--display); font-style: italic; font-weight: 400; color: var(--cream);
  font-size: clamp(1.45rem, 2.5vw, 1.9rem); line-height: 1.35;
}
@media (min-width: 768px) {
  html[data-season="thanksgiving-modern-b"] .photo-band-inner { padding: 1.4rem; gap: 1rem; align-items: center; }
  html[data-season="thanksgiving-modern-b"] .photo-band-figure { padding: 0; }
  html[data-season="thanksgiving-modern-b"] .photo-band-copy { margin: 0; }
}

/* 4. Help */
html[data-season="thanksgiving-modern-b"] #help { color: var(--cream); }

/* 5. Pricing — blurred fall field */
html[data-season="thanksgiving-modern-b"] #pricing { position: relative; overflow: hidden; background: var(--plum); color: var(--cream); }
html[data-season="thanksgiving-modern-b"] #pricing::before {
  content: ""; position: absolute; inset: -40px; z-index: 0; pointer-events: none;
  background: url("../images/season/tr-rogue-maple-2000.jpg") center / cover no-repeat;
  filter: blur(28px) saturate(1.3);
}
html[data-season="thanksgiving-modern-b"] #pricing::after {
  content: ""; position: absolute; inset: 0; z-index: 1; pointer-events: none; background: rgb(42 20 32 / .72);
}
html[data-season="thanksgiving-modern-b"] #pricing > * { position: relative; z-index: 2; }
html[data-season="thanksgiving-modern-b"] #pricing :is(h2, h3, h4, p, li) { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] #pricing :is(.section-intro, .price-group-blurb, .platform-note, .plan-extra, .both-plans) { color: var(--blush); }
html[data-season="thanksgiving-modern-b"] #pricing :is(.price-group, .pay-line) { color: var(--coral); }
html[data-season="thanksgiving-modern-b"] .price-card,
html[data-season="thanksgiving-modern-b"] .section-alt .price-card {
  color: var(--cream); border-radius: 20px; box-shadow: none;
}
html[data-season="thanksgiving-modern-b"] .price-card :is(h4, .price, li, .amount) { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .price-card :is(.note, .plan-extra) { color: var(--blush); }
html[data-season="thanksgiving-modern-b"] .amount { font-weight: 800; font-variant-numeric: tabular-nums; font-size: 2.05rem; color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .price-card.featured {
  position: relative;
  border: 2px solid transparent;
  box-shadow: inset 0 0 24px rgb(255 179 92 / .32);
}
html[data-season="thanksgiving-modern-b"] .price-card.featured::before {
  content: ""; position: absolute; inset: -2px; border-radius: inherit; padding: 2px; pointer-events: none;
  background: linear-gradient(120deg, var(--amber), var(--coral));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor;
  mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  mask-composite: exclude;
}
html[data-season="thanksgiving-modern-b"] .soft-disclaimer {
  color: var(--blush); border: 1px dashed var(--blush); border-radius: 16px;
}
html[data-season="thanksgiving-modern-b"] .price-card:hover { box-shadow: none; }
html[data-season="thanksgiving-modern-b"] .price-card.featured:hover { box-shadow: inset 0 0 24px rgb(255 179 92 / .32); }

/* 6. How */
html[data-season="thanksgiving-modern-b"] #how { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .steps li {
  color: var(--cream); border-radius: 18px; padding-left: 4.5rem;
}
html[data-season="thanksgiving-modern-b"] .steps li::before {
  background: var(--amber); color: var(--plum); border-radius: 50%; font-weight: 800;
  width: 1.8rem; height: 1.8rem; top: 1rem; left: 1rem;
}
html[data-season="thanksgiving-modern-b"] .steps li::after {
  content: ""; position: absolute; left: 3.15rem; top: 1.15rem; width: 18px; height: 18px;
  background: url("../images/season/leaf-bullet.svg") center / 18px 18px no-repeat;
}

/* 7. About — leaf is the section ::before */
html[data-season="thanksgiving-modern-b"] #about { color: var(--cream); }

/* 8. Style samples */
html[data-season="thanksgiving-modern-b"] #style-samples { color: var(--cream); overflow: hidden; }
html[data-season="thanksgiving-modern-b"] .style-sample-list a {
  border-radius: 999px; color: var(--cream); text-align: center; box-shadow: none;
}
html[data-season="thanksgiving-modern-b"] .style-sample-list a:hover,
html[data-season="thanksgiving-modern-b"] .style-sample-list a:focus-visible {
  color: var(--amber); border-color: var(--amber); background: rgb(255 243 230 / .08);
}

/* 9. Contact */
html[data-season="thanksgiving-modern-b"] .contact {
  position: relative; border: 0; color: var(--cream);
  background: radial-gradient(40rem 24rem at 50% 100%, #C2410C, transparent 70%), var(--plum-2);
}
html[data-season="thanksgiving-modern-b"] .contact .wrap { position: relative; z-index: 1; }
html[data-season="thanksgiving-modern-b"] .contact .wrap::before {
  content: ""; position: absolute; inset: -1.4rem -.75rem; z-index: -1; border-radius: 24px;
  background: rgb(42 20 32 / .78);
}
html[data-season="thanksgiving-modern-b"] .contact h2 { color: var(--cream); }
html[data-season="thanksgiving-modern-b"] .contact :is(p, .contact-hint),
html[data-season="thanksgiving-modern-b"] .section.contact .wrap.narrow > p { color: var(--blush); }
html[data-season="thanksgiving-modern-b"] .contact .btn-primary {
  background: var(--amber); color: var(--plum); border-color: var(--amber);
  box-shadow: 0 10px 40px rgb(255 179 92 / .4);
}
html[data-season="thanksgiving-modern-b"] .contact .btn-lg { max-width: 100%; white-space: normal; }

/* 10. Footer */
html[data-season="thanksgiving-modern-b"] .site-footer {
  position: relative; background: #1F0E17; color: var(--blush); border: 0;
}
html[data-season="thanksgiving-modern-b"] .site-footer::before {
  content: ""; position: absolute; left: 0; right: 0; top: 0; height: 1px;
  background: linear-gradient(90deg, var(--amber), var(--coral));
}
html[data-season="thanksgiving-modern-b"] .footer-inner a { color: var(--amber); }
html[data-season="thanksgiving-modern-b"] :is(.footer-brand, .site-credit, .photo-credit) { color: var(--blush); }
html[data-season="thanksgiving-modern-b"] .season-credit { font-size: .8rem; margin-top: .4rem !important; }

/* Fallback when backdrop-filter is missing */
@supports not (backdrop-filter: blur(1px)) {
  html[data-season="thanksgiving-modern-b"] .style-bar { background: #2A1420; }
  html[data-season="thanksgiving-modern-b"] .hero .btn-ghost { background: var(--glass-solid); }
  html[data-season="thanksgiving-modern-b"] .price-card.featured { background: var(--glass-solid); }
}

/* Motion, once */
@media (prefers-reduced-motion: no-preference) {
  html[data-season="thanksgiving-modern-b"] .hero-overlay::before { animation: ghSun 1.6s ease both; }
  html[data-season="thanksgiving-modern-b"] .hero::before,
  html[data-season="thanksgiving-modern-b"] .hero::after,
  html[data-season="thanksgiving-modern-b"] #help::before,
  html[data-season="thanksgiving-modern-b"] .photo-band::before,
  html[data-season="thanksgiving-modern-b"] #how::before,
  html[data-season="thanksgiving-modern-b"] #about::before {
    animation: ghLeaf 1.8s ease-out both;
  }
  html[data-season="thanksgiving-modern-b"].js-reveal :is(.price-card, .steps li, .photo-band-copy) {
    opacity: 0; transform: translateY(14px);
    transition: opacity .6s ease, transform .6s cubic-bezier(.22,1,.36,1);
  }
  html[data-season="thanksgiving-modern-b"].js-reveal :is(.price-card, .steps li, .photo-band-copy).is-in {
    opacity: 1; transform: none;
  }
}
@keyframes ghSun { from { opacity: 0; } to { opacity: 1; } }
@keyframes ghLeaf { from { transform: translateY(-30px) rotate(-8deg); } to { transform: rotate(var(--rot)); } }