/* Version 120 — precision restoration and restrained botanical background pass. */

/* HOME HERO — raised vertical cream strokes that end before the hero wording. */
.hero-cream-connector {
  position: absolute;
  top: calc(-1 * clamp(120px, 16vh, 170px));
  z-index: 0;
  width: 2px;
  height: clamp(240px, 34vh, 320px);
  background: linear-gradient(180deg, transparent, rgb(248 240 227 / 92%) 10% 88%, transparent);
  box-shadow: 0 0 8px rgb(248 240 227 / 14%);
  pointer-events: none;
}
.hero-cream-connector-left {
  right: auto;
  left: calc(50% - clamp(242px, 18.8vw, 268px));
}
.hero-cream-connector-right {
  right: calc(50% - clamp(242px, 18.8vw, 268px));
  left: auto;
}

/* WHAT WE DO — retain the approved Version 117 visual treatment. */
.what-we-do { background: var(--emerald-900); }
.what-copy {
  border: 0;
  background:
    radial-gradient(circle at 0 100%, rgb(226 195 110 / 12%), transparent 37%),
    var(--emerald-900);
  box-shadow: none;
}
.what-copy::after {
  border: 1px solid rgb(226 195 110 / 72%);
  border-right: 3px solid var(--cranberry-vivid);
  border-bottom-color: var(--gold-light);
  border-left: 3px solid var(--cranberry-vivid);
  box-shadow: inset 7px 0 0 rgb(226 195 110 / 8%), inset -7px 0 0 rgb(226 195 110 / 8%);
}
.what-image-wrap { border: 1px solid rgb(226 195 110 / 72%); box-shadow: none; }
.what-section-connector { filter: none; }
.what-section-quote { color: var(--cream); }

/* OUR APPROACH — compact one-screen composition with a raised green open frame. */
#our-approach { scroll-margin-top: 76px; }
.approach {
  isolation: isolate;
  padding-top: clamp(72px, 8vh, 84px);
  padding-bottom: clamp(50px, 6vh, 60px);
}
.approach .section-kicker {
  margin-bottom: 4px;
  padding-bottom: 5px;
}
.approach h2 { line-height: .92; }
.approach-photo { margin-top: 10px; margin-bottom: 18px; }
.approach-u-frame {
  top: 0;
  right: 20.4%;
  left: 20.4%;
  z-index: 0;
  height: clamp(350px, 42vh, 400px);
  border-top: 0;
  border-right: 2px solid rgb(9 87 74 / 74%);
  border-bottom: 2px solid rgb(9 87 74 / 74%);
  border-left: 2px solid rgb(9 87 74 / 74%);
  border-radius: 0;
  box-shadow: none;
}
.approach-inner { position: relative; z-index: 1; }
.approach-card {
  min-height: clamp(180px, 23vh, 205px);
  padding: clamp(22px, 2.6vh, 27px) 25px clamp(16px, 2vh, 20px);
}
.approach-card h3 {
  margin-top: 0;
  margin-bottom: 4px;
  padding-bottom: 7px;
}
.approach-card h3::after { bottom: 0; }
.approach-card p { font-size: clamp(.8rem, 1.25vw, .9rem); line-height: 1.46; }
.vision-line { margin-top: 13px; }

/* Remove the temporary About heading stripe while preserving the approved layout. */
.about-heading-copy::after { display: none; }

/* Soft botanical layer. It is absolutely positioned and never participates in layout. */
.soft-vine-layer {
  position: absolute;
  inset: 0;
  display: block;
  background-image:
    url("assets/luxury-vine-watermark-v120.svg"),
    url("assets/luxury-vine-watermark-v120.svg"),
    url("assets/luxury-vine-watermark-v120.svg");
  background-position: left -72px center, center center, right -72px center;
  background-repeat: no-repeat;
  background-size: clamp(230px, 25vw, 390px) 86%;
  opacity: .082;
  pointer-events: none;
}
.services-shell,
.programs-section,
.program-interest-section,
.event-screen,
.bible-show-screen { isolation: isolate; }
.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: -1; }

/* About receives a slightly clearer page-wide layer, including the image side. */
.about-page { position: relative; isolation: isolate; }
.about-page > .soft-vine-layer {
  z-index: 3;
  background-position: left -58px center, center center, right -58px center;
  background-size: clamp(240px, 27vw, 410px) 88%;
  opacity: .09;
}

/* The restored Bible title keeps one clean antique-gold underline. */
.bible-show-heading h1::after {
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--gold-light) 16% 84%, transparent);
}

@media (max-width: 900px) {
  #our-approach { scroll-margin-top: 70px; }
  .approach-u-frame { right: 18%; left: 18%; height: 320px; opacity: .62; }
  .approach-card { min-height: 176px; }
  .soft-vine-layer {
    background-position: left -86px top 12%, right -86px top 58%;
    background-size: min(56vw, 290px) 42%;
    opacity: .07;
  }
  .about-page > .soft-vine-layer { opacity: .08; }
}

@media (max-width: 700px) {
  .hero-cream-connector {
    top: -112px;
    width: 1px;
    height: 214px;
  }
  .hero-cream-connector-left { left: calc(50% - min(43vw, 166px)); }
  .hero-cream-connector-right { right: calc(50% - min(43vw, 166px)); }

  #our-approach { scroll-margin-top: 64px; }
  .approach { padding-top: 70px; }
  .approach-u-frame {
    top: 0;
    right: 18px;
    left: 18px;
    height: 218px;
    border-width: 1px;
    opacity: .38;
  }
  .approach-photo { margin-top: 8px; margin-bottom: 20px; }
  .approach-card { min-height: 0; padding-top: 22px; }
  .approach-card h3 { margin-bottom: 3px; padding-bottom: 6px; }
  .approach-card p { line-height: 1.48; }

  .soft-vine-layer {
    background-position: left -94px top 7%, right -94px top 58%;
    background-size: min(72vw, 260px) 38%;
    opacity: .065;
  }
  .about-page > .soft-vine-layer { opacity: .075; }
}