/* Version 124 — fuller botanical balance without altering approved layouts. */

.localized-vine {
  pointer-events: none;
}

/* HOME — fill the open zones around the What We Do image and copy. */
.what-we-do .soft-vine-layer,
.what-we-do-vine {
  opacity: .16;
}

.what-image-right-vine {
  top: 12%;
  right: -2.5%;
  width: clamp(210px, 21vw, 320px);
  height: 74%;
  opacity: .20;
}

.what-image-bottom-vine {
  right: -1%;
  bottom: -4%;
  width: min(58vw, 760px);
  height: 31%;
  opacity: .18;
}

.what-image-top-right-vine {
  z-index: 0;
  top: -1%;
  right: 0;
  width: min(44vw, 590px);
  height: 27%;
  background: url("assets/luxury-vine-watermark-horizontal-v121.svg") right top / contain no-repeat;
  opacity: .19;
}

.what-copy-bottom-vine {
  z-index: 0;
  left: -2%;
  bottom: -5%;
  width: min(50vw, 650px);
  height: 28%;
  background: url("assets/luxury-vine-watermark-horizontal-v121.svg") left bottom / contain no-repeat;
  opacity: .18;
  transform: scaleX(-1);
}

.what-bridge-vine {
  z-index: 0;
  left: 38%;
  top: 25%;
  width: clamp(150px, 15vw, 225px);
  height: 53%;
  background: url("assets/luxury-vine-watermark-v120.svg") center / contain no-repeat;
  opacity: .14;
  transform: rotate(7deg);
}

/* ABOUT — finish the lower middle without disturbing the story panel. */
.about-bottom-center-vine {
  z-index: 0;
  left: 31%;
  bottom: -3%;
  width: min(44vw, 575px);
  height: 27%;
  background: url("assets/luxury-vine-watermark-horizontal-v121.svg") center bottom / contain no-repeat;
  opacity: .18;
}

/* SERVICES — more botanical detail in the specifically identified empty areas. */
.support-services-right-top-vine,
.support-services-right-bottom-vine,
.workshops-right-top-vine,
.consultation-form-top-vine,
.transitional-right-vine,
.speaking-request-top-right-vine,
.programs-right-top-vine {
  z-index: 0;
  background: url("assets/luxury-vine-watermark-v120.svg") center / contain no-repeat;
}

.support-services-right-top-vine {
  top: 2%;
  right: -1.5%;
  width: clamp(185px, 19vw, 285px);
  height: 43%;
  opacity: .19;
}

.support-services-right-bottom-vine {
  right: -2%;
  bottom: -2%;
  width: clamp(220px, 22vw, 335px);
  height: 44%;
  opacity: .20;
  transform: scaleY(-1);
}

.workshops-right-vine {
  top: 15%;
  right: -2.5%;
  width: clamp(220px, 22vw, 335px);
  height: 74%;
  opacity: .20;
}

.workshops-right-top-vine {
  top: -2%;
  right: 5%;
  width: clamp(175px, 18vw, 270px);
  height: 39%;
  opacity: .17;
  transform: rotate(-12deg);
}

.consultation-bottom-vine,
.transitional-bottom-vine,
.eligibility-intro-bottom-vine,
.community-copy-top-vine {
  z-index: 0;
  background: url("assets/luxury-vine-watermark-horizontal-v121.svg") center / contain no-repeat;
}

.consultation-bottom-vine {
  left: 1%;
  bottom: -2%;
  width: min(58vw, 760px);
  height: 28%;
  opacity: .18;
}

.consultation-form-top-vine {
  top: -4%;
  right: 2%;
  width: clamp(190px, 20vw, 300px);
  height: 38%;
  opacity: .18;
  transform: rotate(-9deg);
}

.consultation-section .intake-intro,
.eligibility-section .eligibility-intro {
  position: relative;
  overflow: hidden;
}

