:root {
  --wine: rgb(114, 44, 59);
  --wine-soft: #a15c6b;
  --wine-deep: #3b1c23;
  --wine-ink: #1f1013;
  --charcoal: #1d181b;
  --gold: #caa974;
  --gold-light: #e6c494;
  --gold-pale: #fffbf1;
  --gold-bright: #e6c494;
  --cream: #f1e5dc;
  --cream-light: #fbf6ed;
  --ink: #1e1716;
  --muted: #6d5c57;
  --line: rgba(91, 3, 2, 0.18);
  --display: "Cormorant Garamond", Georgia, serif;
  --body: "DM Sans", system-ui, sans-serif;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}
html {
  scroll-behavior: smooth;
}
body {
  font-family: var(--body);
  color: var(--ink);
  background: var(--cream-light);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}
img {
  display: block;
  max-width: 100%;
}
a {
  color: inherit;
  text-decoration: none;
}

.skip-link {
  position: fixed;
  left: 16px;
  top: -80px;
  z-index: 9999;
  background: var(--gold);
  color: var(--wine-ink);
  padding: 10px 14px;
  font-weight: 700;
}
.skip-link:focus {
  top: 16px;
}

.site-header {
  position: fixed;
  inset: 0 0 auto 0;
  height: 82px;
  z-index: 100;
  display: grid;
  grid-template-columns: auto 1fr;
  align-items: center;
  gap: 28px;
  padding: 0 34px;
  color: var(--cream-light);
  border-bottom: 1px solid rgba(230, 196, 148, 0.35);
  background: rgba(21, 0, 0, 0.54);
  backdrop-filter: blur(10px);
  transition:
    background 0.25s ease,
    height 0.25s ease;
}
.site-header.is-scrolled {
  height: 68px;
  background: var(--wine-ink);
}
.brand img {
  height: 42px;
  width: auto;
}
.site-nav {
  justify-self: end;
  display: flex;
  align-items: center;
  gap: 24px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.09em;
  font-weight: 700;
}

.nav-link{
  text-transform: uppercase;
}
.site-nav a {
  opacity: 0.88;
}
.site-nav a:hover {
  color: var(--gold-bright);
  opacity: 1;
}
.nav-button {
  padding: 12px 18px;
  background: var(--gold);
  color: var(--wine-ink);
  opacity: 1 !important;
}
.nav-toggle {
  display: none;
}

.nav-dropdown {
  position: relative;
}

/* match your nav style */
.nav-dropdown-toggle {
  display: flex;
  align-items: center;
  gap: 0.45rem;

  background: none;
  border: 0;
  padding: 0;
  cursor: pointer;

  font: inherit;
  color: inherit;
}

/* hidden by default */
.dropdown-menu {
  position: absolute;
  top: calc(100%);
  left: 50%;
  transform: translateX(-50%) translateY(8px);

  min-width: 260px;
  padding: 10px;

  background: linear-gradient(90deg, var(--wine-deep), var(--wine));
  border: 1px solid var(--gold);
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12);

  display: flex;
  flex-direction: column;
  gap: 4px;

  opacity: 0;
  visibility: hidden;
  pointer-events: none;

  transition:
    opacity 180ms ease,
    transform 180ms ease,
    visibility 180ms ease;

  z-index: 9999;
}

/* links */
.dropdown-menu a {
  padding: 14px 16px;
  border-radius: 12px;
  color: var(--charcoal);
  color: inherit;
  text-decoration: none;

  transition: background 180ms ease;
}

.dropdown-menu a:hover {
  background: rgba(0, 0, 0, 0.05);
}

/* show */
.nav-dropdown:hover .dropdown-menu,
.nav-dropdown.active .dropdown-menu {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
  transform: translateX(-50%) translateY(0);
}

.dropdown-arrow {
  transition: transform 180ms ease;
}

.nav-dropdown:hover .dropdown-arrow,
.nav-dropdown.active .dropdown-arrow {
  transform: rotate(180deg);
}
@media (max-width: 991px) {
  .nav-dropdown {
    width: 100%;
  }

  .nav-dropdown-toggle {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }

  .dropdown-menu {
    position: static;
    transform: none !important;

    width: 100%;
    min-width: unset;
    margin-top: 12px;
    padding: 0px;
    box-shadow: none;
    background: none;
    max-height: 0;
    overflow: hidden;

    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    border: none;
    transition:
      max-height 280ms ease,
      margin-top 280ms ease,
      padding 280ms ease;
  }

  /* open state */
  .nav-dropdown.active .dropdown-menu {
    max-height: 500px;
  }

  .dropdown-menu a {
    background: #11111155;
    border-radius: 0;
    border-bottom: 1px solid var(--gold);
    display: block;
  }

  .dropdown-arrow {
    transition: transform 220ms ease;
  }

  .nav-dropdown.active .dropdown-arrow {
    transform: rotate(180deg);
  }
}
.hero {
  min-height: 100vh;
  position: relative;
  color: var(--cream-light);
  background: var(--wine-ink);
  overflow: hidden;
  padding: 132px 34px 54px;
}
.hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(19, 10, 12, 0.98) 0%,
      rgba(43, 23, 28, 0.86) 42%,
      rgba(34, 21, 24, 0.68) 100%
    ),
    url("assets/santaclarita.webp") center/cover no-repeat;
  opacity: 1;
}
.hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;

  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(114, 44, 59, 0.09),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 8%,
      rgba(255, 255, 255, 0.035),
      transparent 28%
    ),
    radial-gradient(circle at 70% 78%, rgba(31, 13, 17, 0.06), transparent 34%);

  filter: blur(50px);
  opacity: 0.9;
}

.hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 2;

  opacity: 0.035;
  mix-blend-mode: soft-light;

  background-image: radial-gradient(#ffffff 0.6px, transparent 0.6px);

  background-size: 4px 4px;
}
.hero-shell {
  position: relative;
  z-index: 1;
  max-width: 1220px;
  min-height: calc(100vh - 186px);
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) 420px;
  align-items: end;
  gap: 54px;
}
.eyebrow {
  color: var(--gold-bright);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
}
.eyebrow.dark {
  color: var(--wine);
}
.logo-wrapper {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: fit-content;
  margin-bottom: 34px;
}
.hero-logo {
  width: min(520px, 82vw);
}
.hero-tagline {
  width: min(360px, 70vw);
  padding: 0px 0;
  margin-bottom: 14px;
}
.hero h1 {
  max-width: 860px;
  font-family: var(--display);
  font-weight: 700;
  font-size: clamp(2rem, 5.2vw, 5.2rem);
  line-height: 0.9;
  letter-spacing: -0.045em;
  text-wrap: balance;
}
.hero-logo.network {
  width: min(420px, 72vw);
}
.hero-lede {
  max-width: 720px;
  margin-top: 28px;
  color: rgba(251, 246, 237, 0.82);
  font-size: clamp(1.05rem, 1.6vw, 1.28rem);
}
.hero-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}
.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 50px;
  padding: 14px 22px;
  font-size: 13px;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  border: 1px solid currentColor;
  transition:
    transform 0.2s ease,
    background 0.2s ease,
    color 0.2s ease;
}
.button:hover {
  transform: translateY(-2px);
}
.button-gold {
  background: var(--gold);
  color: var(--wine-ink);
  border-color: var(--gold);
}
.button-line {
  color: var(--cream-light);
  background: transparent;
}
.button-wine {
  background: var(--wine);
  color: white;
  border-color: var(--wine);
}
.hero-poster {
  border: 1px solid var(--gold);
  background: linear-gradient(90deg, var(--wine-deep), var(--wine));
  background-size: 200%;
  color: var(--wine-ink);
  padding: 30px;
  min-height: 460px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  box-shadow: 18px 18px 10px rgba(202, 169, 116, 1.22);
}
.poster-kicker {
  color: var(--gold-bright);
  font-size: 12px;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  font-weight: 900;
}
.hero-poster h2 {
  font-family: var(--display);
  font-size: clamp(4.4rem, 8vw, 7rem);
  line-height: 0.78;
  letter-spacing: -0.06em;
  color: var(--cream);
}
.poster-title {
  font-family: var(--display);
  font-size: 2rem;
  line-height: 1;
  color: var(--cream-light);
}
.poster-details {
  display: grid;
  gap: 10px;
  padding-top: 22px;
  border-top: 2px solid var(--wine);
  font-size: 13px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--cream-light);
}

