/* Inner pages (D040): the homepage look, no motion. Every rule is scoped under body.inner. */
body.inner{--gold-line:#c9ab43;--gold-ink:#7a5d0a;--inner-pad:max(7%,calc((100vw - 1450px)/2));background:var(--deep);font-family:Karla,sans-serif;font-size:18px;line-height:1.65;color:var(--forest)}
body.inner main{display:block}
body.inner :is(.i-sec a,.i-panel a):focus-visible{outline:2px solid var(--focus);outline-offset:3px}

/* Short green hero */
body.inner .i-hero{position:relative;overflow:hidden;color:var(--white);background:radial-gradient(ellipse 34% 60% at 82% 55%,rgb(240 214 120 / .2),transparent 70%),radial-gradient(ellipse 120% 90% at 30% 40%,transparent 55%,rgb(10 32 25 / .7)),var(--forest);min-height:clamp(520px,66vh,680px);display:flex;align-items:center;padding:132px var(--inner-pad) 72px}
body.inner .i-hero-in{position:relative;z-index:1;width:100%}
body.inner .i-hero-copy{max-width:min(54%,640px)}
body.inner .i-hero h1{font-size:clamp(40px,5.4vw,76px);line-height:1.04;letter-spacing:-.035em;color:var(--white)}
body.inner .i-lede{font-size:19px;line-height:1.6;margin-top:22px;max-width:46ch;color:#e6ebde;text-wrap:pretty}
body.inner .i-actions{margin-top:32px}
body.inner .i-hero-fee{margin-top:18px;font-size:16px;font-weight:600;letter-spacing:.01em;color:var(--yellow)}

/* Sections and editorial rows */
body.inner .i-sec{background:var(--white);padding:var(--home-space) var(--inner-pad)}
body.inner .i-sec-tight{padding-top:0}
body.inner .i-wrap{max-width:1100px;margin:0 auto 0 0}
body.inner .i-sec h2{font-size:clamp(34px,3.6vw,50px);line-height:1.08;margin-bottom:clamp(24px,3vw,40px)}
body.inner .i-rows{border-bottom:1px solid var(--gold-line)}
body.inner .i-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:20px clamp(32px,5vw,72px);padding:clamp(28px,3.4vw,44px) 0;border-top:1px solid var(--gold-line)}
body.inner .i-label h3{font-size:clamp(26px,2.4vw,32px);line-height:1.12}
body.inner .i-num{display:block;font:400 clamp(40px,4vw,56px)/1 Bodoni,serif;color:var(--gold-ink);margin-bottom:10px}
body.inner .i-svc{display:block;height:auto;width:100%;max-width:340px;aspect-ratio:4/3;object-fit:cover;border-radius:16px;margin-top:20px}
body.inner .i-text p{margin:0 0 14px;max-width:66ch;text-wrap:pretty}
body.inner .i-text p:last-child{margin-bottom:0}
body.inner .i-text a,body.inner .i-plain a{text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
body.inner .i-fee-line{font-size:17px;line-height:1.7;padding-top:6px}
body.inner .i-fee-line b{font-weight:700}

/* Paper panel */
body.inner .i-panel{background:var(--leaf);border-radius:20px;padding:clamp(28px,4vw,56px)}
body.inner .i-panel h2{margin-bottom:24px}
body.inner .i-plain{max-width:60ch;font-size:19px}
body.inner .i-list{list-style:none;margin:0;padding:0;max-width:66ch}
body.inner .i-list li{padding:14px 0 14px 22px;border-top:1px solid var(--gold-line);position:relative}
body.inner .i-list li:last-child{border-bottom:1px solid var(--gold-line)}
body.inner .i-list li:before{content:'';position:absolute;left:0;top:1.35em;width:7px;height:7px;border-radius:50%;background:var(--gold-ink)}

/* Session fees */
body.inner .i-sec.i-session-fees{padding-block:clamp(38px,5vw,72px)}
body.inner .i-session-fees h2{margin-bottom:clamp(20px,3vw,32px)}
body.inner .i-session-fees h3{font:400 clamp(24px,2.2vw,30px)/1.1 Bodoni,serif;margin:0}
body.inner .i-session-fees-panel{background:var(--leaf);border-radius:16px;overflow:hidden}
body.inner .i-session-call{display:flex;align-items:center;justify-content:space-between;gap:19px;padding:24px clamp(24px,4vw,48px);background:var(--forest);color:var(--white);line-height:1.5}
body.inner .i-session-call h3{color:inherit}
body.inner .i-session-call-meta{margin:8px 0 0;font-size:16px;font-weight:700;font-synthesis:weight;color:var(--yellow)}
body.inner .i-session-call-description{margin:8px 0 0;font-size:17px;max-width:58ch}
body.inner .i-session-call .button{flex-shrink:0;width:max-content;max-width:100%}
body.inner .i-session-rates{padding:8px clamp(24px,4vw,48px) 14px}
body.inner .i-session-rate{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,360px);gap:12px;padding:18px 0}
body.inner .i-session-rate+.i-session-rate{border-top:1px solid var(--gold-line)}
body.inner .i-session-rate ul{display:grid;gap:5px;list-style:none;margin:0;padding:0}
body.inner .i-session-rate li{display:flex;justify-content:space-between;align-items:baseline;gap:12px;line-height:1.4}
body.inner .i-session-rate strong{white-space:nowrap;font-size:20px;font-weight:700;font-variant-numeric:tabular-nums;font-synthesis:weight}

/* Questions: the shared .faq-row accordion from homepage.css; this only sets the width */
body.inner .i-faq{max-width:860px}

/* Photo band */
body.inner .i-band{margin:0;height:clamp(240px,46vh,460px);background:var(--deep)}
body.inner .i-band img{display:block;width:100%;height:100%;object-fit:cover}
body.inner .i-band.i-band-coastal{height:auto;aspect-ratio:2 / 1;max-height:720px}

/* Crisis box */
body.inner .i-crisis{margin-top:clamp(32px,4vw,56px);padding:24px 28px;border:1px solid var(--gold-line);border-radius:12px;font-size:17px;line-height:1.7;max-width:68ch}

/* Closing band and footer */
body.inner .i-end{background:var(--deep);color:var(--white)}
body.inner .i-close{display:flex;justify-content:space-between;align-items:center;gap:28px 48px;flex-wrap:wrap;padding:clamp(56px,7vw,96px) var(--inner-pad);border-bottom:1px solid rgb(233 206 109 / .35)}
body.inner .i-close p{font:400 clamp(28px,3.2vw,44px)/1.15 Bodoni,serif;letter-spacing:-.025em;max-width:24ch}
body.inner .home-footer{padding-top:clamp(40px,5vw,64px)}
body.inner .home-footer a{color:inherit}

/* About: story, pull quote, credentials band */
body.inner .i-wrap-wide{max-width:1250px}
body.inner .i-story{display:grid;grid-template-columns:minmax(0,42fr) minmax(0,58fr);gap:clamp(32px,5vw,80px);align-items:center}
body.inner .i-story-photo{margin:0;aspect-ratio:4/5;border-radius:24px;overflow:hidden}
body.inner .i-story-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
body.inner .i-story-text p{margin:0 0 18px;max-width:58ch;text-wrap:pretty}
body.inner .i-story-text p:last-child{margin-bottom:0}
body.inner .i-quote-sec{background:var(--white);padding:0 var(--inner-pad) var(--home-space)}
body.inner .i-quote{margin:0;max-width:22ch;font:400 clamp(34px,4.6vw,66px)/1.1 Bodoni,serif;letter-spacing:-.03em;color:var(--gold-ink);text-wrap:balance}
body.inner .i-train{background:#173c30;color:var(--white);padding:var(--home-space) var(--inner-pad)}
body.inner .i-train h2{font-size:clamp(34px,3.6vw,50px);line-height:1.08;margin-bottom:clamp(32px,4vw,56px);color:var(--white)}
body.inner .i-creds{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,48px)}
body.inner .i-cred-num{display:block;font:400 16px/1 Karla,sans-serif;letter-spacing:.12em;color:#e9ce6d;margin-bottom:14px}
body.inner .i-creds h3{font:400 clamp(26px,2.3vw,34px)/1.1 Bodoni,serif;letter-spacing:-.02em;color:#e9ce6d;padding-bottom:18px;margin-bottom:18px;border-bottom:1px solid #e9ce6d;overflow-wrap:break-word}
body.inner .i-creds p{margin:0;color:#e6ebde;font-size:17px;line-height:1.6}
body.inner .i-creds>li{display:grid;grid-template-rows:subgrid;grid-row:span 3;row-gap:0;align-content:start} /* hairlines line up across columns */

/* One-time reveal: hidden only once JS has added i-reveal to html */
html.i-reveal [data-reveal]{opacity:0;transform:translateY(20px)}
html.i-reveal [data-reveal].is-in{opacity:1;transform:none;transition:opacity .7s ease-out,transform .7s ease-out;transition-delay:var(--reveal-delay,0ms)}
@media(prefers-reduced-motion:reduce){
 html.i-reveal [data-reveal],html.i-reveal [data-reveal].is-in{opacity:1;transform:none;transition:none}
}

@media(max-width:1100px){
 body.inner .i-hero{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;min-height:0;padding-bottom:0}
 body.inner .i-hero-copy{max-width:none}
 body.inner .i-creds{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:720px){
 body.inner{font-size:17px}
 body.inner .i-hero{padding-top:112px}
 body.inner .i-hero h1{font-size:clamp(34px,11vw,46px);line-height:1.08}
 body.inner .i-lede{font-size:18px}
 body.inner .i-row{grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 0}
 body.inner .i-session-call{align-items:flex-start;flex-direction:column}
 body.inner .i-session-rates{padding-inline:20px}
 body.inner .i-session-rate{grid-template-columns:minmax(0,1fr);gap:7px;padding-block:13px}
 body.inner .i-session-rate li{font-size:16px}
 body.inner .i-session-rate strong{font-size:18px}
 body.inner .i-panel{padding:26px 22px}
 body.inner .i-sec{padding:56px 24px}
 body.inner .i-sec-tight{padding-top:0}
 body.inner .i-hero,body.inner .i-close{padding-left:24px;padding-right:24px}
 body.inner .i-band{height:clamp(200px,34vh,280px)}
 body.inner .i-band.i-band-coastal{aspect-ratio:3 / 2}
 body.inner .i-crisis{padding:20px}
 body.inner .i-story{grid-template-columns:minmax(0,1fr)}
 body.inner .i-creds{grid-template-columns:minmax(0,1fr)}
 body.inner .i-train{padding:56px 24px}
 body.inner .i-quote-sec{padding:0 24px 56px}
}
/* IP-HERO-PHOTO (rough): each page has its own nature photo in the hero instead of the lemon branch. Desktop: the photo fills the right side and fades into the green. Up to 1100px: it sits under the copy, edge to edge, fading in from the top. */
body.inner .i-photo{position:absolute;top:0;right:0;width:54%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 42%);mask-image:linear-gradient(90deg,transparent 0,#000 42%);pointer-events:none}
@media(max-width:1100px){
 body.inner .i-photo{position:relative;top:auto;right:auto;width:100vw;max-width:none;height:clamp(220px,46vw,380px);margin:36px 0 0 calc(50% - 50vw);-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 40%);mask-image:linear-gradient(180deg,transparent 0,#000 40%)}
}
/* IP-LEMONS: "Why lemons?" on the About page, a small ink lemon drawing beside Clara's lemon story. */
body.inner .i-lemons-in{display:grid;grid-template-columns:clamp(110px,14vw,180px) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center;max-width:900px}
body.inner .i-lemons-sprig{display:block;width:100%;height:auto}
body.inner .i-lemons h2{margin:0 0 18px}
body.inner .i-lemons p{margin:0 0 16px;max-width:60ch}
body.inner .i-lemons p:last-child{margin-bottom:0}
@media(max-width:720px){body.inner .i-lemons-in{grid-template-columns:minmax(0,1fr);gap:16px}body.inner .i-lemons-sprig{width:64px}}

/* IP-REVIEWS-LOOK: full-bleed leaf band, rating header, hairline-topped quotes */
body.inner .i-reviews{background:var(--leaf);padding:80px var(--inner-pad)}
body.inner .i-reviews+.i-sec-tight{padding-top:var(--home-space)}
body.inner .i-reviews .i-wrap{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:32px}
body.inner .i-reviews-head{grid-column:1}
body.inner .i-reviews h2{margin-bottom:0}
body.inner .i-rating{display:flex;align-items:center;flex-wrap:wrap;gap:8px 12px;margin:14px 0 0;font-size:16px;line-height:1.4}
body.inner .i-stars{display:inline-flex;gap:3px}
body.inner .i-stars svg{width:18px;height:18px;fill:var(--gold-ink)}
body.inner .i-reviews-in{grid-column:1/-1;margin-top:clamp(32px,4vw,48px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:clamp(32px,4vw,64px)}
body.inner .i-reviews-in:has(.review:only-child){grid-template-columns:minmax(0,760px)}
body.inner .i-reviews-more{grid-column:2;grid-row:1;align-self:end;margin:0 0 -10px;font-size:16px;line-height:1.4}
body.inner .i-reviews-more a{display:inline-block;padding:10px 0;color:var(--forest);text-underline-offset:5px}
body.inner .i-hide{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
@media(max-width:720px){body.inner .i-reviews{padding:48px 24px}body.inner .i-reviews .i-wrap{grid-template-columns:minmax(0,1fr)}body.inner .i-reviews-more{grid-column:1;grid-row:auto;margin:24px 0 0}}

/* IP-CONST-TEXT: space between the four session paragraphs */
body.inner .i-panel .i-plain+.i-plain{margin-top:16px}

/* IP-CLOSE-LEMON: a different small lemon in each page's free-call band (user, 4 Nov) */
body.inner .i-close-lemon{flex:none;width:clamp(76px,7.5vw,112px);height:auto;margin:-12px -12px -12px 0}
body.inner .i-close p{flex:1 1 18ch}
@media (max-width:720px){body.inner .i-close-lemon{width:72px;margin:0}}

/* IP-MID-LEMON: a small lemon only where there is natural room; today only the constellations session panel (user, 4 Nov: "dont force it") */
body.inner .i-sec .i-wrap,body.inner .i-panel{position:relative}
body.inner .i-sprig{position:absolute;height:auto;pointer-events:none}
body.inner .i-sprig-panel{right:clamp(24px,4vw,64px);bottom:clamp(20px,3vw,44px);width:clamp(150px,16vw,230px)}
@media (max-width:1100px){body.inner .i-sprig-panel{display:none}}

/* IP-ABOUT-LEMONS: About already has the lemons photo and the Why lemons section, so no close-band lemon there; give Why lemons room below the photo (user, 4 Nov) */
body.inner .i-band+.i-lemons{padding-top:var(--home-space)}
/* IP-RUMI: Clara's Rumi quote on Individual counselling. Smaller than the About quote because the line is longer, with the source and her note under it. */
body.inner .i-rumi figure{margin:0}
body.inner .i-rumi .i-quote{max-width:24ch;font-size:clamp(30px,3.4vw,48px);line-height:1.14}
body.inner .i-rumi figcaption{margin-top:16px;font:400 14px/1 Karla,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-ink)}
body.inner .i-rumi-note{margin:clamp(24px,3vw,36px) 0 0;max-width:58ch;font-size:19px;text-wrap:pretty}

/* Privacy notice: a hero with no photo */
body.inner .i-hero-plain{min-height:0;padding-bottom:64px}
body.inner .i-hero-plain .i-hero-copy{max-width:640px}
/* Fees & Contact: the enquiry form sits in a leaf panel */
body.inner .i-enquire .i-panel{max-width:760px}
body.inner .i-enquire .i-plain{font-size:18px}
@media(max-width:1100px){body.inner .i-hero-plain{padding-bottom:56px}}
@media(max-width:720px){body.inner .i-enquire .i-panel{padding:26px 20px}}