/* The next design: equal audience routes, readable copy, and deeper earthy colour. */
:root { --paper: #f7f7f2; --sage: #dce6d7; --clay: #e5ccbb; --muted: #58665e; }
.site-header { background: rgba(247,247,242,.97); }
.home-hero { padding-block: 40px 52px; gap: 48px; }
.hero-copy h1 { margin-bottom: 24px; font-size: clamp(38px, 5vw, 62px); }
.hero-statement { max-width: 31ch; font-size: 21px; line-height: 1.6; }
.hero-statement span { display: block; }
.hero-location { margin-top: 20px; }
.hero-art { min-height: 300px; }
.art-wash { background: var(--clay); }
.hero-art img { filter: grayscale(1) brightness(1.18) contrast(1.12); opacity: 1; }
.hero-art::after { border-color: #acb9a1; }
.pathways-section { background: var(--sage); border-radius: 50% 50% 0 0 / 28px 36px 0 0; padding-block: 46px 54px; }
.pathways-section h2 { text-align: center; font-size: 34px; margin-bottom: 32px; }
.service-paths { width: min(920px, 100%); gap: 64px; }
.service-paths h3 { color: var(--heading); font-size: 25px; }
.service-paths .audience-label { flex: none; margin: 0 0 8px; font-size: 14px; color: #4c5f50; }
.service-paths .pathway-description { margin-top: 14px; font-size: 17px; line-height: 1.7; max-width: 37ch; }
.service-paths .button { margin-top: 22px; }
.profile-section { padding-block: 76px 84px; align-items: center; }
.portrait { max-width: 300px; }
.profile-copy h2 { font-size: 34px; }
.profile-copy .profile-credentials { font-size: 15px; color: var(--muted); line-height: 1.7; margin-top: 24px; }
.home-hero + .profile-section { padding-top: 24px; }
.page-intro { padding-block: 40px 44px; }
.page-subtitle { margin-top: 24px; }
.page-fact { margin-top: 18px; font-size: 15px; color: var(--muted); }
.page-clinical-supervision .page-art { background: #c9a7b6; }
.page-clinical-supervision .page-art img { filter: saturate(1.25) contrast(0.96); }
.page-practical-information .page-art { background: #dfb59f; }
.page-practical-information .page-art img { filter: saturate(1.15) contrast(1.02); }
.page-contents { display: flex; flex-wrap: wrap; align-items: center; gap: 4px 24px; padding-block: 8px 30px; margin-bottom: 28px; border-bottom: 1px solid var(--line); font-size: 15px; }
.page-contents span { color: var(--muted); margin-right: 4px; }
.page-contents a { display: inline-flex; align-items: center; min-height: 44px; }
.focus-list { padding-left: 23px; margin: 0; }
.focus-list li { padding-left: 5px; margin-bottom: 14px; }
.reading-section > .button { margin-top: 22px; }
.method-note { margin-top: 30px; }
.method-note h3 { margin-bottom: 12px; color: var(--heading); font-size: 22px; }
.therapy-reading { width: min(1080px, calc(100% - 112px)); }
.therapy-reading > section:not(.therapy-introduction) { max-width: 740px; margin-inline: auto; }
.therapy-introduction { display: grid; grid-template-columns: minmax(0, 330px) minmax(0, 650px); gap: 48px 60px; align-items: center; padding-bottom: 60px; }
.therapy-introduction-copy { grid-column: 2; grid-row: 1; }
.therapy-introduction-continuation { grid-column: 1 / -1; width: min(740px, 100%); margin-inline: auto; }
.therapy-introduction-photo { grid-column: 1; grid-row: 1; margin: 0; overflow: hidden; border-radius: 64px 32px 32px 32px; }
.therapy-introduction-photo img { display: block; width: 100%; aspect-ratio: 1.1; object-fit: cover; object-position: 55% 85%; }
.therapy-reading #how-therapy-works { border-top: 0; padding-block: 46px; margin-bottom: 46px; background: #e8eee3; box-shadow: 0 0 0 100vmax #e8eee3; clip-path: inset(0 -100vmax); }
.therapy-reading > #therapy-approaches { max-width: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0 60px; border-top: 0; padding-top: 0; }
.therapy-reading #therapy-approaches > h2 { grid-column: 1 / -1; text-align: center; margin-bottom: 34px; }
.therapy-reading #therapy-approaches .method-note { margin-top: 0; }
.supervision-perspectives { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.6fr); gap: 40px; margin-top: 36px; padding-top: 30px; border-top: 1px solid var(--line); }
.supervision-perspectives .method-note { margin: 0; }
@media (min-width: 621px) {
  .supervision-perspectives h3 { min-height: 2.6em; }
}
.supervision-reading #private-practice { padding-block: 46px; margin-bottom: 24px; }
@media (max-width: 620px) {
  .supervision-perspectives { grid-template-columns: 1fr; gap: 24px; }
  .supervision-reading #private-practice { padding-block: 34px; margin-bottom: 20px; }
}
@media (max-width: 1050px) {
  .therapy-reading { width: min(740px, calc(100% - 112px)); }
  .therapy-introduction { display: block; }
  .therapy-introduction-photo { width: min(440px, 100%); margin: 20px auto 30px; }
  .therapy-introduction-photo img { aspect-ratio: 1.65; }
  .therapy-reading > #therapy-approaches { display: block; }
  .therapy-reading #therapy-approaches > h2 { text-align: left; margin-bottom: 25px; }
  .therapy-reading #therapy-approaches .method-note + .method-note { margin-top: 28px; padding-top: 28px; border-top: 1px solid var(--line); }
}
@media (max-width: 620px) {
  .therapy-reading { width: calc(100% - 48px); }
  .therapy-reading #how-therapy-works { padding-block: 34px; margin-bottom: 36px; }
}
.contact-section .session-fee { font-weight: 400; font-size: 17px; margin-top: 24px; }
.crisis-reading { padding-bottom: 64px; }
.therapy-space-band { background: #e8eee3; padding-block: 46px; margin-bottom: 64px; }
.therapy-space-band .practical-reading { padding-bottom: 0; }
.therapy-space-band .reading-section { padding-bottom: 0; margin-bottom: 32px; }
.therapy-space-band .map-wrap { margin-bottom: 0; }
@media (max-width: 620px) {
  .therapy-space-band { padding-block: 34px; margin-bottom: 40px; }
}
.map-wrap iframe { height: 280px; }
.menu-text { font-size: 14px; }
@media (min-width: 761px) and (max-width: 860px) {
  .site-header { gap: 18px; }
  .site-header .menu-toggle { display: none; }
  .site-navigation { position: static; display: flex; flex-direction: row; align-items: center; gap: 16px; padding: 0; background: none; border: 0; }
  .site-navigation a { padding: 8px 0; font-size: 14px; }
}
@media (max-width: 860px) {
  .hero-copy h1 { font-size: 48px; }
  .home-hero { gap: 28px; padding-block: 40px 48px; }
  .hero-art { min-height: 270px; }
  .hero-statement { font-size: 19px; }
  .service-paths { gap: 36px; }
  .profile-section { padding-block: 60px 66px; }
}
@media (max-width: 760px) {
  .site-header .menu-toggle { display: flex; align-items: center; justify-content: center; gap: 6px; width: auto; }
}
@media (max-width: 620px) {
  .map-wrap iframe { height: 240px; }
  .home-hero { gap: 26px; padding-block: 30px 40px; }
  .hero-copy h1 { margin-bottom: 20px; font-size: clamp(37px, 8.6vw, 48px); }
  .hero-art { min-height: 220px; max-width: 280px; }
  .pathways-section { padding-block: 38px 44px; border-radius: 50% 50% 0 0 / 20px 25px 0 0; }
  .pathways-section h2 { font-size: 29px; margin-bottom: 28px; }
  .service-paths { gap: 36px; }
  .service-paths h3 { font-size: 24px; }
  .profile-section { padding-block: 48px 54px; }
  .profile-copy h2 { font-size: 30px; }
  .page-intro { padding-block: 30px 32px; }
  .page-contents { gap: 0 20px; padding-bottom: 20px; margin-bottom: 32px; }
  .page-contents span { flex-basis: 100%; }
  .page-fact { margin-top: 16px; }
  .crisis-reading { padding-bottom: 40px; }
}
@media (max-width: 380px) {
  .site-header { padding-inline: 12px; gap: 2px; }
  .site-name { font-size: 21px; }
  .site-header .menu-toggle { gap: 3px; padding-inline: 5px; }
  .site-header .search-toggle { width: 35px; }
}

.awareness-home { text-align: center; padding-block: 58px 68px; }
.awareness-home h2 { font-size: 29px; line-height: 1.4; text-wrap: balance; max-width: 34ch; margin-inline: auto; }
@media (max-width: 620px) {
  .awareness-home { padding-block: 44px 48px; }
  .awareness-home h2 { font-size: 25px; }
}