.announcement {
  display: grid;
  grid-template-columns: 260px 1fr 260px;
  gap: 34px;
  align-items: stretch;
  padding: 0;
  background: var(--cream-light);
  border-top: 8px solid var(--gold);
  border-bottom: 8px solid var(--wine);
}
.announcement-date {
  background: var(--wine);
  color: var(--cream-light);
  padding: 42px 28px;
  display: grid;
  align-content: center;
  text-align: center;
}
.announcement-date span {
  letter-spacing: 0.3em;
  font-weight: 900;
  font-size: 13px;
}
.announcement-date strong {
  font-family: var(--display);
  font-size: 5rem;
  line-height: 0.85;
  color: var(--gold-bright);
}
.announcement-copy {
  padding: 52px 0;
  max-width: 760px;
}
.announcement-copy h2,
.section-heading h2,
.experience-copy h2,
.founder-copy h2,
.proof-header h2 {
  font-family: var(--display);
  color: var(--wine-ink);
  font-size: clamp(2.4rem, 4.6vw, 4.8rem);
  line-height: 0.95;
  letter-spacing: -0.035em;
  margin-bottom: 18px;
}
.announcement-copy p,
.experience-copy p,
.founder-copy p {
  color: var(--muted);
  font-size: 1.06rem;
  max-width: 690px;
}
.announcement-actions {
  padding: 52px 28px;
  display: grid;
  align-content: center;
  justify-items: start;
  gap: 18px;
}
.text-link {
  color: var(--wine);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 13px;
  border-bottom: 2px solid var(--gold);
  padding-bottom: 4px;
}
.text-link.light {
  color: var(--gold-bright);
}

.positioning {
  background: var(--wine-ink);
  color: var(--cream-light);
  padding: 90px 34px;
}
.section-heading {
  max-width: 1180px;
  margin: 0 auto 42px;
}
.section-heading h2 {
  color: var(--cream-light);
  max-width: 820px;
}
.positioning-grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(230, 196, 148, 0.45);
}
.position-item {
  min-height: 360px;
  padding: 34px;
  border-right: 1px solid rgba(230, 196, 148, 0.45);
  background: var(--cream-light);
  color: var(--wine-ink);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.position-item:last-child {
  border-right: 0;
}
.position-item.invert {
  background: var(--wine);
  color: var(--cream-light);
}
.position-item.gold {
  background: var(--gold);
  color: var(--wine-ink);
}
.position-item span {
  font-family: var(--display);
  font-size: 4rem;
  line-height: 0.8;
  color: currentColor;
  opacity: 0.32;
}
.position-item h3 {
  font-family: var(--display);
  font-size: 2.35rem;
  line-height: 0.95;
  margin-top: auto;
  margin-bottom: 18px;
}
.position-item p {
  font-size: 0.98rem;
  opacity: 0.86;
}

.experience {
  display: grid;
  grid-template-columns: 1fr 1fr;
  background: var(--cream-light);
}
.media-wrapper {
  width: 100%;
  height: 100%;
  background: var(--charcoal);
}
.experience .media-box {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: hidden;
  background: var(--burg);
}

.media-box video {
  margin: auto;
  width: 100%;
  display: block;
  object-fit: cover;
  border-top: 4px solid var(--gold);
  border-bottom: 4px solid var(--gold);
  background: var(--burg);
}
.experience-image {
  min-height: 620px;
  border-right: 8px solid var(--gold);
}
.experience-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.experience-copy {
  padding: 86px clamp(34px, 6vw, 86px);
  align-self: center;
}
.check-list {
  list-style: none;
  margin-top: 28px;
  display: grid;
  gap: 12px;
}
.check-list li {
  padding: 14px 0 14px 24px;
  border-top: 1px solid var(--line);
  position: relative;
  font-weight: 700;
}
.check-list li::before {
  content: "";
  position: absolute;
  left: 0;
  top: 24px;
  width: 9px;
  height: 9px;
  background: var(--wine);
}

.founder-band {
  display: flex;
  background: url("assets/boss-ladies/new-brenda-2.jpeg");
  background-position: right;
  background-repeat: no-repeat;
  background-size: auto 100%;
  color: var(--cream-light);
  border-top: 8px solid var(--gold);
  border-bottom: 8px solid var(--gold);
}
.founder-photo img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center top;
  filter: saturate(0.85) contrast(1.05);
}
.founder-copy {
  padding: 72px clamp(34px, 7vw, 100px);
  align-self: center;
  width: 60%;
  background-image: linear-gradient(90deg, var(--charcoal), #111111, #11111100);
}
.founder-photo {
  display: none;
}
.founder-copy h2 {
  color: var(--cream-light);
  max-width: 760px;
}
.founder-copy p {
  color: rgba(251, 246, 237, 0.78);
}

.proof {
  padding: 90px 34px;
  background: var(--cream-light);
}
.proof-header {
  max-width: 1180px;
  margin: 0 auto 34px;
}
.photo-editorial {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1.2fr 0.8fr 0.8fr;
  grid-auto-rows: 260px;
  gap: 14px;
}
.photo-editorial figure,
.quote-tile {
  overflow: hidden;
  border: 1px solid var(--line);
  background: var(--wine);
}
.photo-editorial img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.35s ease;
}
.photo-editorial figure:hover img {
  transform: scale(1.04);
}
.photo-large {
  grid-row: span 2;
}
.quote-tile {
  padding: 28px;
  color: var(--gold-bright);
  display: flex;
  align-items: center;
}
.quote-tile p {
  font-family: var(--display);
  font-size: 2.1rem;
  line-height: 0.98;
  transition: all 0.2s;
}
.quote-tile:hover p {
  scale: 1.1;
  font-weight: bold;
  color: var(--cream);
}

