/* Version 121 — decorative vine expansion without layout changes. */

/* Keep the hero cream lines beneath the navigation bar and above the wording. */
.hero-cream-connector {
  top: -64px;
  height: clamp(245px, 31vh, 292px);
}

/* Full-section vine field: top, bottom, left, center, and right. */
.soft-vine-layer {
  inset: 0;
  background-image:
    url("assets/luxury-vine-watermark-horizontal-v121.svg"),
    url("assets/luxury-vine-watermark-horizontal-v121.svg"),
    url("assets/luxury-vine-watermark-v120.svg"),
    url("assets/luxury-vine-watermark-v120.svg"),
    url("assets/luxury-vine-watermark-v120.svg");
  background-position:
    center top -16px,
    center bottom -22px,
    left -76px center,
    center center,
    right -76px center;
  background-repeat: no-repeat;
  background-size:
    min(78vw, 980px) auto,
    min(78vw, 980px) auto,
    clamp(230px, 24vw, 380px) 82%,
    clamp(190px, 19vw, 300px) 68%,
    clamp(230px, 24vw, 380px) 82%;
  opacity: .13;
}

/* These additions establish stacking contexts only; they do not alter sizing. */
.support-groups-section,
.workshops-section,
.life-coaching-section,
.consultation-section,
.transitional-section,
.eligibility-section,
.speaking-section,
.speaking-request-section,
.community-outreach-section {
  isolation: isolate;
}

.support-groups-section .soft-vine-layer,
.workshops-section .soft-vine-layer,
.life-coaching-section .soft-vine-layer,
.consultation-section .soft-vine-layer,
.transitional-section .soft-vine-layer,
.eligibility-section .soft-vine-layer,
.speaking-section .soft-vine-layer,
.speaking-request-section .soft-vine-layer,
.community-outreach-section .soft-vine-layer {
  z-index: 0;
}

/* Opening Services, Programs, and Events use the same fuller coverage. */
.services-shell .soft-vine-layer,
.programs-section .soft-vine-layer,
.program-interest-section .soft-vine-layer,
.event-screen .soft-vine-layer,
.bible-show-screen .soft-vine-layer {
  z-index: 0;
  opacity: .13;
}

/* About: slightly clearer at upper-left, right of copy, and along the lower edge. */
.about-page > .soft-vine-layer {
  background-image:
    url("assets/luxury-vine-watermark-horizontal-v121.svg"),
    url("assets/luxury-vine-watermark-horizontal-v121.svg"),
    url("assets/luxury-vine-watermark-v120.svg"),
    url("assets/luxury-vine-watermark-v120.svg");
  background-position:
    left -90px top -55px,
    right -90px bottom -62px,
    left -58px center,
    right -45px center;
  background-size:
    min(61vw, 760px) auto,
    min(61vw, 760px) auto,
    clamp(225px, 22vw, 350px) 78%,
    clamp(225px, 22vw, 350px) 78%;
  opacity: .12;
}

/* Bible Study: remove the diamond, center the copy, and keep vines outside it. */
.bible-show-copy::before { display: none !important; }
.bible-show-copy {
  text-align: center;
  background:
    radial-gradient(circle at 100% 0, rgb(201 137 123 / 10%), transparent 31%),
    linear-gradient(145deg, rgb(8 69 61 / 99%), rgb(5 55 49 / 99%));
}

/* Reserve the footer height inside the final Services desktop screen. */
@media (min-width: 901px) {
  .community-outreach-section {
    height: calc(100svh - 115px);
    max-height: calc(100svh - 115px);
  }
}

@media (max-width: 900px) {
  .soft-vine-layer {
    background-position:
      center top -30px,
      center bottom -36px,
      left -92px top 29%,
      right -92px top 68%;
    background-size:
      min(112vw, 760px) auto,
      min(112vw, 760px) auto,
      min(61vw, 285px) 43%,
      min(61vw, 285px) 43%;
    opacity: .11;
  }
  .about-page > .soft-vine-layer { opacity: .105; }
}

@media (max-width: 700px) {
  .hero-cream-connector {
    top: -42px;
    height: 190px;
  }
  .soft-vine-layer {
    background-position:
      center top -22px,
      center bottom -26px,
      left -96px top 31%,
      right -96px top 69%;
    background-size:
      132vw auto,
      132vw auto,
      min(72vw, 260px) 39%,
      min(72vw, 260px) 39%;
    opacity: .105;
  }
  .about-page > .soft-vine-layer { opacity: .1; }
}