/* Mentorship: open editorial layout with small, clearly defined topic surfaces. */
.hire-main{max-width:1440px;margin:0 auto;padding:56px var(--gutter) 120px}
.hire-hero{display:grid;grid-template-columns:1fr .9fr;gap:72px;align-items:end;padding:48px 0 100px}
.hire-hero h1{margin:0;color:var(--ink)}
.hire-hero>p{font-size:clamp(19px,1.55vw,24px);line-height:1.5;letter-spacing:normal;color:var(--muted);margin:0 0 5px;max-width:550px}
.mentorship-focus{display:grid;grid-template-columns:1fr 1.12fr;gap:clamp(40px,6vw,96px);align-items:start;scroll-margin-top:40px}
.mentorship-intro h2{margin:0 0 24px;font-size:clamp(32px,3.2vw,48px);line-height:1.1;letter-spacing:-.02em;font-weight:500;color:var(--ink)}
.mentorship-intro>p{max-width:460px;margin:0;font-size:18px;line-height:1.65;color:var(--muted);text-wrap:pretty}
.mentorship-topics{display:grid;gap:16px}
.mentorship-topic{display:flex;align-items:center;gap:24px;padding:28px;background:#fff;color:var(--ink);border-radius:32px;box-shadow:0 0 0 1px rgb(0 0 0 / .06),0 1px 2px -1px rgb(0 0 0 / .06),0 2px 4px rgb(0 0 0 / .04)}
.mentorship-topic h3{font-size:21px;font-weight:500;line-height:1.25;letter-spacing:normal;margin:0 0 8px}
.mentorship-topic p{font-size:16px;line-height:1.5;color:var(--muted);margin:0;text-wrap:pretty}
.mentorship-motif{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%}
.mentorship-motif svg{width:42px;height:42px;flex-shrink:0;fill:currentColor}
.motif-blue{color:#5047f8;background:#eeedfd}.motif-yellow{color:#4c3800;background:#ffe573}.motif-purple{color:#6554a8;background:#e9ddff}
.mentorship-start{display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;margin-top:80px;padding:40px;border-radius:32px;background:#eeedfd;color:var(--ink)}
.mentorship-start h2{font-weight:500;font-size:clamp(26px,2.4vw,34px);line-height:1.15;letter-spacing:normal;margin:0 0 16px}
.mentorship-start p{font-size:17px;line-height:1.6;color:var(--muted);max-width:650px;margin:0;text-wrap:pretty}
.hire-cta{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:56px;padding:16px 20px 16px 24px;width:max-content;max-width:100%;box-sizing:border-box;border-radius:999px;background:#5047f8;color:#fff;font-size:15px;font-weight:500;line-height:1.3;text-decoration:none;transition:transform .25s cubic-bezier(.2,.8,.2,1),background .2s ease}
.hire-cta svg{width:25px;height:25px;fill:currentColor;flex-shrink:0}
.hire-cta:hover{transform:translateY(-3px);background:#453bdc}.hire-cta:active{transform:translateY(0) scale(.97);transition-duration:125ms}.hire-cta:focus-visible{outline:3px solid var(--ink);outline-offset:4px}
html[data-theme=dark] .mentorship-topic{background:#202024;color:var(--ink);box-shadow:0 0 0 1px rgb(255 255 255 / .1),0 1px 2px -1px rgb(0 0 0 / .2),0 2px 4px rgb(0 0 0 / .12)}
html[data-theme=dark] .mentorship-start{background:#242136}
html[data-theme=dark] .motif-blue{background:#353057;color:#bdb7ff}html[data-theme=dark] .motif-yellow{background:#4b4020;color:#ffe573}html[data-theme=dark] .motif-purple{background:#3c2d54;color:#d6bcff}
@media(max-width:900px){.hire-hero{gap:36px}.mentorship-focus{gap:36px;grid-template-columns:.85fr 1fr}.mentorship-topic{padding:24px;gap:18px}.mentorship-start{grid-template-columns:1fr;gap:28px}.mentorship-start .hire-cta{justify-self:start}}
@media(max-width:760px){.hire-main{padding-top:32px;padding-bottom:80px}.hire-hero{grid-template-columns:1fr;gap:24px;padding:28px 0 64px}.hire-hero>p{font-size:19px}.mentorship-focus{grid-template-columns:1fr;gap:32px}.mentorship-intro h2 br{display:none}.mentorship-intro p{font-size:17px;max-width:none}.mentorship-topic{gap:18px;padding:24px;border-radius:32px;align-items:flex-start}.mentorship-topic h3{font-size:20px}.mentorship-motif{flex-basis:52px;width:52px;height:52px}.mentorship-motif svg{width:35px;height:35px}.mentorship-start{padding:28px;margin-top:48px;gap:24px}.mentorship-start p{font-size:16px}.hire-cta{width:100%;font-size:15px}.mentorship-start .hire-cta{justify-self:stretch}}
@media(prefers-reduced-motion:reduce){.hire-cta{transition:none}.hire-cta:hover,.hire-cta:active{transform:none}}

@media(prefers-reduced-motion:no-preference){html.mentorship-motion :is(.mentorship-focus,.mentorship-start){opacity:0;translate:0 18px;transition:opacity .6s ease-out,translate .6s cubic-bezier(.16,1,.3,1)}html.mentorship-motion :is(.mentorship-focus,.mentorship-start).mentorship-is-visible{opacity:1;translate:0 0}}
