/* ===============================================================
  CLEAR SKIES COUNSELING — V9.2
  Purposeful page-specific heroes, directory, readable Culture.
  Companion layer: V9.1 and clinician directory CSS remain intact.
=============================================================== */
.cs9{--cs92-navy:#142D4A;--cs92-copper:#C58D63;--cs92-mist:#E8F1F3;--cs92-cream:#F8F7F4}
.cs9 .cs9-page-hero{overflow:hidden;isolation:isolate}
.cs9 .cs9-page-hero__grid{padding-top:clamp(70px,8vw,120px);padding-bottom:clamp(68px,7vw,108px)}
.cs9 .cs9-page-hero .cs9-hero-visual{box-shadow:none;max-width:100%;border:0}
.cs9 .cs9-hero-visual:before,.cs9 .cs9-hero-visual:after{pointer-events:none}
.cs9 .cs9-page-hero__copy h1{font-size:clamp(45px,5.3vw,79px);letter-spacing:-.06em;line-height:1.07}
/* OUR THERAPISTS: typographic editorial illustration; NO selected clinician portrait. */
.cs9 .cs9-page-hero--therapists{background:radial-gradient(ellipse at 94% -6%,#DFEBEE 0,transparent 52%),#F8F7F4!important}
.cs9 .cs9-page-hero--therapists .cs9-page-hero__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-bottom:95px}
.cs9 .cs9-page-hero--therapists .cs9-hero-visual{background:transparent!important;min-height:370px;height:410px;overflow:visible!important}
.cs9 .cs92-team-mark{position:relative;height:100%;width:100%;display:flex;justify-content:center;flex-direction:column;padding:25px 0 30px 24px;color:#142D4A}
.cs9 .cs92-team-mark:before{content:"";width:440px;height:440px;max-width:100%;position:absolute;border-radius:58% 42% 52% 48%;right:-28%;top:-14%;background:#DDE9EA;transform:rotate(-18deg)}
.cs9 .cs92-team-mark:after{content:"";width:285px;height:285px;position:absolute;border-radius:50%;right:-10%;top:0;border:1px solid #A9BFC8;transform:rotate(9deg)}
.cs9 .cs92-team-title{position:relative;z-index:3;font-size:clamp(35px,3.4vw,57px);line-height:1.12;letter-spacing:-.06em;font-weight:760;color:#142D4A}
.cs9 .cs92-team-title em{color:#9E6948;font-style:normal}
.cs9 .cs92-team-caption{position:relative;z-index:3;max-width:185px;font-weight:850;font-size:10px;line-height:1.7;letter-spacing:.15em;color:#42677B;margin-bottom:22px}
.cs9 .cs92-team-number{position:absolute;right:-3%;bottom:-4%;z-index:1;font-size:clamp(150px,20vw,300px);font-weight:850;line-height:1;letter-spacing:-.1em;color:rgba(20,45,74,.075)}
.cs9 .cs92-team-key{position:absolute;left:24px;bottom:4px;z-index:3;color:#42677B;letter-spacing:.16em;font-size:10px;font-weight:800}
.cs9 .cs92-team-curve{position:absolute;z-index:2;border-top:4px solid #C58D63;width:110px;top:15%;left:-3%;transform:rotate(-11deg);border-radius:50%}
.cs9 .cs9-page-hero--therapists .cs9-actions{margin-top:30px}
/* Directory: high legibility, proper three+three clinician card grid at normal widths. */
.cs9 .cs9-directory-shell{padding:10px 0 92px}
.cs9 .cs9-directory-shell .csdir__main{margin-top:0;padding-top:0}
.cs9 .cs9-directory-shell .csdir__filters{background:#fff;border-top:4px solid var(--cs92-copper);box-shadow:0 15px 35px rgba(20,45,74,.065);border-radius:8px}
.cs9 .cs9-directory-shell .csdir__cards{gap:23px}
.cs9 .cs9-directory-shell .csdir__card{border-radius:7px;box-shadow:0 10px 30px rgba(19,43,64,.07);border-top:3px solid var(--cs92-copper)}
.cs9 .cs9-directory-shell .csdir__card h3{font-size:clamp(21px,1.8vw,26px)!important}
.cs9 .cs9-directory-shell .csdir__portrait img{object-fit:cover;object-position:center 23%}
.cs9 .cs9-directory-shell .csdir__description{font-size:14px!important;line-height:1.6!important}
.cs9 .cs9-directory-shell .csdir__cards .csdir__portrait-placeholder{letter-spacing:.05em}
/* ABOUT: an arch-shaped horizon rather than a navy square. */
.cs9 .cs9-page-hero--about{background:linear-gradient(125deg,#142D4A,#255577)!important;border:0}
.cs9 .cs9-page-hero--about .cs9-hero-visual{background:transparent!important;overflow:visible!important;min-height:390px;position:relative}
.cs9 .cs92-about-arch{position:absolute;inset:0 0 0 14%;border-radius:52% 52% 3px 3px / 55% 55% 3px 3px;background:linear-gradient(165deg,rgba(4,27,42,.16),rgba(16,53,77,.65)),url('/wp-content/uploads/2025/06/Mountains-11-scaled.webp') center / cover no-repeat,linear-gradient(125deg,#8FB6C5,#E2E9E8);border-bottom:8px solid #C58D63;overflow:hidden}
.cs9 .cs9-hero-visual--about:before{display:none}
.cs9 .cs9-hero-visual--about .cs9-flight-path{z-index:2;left:1%;top:17%;border-color:rgba(255,255,255,.38)}
.cs9 .cs9-hero-visual--about .cs9-flight-path:after{color:#fff}
.cs9 .cs9-about-message{z-index:3;bottom:24px;left:21%;color:white;text-shadow:0 2px 12px rgba(0,0,0,.45)}
.cs9 .cs9-about-message strong{font-size:clamp(34px,3.4vw,50px)}
.cs9 .cs9-about-message strong i{color:#F1C09B}
.cs9 .cs9-page-hero--about .cs9-hero-visual--photo{border-radius:52% 52% 0 0/42% 42% 0 0}
/* CULTURE: type-led, full-width cream visual—no dark blue box. */
.cs9 .cs9-page-hero--culture{background:linear-gradient(115deg,#F8F7F4,#F1E9DF)!important}
.cs9 .cs9-page-hero--culture .cs9-page-hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);padding-top:98px;padding-bottom:85px}
.cs9 .cs9-page-hero--culture .cs9-hero-visual{background:transparent!important;overflow:visible!important;height:440px;min-height:0}
.cs9 .cs9-page-hero--culture .cs9-culture-orbit{position:absolute;border:1px solid #C7AB96;border-radius:50%;width:470px;height:470px;bottom:auto;left:auto;right:-45%;top:-22%;z-index:0}
.cs9 .cs9-page-hero--culture .cs9-hero-visual:before{width:350px;height:350px;right:-18%;top:5%;border:1px solid #D9C2B0;border-radius:50%}
.cs9 .cs9-culture-statement{inset:15% 0 0 6%;justify-content:center;z-index:3}
.cs9 .cs9-culture-statement small{color:#A96F49;font-size:11px;margin:0 0 23px}
.cs9 .cs9-culture-statement b{color:#142D4A;font-size:clamp(45px,5vw,78px);line-height:1.06;font-weight:700}
.cs9 .cs9-culture-statement b:nth-child(3){color:#9E6644}
.cs9 .cs9-page-hero--culture .cs9-page-hero__copy h1{font-size:clamp(48px,5.2vw,77px);max-width:670px}
.cs9 .cs9-page-hero--culture .cs9-page-hero__copy:before{width:90px}
/* SERVICES: an inviting editorial decision surface instead of navy rectangle. */
.cs9 .cs9-page-hero--service-index{background:linear-gradient(118deg,#EFF5F7,#F9F7F3)!important}
.cs9 .cs9-hero-visual--services{background:transparent!important;box-shadow:none!important;padding:15px 0;min-height:340px}
.cs9 .cs9-visual-overline{color:#81563C;font-size:12px}
.cs9 .cs9-visual-links a{color:#142D4A!important;border-bottom:1px solid #B9CCD3;padding:16px 0;min-height:75px}
.cs9 .cs9-visual-links a strong{font-size:clamp(26px,2.6vw,37px)}
.cs9 .cs9-visual-links a span{color:#A66B44}
.cs9 .cs9-visual-links a:hover{color:#245A7C!important}
/* Individual, couples and family: floating circular studies, not rectangle art. */
.cs9 .cs9-page-hero--individual{background:linear-gradient(115deg,#F6F8F8,#E5EEF2)}
.cs9 .cs9-page-hero--couples{background:linear-gradient(115deg,#FAF4ED,#EEF3F4)}
.cs9 .cs9-page-hero--family{background:linear-gradient(115deg,#EAF3F4,#F9F6F0)}
.cs9 .cs9-hero-visual--care{background:transparent!important;overflow:visible!important}
.cs9 .cs9-hero-visual--care .cs9-care-shapes span{border-width:0;box-shadow:0 14px 45px rgba(20,45,74,.12)}
.cs9 .cs9-care--individual .cs9-care-shapes span:first-child{border-radius:54% 46% 54% 46%}
.cs9 .cs9-care--individual .cs9-care-shapes span:nth-child(2){background:#ECF4F4;border:3px solid #fff}
.cs9 .cs9-care--couples .cs9-care-shapes span:first-child{background:#1D506C}
.cs9 .cs9-care--couples .cs9-care-shapes span:nth-child(2){background:#C58D63;mix-blend-mode:normal;opacity:.92}
.cs9 .cs9-care--family .cs9-care-shapes span:first-child{background:#1C4C69}
.cs9 .cs9-care--family .cs9-care-shapes span:nth-child(2){background:#83ABBF}
.cs9 .cs9-care--telehealth .cs9-care-shapes span:first-child{border:10px solid white}
.cs9 .cs9-care-label{color:#234C65;font-size:15px;letter-spacing:.13em;bottom:0}
.cs9 .cs9-care--telehealth .cs9-care-label{color:#142D4A}
/* Focus: big words over open color fields, rounded circle is full figure (not panel). */
.cs9 .cs9-page-hero--focus{background:linear-gradient(105deg,#E7F1F3,#F7F7F2)!important}
.cs9 .cs9-hero-visual--focus{background:transparent!important;overflow:visible!important}
.cs9 .cs9-focus-word{color:#142D4A;font-size:clamp(49px,5.4vw,87px);letter-spacing:-.08em;text-shadow:none}
.cs9 .cs9-focus-index{color:#4E7081;left:0;top:18px}
.cs9 .cs9-focus-caption{color:#567A8C;left:0;bottom:14px}
.cs9 .cs9-focus-circle{background:#C7DCE4;box-shadow:0 0 0 35px rgba(183,211,222,.35),0 0 0 78px rgba(183,211,222,.19);border:0;width:min(350px,77%);height:auto;aspect-ratio:1}
.cs9 .cs9-focus--copper .cs9-focus-circle{background:#F1D3BC;box-shadow:0 0 0 35px rgba(214,171,131,.25)}
.cs9 .cs9-focus--navy .cs9-focus-circle{background:#A7C4D6}
/* Courses and contact: strong oversized editorial elements. */
.cs9 .cs9-page-hero--course{background:#F8F3EB!important}
.cs9 .cs9-hero-visual--course{background:transparent!important;color:#142D4A;overflow:visible!important}
.cs9 .cs9-course-numeral{font-size:clamp(200px,23vw,330px);color:rgba(20,45,74,.12);right:25%;top:8%}
.cs9 .cs9-course-meta{color:#8D6049;top:40px}
.cs9 .cs9-course-caption{font-size:clamp(29px,3vw,42px);max-width:400px;bottom:32px;color:#142D4A}
.cs9 .cs9-page-hero--contact{background:linear-gradient(115deg,#EBF3F5,#F8F7F4)!important}
.cs9 .cs9-hero-visual--contact{background:transparent!important;border:0!important;padding:30px 0;color:#142D4A}
.cs9 .cs9-hero-visual--contact>span:first-child{color:#8C5D41}
.cs9 .cs9-hero-visual--contact a{color:#142D4A!important;font-size:clamp(31px,3.8vw,52px)}
.cs9 .cs9-hero-visual--contact p{color:#335C76}
.cs9 .cs9-contact-hero-rule{width:120px}
/* Source-driven Culture: faithful original copy, thoughtfully recomposed. */
.cs9 .cs92-culture-origin{padding:clamp(75px,8vw,122px) 0;background:#fff}
.cs9 .cs92-culture-story{display:grid;grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);gap:clamp(48px,8vw,136px);align-items:start}
.cs9 .cs92-index{display:block;color:#A56945;font-size:11px;letter-spacing:.2em;font-weight:850;margin-bottom:25px}
.cs9 .cs92-culture-origin h2,.cs9 .cs92-culture-approach h2,.cs9 .cs92-culture-principles h2,.cs9 .cs92-culture-values h2{font-size:clamp(39px,4.5vw,66px);letter-spacing:-.055em;line-height:1.12;margin:0 0 24px;color:#142D4A}
.cs9 .cs92-culture-origin h2 em,.cs9 .cs92-culture-approach h2 em{font-style:normal;color:#B17750}
.cs9 .cs92-airline{display:block;width:130px;height:3px;background:#C58D63;margin-top:41px;position:relative}
.cs9 .cs92-airline:before{content:"";position:absolute;left:129px;top:-2px;height:2px;width:75px;background:#BCD1DB;transform:rotate(-18deg);transform-origin:left}
.cs9 .cs92-culture-prose p,.cs9 .cs92-approach-grid p,.cs9 .cs92-principles-title p{font-size:clamp(16px,1.3vw,18px);line-height:1.9;color:#41596A;margin:0 0 21px}
.cs9 .cs92-culture-prose p:first-child{font-size:clamp(18px,1.65vw,22px);line-height:1.8;color:#193A52}
.cs9 .cs92-culture-approach{background:#153149;color:#fff;padding:clamp(85px,8vw,124px) 0;position:relative;overflow:hidden}
.cs9 .cs92-culture-approach:after{content:"";position:absolute;right:-145px;top:-260px;width:680px;height:680px;border:1px solid rgba(255,255,255,.12);border-radius:50%;pointer-events:none}
.cs9 .cs92-approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,8vw,145px);align-items:start}
.cs9 .cs92-culture-approach h2{color:white}
.cs9 .cs92-culture-approach h2 em{color:#F0C19E}
.cs9 .cs92-culture-approach .cs92-index{color:#F0C19E}
.cs9 .cs92-culture-approach p{color:#E0EDF1}
.cs9 .cs92-culture-principles{background:#F8F7F4;padding:clamp(80px,8vw,130px) 0}
.cs9 .cs92-principles-title{max-width:840px;margin-bottom:55px}
.cs9 .cs92-principles-title h2{max-width:750px}
.cs9 .cs92-principle-columns{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,6vw,100px)}
.cs9 .cs92-principle-columns article{border-top:3px solid #C58D63;padding-top:27px}
.cs9 .cs92-principle-columns article span{font-size:11px;color:#876147;font-weight:850;letter-spacing:.18em}
.cs9 .cs92-principle-columns h3{font-size:clamp(25px,2.6vw,36px);letter-spacing:-.04em;margin:18px 0 24px}
.cs9 .cs92-principle-columns p{font-size:16px;color:#405B6C;line-height:1.85}
.cs9 .cs92-culture-values{background:#fff;padding:clamp(85px,8vw,135px) 0}
.cs9 .cs92-values-head{display:grid;grid-template-columns:1fr .7fr;gap:40px;align-items:end;margin-bottom:58px}
.cs9 .cs92-values-head .cs92-index{grid-column:1/-1;margin-bottom:-12px}
.cs9 .cs92-values-head h2{margin:0}
.cs9 .cs92-values-head>p{font-size:16px;line-height:1.75;color:#526D7D;max-width:450px;margin:0 0 8px}
.cs9 .cs92-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:42px 45px}
.cs9 .cs92-value{border-top:2px solid #D9E5E9;padding:24px 0 0}
.cs9 .cs92-value span{font-size:11px;font-weight:850;letter-spacing:.18em;color:#A56B48}
.cs9 .cs92-value h3{color:#142D4A;font-size:clamp(24px,2.5vw,31px);margin:17px 0 12px}
.cs9 .cs92-value p{color:#455E6F;font-size:16px;line-height:1.75;margin:0 0 12px}
.cs9 .cs92-culture-fallback{background:white}
.cs9 .cs92-source-fallback{font-size:17px;line-height:1.8;color:#345369}
.cs9 .cs92-source-fallback img{max-width:100%;height:auto}
@media(max-width:1024px){
 .cs9 .cs9-page-hero__grid{gap:40px}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:350px}
 .cs9 .cs92-team-title{font-size:clamp(32px,4vw,49px)}
 .cs9 .cs92-values-grid{gap:26px}
 .cs9 .cs92-culture-story{gap:48px}
}
@media(max-width:767px){
 .cs9 .cs9-page-hero__grid,.cs9 .cs9-page-hero--therapists .cs9-page-hero__grid,.cs9 .cs9-page-hero--culture .cs9-page-hero__grid{grid-template-columns:1fr;gap:25px;padding-top:65px;padding-bottom:68px}
 .cs9 .cs9-page-hero .cs9-hero-visual{min-height:0;height:250px}
 .cs9 .cs9-page-hero--therapists{background:#F8F7F4!important}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:210px;max-width:580px}
 .cs9 .cs92-team-mark{padding-left:10px}
 .cs9 .cs92-team-mark:before{height:290px;width:290px;right:0;top:-12%}
 .cs9 .cs92-team-mark:after{width:200px;height:200px;right:2%;top:0}
 .cs9 .cs92-team-title{font-size:clamp(29px,7.1vw,40px)}
 .cs9 .cs92-team-caption{font-size:9px;line-height:1.5;margin-bottom:12px;max-width:160px}
 .cs9 .cs92-team-number{font-size:145px;right:8%;bottom:-28%}
 .cs9 .cs92-team-key{bottom:-2px;left:10px}
 .cs9 .cs9-page-hero--culture .cs9-hero-visual{height:225px}
 .cs9 .cs9-culture-statement{inset:0 0 0 20px;justify-content:center}
 .cs9 .cs9-culture-statement b{font-size:clamp(35px,9vw,51px)}
 .cs9 .cs9-culture-statement small{margin-bottom:14px}
 .cs9 .cs9-culture-orbit{right:-4%;top:-25%;width:300px;height:300px}
 .cs9 .cs9-page-hero--culture .cs9-page-hero__copy h1{font-size:clamp(46px,10vw,65px)}
 .cs9 .cs9-page-hero--about .cs9-hero-visual{height:320px}
 .cs9 .cs92-about-arch{inset:0 12% 0 12%}
 .cs9 .cs9-about-message{left:20%;right:15%}
 .cs9 .cs9-hero-visual--services{height:auto!important;min-height:275px}
 .cs9 .cs9-visual-links{margin-top:18px}
 .cs9 .cs9-care--individual .cs9-care-shapes span:first-child{left:50%}
 .cs9 .cs9-focus-word{font-size:clamp(39px,10vw,58px)}
 .cs9 .cs92-culture-story,.cs9 .cs92-approach-grid,.cs9 .cs92-principle-columns,.cs9 .cs92-values-head{grid-template-columns:1fr;gap:25px}
 .cs9 .cs92-culture-origin,.cs9 .cs92-culture-approach,.cs9 .cs92-culture-principles,.cs9 .cs92-culture-values{padding:72px 0}
 .cs9 .cs92-culture-origin h2,.cs9 .cs92-culture-approach h2,.cs9 .cs92-culture-principles h2,.cs9 .cs92-culture-values h2{font-size:clamp(36px,8vw,49px)}
 .cs9 .cs92-culture-prose p:first-child{font-size:18px}
 .cs9 .cs92-principles-title{margin-bottom:15px}
 .cs9 .cs92-values-head .cs92-index{grid-column:auto;margin-bottom:0}
 .cs9 .cs92-values-grid{grid-template-columns:1fr 1fr;gap:32px 24px}
 .cs9 .cs9-directory-shell .csdir__inner{width:calc(100% - 32px)!important}
}
@media(max-width:520px){
 .cs9 .cs92-values-grid{grid-template-columns:1fr;gap:21px}
 .cs9 .cs9-page-hero .cs9-hero-visual{height:220px}
 .cs9 .cs9-page-hero--therapists .cs9-hero-visual{height:205px}
 .cs9 .cs92-team-title{font-size:31px}
 .cs9 .cs9-page-hero--culture .cs9-hero-visual{height:215px}
 .cs9 .cs9-page-hero--about .cs9-hero-visual{height:265px}
 .cs9 .cs92-about-arch{inset:0 8% 0 8%}
 .cs9 .cs9-about-message strong{font-size:36px}
 .cs9 .cs9-about-message em{font-size:13px}
 .cs9 .cs9-hero-visual--course{min-height:210px}
 .cs9 .cs9-directory-shell .csdir__cards{gap:20px}
}
@media(prefers-reduced-motion:reduce){.cs9 .cs92-team-mark *{animation:none!important}}
/* A custom Media Library hero photo should keep the editorial arch treatment. */
.cs9 .cs9-hero-visual--photo{border-radius:46% 46% 3px 3px/32% 32% 3px 3px;box-shadow:14px 12px 0 rgba(197,141,99,.28)!important}
@media(max-width:767px){.cs9 .cs9-hero-visual--photo{border-radius:42% 42% 3px 3px/27% 27% 3px 3px}}