/* A quiet transition from the client relationships to their perspectives. */
.hiring-challenges-section{padding:48px 0 0;background:#f7f3ee;border-top:1px solid #e6dcd1;color:var(--body)}
.hiring-challenges-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:38px;margin-bottom:28px}
.hiring-challenges-heading h2{max-width:650px;font-size:clamp(33px,3.2vw,43px);line-height:1.16;letter-spacing:-.04em;color:var(--navy)}
.hiring-challenges-heading p{font-size:16px;line-height:1.6;max-width:330px;margin:0 0 3px;color:#675d53}
.hiring-challenge-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;align-items:start;min-width:0}
.hiring-challenge-card{min-width:0;background:#fff;border:1px solid #dfd5ca;border-radius:11px;transition:border-color .18s ease,box-shadow .18s ease}
.hiring-challenge-card:hover{border-color:#ba9a7d}
.hiring-challenge-card[open]{border-color:#b79576;box-shadow:0 5px 20px #5e43280a}
.hiring-challenge-card summary{display:block;list-style:none;cursor:pointer;padding:21px 20px;min-height:108px;border-radius:10px}
.hiring-challenge-card summary::-webkit-details-marker{display:none}
.hiring-challenge-card summary>h3{display:grid;grid-template-columns:34px minmax(0,1fr) 25px;gap:13px;align-items:center;min-height:64px;font-size:19px;line-height:1.35;font-weight:500;letter-spacing:-.025em;margin:0;color:var(--navy)}
.hiring-challenge-icon{display:grid;place-items:center;width:34px;height:38px;color:#9b6250}
.hiring-challenge-icon svg{width:29px;height:29px;display:block}
.hiring-challenge-title{min-width:0;text-wrap:balance}
.hiring-challenge-toggle{display:grid;place-items:center;width:25px;height:25px;border:1px solid #e0d5c8;border-radius:50%;background:#f8f4ef;color:#785940}
.hiring-challenge-toggle svg{display:block;width:16px;height:16px;margin:0;transition:transform .18s ease}
.hiring-challenge-card[open] .hiring-challenge-toggle svg{transform:rotate(45deg)}
.hiring-challenge-answer{padding:0 22px 20px}
.hiring-challenge-answer p{font-size:15px;line-height:1.65;margin:0 0 12px;color:#536070}
.hiring-challenge-answer a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;color:var(--navy)}
.hiring-challenge-card summary:focus-visible{outline:3px solid #876342;outline-offset:-3px}
.hiring-challenges-transition{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:28px;padding:20px 0;border-top:1px solid #ded2c5}
.hiring-challenges-transition p{font-size:14px;line-height:1.6;margin:0;color:#6b5e50}
.hiring-challenges-transition a{display:inline-flex;align-items:center;min-height:44px;flex-shrink:0;font-size:14px;line-height:1.5;font-weight:500;color:var(--navy);text-decoration:underline;text-underline-offset:4px}
.hiring-challenges-section+.perspectives-section{padding-top:45px}
@media(max-width:1160px) and (min-width:761px){
 .hiring-challenges-heading{gap:28px}.hiring-challenges-heading h2{max-width:580px;font-size:36px}
 .hiring-challenge-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .hiring-challenges-heading p{font-size:15px;max-width:270px}
}
@media(max-width:760px){
 .hiring-challenges-section{padding-top:35px}
 .hiring-challenges-heading{display:block;margin-bottom:22px}
 .hiring-challenges-heading h2{font-size:clamp(31px,7.8vw,38px);max-width:420px}
 .hiring-challenges-heading p{font-size:15px;line-height:1.6;max-width:380px;margin-top:17px}
 .hiring-challenge-grid{display:flex;gap:16px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-behavior:smooth;scroll-padding-inline:3px;width:100%;max-width:100%;padding:5px 3px 12px;scrollbar-width:thin;align-items:flex-start}
 .hiring-challenge-grid>.hiring-challenge-card{flex:0 0 calc(100% - 30px);width:calc(100% - 30px);min-width:0;max-width:none;scroll-snap-align:start;scroll-snap-stop:always;margin:0}
 .hiring-challenge-card summary{padding:20px 18px;min-height:125px}
 .hiring-challenge-card summary>h3{grid-template-columns:32px minmax(0,1fr) 25px;gap:12px;min-height:83px;font-size:19px;line-height:1.35}
 .hiring-challenge-icon{width:32px}.hiring-challenge-icon svg{width:28px;height:28px}
 .hiring-challenge-answer{padding:0 21px 20px}
 .hiring-challenge-answer p{font-size:15px}
 .hiring-challenges-transition{display:block;margin-top:20px;padding-block:20px}
 .hiring-challenges-transition p{font-size:13px;max-width:360px}
 .hiring-challenges-transition a{font-size:13px;margin-top:8px}
 .hiring-challenges-section+.perspectives-section{padding-top:32px}
}
@media(max-width:360px){.hiring-challenge-card summary>h3{font-size:18px;grid-template-columns:28px minmax(0,1fr) 23px;gap:10px}.hiring-challenge-toggle{width:23px;height:23px}.hiring-challenge-card summary{padding-inline:16px}}
@media(prefers-reduced-motion:reduce){.hiring-challenge-grid{scroll-behavior:auto}.hiring-challenge-card,.hiring-challenge-toggle svg{transition:none}}
@media print{.hiring-challenges-section{background:#fff;padding-top:25px}.hiring-challenge-grid{display:block}.hiring-challenge-card{break-inside:avoid;margin-bottom:12px}.hiring-challenge-answer{display:block!important}.hiring-challenge-toggle{display:none}.hiring-challenges-transition{display:block}}
