/* Review changes: preserve the established layers, fades and copy columns. */
body.home-page #main #needs>.teams-inquiry-photo,
body.experience-page #main .team-context-blend>.teams-inquiry-photo{left:49%;right:0;height:clamp(500px,48vw,760px);overflow:hidden}
body.home-page #main #needs>.teams-inquiry-photo img,
body.experience-page #main .team-context-blend>.teams-inquiry-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 65%}
body.experience-page #main .team-context-blend>.teams-inquiry-photo img{object-position:50% 50%}
body.home-page #main #needs .home-need-title{padding:20px 0;min-height:64px;box-sizing:border-box}
body.home-page #main #needs .home-need-title h3{margin:0;font-family:var(--serif);font-size:clamp(1.75rem,2.4vw,2.4rem);line-height:1.2;font-weight:500}
body.experience-page #main .draft-review{font-size:.8125rem;letter-spacing:.03em;color:#596344}
/* The Home context section now follows the existing .home-context proportions. */
body.home-page #main #how .work-opening{display:grid!important;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:end;padding:0!important;margin-bottom:48px}
body.home-page #main #how .work-opening:after{display:none!important}
body.home-page #main #how .work-intro{width:auto!important;padding:0!important;min-width:0}
body.home-page #main #how .work-intro h2{margin-bottom:0}
body.home-page #main #how .work-context{min-width:0;max-width:65ch}
body.home-page #main #how .work-context p{margin:0;color:#d4d7c9}
body.home-page #main #how .work-steps li{padding-top:68px;padding-bottom:44px}
/* Expand the original photograph by cropping empty space, preserving the web circle. */
/* Match portrait framing with CSS, leaving both original photographs intact. */
body.about-page #main .person-portrait{aspect-ratio:4/5;overflow:hidden}
body.about-page #main .person-portrait img{width:100%;height:100%;aspect-ratio:4/5;object-fit:cover;object-position:center top}
body.about-page #main .about-ana .person-portrait img{transform:scale(1.35);transform-origin:57% 25%;filter:sepia(.08) saturate(1.04)}
/* Day imagery is clear of the desktop copy; retain the established mobile stack. */
body.experience-page #main #field-day-agenda figure{left:55%;width:45%;right:0}
body.experience-page #main #field-day-agenda figure img{object-position:60% center}
body.experience-page #main #field-day-agenda .field-day-feature-inner:after{background:linear-gradient(90deg,#111410 0%,rgba(17,20,16,.98) 35%,rgba(17,20,16,.92) 48%,rgba(17,20,16,.38) 65%,rgba(17,20,16,.08) 100%)}
body.experience-page #main .experience-planning-art img{mask-image:linear-gradient(to right,transparent,#000 35%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(to right,transparent,#000 35%,#000 78%,transparent),linear-gradient(to bottom,transparent,#000 15%,#000 75%,transparent);-webkit-mask-composite:source-in}
body.experience-page #main .experience-planning{padding-bottom:20px}
body.experience-page #main .faq-invitation{padding-top:8px;padding-bottom:28px;margin-block:0}
body.home-page #main .forest-hero{gap:2px;background:var(--rule,#a8ae9b)}
/* Keep first-screen Experience people clear of its text column, too. */
body.experience-page #main #field-experience-hero .field-experience-picture{left:56%}
@media(max-width:800px){
 body.home-page #main #needs,body.experience-page #main .team-context-blend{padding-top:calc(75vw + 24px)}
 body.home-page #main #needs>.teams-inquiry-photo,body.experience-page #main .team-context-blend>.teams-inquiry-photo{left:0;right:0;width:100%;height:75vw}
 body.home-page #main #needs>.teams-inquiry-photo img,body.experience-page #main .team-context-blend>.teams-inquiry-photo img{object-position:50% 65%}
 body.home-page #main #needs .home-need-title h3{font-size:clamp(1.625rem,5.6vw,2rem)}
 body.home-page #main #how .work-opening{grid-template-columns:1fr;gap:24px;align-items:start;margin-bottom:36px}
 body.home-page #main #how .work-steps li{padding:40px 0 36px}
 body.method-page #main .method-knowing{padding-top:calc(90vw + 24px);min-height:0}
 body.method-page #main .method-knowing>.foundation-photo{width:100%;height:90vw}
 body.method-page #main .method-knowing>.foundation-photo img{object-fit:cover;object-position:left center}
 body.method-page #main .method-knowing .knowing-copy{width:100%;max-width:none}
 body.method-page #main .method-knowing:after{height:90vw;bottom:auto;background:linear-gradient(to bottom,transparent 75%,#eeede4 100%)}
 body.experience-page #main #field-day-agenda figure{left:auto;right:auto;width:100%}
 body.experience-page #main #field-day-agenda .field-day-feature-inner:after{content:none}
 body.experience-page #main #field-experience-hero .field-experience-picture{left:auto;right:auto}
 body.experience-page #main .experience-planning{padding-bottom:16px}
 body.experience-page #main .faq-invitation{padding-top:8px;padding-bottom:24px}
}
