/* Scoped contact actions, editorial photo and side-by-side transformations. */
.hero-contact{gap:0;border:1px solid rgba(248,245,238,.45);width:max-content;max-width:100%;font-size:18px;line-height:1.35;margin-top:24px;margin-bottom:11px}
.hero-contact a{display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:42px;padding:8px 16px;transition:background .25s var(--ease)}
.hero-contact a+a{border-top:1px solid rgba(248,245,238,.3)}
.hero-contact a::after{content:'↗';font-size:14px;flex-shrink:0}
.hero-contact a:hover{background:rgba(248,245,238,.08);text-decoration:none}
.hero-contact a:focus-visible{outline-color:var(--cream-50);outline-offset:3px}
.intro-photo{grid-column:1;margin:8px 0 0;aspect-ratio:4/5;overflow:hidden;background:var(--cream-100)}
.intro-photo>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.showcase-fallback{display:grid;place-items:center;width:100%;height:100%;background:var(--cream-100);color:var(--muted);font-size:10px;letter-spacing:.08em}
.comparison-showcase{margin-bottom:90px}
.comparison-heading{margin-bottom:50px}
.comparison-heading h2{font-size:clamp(2.8rem,4.5vw,5rem);margin-top:20px}
.comparison-pair{border-top:1px solid var(--line);padding-top:22px;margin-top:45px}
.comparison-pair>h3{font-family:var(--sans);letter-spacing:.16em;margin-bottom:22px}
.comparison-photos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px}
.comparison-item{min-width:0}
.comparison-media{aspect-ratio:4/3;background:var(--cream-100)}
.comparison-media>img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .8s var(--ease)}
.comparison-open{display:block;width:100%;padding:0;background:none;text-align:left}
.comparison-open:hover img{transform:scale(1.035)}
.comparison-label{display:block;font-size:10px;font-weight:600;letter-spacing:.15em;padding-top:14px;color:var(--green-900)}
@media(max-width:1024px){.hero-contact{font-size:16px}.intro-photo{aspect-ratio:3/5}}
@media(max-width:768px){.intro-photo{width:min(75%,380px);aspect-ratio:4/3;margin:0 0 40px}.comparison-photos{gap:24px}.comparison-showcase{margin-bottom:65px}.comparison-heading{margin-bottom:35px}}
@media(max-width:430px){.hero-contact{font-size:clamp(14px,3.8vw,16px);margin-top:28px}.hero-contact a{gap:12px;padding:10px 12px;min-height:44px}.intro-photo{width:85%}.comparison-photos{gap:10px}.comparison-media{aspect-ratio:1}.comparison-label{font-size:9px;padding-top:10px}.comparison-pair{margin-top:32px}.comparison-pair>h3{font-size:9px}.comparison-heading h2{font-size:2.8rem}}
@media(prefers-reduced-motion:reduce){.comparison-media>img{transition:none}}