/* Version 118 — balanced jewel-tone detail pass.
   Adds color and imagery without changing the approved content structure. */

/* HOME — cream bridge lines, rose-gold What We Do detailing, green U-frame. */
.hero-cream-connector {
  position: absolute;
  top: 50%;
  z-index: -1;
  width: clamp(48px, 7.5vw, 118px);
  height: 2px;
  background: linear-gradient(90deg, transparent, rgb(255 250 241 / 88%) 18% 82%, transparent);
  box-shadow: 0 0 8px rgb(255 250 241 / 14%);
  pointer-events: none;
}
.hero-cream-connector-left { right: calc(100% + clamp(35px, 4vw, 58px)); }
.hero-cream-connector-right { left: calc(100% + clamp(35px, 4vw, 58px)); }

.what-we-do {
  background:
    radial-gradient(circle at 16% 24%, rgb(201 137 123 / 20%), transparent 29%),
    radial-gradient(circle at 88% 78%, rgb(226 195 110 / 13%), transparent 28%),
    linear-gradient(135deg, #073c36, #0a4a42 52%, #06342f);
}
.what-copy {
  border-top: 2px solid rgb(201 137 123 / 72%);
  border-right: 1px solid rgb(248 240 227 / 52%);
  border-bottom-color: rgb(201 137 123 / 72%);
  background:
    linear-gradient(135deg, rgb(201 137 123 / 13%), transparent 43%),
    rgb(248 240 227 / 7%);
  box-shadow: 0 18px 42px rgb(0 20 17 / 18%), inset 0 0 0 1px rgb(248 240 227 / 8%);
}
.what-copy::after {
  border-top-color: var(--rose-gold);
  border-right-color: rgb(248 240 227 / 70%);
  border-bottom-color: var(--gold-light);
}
.what-image-wrap {
  border-color: var(--rose-gold);
  box-shadow: 0 20px 40px rgb(0 20 17 / 28%), 0 0 0 5px rgb(248 240 227 / 13%), 0 0 0 7px rgb(201 137 123 / 28%);
}
.what-section-connector {
  filter: drop-shadow(0 4px 0 rgb(201 137 123 / 72%));
}
.what-section-quote { color: var(--cream); }

#our-approach { scroll-margin-top: 72px; }
.approach { isolation: isolate; }
.approach .section-kicker {
  color: #141715;
  text-shadow: none;
}
.approach-u-frame {
  position: absolute;
  top: clamp(190px, 22vh, 248px);
  right: clamp(70px, 7.2vw, 112px);
  left: clamp(70px, 7.2vw, 112px);
  z-index: 0;
  height: clamp(238px, 29vh, 298px);
  border-right: 2px solid rgb(9 87 74 / 72%);
  border-bottom: 2px solid rgb(9 87 74 / 72%);
  border-left: 2px solid rgb(9 87 74 / 72%);
  border-radius: 0 0 14px 14px;
  box-shadow: inset 0 -4px 0 rgb(201 137 123 / 10%);
  pointer-events: none;
}
.approach-inner { position: relative; z-index: 1; }

/* ABOUT — keep the established layout while making the full palette visible. */
.about-story {
  background:
    radial-gradient(circle at 8% 18%, rgb(201 137 123 / 18%), transparent 29%),
    radial-gradient(circle at 92% 76%, rgb(248 240 227 / 11%), transparent 27%),
    linear-gradient(145deg, #073d36, #0a4b42 56%, #06342f);
}
.about-heading-copy {
  position: relative;
  padding-inline: clamp(12px, 1.4vw, 20px);
}
.about-heading-copy::after {
  display: block;
  width: min(270px, 72%);
  height: 3px;
  margin: 9px auto 0;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 12% 36%, var(--cream) 36% 52%, var(--rose-gold) 52% 72%, var(--gold-light) 72% 88%, transparent);
  content: "";
}
.about-copy {
  box-shadow: inset 7px 0 0 rgb(201 137 123 / 12%), 0 18px 38px rgb(0 22 19 / 18%), 0 0 0 4px rgb(248 240 227 / 4%);
}

/* SERVICES — richer Life Coaching and Transitional Housing color balance. */
.life-coaching-section {
  background:
    radial-gradient(circle at 14% 24%, rgb(201 137 123 / 17%), transparent 28%),
    radial-gradient(circle at 88% 78%, rgb(163 25 77 / 19%), transparent 30%),
    linear-gradient(150deg, #073f38 0%, var(--emerald-950) 52%, #052f2b 100%);
}
.life-coaching-heading h2::after {
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 12% 34%, var(--cream) 34% 49%, var(--rose-gold) 49% 66%, var(--gold-light) 66% 88%, transparent);
}
.life-coaching-photo {
  border: 2px solid var(--rose-gold);
  box-shadow: 0 22px 44px rgb(0 20 17 / 32%), 0 0 0 5px rgb(248 240 227 / 10%), 0 0 0 7px rgb(163 25 77 / 24%);
}
.life-coaching-content {
  border-top: 3px solid var(--cranberry-vivid);
  border-right: 2px solid var(--rose-gold);
  border-bottom: 2px solid var(--gold-light);
  border-left: 1px solid rgb(248 240 227 / 62%);
  background:
    radial-gradient(circle at 100% 0, rgb(201 137 123 / 16%), transparent 30%),
    linear-gradient(145deg, rgb(5 51 46 / 96%), rgb(8 65 57 / 92%));
}
.life-coaching-steps article > span:nth-child(1) {
  border-color: var(--rose-gold);
  color: var(--cream);
  background: rgb(163 25 77 / 40%);
}
.life-coaching-button {
  border-color: var(--gold-light);
  color: var(--cream);
  background: linear-gradient(145deg, var(--cranberry-vivid), #751137);
}

.transitional-section {
  background:
    radial-gradient(circle at 12% 18%, rgb(201 137 123 / 18%), transparent 28%),
    radial-gradient(circle at 89% 80%, rgb(163 25 77 / 18%), transparent 29%),
    linear-gradient(rgb(6 58 51 / 96%), rgb(4 48 43 / 98%)), url("assets/hero-botanical.svg") center/cover no-repeat;
}
.transitional-heading h2::after {
  height: 3px;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 12% 34%, var(--cream) 34% 48%, var(--rose-gold) 48% 66%, var(--gold-light) 66% 88%, transparent);
}
.transitional-photo {
  border-top-color: var(--rose-gold);
  border-bottom-color: var(--rose-gold);
  box-shadow: 0 18px 40px rgb(0 20 17 / 28%), 0 0 0 4px rgb(248 240 227 / 8%);
}
.transitional-copy {
  border-top: 3px solid var(--cranberry-vivid);
  border-right-color: var(--rose-gold);
  border-bottom-color: var(--gold-light);
  background: radial-gradient(circle at 100% 0, rgb(201 137 123 / 16%), transparent 32%), rgb(5 55 48 / 91%);
}
.transitional-steps > div:nth-child(even) { border-top-color: rgb(201 137 123 / 62%); }
.transitional-footer-card {
  border-right: 2px solid var(--rose-gold);
  border-bottom-color: var(--gold-light);
  background: linear-gradient(135deg, rgb(126 18 61 / 44%), rgb(5 55 48 / 94%) 45%);
}

/* EVENTS — compact approved imagery that keeps the one-screen composition. */
.schedule-card {
  --schedule-pad-x: clamp(12px, 1.35vw, 18px);
  --schedule-pad-y: clamp(12px, 1.55vh, 17px);
  min-height: clamp(360px, 50vh, 460px);
  padding: var(--schedule-pad-y) var(--schedule-pad-x);
}
.schedule-card-image {
  position: relative;
  height: clamp(62px, 8.2vh, 76px);
  margin: calc(-1 * var(--schedule-pad-y)) calc(-1 * var(--schedule-pad-x)) 8px;
  overflow: hidden;
  border-bottom: 2px solid var(--rose-gold);
  background: #ead8ba;
}
.schedule-card-image::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, transparent 58%, rgb(5 55 48 / 26%));
  content: "";
  pointer-events: none;
}
.schedule-card-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.schedule-card-image-stella img { object-position: center 43%; }
.schedule-card-image-exhale img { object-position: center 37%; }
.schedule-card-image-set-it-off img { object-position: center 34%; }
.schedule-card-image-dora img { object-position: center 32%; }
.schedule-card-image-workshop-stella img { object-position: center 42%; }
.schedule-card-image-workshop-exhale img { object-position: center 44%; }
.schedule-card-image-workshop-set-it-off img { object-position: center 47%; }
.schedule-card-image-workshop-dance img { object-position: center 39%; }
.schedule-card .schedule-number { flex: 0 0 auto; }
.schedule-card h3 { margin-top: 5px; margin-bottom: 8px; }
.schedule-card > p { margin-bottom: 8px; }
.schedule-card dl div { padding-block: 3px; }

