@import url('/styles.css');
/* Treatment pages share the homepage header geometry; recommendations fill two balanced rows. */
.detail-header{position:fixed!important}.related-grid{row-gap:.7rem}.related-card{height:clamp(280px,28vw,380px)}
@media(max-width:800px){.related-grid{overflow-y:hidden;scrollbar-width:none}.related-grid::-webkit-scrollbar{display:none}.related-card{height:390px}}
.detail-header{position:absolute}.detail-hero{min-height:82svh;position:relative;display:flex;align-items:flex-end;padding:9rem clamp(1.25rem,6vw,7rem) 5rem;color:#fff;background:var(--green);overflow:hidden}.detail-hero>img,.detail-hero:after{position:absolute;inset:0}.detail-hero>img{object-position:center 32%}.detail-hero:after{content:'';background:linear-gradient(90deg,rgba(7,25,18,.88),rgba(7,25,18,.24) 70%),linear-gradient(0deg,rgba(7,25,18,.82),transparent 55%)}.detail-hero-copy{position:relative;z-index:1;max-width:720px}.detail-hero h1{font:400 clamp(4rem,8vw,8.5rem)/.86 var(--serif);letter-spacing:-.04em;margin:0 0 1.4rem}.detail-hero p{max-width:590px;font-family:Georgia,serif;font-size:1.08rem;line-height:1.55}.detail-body{display:grid;grid-template-columns:1.3fr .7fr;gap:8vw}.detail-body h2{font-size:clamp(3rem,5vw,5.6rem);line-height:.95;margin:0 0 2rem}.detail-body p{font-family:Georgia,serif;line-height:1.7;color:#505954}.facts{border-top:1px solid rgba(16,40,32,.2)}.facts div{padding:1.1rem 0;border-bottom:1px solid rgba(16,40,32,.2)}.facts span{display:block;font-size:.57rem;letter-spacing:.16em;color:#8e7649;margin-bottom:.35rem}.facts strong{font-family:Georgia,serif;font-weight:400}.journey{background:var(--ivory)}.journey h2{font-size:clamp(3rem,5vw,5.6rem);margin:0 0 2.5rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.step{border-top:1px solid #a88c56;padding-top:1.4rem}.step b{color:#a88c56;font-size:.7rem}.step h3{font-size:1.8rem;margin:1.5rem 0 .7rem}.step p{font-family:Georgia,serif;line-height:1.55;color:#59605c}.related{background:var(--green);color:#fff}.related-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:2.3rem}.related h2{font-size:clamp(3rem,5vw,5.6rem);margin:0}.related-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.7rem}.related-card{position:relative;height:410px;overflow:hidden}.related-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,18,12,.86),transparent 65%)}.related-card img{transition:transform .6s}.related-card:hover img{transform:scale(1.04)}.related-card span{position:absolute;z-index:1;left:1.1rem;bottom:1.1rem;font:1.45rem var(--serif)}.detail-cta{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#b9c6b8;padding:4rem clamp(1.25rem,6vw,7rem)}.detail-cta h2{font-size:clamp(2.8rem,5vw,5.4rem);margin:0}.detail-cta p{font-family:Georgia,serif;line-height:1.6;max-width:480px}.detail-cta .button{background:var(--green);color:#fff;border-color:var(--green)}.detail-footer{grid-template-columns:1fr 1fr}.detail-footer nav{justify-content:flex-end}@media(max-width:800px){.detail-hero{min-height:760px;padding:7rem 1.25rem 3.5rem}.detail-hero>img{object-position:60% center}.detail-body{grid-template-columns:1fr;gap:3rem}.steps{grid-template-columns:1fr}.related-head{display:block}.related-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.related-card{flex:0 0 78vw;scroll-snap-align:start}.detail-cta{display:block}.detail-cta>div:last-child{margin-top:2rem}.detail-footer{grid-template-columns:1fr}.detail-footer nav{justify-content:center}}