/* Company staff section / WILLCARE / 2026-10-13 */
@font-face{font-family:WCStaff;src:url('../fonts/staff-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:WCStaff;src:url('../fonts/staff-bold.woff') format('woff');font-weight:700;font-style:normal;font-display:swap}
.company-staff{font-family:WCStaff,WC,'Yu Gothic',sans-serif;background:#f8f5ef;position:relative;overflow:hidden;isolation:isolate;scroll-margin-top:28px}
.company-staff:before{content:'';position:absolute;z-index:-1;top:0;left:0;width:100%;height:360px;background:linear-gradient(180deg,#fff 0%,#f8f5ef 100%)}
.staff-section-heading{text-align:center;margin-bottom:48px}
.staff-section-heading .eyebrow{color:#1b74a0;margin-bottom:20px}
.staff-section-heading h2{color:#103f60;font-size:34px;line-height:1.65;letter-spacing:.03em}
.staff-heading-line{display:block;width:88px;height:3px;margin:22px auto 0;background:#f58420;border-radius:999px}
.staff-section-heading .staff-section-intro{margin-top:24px;color:#567083;font-size:16px;line-height:1.95}
.staff-featured{display:grid;grid-template-columns:330px minmax(0,1fr);gap:42px;align-items:center;padding:30px;background:#fff;border:1px solid #e7e8e1;border-radius:20px;box-shadow:0 8px 28px #18394c06;margin-bottom:32px}
.staff-featured-photo{position:relative;overflow:hidden;aspect-ratio:1;border-radius:14px;background:#f4f8f8}
.staff-featured-photo img{width:100%;height:100%;object-fit:cover;object-position:center top}
.staff-featured-copy{min-width:0}
.staff-featured-role{font-size:14px;font-weight:700;letter-spacing:.07em;color:#e57517;line-height:1.6;margin-bottom:8px}
.staff-featured-copy h3{font:700 34px/1.3 Arial,WCStaff,sans-serif;letter-spacing:.055em;color:#103f60}
.staff-featured-license{font-size:14px;color:#567083;margin-top:8px;line-height:1.7}
.staff-featured-qualification{margin-top:24px}
.staff-featured h4,.staff-strengths h4{font-size:12px;line-height:1.4;color:#657a85;font-weight:700;letter-spacing:.06em;margin-bottom:10px}
.staff-featured .staff-strengths{margin-top:22px;padding-top:21px;border-top:1px solid #e8eef0}
.staff-qualifications{display:flex;flex-wrap:wrap;gap:5px 0;list-style:none;padding:0;margin:0;color:#365a6e;font-size:14px;line-height:1.9}
.staff-qualifications li{display:inline}
.staff-qualifications li:not(:last-child):after{content:' / ';display:inline-block;margin:0 7px;color:#a4b4bc}
.staff-strengths ol{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.staff-strengths ol li{display:flex;align-items:baseline;gap:10px;font:400 14px/1.65 Arial,WCStaff,sans-serif;color:#294f64;min-width:0;overflow-wrap:anywhere}
.staff-strengths ol li>span{font:700 10px/1.5 Arial,sans-serif;color:#3196b1;letter-spacing:.03em;flex:none}
.staff-featured .staff-strengths ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px 14px}
.staff-featured .staff-strengths ol li{font-size:13px;gap:7px}
.staff-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 22px;align-items:stretch}
.staff-card{min-width:0;background:#fff;border:1px solid #e7e8e1;border-radius:15px;overflow:hidden;box-shadow:0 6px 22px #18394c05;display:flex;flex-direction:column}
.staff-card-photo{position:relative;aspect-ratio:1;overflow:hidden;background:#eef6f7}
.staff-card-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.staff-image-label{position:absolute;bottom:12px;left:12px;padding:4px 9px;color:#103f60;background:#fffffff0;border-radius:999px;font-size:10px;line-height:1.5}
.staff-card-copy{padding:22px 20px 0;display:flex;flex-direction:column;flex:1;min-width:0}
.staff-card-number{font:700 10px/1.4 Arial,sans-serif;letter-spacing:.09em;color:#dc731e;margin-bottom:8px}
.company-staff .staff-card-number{font-size:11px!important;line-height:1.4!important}
.staff-card h3{font:700 22px/1.35 Arial,WCStaff,sans-serif;letter-spacing:.045em;color:#103f60;overflow-wrap:anywhere}
.staff-card-role{font-size:13px;line-height:1.8;color:#567083;margin-top:10px;min-height:72px;overflow-wrap:anywhere}
.company-staff .staff-card-role{font-size:14px!important;line-height:1.75!important}
.staff-team-label{font:400 10px/1.7 Arial,sans-serif;letter-spacing:.1em;color:#6f8996}
.staff-card .staff-strengths{margin-top:15px;padding-top:17px;border-top:1px solid #e7eef0;min-height:190px}
.staff-card .staff-strengths h4{font:700 10px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#6f8996;margin-bottom:12px}
.staff-strength-pending{color:#8499a4;font:400 12px/1.8 Arial,sans-serif;padding:14px 0;border-top:1px dashed #dce8ed;border-bottom:1px dashed #dce8ed}
.staff-qualification-details{border-top:1px solid #e7eef0;margin-top:auto}
.staff-qualification-details>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:17px 0;cursor:pointer;color:#103f60;font-weight:700;font-size:13px;line-height:1.7;list-style:none;min-height:54px}
.staff-qualification-details>summary::-webkit-details-marker{display:none}
.staff-detail-toggle{position:relative;display:block;width:24px;height:24px;flex:none;border-radius:50%;background:#edf6f9;color:#1b74a0}
.staff-detail-toggle:before,.staff-detail-toggle:after{content:'';position:absolute;left:7px;top:11px;width:10px;height:2px;background:currentColor;border-radius:2px}
.staff-detail-toggle:after{transform:rotate(90deg)}
.staff-qualification-details[open] .staff-detail-toggle:after{transform:none}
.staff-qualification-details[open] .staff-detail-toggle{background:#fff1e1;color:#db741c}
.staff-qualification-details>summary:focus-visible{outline:2px solid #2496c8;outline-offset:3px;border-radius:3px}
.staff-detail-body{padding:0 0 22px}
.staff-card .staff-qualifications{display:block;font-size:13px;line-height:1.9}
.staff-card .staff-qualifications li{display:block;margin-bottom:7px;padding-left:11px;position:relative}
.staff-card .staff-qualifications li:before{content:'';position:absolute;left:0;top:.8em;width:4px;height:4px;border-radius:50%;background:#9ec8d9}
.staff-card .staff-qualifications li:after{content:none}
.staff-section-end{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:48px}
.staff-section-end>span{height:1px;flex:0 1 90px;background:#bcd7df}
.staff-section-end p{font-size:15px;line-height:1.9;color:#567083;text-align:center}
.company-jumps .company-staff-jump{color:#103f60;border-color:#f6d4b6}
@media(max-width:1250px){
 .staff-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
 .staff-featured{grid-template-columns:280px minmax(0,1fr);gap:30px}
}
@media(max-width:900px){
 .staff-section-heading h2{font-size:27px}
 .staff-section-heading{margin-bottom:34px}
 .staff-section-heading .staff-section-intro{font-size:15px}
 .staff-featured{grid-template-columns:220px minmax(0,1fr);gap:26px;padding:24px}
 .staff-featured-copy h3{font-size:29px}
 .staff-featured .staff-strengths ol{grid-template-columns:repeat(2,minmax(0,1fr))}
 .staff-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 20px}
 .staff-card h3{font-size:23px}
 .staff-card-role{font-size:14px}
 .staff-card .staff-strengths ol li{font-size:15px}
 .staff-card .staff-strengths{min-height:198px}
}
@media(max-width:640px){
 .staff-section-heading h2{font-size:25px;letter-spacing:.015em}
 .staff-section-heading .eyebrow{margin-bottom:17px}
 .staff-section-heading .eyebrow>span{font-size:12px}
 .staff-heading-line{width:72px;margin-top:18px}
 .staff-section-heading .staff-section-intro{font-size:14px;line-height:1.95;margin-top:20px}
 .staff-featured{grid-template-columns:1fr;gap:22px;padding:22px;margin-bottom:26px}
 .staff-featured-photo{width:100%;max-width:260px;margin:0 auto}
 .staff-featured-copy h3{font-size:29px}
 .staff-featured-qualification{margin-top:20px}
 .staff-featured .staff-qualifications{font-size:14px;line-height:1.85;display:block}
 .staff-featured .staff-qualifications li{display:inline}
 .staff-featured .staff-strengths ol li{font-size:13px}
 .staff-grid{grid-template-columns:1fr;gap:25px;max-width:460px;margin:0 auto}
 .staff-card-photo{aspect-ratio:4/3}
 .staff-card-copy{padding:24px 24px 0}
 .staff-card h3{font-size:26px}
 .staff-card-role{font-size:14px;min-height:0;margin-top:9px}
 .staff-card .staff-strengths{margin-top:18px;min-height:0;padding-bottom:22px}
 .staff-card .staff-strengths ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 15px}
 .staff-card .staff-strengths ol li{font-size:13px;gap:8px}
 .staff-card .staff-strengths h4{font-size:11px;margin-bottom:14px}
 .staff-qualification-details>summary{font-size:14px;padding:17px 0}
 .staff-card .staff-qualifications{font-size:14px}
 .staff-section-end{gap:14px;margin-top:34px}
 .staff-section-end p{font-size:13px}
 .staff-section-end>span{flex-basis:35px}
}
@media(max-width:360px){
 .staff-section-heading h2{font-size:22px}
 .staff-section-heading .staff-section-intro{font-size:13px}
 .staff-featured{padding:20px}
 .staff-card-copy{padding:21px 20px 0}
 .staff-card h3{font-size:24px}
 .staff-card .staff-strengths ol{grid-template-columns:1fr}
 .staff-card .staff-strengths ol li{font-size:14px}
 .staff-featured .staff-strengths ol{grid-template-columns:1fr}
}
@media(hover:hover){.staff-qualification-details>summary:hover{color:#db741c}}
@media(max-width:760px){.company-jumps{grid-template-columns:repeat(2,minmax(0,1fr))}}