/* Careers: hero (photo unchanged) + cr-* sections. Tokens from base.css. */
:root{--dark-sec:#141210;--pad:clamp(3.5rem,8vw,8rem)}
html{scroll-behavior:smooth}

body{overflow-x:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
:focus-visible{outline:2px solid var(--red);outline-offset:3px}
.tlink{min-height:44px}
.chero{position:relative;isolation:isolate;color:#fff;min-height:clamp(520px,44vw,760px);display:flex;align-items:center;overflow:hidden;background:#1a130d}
.chero__m{position:absolute;inset:0;z-index:-2;display:block}
.chero__m img{width:100%;height:100%;object-fit:cover;object-position:0% 50%;display:block}
.chero__o{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,12,8,.84) 0%,rgba(18,12,8,.66) 34%,rgba(18,12,8,.18) 62%,rgba(18,12,8,0) 80%),linear-gradient(0deg,rgba(18,12,8,.28),rgba(18,12,8,0) 40%)}
.chero__c{padding-block:clamp(4rem,7vw,6rem)}.chero__t{max-width:36rem}
.chero__eb{margin:0 0 1.25rem;color:#f1ebe2;text-transform:uppercase}
.chero h1{max-width:none;color:#fff;text-wrap:balance;}
.chero .lede{margin-top:1.25rem;max-width:29rem;color:#f1ebe2}
.chero .ctagroup{margin-top:2rem}
.btn--go{min-height:58px;padding-inline:2rem 1.75rem;font-size:1.0625rem;gap:.85rem;display:inline-flex;align-items:center}
.btn__ar{width:1.1em;height:1.1em;flex:none;background:currentColor;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 12 12 4M5.5 4H12v6.5' fill='none' stroke='black' stroke-width='1.6'/%3E%3C/svg%3E") center/contain no-repeat}
@media(max-width:900px){
 .chero{min-height:min(620px,calc(100svh - 70px));align-items:flex-end}
 .chero__m img{object-position:56% 50%}
 .chero__o{background:linear-gradient(0deg,rgba(18,12,8,.92) 0%,rgba(18,12,8,.82) 50%,rgba(18,12,8,.3) 78%,rgba(18,12,8,.1) 100%)}
 .chero__c{padding-block:1.25rem 1.75rem}
 
 .chero .lede{margin-top:1rem}.chero .ctagroup{margin-top:1.25rem}
 .chero .btn--go{width:100%;justify-content:space-between}}
@media(max-width:360px){.chero{min-height:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* shared section bits */
.p-careers .cr-eb{margin:0 0 1rem;color:var(--red);text-transform:uppercase;letter-spacing:.16em}
.p-careers section[class^="cr-"] h2{text-wrap:balance;}
.p-careers section[class^="cr-"] h3{margin:0;}
.p-careers section[class^="cr-"] .sup+.sup{margin-top:1rem}
.p-careers section[class^="cr-"] .sup{margin:0}
.cr-why,.cr-diff,.cr-val,.cr-opp,.cr-early,.cr-ben,.cr-lead,.cr-end{padding-block:clamp(3rem,6.5vw,6rem)}

/* 02 why */
.cr-why__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.cr-why__h h2{margin-bottom:1.75rem;max-width:20ch}
.cr-why__img{display:block;width:100%;max-width:min(340px,100%);height:auto}
.cr-why__l{list-style:none;margin:0;padding:0;counter-reset:w;border-top:1px solid var(--line-2)}
.cr-why__l li{padding:1.5rem 0 1.5rem 3.25rem;border-bottom:1px solid var(--line-2);position:relative;counter-increment:w}
.cr-why__l li::before{content:counter(w,decimal-leading-zero);position:absolute;left:0;top:1.65rem;font-size:var(--ty-meta);font-weight:700;letter-spacing:.12em;color:var(--red)}
.cr-why__l p{margin:.5rem 0 0;color:var(--ink-2)}

/* 03 video */
.cr-diff{background:var(--dark-sec);color:#fff}
.cr-diff .cr-eb{color:#ff8c8f}
.cr-diff__h{max-width:44rem;margin-bottom:clamp(2rem,4vw,3.25rem)}
.cr-diff__h h2{color:#fff;max-width:27.5ch;margin:0 0 1.25rem}
.cr-diff__h .sup{color:#d9d4cb;max-width:40rem}
.cr-diff__g{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(1.25rem,3vw,2.5rem);align-items:start}
.cr-diff__s{display:grid;gap:clamp(1.25rem,3vw,2rem)}
.cr-v{margin:0}
.cr-v__a{display:block;text-decoration:none;color:inherit}
.cr-v__img{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;background:#000}
.cr-v__img img{width:100%;height:100%;object-fit:cover;display:block;transition:opacity var(--dur) var(--ease)}
.cr-v__a:hover .cr-v__img img{opacity:.85}
.cr-v__play{position:absolute;left:1.1rem;bottom:1.1rem;width:56px;height:56px;border-radius:50%;background:var(--red);box-shadow:0 0 0 2px #fff inset}
.cr-v__play::after{content:"";position:absolute;left:22px;top:17px;border-style:solid;border-width:11px 0 11px 18px;border-color:transparent transparent transparent #fff}
.cr-v--sm{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:1rem;align-items:start}
.cr-v--sm .cr-v__play{width:40px;height:40px;left:.6rem;bottom:.6rem}
.cr-v--sm .cr-v__play::after{left:16px;top:12px;border-width:8px 0 8px 13px}
.cr-v__t{padding-top:1rem}.cr-v--sm .cr-v__t{padding-top:0}
.cr-v__t h3{color:#fff;}
.cr-v__t p{margin:.5rem 0 0;color:#cfc9be;font-size:.9375rem;line-height:1.55}
.cr-v__w{display:inline-flex;align-items:center;min-height:44px;margin-top:.5rem;color:#fff;font-weight:600;text-decoration:underline;text-decoration-color:var(--red);text-underline-offset:.3em;text-decoration-thickness:2px}
.cr-v__w:hover{text-decoration-color:#fff}
.cr-diff :focus-visible{outline-color:#fff}
.cr-dlg{width:min(960px,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);padding:0;border:0;background:#0c0b0a;color:#fff}
.cr-dlg::backdrop{background:rgba(10,9,8,.82)}
.cr-dlg__h{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 1rem}
.cr-dlg__t{margin:0;font-size:1.0625rem;font-weight:600;letter-spacing:normal}
.cr-dlg__x{min-height:44px;min-width:44px;padding:0 1.1rem;background:transparent;color:#fff;border:1.5px solid #fff;border-radius:var(--radius-btn);font:inherit;font-weight:600;cursor:pointer}
.cr-dlg__x:hover{background:var(--red);border-color:var(--red)}
.cr-dlg__x:focus-visible{outline:2px solid #fff;outline-offset:3px}
.cr-dlg__f{aspect-ratio:16/9;background:#000}
.cr-dlg__f iframe{width:100%;height:100%;border:0;display:block}

/* 04 values */
.cr-val{background:var(--stone)}
.cr-val__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.cr-val__g{grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:center}
.cr-val__g h2{max-width:20ch;margin-bottom:1.75rem}
.cr-val__t .lede{margin:0 0 1rem;color:var(--ink);}
.cr-val__t .sup{color:var(--ink-2);max-width:34rem}
.cr-val__f{display:block}
.cr-val__img{display:block;width:100%;height:auto}

/* 05 opportunities */
.cr-opp__g{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.cr-opp__h h2{margin-bottom:1.5rem;max-width:17.5ch}
.cr-opp__c{margin-top:2rem;padding:1.75rem;background:var(--dark-sec);color:#fff;border-top:3px solid var(--red)}
.cr-opp__c h3{color:#fff;}.cr-opp__c p{margin:.6rem 0 1.5rem;color:#d9d4cb}
.cr-opp__k{margin:0 0 1rem;color:var(--ink-3);text-transform:uppercase}
.cr-opp__l{list-style:none;margin:0;padding:0;border-top:1px solid var(--line-2)}
.cr-opp__l li{display:flex;flex-direction:column;gap:.15rem;padding:1.25rem 0;border-bottom:1px solid var(--line-2)}

.cr-opp__w{color:var(--ink-3);font-size:.9375rem}
.cr-opp__note{margin:1.25rem 0 0;color:var(--ink-3);font-size:.9375rem;line-height:1.55}

/* 06 early careers: ascending steps */
.cr-early{background:var(--stone-2);overflow:hidden}
.cr-early__h{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,5vw,5rem);align-items:end}
.cr-early__h h2{max-width:16.2ch}
.cr-early__s{list-style:none;margin:clamp(2rem,4vw,3.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.5vw,2rem);align-items:end}
.cr-early__s li{background:#fff;padding:1.5rem;border-bottom:3px solid var(--red)}
.cr-early__s li:nth-child(1){min-height:13rem}.cr-early__s li:nth-child(2){min-height:16rem}.cr-early__s li:nth-child(3){min-height:19rem}
.cr-early__n{display:block;margin-bottom:1rem;color:var(--red);font-size:2rem;line-height:1;font-weight:300}
.cr-early__s p{margin:.6rem 0 0;color:var(--ink-2);font-size:.9375rem;line-height:1.6}
.cr-early__f{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem 3rem;margin-top:clamp(2rem,4vw,3rem)}
.cr-early__f .sup{max-width:36rem}

/* 07 benefits: restrained spotlight */
.cr-ben{background:#fff;background-image:radial-gradient(ellipse 60% 90% at 18% 0%,rgba(196,11,15,.07),rgba(196,11,15,0) 70%);padding-block:clamp(3.5rem,7.5vw,7rem)}
.cr-ben__h{max-width:48rem}
.p-careers .cr-ben__h h2{max-width:22.5ch;margin:0;}
.cr-ben__l{list-style:none;margin:clamp(2.5rem,5vw,4.5rem) 0 0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border-top:2px solid var(--ink)}
.cr-ben__l li{padding:1.25rem clamp(.75rem,1.6vw,1.5rem) 1.5rem 0;}
.cr-ben__l li+li{padding-left:clamp(.75rem,1.6vw,1.5rem);border-left:1px solid var(--line-2)}
.cr-ben__n{display:block;margin-bottom:1.25rem;color:var(--red);}

/* 08 leadership */
.cr-lead{background:var(--stone);padding-block:clamp(2.75rem,5.5vw,5rem)}
.cr-lead__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(2rem,6vw,6rem);align-items:start}
.cr-lead__g h2{max-width:17.5ch}
.cr-lead__b .sup{color:var(--ink-2)}
.cr-lead__p{list-style:none;margin:1.75rem 0 .5rem;padding:0;display:flex;flex-wrap:wrap;gap:1rem 3rem;border-top:1px solid var(--line-2);padding-top:1.25rem}
.cr-lead__p li{font-size:.9375rem;color:var(--ink-3)}.cr-lead__p span{display:block;font-size:1.125rem;font-weight:600;color:var(--ink)}

/* 09 close */
.cr-end{background:var(--dark-sec);color:#fff;border-top:3px solid var(--red);padding-block:clamp(2.75rem,5.5vw,5rem)}
.cr-end .cr-eb{color:#ff8c8f}
.cr-end__g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(1.5rem,5vw,5rem);align-items:center}
.cr-end h2{color:#fff;max-width:16.2ch}
.cr-end .sup{color:#d9d4cb}.cr-end .btn{margin-top:1.75rem}
.cr-end :focus-visible,.cr-opp__c :focus-visible{outline-color:#fff}

@media(max-width:900px){
 .cr-why__g,.cr-diff__h,.cr-diff__g,.cr-val__g,.cr-opp__g,.cr-early__h,.cr-lead__g,.cr-end__g{grid-template-columns:1fr}
 .cr-why__h h2,.cr-diff__h h2,.cr-val__g h2,.cr-opp__h h2,.cr-early__h h2,.cr-lead__g h2,.cr-end h2{max-width:none}
 .cr-early__s{grid-template-columns:1fr}.cr-early__s li:nth-child(n){min-height:0}.cr-early__s li:nth-child(2){margin-left:1.25rem}.cr-early__s li:nth-child(3){margin-left:2.5rem}
 .cr-ben__l{grid-template-columns:repeat(2,minmax(0,1fr));border-top:0}.cr-ben__l li{padding:1.25rem 1rem 1.5rem 0;border-top:2px solid var(--ink)}.cr-ben__l li+li{padding-left:0;border-left:0}.cr-ben__l li:nth-child(even){padding-left:1rem;border-left:1px solid var(--line-2)}.cr-ben__l li:nth-child(5){grid-column:1/-1;border-left:0;padding-left:0}
 .cr-opp__c .btn,.cr-end .btn,.cr-early__f .btn{width:100%;justify-content:space-between}
 .cr-val__g{grid-template-columns:1fr;align-items:start}.cr-val__img{max-width:100%}}
@media(max-width:560px){
 .cr-ben__l{grid-template-columns:1fr}.cr-ben__l li:nth-child(n){padding:1rem 0 1.1rem;border-left:0}
 .cr-v--sm{grid-template-columns:1fr}.cr-v--sm .cr-v__t{padding-top:.75rem}
 .cr-early__s li:nth-child(n){margin-left:0}
 .cr-opp__c{padding:1.25rem}}
@media(prefers-reduced-motion:reduce){.cr-v__img img{transition:none}}