.get-involved {
  padding: 90px 34px;
  background: var(--wine-ink);
  color: var(--cream-light);
}
.centered {
  text-align: center;
}
.centered h2 {
  margin-inline: auto;
}
.pathways {
  max-width: 980px;
  margin: 0 auto;
  border-top: 1px solid rgba(230, 196, 148, 0.45);
}
.pathways a {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
  padding: 24px 0;
  border-bottom: 1px solid rgba(230, 196, 148, 0.45);
  font-family: var(--display);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
  color: var(--gold-bright);
  transition:
    transform 0.3s,
    color 0.5s,
    background 0.1s,
    padding-left 0.3s;
}
.pathways span {
  align-self: center;
  font-family: var(--body);
  font-size: 0.94rem;
  font-weight: 700;
  color: rgba(251, 246, 237, 0.72);
  text-transform: uppercase;
  letter-spacing: 0.08em;
  transition: font-size 0.3s;
}
.pathways a:hover {
  color: var(--cream-light);
  background: var(--wine-deep);
  padding-left: 14px;
}
.pathways a:hover span {
  color: var(--cream-light);
}
.site-footer {
  padding: 42px 34px;
  background: var(--wine);
  color: var(--cream-light);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  border-top: 1px solid rgba(230, 196, 148, 0.45);
}
.site-footer img {
  height: 36px;
  width: auto;
}
.site-footer p {
  font-size: 13px;
  opacity: 0.82;
}
.socials {
  display: flex;
  gap: 18px;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-weight: 800;
}
.socials a {
  color: var(--gold-bright);
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: auto auto;
    justify-content: space-between;
    padding: 0 20px;
  }
  .nav-toggle {
    display: grid;
    gap: 5px;
    background: transparent;
    border: 0;
    padding: 10px;
  }
  .nav-toggle span {
    display: block;
    width: 26px;
    height: 2px;
    background: var(--gold-bright);
  }
  .site-nav {
    position: fixed;
    top: 82px;
    left: 0;
    right: 0;
    display: none;
    background: var(--wine-ink);
    padding: 24px;
    border-bottom: 1px solid rgba(230, 196, 148, 0.45);
  }
  .site-nav.is-open {
    display: grid;
    justify-items: start;
  }
  .hero-shell,
  .announcement,
  .experience,
  .founder-band {
    grid-template-columns: 1fr;
  }
  .founder-band {
    flex-direction: column;
  }
  .founder-copy {
    width: 100%;
    background: var(--charcoal);
  }
  .founder-photo {
    display: flex;
  }
  .founder-photo img {
    height: 100%;
  }
  .hero {
    padding-inline: 22px;
  }
  .hero-shell {
    min-height: auto;
    align-items: start;
  }
  .hero-poster {
    min-height: 320px;
    box-shadow: 10px 10px 0 rgba(202, 169, 116, 0.22);
  }
  .announcement-copy,
  .announcement-actions {
    padding: 34px 24px;
  }
  .positioning-grid {
    grid-template-columns: 1fr;
  }
  .position-item {
    border-right: 0;
    border-bottom: 1px solid rgba(21, 0, 0, 0.2);
    min-height: 280px;
  }
  .experience-image {
    min-height: 420px;
    border-right: 0;
    border-bottom: 8px solid var(--gold);
  }
  .photo-editorial {
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: 220px;
  }
  .photo-large {
    grid-row: span 1;
    grid-column: span 2;
  }
  .pathways a {
    grid-template-columns: 1fr;
    gap: 8px;
  }
}

@media (max-width: 640px) {
  .brand img {
    height: 34px;
  }
  .hero {
    padding-top: 112px;
  }
  .hero h1 {
    font-size: clamp(3rem, 17vw, 5.1rem);
  }
  .hero-actions {
    display: grid;
  }
  .button {
    width: 100%;
  }
  .announcement-date {
    padding: 30px 24px;
  }
  .announcement-date strong {
    font-size: 4rem;
  }
  .positioning,
  .proof,
  .get-involved {
    padding: 64px 20px;
  }
  .experience-copy,
  .founder-copy {
    padding: 54px 22px;
  }
  .photo-editorial {
    grid-template-columns: 1fr;
    grid-auto-rows: 260px;
  }
  .photo-large {
    grid-column: span 1;
  }
  .site-footer {
    align-items: flex-start;
    flex-direction: column;
  }
}

/* ─────────────────────────────────────────────
   CLIENT REQUESTED CONTENT PATCH
   ───────────────────────────────────────────── */

.hero-short {
  max-width: 720px;
  margin-top: 16px;
  color: var(--gold-bright);
  font-family: var(--display);
  font-size: clamp(1.45rem, 2.3vw, 2.2rem);
  line-height: 1.05;
}

.announcement-lead,
.section-subline,
.experience-emphasis,
.membership-lede {
  font-family: var(--display);
  font-size: clamp(1.7rem, 3vw, 3rem);
  line-height: 0.98;
  color: var(--wine);
  margin-bottom: 18px;
}

.plain-bullet-list {
  list-style: none;
  display: grid;
  gap: 8px;
  margin: 18px 0 22px;
  color: var(--wine-ink);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 13px;
}

.plain-bullet-list li::before {
  content: "• ";
  color: var(--gold);
  font-size: 1.1rem;
}

.built-for,
.walk-room {
  padding: 86px 34px;
  background: var(--cream-light);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}

.built-for-grid,
.walk-list {
  max-width: 1120px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  border-top: 1px solid var(--line);
  border-left: 1px solid var(--line);
}

.built-for-grid div,
.walk-list span {
  padding: 22px;
  border-right: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
  background: #fffaf3;
  color: var(--wine-ink);
  font-weight: 800;
  font-size: 1rem;
}

.section-body-light {
  max-width: 760px;
  color: rgba(251, 246, 237, 0.78);
  font-size: 1.08rem;
  margin-top: 20px;
}

.membership {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: 0;
  background: var(--wine-ink);
  color: var(--cream-light);
  border-top: 8px solid var(--gold);
  border-bottom: 8px solid var(--gold);
}

.membership-copy {
  padding: 82px clamp(34px, 6vw, 86px);
  background: var(--wine);
}

.membership-copy h2 {
  font-family: var(--display);
  font-size: clamp(3rem, 5.8vw, 6rem);
  line-height: 0.86;
  letter-spacing: -0.04em;
  color: var(--cream-light);
  margin-bottom: 22px;
}

.membership-copy .membership-lede {
  color: var(--gold-bright);
}

.membership-list {
  padding: 82px clamp(34px, 6vw, 86px);
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-content: center;
  gap: 14px;
  background: url("assets/background-dark.webp");
}

.membership-list span {
  border: 1px solid rgba(230, 196, 148, 0.42);
  padding: 18px;
  color: var(--cream-light);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.07em;
  font-size: 13px;
}

.founder-copy p {
  margin-bottom: 14px;
}

.founder-signature {
  margin-top: 26px;
  padding-top: 20px;
  border-top: 1px solid rgba(230, 196, 148, 0.42);
  color: var(--gold-bright) !important;
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}

.closing-cta {
  padding: 96px 34px;
  background: var(--cream-light);
  color: var(--wine-ink);
  border-top: 8px solid var(--wine);
}

