:root{--paper:#FBFAF5;--mist:#DCE9E0;--stone:#F1E7D7;--ink:#233B37;--text:#334F4A;--muted:#526A62;--teal:#2F6A60;--teal-d:#27594F;--pine:#3F8A72;--dark:#233B37;--rule:#C3D2C7;--display:'Cormorant Garamond',Georgia,serif;--body:'Montserrat',system-ui,sans-serif;--s:clamp(3.5rem,7vw,6rem)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--text);font:400 1rem/1.65 var(--body);-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--teal);text-underline-offset:3px}
a:hover{color:var(--teal-d)}
h1,h2,h3,h4{font-family:var(--display);font-weight:500;color:var(--ink);line-height:1.08;margin:0 0 1rem}
h1{font-size:clamp(2.5rem,7vw,5rem);letter-spacing:-.01em}
h2{font-size:clamp(2.1rem,4.6vw,3.5rem)}
h3{font-size:clamp(1.5rem,2.4vw,1.9rem)}
p{margin:0 0 1.1rem}
.wrap{width:min(1200px,100% - 2.5rem);margin-inline:auto}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.skip{position:absolute;left:-999px;top:0;background:var(--teal);color:#fff;padding:.7rem 1rem;z-index:100}.skip:focus{left:0}
.label{font:600 .82rem/1.3 var(--body);letter-spacing:.2em;text-transform:uppercase;color:var(--muted);margin:0 0 1.2rem}
.label{position:relative;padding-left:3rem}
.label::before{content:"";position:absolute;left:0;top:.65em;width:2.2rem;height:1px;background:currentColor;margin:0}
.label.light{color:#fff}
/* header */
.site-header{position:sticky;top:0;z-index:50;background:rgba(246,243,236,.96);border-bottom:1px solid var(--rule);backdrop-filter:blur(6px)}
.bar{width:min(1280px,100% - 2rem);margin-inline:auto;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:4.6rem}
.brand img{width:190px;height:auto}
.menu-btn{display:grid;gap:5px;background:none;border:1px solid var(--rule);padding:.7rem .65rem;border-radius:3px;cursor:pointer}
.menu-btn i{display:block;width:22px;height:2px;background:var(--ink)}
.nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--rule);padding:1rem 1.25rem 1.5rem;flex-direction:column;gap:.2rem}
.nav.open{display:flex}
.nav a{color:var(--ink);text-decoration:none;font:500 .92rem var(--body);padding:.7rem 0;border-bottom:1px solid var(--rule)}
.nav a[aria-current=page]{color:var(--teal);font-weight:600}
.nav .nav-cta{margin-top:.8rem;border:0;text-align:center;color:#fff}
@media(min-width:1280px){.menu-btn{display:none}.nav{display:flex;position:static;flex-direction:row;align-items:center;gap:1.35rem;padding:0;border:0;background:none}.nav a{font-size:.78rem;padding:.3rem 0;border:0;position:relative}.nav a[aria-current=page]::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:1px;background:var(--pine)}.nav .nav-cta{margin:0;padding:.7rem 1.1rem}.nav .nav-cta::after{display:none}}
/* buttons */
.btn{display:inline-block;background:var(--teal);color:#fff;text-decoration:none;font:600 .86rem/1 var(--body);letter-spacing:.06em;padding:1.1rem 1.7rem;border-radius:2px;border:1px solid var(--teal);transition:background .25s,transform .25s}
.btn:hover{background:var(--teal-d);color:#fff;transform:translateY(-2px)}
.btn-small{font-size:.74rem;padding:.8rem 1.1rem;letter-spacing:.04em}
.btn-ghost{background:transparent;color:var(--teal)}.btn-ghost:hover{background:var(--teal);color:#fff}
.hero .btn{background:#fff;color:var(--ink);border-color:#fff}.hero .btn:hover{background:var(--mist);color:var(--ink)}
.btnrow{display:flex;flex-wrap:wrap;gap:.9rem;margin:1.8rem 0 0}
/* hero */
.hero{position:relative;min-height:min(88vh,820px);display:flex;align-items:flex-end;color:#fff;overflow:hidden;background:var(--dark)}
.hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(35,59,55,.86) 0%,rgba(35,59,55,.55) 45%,rgba(35,59,55,.25) 100%)}
.hero-in{position:relative;padding-block:clamp(3rem,8vw,6rem) clamp(3rem,7vw,5.5rem)}
.hero h1{color:#fff;max-width:15ch;margin-bottom:1.3rem}
.hero.long h1{max-width:20ch;font-size:clamp(2.2rem,5.6vw,4rem)}
.hero .lead{max-width:44rem;font-size:clamp(1.02rem,1.5vw,1.2rem);color:#fff;margin:0}
.hero.short{min-height:min(62vh,560px)}
/* sections */
section{padding-block:var(--s)}
.band-mist{background:var(--mist)}.band-stone{background:var(--stone)}.band-dark{background:var(--mist);color:var(--text)}
.band-dark h2,.band-dark h3{color:var(--ink)}.band-dark .label{color:var(--muted)}
.split{display:grid;gap:2.5rem;align-items:center}
@media(min-width:900px){.split{grid-template-columns:1fr 1fr;gap:5rem}.split.u{grid-template-columns:5fr 7fr}.split.u2{grid-template-columns:7fr 5fr}.split.rev>:first-child{order:2}}
.arch{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 40%;border-radius:999px 999px 0 0}
.arch-wrap{max-width:30rem;width:100%;margin-inline:auto}
.arch-wrap.wide{max-width:34rem}
.text-link{font:600 .84rem var(--body);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--teal);border-bottom:1px solid var(--pine);padding-bottom:.25rem}
.text-link:hover{color:var(--teal-d)}
.links{display:flex;flex-wrap:wrap;gap:1.6rem;margin-top:1.5rem}
/* who we work with */
.cards{display:grid;gap:1.5rem}
@media(min-width:900px){.cards{grid-template-columns:7fr 5fr;gap:2rem;align-items:end}.cards .card:nth-child(2){margin-bottom:3.5rem}}
.card{background:#fff;border:1px solid var(--rule);display:flex;flex-direction:column;transition:transform .3s,box-shadow .3s}
.card:hover{transform:translateY(-4px);box-shadow:0 18px 40px -22px rgba(35,59,55,.5)}
.card img{width:100%;aspect-ratio:16/10;object-fit:cover}
.card-in{padding:1.8rem 1.8rem 2rem}
.card h3{margin-bottom:.6rem}
.intro-head{max-width:46rem;margin-bottom:3rem}
/* numbered rows */
.rows{list-style:none;margin:0;padding:0;counter-reset:n}
.rows li{counter-increment:n;display:grid;grid-template-columns:3.6rem 1fr;gap:1rem;padding:1.3rem 0;border-top:1px solid var(--rule)}
.rows li::before{content:counter(n,decimal-leading-zero);font:500 2.8rem/1 var(--display);color:var(--pine)}
.rows h3{font-size:1.5rem;margin:0 0 .3rem}.rows p{margin:0}
.rows.plain li{padding:1rem 0}.rows.plain h3{font-size:1.45rem;margin:0}
.two{display:grid;gap:3rem}@media(min-width:900px){.two{grid-template-columns:1fr 1fr;gap:5rem}}
/* visual break */
.vbreak{position:relative;padding:0;min-height:62vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.vbreak img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.vbreak::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(35,59,55,.78),rgba(35,59,55,.3))}
.vbreak .wrap{position:relative;z-index:2;padding-block:5rem}
.vbreak p{font:italic 500 clamp(1.8rem,4.2vw,3.2rem)/1.2 var(--display);max-width:22ch;margin:0;color:#fff}
/* quotes */
.quotes{display:grid;gap:1.5rem}@media(min-width:900px){.quotes{grid-template-columns:repeat(3,1fr)}}
.quote{margin:0;background:var(--paper);padding:2rem 1.8rem;border-top:3px solid var(--pine)}
.quote blockquote{margin:0 0 1.2rem;font:italic 500 1.35rem/1.4 var(--display);color:var(--ink)}
.quote.long blockquote{font-size:1.08rem;line-height:1.6}
.quote figcaption{font:600 .78rem var(--body);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.band-mist .quote,.band-stone .quote{background:#fff}
/* ethics list */
.ethics{display:grid;gap:0;margin:2rem 0 0;padding:0;list-style:none}
.ethics li{padding:1.1rem 0;border-top:1px solid var(--rule)}.ethics strong{font:500 1.5rem var(--display);color:var(--ink);display:block}
/* faq */
.faq details{border-top:1px solid var(--rule);padding:1.1rem 0}.faq details:last-child{border-bottom:1px solid var(--rule)}
.faq summary{cursor:pointer;font:500 1.45rem/1.25 var(--display);color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";color:var(--pine);font-size:1.7rem;line-height:1}
.faq details[open] summary::after{content:"\2212"}
.faq p{margin:.8rem 0 0;max-width:46rem}
/* ethics page */
.prose h3{margin-top:1.8rem;font-size:1.6rem}.prose p{max-width:48rem}
.acc details{border-top:1px solid var(--rule);padding:1.2rem 0}.acc details:last-child{border-bottom:1px solid var(--rule)}
.acc summary{cursor:pointer;font:500 clamp(1.7rem,3vw,2.3rem)/1.2 var(--display);color:var(--ink);list-style:none;display:flex;justify-content:space-between;gap:1rem}
.acc summary::-webkit-details-marker{display:none}
.acc summary::after{content:"+";color:var(--pine);font-size:2rem;line-height:1}
.acc details[open] summary::after{content:"\2212"}
.acc .sub{font:600 .78rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:1.2rem 0 0}
/* people */
.people{display:grid;gap:2rem}@media(min-width:800px){.people{grid-template-columns:1fr 1fr;gap:3rem}}
.person{display:grid;grid-template-columns:5.5rem 1fr;gap:1.4rem;align-items:start}
.person .mark{width:5.5rem;height:6.8rem;border-radius:999px 999px 0 0;background:var(--mist);display:grid;place-items:center;font:500 2.6rem var(--display);color:var(--teal)}
.person h3{margin:0}.person .role{font:600 .76rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:.3rem 0 .8rem}
.big-quote{font:italic 500 clamp(1.8rem,3.6vw,2.8rem)/1.25 var(--display);color:var(--ink);max-width:30ch;margin:0 0 1.5rem}
.tick{list-style:none;margin:0;padding:0}.tick li{padding:.85rem 0 .85rem 2rem;border-top:1px solid var(--rule);position:relative}.tick li::before{content:"";position:absolute;left:0;top:1.35rem;width:1.1rem;height:1px;background:var(--pine)}
.band-dark .tick li{border-color:var(--rule)}
.contact-grid{display:grid;gap:1.2rem;margin:2rem 0}@media(min-width:1100px){.contact-grid{grid-template-columns:1.3fr 1fr}}
.contact-box{background:#fff;border:1px solid var(--rule);padding:1.6rem}
.contact-box .label{margin-bottom:.6rem}.contact-box a{font:500 clamp(1.25rem,1.9vw,1.55rem) var(--display);overflow-wrap:anywhere;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--pine);word-break:break-word}
.offices{display:grid;gap:1.5rem;list-style:none;margin:0;padding:0}@media(min-width:800px){.offices{grid-template-columns:repeat(3,1fr)}}
.offices li{border-top:1px solid var(--rule);padding-top:1rem;font-size:.95rem}.offices strong{display:block;font:500 1.5rem var(--display);color:var(--ink)}
/* footer */
.site-footer{background:var(--dark);color:#D2DCD6;padding:4.5rem 0 5rem}
.site-footer a{color:#fff}.site-footer a:hover{color:var(--mist)}
.foot-grid{display:grid;gap:2.5rem}@media(min-width:900px){.foot-grid{grid-template-columns:1.3fr 1fr 1.2fr}}
.foot-logo{width:200px;filter:brightness(0) invert(.92);margin-bottom:1rem}
.foot-tag{color:#B8C7BF;font-size:.9rem}
.site-footer .label{color:#B8C7BF}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:.55rem}.addr li{margin-bottom:1rem}
.foot-base{display:flex;flex-wrap:wrap;gap:1rem 2rem;align-items:center;margin-top:3rem;padding-top:1.5rem;border-top:1px solid #3d4c47;font-size:.85rem}
.monogram{height:46px;width:auto;margin-left:auto;filter:brightness(1.6) saturate(.8)}
.symphony-badge{position:fixed;right:.8rem;bottom:.8rem;z-index:60;background:var(--paper);color:var(--text);border:1px solid var(--rule);font:500 .68rem/1 var(--body);letter-spacing:.04em;padding:.5rem .7rem;border-radius:2px;text-decoration:none;opacity:.95}
.symphony-badge:hover{color:var(--teal)}
#wixheadless-banner-container{display:none !important}
/* motion */
.js .reveal.pre{opacity:0;transform:translateY(18px)}
.js .reveal.pre.in{opacity:1;transform:none;transition:opacity .5s ease,transform .5s ease}
.js .stag.pre>*{opacity:0;transform:translateY(14px)}
.js .stag.pre.in>*{opacity:1;transform:none;transition:opacity .45s ease,transform .45s ease}
.js .stag.pre.in>*:nth-child(2){transition-delay:.08s}.js .stag.pre.in>*:nth-child(3){transition-delay:.16s}.js .stag.pre.in>*:nth-child(4){transition-delay:.24s}.js .stag.pre.in>*:nth-child(5){transition-delay:.3s}.js .stag.pre.in>*:nth-child(6){transition-delay:.36s}.js .stag.pre.in>*:nth-child(n+7){transition-delay:.4s}
a,button,summary{transition:color .2s,background .2s}
:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(prefers-reduced-motion:reduce){*{transition:none !important;animation:none !important;scroll-behavior:auto}.js .reveal.pre,.js .stag.pre>*{opacity:1;transform:none}}
/* v2: light only, brand mark, paths, therapy, form */
:root{color-scheme:only light}
html{color-scheme:only light;background:var(--paper)}
.brand{display:flex;align-items:center;gap:.7rem}
.brand-mark{width:44px;height:44px;flex:none}
.brand-word{width:170px;height:auto}
@media(min-width:1180px){.brand-word{width:200px}.brand-mark{width:50px;height:50px}}
.hero-shade{background:linear-gradient(0deg,rgba(35,59,55,.78) 0%,rgba(35,59,55,.45) 50%,rgba(35,59,55,.18) 100%)}
.paths{padding-top:clamp(3rem,6vw,5rem)}
.paths .intro-head{max-width:44rem;margin-bottom:2.2rem}
.paths .cards{align-items:stretch}
.paths .cards .card:nth-child(2){margin-bottom:0}
@media(min-width:900px){.paths .cards{grid-template-columns:1fr 1fr}}
.therapy{margin-top:1.5rem;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.2rem 2rem;background:var(--mist);border-left:3px solid var(--pine);padding:1.6rem 1.8rem}
.therapy h3{margin:0 0 .4rem}.therapy p{margin:0}.therapy .label{margin-bottom:.6rem}
.site-footer{background:var(--stone);color:var(--text);border-top:1px solid var(--rule)}
.site-footer a{color:var(--teal)}.site-footer a:hover{color:var(--teal-d)}
.site-footer .label,.foot-tag{color:var(--muted)}
.foot-logo{filter:none}
.foot-base{border-top-color:var(--rule)}
.monogram{filter:none}
.form{background:#fff;border:1px solid var(--rule);padding:1.8rem;display:grid;gap:.5rem}
.form h3{margin-bottom:.6rem}
.form label{font:600 .8rem var(--body);letter-spacing:.06em;color:var(--ink);margin-top:.6rem}
.form input,.form textarea{width:100%;font:400 1rem var(--body);color:var(--ink);background:var(--paper);border:1px solid #6F8A80;border-radius:2px;padding:.85rem .9rem}
.form input:focus,.form textarea:focus{outline:2px solid var(--teal);outline-offset:1px}
.form .btn{margin-top:1rem;cursor:pointer;justify-self:start}
.form-note{min-height:1.4rem;margin:.4rem 0 0;color:#8A2E2E;font-size:.92rem}
.form-thanks{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--pine);padding:1.8rem}
.contact-grid{grid-template-columns:1fr}
.brand-text{display:flex;flex-direction:column;line-height:1.1}
.brand-name{font:500 1.55rem/1 var(--display);letter-spacing:.14em;text-transform:uppercase;color:#5E5E57}
.brand-tag{font:500 .72rem/1.3 var(--body);letter-spacing:.04em;color:var(--teal);margin-top:.3rem;max-width:15rem}
@media(min-width:1280px){.brand-name{font-size:1.8rem}.brand-tag{font-size:.74rem;max-width:none}}
@media(max-width:380px){.brand-tag{display:none}}
.brand{text-decoration:none}.brand:hover{color:inherit}
.brand img.brand-mark{width:52px;height:52px;flex:none;object-fit:contain}
.brand-text{text-decoration:none}
@media(min-width:1180px){.brand img.brand-mark{width:60px;height:60px}}
.bar{min-height:4.4rem}
.hero-paths{list-style:none;margin:2rem 0 0;padding:0;display:grid;gap:.6rem;max-width:44rem}
@media(min-width:760px){.hero-paths{grid-template-columns:repeat(2,minmax(0,1fr));max-width:40rem;gap:.8rem}.hero-paths li{display:flex}.hero-paths a{width:100%}}
.hero-paths a{display:block;color:#fff;text-decoration:none;font:600 .8rem/1.3 var(--body);letter-spacing:.06em;text-transform:uppercase;border:1px solid rgba(255,255,255,.75);background:rgba(35,59,55,.45);padding:.9rem 1.1rem;border-radius:2px;transition:background .25s}
.hero-paths a:hover{background:rgba(255,255,255,.2);color:#fff}
.hero:not(.short):not(.long){min-height:min(80vh,760px)}

/* home hero: the Nordic coast photo is bright, so the shade is set to the least that keeps white text above 4.5:1 (measured on the photo) */
.home-hero .hero-shade{background:none}

/* v3: clearer offer for two audiences */
.offer-list{margin:1.2rem 0 0}
.offer-list li{padding:.6rem 0 .6rem 2rem}
.offer-list li::before{top:1.15rem}
.card .btnrow{margin-top:1.4rem}
.card .btn{font-size:.8rem;padding:.95rem 1.4rem}
.steps li{padding:1.1rem 0}
.steps h3{font-size:1.45rem}
.steps p{margin:0}
.audience{display:grid;gap:1.5rem}
@media(min-width:900px){.audience{grid-template-columns:1fr 1fr;gap:2rem}}
.audience .box{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--pine);padding:1.8rem}
.audience .box h3{margin-bottom:.5rem}
.audience .box p{margin:0 0 .9rem}
.facts{display:grid;gap:.4rem 1.2rem;list-style:none;margin:1.2rem 0 0;padding:0}
@media(min-width:700px){.facts{grid-template-columns:1fr 1fr}}
.facts li{padding:.55rem 0;border-top:1px solid var(--rule);font-size:.97rem}
.facts strong{color:var(--ink);font-weight:600}

/* v4: affiliates, programme section, clinic steps, blog */
.badges{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}
@media(min-width:700px){.badges{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1000px){.badges{grid-template-columns:repeat(6,1fr);gap:1.2rem}}
.badge{background:#fff;border:1px solid var(--rule);border-top:3px solid var(--pine);display:grid;place-items:center;padding:1rem;min-height:7.5rem}
.badge img{max-height:5rem;width:auto;max-width:100%;object-fit:contain}
.programme .arch.gate{aspect-ratio:4/5;object-position:30% 50%}
.programme .big-quote{font-size:clamp(1.5rem,2.6vw,2.1rem);max-width:none}
.facts-row{list-style:none;margin:3.5rem 0 0;padding:0;display:grid;gap:0;border-top:1px solid var(--rule)}
@media(min-width:800px){.facts-row{grid-template-columns:repeat(3,1fr)}}
.facts-row li{padding:1.4rem 1.2rem 1.4rem 0;border-bottom:1px solid var(--rule)}
.facts-row strong{display:block;font:500 clamp(1.7rem,3vw,2.3rem)/1.1 var(--display);color:var(--ink);margin-bottom:.3rem}
.facts-row span{color:var(--muted);font-size:.95rem}
.phases-head{margin-top:4rem;margin-bottom:1.5rem}
.h2like{font-size:clamp(1.8rem,3.4vw,2.6rem)}
.phases .phase-line{font:italic 500 1.2rem/1.3 var(--display);color:var(--teal);margin:0 0 .4rem}
@media(min-width:900px){.phases{display:grid;grid-template-columns:1fr 1fr;column-gap:3rem}.phases li{grid-template-columns:3.6rem 1fr}}
.programme-faq{margin-top:2.5rem}
.prog-cta{margin-top:3rem;display:flex;flex-wrap:wrap;gap:1.2rem 2rem;align-items:center;justify-content:space-between;background:#fff;border:1px solid var(--rule);border-left:3px solid var(--pine);padding:1.8rem}
.prog-cta h3{margin-bottom:.4rem}.prog-cta p{margin:0;max-width:42rem}
.row-link{color:inherit;text-decoration:none;border-bottom:1px solid var(--pine)}.row-link:hover{color:var(--teal)}
.collab{list-style:none;margin:0;padding:0;counter-reset:c}
.collab li{counter-increment:c;position:relative;padding:1.2rem 0 1.2rem 4.2rem;border-top:1px solid var(--rule)}
.collab li:last-child{border-bottom:1px solid var(--rule)}
.collab li::before{content:counter(c);position:absolute;left:0;top:.9rem;width:3rem;height:3rem;border:1px solid var(--pine);border-radius:999px;display:grid;place-items:center;font:500 1.6rem/1 var(--display);color:var(--pine)}
.collab h3{font-size:1.5rem;margin:0 0 .3rem}.collab p{margin:0}
.three{display:grid;gap:2rem}@media(min-width:900px){.three{grid-template-columns:repeat(3,1fr);gap:3rem}}
.three>div{border-top:3px solid var(--pine);padding-top:1.2rem}.three h3{margin-bottom:.5rem}
.people.one{grid-template-columns:1fr}
/* blog */
.post-list{display:grid;gap:1.5rem}
@media(min-width:760px){.post-list{grid-template-columns:1fr 1fr}}
@media(min-width:1100px){.post-list{grid-template-columns:repeat(3,1fr);gap:2rem}}
.post-card .card-img{display:block;overflow:hidden}
.post-card .card-img img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .5s}
.post-card:hover .card-img img{transform:scale(1.03)}
.post-card .card-img img.contain{object-fit:contain;padding:1rem}
.post-card h3 a{color:var(--ink);text-decoration:none}.post-card h3 a:hover{color:var(--teal)}
.post-card .meta{font:600 .74rem/1.4 var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 .7rem}
.post-card .card-in p:not(.meta){color:var(--text)}
.post-card .text-link{align-self:flex-start;margin-top:auto}
.post-card .card-in{display:flex;flex-direction:column;flex:1}
.post-hero{min-height:min(56vh,520px)}
.post-hero h1{max-width:22ch;font-size:clamp(2.2rem,5.2vw,3.8rem)}
.post-grid{display:grid;gap:2rem}
@media(min-width:900px){.post-grid{grid-template-columns:1fr 3fr;gap:4rem;align-items:start}.post-meta{position:sticky;top:6.5rem}}
.post-meta dl{margin:0 0 1.2rem}.post-meta dt{font:600 .72rem var(--body);letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-top:.9rem}.post-meta dd{margin:.15rem 0 0;color:var(--ink)}
.post-body{max-width:46rem}
.post-body h2{font-size:clamp(1.8rem,3.2vw,2.4rem);margin:2.4rem 0 .8rem}
.post-body h3{font-size:1.6rem;margin:2rem 0 .6rem}
.post-body p,.post-body li{font-size:1.04rem;line-height:1.75}
.post-body ul,.post-body ol{padding-left:1.4rem;margin:0 0 1.2rem}.post-body li{margin-bottom:.4rem}
.post-body li ul{margin:.4rem 0 0}
.post-body figure{margin:2rem 0}.post-body figure img{width:100%;height:auto}
.post-body figure.small img{width:auto;max-width:min(100%,22rem);margin-inline:0}
.post-body figure.video video{width:100%;height:auto;background:#000}
.post-body blockquote{margin:1.6rem 0;padding:0 0 0 1.4rem;border-left:3px solid var(--pine);font:italic 500 1.4rem/1.4 var(--display);color:var(--ink)}
.teaser{margin-top:0}
@media(min-width:760px){.teaser.post-list{grid-template-columns:repeat(3,1fr)}}

/* v5: green header and footer (forest green, same family as the ZR monogram), two-row header on desktop, footer with the monogram */
:root{--bar:#DCE9E0;--bar-ink:#233B37;--bar-soft:#334F4A;--bar-line:rgba(35,59,55,.22);--bar-accent:#2F6A60}
.site-header{background:var(--bar);border-bottom:1px solid rgba(35,59,55,.1);backdrop-filter:none}
.brand-name{color:var(--bar-ink)}
.brand-tag{color:var(--bar-soft)}
.menu-btn{border-color:var(--bar-soft)}
.menu-btn i{background:var(--bar-ink)}
.nav{background:var(--bar);border-bottom:1px solid var(--bar-line)}
.nav a{color:var(--bar-ink);border-bottom-color:var(--bar-line)}
.nav a[aria-current=page]{color:var(--bar-ink);font-weight:700;text-decoration:underline;text-decoration-color:var(--bar-accent);text-decoration-thickness:2px;text-underline-offset:6px}
.nav .nav-cta{background:var(--teal);color:#fff;border:0;text-decoration:none}
.nav .nav-cta:hover{background:var(--teal-d);color:#fff}
@media(min-width:1280px){
.bar{flex-wrap:nowrap;justify-content:space-between;gap:2rem}
.nav{order:0;flex:0 0 auto;flex-direction:row;align-items:center;gap:clamp(1rem,1.3vw,1.9rem);padding:0;border:0;background:none}
.nav a{white-space:nowrap;font-size:.82rem;padding:.8rem 0}
.nav a[aria-current=page]{text-decoration:none}
.nav a[aria-current=page]::after{bottom:.5rem;height:2px;background:var(--bar-accent)}
.nav .nav-cta{position:static;margin:0 0 0 .4rem;padding:.8rem 1.2rem;font-size:.76rem}
.nav .nav-cta::after{display:none}
}
.site-footer{background:var(--bar);color:var(--bar-soft);border-top:0;padding:4rem 0 4.5rem}
.site-footer a{color:var(--teal)}.site-footer a:hover{color:var(--teal-d)}
.site-footer .label{color:var(--bar-soft)}
.foot-grid{gap:2.4rem 2rem}
@media(min-width:620px){.foot-grid{grid-template-columns:1fr 1fr}}
@media(min-width:1000px){.foot-grid{grid-template-columns:1.5fr .95fr 1.3fr .8fr;gap:3rem}}
.foot-brand .brand-mark{width:72px;height:72px}
.foot-brand .brand-name{font-size:1.6rem}
.foot-brand .brand-tag{font-size:.74rem;max-width:none;color:var(--bar-soft)}
.foot-contact{margin:1.6rem 0 0;line-height:1.9}
.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin-bottom:.6rem}.site-footer .addr li{margin-bottom:1rem}
.foot-base{border-top-color:var(--bar-line);margin-top:2.6rem;color:var(--bar-soft)}
/* alcohol and drug therapy sections now carry a photograph */
.therapy-sec .arch{object-position:28% 55%}
/* v5b: the teal ZR monogram sits on a light plate so it reads on the green; compact brand on phones */
.site-header .brand img.brand-mark,.foot-brand .brand-mark{background:var(--paper);padding:.28rem .3rem;border-radius:999px 999px 3px 3px;box-sizing:content-box;width:34px;height:34px}
@media(min-width:1280px){.site-header .brand img.brand-mark{width:40px;height:40px}}
.foot-brand .brand-mark{width:52px;height:52px}
.bar{padding-block:.5rem}
@media(max-width:1179px){.foot-brand .brand-name{font-size:1.3rem}}
@media(max-width:1279px){
.brand{gap:.6rem}
.brand-name{font-size:1.12rem;letter-spacing:.1em;white-space:nowrap}
.brand-tag{font-size:.7rem;max-width:13rem;margin-top:.25rem}
}
@media(min-width:1280px){.bar{padding-block:0}}

/* WhatsApp: fixed bottom-left button (the Symphony badge sits bottom-right) and inline links */
.wa-float{position:fixed;left:.8rem;bottom:.8rem;z-index:60;display:flex;align-items:center;gap:.5rem;background:var(--paper);color:var(--ink);border:1px solid var(--rule);border-radius:999px;padding:.55rem;text-decoration:none;font:500 .74rem/1 var(--body);letter-spacing:.03em;box-shadow:0 2px 10px rgba(35,59,55,.16);transition:transform .25s,box-shadow .25s}
.wa-float svg{display:block;flex:none;width:26px;height:26px}
.wa-float span{display:none}
.wa-float:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 4px 14px rgba(35,59,55,.22)}
@media(min-width:760px){.wa-float{padding:.55rem 1rem .55rem .6rem}.wa-float span{display:inline}}
.wa-note{margin:.9rem 0 0}
.contact-box a.wa-link,.wa-link{font:600 .86rem/1.4 var(--body);letter-spacing:.02em;border-bottom:1px solid var(--pine)}
.contact-box a.wa-link{color:var(--teal)}
@media(prefers-reduced-motion:reduce){.wa-float{transition:none}.wa-float:hover{transform:none}}

/* v7: cookie consent banner (text and choices from the original site). A small centered card,
   lifted above the WhatsApp button (bottom-left) and the Symphony badge (bottom-right). */
.cookie-banner{position:fixed;left:50%;transform:translateX(-50%);bottom:4.25rem;z-index:70;width:min(26rem,calc(100vw - 2rem));background:var(--paper);color:var(--text);border:1px solid var(--rule);border-radius:3px;box-shadow:0 6px 24px rgba(35,59,55,.18);padding:1.25rem 1.2rem 1.1rem;font-size:.85rem;line-height:1.55;max-height:calc(100vh - 6rem);overflow:auto;border-top:3px solid var(--teal)}
@media(max-width:1099px){.cookie-banner{left:0;right:0;bottom:0;transform:none;width:100%;border-radius:3px 3px 0 0;box-shadow:0 -4px 18px rgba(35,59,55,.14);padding:.55rem .7rem .6rem;max-height:25vh}
.cookie-banner .cb-desc{font-size:.74rem;line-height:1.38}
.cookie-banner .cb-btns{gap:.4rem;margin-top:.55rem}
.cookie-banner .cb-btn{font-size:.68rem;padding:.5rem .7rem}
.cookie-banner .cb-btn-text{padding:.5rem .2rem}
.cookie-banner .cb-cat-name{font-size:.76rem}
.cookie-banner .cb-cat-desc{font-size:.72rem;line-height:1.4}
.cookie-banner .cb-settings-title{font-size:1rem}
.cookie-banner .cb-more{display:none}
body.cb-open .wa-float,body.cb-open .symphony-badge{bottom:calc(var(--cb-h,25vh) + .6rem);z-index:80}}
.cookie-banner:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.cb-desc{margin:0}
.cb-desc a{color:var(--teal)}
.cb-btns{display:flex;flex-wrap:wrap;gap:.5rem;margin:1rem 0 0}
.cb-btn{font:600 .74rem/1 var(--body);letter-spacing:.04em;padding:.7rem .95rem;border-radius:2px;border:1px solid var(--teal);background:var(--teal);color:#fff;cursor:pointer}
.cb-btn:hover{background:var(--teal-d)}
.cb-btn-ghost{background:transparent;color:var(--teal)}
.cb-btn-ghost:hover{background:var(--teal);color:#fff}
.cb-btn-text{background:none;border:0;color:var(--teal);text-decoration:underline;text-underline-offset:3px;padding:.7rem .1rem}
.cb-btn-text:hover{color:var(--teal-d)}
.cb-settings-title{font-family:var(--display);font-weight:500;font-size:1.25rem;line-height:1.15;margin:0 0 .7rem;color:var(--ink)}
.cb-cats{list-style:none;margin:0;padding:0}
.cb-cats li{border-top:1px solid var(--rule);padding:.75rem 0}
.cb-cats li:first-child{border-top:0;padding-top:0}
.cb-cat{display:flex;align-items:center;gap:.6rem;cursor:pointer}
.cb-cat-name{font:600 .82rem var(--body);color:var(--ink)}
.cb-cat-desc{margin:.35rem 0 0;font-size:.78rem;line-height:1.5;color:var(--muted)}
.cb-cats .cb-cat input[type=checkbox]{appearance:none;-webkit-appearance:none;width:2.4rem;height:1.25rem;border-radius:999px;background:#6F8A80;position:relative;cursor:pointer;flex:none;margin:0;transition:background .2s}
.cb-cats .cb-cat input[type=checkbox]::after{content:"";position:absolute;top:3px;left:3px;width:calc(1.25rem - 6px);height:calc(1.25rem - 6px);border-radius:50%;background:#fff;transition:left .2s}
.cb-cats .cb-cat input[type=checkbox]:checked{background:var(--teal)}
.cb-cats .cb-cat input[type=checkbox]:checked::after{left:calc(2.4rem - 1.25rem + 3px)}
.cb-cats .cb-cat input[type=checkbox]:focus-visible{outline:2px solid var(--teal-d);outline-offset:2px}
.cb-cats .cb-cat input[type=checkbox]:disabled{opacity:.55;cursor:not-allowed}
.site-footer .cb-foot-link{background:none;border:0;padding:0;font:inherit;color:var(--teal);cursor:pointer;text-decoration:underline;text-underline-offset:3px}
.site-footer .cb-foot-link:hover{color:var(--teal-d)}
@media(prefers-reduced-motion:reduce){.cb-cats .cb-cat input[type=checkbox],.cb-cats .cb-cat input[type=checkbox]::after{transition:none}}
/* hero background video (Pexels, aerial coastal forest and sea; poster is the reserve) */
.hero-video{display:block;object-fit:cover;background:var(--dark)}
.hero-pause{position:absolute;right:.75rem;bottom:.75rem;z-index:5;width:2.2rem;height:2.2rem;padding:.5rem;border:1px solid rgba(255,255,255,.55);border-radius:999px;background:rgba(35,59,55,.45);color:#fff;cursor:pointer;opacity:.72;transition:opacity .25s}
.hero-pause:hover{opacity:1}
.hero-pause svg{display:block;width:100%;height:100%;fill:currentColor}
.hero-pause:focus-visible{outline:2px solid #fff;outline-offset:2px}
.hero.no-motion .hero-video{display:none}
@media(prefers-reduced-motion:reduce){.hero-video{display:none}.hero-pause{display:none}}

.rows ol.mini{list-style:decimal;margin:.6rem 0 .8rem;padding:0 0 0 1.3rem;counter-reset:none}
.rows ol.mini li{display:list-item;padding:.15rem 0;border-top:0;counter-increment:none}
.rows ol.mini li::before{content:none}

/* Salvia och sand: while the consent bar is open under 1100px the home hero starts closer to the header, so the main button and the first shortcut stay above the bar */
@media(max-width:1099px){body.cb-open .home-hero .hero-in{padding-top:.5rem;padding-bottom:1rem}body.cb-open .home-hero .label{margin-bottom:.5rem}body.cb-open .home-hero h1{margin-bottom:.6rem}body.cb-open .home-hero .btnrow{margin-top:1rem}body.cb-open .home-hero .hero-paths{margin-top:1rem}}
@media(max-width:1099px) and (max-height:780px){body.cb-open .home-hero h1{font-size:clamp(1.9rem,8vw,2.3rem)}body.cb-open .home-hero .lead{font-size:.92rem;line-height:1.45}body.cb-open .home-hero .hero-paths{gap:.4rem}body.cb-open .home-hero .hero-paths a{padding:.6rem .9rem}}
/* From 1100px the consent card sits at the right edge, above the badge, so it never covers the hero shortcuts on the left */
@media(min-width:1100px){.cookie-banner{left:auto;right:1rem;transform:none}}
/* Focus ring on the consent buttons in a colour that differs from the sea-green button itself */
.cb-btn:focus-visible{outline:3px solid var(--ink);outline-offset:3px;box-shadow:0 0 0 6px #fff}

/* v6: consistent logo across widths, without the former pale plate */
.site-header .brand img.brand-mark,.foot-brand .brand-mark{background:none!important;padding:0!important;border-radius:0!important;box-sizing:border-box!important;width:clamp(40px,3.2vw,52px)!important;height:clamp(40px,3.2vw,52px)!important;object-fit:contain;filter:brightness(.48) saturate(.8)}
.site-header .brand,.foot-brand .brand{gap:.65rem;min-width:0}
.site-header .brand-name,.foot-brand .brand-name{font-size:clamp(1.05rem,1.35vw,1.6rem)!important;letter-spacing:.08em;white-space:nowrap;line-height:1}
.site-header .brand-tag,.foot-brand .brand-tag{font-size:clamp(.6rem,.72vw,.74rem)!important;line-height:1.25;max-width:16rem;white-space:normal;margin-top:.25rem}
@media(max-width:380px){.site-header .brand-tag{display:block!important;max-width:9.5rem;font-size:.58rem!important}.site-header .brand-name{font-size:1.05rem!important;letter-spacing:.06em}}

/* v6: avoid doubled section spacing where adjacent blocks share a background */
main>section:not([class])+section:not([class]),main>section.band-mist+section.band-mist{padding-top:2.5rem!important}

/* v6: prevent doubled padding on adjacent same-colour sections */
main>section:not([class])+section:not([class]),main>section.band-mist+section.band-mist{padding-top:2rem!important}

/* v6: about hero panel */
.about-hero .hero-shade{background:linear-gradient(90deg,rgba(251,250,245,.88) 0%,rgba(251,250,245,.86) 42%,rgba(251,250,245,.4) 72%,rgba(251,250,245,.1) 100%)}
.about-hero .hero-in{background:rgba(251,250,245,.92);color:var(--ink);padding:clamp(1rem,3vw,2rem);max-width:45rem;border-radius:2px}
.about-hero .hero-in .label.light,.about-hero .hero-in h1,.about-hero .hero-in .lead{color:var(--ink)}
/* v6: trim both exposed edges of same-background pairs */
main>section:not([class]):has(+section:not([class])),main>section.band-mist:has(+section.band-mist){padding-bottom:2rem!important}
/* v6: bring equal-background pairs to a calm measured rhythm */
main>section:not([class])+section:not([class]),main>section:not([class]):has(+section:not([class])){padding-top:0!important;padding-bottom:0!important}
main>section.band-mist+section.band-mist,main>section.band-mist:has(+section.band-mist){padding-top:1rem!important;padding-bottom:1rem!important}
/* v6: desktop brand mark minimum and a readable tagline at every size */
@media(min-width:1180px){.site-header .brand img.brand-mark,.foot-brand .brand-mark{width:clamp(48px,3.2vw,60px)!important;height:clamp(48px,3.2vw,60px)!important}}
.site-header .brand-tag,.foot-brand .brand-tag{font-size:clamp(.68rem,.72vw,.82rem)!important}
@media(max-width:380px){.site-header .brand-tag{font-size:.62rem!important}}
.rows.roles>li>div>p+p,.rows.roles>li>div>ul+p{margin-top:.8rem}
.rows.roles ul.tick{margin:.6rem 0 .2rem}
.rows.roles ul.tick li{display:block;counter-increment:none;grid-template-columns:none;gap:0;padding:.7rem 0 .7rem 2rem}
.rows.roles ul.tick li::before{content:"";position:absolute;left:0;top:1.2rem;width:1.1rem;height:1px;font:inherit;background:var(--pine)}
.roles-note{margin:2rem 0 0;font-style:italic;color:var(--ink)}
.collab-note{margin:1.2rem 0 0;color:var(--muted)}
/* Lining numerals in the display font (Cormorant Garamond): old-style figures read as letters, e.g. "10" as "Io" */
h1,h2,h3,h4,.rows li::before,.vbreak p,.quote blockquote,.ethics strong,.faq summary,.acc summary,.big-quote,.contact-box a,.offices strong,.brand-name,.facts-row strong,.phase-line,.collab li::before,.post-body blockquote,.cb-settings-title{font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
/* Even fact columns: equal height, same start line, text pinned to the top */
.facts-row{align-items:stretch}
.facts-row li{display:flex;flex-direction:column;justify-content:flex-start}
@media(min-width:800px){.facts-row li{min-height:10.6rem}}
/* Programme section on the home page: one service among several (compact, not the main thing) */
.programme .split{gap:1.6rem}
.programme .arch.gate{aspect-ratio:16/9;max-height:210px;width:100%;object-fit:cover;object-position:30% 55%}
@media(min-width:900px){.programme .split.u{grid-template-columns:4fr 8fr;gap:3rem;align-items:center}.programme .arch.gate{aspect-ratio:4/3;max-height:none}}
.programme h2{margin-bottom:.6rem}
.programme .big-quote{margin-bottom:1rem}
.programme .reveal>p{margin-bottom:.8rem}
/* calmer fact row, equal height */
.programme .facts-row{margin-top:2rem}
.programme .facts-row li{padding:.9rem 1rem .9rem 0;min-height:0}
@media(min-width:800px){.programme .facts-row li{min-height:6.4rem}}
.programme .facts-row strong{font-size:clamp(1.35rem,2vw,1.6rem);margin-bottom:.15rem}
.programme .facts-row span{font-size:.88rem;line-height:1.45}
/* six phases as compact numbered cards */
.programme .phases-head{margin-top:2.2rem;margin-bottom:1rem}
.programme .phases-head .h2like{font-size:clamp(1.5rem,2.6vw,2rem);margin-bottom:0}
.phase-cards{list-style:none;margin:0;padding:0;display:grid;gap:.7rem;counter-reset:ph}
@media(min-width:900px){.phase-cards{grid-template-columns:repeat(3,1fr);gap:1rem}}
.phase-cards>li{counter-increment:ph;display:flex;background:#fff;border:1px solid var(--rule);border-top:3px solid var(--pine)}
.phase-cards details{flex:1;padding:.9rem 1rem}
.phase-cards summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:2.4rem 1fr;column-gap:.7rem;align-items:start;position:relative;padding-right:1.4rem}
.phase-cards summary::-webkit-details-marker{display:none}
.phase-cards summary::before{content:counter(ph);grid-row:1 / span 2;font:500 1.9rem/1 var(--display);color:var(--pine);font-variant-numeric:lining-nums;font-feature-settings:"lnum" 1}
.phase-cards summary::after{content:"+";position:absolute;right:0;top:-.1rem;color:var(--pine);font-size:1.5rem;line-height:1}
.phase-cards details[open] summary::after{content:"\2212"}
.phase-cards summary:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.phase-cards h3{font-size:1.2rem;line-height:1.2;margin:0 0 .2rem}
.phase-cards .phase-line{font:italic 500 1.02rem/1.3 var(--display);color:var(--teal);margin:0;font-variant-numeric:lining-nums}
.phase-cards details>p{margin:.7rem 0 0;font-size:.94rem;line-height:1.6}
/* the folded questions take less room */
.programme .programme-faq{margin-top:1.4rem}
.programme .faq details{padding:.65rem 0}
.programme .faq summary{font-size:1.2rem}
.programme .faq p{margin-top:.6rem}
.programme .prog-cta{margin-top:1.8rem;padding:1.3rem 1.5rem}
@media(min-width:900px){.phase-cards{grid-auto-rows:1fr}}
/* v7 home hero (dark drone film): veil raised so white text stays above 4.5:1 on the brightest frames; text block in the page column, two-line heading, vertically centred */
@media(min-width:900px){.home-hero{align-items:center}.home-hero .hero-in{padding-block:clamp(3.5rem,7vw,5.5rem)}.home-hero h1{max-width:min(24ch,100%);font-size:clamp(2.6rem,4.2vw,3.9rem)}.home-hero .lead{max-width:46rem}}

/* v10 home hero: the original light panel (pale paper, dark text) behind the text block only. The film stays bright and visible around it. */
.home-hero .hero-in{isolation:isolate}
.home-hero .hero-in::before{content:"";position:absolute;z-index:-1;inset:-1.4rem -1rem -1.4rem -1.2rem;background:rgba(251,250,245,.64);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:2px;box-shadow:0 1px 0 rgba(35,59,55,.06)}
@media(min-width:900px){.home-hero .hero-in::before{right:auto;width:min(49rem,100% + 2.2rem)}}
.home-hero .hero-in .label,.home-hero .hero-in .label.light{color:#1E4A41}
.home-hero .hero-in h1,.home-hero .hero-in .lead{color:var(--ink);text-shadow:none}
.home-hero .hero-in .btn{background:var(--teal);color:#fff;border-color:var(--teal)}
.home-hero .hero-in .btn:hover{background:var(--teal-d);border-color:var(--teal-d);color:#fff}
.home-hero .hero-paths a{color:var(--ink);background:rgba(35,59,55,.05);border-color:rgba(35,59,55,.5)}
.home-hero .hero-paths a:hover{background:rgba(35,59,55,.12);color:var(--ink)}
/* v9 tagline: "& Family Guidance" never splits; second line under "Private Recovery Counselling" */
.brand-tag .nb,.home-hero .label .nb{display:block;width:max-content;max-width:100%;white-space:nowrap}
.home-hero .label .nb{margin-left:0}
/* v9 programme: teaser on home, full section on individuals page, six cards on clinics page */
.programme-teaser{padding-block:clamp(2.2rem,5vw,3.2rem)}
.programme-teaser .teaser{display:grid;gap:1.2rem;align-items:center;background:#fff;border:1px solid var(--rule);border-left:3px solid var(--pine);padding:clamp(1.3rem,3vw,2rem)}
@media(min-width:900px){.programme-teaser .teaser{grid-template-columns:1fr auto;gap:2.5rem}}
.programme-teaser h2{font-size:clamp(1.7rem,3vw,2.3rem);margin-bottom:.5rem}
.programme-teaser .big-quote{font-size:clamp(1.25rem,2.1vw,1.6rem);max-width:none;margin:0 0 .6rem}
.programme-teaser .teaser-text p:last-child{margin:0;max-width:46rem}
.programme-teaser .label{margin-bottom:.6rem}
.programme-teaser .btn{justify-self:start;white-space:normal}
.programme .intro-head h2{margin-bottom:.6rem}
.programme .intro-head p:last-child{margin-bottom:0}
.programme .prog-more{margin:1.4rem 0 0}
#programme{scroll-margin-top:6.5rem}
html{scroll-padding-top:6.5rem}
@media(min-width:900px){.phase-cards{grid-auto-rows:1fr}}
/* v9 header: larger ZR mark (46px phone, 64px from 1280, 72px from 1600), taller bar, larger name. Colour adjustment of the mark unchanged. */
.site-header .bar{min-height:5rem;padding-block:.55rem}
.site-header .brand img.brand-mark{width:46px!important;height:46px!important}
.site-header .brand{gap:.75rem}
.site-header .brand-name{font-size:clamp(1.12rem,4.4vw,1.3rem)!important}
@media(min-width:768px){.site-header .brand-name{font-size:1.3rem!important}}
@media(min-width:1280px){
.site-header .bar{min-height:5.6rem;padding-block:.6rem;gap:1.2rem}
.site-header .brand img.brand-mark{width:64px!important;height:64px!important}
.site-header .brand-name{font-size:1.5rem!important}
.site-header .brand-tag{max-width:15rem}
.nav{gap:clamp(.8rem,1.05vw,1.9rem)}
}
@media(min-width:1600px){
.site-header .brand img.brand-mark{width:72px!important;height:72px!important}
.site-header .brand-name{font-size:1.75rem!important}
.site-header .brand-tag{max-width:none}
}
@media(max-width:380px){.site-header .brand img.brand-mark{width:44px!important;height:44px!important}.site-header .brand{gap:.55rem}}
/* v9 footer: dark forest green, light text, light-sage links, mark in a light version */
.site-footer{background:#233B37;color:#E8EFEA;border-top:0}
.site-footer a,.site-footer .cb-foot-link{color:#DCE9E0}
.site-footer a:hover,.site-footer .cb-foot-link:hover{color:#FBFAF5;text-decoration-color:#FBFAF5}
.site-footer a:focus-visible,.site-footer .cb-foot-link:focus-visible{outline:2px solid #FBFAF5;outline-offset:3px;border-radius:2px}
.site-footer .label,.site-footer h4{color:#C9D9CF}
.site-footer .brand-name{color:#FBFAF5}
.site-footer .brand-tag,.site-footer .foot-contact,.site-footer .addr,.foot-base{color:#D5E2D9}
.foot-base{border-top-color:rgba(251,250,245,.22)}
.site-footer .foot-brand .brand-mark{filter:brightness(0) invert(.94)!important;width:clamp(48px,4.4vw,64px)!important;height:clamp(48px,4.4vw,64px)!important}
/* v9 hero label on phones: two lines ("Private Recovery Counselling" / "& Family Guidance"), no long dash before it */
@media(max-width:600px){.home-hero .label{letter-spacing:.13em;font-size:.76rem;padding-left:0}.home-hero .label::before{display:none}}

/* v10 header: ZR mark 52px phone, 64px from 768, 80px from 1280, 88px from 1920; taller bar; larger name. Same on every page. */
.site-header .bar{min-height:5.6rem;padding-block:.6rem}
.site-header .brand img.brand-mark{width:52px!important;height:52px!important}
.site-header .brand{gap:.7rem}
.site-header .brand-name{font-size:clamp(1.12rem,4.9vw,1.4rem)!important;letter-spacing:.07em}
@media(min-width:768px){.site-header .bar{min-height:6rem}.site-header .brand img.brand-mark{width:64px!important;height:64px!important}.site-header .brand-name{font-size:1.5rem!important}.site-header .brand-tag{font-size:.8rem!important;max-width:none}}
@media(min-width:1280px){.site-header .bar{min-height:6.6rem;padding-block:.7rem}.site-header .brand img.brand-mark{width:80px!important;height:80px!important}.site-header .brand{gap:.9rem}.site-header .brand-name{font-size:1.75rem!important}.site-header .brand-tag{font-size:.84rem!important}}
@media(min-width:1600px){.site-header .brand img.brand-mark{width:80px!important;height:80px!important}.site-header .brand-name{font-size:1.75rem!important}}
@media(min-width:1920px){.site-header .bar{min-height:7rem}.site-header .brand img.brand-mark{width:88px!important;height:88px!important}.site-header .brand-name{font-size:1.95rem!important}.site-header .brand-tag{font-size:.9rem!important}}
@media(max-width:380px){.site-header .brand img.brand-mark{width:48px!important;height:48px!important}.site-header .brand{gap:.5rem}.site-header .brand-name{font-size:1.05rem!important;letter-spacing:.05em}.site-header .brand-tag{display:block!important;max-width:9.5rem;font-size:.6rem!important}}
#programme{scroll-margin-top:8.5rem}
html{scroll-padding-top:8.5rem}

/* v10 header fit: no overlap between name and menu at 1280 and 1920 */
@media(min-width:1280px){.site-header .brand-name{font-size:1.65rem!important}.site-header .brand-tag{font-size:.78rem!important}}
@media(min-width:1600px){.nav{gap:.85rem}}
@media(min-width:1920px){.site-header .brand-name{font-size:1.85rem!important}.site-header .brand-tag{font-size:.86rem!important}}
/* v10 section system: backgrounds alternate paper / sage / sand so neighbours never match; one space token (--s) above and below every section. */
html main>section:not(.hero):not(.vbreak):not(.programme-teaser){padding-block:var(--s)!important}
html main>section .intro-head>.label,html main>section .split>.reveal>.label{margin-bottom:1.5rem}
html main>section.band-stone .ethics li{border-color:rgba(35,59,55,.2)}
/* v11 addiction page */
.addhero .split{align-items:center}
.addhero h1{max-width:18ch;margin-bottom:1.2rem}
.addhero .lead{margin-bottom:1rem}
.add-photo{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;object-position:50% 30%;border-radius:2px}
@media(max-width:640px){.add-photo{aspect-ratio:1/1}}
.prose p{max-width:46rem}
.prose .qbox{margin:1.4rem 0}
.qlist{margin:.8rem 0 .4rem;padding-left:1.6rem}
.qlist li{padding:.4rem 0;max-width:44rem}
.qbox summary{font-size:1.25rem}
.safety{margin-top:2rem;padding:1.1rem 1.3rem;border:1px solid var(--bar-accent,#2F6A60);background:var(--paper);max-width:46rem}
.safety p{margin:0;color:var(--ink)}
.band-stone .qbox details{border-color:rgba(35,59,55,.25)}
/* v11 addiction card (home) and link block (Individuals & Families) */
.addcard{display:grid;gap:0;background:var(--paper);border-top:3px solid var(--pine);overflow:hidden}
.addcard img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;aspect-ratio:16/9;max-height:210px}
.addcard-text{padding:1.6rem 1.6rem 1.8rem}
.addcard-text .label{margin-bottom:.8rem}
.addcard-text h2{margin-bottom:.7rem;font-size:clamp(1.7rem,2.6vw,2.2rem)}
.addcard-text p{max-width:40rem}
.addcard-text .btnrow{margin-top:1.1rem}
@media(min-width:860px){.addcard{grid-template-columns:5fr 7fr}.addcard img{aspect-ratio:auto;max-height:none;min-height:230px}.addcard-text{padding:1.8rem 2.2rem}}
.next-links{margin-top:2rem;padding-top:1.4rem;border-top:1px solid var(--rule)}
.next-links h3{margin:0 0 .8rem}
.next-link p{margin:.3rem 0 0;max-width:40rem}
.next-link strong{color:var(--ink);font-weight:600}
/* v11 policy pages */
.policy-head{padding-block:var(--s)}
.policy-head h1{max-width:20ch;margin-bottom:1rem}
.policy-head .lead{max-width:40rem}
.policy{max-width:46rem}
.policy h2{margin:2.4rem 0 .8rem;font-size:clamp(1.6rem,2.4vw,2rem)}
.policy h2:first-child{margin-top:0}
.policy h3{margin:1.6rem 0 .4rem;font-size:1.3rem}
.policy ul{padding-left:1.4rem}
.policy li{padding:.2rem 0}
.policy .updated{margin-top:2.4rem;color:var(--muted);font-weight:600}

/* v11 self-test (hidden draft) */
.st-wrap{max-width:46rem}
.stbox-wrap{position:static}
@media(min-width:900px) and (min-height:860px){.stbox-wrap{position:sticky;top:7rem;z-index:5}}
.stbox{margin:0 0 1.6rem;background:var(--paper)}
.stbox p{font-size:.95rem;line-height:1.5}
.st{min-height:18rem;margin-bottom:3rem}
.st h2{margin-top:0}
.st fieldset{border:0;margin:1.2rem 0;padding:0}
.st legend{font:500 1.5rem/1.3 var(--display);color:var(--ink);padding:0;margin-bottom:.8rem}
.st legend.sr{position:absolute;left:-9999px}
.st-opt{display:flex;gap:.8rem;align-items:flex-start;padding:.9rem 1rem;border:1px solid var(--rule);margin:.5rem 0;min-height:44px;cursor:pointer;background:var(--paper)}
.st-opt:hover{border-color:var(--teal)}
.st-opt input{margin-top:.3rem;width:1.1rem;height:1.1rem;accent-color:var(--teal)}
.st-step{font:600 .78rem var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 .6rem}
.st-err{color:#7A2E22;font-weight:600}
.st .note{font-size:.95rem;color:var(--text)}
.st .btn{min-height:44px}
.st-groups{border-top:1px solid var(--rule);padding-top:2rem}
@media(max-width:900px){.stbox-wrap{position:static}}

/* v12 approved logo B: old ZR mark recoloured in Salvia och sand, with Open Sans lockup. */
.site-header .brand-mark,.site-footer .foot-brand .brand-mark{display:block;flex:none;width:52px;height:52px;background-color:#2F6A60;-webkit-mask-image:url(https://static.wixstatic.com/media/facf8e_787cee1c5b0749098208361b2191e13a~mv2.png/v1/fit/w_500,h_500,q_80,enc_auto/zr-monogram.png);mask-image:url(https://static.wixstatic.com/media/facf8e_787cee1c5b0749098208361b2191e13a~mv2.png/v1/fit/w_500,h_500,q_80,enc_auto/zr-monogram.png);-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain;filter:none!important;object-fit:contain}
.site-footer .foot-brand .brand-mark{background-color:#A9D3C8}
.site-header .brand-name,.site-footer .foot-brand .brand-name{font-family:'Open Sans',Arial,sans-serif!important;font-weight:300!important;letter-spacing:.14em!important;text-transform:uppercase;white-space:nowrap;line-height:1;color:#233B37}
.site-header .brand-tag,.site-footer .foot-brand .brand-tag{font-family:'Open Sans',Arial,sans-serif!important;font-weight:400!important;letter-spacing:.025em!important;line-height:1.28;max-width:none;white-space:normal;margin-top:.3rem;color:#526A62}
.site-footer .foot-brand .brand-name{color:#FBFAF5}
.site-footer .foot-brand .brand-tag{color:#D5E2D9}
.site-header .brand{gap:.65rem;min-width:0}
.site-footer .foot-brand .brand{gap:.65rem;min-width:0}
.site-header .brand-text,.site-footer .foot-brand .brand-text{min-width:0}
.site-header .brand-name{font-size:clamp(1rem,1.45vw,1.45rem)!important}
.site-header .brand-tag,.site-footer .foot-brand .brand-tag{font-size:clamp(.62rem,.72vw,.78rem)!important}
.site-footer .foot-brand .brand-name{font-size:clamp(1rem,1.45vw,1.45rem)!important}
.site-footer .foot-brand .brand-tag{font-size:clamp(.62rem,.72vw,.78rem)!important}
@media(min-width:768px){.site-header .brand-mark,.site-footer .foot-brand .brand-mark{width:64px;height:64px}.site-header .brand-name,.site-footer .foot-brand .brand-name{font-size:1.25rem!important}.site-header .brand-tag,.site-footer .foot-brand .brand-tag{font-size:.72rem!important}}
@media(min-width:1280px){.site-header .brand-mark,.site-footer .foot-brand .brand-mark{width:80px;height:80px}.site-header .brand{gap:.8rem}.site-footer .foot-brand .brand{gap:.8rem}.site-header .brand-name,.site-footer .foot-brand .brand-name{font-size:1.45rem!important}.site-header .brand-tag,.site-footer .foot-brand .brand-tag{font-size:.76rem!important}}
@media(min-width:1920px){.site-header .brand-mark,.site-footer .foot-brand .brand-mark{width:88px;height:88px}.site-header .brand-name,.site-footer .foot-brand .brand-name{font-size:1.58rem!important}.site-header .brand-tag,.site-footer .foot-brand .brand-tag{font-size:.8rem!important}}
@media(max-width:767px){.site-header .brand-tag{max-width:14rem}.site-header .brand-name{letter-spacing:.11em!important}.site-header .brand{gap:.55rem}}
@media(max-width:380px){.site-header .brand-mark{width:52px;height:52px}.site-header .brand-name{font-size:.95rem!important;letter-spacing:.085em!important}.site-header .brand-tag{font-size:.58rem!important;max-width:9.5rem}}
@media(max-width:360px){.site-header .brand-mark{width:52px;height:52px}.site-header .brand-name{font-size:.88rem!important;letter-spacing:.075em!important}.site-header .brand-tag{font-size:.56rem!important}}
#associates{scroll-margin-top:8.5rem}
/* The two home hero shortcuts use a light warm surface over the film. */
.home-hero .hero-paths a{color:#233B37;background:rgba(251,250,245,.94);border:1px solid #526A62;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);text-shadow:none}
.home-hero .hero-paths a:hover{color:#233B37;background:rgba(241,231,215,.96);border-color:#2F6A60}
.home-hero .hero-paths a:focus-visible{outline:3px solid #233B37;outline-offset:3px;box-shadow:0 0 0 2px #FBFAF5}

/* v13 home hero eyebrow: one line wherever it fits, two deliberate lines on phones. */
@media(min-width:768px){.home-hero .label{white-space:nowrap}.home-hero .label .nb{display:inline;width:auto;white-space:nowrap;margin-left:.3em}}
/* v14 footer logo follows the selected mark sizes and colours. */
.site-footer .foot-brand .brand-mark{width:52px!important;height:52px!important;background-color:#A9D3C8!important;filter:none!important}
@media(min-width:768px){.site-footer .foot-brand .brand-mark{width:64px!important;height:64px!important}}
@media(min-width:1280px){.site-footer .foot-brand .brand-mark{width:80px!important;height:80px!important}}
@media(min-width:1920px){.site-footer .foot-brand .brand-mark{width:88px!important;height:88px!important}}

/* Real photographs as hero images: a stronger veil keeps the white text readable (measured, 24 Oct) */
.hero-img[src*="/photos/"]~.hero-shade{background:linear-gradient(0deg,rgba(35,59,55,.9) 0%,rgba(35,59,55,.74) 50%,rgba(35,59,55,.62) 100%)}
@media(min-width:900px){.hero-img[src*="/photos/"]~.hero-shade{background:linear-gradient(90deg,rgba(35,59,55,.9) 0%,rgba(35,59,55,.82) 50%,rgba(35,59,55,.56) 100%),linear-gradient(0deg,rgba(35,59,55,.55) 0%,rgba(35,59,55,0) 60%)}}