/* Full-width artwork scales proportionally; never crop the cleaners with cover. */
body.homepage #home.hero{position:relative;display:block;min-height:50vw;height:auto;overflow:visible;background:#fff;padding:0;isolation:isolate}
body.homepage #home.hero::after{display:none;content:none}
body.homepage #home .hero-content{position:static;display:block;min-width:0;padding-top:clamp(28px,4vw,76px);padding-bottom:clamp(100px,10vw,190px)}
body.homepage #home .hero-copy{position:relative;z-index:2;width:39%;max-width:610px;min-width:0;padding:0;transform:none;background:transparent}
body.homepage #home .hero-copy>h1{max-width:100%;font-size:clamp(30px,3.8vw,66px);line-height:1.04;transform:none;overflow-wrap:normal}
body.homepage #home .hero-lead{max-width:100%;margin:20px 0;color:#000;font-size:clamp(15px,1.3vw,18px);line-height:1.55;transform:none;text-wrap:pretty}
body.homepage #home .hero-actions{max-width:100%;display:flex;flex-wrap:wrap;gap:12px;margin:24px 0 0}
body.homepage #home .hero-actions .btn{width:auto;max-width:100%;min-height:48px;padding:14px 20px;font-size:15px;line-height:1.25;white-space:normal;text-align:center}
body.homepage #home .hero-team{position:absolute;inset:0 0 auto;z-index:0;display:block;min-width:0;width:100%;margin:0}
body.homepage #home .hero-team picture{display:block;width:100%}
body.homepage #home .hero-team img{display:block;width:100%;max-width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;clip-path:none;border-radius:0;box-shadow:none}
/* Full-bleed photo and live text remain one hero on narrow and portrait screens. */
@media(max-width:760px),(orientation:portrait) and (max-width:1100px){
 body.homepage #home.hero{min-height:0;padding-bottom:70px;background:#fff url('/assets/homepage-team-wave.svg') center bottom/100% 70px no-repeat}
 body.homepage #home .hero-content{display:flex;flex-direction:column;width:100%;max-width:none;gap:0;padding:0}
 body.homepage #home .hero-team{position:static;order:-1}
 body.homepage #home .hero-copy{width:100%;max-width:none;padding:24px clamp(20px,4vw,44px) 32px;box-sizing:border-box}
 body.homepage #home .hero-copy>h1{font-size:clamp(32px,5.4vw,52px)}
 body.homepage #home .hero-lead{font-size:16px}
}
@media(max-width:480px){body.homepage #home .hero-actions{display:grid;grid-template-columns:minmax(0,1fr)}body.homepage #home .hero-actions .btn{width:100%}}
@media print{body.homepage #home.hero{min-height:0;background:#fff}body.homepage #home .hero-team{position:static}body.homepage #home .hero-copy{width:100%}}