/* Content determines the hero's height, so the ribbon cannot cover its CTA. */
.depth-hero{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:auto auto 1fr;column-gap:4%;row-gap:24px;height:auto;min-height:0;padding:34px 6% 86px;overflow:visible;align-items:start}
.depth-hero .hero-overline{position:relative;inset:auto;grid-column:1/-1;grid-row:1;display:block;padding:0;margin:0 0 12px}
.depth-hero .hero-backtype{position:relative;inset:auto;grid-column:1;grid-row:2;z-index:5;font-size:clamp(72px,8.6vw,138px);line-height:.87;white-space:nowrap;letter-spacing:-.03em;margin:0;align-self:start}
.depth-hero .hero-backtype>span{white-space:nowrap}
.depth-hero .hero-photo{position:relative;inset:auto;grid-column:2;grid-row:2/4;z-index:1;align-self:center;justify-self:center;width:100%;height:clamp(440px,42vw,630px);min-height:0;margin:8px 0 0;transform:rotate(2deg)}
.depth-hero .hero-foreground{position:relative;inset:auto;grid-column:1;grid-row:3;z-index:4;width:100%;margin:0;padding:0}
.depth-hero .hero-endline{font-size:clamp(30px,3.9vw,56px);line-height:1.08;color:var(--pink);white-space:nowrap;text-wrap:nowrap;letter-spacing:-.025em;transform:none;text-shadow:none;-webkit-text-stroke:0;margin:0 0 27px}
.depth-hero .hero-description{max-width:none;font-size:16px;line-height:1.55;padding:0}
.depth-hero .hero-description strong{display:block;font-size:29px;line-height:1.12;margin-bottom:13px}
.depth-hero .hero-actions{margin-top:26px;display:flex;flex-direction:row;align-items:center}
.depth-hero .hero-actions .button{max-width:100%;text-align:left}
@media(min-width:1600px){.depth-hero{padding-inline:var(--wide-gutter);column-gap:64px}.depth-hero .hero-photo{width:100%}}
@media(max-width:1100px) and (min-width:801px){.depth-hero{column-gap:3%;padding-bottom:80px}.depth-hero .hero-description{font-size:15px}.depth-hero .hero-description strong{font-size:28px}.depth-hero .hero-actions .button{font-size:24px}}
@media(max-width:800px){
 .depth-hero{grid-template-columns:minmax(0,1fr);grid-template-rows:auto auto auto auto;gap:0;padding:28px 6% 76px}
 .depth-hero .hero-overline{grid-column:1;grid-row:1;margin-bottom:26px}
 .depth-hero .hero-backtype{grid-column:1;grid-row:2;font-size:clamp(64px,18vw,140px);line-height:.87}
 .depth-hero .hero-photo{grid-column:1;grid-row:3;align-self:center;width:min(78%,430px);height:auto;aspect-ratio:4/5;margin:34px auto 48px}
 .depth-hero .hero-foreground{grid-column:1;grid-row:4}
 .depth-hero .hero-endline{font-size:clamp(24px,7.9vw,52px);margin-bottom:24px}
 .depth-hero .hero-description strong{font-size:29px}
}
@media(max-width:360px){.depth-hero{padding-top:25px;padding-bottom:72px}.depth-hero .hero-photo{width:80%;margin-top:30px;margin-bottom:43px}.depth-hero .hero-description{font-size:15px}.depth-hero .hero-description strong{font-size:27px}}