.consultation-section .intake-intro::after,
.eligibility-section .eligibility-intro::after {
  content: "";
  position: absolute;
  z-index: 0;
  left: -4%;
  right: -4%;
  bottom: -7%;
  height: 35%;
  pointer-events: none;
  background: url("assets/luxury-vine-watermark-horizontal-v121.svg") center bottom / contain no-repeat;
  opacity: .30;
}

.consultation-section .intake-intro > *,
.eligibility-section .eligibility-intro > * {
  position: relative;
  z-index: 1;
}

.transitional-right-vine {
  top: 15%;
  right: -2%;
  width: clamp(205px, 21vw, 315px);
  height: 63%;
  opacity: .19;
}

.transitional-bottom-vine {
  left: 7%;
  bottom: -3%;
  width: min(65vw, 850px);
  height: 25%;
  opacity: .17;
}

.eligibility-intro-bottom-vine {
  left: 1%;
  bottom: 1%;
  width: min(38vw, 490px);
  height: 25%;
  opacity: .17;
}

.speaking-request-right-vine {
  top: 17%;
  right: -2%;
  width: clamp(220px, 22vw, 330px);
  height: 71%;
  opacity: .20;
}

.speaking-request-top-right-vine {
  top: -3%;
  right: 3%;
  width: clamp(180px, 19vw, 285px);
  height: 40%;
  opacity: .18;
  transform: rotate(-10deg);
}

.community-copy-top-vine {
  top: 11%;
  right: 3%;
  width: min(46vw, 600px);
  height: 24%;
  opacity: .18;
  transform: scaleX(-1);
}

/* PROGRAMS — carry the vines through the right-side space. */
.programs-right-vine {
  top: 13%;
  right: -2%;
  width: clamp(220px, 22vw, 340px);
  height: 72%;
  opacity: .21;
}

.programs-right-top-vine {
  top: -2%;
  right: 4%;
  width: clamp(180px, 19vw, 290px);
  height: 42%;
  opacity: .18;
  transform: rotate(-10deg);
}

/* Mobile — retain visible botanical accents around the edges without changing flow. */
@media (max-width: 900px) {
  .what-image-right-vine,
  .what-image-bottom-vine,
  .what-image-top-right-vine,
  .what-copy-bottom-vine,
  .what-bridge-vine,
  .about-bottom-center-vine,
  .support-services-right-top-vine,
  .support-services-right-bottom-vine,
  .workshops-right-vine,
  .workshops-right-top-vine,
  .consultation-bottom-vine,
  .consultation-form-top-vine,
  .transitional-right-vine,
  .transitional-bottom-vine,
  .eligibility-top-vine,
  .eligibility-intro-bottom-vine,
  .speaking-request-right-vine,
  .speaking-request-top-right-vine,
  .community-copy-top-vine,
  .programs-right-vine,
  .programs-right-top-vine {
    display: block;
    opacity: .13;
  }

  .what-image-right-vine,
  .support-services-right-top-vine,
  .workshops-right-vine,
  .transitional-right-vine,
  .speaking-request-right-vine,
  .programs-right-vine {
    right: -70px;
    width: 190px;
  }

  .what-image-top-right-vine,
  .workshops-right-top-vine,
  .consultation-form-top-vine,
  .speaking-request-top-right-vine,
  .programs-right-top-vine {
    right: -38px;
    top: 4%;
    width: 165px;
  }

  .what-copy-bottom-vine,
  .what-image-bottom-vine,
  .about-bottom-center-vine,
  .consultation-bottom-vine,
  .transitional-bottom-vine,
  .eligibility-intro-bottom-vine,
  .community-copy-top-vine {
    width: 80vw;
    max-width: 390px;
  }

  .what-bridge-vine {
    left: -45px;
    top: 42%;
    width: 155px;
    opacity: .11;
  }
}

@media (max-width: 560px) {
  .what-image-right-vine,
  .support-services-right-top-vine,
  .support-services-right-bottom-vine,
  .workshops-right-vine,
  .consultation-form-top-vine,
  .transitional-right-vine,
  .speaking-request-right-vine,
  .programs-right-vine {
    opacity: .11;
  }
}