/* Careers: wide editorial rhythm, quiet typography and the Zero One identity. */
.careers-page{--careers-gap:30px;--content-gutter:30px;--nav-gutter:var(--content-gutter);--ink:#1e2124;background:#fff}
.careers-chrome{position:sticky;top:0;height:0;z-index:19;pointer-events:none}
.careers-chrome::before{content:"";position:absolute;inset:0 0 auto;height:143px;background:#fff}
.careers-breadcrumb{position:absolute;top:39px;left:calc(var(--nav-gutter) + 112px);color:#fff;font-size:18px;line-height:24px;white-space:nowrap}
.careers-subnav{position:sticky;top:70px;z-index:21;margin-top:96px;padding:10px var(--content-gutter) 30px;display:flex;gap:28px;overflow:auto;background:#fff;scrollbar-width:none;font-size:16px;line-height:22px;color:#737579}
.careers-subnav::-webkit-scrollbar{display:none}
.careers-subnav a{flex:none;text-decoration:none;text-underline-offset:6px;transition:color .25s}
.careers-subnav a:is(:hover,:focus-visible){color:#1e2124;text-decoration:underline}
.careers-layout{padding:0 var(--content-gutter) 120px;max-width:1920px;margin:auto}
.careers-layout :is(section,[role=tabpanel]){scroll-margin-top:165px}
.careers-layout h2{font-size:50px;line-height:1;letter-spacing:-.025em;font-weight:400}
.careers-layout h3{font-weight:400}
.careers-hero{position:relative;padding:100px 0;margin:0}
.careers-film{position:relative;aspect-ratio:8/3;container-type:inline-size;overflow:hidden;color:#080808}
.careers-film-scene{position:absolute;inset:0;padding:3.3% 2.5%;font-size:10.2cqw;line-height:1.02;letter-spacing:-.06em;font-weight:400}
.careers-film-scene>span{display:block;white-space:nowrap}
.careers-film-signature{display:grid;place-items:center}
.careers-film-brand{width:80%;line-height:0}
.careers-film-brand img{display:block;width:100%;height:auto;filter:brightness(0)}
.careers-film-scene+ .careers-film-scene{visibility:hidden}
.careers-page.motion-ready .careers-film-scene+ .careers-film-scene{visibility:visible}
.careers-page.motion-ready .careers-film-scene>span{animation:career-film-line 10.5s cubic-bezier(.22,1,.36,1) infinite both}
.careers-page.motion-ready .careers-film-scene>span:nth-child(2){animation-delay:.12s}
.careers-page.motion-ready .careers-film-scene>span:nth-child(3){animation-delay:.24s}
.careers-page.motion-ready .careers-film-scene:nth-child(2)>span{animation-delay:3.5s}
.careers-page.motion-ready .careers-film-scene:nth-child(2)>span:nth-child(2){animation-delay:3.62s}
.careers-page.motion-ready .careers-film-scene:nth-child(2)>span:nth-child(3){animation-delay:3.74s}
.careers-page.motion-ready .careers-film-signature>span{animation-name:career-film-logo;animation-delay:7s}
.careers-film:not(.is-running) .careers-film-scene>span{animation-play-state:paused}
@keyframes career-film-line{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateX(2%)}4.667%,27.333%{opacity:1;clip-path:inset(0 0 0 0);transform:translateX(0)}32.667%,100%{opacity:0;clip-path:inset(0 0 0 0);transform:translateX(-9%)}}
@keyframes career-film-logo{0%{opacity:0;clip-path:inset(0 100% 0 0);transform:translateY(.08em)}5%,27%{opacity:1;clip-path:inset(0 0 0 0);transform:translateY(0)}33%,100%{opacity:0;clip-path:inset(0 0 0 100%);transform:translateY(-.02em)}}
.careers-motion-toggle{position:absolute;right:0;bottom:68px;width:28px;height:28px;border:0;background:transparent;color:#737579;font-size:13px;opacity:0;transition:opacity .25s}
.careers-hero:hover .careers-motion-toggle,.careers-motion-toggle:focus-visible,.careers-motion-toggle[aria-pressed=true]{opacity:1}
.careers-cta{text-align:center;padding:27px 0 208px}
.careers-hero+.careers-cta{margin-top:100px}
.careers-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:41px;min-width:300px;max-width:100%;margin-top:30px;padding:8px 24px;background:#202020;color:#fff;border:1px solid #202020;font-size:18px;line-height:24px;text-decoration:none;transition:background .3s,color .3s}
.careers-button svg{width:18px;height:18px;transition:transform .35s cubic-bezier(.22,1,.36,1)}
.careers-button:hover{background:#fff;color:#202020}
.careers-button:hover svg{transform:translateX(4px)}
.careers-section{border-top:1px solid #343637;padding-top:60px;margin-top:0}
.careers-values{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;margin-top:100px;margin-bottom:100px}
.careers-values article{min-height:278px;background:#f7f7f7;padding:20px 20px 40px}
.careers-value-icon{display:block;width:36px;height:36px;margin-bottom:24px;color:#111}
.careers-values h3{font-size:34px;line-height:1.15;letter-spacing:-.015em;margin-bottom:22px}
.careers-values p{font-size:16px;line-height:23px;max-width:65ch}
.careers-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--careers-gap)}
.careers-lead{font-size:34px;line-height:1.18;letter-spacing:-.018em}
.careers-roles{border:0;padding-top:0}.careers-role-content{padding-top:100px;padding-bottom:100px;align-items:start}
.careers-role-content [role=tablist]{display:flex;flex-direction:column;width:100%;max-width:282.5px;min-width:0}
.careers-role-content [role=tab]{display:flex;align-items:center;text-align:left;padding:22px 0;border:0;border-bottom:1px solid #ccc;background:none;color:#76787a;font-size:19px;line-height:1.2;cursor:pointer;transition:color .25s,border-color .25s}
.careers-role-content [role=tab] sup{font-size:12px;margin-left:5px;align-self:flex-start;line-height:1}
.careers-role-content [role=tab]>span{margin-left:auto;opacity:0}
.careers-role-content [role=tab][aria-selected=true]{color:#202020;border-color:#202020}
.careers-role-content [role=tab][aria-selected=true]>span{opacity:1}
.careers-role-content [role=tab]:hover{color:#202020}
.careers-role-panels [role=tabpanel]{min-height:265px}
.careers-role-panels [role=tabpanel]+[role=tabpanel]{margin-top:40px}
.careers-page.tabs-ready .careers-role-panels [role=tabpanel]{margin-top:0}
.careers-role-panels [role=tabpanel][hidden]{display:none}
.careers-label{font-size:12px;line-height:1.4;letter-spacing:.045em;text-transform:uppercase}
.careers-role-panels h3{font-size:23px;line-height:1.3;margin-top:10px;margin-bottom:28px}
.careers-role-panels p:not(.careers-label){font-size:18px;line-height:1.5;color:#6b6d70}
.careers-role-panels [role=tabpanel].is-entering{animation:career-panel-in .45s cubic-bezier(.22,1,.36,1) both}
@keyframes career-panel-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.careers-open{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding-bottom:100px}
.careers-open h2{font-size:34px}
.careers-open h3{font-size:23px;line-height:1.3;margin-bottom:18px}
.careers-open p{font-size:18px;line-height:1.5;max-width:64ch;color:#6b6d70}
.careers-text-link{display:inline-flex;align-items:center;gap:30px;margin-top:26px;padding-bottom:6px;border-bottom:1px solid currentColor;font-size:18px;text-decoration:none}
.careers-text-link svg{width:19px;height:19px}
.careers-discovery{padding-bottom:100px}
.careers-discovery h2{scroll-margin-top:165px}
.careers-discovery h2>a{color:inherit;text-decoration:none;text-underline-offset:8px;text-decoration-thickness:1px}
.careers-discovery h2>a:is(:hover,:focus-visible){text-decoration:underline}
.careers-discover-link{display:inline-block;margin-top:30px;padding-block:8px}
.careers-story{display:block;width:440px;max-width:100%;margin-top:60px;color:inherit;text-decoration:none}
.careers-story-label{font-size:12px;line-height:16px;letter-spacing:.025em;text-transform:uppercase;margin-bottom:12px}
.careers-story-cover{aspect-ratio:2400/1647;background:#f3f3f3;overflow:hidden}
.careers-story-cover>img{display:block;width:100%;height:100%;object-fit:cover}
.careers-story h3{font-size:18px;line-height:25px;letter-spacing:-.01em;margin:14px 0 25px}
.careers-story-link{font-size:16px;line-height:23px;color:#737579;text-decoration:underline;text-underline-offset:5px;transition:color .25s}
.careers-discover-link:is(:hover,:focus-visible),.careers-story:is(:hover,:focus-visible) .careers-story-link{color:#1e2124}
#candidature{scroll-margin-top:165px}
.careers-page :is(a,button,[role=tabpanel]):focus-visible{outline:2px solid currentColor;outline-offset:5px}
@media(min-width:1600px){.careers-page{--content-gutter:30px}}
@media(max-width:959px){
 .careers-page{--content-gutter:20px;--careers-gap:30px}
 .careers-subnav{font-size:16px;gap:20px;padding-bottom:20px}
 .careers-hero{padding:80px 0}
 .careers-hero+.careers-cta{margin-top:80px}
 .careers-cta{padding-bottom:160px}
 .careers-layout h2{font-size:40px}
 .careers-values{gap:30px;margin-bottom:80px}
 .careers-lead{font-size:30px;line-height:1.2}
 .careers-open{gap:30px}
}
@media(max-width:599px){
 .careers-breadcrumb{top:21px;left:133px;font-size:14px}
 .careers-chrome::before{height:122px}
 .careers-subnav{top:62px;margin-top:80px;padding-top:0;padding-bottom:20px;gap:20px;scroll-padding-inline:20px}
 .careers-layout :is(section,[role=tabpanel]){scroll-margin-top:140px}
 .careers-hero{padding:60px 0}
 .careers-hero+.careers-cta{margin-top:60px}
 .careers-motion-toggle{bottom:28px;opacity:1}
 .careers-layout h2{font-size:34px;line-height:40px}
 .careers-cta{padding:12px 0 158px}
 .careers-button{width:300px;min-width:0;min-height:41px;margin-top:20px;font-size:18px}
 .careers-section{padding-top:35px}
 .careers-values{grid-template-columns:1fr;gap:20px;margin-top:60px;margin-bottom:60px}
 .careers-values article{min-height:278px}
 .careers-values h3{font-size:28px}
 .careers-split{grid-template-columns:1fr;gap:30px}
 .careers-lead{font-size:24px;line-height:30px}
 .careers-roles{padding-top:0}
 .careers-role-content{padding-top:60px;padding-bottom:60px;gap:45px}
 .careers-role-content [role=tablist]{max-width:none}
 .careers-role-content [role=tab]{padding-block:18px}
 .careers-role-panels [role=tabpanel]{min-height:280px}
 .careers-role-panels p:not(.careers-label){font-size:18px;line-height:25px}
 .careers-open{grid-template-columns:1fr;gap:35px;padding-bottom:60px}
 .careers-open p{font-size:18px}
 .careers-text-link{font-size:16px;gap:20px}
 .careers-discovery{padding-bottom:60px}
 .careers-discovery h2{scroll-margin-top:140px}
 .careers-story{margin-top:40px}
 #candidature{scroll-margin-top:140px}
 .careers-layout{padding-bottom:80px}
}
@media(prefers-reduced-motion:reduce){
 .careers-page.motion-ready .careers-film-scene>span,.careers-role-panels [role=tabpanel].is-entering{animation:none}
 .careers-page.motion-ready .careers-film-scene+ .careers-film-scene{display:none}
 .careers-motion-toggle{display:none}
 .careers-page *{scroll-behavior:auto!important}
 .careers-button,.careers-button svg,.careers-story-link{transition:none}
}