/* Original photographs: crop the setting, never redraw a face. */
.skill-practice-page .cd-hero-visual.photo img {
 display:block;width:100%;height:auto;aspect-ratio:1/1;
 max-height:none;object-fit:cover;object-position:100% 50%;border-radius:6px;
}

/* Skill course: the same navy / photograph treatment, scoped to its hero. */
.skill-practice-page .cd-hero {position:relative;isolation:isolate;display:grid;grid-template-columns:1fr;gap:0;padding:0;margin:20px 0 40px;background:#172548;overflow:hidden;}
.skill-practice-page .cd-hero>div {grid-area:1/1;z-index:2;padding:58px 38px;min-height:600px;color:#fff;}
.skill-practice-page .cd-hero-visual.photo {grid-area:1/1;position:absolute;inset:0;width:100%;height:100%;max-width:none;margin:0;z-index:0;}
.skill-practice-page .cd-hero-visual.photo img {position:absolute;right:0;top:0;width:74%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:right top;border-radius:0;}
.skill-practice-page .cd-hero-visual.photo:after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172548 0%,#172548 28%,rgba(23,37,72,.95) 39%,rgba(23,37,72,.65) 49%,rgba(23,37,72,0) 65%);}
.skill-practice-page .cd-hero .cd-kicker,.skill-practice-page .cd-hero .lp-empathy,.skill-practice-page .cd-hero h1,.skill-practice-page .cd-hero .cd-lead {color:#fff;}
.skill-practice-page .cd-hero h1 em {color:#fff;background:none;}
.skill-practice-page .cd-hero .button-primary {background:#ffe62e;color:#172548;box-shadow:none;}
.skill-practice-page .cd-hero .text-link {color:#fff;border-color:#b7c1d6;}
.skill-practice-page .cd-hero-visual figcaption {position:absolute;bottom:14px;right:18px;margin:0;color:white;font-size:12px;text-shadow:0 1px 5px #172548;z-index:1;}
@media(max-width:700px){
 .skill-practice-page .cd-hero>div {padding:350px 22px 38px;min-height:0;}
 .skill-practice-page .cd-hero-visual.photo img {width:100%;height:390px;object-position:right top;mask-image:linear-gradient(#000 65%,transparent 100%);}
 .skill-practice-page .cd-hero-visual.photo:after {background:linear-gradient(180deg,transparent 0px,transparent 200px,rgba(23,37,72,.55) 295px,#172548 390px);}
 .skill-practice-page .cd-hero-visual figcaption {top:315px;bottom:auto;right:16px;font-size:11px;}
 .skill-practice-page .cd-hero .lp-course-title {font-size:clamp(30px,8vw,48px);}
 .skill-practice-page .cd-hero .lp-empathy {font-size:15px;}
}
.skill-practice-page .cd-hero-visual figcaption {padding:0;background:none;max-width:100%;}
.workout-story .ws-hero {grid-template-columns:1fr;gap:0;padding-top:20px;}
.workout-story .ws-hero-art {grid-area:1/1;width:100%;height:100%;min-width:0;max-width:none;margin:0;justify-self:stretch;position:relative;align-self:stretch;background:#172548;overflow:hidden;}
.workout-story .ws-hero-art img {position:absolute;inset:0 0 auto auto;display:block;width:112%;max-width:none;height:100%;object-fit:cover;object-position:82% top;border-radius:0;}
.workout-story .ws-hero-art:after {content:'';position:absolute;inset:0;background:linear-gradient(90deg,#172548 0%,rgba(23,37,72,.98) 30%,rgba(23,37,72,.88) 43%,rgba(23,37,72,.5) 57%,rgba(23,37,72,.08) 78%,rgba(23,37,72,.04) 100%);}
.workout-story .ws-hero-copy {grid-area:1/1;z-index:1;position:relative;padding:64px 38px;min-height:570px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;color:#fff;}
.workout-story .ws-hero-copy h1 {color:#fff;font-size:clamp(28px,3.2vw,40px);}
.workout-story .ws-hero-copy h1 em {background:none;}
.workout-story .ws-hero-copy .ws-lead {max-width:29em;font-size:16px;color:#fff;}
.workout-story .ws-hero-copy .ws-eyebrow,.workout-story .ws-hero-copy .ws-pretitle {color:#fff;}
.workout-story .ws-hero-copy .button-primary {background:#ffe62e;color:#172548;box-shadow:none;}
.workout-story .ws-hero-copy .text-link {color:#fff;border-color:#b7c1d6;}
.workout-story .ws-recognize {grid-area:2/1;margin-top:32px;}
@media(max-width:800px){
 .skill-practice-page .cd-hero-visual {max-width:520px;}
}
@media(max-width:600px){
 .workout-story .ws-hero-copy {padding:300px 22px 32px;min-height:0;}
 .workout-story .ws-hero-art img {top:0;width:100%;height:390px;object-position:88% top;mask-image:linear-gradient(to bottom,#000 65%,transparent 100%);}
 .workout-story .ws-hero-art:after {background:linear-gradient(180deg,rgba(23,37,72,.02) 0px,rgba(23,37,72,.08) 150px,rgba(23,37,72,.65) 275px,#172548 365px);}
 .workout-story .ws-hero-copy h1 {font-size:clamp(22px,calc(12.5vw - 21.75px),27px);}
 .workout-story .ws-hero-copy .ws-lead {font-size:15px;}
 .workout-story .ws-hero-copy .ws-lead br {display:none;}
 .workout-story .ws-hero-copy .ws-actions {gap:20px;}
 .skill-practice-page .cd-hero-visual {margin-top:18px;}
 .skill-practice-page .cd-hero-visual.photo img {aspect-ratio:1/1;}
}