/* Clear Skies | V9.1 distinct hero system (replaces repeated navy square) */
.cs9 .cs9-page-hero{isolation:isolate}
.cs9 .cs9-page-hero__grid{padding-top:clamp(75px,9vw,134px);padding-bottom:clamp(67px,8vw,112px);gap:clamp(35px,6vw,95px)}
.cs9 .cs9-page-hero__copy{position:relative;z-index:2;min-width:0}
.cs9 .cs9-page-hero__copy h1{letter-spacing:-.058em;line-height:1.05;text-wrap:balance}
.cs9 .cs9-page-hero__copy>p:not(.cs9-eyebrow){font-size:clamp(17px,1.45vw,21px);line-height:1.69;max-width:590px}
.cs9 .cs9-hero-visual{position:relative;min-height:340px;height:clamp(340px,33vw,465px);overflow:hidden;background:#142D4A;color:#fff;isolation:isolate}
.cs9 .cs9-hero-visual:before,.cs9 .cs9-hero-visual:after{pointer-events:none}
.cs9 .cs9-page-hero .cs9-actions{margin-top:30px}
.cs9 .cs9-hero-visual--photo{background-image:linear-gradient(0deg,rgba(8,30,47,.66),transparent 62%),var(--cs9-page-photo);background-size:cover;background-position:center}
.cs9 .cs9-photo-seal{position:absolute;left:28px;bottom:24px;color:white;font-size:11px;font-weight:800;letter-spacing:.16em}
/* Therapist finder: real eligible published clinician portraits, not generic brand art */
.cs9 .cs9-page-hero--therapists{background:linear-gradient(90deg,#F8F7F4 0%,#F8F7F4 59%,#132D46 59%,#132D46 100%)}
.cs9 .cs9-page-hero--therapists .cs9-hero-visual{overflow:visible;background:transparent;height:440px;min-height:0}
.cs9 .cs9-team-portraits{height:100%;display:flex;align-items:center;gap:14px;position:relative;padding:20px 0 33px}
.cs9 .cs9-team-portrait{background:#203C56;display:block;flex:1;min-width:0;height:75%;position:relative;overflow:hidden;text-decoration:none!important;box-shadow:0 16px 35px rgba(4,21,35,.23);border:3px solid rgba(255,255,255,.77)}
.cs9 .cs9-team-portrait:first-child{height:91%;transform:translateY(14px)}
.cs9 .cs9-team-portrait:nth-child(2){height:83%;transform:translateY(-7px)}
.cs9 .cs9-team-portrait:nth-child(3){height:70%;transform:translateY(18px)}
.cs9 .cs9-team-portrait img{height:100%!important;width:100%!important;object-fit:cover;object-position:center 20%;display:block;transition:transform .35s}
.cs9 .cs9-team-portrait:hover img{transform:scale(1.035)}
.cs9 .cs9-team-portrait:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(0deg,rgba(9,25,42,.92),transparent);pointer-events:none}
.cs9 .cs9-team-portrait span{position:absolute;z-index:2;left:12px;right:8px;bottom:14px;color:white;font-size:13px;font-weight:800;line-height:1.3}
.cs9 .cs9-portrait-note{position:absolute;bottom:0;right:0;letter-spacing:.19em;font-size:10px;color:#DAE9F0;font-weight:800;white-space:nowrap}
.cs9 .cs9-team-placeholder{width:100%;height:84%;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;align-items:end}
.cs9 .cs9-team-placeholder span{display:flex;align-items:end;justify-content:center;padding:20px 8px;height:90%;background:linear-gradient(160deg,#2B6489,#12263F);font-size:12px;font-weight:800;letter-spacing:.04em}
.cs9 .cs9-team-placeholder span:nth-child(2){height:100%;background:linear-gradient(160deg,#C58D63,#845334)}
.cs9 .cs9-team-placeholder span:nth-child(3){height:79%}
.cs9 .cs9-directory-shell{scroll-margin-top:110px}
/* About: the aviation inspiration becomes a visual story, not just a caption */
.cs9 .cs9-page-hero--about{background:linear-gradient(110deg,#122F49,#1D4B67);border-bottom:4px solid #C58D63}
.cs9 .cs9-page-hero--about h1,.cs9 .cs9-page-hero--about .cs9-page-hero__copy>p:not(.cs9-eyebrow){color:white}
.cs9 .cs9-page-hero--about .cs9-eyebrow{color:#E7BB98}
.cs9 .cs9-page-hero--about .cs9-btn--solid{background:#C58D63;border-color:#C58D63;color:#122F49!important}
.cs9 .cs9-page-hero--about .cs9-btn--outline{border-color:#BBD0E0;color:#fff!important}
.cs9 .cs9-page-hero--about .cs9-btn--outline:hover{background:white;color:#142D4A!important}
.cs9 .cs9-hero-visual--about{overflow:hidden;background:radial-gradient(circle at 55% 50%,#E7EEF0 0%,#C6DCE4 56%,#93BACB 100%);box-shadow:19px 19px 0 #C58D63;color:#122F49}
.cs9 .cs9-hero-visual--about:before{content:"";position:absolute;width:540px;height:540px;border:1px solid rgba(16,50,72,.2);border-radius:50%;right:-250px;top:-315px}
.cs9 .cs9-flight-path{position:absolute;width:135%;height:170px;border-top:2px solid rgba(20,65,91,.3);border-radius:65% 75% 0 0;transform:rotate(-16deg);left:-30%;top:36%}
.cs9 .cs9-flight-path:after{content:"↗";position:absolute;right:5%;top:-52px;font-size:65px;color:#245475}
.cs9 .cs9-about-message{position:absolute;bottom:36px;left:clamp(25px,3vw,50px);right:25px;display:flex;flex-direction:column;gap:15px}
.cs9 .cs9-about-message small{font-size:11px;font-weight:800;letter-spacing:.2em}
.cs9 .cs9-about-message strong{font-size:clamp(39px,4vw,63px);line-height:1.09;letter-spacing:-.055em}
.cs9 .cs9-about-message strong i{font-style:normal;color:#8A5738}
.cs9 .cs9-about-message em{font-size:15px;font-style:normal;line-height:1.5}
/* Culture: navy and copper editorial manifesto, actual site culture descriptions below */
.cs9 .cs9-page-hero--culture{background:#F4ECE5;border-bottom:0}
.cs9 .cs9-page-hero--culture .cs9-page-hero__grid{grid-template-columns:1fr .8fr}
.cs9 .cs9-page-hero--culture .cs9-page-hero__copy:before{content:"";width:63px;height:4px;background:#C58D63;display:block;margin-bottom:32px}
.cs9 .cs9-page-hero--culture .cs9-page-hero__copy h1{max-width:800px;font-size:clamp(49px,5.9vw,86px)}
.cs9 .cs9-hero-visual--culture{background:linear-gradient(135deg,#1A425E,#0C2942);overflow:hidden;border-left:7px solid #C58D63}
.cs9 .cs9-hero-visual--culture:before{content:"";position:absolute;right:-95px;top:-120px;border:1px solid #5F8198;border-radius:50%;width:340px;height:340px}
.cs9 .cs9-culture-orbit{position:absolute;left:28px;bottom:25px;border:1px solid rgba(255,255,255,.18);border-radius:50%;width:205px;height:205px}
.cs9 .cs9-culture-statement{position:absolute;inset:clamp(28px,4vw,56px);display:flex;flex-direction:column;justify-content:flex-end}
.cs9 .cs9-culture-statement small{color:#F2C29A;font-size:11px;letter-spacing:.18em;font-weight:800;margin-bottom:30px}
.cs9 .cs9-culture-statement b{color:white;font-size:clamp(37px,4vw,66px);font-weight:700;line-height:1.18;letter-spacing:-.05em}
.cs9 .cs9-culture-statement b:nth-child(3){color:#E5B38D}
/* Services overview: direct entry points instead of empty geometric panel */
.cs9 .cs9-page-hero--service-index{background:linear-gradient(115deg,#EFF5F7,#F9F7F3)}
.cs9 .cs9-hero-visual--services{background:#142D4A;padding:clamp(25px,4vw,48px);box-shadow:-12px 12px 0 #D8E7ED}
.cs9 .cs9-visual-overline{font-size:11px;color:#E2B28D;letter-spacing:.2em;font-weight:800}
.cs9 .cs9-visual-links{margin-top:33px;display:flex;flex-direction:column}
.cs9 .cs9-visual-links a{min-height:80px;padding:14px 0;color:white!important;text-decoration:none!important;border-bottom:1px solid #49687B;display:flex;align-items:center;gap:25px;font-size:13px;font-weight:800}
.cs9 .cs9-visual-links a strong{font-size:clamp(22px,2.5vw,33px);letter-spacing:-.035em;flex:1}
.cs9 .cs9-visual-links a span{font-size:24px;color:#E2B28D}
.cs9 .cs9-visual-links a:hover strong{text-decoration:underline}
/* Service families: different metaphors/geometry for individual, couples, family and telehealth */
.cs9 .cs9-hero-visual--care{background:linear-gradient(145deg,#D8EAF0,#90B7CB);overflow:hidden;color:#153A55}
.cs9 .cs9-care-shapes{position:absolute;inset:0}
.cs9 .cs9-care-shapes span{position:absolute;border:3px solid #F9F5F0;background:#204969;border-radius:50%;box-shadow:0 12px 45px rgba(15,40,58,.13)}
.cs9 .cs9-care-label{position:absolute;left:29px;right:15px;bottom:27px;font-size:clamp(14px,1.7vw,20px);font-weight:850;letter-spacing:.11em;z-index:2}
.cs9 .cs9-care--individual .cs9-care-shapes span:first-child{width:320px;height:320px;left:50%;top:-80px;transform:translateX(-50%);background:#1C4F71}
.cs9 .cs9-care--individual .cs9-care-shapes span:nth-child(2){width:235px;height:235px;left:50%;top:0;transform:translateX(-50%);border-width:2px;background:#C2DCE7}
.cs9 .cs9-care--individual .cs9-care-shapes span:nth-child(3){width:155px;height:155px;left:50%;top:40px;transform:translateX(-50%);border:0;background:#C58D63}
.cs9 .cs9-care--couples{background:linear-gradient(125deg,#DCE3EA,#F2E1D3)}
.cs9 .cs9-care--couples .cs9-care-shapes span:first-child{width:280px;height:280px;top:20px;left:4%;background:#1A4563}
.cs9 .cs9-care--couples .cs9-care-shapes span:nth-child(2){width:280px;height:280px;right:5%;top:60px;background:#C58D63;mix-blend-mode:multiply;opacity:.93}
.cs9 .cs9-care--couples .cs9-care-shapes span:nth-child(3){width:80px;height:80px;left:42%;top:130px;border:0;background:#F8F7F4;opacity:.92}
.cs9 .cs9-care--family{background:#E5EDF0}
.cs9 .cs9-care--family .cs9-care-shapes span:first-child{height:280px;width:280px;top:10px;left:9%;background:#1A4563}
.cs9 .cs9-care--family .cs9-care-shapes span:nth-child(2){height:230px;width:230px;top:70px;right:8%;background:#93B7C9}
.cs9 .cs9-care--family .cs9-care-shapes span:nth-child(3){height:140px;width:140px;top:175px;left:35%;background:#C58D63}
.cs9 .cs9-care--telehealth{background:linear-gradient(130deg,#142D4A,#2D6686);color:#fff}
.cs9 .cs9-care--telehealth .cs9-care-shapes span:first-child{border-radius:18px;width:73%;height:58%;top:13%;left:14%;background:#A8C8D8;border:12px solid #EAF2F6;box-shadow:0 18px 33px rgba(0,0,0,.27)}
.cs9 .cs9-care--telehealth .cs9-care-shapes span:nth-child(2){border-radius:50%;height:110px;width:110px;background:#C58D63;top:27%;left:43%;border:5px solid white}
.cs9 .cs9-care--telehealth .cs9-care-shapes span:nth-child(3){border-radius:2px;height:13px;width:35%;top:76%;left:32%;background:#DDE9EF;border:0}
/* Focus: strong typographic motif, with palette varied by clinical area */
.cs9 .cs9-page-hero--focus{background:#F4F7F8}
.cs9 .cs9-hero-visual--focus{background:linear-gradient(140deg,#193C57,#357F91);display:flex;align-items:center;justify-content:center}
.cs9 .cs9-focus--slate{background:linear-gradient(135deg,#24344F,#5A7086)}
.cs9 .cs9-focus--sky{background:linear-gradient(135deg,#153754,#528EAF)}
.cs9 .cs9-focus--navy{background:linear-gradient(135deg,#0A2239,#2A5878)}
.cs9 .cs9-focus--copper{background:linear-gradient(135deg,#633D37,#AD7954)}
.cs9 .cs9-focus-word{display:block;max-width:85%;font-size:clamp(38px,4.2vw,65px);font-weight:800;letter-spacing:-.065em;line-height:1.02;text-align:center;overflow-wrap:anywhere;position:relative;z-index:3;color:white}
.cs9 .cs9-focus-circle{position:absolute;height:330px;width:330px;border:1px solid rgba(255,255,255,.24);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 35px rgba(255,255,255,.05),0 0 0 85px rgba(255,255,255,.035)}
.cs9 .cs9-focus-index,.cs9 .cs9-focus-caption{position:absolute;left:25px;right:22px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#D3E3ED}
.cs9 .cs9-focus-index{top:24px}
.cs9 .cs9-focus-caption{bottom:24px;text-align:right}
.cs9 .cs9-focus-caption i{font-style:normal;color:#F1B98C}
/* Courses/workshops: visually distinct numbered programme concept */
.cs9 .cs9-page-hero--course{background:#F8F3EB}
.cs9 .cs9-hero-visual--course{background:linear-gradient(145deg,#17334C,#264F65);border-right:12px solid #C58D63}
.cs9 .cs9-course-meta{position:absolute;left:30px;top:28px;font-size:11px;font-weight:800;letter-spacing:.18em;color:#F3C3A0}
.cs9 .cs9-course-numeral{position:absolute;font-size:clamp(180px,22vw,300px);line-height:1;font-weight:900;letter-spacing:-.12em;top:45px;right:30px;color:rgba(255,255,255,.17)}
.cs9 .cs9-course-caption{position:absolute;left:30px;bottom:30px;max-width:280px;font-size:clamp(24px,2.7vw,37px);font-weight:750;letter-spacing:-.04em;line-height:1.2}
/* Contact: actionable communication details rather than decorative rectangle */
.cs9 .cs9-page-hero--contact{background:linear-gradient(125deg,#E8F0F4,#F8F7F4)}
.cs9 .cs9-hero-visual--contact{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;background:#173A54;padding:clamp(28px,4vw,58px);border-top:5px solid #C58D63}
.cs9 .cs9-hero-visual--contact>span:first-child{color:#EAC4A6;font-size:11px;font-weight:800;letter-spacing:.2em;margin-bottom:31px}
.cs9 .cs9-hero-visual--contact a{font-size:clamp(27px,3.4vw,51px);line-height:1.2;letter-spacing:-.055em;color:#fff!important;text-decoration:none!important;font-weight:750}
.cs9 .cs9-hero-visual--contact a:hover{text-decoration:underline!important}
.cs9 .cs9-hero-visual--contact a b{color:#EAC4A6;font-weight:500;font-size:.7em}
.cs9 .cs9-hero-visual--contact p{color:#C8DFE9;font-size:16px;margin:24px 0 0}
.cs9 .cs9-contact-hero-rule{background:#C58D63;width:80px;height:3px;margin-top:30px}
/* Default editorial variant still designed, but no longer used for main categories */
.cs9 .cs9-hero-visual--editorial{background:linear-gradient(130deg,#152E49,#397897)}
.cs9 .cs9-hero-type{position:absolute;top:24px;left:25px;letter-spacing:.2em;font-size:11px;font-weight:800}
.cs9 .cs9-hero-emblem{font-size:clamp(170px,23vw,310px);position:absolute;right:10%;top:-20%;color:rgba(255,255,255,.23)}
.cs9 .cs9-hero-bottom{position:absolute;left:25px;bottom:25px;font-size:11px;letter-spacing:.15em}
/* Original Culture and About descriptions stay open by default. */
.cs9 .cs9-culture-source{background:#fff}
.cs9 .cs9-culture-source>.cs9-container>.cs9-eyebrow{color:#A76A3F;margin-bottom:35px}
.cs9 .cs9-culture-source__body{max-width:100%;overflow-wrap:anywhere}
.cs9 .cs9-culture-source__body h2,.cs9 .cs9-culture-source__body h3,.cs9 .cs9-culture-source__body .uagb-heading-text{color:#142D4A;line-height:1.25}
.cs9 .cs9-culture-source__body p{color:#3C5363;line-height:1.85}
.cs9 .cs9-culture-source__body .wp-block-uagb-container,.cs9 .cs9-culture-source__body .uagb-container-inner-blocks-wrap{max-width:100%;min-width:0}
.cs9 .cs9-culture-source__body img{max-width:100%;height:auto}
.cs9 .cs9-culture-source__body .wp-block-columns{gap:clamp(25px,5vw,75px)}
.cs9 .cs9-culture-source__body .wp-block-group,.cs9 .cs9-culture-source__body .wp-block-column{min-width:0}
/* Responsive refinements */
@media(max-width:1024px){
 .cs9 .cs9-hero-visual{min-height:270px;height:350px}
 .cs9 .cs9-page-hero__grid{gap:34px}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:355px}
 .cs9 .cs9-team-portrait span{font-size:11px}
 .cs9 .cs9-hero-visual--culture .cs9-culture-statement b{font-size:43px}
}
@media(max-width:767px){
 .cs9 .cs9-page-hero{background:#F8F7F4}
 .cs9 .cs9-page-hero__grid,.cs9 .cs9-page-hero--culture .cs9-page-hero__grid{grid-template-columns:1fr;gap:27px;padding-top:64px;padding-bottom:62px}
 .cs9 .cs9-page-hero .cs9-hero-visual{width:100%;height:250px;min-height:0}
 .cs9 .cs9-page-hero--therapists{background:linear-gradient(180deg,#F8F7F4 0 61%,#142D4A 61% 100%)}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:305px}
 .cs9 .cs9-page-hero--about{background:#173A54}
 .cs9 .cs9-page-hero--about .cs9-hero-visual{height:285px}
 .cs9 .cs9-page-hero--culture{background:#F4ECE5}
 .cs9 .cs9-hero-visual--culture .cs9-culture-statement b{font-size:43px}
 .cs9 .cs9-page-hero--culture .cs9-hero-visual{height:300px}
 .cs9 .cs9-page-hero--focus{background:#F4F7F8}
 .cs9 .cs9-page-hero--contact{background:#E8F0F4}
 .cs9 .cs9-page-hero--course{background:#F8F3EB}
 .cs9 .cs9-page-hero__copy>p:not(.cs9-eyebrow){font-size:16px}
 .cs9 .cs9-visual-links{margin-top:20px}
 .cs9 .cs9-visual-links a{min-height:62px}
 .cs9 .cs9-hero-visual--services{padding:25px}
 .cs9 .cs9-care--couples .cs9-care-shapes span:first-child{width:175px;height:175px;left:6%}
 .cs9 .cs9-care--couples .cs9-care-shapes span:nth-child(2){width:175px;height:175px;right:5%}
 .cs9 .cs9-care--couples .cs9-care-shapes span:nth-child(3){width:50px;height:50px;top:125px}
 .cs9 .cs9-care--family .cs9-care-shapes span:first-child{height:180px;width:180px}
 .cs9 .cs9-care--family .cs9-care-shapes span:nth-child(2){height:155px;width:155px;top:58px}
 .cs9 .cs9-care--family .cs9-care-shapes span:nth-child(3){height:100px;width:100px;top:125px}
 .cs9 .cs9-care--individual .cs9-care-shapes span:first-child{width:230px;height:230px;top:-75px}
 .cs9 .cs9-care--individual .cs9-care-shapes span:nth-child(2){width:180px;height:180px;top:-10px}
 .cs9 .cs9-care--individual .cs9-care-shapes span:nth-child(3){width:125px;height:125px;top:17px}
 .cs9 .cs9-focus-word{font-size:clamp(32px,9vw,53px)}
 .cs9 .cs9-course-numeral{font-size:200px;top:25px}
 .cs9 .cs9-hero-visual--contact a{font-size:clamp(29px,7vw,38px)}
 .cs9 .cs9-about-message strong{font-size:48px}
 .cs9 .cs9-culture-source__body .wp-block-columns{flex-wrap:wrap}
}
@media(max-width:430px){
 .cs9 .cs9-page-hero__grid{padding-top:50px;padding-bottom:50px}
 .cs9 .cs9-page-hero .cs9-hero-visual{height:225px}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:255px}
 .cs9 .cs9-team-portraits{gap:6px}
 .cs9 .cs9-team-portrait{border-width:2px}
 .cs9 .cs9-team-portrait span{font-size:9px;left:6px;bottom:6px}
 .cs9 .cs9-page-hero--culture .cs9-hero-visual{height:260px}
 .cs9 .cs9-culture-statement{inset:27px}
 .cs9 .cs9-culture-statement b{font-size:38px!important}
 .cs9 .cs9-hero-visual--about{height:270px}
 .cs9 .cs9-about-message strong{font-size:41px}
 .cs9 .cs9-page-hero .cs9-actions{margin-top:18px}
}

/* Ensure introductory copy remains readable on navy About hero, overriding legacy specificity. */
.cs9 .cs9-page-hero--about .cs9-page-hero__grid > .cs9-page-hero__copy > p:not(.cs9-eyebrow){color:#E3EDF4!important}