/* Service cards: larger photography and tighter section spacing. */
/* Give the therapist carousel the same generous width on both landing pages. */
.team-slider {
  padding-inline: 0;
}
.team-slider .container-26 {
  width: 100%;
  max-width: 1600px;
}
body > .team-slider {
  width: 94%;
  margin-inline: auto;
  border-bottom: 0;
}
@media (max-width: 767px) {
  body > .team-slider { width: calc(100% - 32px); }
}
.hero-section.centered > .div-block-64.top {
  margin-bottom: 48px;
}
.section-14 {
  width: 100%;
  max-width: 1400px;
  margin-inline: auto;
}
/* The appointment page places this section outside the homepage's inset wrapper. */
body > .section-14 {
  width: 94%;
  margin-bottom: 40px;
}
@media (max-width: 767px) {
  body > .section-14 { width: calc(100% - 32px); }
}
.section-14 .section-heading.centered.services {
  margin-bottom: 16px;
}
.section-14 .paragraph-8.services {
  width: 100%;
  max-width: 1050px;
  margin: 0 auto 28px;
}
.section-14 .div-block-65 {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-template-rows: auto;
  gap: 24px;
}
.section-14 .link-block-3 {
  min-width: 0;
  padding: 0 0 8px;
}
.section-14 .div-block-66 {
  width: 100%;
  height: auto;
  aspect-ratio: 1;
  margin-bottom: 14px;
  border-width: 5px;
}
.section-14 + .container-9 {
  margin-top: 40px;
}
@media (max-width: 991px) {
  .section-14 .div-block-65 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    max-width: 720px;
    gap: 24px;
  }
}
@media (max-width: 479px) {
  .hero-section.centered > .div-block-64.top {
    margin-bottom: 32px;
  }
  .section-14 .paragraph-8.services {
    margin-bottom: 24px;
  }
  .section-14 .div-block-65 {
    grid-template-columns: minmax(0, 1fr);
    max-width: 340px;
    gap: 24px;
  }
}

/* Consistent portrait frames across both therapist carousels. */
.team-slider .team-block > .div-block-78 {
  width: 100%;
  height: 280px;
  min-height: 280px;
  max-height: 280px;
  flex-shrink: 0;
  background-size: cover;
  background-position: center top;
  background-repeat: no-repeat;
}

/* Two-column counselling introduction above the full-width video. */
.therapy-intro-columns { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; width:100%; text-align:left; align-items:start; }
.therapy-intro-columns > div { min-width:0; }
.therapy-intro-columns .section-heading { margin-top:0; text-align:left; }
.therapy-intro-columns .section-title-group { margin-bottom:24px; text-align:left; }
.therapy-intro-columns .section-subheading { text-align:left; }
.therapy-intro-columns p { margin:0 0 24px; font-size:18px; line-height:1.65; }
.therapy-intro-columns p:last-child { margin-bottom:0; }
@media(max-width:767px) { .therapy-intro-columns { grid-template-columns:minmax(0,1fr); gap:24px; } }

/* Keep therapist cards 3em apart without reducing the visible card count. */
.team-slider .team-slide-wrapper {
  width: calc((100% - 6em) / 3);
  margin-right: 3em;
}
@media (max-width: 991px) {
  .team-slider .team-slide-wrapper { width: calc((100% - 3em) / 2); }
}
@media (max-width: 767px) {
  .team-slider .team-slide-wrapper { width: 100%; }
}

/* No divider beneath the therapist carousel and its team button. */
.hero-section.centered > .team-slider { border-bottom: 0; }

/* Samantha's portrait has extra headroom; move its crop up to match the row. */
.team-slider .team-block > .div-block-78.t3 {
  background-position: center 25%;
}

/* Compact counselling introduction and an 80% video with its aspect ratio preserved. */
.therapy-video-section .therapy-intro-columns { display:block; width:80%; margin-inline:auto; text-align:center; }
.therapy-video-section .therapy-intro-columns .section-heading,
.therapy-video-section .therapy-intro-columns .section-title-group,
.therapy-video-section .therapy-intro-columns .section-subheading { text-align:center; }
.therapy-video-section > .video { width:80%; margin-inline:auto; padding-top:0 !important; aspect-ratio:940 / 529; height:auto; }
@media(max-width:767px) {
  .therapy-video-section .therapy-intro-columns { width:100%; }
}