.hero{display:flex;flex-direction:column;gap:0;min-height:0;padding:0 0 48px;overflow:visible}
.hero-visual{order:0;position:relative;width:100%;height:min(61vw,760px);min-height:560px;overflow:hidden;background:#e9e4df}
.hero-visual img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 57%}
.hero-copy{order:1;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:32px;max-width:none;width:100%;padding:29px clamp(24px,5vw,72px) 0}
.hero-copy .eyebrow{grid-column:1/-1;margin:0 0 -20px}
.hero h1{font-size:clamp(29px,3.2vw,48px);line-height:1.18;letter-spacing:-.025em;max-width:850px}
.hero h1 em{color:#8b6e57}
.hero-actions{justify-content:flex-end;gap:24px}
.hero-note{display:none}
.after-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}
@media(max-width:900px){.hero{padding:0 0 42px}.hero-visual{height:auto;min-height:0}.hero-visual img{height:auto;object-fit:contain}.hero-copy{grid-template-columns:1fr;gap:22px;padding-top:26px}.hero-copy .eyebrow{grid-column:auto;margin:0 0 -10px}.hero-actions{justify-content:flex-start}}
@media(max-width:640px){.hero h1{font-size:clamp(27px,7vw,38px)}.hero-actions{gap:20px}.hero-actions .button{min-height:46px}.compare-card{min-height:340px;height:65vw}}