/* Recruitment cover: live typography, editorial rules and one confident figure. */
.recruit-page #hero.recruitment-cover {height:auto;min-height:var(--screen);max-height:none;padding:22px 26px 28px;background:var(--brand-base);color:#161616;}
.recruit-page #hero.recruitment-cover::before {inset:0 0 auto auto;width:9px;height:190px;background:var(--brand-blue);transform:none;}
.recruit-page #hero.recruitment-cover::after {display:none;}
.recruit-page #hero.recruitment-cover .slide-content {height:auto;max-height:none;display:flex;flex-direction:column;gap:20px;text-align:left;}
.mv-eyebrow {display:flex;justify-content:space-between;gap:8px;margin:0;padding-bottom:10px;border-bottom:1px solid #161616;font-size:10px;letter-spacing:.07em;font-weight:700;}
.mv-title {margin:0;line-height:1.1;letter-spacing:-.045em;}
.mv-title>span {display:block;font-size:22px;line-height:1.6;letter-spacing:0;margin-bottom:8px;}
.mv-title strong {display:block;font-size:clamp(44px,12vw,58px);font-weight:900;}
.mv-title em {font-style:normal;color:var(--brand-blue);position:relative;display:inline-block;padding-bottom:9px;}
.mv-title em::after {content:'';position:absolute;left:1px;right:0;bottom:0;height:5px;background:var(--brand-orange);}
.mv-realities {list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1.35fr;column-gap:16px;}
.mv-realities li {position:relative;border-bottom:1px solid rgba(0,0,0,.2);padding:9px 0 9px 15px;font-size:14px;font-weight:700;line-height:1.65;display:flex;align-items:center;}
.mv-realities li::before {content:'';position:absolute;left:0;top:calc(50% - 3px);width:6px;height:6px;background:var(--brand-orange);}
.mv-realities li:last-child {grid-column:1/-1;}
.mv-scene {position:relative;display:flex;align-items:center;min-height:190px;margin:0 -26px;padding:0 26px;isolation:isolate;}
.mv-scene::before {content:'';position:absolute;inset:8% 0 0;background:var(--brand-blue);clip-path:polygon(0 22px,100% 0,100% 100%,0 100%);z-index:-1;}
.mv-message {position:relative;z-index:1;align-self:flex-end;margin:0 0 18px;color:var(--brand-base);font-size:15px;line-height:1.6;font-weight:700;}
.mv-message strong {font-size:27px;line-height:1.35;display:block;margin-top:4px;letter-spacing:-.03em;}
.mv-scene img {position:absolute;right:0;bottom:0;width:66%;height:110%;object-fit:contain;object-position:right bottom;z-index:0;}
.mv-actions {display:flex;flex-direction:column;gap:14px;}
.recruit-page .mv-actions .btn {display:flex;align-items:center;justify-content:space-between;width:100%;height:48px;margin:0;padding:0 18px;font-size:16px;border:2px solid #000;border-radius:0;box-shadow:4px 4px 0 #000;}
.mv-actions .btn span {font-size:24px;}
.mv-actions .next-link {display:flex;justify-content:space-between;align-items:center;font-size:11px;text-decoration:none;border-bottom:1px solid #161616;padding-bottom:5px;}
.mv-actions .next-link span {font-size:18px;}
@media(max-height:800px) {
 .recruit-page #hero.recruitment-cover {padding:16px 24px 26px;}
 .recruit-page #hero.recruitment-cover .slide-content {gap:14px;}
 .mv-title>span {font-size:19px;margin-bottom:4px;}
 .mv-title strong {font-size:clamp(40px,11vw,50px);}
 .mv-realities li {padding-top:6px;padding-bottom:6px;font-size:13px;}
 .mv-scene {min-height:156px;margin:0 -24px;padding:0 24px;}
 .mv-message {font-size:13px;margin-bottom:14px;}
 .mv-message strong {font-size:23px;}
 .mv-actions {gap:10px;}
 .recruit-page .mv-actions .btn {height:42px;font-size:15px;}
}
@media(max-width:360px) {
 .recruit-page #hero.recruitment-cover {padding-left:18px;padding-right:18px;}
 .mv-eyebrow {font-size:9px;letter-spacing:0;}
 .mv-title strong {font-size:40px;}
 .mv-realities {column-gap:10px;}
 .mv-realities li {font-size:12px;padding-left:12px;}
 .mv-scene {margin-left:-18px;margin-right:-18px;padding-left:18px;padding-right:18px;}
 .mv-scene img {width:61%;}
 .mv-message strong {font-size:22px;}
 .mv-actions .next-link {font-size:10px;}
}

.mv-honesty {margin:0;font-size:14px;line-height:1.85;}
.mv-honesty strong {font-weight:700;text-decoration:underline;text-decoration-color:var(--brand-orange);text-decoration-thickness:2px;text-underline-offset:4px;}

/* A single-screen cover. The header already provides the recruitment CTA. */
.recruit-page #hero.recruitment-cover {height:var(--screen);min-height:var(--screen);max-height:var(--screen);padding:18px 24px 22px;}
.recruit-page #hero.recruitment-cover .slide-content {height:100%;max-height:760px;gap:12px;}
.recruitment-cover .slide-content>* {flex:none;}
.recruitment-cover .mv-scene {flex:1;min-height:74px;margin-left:-24px;margin-right:-24px;padding-left:24px;padding-right:24px;}
.recruitment-cover .mv-scene img {height:100%;width:44%;}
.recruitment-cover .mv-scene::before {inset:0;clip-path:polygon(0 10px,100% 0,100% 100%,0 100%);}
.recruitment-cover .mv-message {margin-bottom:12px;font-size:14px;}
.recruitment-cover .mv-message strong {font-size:21px;}
.recruitment-cover .mv-title strong {font-size:46px;}
.recruitment-cover .mv-title>span {font-size:20px;}
.recruitment-cover .mv-realities li {font-size:13px;padding-top:5px;padding-bottom:5px;}
.recruitment-cover .mv-honesty {font-size:13px;line-height:1.8;}
@media(max-height:740px) {
 .recruit-page #hero.recruitment-cover {padding:12px 20px 16px;}
 .recruit-page #hero.recruitment-cover .slide-content {gap:8px;}
 .recruitment-cover .mv-title strong br {display:none;}
 .recruitment-cover .mv-title strong {font-size:clamp(26px,7.5vw,35px);white-space:nowrap;}
 .recruitment-cover .mv-title>span {font-size:18px;line-height:1.4;}
 .recruitment-cover .mv-title em {padding-bottom:5px;}
 .recruitment-cover .mv-title em::after {height:3px;}
 .recruitment-cover .mv-realities li {font-size:12px;line-height:1.6;padding-top:4px;padding-bottom:4px;}
 .recruitment-cover .mv-honesty {font-size:12px;line-height:1.75;}
 .recruitment-cover .mv-scene {margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px;}
 .recruitment-cover .mv-message {font-size:12px;margin-bottom:10px;}
 .recruitment-cover .mv-message strong {font-size:18px;}
}
/* Keep the blue field tied to the caption, rather than filling spare height. */
.recruit-page #hero.recruitment-cover .slide-content {justify-content:space-between;}
.recruitment-cover .mv-scene {max-height:170px;}
.recruitment-cover .mv-scene::before {inset:auto 0 0;height:min(100%,110px);}
@media(max-height:740px) {
 .recruitment-cover .mv-scene {max-height:125px;}
 .recruitment-cover .mv-scene::before {height:min(100%,86px);}
}
