.recruit-film-feature{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(260px,1fr);margin:0 0 48px;background:#202126;color:#fff;scroll-margin-top:100px}
.recruit-film-feature button.career-film-thumbnail{display:block;position:relative;align-self:stretch;width:100%;min-height:0;padding:0;border:0;border-radius:0;overflow:hidden;background:#14151a;cursor:pointer;text-align:left;color:#fff}
.career-film-thumbnail img{display:block;width:100%;height:100%;aspect-ratio:16/9;object-fit:cover;transition:filter .25s ease}
.recruit-film-feature button.career-film-thumbnail>span{margin:0;vertical-align:baseline}
.recruit-film-feature .career-film-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:76px;height:76px;border:1px solid #ffffffba;border-radius:50%;background:#1118;backdrop-filter:blur(5px);font-size:25px;padding-left:4px}
.recruit-film-feature .career-film-duration{position:absolute;right:18px;top:18px;padding:7px 10px;background:#13141bc9;font-size:14px;font-variant-numeric:tabular-nums;border-radius:3px;letter-spacing:.08em}
.recruit-film-feature .career-film-watch{position:absolute;left:20px;top:20px;font-size:14px;font-weight:600;background:#13141bc9;padding:7px 10px;border-radius:3px}
.career-film-thumbnail:hover img{filter:brightness(.85)}.career-film-thumbnail:focus-visible{outline:4px solid #9896ff;outline-offset:4px;z-index:1}
.career-film-caption{display:flex;flex-direction:column;justify-content:center;padding:32px clamp(24px,3vw,44px)}.career-film-caption .eyebrow{color:#c3c1ff;font-size:11px;letter-spacing:.13em}.career-film-caption h3{font-size:clamp(30px,3.4vw,50px);line-height:1.1;letter-spacing:-.04em;margin:15px 0 20px;color:#fff}.career-film-caption .film-idea{font-size:clamp(21px,2vw,29px);line-height:1.45;color:#fff;margin:0 0 15px;font-weight:550}.career-film-caption p{color:#d1d2dc;font-size:16px;line-height:1.7;margin:0 0 18px}.career-film-caption small{font-size:12px;color:#bfc0ce;letter-spacing:.06em;margin-top:auto;padding-top:15px}
@media(max-width:1000px){.recruit-film-feature{grid-template-columns:1.3fr 1fr}.career-film-caption{padding:25px}.career-film-caption h3{font-size:33px}.career-film-caption .film-idea{font-size:22px}.career-film-caption p{font-size:15px}}
@media(max-width:760px){.recruit-film-feature{grid-template-columns:1fr;margin-bottom:35px}.career-film-thumbnail img{height:auto;aspect-ratio:16/9}.career-film-caption{padding:25px}.career-film-caption h3{font-size:36px}.recruit-film-feature .career-film-play{width:62px;height:62px;font-size:21px}.recruit-film-feature .career-film-duration{font-size:12px;top:12px;right:12px}.recruit-film-feature .career-film-watch{font-size:12px;left:12px;top:12px}}
@media(prefers-reduced-motion:reduce){.career-film-thumbnail img{transition:none}}
.recruit-film-feature button.career-film-thumbnail{align-self:center;aspect-ratio:16/9}.career-film-thumbnail img{height:auto;object-fit:contain}

/* Lead the recruitment page with the film; load only its poster until play. */
.recruit-hero .cp-hero-grid{grid-template-columns:1fr 1.15fr;align-items:center;gap:4vw}
.recruit-hero .career-hero-film{display:flex;flex-direction:column;margin:0;min-width:0;align-self:center;width:100%;box-shadow:0 18px 50px #12131b13}
.recruit-hero .career-film-caption{width:100%;padding:25px 28px 23px;box-sizing:border-box}
.recruit-hero .career-film-caption .eyebrow{color:#c3c1ff}
.recruit-hero .career-film-caption h3{font-size:40px;margin:11px 0 13px}
.recruit-hero .career-film-caption .film-idea{font-size:21px;margin-bottom:0}
.recruit-hero .career-film-caption .film-idea br{display:none}
.recruit-hero .career-film-caption small{padding-top:17px;margin-top:0}
.recruit-hero .career-film-thumbnail img{height:auto;aspect-ratio:16/9;object-fit:contain}
@media(max-width:800px){
 .recruit-hero .cp-hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0}
 .recruit-hero .cp-hero-copy{display:contents}
 .recruit-hero .cp-hero-copy>.eyebrow{order:0;margin:0 0 16px}
 .recruit-hero .cp-hero-copy>h1{order:1;margin:0 0 14px}
 .recruit-hero .cp-role{order:2;margin:0 0 22px}
 .recruit-hero .career-hero-film{order:3;margin:0 0 24px}
 .recruit-hero .cp-lead{order:4;margin:0 0 20px}
 .recruit-hero .recruit-actions{order:5}
 .recruit-hero .recruit-facts{order:6;margin-top:20px}
 .recruit-hero .career-film-caption{padding:20px 22px}
 .recruit-hero .career-film-caption h3{font-size:32px;margin:9px 0}
 .recruit-hero .career-film-caption .film-idea{font-size:18px;line-height:1.5}
 .recruit-hero .career-film-caption small{font-size:11px;padding-top:12px}
}