/* Talent — a personal perspective, within Noemer's approved colour and type system. */
.candidate-page{--candidate-sage:var(--color-sage-surface);--candidate-panel:var(--color-sage-soft)}
.candidate-hero{padding-block:5.4rem 6.5rem}
.candidate-hero-ground{display:grid;grid-template-columns:1.2fr .8fr;gap:6rem;align-items:center}
.candidate-hero-copy h1{font-size:clamp(3.2rem,4.8vw,4.8rem);line-height:1.035;letter-spacing:-.035em}
.candidate-hero-copy .lead{font-size:1rem;max-width:47ch;margin:1.9rem 0 2rem}
.candidate-dossier{position:relative;padding:2.6rem 2.4rem;background:var(--candidate-sage);border:1px solid var(--color-sage-border);border-radius:4px;rotate:2deg;box-shadow:0 24px 32px -28px #173a3d60}
.candidate-dossier:before{content:"";position:absolute;inset:0 auto 0 .65rem;width:1px;background:var(--color-gold-line)}
.candidate-dossier-top{display:flex;align-items:start;justify-content:space-between;gap:1rem}
.candidate-dossier-top h2{font-size:2.6rem;line-height:1.05}
.candidate-dossier-top img{width:25px;height:25px;margin-top:.2rem}
.candidate-dossier dl{margin:2rem 0 1.7rem}
.candidate-dossier dl>div{display:grid;grid-template-columns:5.5rem 1fr;gap:1rem;align-items:baseline}
.candidate-dossier dl>div+div{margin-top:1.2rem}
.candidate-dossier dt{font:400 1.45rem/1.15 var(--font-display)}
.candidate-dossier dd{margin:0;font-size:var(--text-caption);line-height:1.65;color:var(--color-lead)}
.candidate-rule{display:block;width:100%;height:1px;color:var(--color-gold);overflow:visible}
.candidate-signature{margin-top:1.2rem;font:italic 1.25rem/1.3 var(--font-display);color:var(--color-sage-text)}
.candidate-glyph{display:block;flex-shrink:0;width:var(--gold-icon-size);height:var(--gold-icon-size);color:var(--color-gold)}
.candidate-glyph :is(path,circle){stroke-width:var(--gold-stroke);vector-effect:non-scaling-stroke}
/* A readable spread: questions remain visible without JS. */
.candidate-questions{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding-bottom:7rem;align-items:start}
.candidate-section-intro h2{font-size:clamp(2.8rem,3.7vw,3.6rem)}
.candidate-section-intro>p{font-size:var(--text-small);color:var(--color-muted);margin-top:1.6rem;max-width:47ch}
.candidate-tabs{margin-top:2rem;max-width:27rem}
.candidate-tabs button{display:flex;width:100%;align-items:center;gap:1rem;padding:1.05rem .8rem;border:0;border-bottom:1px solid var(--color-line);background:transparent;color:var(--color-text);text-align:left;cursor:pointer;font:400 1rem/1.3 var(--font-body);min-height:56px;transition:background-color 180ms,border-color 180ms}
.candidate-tabs button[aria-selected=true]{background:var(--candidate-panel);border-color:var(--color-gold);border-radius:5px 5px 0 0}
.candidate-tabs .candidate-tab-arrow{margin-left:auto;color:var(--color-gold)}
.candidate-tab-arrow svg{width:16px;height:16px}
.candidate-tab-arrow{opacity:.4}.candidate-tabs button[aria-selected=true] .candidate-tab-arrow{opacity:1}
.candidate-perspectives{align-self:stretch;display:grid;align-content:stretch;min-width:0}
.candidate-perspective{position:relative;background:var(--candidate-panel);padding:3.2rem;min-height:30rem;border:1px solid var(--color-sage-border);border-radius:4px;display:flex;flex-direction:column;align-items:start}
.candidate-perspective[hidden]{display:none}
.candidate-perspective+.candidate-perspective{margin-top:1.4rem}
.has-perspectives .candidate-perspective{margin:0}
.candidate-perspective-mark{display:block;margin-bottom:2.8rem}
.candidate-perspective h3{font-size:clamp(2.7rem,3.8vw,3.8rem);line-height:1.08;letter-spacing:-.025em;max-width:13ch}
.candidate-perspective .candidate-rule{width:3.5rem;margin:1.8rem 0}
.candidate-perspective>p{font-size:1rem;color:var(--color-lead);line-height:1.8;max-width:36ch}
/* The privacy promise is this page's main visual pause. */
.candidate-agency{background:var(--color-dark);color:var(--color-on-dark);padding-block:6rem}
.candidate-agency-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:6rem;align-items:center}
.candidate-agency h2{font-size:clamp(3.7rem,5.6vw,5.6rem);line-height:1.025}
.candidate-agency h2 .italic{color:var(--color-on-dark-accent)}
.candidate-agency-heading>p{font-size:1rem;line-height:1.8;color:var(--color-on-dark-soft);margin-top:2rem;max-width:42ch}
.candidate-permission{padding:2.8rem;background:var(--color-paper);color:var(--color-text);border-radius:5px;rotate:-1.5deg;box-shadow:0 25px 35px -25px #001b1e80}
.candidate-permission>.candidate-glyph{margin-bottom:1.8rem}
.candidate-permission h3{font-size:2.5rem;line-height:1.08}
.candidate-permission .candidate-rule{margin-top:1.7rem}
.candidate-permission>p{font-size:var(--text-small);color:var(--color-muted);line-height:1.8;margin-top:1.6rem}
.candidate-honesty{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding-block:6.5rem}
.candidate-honesty h2{font-size:clamp(2.7rem,3.6vw,3.5rem);max-width:17ch}
.candidate-honesty>div{font-size:var(--text-small);color:var(--color-muted)}
.candidate-honesty>div>p+p{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--color-gold-line)}
.candidate-open-ground{display:grid;grid-template-columns:1.2fr .8fr;gap:4.5rem;padding:4rem;background:var(--candidate-sage);border-radius:var(--radius-panel);align-items:center}
.candidate-conversation h2{font-size:clamp(2.8rem,3.5vw,3.5rem);margin-bottom:2rem}
.candidate-conversation h3{font-size:1.55rem;margin-bottom:.65rem}
.candidate-open-ground p{font-size:var(--text-small);line-height:1.8;color:var(--color-lead);max-width:47ch}
.candidate-open .button{margin-top:1.8rem}
.candidate-vacancies{padding-left:2.8rem;border-left:1px solid var(--color-gold-line)}
.candidate-vacancies>.candidate-glyph{margin-bottom:1.5rem}
.candidate-vacancies h3{font-size:2.1rem;line-height:1.13;margin-bottom:1.3rem}
.candidate-vacancies .text-link{margin-top:1.6rem;font-size:var(--text-label)}
.candidate-data{display:grid;grid-template-columns:1fr 1fr;gap:6rem;padding-block:6rem}
.candidate-data h2{font-size:clamp(2.4rem,3vw,3rem)}
.candidate-data .text-link{margin-top:1.6rem}
.candidate-data>div+div{font-size:var(--text-small);color:var(--color-muted)}
.candidate-data .candidate-test-note{margin-top:1.4rem;padding-top:1.4rem;border-top:1px solid var(--color-line)}
.candidate-faq{padding-top:0}
.candidate-faq summary>svg{color:var(--color-gold)}
.candidate-faq details[open]{background:var(--candidate-panel)}
.candidate-faq details{padding-inline:1rem;border-radius:.45rem}
@media(hover:hover) and (pointer:fine){.candidate-tabs button:hover{background:var(--candidate-panel)}}
@media(max-width:1100px){
 .candidate-hero-ground,.candidate-questions,.candidate-agency-layout,.candidate-honesty,.candidate-data{gap:3rem}
 .candidate-dossier{padding:2rem}
 .candidate-dossier dl>div{grid-template-columns:1fr;gap:.4rem}
 .candidate-perspective{padding:2.5rem}
 .candidate-open-ground{padding:3rem;gap:3rem}
 .candidate-vacancies{padding-left:2rem}
}
@media(max-width:800px){
 .candidate-hero-ground{grid-template-columns:1fr 1fr;gap:2rem}
 .candidate-hero-copy h1{font-size:3.2rem}
 .candidate-dossier-top h2{font-size:2rem}
 .candidate-questions,.candidate-agency-layout,.candidate-honesty,.candidate-data{gap:2.5rem}
 .candidate-perspective{padding:2rem;min-height:29rem}
 .candidate-perspective h3{font-size:2.8rem}
 .candidate-permission{padding:2rem}
 .candidate-open-ground{grid-template-columns:1fr;gap:2.5rem}
 .candidate-vacancies{border-left:0;border-top:1px solid var(--color-gold-line);padding:2rem 0 0}
}
@media(max-width:700px){
 .candidate-hero{padding-block:3.2rem 4.5rem}
 .candidate-hero-ground{grid-template-columns:1fr;gap:3rem}
 .candidate-hero-copy h1{font-size:clamp(2.85rem,10.5vw,4rem)}
 .candidate-hero-copy .lead{font-size:.95rem;margin:1.5rem 0 1.7rem}
 .candidate-hero-copy .button{font-size:var(--text-label)}
 .candidate-dossier{width:calc(100% - .6rem);margin-inline:auto;padding:2rem 1.8rem;rotate:1.5deg}
 .candidate-dossier-top h2{font-size:2.5rem}
 .candidate-dossier dl>div{grid-template-columns:5rem 1fr;gap:.8rem}
 .candidate-questions,.candidate-agency-layout,.candidate-honesty,.candidate-data{grid-template-columns:1fr;gap:2rem}
 .candidate-questions{padding-bottom:4.5rem}
 .candidate-section-intro h2{font-size:2.8rem}
 .candidate-section-intro>p{margin-top:1.3rem}
 .candidate-tabs{display:flex;gap:.3rem;margin-top:1.6rem;max-width:none}
 .candidate-tabs[hidden]{display:none}
 .candidate-tabs button{justify-content:center;width:auto;flex:1;min-height:48px;font-size:var(--text-label);padding:.7rem .25rem;gap:0}
 .candidate-tabs .candidate-glyph,.candidate-tab-arrow{display:none}
 .candidate-perspective{min-height:23rem;padding:2rem}
 .candidate-perspective-mark{margin-bottom:1.8rem}
 .candidate-perspective h3{font-size:3rem;max-width:13ch}
 .candidate-perspective>p{font-size:.95rem}
 .candidate-agency{padding-block:4.5rem}
 .candidate-agency h2{font-size:4rem}
 .candidate-agency-heading>p{font-size:.95rem;margin-top:1.5rem}
 .candidate-permission{margin-top:1rem;rotate:0deg;padding:2rem}
 .candidate-permission h3{font-size:2.4rem}
 .candidate-honesty{padding-block:4.5rem}
 .candidate-honesty h2{font-size:2.8rem;max-width:19ch}
 .candidate-open-ground{padding:2rem 1.5rem;border-radius:var(--radius-card)}
 .candidate-conversation h2{font-size:2.65rem}
 .candidate-vacancies h3{font-size:2.1rem}
 .candidate-open .button{font-size:var(--text-caption);max-width:100%}
 .candidate-data{padding-block:4.5rem}
 .candidate-data h2{font-size:2.65rem}
 .candidate-faq details{padding-inline:.4rem}
}
.large-text .candidate-hero-ground,.large-text .candidate-questions,.large-text .candidate-agency-layout,.large-text .candidate-honesty,.large-text .candidate-open-ground,.large-text .candidate-data{grid-template-columns:1fr}
.large-text .candidate-dossier,.large-text .candidate-permission{rotate:0deg;width:100%;max-width:36rem;margin-inline:auto}
.large-text .candidate-dossier dl>div{grid-template-columns:1fr}
.large-text .candidate-tabs{display:block}
.large-text .candidate-tabs button{width:100%;justify-content:start;font-size:1rem;padding:.9rem}
.large-text .candidate-perspective{min-height:0;padding:1.25rem}
.large-text .candidate-perspective h3{font-size:2rem}
.large-text .candidate-vacancies{border-left:0;border-top:1px solid var(--color-gold-line);padding:2rem 0 0}
.large-text .candidate-open-ground,.large-text .candidate-permission{padding-inline:20px}
@media(prefers-reduced-motion:reduce){.candidate-tabs button{transition:none}}
@media print{.candidate-agency{background:white;color:var(--color-text)}.candidate-agency-heading>p{color:var(--color-text)}.candidate-tabs{display:none}.candidate-perspective[hidden]{display:block}.candidate-dossier,.candidate-permission{rotate:0deg;box-shadow:none}.candidate-perspective{min-height:0;break-inside:avoid}}