.closing-inner {
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.closing-inner h2 {
  font-family: var(--display);
  font-size: clamp(2.8rem, 5.8vw, 6.3rem);
  line-height: 0.88;
  letter-spacing: -0.045em;
  color: var(--wine-ink);
  margin-bottom: 24px;
}

.closing-inner p {
  max-width: 680px;
  margin: 0 auto 32px;
  font-size: 1.22rem;
  color: var(--muted);
}

@media (max-width: 980px) {
  .membership {
    grid-template-columns: 1fr;
  }

  .built-for-grid,
  .walk-list {
    grid-template-columns: 1fr;
  }

  .membership-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px) {
  .built-for,
  .walk-room,
  .closing-cta {
    padding: 64px 20px;
  }

  .membership-copy,
  .membership-list {
    padding: 54px 22px;
  }
}

/* ==========================================================
   BOSS LADIES — SHARED SUBPAGE REVAMP LAYER
   Applies the rebuilt homepage visual language to legacy subpages.
   ========================================================== */

body {
  background: var(--cream-light);
}

.site-header + main {
  padding-top: 0;
}

.subpage-hero {
  min-height: 72vh;
  position: relative;
  display: grid;
  align-items: end;
  overflow: hidden;
  color: var(--cream-light);
  background: var(--wine-ink);
  padding: 132px 34px 70px;
}
.subpage-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(
      90deg,
      rgba(22, 10, 13, 0.98) 0%,
      rgba(68, 44, 36, 0.86) 42%,
      rgba(10, 6, 5, 0.68) 100%
    ),
    url("assets/santaclarita.webp") center/cover no-repeat;
}
.subpage-hero-bg::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(
      circle at 15% 20%,
      rgba(114, 44, 59, 0.09),
      transparent 30%
    ),
    radial-gradient(
      circle at 80% 8%,
      rgba(255, 255, 255, 0.035),
      transparent 28%
    ),
    radial-gradient(circle at 70% 78%, rgba(31, 13, 17, 0.06), transparent 34%);
  filter: blur(52px);
  opacity: 0.95;
}
.subpage-hero-bg::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0.035;
  mix-blend-mode: soft-light;
  background-image: radial-gradient(#fff 0.6px, transparent 0.6px);
  background-size: 4px 4px;
}
.subpage-hero-inner {
  position: relative;
  z-index: 2;
  max-width: 1180px;
  width: 100%;
  margin: 0 auto;
}
.subpage-logo-stack {
  width: min(460px, 78vw);
  margin-bottom: 28px;
}
.subpage-logo-stack img:first-child {
  width: 100%;
}
.subpage-logo-stack img:last-child {
  width: min(340px, 68vw);
  padding: 4px 0;
  margin-top: 8px;
  border-top: 2px solid rgba(230, 196, 148, 0.55);
  border-bottom: 2px solid rgba(230, 196, 148, 0.55);
}
.subpage-hero h1 {
  max-width: 980px;
  font-family: var(--display);
  font-size: clamp(3.2rem, 8vw, 7rem);
  line-height: 0.86;
  letter-spacing: -0.055em;
  color: var(--cream-light);
  text-wrap: balance;
}
.subpage-lede {
  max-width: 760px;
  margin-top: 26px;
  color: rgba(251, 246, 237, 0.84);
  font-size: clamp(1.05rem, 1.7vw, 1.32rem);
}
.subpage-kicker {
  width: fit-content;
  margin-top: 26px;
  padding: 14px 18px;
  border-left: 6px solid var(--gold);
  background: rgba(251, 246, 237, 0.08);
  color: var(--gold-bright);
  font-family: var(--display);
  font-size: clamp(1.4rem, 3vw, 2.1rem);
  line-height: 1;
}
.subpage-nav-band {
  background: var(--wine-ink);
  border-top: 8px solid var(--gold);
  border-bottom: 1px solid rgba(230, 196, 148, 0.45);
  padding: 18px 24px;
}
.subpage-form-nav {
  max-width: 1180px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
}
.subpage-form-nav a {
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 10px 14px;
  border: 1px solid rgba(230, 196, 148, 0.35);
  color: rgba(251, 246, 237, 0.78);
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 900;
  letter-spacing: 0.08em;
}
.subpage-form-nav a.active,
.subpage-form-nav a:hover {
  background: var(--gold);
  color: var(--wine-ink);
  border-color: var(--gold);
}

/* legacy separators */
.gold-div,
.red-div {
  height: 8px;
  margin: 0;
}
.gold-div {
  background: var(--gold);
}
.red-div {
  background: var(--wine);
}

/* generic legacy containers */
.container {
  max-width: 1180px;
  margin: 0 auto;
  padding-inline: 34px;
}
.section-label,
.eyebrow.dark {
  color: var(--wine);
  font-size: 12px;
  line-height: 1.3;
  font-weight: 900;
  letter-spacing: 0.18em;
  text-transform: uppercase;
  margin-bottom: 18px;
  display: inline-block;
}
.section-title {
  font-family: var(--display);
  font-size: clamp(2.7rem, 5.8vw, 5.5rem);
  line-height: 0.88;
  letter-spacing: -0.045em;
  color: var(--wine-ink);
  margin-bottom: 20px;
}
.gold-rule,
.red-rule {
  display: block;
  width: 92px;
  height: 8px;
  margin: 24px 0;
}
.gold-rule {
  background: var(--gold);
}
.red-rule {
  background: var(--wine);
}

/* about / mission pages */
.about-us,
.purpose,
.values,
.vision,
.culture,
.community,
.committee {
  padding: 90px 0;
  background: var(--cream-light);
}
.about-us-grid,
.purpose-grid,
.vision-grid,
.founder-grid,
.committee-grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 56px;
  align-items: center;
}
.about-us-text,
.purpose-text,
.committee-text,
.vision-card,
.founder-text,
.committee-light-text,
.committee-dark-text {
  color: var(--ink);
}
.about-us-text p,
.purpose-text p,
.founder-text p,
.vision-card p,
.committee-text p,
.committee-light-text p,
.committee-dark-text p,
.value-text {
  color: var(--muted);
  font-size: 1.05rem;
  margin-bottom: 18px;
}
#about-us-image,
.founder-image img,
.committee-dark-image img,
.committee-light-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border: 1px solid var(--line);
  box-shadow: 18px 18px 0 rgba(202, 169, 116, 0.22);
}
.founder,
.committee-dark {
  padding: 90px 0;
  background: var(--wine-ink);
  color: var(--cream-light);
  border-top: 8px solid var(--gold);
  border-bottom: 8px solid var(--gold);
}
.founder .section-title,
.committee-dark .section-title,
.founder h2,
.committee-dark h2 {
  color: var(--cream-light);
}
.founder p,
.committee-dark p,
.committee-dark-text p {
  color: rgba(251, 246, 237, 0.78);
}
.founder h3,
.committee-dark h3,
.committee-light h3 {
  font-size: 0.95rem;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--gold-bright);
  margin-bottom: 10px;
}
.socials-about {
  display: grid;
  gap: 10px;
  margin-top: 24px;
}
.socials-about a {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--gold-bright);
  font-weight: 800;
  font-size: 13px;
  text-transform: uppercase;
  letter-spacing: 0.06em;
}
.socials-about img {
  width: 22px;
  height: 22px;
}
.values {
  background: var(--wine-ink);
  color: var(--cream-light);
}
.values .section-title {
  color: var(--cream-light);
}
.values-grid,
#values-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border: 1px solid rgba(230, 196, 148, 0.45);
}
.values-card {
  min-height: 230px;
  padding: 28px;
  border-right: 1px solid rgba(230, 196, 148, 0.35);
  border-bottom: 1px solid rgba(230, 196, 148, 0.35);
  background: rgba(251, 246, 237, 0.04);
}
.values-card h2 {
  color: var(--gold-bright);
  font-family: var(--display);
  font-size: 2rem;
  line-height: 0.96;
  margin-bottom: 14px;
}
.values-card p {
  color: rgba(251, 246, 237, 0.76);
}
.vision-card {
  background: var(--cream-light);
  border: 1px solid var(--line);
  padding: 38px;
  min-height: 100%;
  box-shadow: 14px 14px 0 rgba(114, 44, 59, 0.12);
}
.committee-light {
  padding: 90px 0;
  background: var(--cream-light);
}
.committee-light:nth-of-type(even) {
  background: #f1e5dc;
}

