/* Responsive refinements. Desktop content and offer destinations stay shared. */
.mobile-nav,.gallery-hint{display:none}
.offer-details>summary{display:none}
.offer-details{margin-bottom:0}
.hero>*,.intro>*,.next>*,.faq>*,.story-intro>*{min-width:0}
@media(min-width:721px) and (max-width:1000px){
 header{gap:18px;flex-wrap:wrap}header nav{order:3;width:100%;justify-content:center}header>.button{margin-left:auto}
 .hero .personal-headline{font-size:40px}.hero{align-items:start}
 .story-intro{align-items:start}.story-intro .about-photo{position:sticky;top:24px}
}
@media(max-width:720px){
 html{scroll-padding-top:68px}
 body{font-size:16px;line-height:1.6;-webkit-text-size-adjust:100%}
 .wrap{padding-left:20px;padding-right:20px}
 header{padding:16px 20px;gap:12px;min-height:70px}
 header .wordmark{font-size:24px;letter-spacing:-1.1px;white-space:nowrap}
 header>.button.small{min-height:44px;padding:10px 14px;font-size:12px;gap:8px;white-space:nowrap}
 .mobile-nav{display:flex;position:sticky;top:0;z-index:20;justify-content:space-between;gap:4px;padding:0 16px;background:var(--cream);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
 .mobile-nav a{display:flex;align-items:center;justify-content:center;min-height:46px;padding:8px 5px;font-size:12px;font-weight:600;white-space:nowrap}
 h2{font-size:32px;line-height:1.15;letter-spacing:-1.3px;margin:12px 0 20px;text-wrap:balance}
 .eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.5;margin-bottom:14px}
 .hero{padding-top:30px;padding-bottom:36px;gap:24px}
 .hero .personal-headline{font-size:clamp(33px,8.7vw,44px);letter-spacing:-1.5px;line-height:1.1;margin:16px 0 20px;text-wrap:balance}
 .hero .personal-headline em{color:#647555}
 .hero-copy .lead{font-size:17px;line-height:1.6;margin-bottom:14px}
 .hero-copy>p:not(.lead):not(.eyebrow){font-size:15px;line-height:1.6}
 .hero .actions{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;margin:22px 0 12px}
 .button{min-height:50px;padding:13px 18px;font-size:14px;line-height:1.4;text-align:center}
 .hero-copy>.micro{margin-bottom:0;font-size:12px!important;text-align:center}
 .hero-photo{height:320px;border-radius:16px 16px 48px 16px}
 .hero-photo>img{object-position:center 35%}
 .photo-label{padding:45px 20px 20px}
 .statement{padding:30px 20px}.statement h2{font-size:27px;line-height:1.18}.statement p:last-child{font-size:15px}
 .intro{padding-top:40px;padding-bottom:40px;gap:0}
 .intro h2{margin-bottom:16px}.intro .large{font-size:18px}.intro p{margin-bottom:14px}
 .tags{gap:7px;margin-top:18px}.tags span{font-size:12px;padding:6px 10px}
 .section-heading{margin-bottom:22px}.section-heading>p:last-child:not(.eyebrow){font-size:15px}
 .work{padding-bottom:42px}.offer-grid{gap:18px}
 .offer{padding:24px 22px;border-radius:18px}
 .offer-label{font-size:10px;letter-spacing:1.5px}
 .offer h3{font-size:30px;line-height:1.14;margin:18px 0 14px;letter-spacing:-1px}
 .offer-intro{font-size:18px;line-height:1.5;margin-bottom:12px}
 .offer>p:not(.offer-intro){font-size:15px;line-height:1.6;margin-bottom:14px}
 .price{font-size:38px;line-height:1.25;margin-bottom:16px}
 .price span{font-size:12px;letter-spacing:0;margin-left:6px}
 .offer-details{border-top:1px solid #81947a66;border-bottom:1px solid #81947a66;margin:2px 0 18px}
 .offer-details>summary{display:block;min-height:50px;padding:14px 30px 14px 0;font-size:15px;line-height:1.5}
 .offer-details>summary:after{top:9px}
 .checklist{font-size:15px;line-height:1.55;margin:0 0 8px}
 .checklist li{padding:10px 0 10px 22px}.checklist li:last-child{border-bottom:0}
 .offer-bottom .button{width:100%;margin-top:4px}
 .offer-bottom .micro{margin-bottom:12px}
 .pillars{padding-bottom:40px}.pillar-grid{grid-template-columns:1fr;gap:0;margin-top:24px}
 .pillar-grid article{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:18px 0}
 .pillar-grid article>span{grid-row:1 / 3;padding-top:3px}
 .pillar-grid h3{font-size:20px;margin:0 0 8px}.pillar-grid p{font-size:15px;margin:0}
 .results{padding:40px 0}
 .gallery-hint{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:0 0 12px}
 .progress-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:88%;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;padding:0 0 12px;scrollbar-width:thin;scrollbar-color:#94a185 #dce0d5}
 .progress-grid figure{scroll-snap-align:start;min-width:0}
 .progress-grid .image-button{display:block;height:285px;max-height:none;border-radius:12px}
 .progress-grid .image-button img{width:100%;height:100%;max-height:none;object-fit:contain}
 figcaption{padding:12px 2px;font-size:13px;gap:8px}
 .centered{margin-top:12px;text-align:left}
 .quote-grid{gap:14px;margin-top:28px}
 .quote-grid article{border:1px solid var(--line);border-radius:14px;padding:20px;background:var(--cream)}
 .quote-mark{font-size:40px}.quote-grid blockquote{font-size:17px;line-height:1.6;margin-bottom:14px}
 .quote-grid p{font-size:12px}.text-button{font-size:13px;min-height:44px;line-height:1.5}
 .coach-story{padding-top:42px;padding-bottom:42px}.story-intro{gap:24px}
 .story-intro .about-photo{height:340px;aspect-ratio:auto;border-radius:16px 16px 48px 16px}
 .story-intro .about-photo img{object-position:center 44%}
 .story-intro h2{font-size:32px}.story-intro .large{font-size:18px}
 .about p:not(.large):not(.eyebrow){font-size:15px;line-height:1.65}
 .text-link{display:inline-flex;align-items:center;min-height:44px;font-size:14px}
 .story-heading{margin:32px 0 20px}.story-heading h3{font-size:25px;line-height:1.2}
 .story-timeline{gap:24px;padding-left:18px}
 .story-timeline li{display:grid;grid-template-columns:88px minmax(0,1fr);column-gap:15px;align-items:start}
 .story-milestone{grid-column:1 / -1;padding:0 0 12px;gap:9px}.story-milestone:before{left:-23px}
 .story-milestone p{font-size:9px;letter-spacing:1px}
 .story-timeline img{grid-row:2 / 4;width:88px;height:120px;aspect-ratio:auto;border-radius:8px}
 .story-timeline h3{font-size:19px;line-height:1.2;margin:0 0 8px}
 .story-timeline li>p{grid-column:2;font-size:14px;line-height:1.6}
 .story-closing{font-size:17px;margin-top:26px;padding-top:20px}
 .journey{padding:36px 0}.steps{gap:0;margin-top:22px}
 .steps article{display:grid;grid-template-columns:30px minmax(0,1fr);column-gap:10px;padding:18px 0}
 .steps article>span{grid-row:1 / 3;padding-top:3px}.steps h3{font-size:20px;margin:0 0 10px}.steps p{font-size:15px;margin:0}
 .next{padding-top:40px;padding-bottom:40px;gap:20px}.next>div>p{max-width:none}
 .enquiry{padding:20px;border-radius:16px;background:#edf0e5}.enquiry label{background:var(--cream);border-radius:10px;padding:14px 12px;gap:10px;min-height:68px}
 .enquiry input{width:18px;height:18px;flex-shrink:0;margin:0}.enquiry small{font-size:12px}.message-preview{font-size:15px}
 legend{font-size:15px;font-weight:600}.enquiry .button{min-height:52px}
 .faq{padding-top:36px;padding-bottom:40px;gap:4px}.faq h2{font-size:30px}.faq summary{font-size:15px;line-height:1.5;padding:18px 30px 18px 0;min-height:56px}.faq details p{font-size:15px;padding-right:6px}
 footer{padding:28px 20px 32px;gap:8px 24px}footer .wordmark{width:100%;font-size:26px;margin-bottom:4px}footer>a:not(.wordmark){display:flex;align-items:center;min-height:44px;font-size:14px}footer p{font-size:12px}
 dialog{width:calc(100% - 24px);max-width:none;max-height:90dvh;padding:52px 12px 16px}.close{width:44px;height:44px;top:4px;right:4px}dialog img{max-height:70dvh}
}
@media(max-width:360px){
 header{padding-left:16px;padding-right:16px;gap:8px}header .wordmark{font-size:21px}header>.button.small{padding:9px 10px;font-size:11px}
 .wrap{padding-left:16px;padding-right:16px}.mobile-nav{padding:0 10px}.mobile-nav a{font-size:11px}
 .offer{padding:22px 18px}.story-timeline li{grid-template-columns:72px minmax(0,1fr);column-gap:12px}.story-timeline img{width:72px;height:104px}
}

/* Let the opening photograph flow into the page rather than sit in a card. */
.hero-photo{border-radius:0;isolation:isolate}
.hero-photo::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,var(--cream),transparent 17%),linear-gradient(to top,var(--cream),transparent 26%)}
.hero-photo .photo-label{z-index:1;background:none;color:var(--forest);padding:20px 30px 14px}
@media(max-width:720px){
 .hero{padding-bottom:0;gap:0}
 .hero-copy{position:relative;z-index:2;padding-bottom:12px}
 .hero-photo{height:360px;margin:0 -20px;width:calc(100% + 40px);border-radius:0}
 .hero-photo>img{object-position:center 38%}
 .hero-photo::after{background:linear-gradient(to bottom,var(--cream) 0%,rgba(247,247,239,0) 24%,rgba(217,223,202,0) 66%,var(--sage) 100%)}
 .hero-photo .photo-label{padding:12px 20px 16px;bottom:0;color:var(--forest)}
 .hero+.statement{padding-top:24px}
}
@media(max-width:360px){
 .hero-photo{margin-left:-16px;margin-right:-16px;width:calc(100% + 32px);height:330px}
 .hero-photo .photo-label{padding-left:16px;padding-right:16px}
}

/* One photographic opening with a warm neutral fade and restrained sage accents. */
.hero.wrap{position:relative;isolation:isolate;display:block;overflow:hidden;max-width:none;background:var(--cream);color:var(--forest);padding:64px max(48px,calc((100vw - 1144px)/2)) 56px}
.hero .hero-copy{position:relative;z-index:2;max-width:560px;width:51%;padding:0}
.hero .personal-headline{font-size:clamp(38px,4vw,58px);letter-spacing:-.045em;text-wrap:balance}
.hero h1 em{color:#647555}
.hero-copy>p:not(.lead):not(.eyebrow){color:#586458}
.hero-copy .lead{color:#344037}
.hero-copy .eyebrow{color:#586458}
.hero .actions .button{background:var(--forest);color:var(--cream);border-color:var(--forest)}
.hero .actions .button.outline{background:#f7f7efe8;color:var(--forest);border-color:#9daa94}
.hero .hero-photo{position:absolute;inset:0 0 0 auto;width:65%;height:100%;margin:0;border-radius:0;z-index:0;pointer-events:none}
.hero .hero-photo>img{display:block;width:100%;height:100%;object-fit:cover;object-position:47% 30%}
.hero .hero-photo::after{background:linear-gradient(90deg,#f7f7ef 0%,#f7f7eff5 18%,#f7f7ef99 40%,#f7f7ef00 68%),linear-gradient(0deg,#f7f7ef 0%,#f7f7ef00 24%)}
.hero .photo-label{display:none}
@media(min-width:721px) and (max-width:1000px){
 .hero.wrap{padding:42px 28px}.hero .hero-copy{width:62%;max-width:500px}.hero .hero-photo{width:70%}.hero .personal-headline{font-size:42px}
 .hero .hero-photo::after{background:linear-gradient(90deg,#f7f7ef 0%,#f7f7effa 25%,#f7f7efcc 56%,#f7f7ef15 100%)}
}
@media(max-width:720px){
 .hero.wrap{padding:0 20px 32px;background:var(--cream)}
 .hero .hero-copy{width:100%;max-width:none;padding:245px 0 0}
 .hero .hero-photo{inset:0 0 auto;width:100%;height:540px;max-height:none;margin:0}
 .hero .hero-photo>img{object-position:46% 18%}
 .hero .hero-photo::after{background:linear-gradient(180deg,#f7f7ef00 0%,#f7f7ef08 25%,#f7f7efde 47%,#f7f7effa 63%,#f7f7ef 80%)}
 .hero .personal-headline{font-size:clamp(34px,9vw,44px);line-height:1.08;margin:14px 0 18px;text-wrap:balance}
 .hero-copy .eyebrow{font-size:9px;letter-spacing:1.6px;margin-bottom:12px}
 .hero-copy .lead{font-size:16px;line-height:1.6}
 .hero-copy>p:not(.lead):not(.eyebrow){font-size:15px}
 .hero .actions{margin-top:22px;gap:10px}
 .hero .actions .button{min-height:52px}
 .hero-copy>.micro{color:#586458;font-size:12px!important}
 .hero+.statement{padding-top:30px}
}
@media(max-width:360px){.hero.wrap{padding-left:16px;padding-right:16px}.hero .hero-copy{padding-top:220px}.hero .hero-photo{height:510px}.hero .personal-headline{font-size:33px}}