/* Every section owns a readable club field before the scroll theme activates.
   Activation still settles its colour; the body's animated theme is retained. */
.home .band {
  color:var(--fg);
  background:var(--section-bg);
  transition:background-color .7s ease;
}
.home .band[data-theme="chalk"] {
  --fg:var(--ink);
  --accent:var(--red);
  --section-bg:#e7e3da;
}
.home .band[data-theme="navy"] {
  --fg:var(--white);
  --accent:#ff6257;
  --section-bg:#102744;
}
.home .band[data-theme="red"] {
  --fg:var(--white);
  --accent:var(--night);
  --section-bg:#c3262c;
}
.home .band[data-theme="night"] {
  --fg:var(--white);
  --accent:var(--red);
  --section-bg:#0b1422;
}
.home[data-theme="chalk"] .band[data-theme="chalk"] { --section-bg:var(--chalk); }
.home[data-theme="navy"] .band[data-theme="navy"] { --section-bg:var(--navy); }
.home[data-theme="red"] .band[data-theme="red"] { --section-bg:var(--red); }
.home[data-theme="night"] .band[data-theme="night"] { --section-bg:var(--night); }

/* A painted jersey seam marks the actual junction, in normal document flow.
   One navy field, a worn chalk hoop and a short red slash; no content overlap. */
.home .club-seam {
  height:32px;
  width:100%;
  overflow:hidden;
  background:var(--navy) url("assets/club-seam.svg") center / 100% 100% no-repeat;
  pointer-events:none;
}
.home .foot { border-top:0; }

/* Generated material and ambience sit behind the existing club story.
   Source prompts and original files: assets/backgrounds-v1-provenance.md. */
.home .band,
.home .foot,
.support-page .page-main > section,
.support-page .page-footer {
  position:relative;
  isolation:isolate;
}

.home .band::before,
.home .foot::before,
.support-page .page-main > section::before,
.support-page .page-footer::before {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:url("assets/weathered-surface-v1.webp") center / cover no-repeat;
  opacity:.3;
  filter:grayscale(1) brightness(1.8);
  mix-blend-mode:soft-light;
}

/* Chalk retains its warm pale field, with irregular mineral wear at the edges. */
.home .band[data-theme="chalk"]::before,
.support-page .women-steps::before,
.support-page .tour-offer::before,
.support-page .shop-opening::before,
.support-page .partners-possibilities::before {
  filter:grayscale(1) invert(1) contrast(.8) brightness(1.12);
  mix-blend-mode:multiply;
  opacity:.28;
}
.home .band[data-theme="chalk"]::before { opacity:.16; }

.home .band[data-theme="red"]::before,
.support-page .women-hero::before,
.support-page .team-enquiry::before {
  opacity:.22;
}

/* The partner invitation keeps the two-column composition in a warm, dark scene. */
.home #shop .sponsor {
  --accent:#ff6257;
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  align-items:end;
  gap:clamp(30px,5vw,80px);
  padding:clamp(32px,5vw,76px);
  border-top:3px solid var(--red);
  color:var(--white);
  background:var(--night);
  isolation:isolate;
}
.home #shop .sponsor::after {
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:linear-gradient(90deg,#080d16e8 0%,#080d16d9 46%,#080d16a3 100%),
    linear-gradient(0deg,#080d16a6,transparent 55%),
    url("assets/riverside-evening-v1.webp") center / cover no-repeat;
}
.home #shop .sponsor h3 { max-width:12ch; }
.home #shop .sponsor p { color:#f1ede4; }
.home #shop .sponsor .kicker { color:#ff7464; }

.home .community-reveal .endcap { z-index:2; }

@media(max-width:700px) {
  .home .club-seam { height:24px; }
  .home #shop .sponsor {
    grid-template-columns:1fr;
    gap:28px;
    padding:32px 24px;
  }
  .home #shop .sponsor::after {
    background:linear-gradient(90deg,#080d16e3,#080d16c2),
      url("assets/riverside-evening-v1.webp") 65% center / cover no-repeat;
  }
}