/* form pages */
.forms-section {
  padding: 120px 34px 90px;
  background: var(--cream-light);
}

.forms-section .grid {
  max-width: 1180px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
}

.form-card {
  display: grid;
  grid-template-columns: minmax(320px, 0.85fr) minmax(0, 1.15fr);
  grid-template-rows: auto 1fr;
  gap: 28px 38px;
  align-items: start;
  background: var(--cream-light);
  border: 1px solid var(--line);
  box-shadow: 18px 18px 0 rgba(114, 44, 59, 0.13);
  padding: 38px;
}

.forms-intro {
  grid-column: 1;
  grid-row: 1 / span 2;
  background: var(--wine-ink);
  color: var(--cream-light);
  padding: 34px;
  border-top: 8px solid var(--gold);
  position: sticky;
  top: 104px;
}

.forms-intro h2,
.forms-intro h3 {
  font-family: var(--display);
  line-height: 0.95;
  color: var(--cream-light);
}

.forms-intro h2 {
  font-size: clamp(2.4rem, 4vw, 4.2rem);
  margin-bottom: 12px;
}

.forms-intro h3 {
  color: var(--gold-bright);
  font-size: 2rem;
  margin-bottom: 22px;
}

.forms-intro p,
.forms-intro li {
  color: rgba(251, 246, 237, 0.78);
  margin-bottom: 14px;
}
.subpage-form-nav {
  list-style-type: none;
}
.forms-intro ul {
  margin-left: 20px;
  margin-bottom: 18px;
}

.form-card > h2 {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  font-family: var(--display);
  font-size: clamp(2.25rem, 3.6vw, 3.8rem);
  line-height: 0.95;
  letter-spacing: -0.03em;
  color: var(--wine-ink);
  margin: 0;
  padding: 0;
}

.form-grid {
  grid-column: 2;
  grid-row: 2;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 18px;
  min-width: 0;
}

.field,
.field-two,
.field-three,
.field-choice {
  display: grid;
  gap: 8px;
}
.field-two,
.field-three,
.field-four,
.field-choice,
.field-ack,
.actions,
.full,
.form-grid > h2 {
  grid-column: 1 / -1;
}
.field label,
.field-choice h4,
.field-two h2,
.field-three h2 {
  color: var(--wine-ink);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.06em;
  font-size: 12px;
}
.field-ack label input {
  color: var(--muted) !important;
}
.text-ack ul {
  padding-left: 32px;
  color: var(--text-on-light-soft) !important;
}
.ack-wrapper {
  padding: 12px;
  border: 1px solid var(--cream);
  background: var(--cream-light);
  box-shadow: 6px 6px 0 rgba(114, 44, 59, 0.13);
  margin-bottom: 10px;
  transition:
    transform 0.2s,
    background 0.5s,
    border 0.3s,
    box-shadow 0.2s;
}
.ack-wrapper span {
  font-weight: 500;
  padding-left: 24px;
}
.ack-wrapper:hover {
  transform: translate(2px, 2px);
  border: 1px solid var(--accent-on-dark);
  box-shadow: 4px 4px 0 rgba(114, 44, 59, 0.13);
}
.ack-wrapper:hover input {
  font-weight: bold;
}
.ack-wrapper-text {
  text-align: center;
}
.actions {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.field input,
.field textarea,
.field select,
.form-grid input[type="text"],
.form-grid input[type="email"],
.form-grid input[type="tel"],
.form-grid textarea,
.form-grid select {
  width: 100%;
  border: 1px solid rgba(91, 3, 2, 0.25);
  border-radius: 0;
  background: #fffaf1;
  color: var(--ink);
  padding: 13px 14px;
  min-height: 48px;
  font: inherit;
}

textarea {
  min-height: 130px;
  resize: vertical;
}

.field-choice {
  padding: 18px;
  border: 1px solid rgba(91, 3, 2, 0.18);
  background: rgba(255, 255, 255, 0.38);
}

.field-choice label {
  display: flex;
  align-items: center;
  gap: 10px;
  color: var(--muted);
  font-weight: 700;
}

.field-choice-columns {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px 18px;
}
.hidden-field {
  position: absolute;
  left: -9999px;
  opacity: 0;
}

button[type="submit"],
.form-grid button,
.submit-btn {
  min-height: 54px;
  padding: 14px 22px;
  border: 1px solid var(--gold);
  background: var(--gold);
  color: var(--wine-ink);
  font-weight: 900;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  cursor: pointer;
}

button[type="submit"]:hover,
.form-grid button:hover {
  background: var(--wine);
  color: #fff;
  border-color: var(--wine);
}

@media (max-width: 980px) {
  .subpage-hero {
    min-height: auto;
    padding: 120px 22px 58px;
  }
  .subpage-hero h1 {
    font-size: clamp(3.2rem, 14vw, 5.5rem);
  }
  .about-us-grid,
  .purpose-grid,
  .vision-grid,
  .founder-grid,
  .committee-grid,
  .form-card {
    grid-template-columns: 1fr;
  }
  .form-card > h2,
  .form-grid {
    grid-column: 1;
  }
  .forms-intro {
    position: static;
  }
  .values-grid,
  #values-grid {
    grid-template-columns: 1fr;
  }
  .form-card {
    display: flex;
    flex-direction: column;
  }
}
@media (max-width: 640px) {
  .container {
    padding-inline: 20px;
  }
  .forms-section,
  .about-us,
  .purpose,
  .values,
  .vision,
  .founder,
  .committee,
  .committee-light,
  .committee-dark {
    padding: 64px 20px;
  }
  .forms-section {
    padding-inline: 20px;
  }
  .form-card,
  .forms-intro,
  .vision-card {
    padding: 24px;
  }
  .form-grid {
    grid-template-columns: 1fr;
  }
  .field-choice-columns {
    grid-template-columns: 1fr;
  }
}

.closing-cta-mini {
  padding: 86px 34px;
  background: var(--wine-ink);
  color: var(--cream-light);
  text-align: center;
  border-top: 8px solid var(--gold);
}
.closing-cta-mini p {
  color: var(--gold-bright);
  font-family: var(--display);
  font-size: clamp(2rem, 4vw, 3.4rem);
  line-height: 1;
  margin-bottom: 8px;
}
.closing-cta-mini h2 {
  font-family: var(--display);
  font-size: clamp(3rem, 7vw, 6rem);
  line-height: 0.85;
  letter-spacing: -0.05em;
  max-width: 980px;
  margin: 0 auto 28px;
}

/* ==========================================================
   FINAL COLOR / SURFACE CONTRAST FIX
   Fixes broken palette inheritance across light, dark, wine,
   cream, and form sections. Keep this at the very bottom.
   ========================================================== */

