.therapies-page { overflow-x: hidden; }
.therapies-hero { padding-block: clamp(5rem, 9vw, 9rem); background: linear-gradient(90deg, rgb(8 15 31 / .98), rgb(18 27 47 / .88)), image-set(url("../images/heroes/cosmos-hero.avif") type("image/avif"), url("../images/heroes/cosmos-hero.webp") type("image/webp"), url("../images/heroes/cosmos-hero.jpg") type("image/jpeg")) center / cover no-repeat; }
.therapies-hero__grid { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(18rem, .6fr); align-items: end; gap: var(--tem-space-16); }
.therapies-hero .tem-eyebrow { color: #d8bd91; }
.therapies-hero .tem-display { color: #fff; }
.therapies-hero .tem-lead { max-width: 46rem; color: #d7dbe5; }
.therapies-actions { display: flex; flex-wrap: wrap; gap: var(--tem-space-3); }
.therapies-button--light { display: inline-flex; min-height: 3rem; align-items: center; justify-content: center; padding: .8rem 1.25rem; border: 1px solid #fff; border-radius: var(--tem-radius-pill); color: #fff; font-weight: 700; text-decoration: none; }
.therapies-hero__note { padding: var(--tem-space-6); border: 1px solid rgb(216 189 145 / .5); border-radius: var(--tem-radius-md); background: rgb(8 15 31 / .58); color: #d7dbe5; }
.therapies-hero__note strong { color: #fff; font-family: var(--tem-font-display); }
.therapies-hero__note p { margin-bottom: 0; }
.therapies-heading { max-width: 50rem; margin-bottom: var(--tem-space-12); }
.therapist-grid { display: grid; gap: var(--tem-space-8); }
.therapist-card { display: grid; grid-template-columns: minmax(15rem, .45fr) minmax(0, 1fr); align-items: center; gap: var(--tem-space-10); overflow: hidden; border: 1px solid var(--tem-color-border); border-radius: var(--tem-radius-lg); background: var(--tem-color-surface); box-shadow: var(--tem-shadow-sm); }
.therapist-card > img, .therapist-placeholder { width: 100%; height: 27rem; object-fit: cover; }
.therapist-card:first-child > img { object-position: center 30%; }
.therapist-card > div:last-child { max-width: 44rem; padding: var(--tem-space-8) var(--tem-space-10) var(--tem-space-8) 0; }
.therapist-placeholder { display: grid; place-items: center; background: radial-gradient(circle at 50% 35%, #34425d, #111a2d 70%); color: #d8bd91; font: 700 clamp(3rem, 8vw, 6rem)/1 var(--tem-font-display); }
.therapist-card__actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--tem-space-5); margin-top: var(--tem-space-6); }
.therapy-group { scroll-margin-top: 6rem; padding-block: var(--tem-space-12); border-top: 1px solid var(--tem-color-border); }
.therapy-group__heading { display: flex; align-items: end; justify-content: space-between; gap: var(--tem-space-8); margin-bottom: var(--tem-space-8); }
.therapy-group__heading .tem-heading { margin-bottom: 0; font-size: clamp(1.8rem, 4vw, 2.75rem); }
.therapy-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--tem-space-5); }
.therapy-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--tem-color-border); border-radius: var(--tem-radius-md); background: var(--tem-color-surface); box-shadow: 0 1rem 2.5rem rgb(17 26 45 / .06); transition: transform .25s ease, box-shadow .25s ease; }
.therapy-card:hover { transform: translateY(-3px); box-shadow: 0 1.25rem 3rem rgb(17 26 45 / .11); }
.therapy-card__image, .therapy-card__art { width: 100%; height: clamp(13rem, 24vw, 17rem); border-bottom: 1px solid var(--tem-color-border); }
.therapy-card__image { display: block; object-fit: cover; }
.therapy-card__art { position: relative; display: grid; place-items: center; overflow: hidden; isolation: isolate; background: radial-gradient(circle at 32% 30%, rgb(195 160 100 / .42), transparent 25%), radial-gradient(circle at 68% 70%, rgb(77 63 181 / .4), transparent 30%), linear-gradient(135deg, #101b30, #23284a); }
.therapy-card__art::before, .therapy-card__art::after { content: ""; position: absolute; z-index: -1; width: 9rem; aspect-ratio: 1; border: 1px solid rgb(255 255 255 / .24); border-radius: 50%; }
.therapy-card__art::after { width: 13rem; border-color: rgb(216 189 145 / .3); }
.therapy-card__art span { color: #f1d6a7; font: 400 clamp(3rem, 8vw, 5rem)/1 var(--tem-font-display); text-shadow: 0 0 2rem rgb(216 189 145 / .35); }
.therapy-card__body { min-height: 20rem; display: flex; flex: 1; flex-direction: column; padding: clamp(1.5rem, 3vw, 2rem); }
.therapy-card .tem-tag { align-self: flex-start; }
.therapy-card h4 { margin: var(--tem-space-5) 0 var(--tem-space-3); color: var(--tem-color-ink); font: 700 clamp(1.2rem, 2vw, 1.5rem)/1.3 var(--tem-font-display); }
.therapy-card__body > p { margin-top: 0; color: var(--tem-color-text); line-height: 1.65; }
.therapy-card dl { display: grid; grid-template-columns: repeat(2, 1fr); gap: var(--tem-space-4); margin: auto 0 0; padding-top: var(--tem-space-6); border-top: 1px solid var(--tem-color-border); }
.therapy-card dl div { min-width: 0; }
.therapy-card dt { color: var(--tem-color-text-muted); font-size: var(--tem-font-size-xs); font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.therapy-card dd { margin: var(--tem-space-1) 0 0; color: var(--tem-color-ink); font-weight: 700; }
.therapy-card__cta { width: 100%; min-height: 3rem; margin-top: var(--tem-space-5); text-align: center; }
.therapies-guidance { background: var(--tem-color-accent-soft); }
.therapies-guidance__grid { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: var(--tem-space-16); }
.therapies-guidance__notice { padding: var(--tem-space-8); border-left: 3px solid var(--tem-color-accent); background: rgb(255 255 255 / .55); }
.therapies-guidance__notice h3 { margin-top: 0; color: var(--tem-color-ink); font-family: var(--tem-font-display); }
.therapies-guidance__notice p { margin-bottom: 0; }
@media (max-width: 760px) {
  .therapies-hero__grid, .therapist-card, .therapies-guidance__grid { grid-template-columns: 1fr; gap: var(--tem-space-8); }
  .therapies-actions { flex-direction: column; }
  .therapies-actions a { width: 100%; }
  .therapist-card > img, .therapist-placeholder { height: min(125vw, 31rem); }
  .therapist-card > div:last-child { padding: 0 var(--tem-space-6) var(--tem-space-8); }
  .therapy-group__heading { align-items: stretch; flex-direction: column; }
  .therapy-grid { grid-template-columns: 1fr; }
  .therapy-card__image, .therapy-card__art { height: min(68vw, 18rem); }
  .therapy-card__body { min-height: auto; }
}
@media (max-width: 360px) {
  .therapy-group__heading > * { min-width: 0; }
  .therapy-group__heading .tem-heading { font-size: 1.55rem; }
}
@media (prefers-reduced-motion: reduce) {
  .therapy-card { transition: none; }
  .therapy-card:hover { transform: none; }
}