/* Position the shoulder against live, accessible headline text. */
.hero.hero-leaning{grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:0;align-items:start;overflow:hidden;padding-top:40px;padding-bottom:85px}
.hero-leaning .hero-portrait{width:100%;max-width:none;transform:none;align-self:start;justify-self:stretch;z-index:1}
.hero-leaning .hero-portrait img{width:120.5%;height:auto;max-height:none;max-width:none;object-fit:contain}
.hero-leaning .hero-content{padding-top:clamp(50px,6.5vw,105px);z-index:2}
.hero-leaning h1{margin-top:16px;line-height:1.08;text-shadow:2px 3px 0 rgba(0,14,53,.28)}
.hero-leaning .hero-content>p{max-width:560px}
@media(min-width:1500px){.hero.hero-leaning{grid-template-columns:470px minmax(0,750px);justify-content:center}.hero-leaning .hero-content{padding-top:115px}}
@media(max-width:650px){
.hero.hero-leaning{grid-template-columns:34% minmax(0,1fr);gap:0;padding:24px 6% 70px;min-height:0}
.hero-leaning .hero-content{display:contents}
.hero-leaning .hero-content>.eyebrow{grid-column:1/-1;grid-row:1;font-size:9px;margin-bottom:18px}
.hero-leaning .hero-portrait{grid-column:1;grid-row:2;width:100%;margin:0}
.hero-leaning .hero-portrait img{width:120.5%}
.hero-leaning h1{grid-column:2;grid-row:2;align-self:start;position:relative;z-index:2;font-size:clamp(21px,5.1vw,33px);letter-spacing:-.7px;margin:8vw 0 0;line-height:1.12}
.hero-leaning .hero-content>p{grid-column:1/-1;grid-row:3;margin:15px 0 24px;font-size:13px;position:relative}
.hero-leaning .buttons{grid-column:1/-1;grid-row:4;position:relative}
}

/* Transparency is now in the image itself, including between the shoes. */
.hero-leaning .hero-portrait img{clip-path:none;filter:none;box-shadow:none}