.recruitment-page{padding-top:78px}
.recruitment-label,.recruitment-rail,.alumni-number,.alumni-controls,.talent-process li>span{font:400 .8125rem/1.5 var(--font-mono);text-transform:uppercase;letter-spacing:.035em}
.recruitment-label{margin:0 0 2rem}
.recruitment-hero{padding:clamp(3rem,7vw,7rem) var(--gutter) 3rem}
.recruitment-hero h1{font-size:clamp(3.25rem,9vw,9rem);font-weight:500;line-height:1.02;letter-spacing:-.055em;margin:0 0 3rem}
.recruitment-intro{display:grid;grid-template-columns:1fr 1fr;gap:3rem}
.recruitment-intro p{margin:0;max-width:44ch;font-size:1.125rem;line-height:1.55}
.recruitment-intro p:first-child{font-size:clamp(1.5rem,2.7vw,3rem);line-height:1.15;letter-spacing:-.035em}
.audience-links{display:flex;gap:2rem;margin-top:2rem;font:400 .875rem/1.5 var(--font-mono)}
.audience-links a{min-height:44px;display:flex;align-items:center;text-decoration:underline;text-underline-offset:5px}
.recruitment-rail{display:flex;justify-content:space-between;gap:2rem;padding:1rem var(--gutter);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.alumni-section{background:var(--dark);color:var(--light);padding-bottom:3rem}
.alumni-section .recruitment-rail{border-color:var(--line-light)}
.alumni-heading{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(3rem,5vw,5rem) var(--gutter) 2.5rem}
.alumni-heading h2,.recruitment-path h2,.recruitment-contact h2{font-size:clamp(2.25rem,4.7vw,5rem);font-weight:500;line-height:1.06;letter-spacing:-.045em;margin:0}
.alumni-heading p{max-width:42ch;font-size:1.0625rem;line-height:1.55;margin:1.5rem 0 0;color:#b8b8b2}
.alumni-controls{display:flex;align-items:center;gap:8px;white-space:nowrap}
.alumni-controls button{display:grid;place-items:center;width:44px;height:44px;background:none;border:1px solid var(--line-light);color:inherit;cursor:pointer}
.alumni-controls button:disabled{opacity:.3;cursor:default}.alumni-controls svg{width:16px;height:16px}
.alumni-controls button:hover:not(:disabled){background:var(--light);color:var(--dark)}
.alumni-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);overscroll-behavior-inline:contain;gap:0;padding:0 var(--gutter) 1rem;scrollbar-width:thin;scrollbar-color:#666 var(--dark)}
.alumni-card{flex:0 0 31%;min-width:260px;scroll-snap-align:start;border:1px solid var(--line-light);border-right:0;margin:0}
.alumni-card:last-child{border-right:1px solid var(--line-light)}
.alumni-portrait{aspect-ratio:1;position:relative;overflow:hidden;background:#222}
.alumni-portrait>img{position:absolute;max-width:none;height:auto;display:block}
.alumni-info{padding:24px;min-height:250px;display:flex;flex-direction:column;align-items:flex-start}
.alumni-number{font-size:.75rem;color:#a3a39d;margin-bottom:20px}
.alumni-info h3{font-weight:500;font-size:clamp(1.5rem,2.2vw,2.25rem);letter-spacing:-.035em;line-height:1.15;margin:0 0 12px}
.alumni-info p{font-size:1rem;line-height:1.5;margin:0;color:#b8b8b2}
.alumni-logo{margin-top:auto;padding-top:24px;height:68px}
.alumni-logo .logo-art{height:44px;width:140px;overflow:hidden;position:relative;display:block}
.alumni-logo .logo-art img{filter:brightness(0) invert(1);opacity:1;position:absolute;max-width:none;max-height:none}
.reference-logo{display:block;width:140px;height:40px;position:relative;overflow:hidden}
.reference-logo img{position:absolute;max-width:none;max-height:none}
.recruitment-paths{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line)}
.recruitment-path{padding:clamp(3rem,5vw,5rem) var(--gutter);scroll-margin-top:5rem}
.recruitment-path:first-child{border-right:1px solid var(--line)}
.recruitment-path h2{font-size:clamp(2rem,3.7vw,4rem);margin-bottom:2rem}
.recruitment-path>p:not(.recruitment-label){font-size:1.125rem;line-height:1.6;max-width:43ch;margin:0 0 1.5rem}
.talent-process .recruitment-rail{border-top:0}.talent-process h2{font:inherit;margin:0}
.talent-process ol{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));list-style:none;margin:0;padding:0}
.talent-process li{padding:2rem var(--gutter);border-right:1px solid var(--line);min-width:0}
.talent-process li:last-child{border:0}.talent-process li p{font-size:1rem;line-height:1.5;margin:2rem 0 0}
.recruitment-contact{background:var(--dark);color:var(--light);padding:clamp(3rem,6vw,6rem) var(--gutter)}
.talent-actions{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:3rem}
.talent-actions>div{border-top:1px solid var(--line-light);padding-top:24px}
.talent-actions h3{font-size:1.5rem;font-weight:500;margin:0 0 12px}.talent-actions p{font-size:1rem;line-height:1.5;max-width:36ch;color:#b8b8b2}
.talent-actions a{display:inline-flex;align-items:center;min-height:48px;margin-top:12px;font:400 .875rem/1.5 var(--font-mono);text-decoration:underline;text-underline-offset:6px}
@media(max-width:760px){
 .recruitment-page{padding-top:64px}.recruitment-hero{padding:3rem var(--gutter)}
 .recruitment-hero h1{font-size:clamp(2.5rem,10vw,4.75rem);line-height:1.04;margin-bottom:2rem}
 .recruitment-label,.recruitment-rail{font-size:.75rem}
 .recruitment-intro{grid-template-columns:1fr;gap:24px}.recruitment-intro p{font-size:1rem}.recruitment-intro p:first-child{font-size:1.5rem}
 .audience-links{gap:24px;font-size:.8125rem}
 .recruitment-rail{gap:16px}.recruitment-rail>span:last-child{text-align:right}
 .alumni-heading{align-items:start;flex-direction:column;padding:3rem var(--gutter) 2rem;gap:24px}
 .alumni-heading h2,.recruitment-contact h2{font-size:clamp(2rem,8vw,3.5rem)}
 .alumni-heading p{font-size:1rem}.alumni-controls{align-self:flex-end}
 .alumni-card{flex-basis:85%;min-width:0}.alumni-info{padding:20px;min-height:250px}.alumni-info h3{font-size:1.75rem}
 .recruitment-paths{grid-template-columns:1fr}.recruitment-path{padding:3rem var(--gutter)}.recruitment-path:first-child{border-right:0;border-bottom:1px solid var(--line)}
 .recruitment-path h2{font-size:clamp(1.875rem,7vw,3rem)}.recruitment-path>p:not(.recruitment-label){font-size:1rem}
 .talent-process ol{grid-template-columns:repeat(2,minmax(0,1fr))}.talent-process li{padding:24px var(--gutter);border-bottom:1px solid var(--line)}.talent-process li:nth-child(2){border-right:0}.talent-process li:nth-child(3){border-bottom:0}
 .talent-process li>span{font-size:.75rem}.talent-process li p{margin-top:1.5rem}
 .talent-actions{grid-template-columns:1fr;gap:2rem}
}
@media(prefers-reduced-motion:reduce){.alumni-track{scroll-behavior:auto}}

/* Promote the process to the same numbered-card hierarchy as homepage offers. */
.talent-process{border-bottom:1px solid var(--line)}
.talent-process li{min-height:clamp(280px,29vw,400px);display:flex;flex-direction:column;justify-content:space-between;gap:3rem;padding:24px clamp(1.25rem,3vw,3rem)}
.talent-process .process-content h3{font-family:var(--font-sans);font-size:clamp(1.75rem,3vw,3.5rem);line-height:1.1;letter-spacing:-.04em;font-weight:500;margin:0 0 20px}
.talent-process .process-content p{margin:0;max-width:24ch;font-size:1rem;line-height:1.5}
@media(max-width:760px){
 .talent-process ol{grid-template-columns:1fr}
 .talent-process li{min-height:260px;padding:24px var(--gutter);border-right:0;border-bottom:1px solid var(--line)}
 .talent-process li:nth-child(3){border-bottom:1px solid var(--line)}
 .talent-process li:last-child{border-bottom:0}
 .talent-process .process-content h3{font-size:clamp(2rem,7.4vw,3rem)}
}

/* Editorial alumni treatment; source composites retained for company marks. */
.alumni-portrait>img{filter:none}
.alumni-portrait>img.editorial-portrait{position:static;width:100%;height:100%;max-width:100%;object-fit:cover}

/* Designer-only invitation and application. */
.recruitment-hero{padding-bottom:clamp(3rem,6vw,6rem)}
.recruitment-intro{display:block}
.recruitment-intro p:first-child{max-width:26ch}
.recruitment-contact{border-top:1px solid var(--line-light)}
.recruitment-contact>p{margin:1.5rem 0 2rem;font-size:1.125rem;color:#b8b8b2}
.designer-apply{display:inline-flex;align-items:center;justify-content:space-between;gap:4rem;min-height:56px;padding:1rem 1.5rem;border:1px solid var(--line-light);font:400 1rem/1.5 var(--font-mono)}
.designer-apply:hover,.designer-apply:focus-visible{background:var(--light);color:var(--dark)}

/* Connect the designer invitation to INKOD’s product practice. */
.recruitment-intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem);align-items:start}
.recruitment-intro p+ p{font-size:1.125rem;line-height:1.6;max-width:48ch}
.recruitment-contact>p:not(.recruitment-label){max-width:52ch;line-height:1.6}
.recruitment-contact>.recruitment-label{font-size:.8125rem;margin:0 0 2rem}
@media(max-width:760px){.recruitment-intro{grid-template-columns:1fr;gap:1.5rem}.recruitment-intro p+ p{font-size:1rem}}

@media(min-width:1024px){.alumni-card{flex:0 0 25%;min-width:0}.alumni-info{padding:24px}.alumni-info h3{font-size:clamp(1.35rem,1.9vw,2rem)}}