.homepage{--home-space:clamp(64px,7.5vw,112px)}
.homepage .header{position:absolute}
.homepage .hero-foot{display:none}
.homepage .header nav a{font-size:14px;font-weight:600}
.homepage .header .header-cta{font-size:13px;font-weight:600}
.homepage .header .menu-toggle{font-size:16px;font-weight:600}
.homepage .header #phone-menu a{font-size:16px;font-weight:600}
.white-hero-preview .hero-copy{color:#fff}
.white-hero-preview .homepage .header>nav:not(#phone-menu) a,.white-hero-preview .homepage .menu-toggle{color:#fff}
.white-hero-preview .homepage .header #phone-menu{background:var(--forest)}
.white-hero-preview .homepage .header #phone-menu a{color:#fff}
.white-hero-preview .homepage .hero-foot,.white-hero-preview .homepage .header-cta{color:#fff}
.white-hero-preview .homepage .hero .button,.white-hero-preview .homepage .hero-foot a{background:var(--forest);color:#fff}
.white-hero-preview .homepage .hero .button>.button-icon{background:var(--paper);color:var(--forest)}
.white-hero-preview .homepage .header>nav a:is(:hover,:focus-visible){background:var(--forest);color:#fff}
.homepage .home-reasons .change-content{padding:80px 7% 20px}
.homepage .home-reasons .copy-stage{max-width:1080px}
.homepage .home-reasons .after-copy>p{max-width:54ch;margin:24px auto 0}
.enquiry-reasons{display:grid;grid-template-columns:1fr 1fr;gap:42px 70px;text-align:left;list-style:none;padding:0;margin:52px 0 0}
.homepage .enquiry-reasons h3{font-size:34px;line-height:1.1}
.homepage .enquiry-reasons p{font-size:15px;line-height:1.75;margin-top:14px;max-width:44ch}
.reason-tbc{font:600 12px/1.5 Karla,sans-serif;white-space:nowrap}
.homepage .home-reasons .after-copy>.reasons-note{font-size:12px;max-width:70ch;margin-top:40px}
@media(max-width:720px){.homepage .home-reasons .change-content{padding:60px 24px 0}.enquiry-reasons{grid-template-columns:1fr;gap:30px;margin-top:36px}.homepage .enquiry-reasons h3{font-size:32px}.homepage .enquiry-reasons p{font-size:14px}.homepage .home-reasons .copy-stage h2{font-size:clamp(40px,8vw,58px)}}
@media(max-width:720px){
  .homepage .hero,.gentle:has(.homepage) .world{height:clamp(960px,150vw,1040px);min-height:0}
  .homepage .hero-foot{font-size:12px;gap:24px;align-items:flex-end}
  .homepage .hero-foot>span{max-width:26ch}
  .homepage .hero-foot a{max-width:19ch}
}
@media(max-width:360px){.homepage .hero,.gentle:has(.homepage) .world{height:920px}}
.home-section{padding:var(--home-space) 7%;background:var(--paper)}
.homepage h2{font-size:clamp(52px,5vw,76px);line-height:1.01}
.homepage h3{font-size:36px;line-height:1.08}
.homepage .services{padding-bottom:80px}
.home-about{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(50px,9vw,145px);align-items:center;padding-top:60px;padding-bottom:110px}
.clara-photo{margin:0;max-width:510px;position:relative}
.clara-photo>img{display:block;width:100%;height:630px;object-fit:cover;object-position:50% 13%}
.clara-photo figcaption{font:500 26px/1.2 Bodoni,serif;margin-top:14px}
.about-copy{max-width:470px}
.about-copy h2{margin-bottom:30px}
.about-copy>p{font-size:15px;max-width:43ch;margin-top:20px}
.about-copy .practitioner-role{font-size:12px;margin:26px 0;color:var(--forest)}
.about-copy>.button{margin-top:4px}
.plain-link{display:inline-flex;align-items:center;gap:18px;font-size:13px;line-height:1.6;margin-top:30px;text-decoration:underline;text-underline-offset:7px;padding-bottom:7px}
.plain-link svg{width:17px;height:17px;transition:transform .2s ease-out}.plain-link:hover svg{transform:translateX(3px)}
.home-contact figure{margin:0;overflow:hidden;min-width:0}
.home-faq{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;background:var(--mint);padding-top:90px;padding-bottom:100px}
.home-faq>div>p{font-size:14px;max-width:30ch;margin-top:25px}
.faq-items details{margin-bottom:4px}
.faq-items details:last-child{margin-bottom:0}
.faq-items summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;list-style:none;font-size:14px;line-height:1.6;min-height:74px;padding:20px 0}
.faq-items summary::-webkit-details-marker{display:none}
/* taste-skill-ignore: functional plus/minus disclosure icon, not a decorative rule */
.faq-symbol{position:relative;width:18px;height:18px;flex-shrink:0}.faq-symbol:before,.faq-symbol:after{content:'';position:absolute;background:currentColor;top:8px;left:1px;width:16px;height:1px}.faq-symbol:after{transform:rotate(90deg);transition:transform .2s ease-out}.faq-items details[open] .faq-symbol:after{transform:rotate(0)} /* taste-skill-ignore: functional plus/minus disclosure icon */
.faq-answer{font-size:13px;line-height:1.8;padding:0 28px 24px 0;max-width:52ch}.faq-answer p+p{margin-top:14px}
.home-contact{display:grid;grid-template-columns:1fr 1fr;background:var(--blush);color:var(--forest);min-height:650px}
.home-contact figure img{display:block;width:100%;height:100%;min-height:650px;object-fit:cover;object-position:42% 50%}
.home-contact>div{padding:85px 12%;align-self:center}.home-contact h2{font-size:clamp(62px,6vw,88px);margin-bottom:28px}.home-contact p{font-size:14px;max-width:36ch;margin-top:18px}.home-contact .button{margin-top:28px}.contact-email{display:block;font-size:13px;margin-top:22px;overflow-wrap:anywhere}.home-contact .contact-practical{font-size:11px;line-height:1.8;margin-top:24px}
.home-footer{background:var(--forest);color:var(--paper);padding:65px 7% 25px}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;align-items:start}.footer-top>p{font-size:13px;line-height:1.9}.footer-top nav{display:grid;gap:7px;justify-self:end}.footer-top nav a{font-size:12px;padding:3px 0;text-decoration:none}.footer-top nav a:hover{text-decoration:underline}.footer-base{margin-top:55px;padding-top:20px;display:flex;justify-content:space-between;gap:20px;font-size:10px}.footer-base a{overflow-wrap:anywhere}
.homepage .header{gap:16px}.homepage .header nav a{padding-inline:12px}.homepage .header>nav{white-space:nowrap}.homepage .header-cta{font-size:11px;gap:12px;padding-left:20px}.homepage .study-footer{font-size:10px;align-items:center}.homepage .study-footer .text-link{font-size:10px}
.home-faq summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(min-width:1650px){.home-section{padding-inline:max(7%,calc((100vw - 1450px)/2))}.home-about{gap:130px}}
/* taste-skill-ignore: shadow is on the actual floating navigation overlay */
@media(max-width:1150px){.homepage .header>nav:not(#phone-menu),.homepage .header-cta{display:none}.homepage .menu-toggle{display:block}.homepage .header #phone-menu{position:absolute;display:flex;flex-direction:column;top:85px;right:5%;background:var(--paper);padding:14px;border-radius:20px;box-shadow:0 12px 35px rgb(15 35 24 / .12)}.homepage #phone-menu a{font-size:13px;padding:12px 16px}.home-about{gap:7%}.clara-photo>img{height:560px}.home-contact>div{padding:65px 10%}.home-faq{gap:7%}.homepage h3{font-size:31px}} /* taste-skill-ignore: actual floating navigation overlay */
@media(max-width:720px){.home-section{padding:60px 24px}.homepage h2{font-size:51px}.homepage h3{font-size:31px}.homepage .services{padding-bottom:35px}.home-about{display:flex;flex-direction:column;gap:35px;padding-top:15px;padding-bottom:60px}.clara-photo{width:100%;max-width:400px}.clara-photo>img{height:auto;aspect-ratio:4/5;object-position:50% 12%}.clara-photo figcaption{font-size:23px}.about-copy{max-width:100%}.about-copy h2{font-size:62px;margin-bottom:24px}.about-copy>p{font-size:14px;margin-top:18px}.about-copy .practitioner-role{font-size:11px;margin:23px 0}.about-copy .button{font-size:11px;gap:12px;padding-left:20px}.home-faq{display:block}.home-faq>div>p{max-width:34ch;margin-top:20px}.faq-items{margin-top:32px}.faq-items summary{font-size:13px;min-height:70px}.faq-answer{font-size:12px;padding-right:10px}.home-contact{display:flex;flex-direction:column;min-height:0}.home-contact>div{padding:60px 24px;order:0}.home-contact figure{order:1}.home-contact figure img{height:300px;min-height:0;object-position:50% 42%}.home-contact h2{font-size:65px}.home-contact p{font-size:13px;max-width:34ch}.home-contact .contact-practical{font-size:11px}.home-footer{padding:45px 24px 25px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>.brand{grid-column:1/-1}.footer-top>p{font-size:11px}.footer-top nav{justify-self:start;gap:7px}.footer-top nav a{font-size:11px}.footer-base{display:block;margin-top:35px;font-size:9px}.footer-base a{display:block;margin-top:10px}.homepage .header #phone-menu{right:24px}.homepage .study-footer{padding:18px 24px;gap:12px}.homepage .study-footer>*{margin:0}.homepage .hero-foot>span{max-width:21ch}}
@media(max-width:360px){.homepage h2{font-size:46px}.about-copy h2{font-size:56px}.about-copy .button{gap:8px;font-size:10px;padding-left:16px}.homepage h3{font-size:28px}.home-contact h2{font-size:59px}.contact-email{font-size:12px}}
@media(prefers-reduced-motion:reduce){.homepage .plain-link svg,.homepage .faq-symbol:after{transition:none}}

.about-copy>.button{background:var(--mint)}.contact-email{font-size:14px}.home-contact .contact-practical{font-size:12px}.footer-base{font-size:11px}.faq-items details{scroll-margin-top:125px}
.home-noscript{display:flex;flex-wrap:wrap;gap:12px 22px;padding:0 7% 24px;background:var(--mint);font-size:13px}html:not(.js) .homepage .header{position:relative;padding:24px 7%}html:not(.js) .homepage .header>nav,html:not(.js) .homepage .menu-toggle,html:not(.js) .homepage .header-cta{display:none}html:not(.js) .homepage .hero-copy{padding-top:75px}
@media(max-width:720px){.footer-base{font-size:10px}}

@media(max-width:720px){.homepage .copy-stage h2{font-size:clamp(34px,11vw,48px);line-height:1.08}}
/* Separate composition preview: same navigation, facts and interaction contract. */
.calm-layout .homepage{--home-space:80px}
.calm-layout .homepage h2{font-size:clamp(44px,4.3vw,62px);line-height:1.08}
.calm-layout .homepage .header nav a{font-size:15px}
.calm-layout .homepage .header-cta{font-size:14px}
.calm-layout .homepage .hero-copy>p{font-size:17px}
.calm-layout .homepage .home-reasons{padding:0}
.calm-layout .homepage .home-reasons .change-content{padding:88px 7% 32px;text-align:left}
.calm-layout .home-reasons .after-copy{display:grid;grid-template-columns:.9fr 1.1fr;grid-template-rows:auto auto 1fr;gap:24px 9%}
.calm-layout .home-reasons h2{grid-column:1;grid-row:1}
.calm-layout .homepage .home-reasons .after-copy>p:not(.reasons-note){grid-column:1;grid-row:2;margin:0;max-width:34ch;align-self:start;font-size:16px}
.calm-layout .enquiry-reasons{grid-column:2;grid-row:1/4;grid-template-columns:1fr;gap:25px;margin:0}
.calm-layout .homepage .enquiry-reasons h3{font-size:28px;line-height:1.15}
.calm-layout .homepage .enquiry-reasons p{margin-top:8px;font-size:16px;max-width:48ch}
.calm-layout .homepage .home-reasons .after-copy>.reasons-note{grid-column:1;grid-row:3;margin:0;max-width:34ch;line-height:1.7;align-self:start}
.calm-layout .homepage .services{padding:55px 7% 72px}
.calm-layout .homepage .home-about{padding:30px 7% 85px;gap:9%;grid-template-columns:.9fr 1.1fr}
.calm-layout .clara-photo{max-width:440px}
.calm-layout .clara-photo>img{height:510px;object-position:50% 15%}
.calm-layout .about-copy{max-width:500px}
.calm-layout .about-copy>p{font-size:16px;line-height:1.85}
.calm-layout .about-copy .practitioner-role{font-size:14px}
.calm-layout .home-faq{background:var(--paper);padding:80px 7%;gap:9%}
.calm-layout .faq-items summary{font-size:16px;min-height:68px}
.calm-layout .faq-answer{font-size:15px;line-height:1.85}
.calm-layout .home-faq>div>p{font-size:16px}
.calm-layout .home-ending{isolation:isolate;position:relative;background:var(--forest);color:var(--paper)}
.calm-layout .home-ending:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgb(20 42 28 / .92),rgb(20 42 28 / .67)),url('assets/woodland.png') center 48%/cover no-repeat} /* Functional photo scrim: readable contact and navigation */
.calm-layout .home-contact{background:transparent;color:inherit;display:block;min-height:0}
.calm-layout .home-contact figure{display:none}
.calm-layout .home-contact>div{padding:85px 7% 64px;max-width:900px}
.calm-layout .home-contact h2{font-size:clamp(55px,6vw,80px)}
.calm-layout .home-contact p{font-size:16px;line-height:1.8;max-width:43ch}
.calm-layout .home-contact .contact-practical{font-size:14px}
.calm-layout .contact-email{font-size:16px}
.calm-layout .home-footer{background:transparent;padding:0 7% 30px}
.calm-layout .footer-top{gap:40px;align-items:start}
.calm-layout .footer-top>p{font-size:14px}
.calm-layout .footer-top nav a{font-size:15px;min-height:36px;display:flex;align-items:center}
.calm-layout .footer-base{font-size:13px;margin-top:40px}
.calm-layout .home-ending a:focus-visible{outline-color:var(--paper)}
@media(max-width:1150px){.calm-layout .homepage .header nav a{font-size:16px}.calm-layout .clara-photo>img{height:480px}}
@media(max-width:720px){
.calm-layout .homepage h2{font-size:46px}
.calm-layout .homepage .hero-copy>p{font-size:16px}
.calm-layout .homepage .home-reasons .change-content{padding:55px 24px 10px}
.calm-layout .home-reasons .after-copy{display:block}
.calm-layout .homepage .home-reasons .copy-stage h2{font-size:44px}
.calm-layout .homepage .home-reasons .after-copy>p:not(.reasons-note){max-width:40ch}
.calm-layout .enquiry-reasons{margin-top:32px;gap:24px}
.calm-layout .homepage .enquiry-reasons h3{font-size:28px}
.calm-layout .homepage .home-reasons .after-copy>.reasons-note{max-width:42ch;margin-top:28px}
.calm-layout .homepage .services{padding:35px 24px 55px}
.calm-layout .homepage .home-about{padding:0 24px 55px;gap:28px}
.calm-layout .clara-photo>img{height:auto;aspect-ratio:4/5}
.calm-layout .home-faq{padding:55px 24px}
.calm-layout .faq-items summary{padding:18px 0;font-size:16px}
.calm-layout .home-contact>div{padding:60px 24px 45px}
.calm-layout .home-contact h2{font-size:60px}
.calm-layout .home-footer{padding:0 24px 25px}
.calm-layout .footer-top{grid-template-columns:1fr;gap:25px}
.calm-layout .footer-top>.brand{grid-column:auto}
.calm-layout .footer-top nav{justify-self:start;grid-template-columns:1fr 1fr;gap:8px 22px}
.calm-layout .footer-base{font-size:12px;margin-top:28px}
}
/* Original nature-led direction. Text, controls and page position stay still. */
.nature-layout .home-ending{overflow:hidden}
.nature-layout .home-ending:before{background-image:linear-gradient(90deg,rgb(20 42 28 / .88),rgb(20 42 28 / .6)),var(--nature-landscape);background-position:center;background-size:cover}
.nature-layout .nature-foliage{display:block;position:absolute;pointer-events:none;right:-25px;top:0;width:min(40vw,490px);height:410px;background:var(--nature-leaves) top right/contain no-repeat;transform-origin:100% 0;opacity:.52;z-index:-1}
.nature-foliage{display:none}
@media(max-width:720px){.nature-layout .nature-foliage{width:230px;height:280px;right:-65px;opacity:.28}.nature-layout .home-ending:before{background-position:40% center;background-image:linear-gradient(90deg,rgb(20 42 28 / .88),rgb(20 42 28 / .75)),var(--nature-landscape)}}
/* Editorial composition: rebuilt lower homepage, not an image-only variant. */
.nature-editorial .editorial-reasons{background:var(--paper);padding:48px 7% 20px;height:auto}
.nature-editorial .editorial-reasons .after-copy{display:grid;grid-template-columns:1fr 1.12fr;gap:8%;max-width:1220px;margin-inline:auto;position:relative;opacity:1;visibility:visible}
.nature-editorial .reasons-intro h2{font-size:64px;max-width:13ch}
.nature-editorial .reasons-intro>p{font-size:17px;line-height:1.85;max-width:37ch;margin-top:24px}
.nature-editorial .reasons-intro .plain-link{font-size:15px;margin-top:24px}
.nature-editorial .editorial-tbc{font-size:12px;line-height:1.7;margin:22px 0 0;max-width:45ch}
.nature-editorial .homepage .services{padding:40px 7% 60px}
.nature-editorial .homepage .home-about{background:var(--paper);padding:45px 7% 100px;grid-template-columns:.84fr 1.16fr;gap:10%;align-items:center}
.nature-editorial .clara-photo{max-width:440px}
.nature-editorial .clara-photo>img{height:565px;object-position:50% 13%}
.nature-editorial .clara-photo figcaption{font-size:28px;margin-top:18px}
.nature-editorial .about-copy{max-width:570px}
.nature-editorial .about-copy h2{font-size:68px;margin-bottom:26px}
.nature-editorial .about-copy>p:first-of-type{font-size:23px;line-height:1.5;font-family:Karla,sans-serif;max-width:36ch}
.nature-editorial .about-copy>p:nth-of-type(2){font-size:17px;line-height:1.85}
.nature-editorial .about-copy .practitioner-role{font-size:13px}
.nature-editorial .home-faq{display:block;padding:80px 7% 90px;max-width:none}
.nature-editorial .home-faq>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:60px;max-width:1080px;margin:0 auto 35px}
.nature-editorial .home-faq h2{font-size:54px;max-width:18ch}
.nature-editorial .home-faq>div>p{font-size:16px;margin:0;max-width:29ch}
.nature-editorial .faq-items{max-width:1080px;margin:0 auto}
.nature-editorial .faq-items summary{min-height:72px;font-size:17px;padding:20px 0}
.nature-editorial .faq-answer{max-width:65ch;font-size:16px}
.nature-editorial .home-ending{padding-top:70px}
.nature-editorial .home-ending:before{background-image:linear-gradient(0deg,rgb(20 42 28 / .9),rgb(20 42 28 / .05) 70%),linear-gradient(90deg,rgb(20 42 28 / .28),rgb(20 42 28 / .2)),var(--nature-landscape);background-position:center;background-size:cover}
.nature-editorial .home-contact{padding:0 7%}
.nature-editorial .home-contact>div{background:var(--paper);color:var(--forest);width:min(100%,560px);max-width:none;margin:0;padding:46px 48px}
.nature-editorial .home-contact h2{font-size:66px;margin-bottom:24px}
.nature-editorial .home-contact p{font-size:16px;line-height:1.8}
.nature-editorial .home-contact .contact-practical{font-size:14px}
.nature-editorial .home-contact a:focus-visible{outline-color:var(--forest)}
.nature-editorial .home-footer{padding:65px 7% 30px}
.nature-editorial .home-footer .brand{font-size:42px}
.nature-editorial .home-footer nav a{font-size:15px;min-height:38px}
.nature-editorial .home-footer .footer-base{margin-top:35px}
.nature-editorial summary:focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(max-width:1000px) and (min-width:721px){.nature-editorial .editorial-reasons .after-copy{gap:6%}.nature-editorial .reasons-intro h2{font-size:52px}.nature-editorial .about-copy h2{font-size:56px}}
@media(max-width:720px){
.nature-editorial .editorial-reasons{padding:40px 24px 50px}
.nature-editorial .editorial-reasons .after-copy{display:block}
.nature-editorial .reasons-intro h2{font-size:48px}
.nature-editorial .reasons-intro>p{font-size:16px;margin-top:20px}
.nature-editorial .homepage .services{padding:55px 24px}
.nature-editorial .homepage .home-about{padding:15px 24px 60px;gap:30px}
.nature-editorial .clara-photo>img{height:auto;aspect-ratio:4/5}
.nature-editorial .about-copy h2{font-size:58px}
.nature-editorial .about-copy>p:first-of-type{font-size:24px}
.nature-editorial .about-copy>p:nth-of-type(2){font-size:16px}
.nature-editorial .home-faq{padding:55px 24px}
.nature-editorial .home-faq>div:first-child{display:block;margin-bottom:20px}
.nature-editorial .home-faq h2{font-size:46px}
.nature-editorial .home-faq>div>p{margin-top:20px;max-width:34ch}
.nature-editorial .faq-items summary{font-size:16px}
.nature-editorial .home-ending{padding-top:40px}
.nature-editorial .home-contact{padding:0 20px}
.nature-editorial .home-contact>div{padding:30px 24px;width:100%}
.nature-editorial .home-contact h2{font-size:54px}
.nature-editorial .home-footer{padding:45px 24px 25px}
.nature-editorial .home-footer .brand{font-size:36px}
.nature-editorial .home-ending:before{background-position:55% center}
}
/* Compact, unified practitioner introduction. */
.nature-editorial .homepage .home-about{max-width:1220px;margin:0 auto 70px;padding:40px;background:var(--mint);grid-template-columns:minmax(280px,.85fr) minmax(0,1.15fr);gap:55px;align-items:center}
.nature-editorial .clara-photo{width:100%;max-width:400px}
.nature-editorial .clara-photo>img{height:510px}
.nature-editorial .about-copy{max-width:560px}
.nature-editorial .about-copy h2{font-size:56px;margin-bottom:22px}
.nature-editorial .about-copy h2 br{display:none}
.nature-editorial .about-copy>p:first-of-type{font-size:22px;line-height:1.55;max-width:42ch}
.nature-editorial .about-copy>p:nth-of-type(2){font-size:16px;line-height:1.8;margin-top:18px}
.nature-editorial .about-copy .practitioner-role{display:none}
.nature-editorial .about-copy>.button{margin-top:15px;background:var(--paper)}
@media(min-width:721px) and (max-width:1300px){.nature-editorial .homepage .home-about{margin-inline:5%;padding:32px;gap:40px}.nature-editorial .about-copy h2{font-size:50px}}
@media(max-width:720px){.nature-editorial .homepage .home-about{margin:0;padding:35px 24px 45px;gap:28px}.nature-editorial .clara-photo{max-width:400px}.nature-editorial .clara-photo>img{height:auto;aspect-ratio:4/5}.nature-editorial .about-copy h2{font-size:48px}.nature-editorial .about-copy>p:first-of-type{font-size:23px}}
/* Revision 10: calm pass. Hero visible at once, open reasons, softer online block, static nature, legibility floor. */
.nature-editorial .editorial-reasons{position:relative;overflow:hidden;padding:56px 7% 80px}
.nature-editorial .editorial-reasons .after-copy{display:block;max-width:1220px;margin-inline:auto;position:relative}
.nature-editorial .reasons-intro{max-width:600px}
.nature-editorial .reason-list{list-style:none;padding:0;margin:44px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:20px}
.nature-editorial .reason-list li{background:var(--mint);padding:32px 34px 22px}
.nature-editorial .reason-list h3{font-size:32px;line-height:1.15}
.nature-editorial .reason-list p{font-size:17px;line-height:1.8;margin-top:12px;max-width:40ch}
.nature-editorial .reason-list a{display:inline-flex;align-items:center;gap:14px;min-height:44px;margin-top:8px;font-size:15px}
.nature-editorial .reason-tbc{font-size:14px}
.nature-editorial .editorial-tbc{font-size:14px;margin-top:24px}
.botanical-touch{position:absolute;pointer-events:none;display:block;height:auto}
.editorial-reasons>.botanical-touch{width:210px;top:-10px;right:2%;transform:rotate(23deg);opacity:.9}
.home-faq>.botanical-touch{width:440px;height:290px;top:-165px;right:-70px;background:var(--nature-leaves) top right/contain no-repeat;mix-blend-mode:multiply;opacity:.6}

.nature-editorial .home-faq{position:relative;overflow:hidden;background:var(--mint)}
@media(max-width:1000px){.editorial-reasons>.botanical-touch{display:none}.home-faq>.botanical-touch{width:300px;height:200px;top:-110px;right:-70px}}
@media(max-width:720px){
.nature-editorial .reason-list{grid-template-columns:1fr;gap:16px;margin-top:32px}
.nature-editorial .reason-list li{padding:26px 24px 18px}
.nature-editorial .reason-list h3{font-size:30px}
.home-faq>.botanical-touch{width:240px;height:160px;right:-60px;top:-85px}
}
/* Revision 10 legibility floor: body 17px (16px on phones), small UI text 14px or more. */
.homepage .brand small{font-size:14px;letter-spacing:.16em;margin-top:7px}
.homepage .button,.homepage .text-link{font-size:15px}
.homepage .header .header-cta{font-size:14px}
.homepage .about-copy .button{font-size:15px}
.homepage .hero-copy>p{font-size:17px}
.nature-editorial .about-copy>p:nth-of-type(2){font-size:17px}
.nature-editorial .home-faq>div>p,.nature-editorial .faq-answer{font-size:17px}
.nature-editorial .home-contact p{font-size:17px}
.nature-editorial .home-contact .contact-practical,.homepage .contact-email{font-size:15px}
.homepage .footer-top>p{font-size:16px}
.homepage .footer-base{font-size:14px}
.homepage .study-footer,.homepage .study-footer .text-link{font-size:14px}
@media(max-width:720px){
.homepage .hero-copy>p{font-size:16px}
.nature-editorial .about-copy>p:nth-of-type(2),.nature-editorial .home-faq>div>p,.nature-editorial .faq-answer,.nature-editorial .home-contact p,.nature-editorial .home-contact .contact-practical{font-size:16px}
.homepage .about-copy .button,.homepage .button,.homepage .text-link{font-size:15px}
.homepage .footer-top>p{font-size:15px}
.homepage .footer-top nav a{font-size:15px}
.homepage .study-footer,.homepage .study-footer .text-link{font-size:14px}
}
/* Revision 11: phone layout pass (D010-D014). Phone only; nothing here applies above 720px except the hidden strip default. */
@media(max-width:720px){
/* D011: hero height on phones, no empty gap after it */
html.gentle body.homepage .hero,html.gentle:has(body.homepage) .world{height:775px;min-height:0}
html.gentle body.homepage .hero-copy{padding-top:120px}
/* D014: tighter section spacing, one static nature strip */
.nature-editorial .homepage .services{padding:36px 24px}
/* D012: compact Clara intro, small portrait beside the greeting */
.nature-editorial .homepage .home-about{display:grid;grid-template-columns:112px 1fr;column-gap:20px;row-gap:0;align-items:center;padding:20px 24px 40px}
.nature-editorial .homepage .clara-photo{grid-area:1/1;max-width:none;width:112px}
.nature-editorial .homepage .clara-photo>img{width:112px;height:140px;aspect-ratio:auto;object-fit:cover;object-position:50% 12%;border-radius:16px}
.nature-editorial .homepage .clara-photo figcaption{font-size:15px;line-height:1.3;margin-top:6px}
.nature-editorial .homepage .about-copy{display:contents}
.nature-editorial .homepage .about-copy>*{grid-column:1/-1}
.nature-editorial .homepage .about-copy h2{grid-area:1/2;font-size:42px;margin:0;line-height:1.05}
.nature-editorial .homepage .about-copy h2 br{display:inline}
.nature-editorial .homepage .about-copy>p:first-of-type{font-size:18px;line-height:1.5;margin-top:20px}
.nature-editorial .homepage .about-copy>p:nth-of-type(2){margin-top:12px;line-height:1.6}
.nature-editorial .homepage .about-copy>.button{margin-top:18px;justify-self:start}
/* D013: reasons as a tight list with thin dividers and a small leaf marker */
.nature-editorial .editorial-reasons{padding:32px 24px 36px}
.nature-editorial .reason-list{margin-top:20px;gap:0;border-bottom:1px solid rgb(41 70 52 / .22)}
.nature-editorial .reason-list li{background:none;padding:14px 0 6px;border-top:1px solid rgb(41 70 52 / .22)}
.nature-editorial .reason-list h3{font-size:24px;line-height:1.15}
.nature-editorial .reason-list h3:before{content:"";display:inline-block;width:11px;height:11px;margin-right:10px;border-radius:0 100% 0 100%;background:var(--forest);vertical-align:.05em}
.nature-editorial .reason-list p{font-size:16px;line-height:1.5;margin-top:6px}
.nature-editorial .reason-list a{min-height:44px;margin-top:0}
.nature-editorial .editorial-tbc{margin-top:14px}
}
@media(max-width:360px){html.gentle body.homepage .hero,html.gentle:has(body.homepage) .world{height:775px}.nature-editorial .homepage .about-copy h2{font-size:38px}}
/* Revision 12: section system (D015-D019). One header unit, one spacing value per breakpoint, paper base with mint at #home and #online only. */
html.nature-editorial body.homepage{--sec-space:var(--s-80)}
@media(max-width:999px){html.nature-editorial body.homepage{--sec-space:var(--s-64)}}
@media(max-width:720px){html.nature-editorial body.homepage{--sec-space:var(--s-48)}}
html.nature-editorial body.homepage :is(#clara,#begin,#therapies,#online,#questions){padding-top:var(--sec-space);padding-bottom:var(--sec-space)}
html.nature-editorial body.homepage .home-ending{padding-top:var(--sec-space)}
/* D015/D017: paper backgrounds, no panel around Clara */
html.nature-editorial body.homepage #clara{max-width:none;margin:0;background:var(--paper);padding-inline:max(7%,calc((100vw - 1220px)/2))}
html.nature-editorial body.homepage #questions{background:var(--paper)}
html.nature-editorial body.homepage #questions>div:first-child{display:block;max-width:1080px;margin:0 auto var(--content-gap)}
html.nature-editorial body.homepage #questions>div:first-child>p{margin-top:var(--intro-gap)}
/* D018: two botanical accents, top-right of the section header, desktop only */
html.nature-editorial body.homepage #begin>.botanical-touch{width:190px;height:auto;top:var(--sec-space);right:max(7%,calc((100% - 1220px)/2));transform:none;opacity:1;z-index:1}
html.nature-editorial body.homepage #questions>.botanical-touch{width:300px;height:auto;top:40px;right:max(2%,calc((100% - 1380px)/2));background:none;mix-blend-mode:normal;opacity:1}
@media(max-width:999px){html.nature-editorial body.homepage #begin>.botanical-touch,html.nature-editorial body.homepage #questions>.botanical-touch{display:none}}
@media(max-width:720px){
html.nature-editorial body.homepage #clara{background:var(--paper);padding-inline:24px}
}
html.nature-editorial body.homepage .nature-foliage{display:none} /* D018: no botanical accents beyond the two header anchors */
/* Revision 13: Living Grove identity (D020). Bodoni Moda + Karla, forest / leaf / olive / yellow. Structure from D001-D019 unchanged. */
@font-face{font-family:Bodoni;src:url(assets/bodoni.ttf);font-weight:400;font-display:swap}
@font-face{font-family:Karla;src:url(assets/karla.ttf);font-weight:400;font-display:swap}
body.homepage{--forest:#173c30;--deep:#102e25;--leaf:#e6ebde;--olive:#d6d69e;--white:#f1f3e7;--yellow:#e9ce6d;--focus:#b88b13;--paper:var(--leaf);--mint:var(--olive);--blush:var(--leaf);font-family:Karla,sans-serif;font-synthesis:none;color:var(--forest);scrollbar-color:#96aa83 var(--forest)}
html.gentle body.homepage :is(h1,h2,h3,h4,.brand){font-family:Bodoni,serif;font-weight:400;letter-spacing:-.025em}
html.gentle body.homepage .brand small{font-family:Karla,sans-serif}
/* hero: forest ground, light type */
html.gentle body.homepage .world{background:var(--forest)}
html.gentle body.homepage :is(.hero,.header){color:var(--white)}
html.gentle body.homepage .header>nav:not(#phone-menu){background:rgb(241 243 231 / .12)}
html.gentle body.homepage .header #phone-menu{background:var(--leaf);color:var(--forest)}
html.gentle body.homepage .header #phone-menu a{color:var(--forest)}
html.gentle body.homepage .header .menu-toggle{color:var(--white)}
html.gentle body.homepage .header>nav:not(#phone-menu) a:is(:hover,:focus-visible){color:var(--forest)}
html.gentle body.homepage .header>nav:not(#phone-menu) a:before{background:var(--white)}
/* actions: yellow with forest text, everywhere */
html.gentle body.homepage :is(a.button,.header-cta){background:var(--yellow);color:var(--forest);backdrop-filter:none}
html.gentle body.homepage :is(a.button,.header-cta):before{background:var(--white)}
html.gentle body.homepage :is(a.button,.header-cta):is(:hover,:focus-visible){color:var(--forest)}
html.gentle body.homepage :is(a.button,.header-cta)>.button-icon{background:var(--forest);color:var(--white)}
html.gentle body.homepage :is(a.button,.header-cta):is(:hover,:focus-visible)>.button-icon{background:var(--forest);color:var(--white)}
/* focus */
html.gentle body.homepage *:focus-visible{outline:3px solid var(--forest);outline-offset:5px}
html.gentle body.homepage :is(.header,#home,.home-footer) :focus-visible{outline-color:var(--yellow)}
html.gentle body.homepage ::selection{background:var(--yellow);color:var(--deep)}
/* cards: deep tone, white text, deep scrim */
/* leaf cards and numbers */
html.gentle body.homepage .reason-list li{background:var(--white)}
/* dark photo ending: forest/deep overlay, white text */
html.gentle body.homepage .home-ending{background:var(--deep);color:var(--white)}
html.gentle body.homepage.homepage .home-ending:before{background-image:linear-gradient(0deg,rgb(16 46 37 / .94) 0%,rgb(16 46 37 / .7) 22%,rgb(16 46 37 / .08) 52%,transparent 70%),linear-gradient(rgb(255 236 190 / .1),rgb(255 236 190 / .1)),var(--nature-landscape)}
html.gentle body.homepage .home-contact>div{color:var(--forest)}
/* Bodoni runs wider than Cormorant: phone h1/h2 sized so each line of the headline fits without a one-word first line */
@media(max-width:720px){
html.gentle body.homepage .hero h1{font-size:clamp(34px,11vw,46px);line-height:1.08;letter-spacing:-.035em} /* V42-HERO-H1: smaller on phone at the user's request (was clamp(38px,13vw,56px)) */
}

/* Revision 14: spacing scale (D023), hero entrance (D022). Section padding 80/64/48; eyebrow->h2 12; h2->intro 16; intro->content 32 desktop / 24 phone. */
body.homepage{--s-4:4px;--s-8:8px;--s-12:12px;--s-16:16px;--s-24:24px;--s-32:32px;--s-48:48px;--s-64:64px;--s-80:80px;--s-96:96px;--intro-gap:var(--s-16);--content-gap:var(--s-32);--foot-gap:var(--s-48)}
@media(max-width:720px){body.homepage{--content-gap:var(--s-24);--foot-gap:var(--s-32)}}
html.nature-editorial body.homepage :is(#clara,#begin,#therapies,#online,#questions,#enquire) h2{margin-top:0;margin-bottom:0}
html.nature-editorial body.homepage #begin .reasons-intro>p{margin-top:var(--intro-gap)}
html.nature-editorial body.homepage #begin .reason-list{margin-top:var(--content-gap)}
html.nature-editorial body.homepage #enquire h2+p{margin-top:var(--intro-gap)}
html.nature-editorial body.homepage .home-footer{padding-top:var(--foot-gap)}
/* D022: hero starts hidden only while the entrance is about to run (mode.js sets hero-enter); failsafe reveals it if scripts fail. Masked heading lines. */
body.homepage .hero h1 .line{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em}
body.homepage .hero h1 .line>span{display:block}
html.hero-enter body.homepage :is(.hero h1 .line>span,.hero-copy>p,.hero-actions,.header .brand){visibility:hidden;animation:hero-failsafe 0s 3.5s forwards}
@keyframes hero-failsafe{to{visibility:visible}}
html.nature-editorial body.homepage .footer-base{margin-top:var(--s-24)}
@media(max-width:720px){
html.nature-editorial body.homepage .footer-base{margin-top:var(--s-16)}
}
/* D025: thin lines on the service cards */
/* D026: the first screen shows the hero only; it fills the screen and never gets shorter than its content */
html.gentle body.homepage .hero,html.gentle:has(body.homepage) .world{height:max(780px,100vh);height:max(780px,100lvh);min-height:0}
@media(max-width:720px){html.gentle body.homepage .hero,html.gentle:has(body.homepage) .world{height:max(990px,100vh);height:max(990px,100lvh)}} /* room for the text plus the branch below it *//* D027/V42-HERO: hero composition (reverses V4-HERO). Forest ground with soft golden light; the photoreal lemon branch rises from the bottom-right corner. Static: no wind loop (D029 dropped). */
html.gentle:has(body.homepage) .world{background:radial-gradient(ellipse 34% 46% at 78% 36%,rgb(240 214 120 / .22),transparent 70%),radial-gradient(ellipse 120% 90% at 30% 40%,transparent 55%,rgb(10 32 25 / .75)),var(--forest)}
/* V42-HERO-DEPTH: the branch casts a soft shadow on the green; a blurred, out-of-focus copy of the branch sits high behind it (desktop only). */
html.gentle body.homepage .branch{filter:drop-shadow(-26px 34px 30px rgb(6 22 16 / .55))}
html.gentle:has(body.homepage) .world:before{content:'';position:absolute;top:-16%;right:22%;height:58%;aspect-ratio:1086/1448;background:url(assets/lemon-branch.webp) center/contain no-repeat;transform:rotate(152deg);filter:blur(14px) brightness(.75) saturate(.8);opacity:.38;pointer-events:none}
@media(min-width:721px) and (max-width:1100px) and (max-aspect-ratio:1/1){html.gentle body.homepage .hero,html.gentle:has(body.homepage) .world{height:max(1140px,100vh);height:max(1140px,100lvh)}}
@media(min-width:721px){
html.gentle body.homepage .hero{display:flex;align-items:center}
html.gentle body.homepage .hero-copy{padding:112px 0 8vh 7%}
html.gentle body.homepage .branch{top:auto;bottom:-7%;right:-3%;height:104%;width:auto;max-width:56%;transform:rotate(-8deg);transform-origin:80% 100%}
}
@media(max-width:720px){
html.gentle body.homepage .hero-actions .text-link{display:none}
html.gentle body.homepage .branch{top:auto;bottom:-7%;right:-14%;width:auto;height:44%;max-width:none;transform:rotate(-8deg);transform-origin:80% 100%;filter:drop-shadow(-14px 20px 18px rgb(6 22 16 / .5))}
html.gentle:has(body.homepage) .world{background:radial-gradient(ellipse 70% 34% at 72% 82%,rgb(240 214 120 / .2),transparent 70%),var(--forest)}
html.gentle:has(body.homepage) .world:before{display:none}
}
@media(min-width:721px) and (max-aspect-ratio:1/1){
html.gentle body.homepage .hero{align-items:flex-start}
html.gentle body.homepage .hero-copy{padding-top:180px}
html.gentle body.homepage .branch{height:50%;max-width:none;right:-8%}
html.gentle:has(body.homepage) .world:before{display:none}
html.gentle:has(body.homepage) .world{background:radial-gradient(ellipse 70% 40% at 70% 78%,rgb(233 206 109 / .14),transparent 70%),var(--forest)}
}
/* D032: landscape tablets and small laptops: the branch is sized by width and sits in the corner so it never covers the heading. */
@media(min-width:721px) and (max-width:1365px) and (min-aspect-ratio:1/1){
html.gentle body.homepage .branch{max-width:40%;right:-6%;object-position:100% 100%}
}
/* D027: the Menu button keeps the phone's see-through pill at tablet widths too (was light text on a light pill) */
html.gentle body.homepage .header .menu-toggle{background:rgb(242 242 242 / .2);backdrop-filter:blur(22px)}
/* D030: hero paragraph line length per reading research (about 45-75 characters a line): two even lines on desktop, no lone last word */
html.gentle body.homepage .hero-copy>p{max-width:56ch;text-wrap:pretty}
/* D034: Meet Clara, option M1-A (layered portrait, signature, pull quote, offer tags). Supersedes the older #clara layers above (phone grid placement and 104px portrait removed). */
html.nature-editorial body.homepage #clara{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-96);align-items:center;overflow-x:clip;max-width:none;margin:0}
html.nature-editorial body.homepage #clara .clara-photo{position:relative;width:100%;max-width:470px;justify-self:center;margin:0}
html.nature-editorial body.homepage #clara .clara-photo:after{content:'';position:absolute;inset:-18% -30% -10% -20%;background:radial-gradient(closest-side,rgb(233 206 109 / .35),transparent);pointer-events:none}
html.nature-editorial body.homepage #clara .clara-frame{position:relative;z-index:1;aspect-ratio:4/5;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -36px rgb(16 46 37 / .55)}
html.nature-editorial body.homepage #clara .clara-frame img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 0%;border-radius:0}
html.nature-editorial body.homepage #clara .about-copy{display:block;max-width:none;position:relative;z-index:1}
html.nature-editorial body.homepage #clara .about-copy>*{grid-column:auto}
html.nature-editorial body.homepage #clara .about-copy h2{font-size:60px;line-height:1.08;margin:0 0 var(--s-24)}
html.nature-editorial body.homepage #clara .about-copy h2 br{display:none}
html.nature-editorial body.homepage #clara .about-copy .lead{font:400 20px/1.7 Karla,sans-serif;max-width:34ch;margin:0}
html.nature-editorial body.homepage #clara .about-copy .pull{font:italic 400 32px/1.25 Bodoni,serif;font-synthesis:style;letter-spacing:-.025em;max-width:22ch;margin:var(--s-32) 0 var(--s-8)}
html.nature-editorial body.homepage #clara .about-copy .body{font:400 17px/1.75 Karla,sans-serif;max-width:46ch;margin:var(--s-16) 0 0}
html.nature-editorial body.homepage #clara .actions{display:flex;flex-wrap:wrap;align-items:flex-start;gap:var(--s-24);margin-top:var(--s-32)}
@media(max-width:999px){html.nature-editorial body.homepage #clara{gap:var(--s-48)}}
@media(max-width:860px){
html.nature-editorial body.homepage #clara{grid-template-columns:minmax(0,1fr);gap:var(--s-48);padding-inline:24px}
html.nature-editorial body.homepage #clara .clara-photo{justify-self:start}
html.nature-editorial body.homepage #clara .about-copy h2{font-size:44px;margin-bottom:var(--s-16)}
html.nature-editorial body.homepage #clara .about-copy .lead{font-size:18px}
html.nature-editorial body.homepage #clara .about-copy .pull{font-size:26px;margin-top:var(--s-24)}
html.nature-editorial body.homepage #clara .about-copy .body{font-size:16px}
html.nature-editorial body.homepage #clara .actions{margin-top:var(--s-24)}
}
@media(max-width:340px){html.nature-editorial body.homepage #clara{padding-inline:20px}}
/* D035: gentle one-time scroll reveals. mode.js sets reveal-on (motion allowed), motion.js tags elements .rv and adds .rv-in once. Opacity and translateY only; failsafe shows everything at 2.5s if motion.js never takes over. */
html.reveal-on body.homepage{--rv-y:10px}
@media(max-width:720px){html.reveal-on body.homepage{--rv-y:8px}}
html.reveal-on body.homepage .rv{transition:opacity .7s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms),transform .7s cubic-bezier(.2,.7,.2,1) var(--rv-d,0ms)}
html.reveal-on body.homepage .rv:not(.rv-in){opacity:0;transform:translateY(var(--rv-y))}
html.reveal-on:not(.reveal-live) body.homepage .rv:not(.rv-in){animation:rv-failsafe 0s 2.5s forwards}
html.reveal-on body.homepage .rv.rv-now{transition:none}
@keyframes rv-failsafe{to{opacity:1;transform:none}}

/* D037: Begin B (tap a word), lemon-story placeholder band, Questions B (all answers open on cards), Contact A (letter card with email starters). Styles the new markup; the old reason-card, FAQ-disclosure and plain-contact rules are left inert (the no-JS fallback .home-reasons keeps its own). */
/* Begin B */
html.nature-editorial body.homepage #begin.editorial-reasons{text-align:left}
html.nature-editorial body.homepage #begin .after-copy{max-width:1120px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:0 7%;align-items:start}
html.nature-editorial body.homepage #begin .reasons-intro{max-width:none;position:sticky;top:110px}
html.nature-editorial body.homepage #begin .reasons-intro h2{max-width:none;font-size:60px;line-height:1.05}
html.nature-editorial body.homepage #begin .reasons-intro>p{max-width:34ch;margin:24px 0 0}
html.nature-editorial body.homepage #begin .reasons-intro .reassure{font-size:16px;text-align:left}
html.nature-editorial body.homepage #begin .concern-photo{margin:36px 0 0;border-radius:18px;overflow:hidden;aspect-ratio:4/5;max-width:380px}
html.nature-editorial body.homepage #begin .concern-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 60%}
html.nature-editorial body.homepage #begin .concern-list{list-style:none;margin:0;padding:0;border-top:1px solid rgb(23 60 48 / .22)}
html.nature-editorial body.homepage #begin .concern-list li{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 48px;align-items:center;column-gap:24px;padding:26px 0 24px;border-bottom:1px solid rgb(23 60 48 / .22);transition:padding .35s}
html.nature-editorial body.homepage #begin .concern-list li:is(:hover,:focus-within){padding-left:10px}
html.nature-editorial body.homepage #begin .concern-name{grid-column:1;grid-row:2;margin:0;font:400 30px/1.2 Bodoni,serif;letter-spacing:-.02em;color:var(--forest)}
html.nature-editorial body.homepage #begin .concern-note{grid-column:1;grid-row:3;margin:8px 0 0;font-size:16px;line-height:1.5;color:#3d5a4f}
html.nature-editorial body.homepage #begin .concern-list .link{grid-column:1;grid-row:1;margin-bottom:8px;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#8a6a14;text-decoration:none}
html.nature-editorial body.homepage #begin .concern-list .link:after{content:'';position:absolute;inset:0}
html.nature-editorial body.homepage #begin .concern-list .link svg{position:absolute;right:0;top:50%;box-sizing:content-box;width:16px;height:16px;padding:15px;margin-top:-23px;border-radius:50%;border:1px solid rgb(23 60 48 / .35);fill:none;stroke:var(--forest);stroke-width:2;transition:background .3s,stroke .3s,border-color .3s}
html.nature-editorial body.homepage #begin .concern-list li:is(:hover,:focus-within) .link svg{background:var(--forest);border-color:var(--forest);stroke:#fff}
html.nature-editorial body.homepage #begin .enquiry-reasons .link{display:inline-flex;align-items:center;gap:var(--s-12);min-height:44px;margin-top:var(--s-8);font-size:16px;text-decoration:underline;text-underline-offset:5px}
html.nature-editorial body.homepage #begin .enquiry-reasons .link svg{width:16px;height:16px}
html.nature-editorial body.homepage #begin .begin-after{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:var(--s-24);margin-top:var(--s-48)}
html.nature-editorial body.homepage #begin .editorial-tbc{margin:0;font-size:14px}
/* Lemon story: visible placeholder for Clara's own words */
/* Questions B */
html.nature-editorial body.homepage #questions.home-faq{background:var(--forest);color:var(--white)}
html.nature-editorial body.homepage #questions.home-faq .faq-head{display:grid;grid-template-columns:5fr 7fr;gap:var(--s-96);align-items:end;max-width:1220px;margin:0 auto var(--content-gap)}
html.nature-editorial body.homepage #questions.home-faq h2{color:var(--white)}
html.nature-editorial body.homepage #questions.home-faq .faq-head>p{margin:0;max-width:48ch;font-size:17px;line-height:1.7;color:#d9dfd0}
html.nature-editorial body.homepage #questions .faq-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s-24);max-width:1220px;margin:0 auto}
html.nature-editorial body.homepage #questions .faq-card{padding:var(--s-32) 28px;border:1px solid rgb(241 243 231 / .25);border-radius:20px;scroll-margin-top:125px}
html.nature-editorial body.homepage #questions .faq-card h3{font-size:24px;line-height:1.2;margin:0 0 var(--s-12);color:var(--white)}
html.nature-editorial body.homepage #questions .faq-a{padding:0;max-width:none;font-size:17px;line-height:1.7;color:#d9dfd0}
html.nature-editorial body.homepage #questions .faq-a p+p{margin-top:var(--s-12)}
html.gentle body.homepage #questions :focus-visible{outline-color:var(--yellow)}
/* Contact A */
html.nature-editorial body.homepage #enquire.home-contact{display:block;padding:0 7%}
html.nature-editorial body.homepage #enquire .letter{display:grid;grid-template-columns:7fr 5fr;width:100%;max-width:980px;margin:0 auto;padding:0;background:var(--white);color:var(--forest);border-radius:6px;box-shadow:0 30px 60px -30px rgb(16 46 37 / .7)}
html.nature-editorial body.homepage #enquire .letter-l{padding:56px}
html.nature-editorial body.homepage #enquire .letter-r{padding:56px 48px;border-left:1px dashed rgb(23 60 48 / .35)}
html.nature-editorial body.homepage #enquire .letter h2{font-size:60px;line-height:1.08;margin:0}
html.nature-editorial body.homepage #enquire .letter-l>p{max-width:44ch;font-size:17px;line-height:1.7}
html.nature-editorial body.homepage #enquire .letter-l .button{margin-top:var(--s-24)}
html.nature-editorial body.homepage #enquire .letter-l>p.starters-label{margin-top:var(--s-24);font-size:15px}
html.nature-editorial body.homepage #enquire .starters{display:flex;flex-wrap:wrap;gap:var(--s-8);margin:var(--s-8) 0 0;padding:0;list-style:none}
html.nature-editorial body.homepage #enquire .starters a{display:inline-flex;align-items:center;min-height:44px;padding:var(--s-8) var(--s-16);font-size:15px;line-height:1.35;text-decoration:none;border:1px solid rgb(23 60 48 / .35);border-radius:30px;transition:background .2s,color .2s}
html.nature-editorial body.homepage #enquire .starters a:is(:hover,:focus-visible){background:var(--forest);color:var(--white)}
html.nature-editorial body.homepage #enquire .letter .contact-email{display:block;margin-top:var(--s-24);font-size:16px}
html.nature-editorial body.homepage #enquire .letter-r h3{font-size:24px;line-height:1.2;margin:0 0 var(--s-16)}
html.nature-editorial body.homepage #enquire .letter-r ol{display:grid;gap:var(--s-16);margin:0;padding:0;list-style:none;font-size:16px;line-height:1.6;counter-reset:s}
html.nature-editorial body.homepage #enquire .letter-r li{display:grid;grid-template-columns:32px 1fr;gap:var(--s-8)}
html.nature-editorial body.homepage #enquire .letter-r li:before{counter-increment:s;content:counter(s);display:grid;place-items:center;width:28px;height:28px;margin-top:2px;border-radius:50%;background:var(--forest);color:var(--white);font-size:14px}
html.nature-editorial body.homepage #enquire .letter-r .sig{display:flex;align-items:center;gap:var(--s-12);max-width:none;margin-top:28px;font:italic 400 30px/1.1 Bodoni,serif;font-synthesis:style}
html.nature-editorial body.homepage #enquire .letter-r .sig svg{width:40px;height:40px}
html.nature-editorial body.homepage #enquire .letter-r .contact-practical{max-width:none;margin-top:var(--s-24);font-size:15px;line-height:1.6}
@media(prefers-reduced-motion:reduce){html.nature-editorial body.homepage #enquire .starters a{transition:none}}
@media(max-width:999px){
html.nature-editorial body.homepage #questions .faq-items{grid-template-columns:repeat(2,minmax(0,1fr))}
html.nature-editorial body.homepage #questions.home-faq .faq-head{gap:var(--s-48)}
}
@media(max-width:860px){
html.nature-editorial body.homepage #questions.home-faq .faq-head{grid-template-columns:minmax(0,1fr);gap:var(--s-16);align-items:start}
html.nature-editorial body.homepage #enquire .letter{grid-template-columns:minmax(0,1fr)}
html.nature-editorial body.homepage #enquire .letter-r{padding:var(--s-32) 24px;border-left:0;border-top:1px dashed rgb(23 60 48 / .35)}
html.nature-editorial body.homepage #enquire .letter-l{padding:var(--s-32) 24px}
}
@media(max-width:900px){
html.nature-editorial body.homepage #begin .after-copy{display:block}
html.nature-editorial body.homepage #begin .reasons-intro{position:static}
html.nature-editorial body.homepage #begin .reasons-intro h2{font-size:44px;max-width:7.5em}
html.nature-editorial body.homepage #begin .concern-photo{aspect-ratio:16/10;max-width:none;margin-top:28px;border-radius:14px}
html.nature-editorial body.homepage #begin .concern-photo img{object-position:50% 62%}
html.nature-editorial body.homepage #begin .concern-side{margin-top:32px}
html.nature-editorial body.homepage #begin .concern-name{font-size:24px}
html.nature-editorial body.homepage #begin .concern-list li{grid-template-columns:minmax(0,1fr) 40px;column-gap:16px;padding:22px 0 20px}
html.nature-editorial body.homepage #begin .concern-list .link svg{width:14px;height:14px;padding:12px;margin-top:-20px}
}
@media(max-width:720px){
html.nature-editorial body.homepage #begin .reasons-intro h2{font-size:clamp(34px,10vw,44px)}
html.nature-editorial body.homepage #begin .begin-after{flex-direction:column;gap:var(--s-16);margin-top:var(--s-32)}
html.nature-editorial body.homepage #questions .faq-items{grid-template-columns:minmax(0,1fr);gap:var(--s-12)}
html.nature-editorial body.homepage #questions .faq-card{padding:var(--s-24) 20px}
html.nature-editorial body.homepage #questions .faq-card h3{font-size:22px}
html.nature-editorial body.homepage #questions .faq-a,html.nature-editorial body.homepage #questions.home-faq .faq-head>p{font-size:16px}
html.nature-editorial body.homepage #enquire.home-contact{padding:0 12px}
html.nature-editorial body.homepage #enquire .letter h2{font-size:clamp(38px,11.5vw,46px)}
html.nature-editorial body.homepage #enquire .letter-l>p{font-size:16px}
html.nature-editorial body.homepage #enquire .letter-r ol{font-size:16px}
html.nature-editorial body.homepage #enquire .starters a{width:100%}
}
/* D037: no-JS fallback for Begin shows all four reasons (the older rule hid .after-copy without the js class) */
html:not(.js) body.homepage .home-reasons .after-copy{display:block}

html.nature-editorial body.homepage #questions .faq-items{margin-bottom:var(--s-32)}
html.nature-editorial body.homepage #questions .faq-more{max-width:1220px;margin:0 auto var(--s-32);border-top:1px solid rgb(241 243 231 / .25)}
html.nature-editorial body.homepage #questions .faq-row{border-bottom:1px solid rgb(241 243 231 / .25);scroll-margin-top:125px;interpolate-size:allow-keywords}
html.nature-editorial body.homepage #questions .faq-row summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-24);min-height:64px;padding:var(--s-16) 0;cursor:pointer;list-style:none}
html.nature-editorial body.homepage #questions .faq-row summary::-webkit-details-marker{display:none}
html.nature-editorial body.homepage #questions .faq-row summary:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
html.nature-editorial body.homepage #questions .faq-row h3{margin:0;font-size:24px;line-height:1.2;color:var(--white)}
html.nature-editorial body.homepage #questions .faq-row summary:hover h3{color:var(--yellow)}
html.nature-editorial body.homepage #questions .faq-row i{position:relative;flex:0 0 20px;height:20px}
html.nature-editorial body.homepage #questions .faq-row i:before,html.nature-editorial body.homepage #questions .faq-row i:after{content:'';position:absolute;left:1px;top:9px;width:18px;height:2px;border-radius:1px;background:var(--yellow);transition:transform .3s var(--ease)}
html.nature-editorial body.homepage #questions .faq-row i:after{transform:rotate(90deg)}
html.nature-editorial body.homepage #questions .faq-row[open] i:after{transform:rotate(0)}
html.nature-editorial body.homepage #questions .faq-row .faq-a{max-width:65ch;padding:0 var(--s-48) var(--s-24) 0}
@supports (interpolate-size:allow-keywords) and selector(::details-content){
html.nature-editorial body.homepage #questions .faq-row::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}
html.nature-editorial body.homepage #questions .faq-row[open]::details-content{height:auto}
}
@media(prefers-reduced-motion:reduce){
html.nature-editorial body.homepage #questions .faq-row::details-content,html.nature-editorial body.homepage #questions .faq-row i:before,html.nature-editorial body.homepage #questions .faq-row i:after{transition:none}
}
@media(min-width:721px) and (max-width:999px){
html.nature-editorial body.homepage #questions .faq-items .faq-card:last-child{grid-column:1/-1}
}
@media(max-width:720px){
html.nature-editorial body.homepage #questions .faq-items{margin-bottom:var(--s-24)}
html.nature-editorial body.homepage #questions .faq-more{margin-bottom:var(--s-24)}
html.nature-editorial body.homepage #questions .faq-row summary{min-height:56px;padding:var(--s-12) 0;gap:var(--s-16)}
html.nature-editorial body.homepage #questions .faq-row h3{font-size:20px}
html.nature-editorial body.homepage #questions .faq-row .faq-a{padding-right:0;padding-bottom:var(--s-16);font-size:16px}
}
/* D041: contact letter card smaller on phone (same look, tighter) */
@media(max-width:720px){
html.nature-editorial body.homepage #enquire .letter-l{padding:20px 20px var(--s-12)}
html.nature-editorial body.homepage #enquire .letter-r{padding:var(--s-16) 20px 20px}
html.nature-editorial body.homepage #enquire .letter h2{font-size:35px;line-height:1.08}
html.nature-editorial body.homepage #enquire .letter h2 br{display:none}
html.nature-editorial body.homepage #enquire .letter-l>p{margin-top:var(--s-12);line-height:1.55}
html.nature-editorial body.homepage #enquire .letter-l .button{margin-top:var(--s-16)}
html.nature-editorial body.homepage #enquire .letter-l>p.starters-label{margin-top:var(--s-16);margin-bottom:0;font-size:14px}
html.nature-editorial body.homepage #enquire .starters{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin-top:8px}
html.nature-editorial body.homepage #enquire .starters a{width:auto;padding:10px 16px;font-size:14px;line-height:1.3;border-radius:30px}
html.nature-editorial body.homepage #enquire .letter .contact-email{margin-top:var(--s-12);font-size:15px}
html.nature-editorial body.homepage #enquire .letter-r h3{font-size:22px;margin-bottom:var(--s-12)}
html.nature-editorial body.homepage #enquire .letter-r ol{gap:var(--s-8);font-size:15px;line-height:1.5}
html.nature-editorial body.homepage #enquire .letter-r li{grid-template-columns:26px 1fr}
html.nature-editorial body.homepage #enquire .letter-r li:before{width:24px;height:24px;font-size:13px}
html.nature-editorial body.homepage #enquire .letter-r .sig{margin-top:var(--s-12);font-size:26px}
html.nature-editorial body.homepage #enquire .letter-r .sig svg{width:32px;height:32px}
html.nature-editorial body.homepage #enquire .letter-r .contact-practical{margin-top:var(--s-12);font-size:14px;line-height:1.5}
}
/* D042: Clara photo smaller on phone (operator note): narrower frame, 4:5 head-and-shoulders crop. */
@media(max-width:720px){html.nature-editorial body.homepage #clara .clara-photo{max-width:none}html.nature-editorial body.homepage #clara .clara-frame{border-radius:20px}}

/* Homepage review: practical details, service comparison and enquiry controls. */

.homepage .starter-options { margin-top: var(--s-16); }
.homepage .starter-options summary {
  width: fit-content;
  padding: var(--s-12) 0;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 4px;
}


/* D038: critique P1/P2 pass. Supersedes parts of D028, D034, D037 at the user's request. Three heading tiers (hero h1; Meet Clara; every other section h2), typographic services, short online note, one-line FAQ ask, drawn sprig as the only botanical art. */
html.nature-editorial.gentle body.homepage :is(#begin,#therapies,#online,#questions,#enquire) h2{font-size:clamp(34px,3.2vw,44px);line-height:1.1}
html.nature-editorial.gentle body.homepage #clara .about-copy h2{font-size:clamp(48px,5.6vw,80px);line-height:1.04}
@media(max-width:860px){html.nature-editorial.gentle body.homepage #clara .about-copy h2{font-size:clamp(48px,13vw,60px)}}
html.nature-editorial body.homepage #therapies{background:var(--paper);padding-inline:max(7%,calc((100vw - 1220px)/2))}
html.nature-editorial body.homepage #therapies .svc-head{margin:0 0 var(--content-gap)}
html.nature-editorial body.homepage #therapies .svc-head p{margin:var(--intro-gap) 0 0;max-width:46ch;font-size:17px;line-height:1.7}
/* V42-HANDS-CARDS: Ways to work together as a sideways snap carousel of lightened hand-photo cards (D041 layout, lighter scrim). */
html.gentle body.homepage #therapies .panels{--cw:42%;--cg:20px;display:flex;gap:var(--cg);max-width:1220px;margin:0 auto;padding:0;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;position:relative}
html.gentle body.homepage #therapies .panels::-webkit-scrollbar{display:none}
/* V42-CAROUSEL-END: no spacer after the last card, so there is no empty space to scroll into. Middle cards snap to the centre and the last card to the end, so every card can still be the one in front. */
html.gentle body.homepage #therapies .panel:not(:first-child):not(:last-child){scroll-snap-align:center}
html.gentle body.homepage #therapies .panel:last-child{scroll-snap-align:end}
html.gentle body.homepage #therapies .panels:focus-visible{outline:2px solid var(--forest);outline-offset:6px}
html.gentle body.homepage #therapies .panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;gap:var(--s-24);flex:0 0 var(--cw);width:auto;min-height:580px;padding:32px 28px;overflow:hidden;clip-path:none;scroll-snap-align:start;scroll-margin-top:var(--s-32);background:var(--forest);color:var(--white)}
html.gentle body.homepage #therapies .panel>img{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:none}
html.gentle body.homepage #therapies .panel .shade{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgb(23 60 48 / .7) 0,rgb(23 60 48 / .48) 14%,rgb(23 60 48 / 0) 30%,rgb(23 60 48 / 0) 60%,rgb(23 60 48 / .3) 100%)}
html.gentle body.homepage #therapies .panel h3{position:static;transform:none;max-width:12ch;margin:0;font-size:clamp(29px,3vw,41px);line-height:1.05;color:var(--white);overflow-wrap:anywhere}
.panel-body{position:relative;display:grid;gap:var(--s-12)}
.panel-body:before{content:'';position:absolute;z-index:-1;inset:-90px -28px -32px;background:linear-gradient(180deg,rgb(23 60 48 / 0),rgb(23 60 48 / .74) 90px)}
html.gentle body.homepage #therapies .panel-body p{position:static;max-width:36ch;margin:0;font-size:16px;line-height:1.6}
html.gentle body.homepage #therapies .panel .fee{font-size:15px;line-height:1.55}
html.gentle body.homepage #therapies .panel .fee b{font-weight:700}
html.gentle body.homepage #therapies .panel-action{position:static;transform:none;display:flex;align-items:center;gap:var(--s-12);min-height:44px;margin-top:var(--s-4);font-size:15px;color:var(--white);text-decoration:none}
html.gentle body.homepage #therapies .panel-action:after{content:'';position:absolute;inset:0;z-index:1}
html.gentle body.homepage #therapies .panel-action>span{opacity:1;transform:none;text-decoration:underline;text-underline-offset:4px}
html.gentle body.homepage #therapies .panel-action svg{width:18px;height:18px;margin:0;opacity:1;transform:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
html.gentle body.homepage #therapies .panel:has(.panel-action:focus-visible){outline:3px solid var(--yellow);outline-offset:-6px}
html.gentle body.homepage #therapies .panel-action:focus-visible{outline:0}
.carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);max-width:1220px;margin:var(--s-24) auto 0}
.carousel-controls[hidden]{display:none}
.car-dots,.car-arrows{display:flex;align-items:center}
.car-arrows{gap:var(--s-8)}
.car-dot{position:relative;width:32px;height:44px;padding:0;border:0;background:none;cursor:pointer}
.car-dot:before{content:'';position:absolute;left:50%;top:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:4px;background:var(--forest);opacity:.3;transition:width .35s var(--ease),margin .35s var(--ease),opacity .35s}
.car-dot[aria-current=true]:before{width:28px;margin-left:-14px;opacity:1}
.car-btn{display:grid;place-items:center;width:48px;height:48px;padding:0;border:1px solid var(--forest);border-radius:50%;background:transparent;color:var(--forest);cursor:pointer;transition:background-color .25s,color .25s,opacity .25s}
.car-btn svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.car-btn:not(:disabled):is(:hover,:focus-visible){background:var(--forest);color:var(--white)}
.car-btn:disabled{opacity:.35;cursor:default}
.car-dot:focus-visible,.car-btn:focus-visible{outline:2px solid var(--forest);outline-offset:2px}
@media(min-width:721px) and (max-width:999px){html.gentle body.homepage #therapies .panels{--cw:56%}}
@media(max-width:720px){
html.gentle body.homepage #therapies .panels{--cw:80vw;--cg:16px;margin-inline:-24px;padding-inline:24px;scroll-padding-inline:24px}
html.gentle body.homepage #therapies .panel{min-height:540px;padding:28px 22px}
.carousel-controls{margin-top:var(--s-16)}
}
@media(prefers-reduced-motion:reduce){.car-dot:before,.car-btn{transition:none}}
.lemon-aside{display:flex;align-items:center;gap:var(--s-24);max-width:46ch;margin:var(--s-32) 0 0}
.lemon-aside img{flex:none;display:block;width:84px;height:auto}
.lemon-aside p{margin:0;font:400 20px/1.45 Bodoni,serif;letter-spacing:-.01em}
html.nature-editorial body.homepage #questions .faq-ask{max-width:1220px;margin:0 auto;font-size:17px;line-height:1.7;color:#d9dfd0}
html.nature-editorial body.homepage #questions .faq-ask .plain-link{display:inline-flex;margin:0 0 0 var(--s-8);min-height:44px;font-size:inherit;color:var(--yellow)}
.faq-sprig{display:none}
@media(min-width:1000px){.faq-sprig{display:block;position:absolute;right:max(8px,calc((100% - 1220px)/2 - 130px));top:var(--sec-space);width:110px;height:auto;pointer-events:none}}
@media(max-width:720px){html.nature-editorial body.homepage #questions .faq-ask{font-size:16px}}

/* D039: nature v4 (supersedes parts of D038). Photos return with one warm grade; fees, training, concern links, online / in person choice and crisis signpost. */
/* services: a photo, the description with fees, and the email link */
/* hero: the services and ways to meet, under the lede */
html.nature-editorial body.homepage .hero-copy>p.hero-meta{display:grid;gap:6px;margin-top:20px;font-size:15px;line-height:1.5;color:#d9e0cf;max-width:none}
html.nature-editorial body.homepage .hero-meta span:first-child{color:var(--white);font-weight:600}
html.nature-editorial body.homepage .hero-copy>p.hero-call{margin-top:16px;font-size:15px;line-height:1.5;color:var(--white);font-weight:600}
@media(max-width:820px){html.nature-editorial body.homepage .hero-copy>p.hero-meta{font-size:14px}}
/* V42-HERO-TEXT: the two info lines sit beside a thin gold rule; the free-call note is gold so it reads as the button's caption. */
html.nature-editorial body.homepage .hero-copy>p.hero-meta{margin-top:28px;padding-left:16px;border-left:1px solid rgb(233 206 109 / .6);color:rgb(241 243 231 / .8)}
html.nature-editorial body.homepage .hero-meta span:first-child{color:#f1f3e7}
html.nature-editorial body.homepage .hero-copy>p.hero-call{margin-top:14px;font-size:14px;letter-spacing:.01em;color:#e9ce6d}
/* concerns: reassurance line */
html.nature-editorial body.homepage .reassure{margin:22px auto 0;font-size:16px;text-align:center;max-width:40ch}
html.nature-editorial body.homepage #begin .enquiry-reasons .link{margin-top:6px}
/* your first session: paper panel on the forest photo */
html.nature-editorial body.homepage #online.first-session{display:flex;align-items:flex-end;padding:16vh max(7%,calc((100vw - 1220px)/2)) 9vh;background:url(assets/first-session-forest.webp) 50% 40%/cover no-repeat}
.session-panel{display:grid;gap:16px;width:100%;max-width:620px;padding:40px 44px;background:var(--white);box-shadow:0 24px 50px -30px rgb(16 46 37 / .6)}
.session-facts{margin:0;display:grid;gap:14px}
.session-facts>div{display:grid;grid-template-columns:120px minmax(0,1fr);gap:16px;padding-top:14px;border-top:1px solid rgb(23 60 48 / .15)}
.session-facts dt{font-weight:700;font-size:15px}
.session-facts dd{margin:0;font-size:16px;line-height:1.6}
@media(max-width:820px){
html.nature-editorial body.homepage #online.first-session{padding:28vh 16px 24px}
.session-panel{padding:28px 24px}
.session-facts>div{grid-template-columns:minmax(0,1fr);gap:4px}
}
/* crisis signpost (draft: Clara to approve) */
html.nature-editorial body.homepage #enquire .letter-r .crisis{margin-top:28px;padding-top:20px;border-top:1px solid rgb(23 60 48 / .2);font-size:15px;line-height:1.7;max-width:46ch}
.crisis strong{display:block;font-weight:600;margin-bottom:4px}
.crisis a,.crisis-foot a{color:inherit;white-space:nowrap}
.crisis a{font-weight:600}
.homepage .footer-base .crisis-foot{margin:0 0 14px;font-size:14px}
.homepage .footer-base .crisis-foot a{display:inline;margin:0}
/* V42-FAQ-PHONE: the three question cards are <details open>. Desktop keeps them as open cards; on phones they fold into the same rows as the list below. */
html.nature-editorial body.homepage #questions .faq-card summary{display:block;list-style:none;cursor:default;min-height:0;padding:0}
html.nature-editorial body.homepage #questions .faq-card summary::-webkit-details-marker{display:none}
html.nature-editorial body.homepage #questions .faq-card i{display:none}
@media(max-width:720px){
html.nature-editorial body.homepage #questions .faq-items{display:block;margin-bottom:0;border-top:1px solid rgb(241 243 231 / .25)}
html.nature-editorial body.homepage #questions .faq-card{padding:0;border:0;border-radius:0;border-bottom:1px solid rgb(241 243 231 / .25);interpolate-size:allow-keywords}
html.nature-editorial body.homepage #questions .faq-more{border-top:0}
html.nature-editorial body.homepage #questions .faq-card summary{display:flex;align-items:center;justify-content:space-between;gap:var(--s-16);min-height:56px;padding:var(--s-12) 0;cursor:pointer}
html.nature-editorial body.homepage #questions .faq-card summary:focus-visible{outline:2px solid var(--yellow);outline-offset:2px}
html.nature-editorial body.homepage #questions .faq-card h3{margin:0;font-size:20px}
html.nature-editorial body.homepage #questions .faq-card i{display:block;position:relative;flex:0 0 20px;height:20px}
html.nature-editorial body.homepage #questions .faq-card i:before,html.nature-editorial body.homepage #questions .faq-card i:after{content:'';position:absolute;left:1px;top:9px;width:18px;height:2px;border-radius:1px;background:var(--yellow);transition:transform .3s var(--ease)}
html.nature-editorial body.homepage #questions .faq-card i:after{transform:rotate(90deg)}
html.nature-editorial body.homepage #questions .faq-card[open] i:after{transform:rotate(0)}
html.nature-editorial body.homepage #questions .faq-card .faq-a{padding-bottom:var(--s-16);font-size:16px}
html.nature-editorial body.homepage #questions .faq-card::details-content{height:0;overflow:clip;transition:height .35s var(--ease),content-visibility .35s allow-discrete}
html.nature-editorial body.homepage #questions .faq-card[open]::details-content{height:auto}
}
@media(max-width:720px) and (prefers-reduced-motion:reduce){
html.nature-editorial body.homepage #questions .faq-card::details-content,html.nature-editorial body.homepage #questions .faq-card i:before,html.nature-editorial body.homepage #questions .faq-card i:after{transition:none}
}
/* V42-CARDS-GROW: the card in front (or under the pointer) is full size; the others sit a little smaller and grow smoothly, as in the earlier hover panels. */
@media(prefers-reduced-motion:no-preference){
html.gentle body.homepage #therapies .panel{--pi:0px;clip-path:inset(var(--pi) 0);transition:clip-path .6s var(--ease)}
html.gentle body.homepage #therapies .panel h3{transform:translateY(var(--pi));transition:transform .6s var(--ease)}
html.gentle body.homepage #therapies .panel-body{transform:translateY(calc(-1 * var(--pi)));transition:transform .6s var(--ease)}
html.gentle body.homepage #therapies .panel>img{transition:transform .9s var(--ease)}
html.gentle body.homepage #therapies .panels.has-current .panel:not(.is-current){--pi:30px;--panel-inset:30px}
html.gentle body.homepage #therapies .panels.has-current .panel:is(:hover,:focus-within){--pi:0px;--panel-inset:0px}
html.gentle body.homepage #therapies .panel:is(.is-current,:hover,:focus-within)>img{transform:scale(1.035)}
}
/* V42-SPACE: tighter rhythm; same-colour neighbours (#clara, #begin, #therapies) share a smaller gap, colour changes keep the full space */
html.nature-editorial body.homepage #clara{padding-top:var(--sec-space);padding-bottom:var(--s-48)}
html.nature-editorial body.homepage #begin{padding-top:var(--s-48);padding-bottom:var(--s-48)}
html.nature-editorial body.homepage #therapies{padding-top:var(--s-48);padding-bottom:var(--sec-space)}
html.nature-editorial body.homepage #online.first-session{padding-top:var(--s-96);padding-bottom:var(--s-96)}
@media(max-width:999px){html.nature-editorial body.homepage #clara{padding-bottom:var(--s-32)}html.nature-editorial body.homepage #begin{padding-top:var(--s-32);padding-bottom:var(--s-32)}html.nature-editorial body.homepage #therapies{padding-top:var(--s-32)}}
@media(max-width:820px){html.nature-editorial body.homepage #online.first-session{padding-top:var(--s-64);padding-bottom:var(--s-64)}}
/* V42-SPACE: one content width (1220) */
html.nature-editorial body.homepage #begin .after-copy{max-width:1220px}
/* V42-SPACE: #begin photo fills the left column down to the end of the list (desktop) */
@media(min-width:901px){
html.nature-editorial body.homepage #begin .after-copy{align-items:stretch}
html.nature-editorial body.homepage #begin .reasons-intro{position:static;display:flex;flex-direction:column}
html.nature-editorial body.homepage #begin .concern-photo{position:relative;flex:1 1 auto;min-height:300px;max-width:none;aspect-ratio:auto}
html.nature-editorial body.homepage #begin .concern-photo img{position:absolute;inset:0}
}
/* V42-SPACE: Meet Clara links */
html.nature-editorial body.homepage #clara .more-about{display:inline-flex;margin-top:var(--s-16);font-size:16px}
.lemon-aside .plain-link{margin-top:var(--s-8);font-size:16px}
/* V42-SPACE: at 320px the carousel's -24px bleed is 1.6px wider than the 7% section gutter, so clip it */
html.nature-editorial body.homepage #therapies{overflow-x:clip}
/* V42-SPACE: constellations card heading reaches 3:1 (worst pixel) on its photo */
html.gentle body.homepage #therapies .panel:nth-child(3) .shade{background:linear-gradient(180deg,rgb(23 60 48 / .76) 0,rgb(23 60 48 / .56) 15%,rgb(23 60 48 / 0) 31%,rgb(23 60 48 / 0) 60%,rgb(23 60 48 / .3) 100%)}

/* V42-REVIEWS: Google review quotes between Ways to work and Meet Clara's neighbour; light leaf band, 80/48 rhythm because the ground changes on both sides */
html.nature-editorial body.homepage #kind-words{background:var(--leaf);color:var(--forest);padding:var(--s-80) max(7%,calc((100vw - 1220px)/2))}
html.nature-editorial body.homepage #kind-words h2{margin:0}
html.nature-editorial body.homepage #kind-words .kw-rating{display:flex;align-items:center;flex-wrap:wrap;gap:var(--s-8) var(--s-12);margin:var(--s-16) 0 var(--content-gap);font-size:16px;line-height:1.4}
html.nature-editorial body.homepage #kind-words .kw-stars{display:inline-flex;gap:3px}
html.nature-editorial body.homepage #kind-words .kw-stars svg{width:18px;height:18px;fill:#8f6f12}
html.nature-editorial body.homepage #kind-words .kw-quotes{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-48) var(--s-64)}
html.nature-editorial body.homepage #kind-words figure{margin:0}
html.nature-editorial body.homepage #kind-words blockquote{margin:0}
html.nature-editorial body.homepage #kind-words blockquote p{margin:0;font:400 18px/1.65 Karla,sans-serif;text-wrap:pretty}
html.nature-editorial body.homepage #kind-words figcaption{margin-top:var(--s-12);font-size:15px;line-height:1.4;color:#6b520b}
html.nature-editorial body.homepage #kind-words .kw-feature{grid-column:1/-1}
html.nature-editorial body.homepage #kind-words .kw-feature blockquote p{max-width:30em;font:400 clamp(26px,3vw,40px)/1.2 Bodoni,serif;letter-spacing:-.02em;text-wrap:balance}
html.nature-editorial body.homepage #kind-words .kw-link{margin-top:var(--s-48);min-height:44px;font-size:16px;color:var(--forest)}
html.nature-editorial body.homepage #kind-words .kw-hide{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:720px){
html.nature-editorial body.homepage #kind-words{padding-top:var(--s-48);padding-bottom:var(--s-48)}
html.nature-editorial body.homepage #kind-words .kw-quotes{grid-template-columns:minmax(0,1fr);gap:var(--s-32)}
html.nature-editorial body.homepage #kind-words .kw-link{margin-top:var(--s-32)}
}
/* D042: enquiry form (short note) */
html.nature-editorial body.homepage #enquire .fo{display:grid;gap:18px;margin-top:24px;min-width:0}
html.nature-editorial body.homepage #enquire .fo-set{border:0;padding:0;margin:0;min-width:0}
html.nature-editorial body.homepage #enquire .fo-set legend,html.nature-editorial body.homepage #enquire .fo-field label{display:block;font-weight:600;font-size:15px;margin-bottom:8px;padding:0}
html.nature-editorial body.homepage #enquire .fo-opt{font-weight:400;font-size:13px;color:#56695f}
html.nature-editorial body.homepage #enquire .fo-pills{display:flex;flex-wrap:wrap;gap:8px}
html.nature-editorial body.homepage #enquire .fo-pills label{position:relative;display:inline-flex;align-items:center;min-height:44px;border:1px solid rgb(23 60 48 / .35);border-radius:999px;padding:8px 16px;font-size:15px;font-weight:400;margin:0;cursor:pointer;background:rgb(255 255 255 / .5)}
html.nature-editorial body.homepage #enquire .fo-pills input{position:absolute;opacity:0;pointer-events:none}
html.nature-editorial body.homepage #enquire .fo-pills label:has(input:checked){background:var(--forest);color:var(--white);border-color:var(--forest)}
html.nature-editorial body.homepage #enquire .fo-pills label:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:3px}
html.nature-editorial body.homepage #enquire .fo-field input,html.nature-editorial body.homepage #enquire .fo-field textarea{width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid rgb(23 60 48 / .35);border-radius:12px;background:#fff;font:16px/1.4 Karla,sans-serif;color:var(--forest)}
html.nature-editorial body.homepage #enquire .fo-field input:focus,html.nature-editorial body.homepage #enquire .fo-field textarea:focus{outline:2px solid var(--focus);outline-offset:1px}
html.nature-editorial body.homepage #enquire .fo-field [aria-invalid]{border-color:#9b2c1d;border-width:2px}
html.nature-editorial body.homepage #enquire .fo-hint{margin:-4px 0 8px;font-size:14px;color:#56695f}
html.nature-editorial body.homepage #enquire .fo-err{margin:6px 0 0;font-size:14px;font-weight:600;color:#9b2c1d}
html.nature-editorial body.homepage #enquire .fo-err[hidden],html.nature-editorial body.homepage #enquire .fo-status[hidden]{display:none}
html.nature-editorial body.homepage #enquire .fo-status{margin:0;font-size:15px;line-height:1.6;max-width:46ch}
html.nature-editorial body.homepage #enquire .fo-status a{font-weight:600;color:inherit}
html.nature-editorial body.homepage #enquire .fo-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
html.nature-editorial body.homepage #enquire button.fo-send{justify-self:start;border:0;cursor:pointer;font:600 15px Karla,sans-serif}
html.nature-editorial body.homepage #enquire button.fo-send:disabled{opacity:.7;cursor:progress}
html.nature-editorial body.homepage #enquire button.fo-send:focus-visible{outline:2px solid var(--forest);outline-offset:3px}
html.nature-editorial body.homepage #enquire .fo-privacy{margin:0;font-size:14px;line-height:1.6;color:#3d5649;max-width:46ch}
html.nature-editorial body.homepage #enquire .fo-alt{font-size:14px;margin-top:14px}
html.nature-editorial body.homepage #enquire :is(.fo-by-email,.fo-by-phone){display:grid;gap:18px}
html.nature-editorial body.homepage #enquire :is(.fo-by-email,.fo-by-phone)[hidden]{display:none}
html.nature-editorial body.homepage #enquire .fo-by-phone{padding:16px;border-radius:14px;background:rgb(255 255 255 / .55);border:1px solid rgb(23 60 48 / .12)}
html.nature-editorial body.homepage #enquire .fo-thanks{margin-top:24px;padding:24px;border-radius:14px;background:rgb(255 255 255 / .55);border:1px solid rgb(23 60 48 / .12)}
html.nature-editorial body.homepage #enquire .fo-thanks h3{margin:0 0 8px;font:400 26px/1.2 Bodoni,serif;letter-spacing:-.02em}
html.nature-editorial body.homepage #enquire .fo-thanks p{margin:0}