@media (min-width: 901px) {
  .services-shell .services-grid { height: 74%; }
}

.workshop-events .event-section-heading::before,
.workshop-events .event-section-heading::after {
  display: none;
}

.menu-panel {
  border: 1px solid rgb(197 154 52 / 88%);
  background:
    radial-gradient(circle at 50% 0, rgb(255 255 255 / 42%), transparent 38%),
    linear-gradient(145deg, #fff8e9 0%, #f2e1c3 58%, #e6cfa8 100%);
  box-shadow:
    0 26px 58px rgb(0 20 18 / 42%),
    inset 0 0 0 4px rgb(163 25 77 / 16%),
    inset 0 0 0 5px rgb(197 154 52 / 34%);
}

.menu-panel::before {
  color: var(--gold);
  text-shadow: 18px 0 0 rgb(197 154 52 / 55%), -18px 0 0 rgb(197 154 52 / 55%);
}

.menu-panel::after {
  background: linear-gradient(90deg, transparent, var(--gold), transparent);
}

.menu-panel a {
  border-bottom-color: rgb(163 25 77 / 46%);
  color: var(--emerald-950);
  text-shadow: none;
}

.menu-panel a:hover,
.menu-panel a:focus-visible {
  color: var(--cream);
  background: linear-gradient(90deg, rgb(163 25 77 / 10%), var(--cranberry-vivid), rgb(163 25 77 / 10%));
}

.menu-panel a[aria-current="page"] {
  color: var(--cream) !important;
  background: linear-gradient(90deg, rgb(163 25 77 / 18%), var(--cranberry-vivid), rgb(163 25 77 / 18%)) !important;
}

/* Version 90 — compact navigation and final page-balance refinements */
@media (min-width: 701px) {
  .menu-panel { width: 270px; min-width: 0; padding: 14px 18px 16px; }
  .menu-panel a { padding: 9px 7px; font-size: .82rem; line-height: 1.22; }
  .menu-panel a:last-child { max-width: 218px; margin-inline: auto; white-space: normal; }
}

@media (min-width: 901px) {
  .approach-card.featured { transform: translateY(-9px); }
  .services-shell .services-grid { height: 80%; transform: translateY(20px); }
  .services-shell .service-card,
  .services-shell .service-card:nth-child(n) {
    width: 97%; height: 98%;
    padding: clamp(12px, 1.5vh, 16px) clamp(14px, 1.3vw, 19px);
  }
  .services-shell .service-card p { line-height: 1.2; }
  .services-shell .service-explore { margin-top: 5px; }
}

.community-outreach-signature {
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(.65rem, 1.08vh, .8rem);
  font-style: normal; font-weight: 600; letter-spacing: .2em; line-height: 1.1;
}

.events-hero-heading > p:last-child { padding-inline: 0; }
.events-hero-heading > p:last-child::before,
.events-hero-heading > p:last-child::after { display: none; }
.events-title-accent {
  position: absolute; z-index: 2; top: 50%;
  width: clamp(84px, 10vw, 148px); height: 1px;
  background: var(--cranberry-vivid);
  box-shadow: 0 4px 0 var(--cream), 0 8px 0 var(--cranberry-vivid);
  transform: translateY(-50%);
}
.events-title-accent::after {
  position: absolute; top: -3px; width: 7px; height: 7px;
  border: 1px solid var(--gold-light); background: var(--cranberry-vivid);
  content: ""; transform: rotate(45deg);
}
.events-title-accent-left { right: calc(50% + clamp(88px, 8vw, 126px)); }
.events-title-accent-left::after { right: -3px; }
.events-title-accent-right { left: calc(50% + clamp(88px, 8vw, 126px)); }
.events-title-accent-right::after { left: -3px; }

.event-door-support .door-face {
  color: var(--emerald-950);
  background: linear-gradient(155deg, #fffaf0 0%, #f0e0c3 60%, #dcc38d 100%);
}
.event-door-support .door-panel { border-color: rgb(163 25 77 / 64%); background: rgb(163 25 77 / 7%); }
.event-door-support .door-crown b,
.event-door-support .door-subtitle b { color: var(--cranberry-vivid); }
.event-door-workshop .door-face {
  color: var(--cream);
  background: linear-gradient(155deg, #a3194d 0%, #79143b 55%, #52102d 100%);
}
.event-door-workshop .door-panel { border-color: rgb(226 195 110 / 64%); background: rgb(248 240 227 / 6%); }
.event-door-workshop .door-crown b { color: var(--gold-light); }

.events-scripture::after {
  display: block; width: clamp(120px, 15vw, 220px); height: 2px;
  margin: 9px auto 0;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 18% 82%, transparent);
  content: "";
}
.events-bottom-flourish { opacity: .25; filter: sepia(1) saturate(2.8) hue-rotate(285deg) brightness(.72); }

.workshop-events .event-section-heading::before,
.workshop-events .event-section-heading::after {
  display: block; top: 56%; width: clamp(116px, 14vw, 215px); height: 1px;
  background: var(--cranberry-vivid);
  box-shadow: 0 4px 0 var(--cream), 0 8px 0 var(--gold-light);
}
.workshop-events .event-section-heading::before { right: calc(100% + clamp(42px, 5.5vw, 82px)); }
.workshop-events .event-section-heading::after { left: calc(100% + clamp(42px, 5.5vw, 82px)); }
.workshop-events {
  background:
    radial-gradient(circle at 8% 18%, rgb(163 25 77 / 20%), transparent 24%),
    radial-gradient(circle at 92% 18%, rgb(163 25 77 / 20%), transparent 24%),
    radial-gradient(circle at 50% 40%, rgb(197 154 52 / 11%), transparent 46%),
    #083f38;
}

.bible-show-screen {
  background:
    radial-gradient(circle at 10% 18%, rgb(163 25 77 / 17%), transparent 25%),
    radial-gradient(circle at 90% 78%, rgb(163 25 77 / 14%), transparent 25%),
    radial-gradient(circle at 82% 42%, rgb(226 195 110 / 10%), transparent 35%),
    linear-gradient(135deg, #073c36, #0a4b42 52%, #06352f);
}
.bible-show-copy { border-left: 3px solid var(--cranberry-vivid); box-shadow: inset 7px 0 0 rgb(163 25 77 / 8%); }
.bible-show-visual {
  box-shadow: 0 24px 44px rgb(0 18 15 / 32%), 0 0 0 4px rgb(163 25 77 / 18%);
}
.bible-show-signoff::before,
.bible-show-signoff::after {
  display: inline-block; width: clamp(28px, 3vw, 46px); height: 1px;
  margin: 0 10px .25em; background: var(--cranberry-vivid); content: "";
}

@media (max-width: 900px) {
  .events-title-accent,
  .workshop-events .event-section-heading::before,
  .workshop-events .event-section-heading::after { display: none; }
}

/* Version 91 — restored portals, refined spacing, and burgundy balance */

/* Services heading spacing */
.services-shell .services-heading .section-kicker {
  margin-bottom: 10px;
}

/* Speaking Engagements — deepen the burgundy without changing the layout. */
.speaking-section {
  background:
    radial-gradient(circle at 10% 18%, rgb(163 25 77 / 22%), transparent 26%),
    radial-gradient(circle at 92% 78%, rgb(163 25 77 / 17%), transparent 27%),
    linear-gradient(rgb(5 57 49 / 96%), rgb(3 47 41 / 98%)),
    url("assets/hero-botanical.svg") center / cover no-repeat;
}

.speaking-heading h2::after {
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 8% 27%, var(--gold-light) 27% 73%, var(--cranberry-vivid) 73% 92%, transparent);
}

.speaking-photo {
  border-left: 4px solid var(--cranberry-vivid);
}

.speaking-copy {
  border-right: 4px solid var(--cranberry-vivid);
  background: linear-gradient(145deg, rgb(5 55 48 / 92%), rgb(91 15 49 / 18%));
}

.speaking-section .intake-signature::before {
  display: block;
  width: clamp(130px, 16vw, 225px);
  height: 1px;
  margin: 0 auto 6px;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 18% 82%, transparent);
  content: "";
}

/* Events — return the doors to the exact approved Version 88 color treatment. */
.event-door-support .door-face {
  color: var(--cream);
  background: linear-gradient(155deg, #8d1747 0%, #6f0f36 45%, #073f39 100%);
}

.event-door-support .door-panel {
  border-color: rgb(226 195 110 / 58%);
  background: transparent;
}

.event-door-support .door-crown b,
.event-door-support .door-subtitle b {
  color: var(--gold-light);
}

.event-door-workshop .door-face {
  color: var(--emerald-950);
  background: linear-gradient(155deg, #fff8e9 0%, #e9d5af 62%, #d5b66e 100%);
}

.event-door-workshop .door-panel {
  border-color: rgb(7 60 54 / 70%);
  background: rgb(7 60 54 / 12%);
}

.event-door-workshop .door-crown b {
  color: var(--emerald-900);
}

/* Burgundy, cream, burgundy connectors remain behind the solid doors. */
.event-doors::before {
  position: absolute;
  z-index: 0;
  top: 53%;
  right: 8%;
  left: 8%;
  height: 1px;
  background: var(--cranberry-vivid);
  box-shadow: 0 5px 0 var(--cream), 0 10px 0 var(--cranberry-vivid);
  content: "";
  pointer-events: none;
}

.event-door {
  z-index: 1;
}

/* Workshops heading spacing */
.workshop-events .event-section-heading .section-kicker {
  margin-bottom: 10px;
}

/* Bible Study — add a stronger but still elegant burgundy frame rhythm. */
.bible-show-screen {
  background:
    radial-gradient(circle at 10% 18%, rgb(163 25 77 / 24%), transparent 26%),
    radial-gradient(circle at 90% 78%, rgb(163 25 77 / 21%), transparent 26%),
    radial-gradient(circle at 82% 42%, rgb(226 195 110 / 10%), transparent 35%),
    linear-gradient(135deg, #073c36, #0a4b42 52%, #06352f);
}

.bible-show-heading h1::after {
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 10% 30%, var(--gold-light) 30% 70%, var(--cranberry-vivid) 70% 90%, transparent);
}

.bible-show-copy {
  border-right: 1px solid rgb(163 25 77 / 50%);
  border-bottom: 3px solid var(--cranberry-vivid);
  box-shadow: inset 7px 0 0 rgb(163 25 77 / 10%), 0 0 0 1px rgb(163 25 77 / 8%);
}

.bible-show-visual {
  border-right: 3px solid var(--cranberry-vivid);
  border-bottom: 3px solid var(--cranberry-vivid);
  box-shadow: 0 24px 44px rgb(0 18 15 / 32%), 0 0 0 5px rgb(163 25 77 / 22%);
}

.bible-show-heading > p:last-child::before,
.bible-show-heading > p:last-child::after {
  display: inline-block;
  width: 5px;
  height: 5px;
  margin: 0 12px .12em;
  border-radius: 50%;
  background: var(--cranberry-vivid);
  box-shadow: 9px 0 0 var(--gold-light), -9px 0 0 var(--gold-light);
  content: "";
}

@media (max-width: 900px) {
  .event-doors::before { display: none; }
}

/* Version 92 — title clarity and finishing accents */

/* Events doors: underline each title and strengthen the supporting words. */
.event-door .door-title {
  text-decoration-line: underline;
  text-decoration-color: var(--gold-light);
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.event-door .door-subtitle,
.event-door-dora .door-subtitle {
  opacity: 1;
  font-size: clamp(.57rem, 1.12vh, .7rem);
  font-weight: 700;
  text-shadow: 0 1px 5px rgb(0 0 0 / 18%);
}

.event-door-workshop .door-subtitle {
  text-shadow: 0 1px 4px rgb(255 250 241 / 35%);
}

/* Bible Study: open the heading, remove subtitle dots, and soften the signoff lines. */
.bible-show-heading .section-kicker {
  margin-bottom: 9px;
}

.bible-show-heading > p:last-child::before,
.bible-show-heading > p:last-child::after {
  display: none;
  content: none;
}

.bible-show-signoff::before,
.bible-show-signoff::after {
  background: rgb(248 240 227 / 82%);
}

/* Services: a slim brand-colored accent directly above the card collection. */
.services-shell .services-grid::before {
  position: absolute;
  z-index: 2;
  top: -10px;
  right: 7%;
  left: 7%;
  display: block;
  height: 1px;
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 14% 29%, var(--gold-light) 29% 71%, var(--cranberry-vivid) 71% 86%, transparent);
  content: "";
  pointer-events: none;
}

@media (max-width: 900px) {
  .services-shell .services-grid::before { display: none; }
}

/* Version 93 — final contrast and ornament details */

/* Workshops door: make the complete subtitle, including separators, unmistakable. */
.event-door-workshop .door-subtitle,
.event-door-workshop .door-subtitle b {
  color: #111;
  font-weight: 800;
  text-shadow: none;
}

/* Bible Study: brighten the closing words while retaining the cream lines. */
.bible-show-signoff {
  color: #fff;
}

/* Services: center a brand diamond within the accent line above the cards. */
.services-shell .services-grid::after {
  position: absolute;
  z-index: 3;
  top: -14px;
  left: 50%;
  display: block;
  width: 8px;
  height: 8px;
  border: 1px solid var(--gold-light);
  background: var(--cranberry-vivid);
  content: "";
  pointer-events: none;
  transform: translateX(-50%) rotate(45deg);
}

@media (max-width: 900px) {
  .services-shell .services-grid::after { display: none; }
}

/* Version 94 — Services edge ornaments and published Support Group sessions */

/* Support Group event cards: keep all four session dates readable and compact. */
.support-events .support-session-details div:first-child {
  align-items: flex-start;
}

.support-events .support-session-dates {
  display: grid;
  gap: 2px;
  line-height: 1.08;
}

.support-events .support-session-dates span {
  white-space: nowrap;
}

/* Version 101 — underlined Services overline, gold card accent, and She Set Sail wording */
.services-shell .services-feature-panel {
  isolation: isolate;
  padding: 0;
  border: 0;
  border-radius: 0;
  background: none;
  box-shadow: none;
}

.services-shell .services-feature-panel::before {
  position: absolute;
  z-index: 0;
  top: clamp(42px, 5vh, 54px);
  right: clamp(-22px, -1.4vw, -14px);
  bottom: clamp(42px, 5vh, 54px);
  left: clamp(-22px, -1.4vw, -14px);
  border: 1px solid rgb(226 195 110 / 32%);
  border-radius: 24px 9px 24px 9px;
  background:
    radial-gradient(circle at 50% 4%, rgb(255 255 255 / 34%), transparent 39%),
    linear-gradient(155deg, rgb(255 248 233 / 91%) 0%, rgb(241 225 197 / 88%) 66%, rgb(223 198 154 / 86%) 100%);
  box-shadow: 0 20px 42px rgb(0 20 17 / 18%);
  content: "";
  pointer-events: none;
}

.services-shell .services-feature-panel > * {
  position: relative;
  z-index: 1;
}

.services-shell .services-heading .section-kicker {
  color: #171412;
  font-weight: 600;
  text-shadow: none;
  text-decoration-line: underline;
  text-decoration-color: #171412;
  text-decoration-thickness: 1px;
  text-underline-offset: 5px;
}

.services-shell .services-grid::before {
  background: linear-gradient(90deg, transparent, var(--gold-light) 14% 86%, transparent);
  box-shadow: 0 -3px 0 var(--gold-light), 0 3px 0 var(--gold-light);
}

.services-shell .services-grid::after {
  border-color: var(--gold-light);
  background: var(--gold-light);
}

.support-events .schedule-number,
.workshop-events .schedule-number {
  display: inline-flex;
  width: 30px;
  height: 30px;
  border: 1px solid var(--cranberry-vivid);
  border-radius: 50%;
  align-items: center;
  justify-content: center;
  align-self: flex-start;
  color: var(--cranberry-vivid);
  background: rgb(255 250 241 / 42%);
  box-shadow: 0 0 0 1px rgb(226 195 110 / 60%);
  letter-spacing: .04em;
  line-height: 1;
}

.services-shell .services-heading h1 {
  color: var(--emerald-950);
  text-shadow: none;
}

.services-shell .services-heading h1::after {
  background: linear-gradient(90deg, transparent, var(--cranberry-vivid) 14% 32%, var(--gold) 32% 68%, var(--cranberry-vivid) 68% 86%, transparent);
}

.services-shell .services-photo-ornament figure {
  border-color: rgb(163 25 77 / 72%);
  box-shadow: 0 18px 34px rgb(85 47 25 / 20%), 0 0 0 4px rgb(226 195 110 / 34%);
}

.services-shell .services-intro {
  color: #244f48;
}

.services-overview-layout > .services-overview-scripture {
  position: absolute;
  z-index: 5;
  right: auto;
  bottom: -8px;
  left: clamp(6px, .7vw, 10px);
  width: 100%;
  color: #fff;
  transform: none;
}

.services-overview-scripture .services-scripture-reference,
.services-overview-scripture > p:last-child {
  color: #fff;
  text-shadow: 0 1px 3px rgb(0 20 17 / 48%);
}

@media (max-width: 900px) {
  .services-shell .services-feature-panel {
    padding: 24px 20px;
  }

  .services-shell .services-feature-panel::before {
    inset: 8px;
  }
}

/* Version 107 — balanced white Services silhouettes */
@media (min-width: 901px) {
  .services-shell .services-approach-side-ornament {
    top: 50%;
    bottom: auto;
    width: clamp(72px, 7vw, 96px);
    height: auto;
    gap: 0;
    transform: translateY(-50%);
  }

  .services-shell .services-approach-side-ornament-left {
    left: clamp(18px, 2vw, 30px);
  }

  .services-shell .services-approach-side-ornament-right {
    right: clamp(18px, 2vw, 30px);
  }

  .services-shell .services-approach-side-ornament .approach-silhouette {
    width: 100%;
    max-width: none;
    opacity: .5;
    filter: brightness(0) invert(1);
  }
}

@media (min-width: 1101px) {
  .services-shell .services-card-panel {
    transform: translateX(clamp(-28px, -2vw, -20px));
  }
}

/* Version 108 — center the scripture beneath the Services card group. */
.services-shell .services-card-panel {
  position: relative;
}

.services-shell .services-card-panel > .services-overview-scripture {
  position: absolute;
  right: 0;
  bottom: -8px;
  left: 0;
  width: 100%;
  margin: 0;
  transform: none;
}

@media (max-width: 900px) {
  .services-shell .services-card-panel > .services-overview-scripture {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    margin-top: 24px;
  }
}

/* Version 102 — final Services balance and Events center-line cleanup */
.services-shell .services-feature-panel {
  justify-content: flex-start;
  padding-top: clamp(58px, 6.8vh, 72px);
}

.services-shell .services-photo-ornament {
  width: 100%;
  margin-top: clamp(10px, 1.4vh, 15px);
}

.services-shell .services-photo-ornament figure {
  width: 92%;
  margin-inline: auto;
}

.services-card-panel {
  display: flex;
  min-width: 0;
  min-height: 0;
  height: 100%;
  padding-top: clamp(58px, 6.8vh, 72px);
  flex-direction: column;
}

.services-grid-kicker {
  flex: 0 0 auto;
  margin: 0 0 clamp(9px, 1.25vh, 13px);
  color: var(--gold-light);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(.84rem, 1.45vh, 1rem);
  font-weight: 600;
  letter-spacing: .24em;
  line-height: 1;
  text-align: center;
  text-decoration-line: underline;
  text-decoration-color: var(--gold-light);
  text-decoration-thickness: 1px;
  text-transform: uppercase;
  text-underline-offset: 6px;
}

.services-shell .services-grid {
  height: 80%;
  flex: 0 0 80%;
  transform: none;
}

.services-shell .services-grid::before,
.services-shell .services-grid::after {
  display: none !important;
  content: none;
}

.events-portal::before {
  background-image: none;
}

@media (max-width: 900px) {
  .services-shell .services-feature-panel {
    padding-top: 24px;
  }

  .services-card-panel {
    height: auto;
    padding-top: 0;
  }
}
