/* Compact category openings follow the anti-aging selection cover on mobile. */
@media(max-width:800px){
html body[data-category-hero="compact"] #main>.hero.clinic-editorial-hero{height:460px!important;min-height:460px!important;padding:0!important;display:flex!important;align-items:center!important}
html body[data-category-hero="compact"] #main>.hero .hero-inner{padding:45px 0!important}
}
@media(max-width:700px){
html body[data-category-hero="compact"] #main>.hero.clinic-editorial-hero{height:360px!important;min-height:360px!important}
html body[data-category-hero="compact"] #main>.hero .hero-inner{padding:35px 0!important}
html body[data-category-hero="compact"] #main>.hero h1{font-size:34px!important;margin:0 0 20px!important}
html body[data-category-hero="compact"] #main>.hero h1 span{font-size:23px!important;margin-top:20px!important;line-height:1.6!important}
html body[data-category-hero="compact"] #main>.hero .rule{margin:20px 0!important}
}
/* Keep the portrait and copy together in one centered desktop composition. */
@media(min-width:801px){
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-inner{width:90%!important;max-width:1120px!important;margin:0 auto!important;display:flex!important;align-items:center!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-copy{width:56%!important;max-width:630px!important;transform:none!important;left:0!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-figure{right:0!important;left:auto!important;width:48%!important;max-width:none!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-image{right:0!important;left:auto!important;height:125%!important;bottom:-25%!important;width:auto!important}
}

/* Independent grid tracks prevent the portrait from intruding into copy. */
@media(min-width:801px){
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:44px!important;width:88%!important;max-width:1160px!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-copy{width:100%!important;max-width:none!important;min-width:0!important;box-sizing:border-box}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-figure{position:relative!important;inset:auto!important;width:100%!important;max-width:100%!important;height:100%!important;min-width:0!important;overflow:hidden!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-image{position:absolute!important;left:0!important;right:auto!important;bottom:-25%!important;width:100%!important;max-width:100%!important;height:125%!important;object-fit:contain!important;object-position:center bottom!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-copy :is(h1,.copy,.signature,.quote){font-size:clamp(22px,2.05vw,30px)!important;word-break:keep-all;overflow-wrap:break-word}
}

/* Same 825px portrait scale as body-contouring at the desktop hero height. */
@media(min-width:1100px){
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-inner{width:94%!important;max-width:1260px!important;grid-template-columns:minmax(0,1fr) 660px!important;gap:44px!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-figure{width:660px!important;overflow:hidden!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-image{width:auto!important;max-width:none!important;height:125%!important;left:0!important;bottom:-25%!important}
html body.anti-home-white #main .doctor-cutout-hero .doctor-cutout-copy :is(h1,.copy,.signature,.quote){font-size:clamp(28px,2.45vw,36px)!important;line-height:1.65!important;margin:0 0 28px!important}
}