:root {
  --surface-cream: #fbf6ed;
  --surface-cream-2: #f1e5dc;
  --surface-wine: #722c3b;
  --surface-wine-dark: #1f1013;
  --text-on-light: #1f1013;
  --text-on-light-soft: #4d3838;
  --text-on-dark: #fbf6ed;
  --text-on-dark-soft: rgba(251, 246, 237, 0.78);
  --accent-on-light: #722c3b;
  --accent-on-dark: #e6c494;
  --rule-on-light: rgba(114, 44, 59, 0.22);
  --rule-on-dark: rgba(230, 196, 148, 0.42);
}

/* LIGHT SECTIONS: dark text, wine accents */
.announcement,
.built-for,
.walk-room,
.closing-cta,
.proof,
.about-us,
.purpose,
.vision,
.culture,
.community,
.committee,
.committee-light,
.forms-section {
  background: var(--surface-cream) !important;
  color: var(--text-on-light) !important;
}

.announcement h1,
.announcement h2,
.announcement h3,
.built-for h1,
.built-for h2,
.built-for h3,
.walk-room h1,
.walk-room h2,
.walk-room h3,
.closing-cta h1,
.closing-cta h2,
.closing-cta h3,
.proof h1,
.proof h2,
.proof h3,
.about-us h1,
.about-us h2,
.about-us h3,
.purpose h1,
.purpose h2,
.purpose h3,
.vision h1,
.vision h2,
.vision h3,
.culture h1,
.culture h2,
.culture h3,
.community h1,
.community h2,
.community h3,
.committee h1,
.committee h2,
.committee h3,
.committee-light h1,
.committee-light h2,
.committee-light h3,
.forms-section h1,
.forms-section h2,
.forms-section h3,
.form-card > h2 {
  color: var(--text-on-light) !important;
}

.announcement p,
.built-for p,
.walk-room p,
.closing-cta p,
.proof p,
.about-us p,
.purpose p,
.vision p,
.culture p,
.community p,
.committee p,
.committee-light p,
.forms-section p,
.committee-light-text p,
.about-us-text p,
.purpose-text p,
.vision-card p,
.value-text {
  color: var(--text-on-light-soft) !important;
}

.announcement .eyebrow,
.announcement .section-label,
.built-for .eyebrow,
.built-for .section-label,
.walk-room .eyebrow,
.walk-room .section-label,
.closing-cta .eyebrow,
.closing-cta .section-label,
.proof .eyebrow,
.proof .section-label,
.about-us .eyebrow,
.about-us .section-label,
.purpose .eyebrow,
.purpose .section-label,
.vision .eyebrow,
.vision .section-label,
.culture .eyebrow,
.culture .section-label,
.community .eyebrow,
.community .section-label,
.committee .eyebrow,
.committee .section-label,
.committee-light .eyebrow,
.committee-light .section-label,
.forms-section .eyebrow,
.forms-section .section-label {
  color: var(--accent-on-light) !important;
}

/* DARK/WINE SECTIONS: cream text, gold accents */
.hero,
.subpage-hero,
.positioning,
.membership,
.founder-band,
.founder,
.committee-dark,
.values,
.get-involved,
.site-footer,
.subpage-nav-band,
.hero-sub-forms,
.forms-intro {
  background-color: var(--surface-wine-dark) !important;
  color: var(--text-on-dark) !important;
}

.hero h1,
.hero h2,
.hero h3,
.subpage-hero h1,
.subpage-hero h2,
.subpage-hero h3,
.positioning h1,
.positioning h2,
.positioning h3,
.membership h1,
.membership h2,
.membership h3,
.founder-band h1,
.founder-band h2,
.founder-band h3,
.founder h1,
.founder h2,
.founder h3,
.committee-dark h1,
.committee-dark h2,
.committee-dark h3,
.values h1,
.values h2,
.values h3,
.get-involved h1,
.get-involved h2,
.get-involved h3,
.site-footer h1,
.site-footer h2,
.site-footer h3,
.subpage-nav-band h1,
.subpage-nav-band h2,
.subpage-nav-band h3,
.hero-sub-forms h1,
.hero-sub-forms h2,
.hero-sub-forms h3,
.forms-intro h1,
.forms-intro h2,
.forms-intro h3 {
  color: var(--text-on-dark) !important;
}

.hero p,
.subpage-hero p,
.positioning p,
.membership p,
.founder-band p,
.founder p,
.committee-dark p,
.values p,
.get-involved p,
.site-footer p,
.subpage-nav-band p,
.hero-sub-forms p,
.forms-intro p,
.forms-intro li,
.committee-dark-text p,
.founder-copy p,
.membership-list span,
.pathways span {
  color: var(--text-on-dark-soft) !important;
}

.hero .eyebrow,
.hero .section-label,
.subpage-hero .eyebrow,
.subpage-hero .section-label,
.positioning .eyebrow,
.positioning .section-label,
.membership .eyebrow,
.membership .section-label,
.founder-band .eyebrow,
.founder-band .section-label,
.founder .eyebrow,
.founder .section-label,
.committee-dark .eyebrow,
.committee-dark .section-label,
.values .eyebrow,
.values .section-label,
.get-involved .eyebrow,
.get-involved .section-label,
.site-footer .eyebrow,
.site-footer .section-label,
.subpage-nav-band .eyebrow,
.subpage-nav-band .section-label,
.hero-sub-forms .eyebrow,
.hero-sub-forms .section-label,
.forms-intro .eyebrow,
.forms-intro .section-label,
.forms-intro h3,
.membership-copy .membership-lede,
.founder-signature,
.socials-about a,
.socials a {
  color: var(--accent-on-dark) !important;
}

/* Wine blocks specifically need cream/gold, not wine-on-wine */
.membership-copy,
.announcement-date,
.quote-tile,
.position-item.invert {
  background: var(--surface-wine) !important;
  color: var(--text-on-dark) !important;
}

.membership-copy h1,
.membership-copy h2,
.membership-copy h3,
.announcement-date h1,
.announcement-date h2,
.announcement-date h3,
.quote-tile h1,
.quote-tile h2,
.quote-tile h3,
.quote-tile p,
.position-item.invert h1,
.position-item.invert h2,
.position-item.invert h3 {
  color: var(--text-on-dark) !important;
}

.membership-copy p,
.announcement-date p,
.position-item.invert p {
  color: var(--text-on-dark-soft) !important;
}

.announcement-date strong,
.quote-tile p,
.position-item.invert span {
  color: var(--accent-on-dark) !important;
}

/* Gold cards/buttons must stay readable */
.position-item.gold,
.button-gold,
.nav-button,
.subpage-form-nav a.active,
button[type="submit"],
.form-grid button,
.submit-btn {
  background: var(--gold) !important;
  color: var(--surface-wine-dark) !important;
  border-color: var(--gold) !important;
}

.position-item.gold h1,
.position-item.gold h2,
.position-item.gold h3,
.position-item.gold p,
.position-item.gold span {
  color: var(--surface-wine-dark) !important;
}

/* Checklist/table-looking areas: stronger readability */
.built-for-grid,
.walk-list {
  border-color: var(--rule-on-light) !important;
}

.built-for-grid div,
.walk-list span,
.field-choice,
.vision-card,
.form-card {
  background: #fffaf3 !important;
  color: var(--text-on-light) !important;
  border-color: var(--rule-on-light) !important;
}

.built-for-grid div,
.walk-list span {
  font-weight: 900;
}

/* Form labels and fields */
.field label,
.field-choice h4,
.field-two h2,
.field-three h2,
.form-grid label {
  color: var(--text-on-light) !important;
}