/* BIBLE STUDY — balanced title accents, richer frame, no isolated diamond. */
.bible-show-screen {
  background:
    radial-gradient(circle at 13% 28%, rgb(201 137 123 / 16%), transparent 29%),
    radial-gradient(circle at 84% 42%, rgb(226 195 110 / 14%), transparent 35%),
    radial-gradient(circle at 75% 84%, rgb(163 25 77 / 14%), transparent 31%),
    linear-gradient(135deg, #073c36, #0a4b42 52%, #06352f);
}
.bible-title-row {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(12px, 2vw, 30px);
}
.bible-title-accent {
  width: clamp(70px, 10vw, 145px);
  height: 11px;
  background:
    radial-gradient(circle, var(--cranberry-vivid) 0 3px, transparent 3.5px) left center / 18px 11px repeat-x,
    linear-gradient(90deg, transparent, var(--rose-gold) 22% 78%, transparent) center / 100% 1px no-repeat;
  opacity: .92;
}
.bible-title-accent:last-child { transform: scaleX(-1); }
.bible-show-copy::before { display: none; }
.bible-show-copy {
  border-right: 3px solid var(--rose-gold);
  background:
    radial-gradient(circle at 0 100%, rgb(163 25 77 / 12%), transparent 30%),
    linear-gradient(145deg, rgb(248 240 227 / 16%), rgb(248 240 227 / 6%));
}
.bible-show-visual {
  border-color: var(--rose-gold);
  box-shadow: 0 24px 44px rgb(0 18 15 / 32%), 0 0 0 5px rgb(163 25 77 / 28%), 0 0 0 7px rgb(248 240 227 / 13%), 0 0 0 9px rgb(201 137 123 / 20%);
}

@media (max-width: 900px) {
  .hero-cream-connector { width: clamp(28px, 8vw, 68px); }
  .hero-cream-connector-left { right: calc(100% + 23px); }
  .hero-cream-connector-right { left: calc(100% + 23px); }
  .approach-u-frame {
    top: 175px;
    right: 6vw;
    left: 6vw;
    height: 265px;
    opacity: .55;
  }
  .schedule-card-image { height: 120px; }
  .bible-title-accent { width: clamp(44px, 12vw, 90px); }
}

@media (max-width: 700px) {
  .hero-cream-connector { top: 48%; width: 32px; opacity: .82; }
  .hero-cream-connector-left { right: calc(100% + 12px); }
  .hero-cream-connector-right { left: calc(100% + 12px); }
  .approach-u-frame {
    top: 180px;
    right: 18px;
    left: 18px;
    height: 250px;
    border-width: 1px;
    opacity: .38;
  }
  .schedule-card {
    --schedule-pad-x: 14px;
    --schedule-pad-y: 14px;
  }
  .schedule-card-image { height: 142px; }
  .bible-title-row { gap: 7px; }
  .bible-title-accent {
    width: 40px;
    background:
      radial-gradient(circle, var(--cranberry-vivid) 0 2.4px, transparent 3px) left center / 13px 9px repeat-x,
      linear-gradient(90deg, transparent, var(--rose-gold), transparent) center / 100% 1px no-repeat;
  }
}