/* A photographic stage with stable geometry and a solid reading surface. */
.candidate-hero.jobs-fleet-hero { position:relative; isolation:isolate; overflow:hidden; padding:9rem 0 6.8rem; background:#101216; }
.jobs-fleet-hero .candidate-hero-grid { position:relative; z-index:2; display:block; }
.jobs-fleet-copy { width:55%; max-width:660px; }
.jobs-fleet-hero h1 { max-width:16ch; font-size:clamp(2.8rem,5vw,4.5rem); }
.jobs-fleet-hero .lede { color:#e3e5e8; }
.jobs-fleet-hero .candidate-hero-note { color:#c5c9cf; line-height:1.7; }
.jobs-fleet-hero .candidate-actions .btn-secondary { border-color:#b4bac3; background:#11151ce8; }
.jobs-fleet-hero .candidate-employer-link { color:#fff; }
.jobs-fleet-media { position:absolute; z-index:0; inset:0; background:#151b23; }
.jobs-fleet-frame { position:absolute; inset:0; opacity:0; transition:opacity 1100ms ease-in-out; }
.jobs-fleet-frame.is-active { opacity:1; }
.jobs-fleet-frame img { display:block; width:100%; height:100%; object-fit:cover; object-position:65% 50%; }
.jobs-fleet-frame[data-fleet-failed] img { visibility:hidden; }
.jobs-fleet-scrim { position:absolute; z-index:1; inset:0; pointer-events:none; background:linear-gradient(90deg,#101216 0%,#101216 42%,#101216f5 49%,#101216a3 57%,#10121626 72%,#1012160a 100%),linear-gradient(0deg,#101216b8 0%,transparent 38%); }
.jobs-fleet-controls { position:absolute; z-index:3; right:max(2rem,calc((100vw - 1280px)/2)); bottom:2rem; display:flex; flex-wrap:wrap; align-items:center; gap:.4rem; max-width:calc(100% - 4rem); padding:.6rem; border:1px solid #ffffff45; border-top:2px solid #ffd60a; border-radius:5px; background:#101216ee; box-shadow:0 12px 32px #0003; }
.jobs-fleet-controls[hidden] { display:none; }
.jobs-fleet-controls button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:.65rem .8rem; border:1px solid transparent; border-radius:3px; color:#ecedf0; background:transparent; font:inherit; font-size:.8rem; font-weight:700; line-height:1.3; cursor:pointer; }
.jobs-fleet-controls button:hover { background:#ffffff15; }
.jobs-fleet-controls button[aria-pressed="true"] { color:#101216; background:#ffd60a; }
.jobs-fleet-controls .jobs-fleet-pause { border-color:#818894; margin-left:.3rem; color:#fff; }
.jobs-fleet-controls button:focus-visible { outline:3px solid #ffd60a; outline-offset:3px; }
.jobs-fleet-status { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; border:0; }
@media (max-width:1100px) and (min-width:761px) {
 .jobs-fleet-copy { width:61%; }
 .jobs-fleet-scrim { background:linear-gradient(90deg,#101216 0%,#101216 49%,#101216f5 57%,#10121670 68%,#10121610 100%); }
}
@media (max-width:760px) {
 .candidate-hero.jobs-fleet-hero { display:flex; flex-direction:column; padding:7rem 0 0; }
 .jobs-fleet-hero .candidate-hero-grid { order:0; padding-bottom:2.1rem; }
 .jobs-fleet-copy { width:100%; max-width:none; }
 .jobs-fleet-hero h1 { max-width:17ch; }
 .jobs-fleet-media { position:relative; order:1; inset:auto; flex:0 0 auto; width:100%; height:clamp(270px,70vw,480px); }
 .jobs-fleet-frame img { object-position:90% 50%; }
 .jobs-fleet-scrim { display:none; }
 .jobs-fleet-controls-slot { position:relative; order:2; min-height:122px; }
 .jobs-fleet-controls { position:relative; right:auto; bottom:auto; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:.4rem; max-width:none; width:100%; margin:0; padding:.75rem max(1rem,calc((100vw - 600px)/2)); border:0; border-top:2px solid #ffd60a; border-radius:0; box-shadow:none; background:#101216; }
 .jobs-fleet-controls button { padding:.65rem .6rem; }
 .jobs-fleet-controls .jobs-fleet-pause { margin-left:0; }
}
@media (prefers-reduced-motion:reduce) {
 .jobs-fleet-frame { transition:none; }
}