.field-choice label {
  color: var(--text-on-light-soft) !important;
}

.field input,
.field textarea,
.field select,
.form-grid input[type="text"],
.form-grid input[type="email"],
.form-grid input[type="tel"],
.form-grid textarea,
.form-grid select {
  background: #fffaf3 !important;
  color: var(--text-on-light) !important;
  border-color: rgba(114, 44, 59, 0.3) !important;
}

/* Secondary form-nav readability */
.subpage-form-nav a {
  color: var(--text-on-dark-soft) !important;
  border-color: var(--rule-on-dark) !important;
}

.subpage-form-nav a:hover,
.subpage-form-nav a.active {
  color: var(--surface-wine-dark) !important;
}

/* ==========================================================
   STRUCTURE + COLOR LOGIC FIX
   1) Prevents same-color section stacking
   2) Restores readable surface-specific colors
   3) Stops paragraph-length copy from becoming giant headlines
   ========================================================== */

/* 1. Section alternation: announcement stays light, built-for becomes dark. */
.announcement {
  background: var(--surface-cream) !important;
  color: var(--text-on-light) !important;
}

.built-for {
  background: var(--surface-wine-dark) !important;
  color: var(--text-on-dark) !important;
  border-top: 8px solid var(--gold) !important;
  border-bottom: 8px solid var(--gold) !important;
}

.built-for .section-heading,
.built-for .section-heading.centered {
  margin-bottom: 34px !important;
}

.built-for .eyebrow,
.built-for .section-label {
  color: var(--accent-on-dark) !important;
}

.built-for h1,
.built-for h2,
.built-for h3 {
  color: var(--text-on-dark) !important;
}

.built-for-grid {
  border-color: rgba(230, 196, 148, 0.42) !important;
}

.built-for-grid div {
  background: rgba(251, 246, 237, 0.055) !important;
  color: var(--text-on-dark) !important;
  border-color: rgba(230, 196, 148, 0.32) !important;
}

/* 2. Positioning cards: each card owns its own text colors. */
.positioning {
  background: var(--surface-wine-dark) !important;
  color: var(--text-on-dark) !important;
}

.positioning .section-heading h2,
.positioning .section-subline {
  color: var(--text-on-dark) !important;
}

.positioning .section-body-light,
.positioning p {
  color: var(--text-on-dark-soft) !important;
}

.positioning .eyebrow {
  color: var(--accent-on-dark) !important;
}

.position-item {
  background: var(--surface-cream) !important;
  color: var(--text-on-light) !important;
}

.position-item span {
  color: rgba(31, 16, 19, 0.28) !important;
  opacity: 1 !important;
}

.position-item h3 {
  color: var(--text-on-light) !important;
}

.position-item p {
  color: var(--text-on-light-soft) !important;
}

.position-item.invert {
  background: var(--surface-wine) !important;
  color: var(--text-on-dark) !important;
}

.position-item.invert span {
  color: rgba(230, 196, 148, 0.42) !important;
}

.position-item.invert h3 {
  color: var(--text-on-dark) !important;
}

.position-item.invert p {
  color: var(--text-on-dark-soft) !important;
}

.position-item.gold {
  background: var(--gold) !important;
  color: var(--surface-wine-dark) !important;
}

.position-item.gold span {
  color: rgba(31, 16, 19, 0.34) !important;
}

.position-item.gold h3,
.position-item.gold p {
  color: var(--surface-wine-dark) !important;
}

/* 3. Paragraph-length statements are not display headlines. */
.proof-header {
  max-width: 1180px !important;
}

.proof-header h2 {
  max-width: 860px !important;
  font-size: clamp(3rem, 6vw, 6rem) !important;
  line-height: 0.88 !important;
  letter-spacing: -0.05em !important;
  color: var(--text-on-light) !important;
  margin-bottom: 22px !important;
}

.proof-lede {
  max-width: 780px !important;
  font-family: var(--body) !important;
  font-size: clamp(1.05rem, 1.35vw, 1.28rem) !important;
  line-height: 1.55 !important;
  color: var(--text-on-light-soft) !important;
  margin: 0 0 34px !important;
}

.get-involved .section-heading h2 {
  max-width: 880px !important;
  font-size: clamp(2.2rem, 4.3vw, 4.6rem) !important;
  line-height: 0.95 !important;
}

/* Keep walk-room light after dark built-for, but restore contrast. */
.walk-room {
  background: var(--surface-cream) !important;
  color: var(--text-on-light) !important;
}

.walk-room h1,
.walk-room h2,
.walk-room h3 {
  color: var(--text-on-light) !important;
}

.walk-room .eyebrow {
  color: var(--accent-on-light) !important;
}

.walk-list span {
  background: #fffaf3 !important;
  color: var(--text-on-light) !important;
  border-color: var(--rule-on-light) !important;
}

/* Announcement side/date block is intentionally wine; copy is light section. */
.announcement-date {
  background: var(--surface-wine) !important;
  color: var(--text-on-dark) !important;
}

.announcement-date span,
.announcement-date strong {
  color: var(--accent-on-dark) !important;
}

.announcement-copy h2,
.announcement-copy p,
.announcement-copy li {
  color: var(--text-on-light) !important;
}

.announcement-copy .announcement-lead {
  color: var(--accent-on-light) !important;
}

@media (max-width: 980px) {
  .announcement {
    grid-template-columns: 1fr !important;
  }

  .announcement-date {
    min-height: 180px;
  }
}

/* Meet Brenda page */
.meet-brenda-page {
  background: var(--cream-light);
}

.brenda-shell {
  width: min(1160px, calc(100% - 40px));
  margin: 0 auto;
}

.brenda-hero {
  position: relative;
  min-height: 92vh;
  display: grid;
  align-items: center;
  padding: 140px 0 80px;
  color: var(--cream-light);
  overflow: hidden;
  background: var(--wine-ink);
}

.brenda-hero-bg {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(24, 8, 12, 0.95), rgba(59, 28, 35, 0.8) 44%, rgba(24, 8, 12, 0.45)),
    radial-gradient(circle at 20% 20%, rgba(202, 169, 116, 0.2), transparent 34%),
    url("assets/background-dark.webp") center/cover no-repeat;
  opacity: 1;
}

.brenda-hero-grid {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(320px, 0.75fr);
  gap: 64px;
  align-items: center;
}

.brenda-hero-copy h1,
.brenda-section h2,
.brenda-final h2 {
  font-family: var(--display);
  font-weight: 700;
  letter-spacing: -0.035em;
  line-height: 0.95;
}

.brenda-hero-copy h1 {
  max-width: 760px;
  margin-top: 14px;
  font-size: clamp(56px, 8vw, 104px);
}

.brenda-hero-lede {
  max-width: 680px;
  margin-top: 24px;
  color: rgba(251, 246, 237, 0.88);
  font-size: clamp(18px, 2vw, 24px);
  line-height: 1.55;
}

.brenda-actions {
  display: flex;
  flex-wrap: wrap;
  gap: 14px;
  margin-top: 34px;
}

.brenda-actions.centered-actions {
  justify-content: center;
}

.brenda-portrait-card {
  position: relative;
  padding: 12px;
  border: 1px solid rgba(202, 169, 116, 0.48);
  background: rgba(251, 246, 237, 0.06);
  box-shadow: 0 34px 90px rgba(0, 0, 0, 0.32);
}

.brenda-portrait-card::after {
  content: "";
  position: absolute;
  inset: 24px -18px -18px 24px;
  border: 1px solid rgba(202, 169, 116, 0.45);
  z-index: -1;
}

.brenda-portrait-card img {
  aspect-ratio: 4 / 5;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.brenda-section {
  padding: clamp(72px, 9vw, 120px) 0;
}

.brenda-two-col,
.brenda-story-grid {
  display: grid;
  grid-template-columns: minmax(260px, 0.85fr) minmax(0, 1.15fr);
  gap: clamp(42px, 6vw, 82px);
  align-items: start;
}

.brenda-section h2 {
  color: var(--wine-ink);
  font-size: clamp(42px, 6vw, 76px);
}

.brenda-section-lede,
.brenda-rich-copy p,
.brenda-list-intro {
  color: rgba(31, 16, 19, 0.78);
  font-size: 18px;
  line-height: 1.8;
}

.brenda-rich-copy p + p {
  margin-top: 20px;
}

.brenda-rich-copy.narrow {
  max-width: 860px;
  margin: 0 auto;
}

.brenda-intro {
  background: var(--cream-light);
}

.brenda-story {
  color: var(--cream-light);
  background:
    linear-gradient(135deg, rgba(31, 16, 19, 0.96), rgba(59, 28, 35, 0.92)),
    url("assets/santaclarita.webp") center/cover no-repeat;
}

.brenda-story h2,
.brenda-story .brenda-rich-copy p {
  color: var(--cream-light);
}

.brenda-story .brenda-rich-copy p {
  color: rgba(251, 246, 237, 0.82);
}

.brenda-pullquote {
  position: sticky;
  top: 112px;
  padding: 38px;
  border: 1px solid rgba(202, 169, 116, 0.42);
  background: rgba(251, 246, 237, 0.06);
}

.brenda-pullquote p {
  font-family: var(--display);
  font-size: clamp(34px, 4vw, 58px);
  line-height: 1;
  color: var(--gold-light);
}

.brenda-created {
  background: var(--wine-deep);
  color: var(--cream-light);
}

.brenda-created-card {
  text-align: center;
  padding: clamp(44px, 7vw, 82px);
  border: 1px solid rgba(202, 169, 116, 0.38);
  background:
    radial-gradient(circle at top, rgba(202, 169, 116, 0.16), transparent 45%),
    rgba(31, 16, 19, 0.52);
}

.brenda-created-card h2 {
  max-width: 960px;
  margin: 12px auto 28px;
  color: var(--cream-light);
}

.brenda-created-card .brenda-rich-copy p {
  color: rgba(251, 246, 237, 0.82);
}

.brenda-created-card.light-card {
  color: var(--wine-ink);
  background: var(--cream-light);
  box-shadow: 0 22px 70px rgba(31, 16, 19, 0.08);
}

.brenda-created-card.light-card h2,
.brenda-created-card.light-card .brenda-rich-copy p {
  color: var(--wine-ink);
}

.brenda-stands {
  background: var(--cream);
}

.brenda-check-list,
.brenda-topic-list,
.brenda-service-list {
  list-style: none;
  display: grid;
  gap: 10px;
  margin-top: 22px;
}

.brenda-check-list li,
.brenda-topic-list li,
.brenda-service-list li {
  padding: 14px 18px;
  border-left: 3px solid var(--gold);
  background: rgba(255, 255, 255, 0.44);
  color: var(--wine-ink);
  font-weight: 700;
}

.brenda-closing-line,
.brenda-saved-seat {
  margin-top: 28px;
  font-family: var(--display);
  color: var(--wine);
  font-size: clamp(26px, 3vw, 38px);
  line-height: 1.12;
  font-weight: 700;
}

.brenda-room {
  background: var(--cream-light);
}

.brenda-room-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 14px;
  margin-top: 38px;
}

.brenda-room-grid div {
  min-height: 140px;
  display: flex;
  align-items: flex-end;
  padding: 22px;
  color: var(--wine-ink);
  font-weight: 700;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(241, 229, 220, 0.9));
  border: 1px solid rgba(114, 44, 59, 0.14);
}

.brenda-saved-seat {
  max-width: 760px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}

.brenda-connect,
.brenda-final {
  color: var(--cream-light);
  background:
    linear-gradient(135deg, rgba(31, 16, 19, 0.98), rgba(59, 28, 35, 0.94)),
    url("assets/background-dark.webp") center/cover no-repeat;
}

.brenda-card-grid {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 16px;
  margin-top: 42px;
}

.brenda-action-card {
  display: flex;
  flex-direction: column;
  min-height: 320px;
  padding: 28px;
  border: 1px solid rgba(202, 169, 116, 0.42);
  background: rgba(251, 246, 237, 0.06);
}

.brenda-action-card span {
  color: var(--gold-light);
  font-size: 13px;
  font-weight: 800;
  letter-spacing: 0.15em;
}

.brenda-action-card h3,
.brenda-topic-panel h3 {
  margin-top: 18px;
  font-family: var(--display);
  font-size: 32px;
  line-height: 1;
}

.brenda-action-card p {
  margin-top: 16px;
  color: rgba(251, 246, 237, 0.74);
}

.brenda-action-card a {
  margin-top: auto;
  color: var(--gold-light);
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  font-size: 12px;
}

.brenda-speaking,
.brenda-professional {
  background: var(--cream-light);
}

.brenda-topic-panel {
  padding: 34px;
  background: var(--wine-ink);
  color: var(--cream-light);
  border: 1px solid rgba(202, 169, 116, 0.38);
}

.brenda-topic-panel .brenda-topic-list li {
  color: var(--cream-light);
  background: rgba(251, 246, 237, 0.06);
}

.brenda-service-list {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  max-width: 900px;
  margin: 34px auto;
  text-align: left;
}

.brenda-final {
  padding: clamp(80px, 10vw, 140px) 0;
  text-align: center;
}

.brenda-final h2 {
  font-size: clamp(48px, 7vw, 92px);
  color: var(--cream-light);
}

.brenda-final p {
  max-width: 780px;
  margin: 20px auto 0;
  color: rgba(251, 246, 237, 0.82);
  font-size: 20px;
  line-height: 1.75;
}

@media (max-width: 991px) {
  .brenda-hero-grid,
  .brenda-two-col,
  .brenda-story-grid {
    grid-template-columns: 1fr;
  }

  .brenda-portrait-card {
    max-width: 520px;
  }

  .brenda-pullquote {
    position: static;
  }

  .brenda-room-grid,
  .brenda-card-grid,
  .brenda-service-list {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 640px) {
  .brenda-shell {
    width: min(100% - 28px, 1160px);
  }

  .brenda-hero {
    padding-top: 118px;
  }

  .brenda-hero-copy h1 {
    font-size: clamp(48px, 16vw, 64px);
  }

  .brenda-actions,
  .brenda-actions.centered-actions {
    flex-direction: column;
    align-items: stretch;
  }

  .brenda-actions .button {
    text-align: center;
  }

  .brenda-created-card {
    padding: 34px 22px;
  }

  .brenda-room-grid,
  .brenda-card-grid,
  .brenda-service-list {
    grid-template-columns: 1fr;
  }

  .brenda-room-grid div,
  .brenda-action-card {
    min-height: auto;
  }
}