/* The VRM directory: a photographic introduction and a clear, open contact list. */
.employees-hero{background:var(--ink);color:#fff}
.employees-hero .breadcrumb{display:flex;flex-wrap:wrap;gap:8px;padding-block:25px 33px;font-size:13px;color:#b5cbd7}
.employees-hero .breadcrumb a{color:#c8dce7;padding-block:4px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:#597787}
.employees-hero .breadcrumb a:hover{color:#fff;text-decoration-color:#fff}
.employees-intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-bottom:46px}
.employees-intro-copy{padding-block:22px 28px;min-width:0}
.employees-intro .eyebrow{color:#bad6e5;font-size:12px;letter-spacing:1.5px;margin:0 0 24px}
.employees-intro h1{font:400 clamp(46px,5.1vw,70px)/1.04 Georgia,'Times New Roman',serif;letter-spacing:-1.9px;margin:0 0 29px}
.employees-intro h1 em{font-weight:400;color:#c3dce9}
.employees-intro .lead{max-width:430px;color:#d3e0e8;font-size:17px;line-height:1.8}
.employees-team{margin:0;min-width:0}
.employees-team img{width:100%;height:auto;aspect-ratio:960/719;object-fit:cover}
.employees-team figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;font-size:12px;letter-spacing:.2px;line-height:1.5;padding-top:13px;color:#d0dfe7}
.employees-team figcaption span{color:#a9c2d0}
.employees-jumps{display:flex;align-items:center;gap:32px;flex-wrap:wrap;border-top:1px solid #ffffff30;padding-block:18px}
.employees-jumps>span{font-size:13px;color:#a9c2d0;margin-right:auto}
.employees-jumps a{display:inline-flex;align-items:center;min-height:44px;font-size:14px;color:#f0f6fa;text-decoration:underline;text-underline-offset:6px;text-decoration-color:#607f91}
.employees-jumps a:hover{text-decoration-color:#fff}
.employees-section{background:#fff;padding-block:28px 76px}
.employee-group{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,2fr);gap:72px;padding-top:56px}
.employee-group+.employee-group{margin-top:58px;border-top:1px solid #d3dee5}
.employee-group-intro .eyebrow{font-size:12px;color:#567386;letter-spacing:1.15px;margin:3px 0 18px}
.employee-group-intro h2{font:400 clamp(28px,2.6vw,36px)/1.15 Georgia,'Times New Roman',serif;letter-spacing:-.8px;scroll-margin-top:120px;margin:0 0 20px}
.employee-group-intro>p:last-child{font-size:16px;line-height:1.7;color:var(--muted);max-width:235px}
.employee-grid{min-width:0;border-top:1px solid #8ba1ae}
.employee-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(205px,.72fr);align-items:center;gap:30px;padding-block:27px 28px;border-bottom:1px solid #d8e2e8;min-width:0;scroll-margin-top:115px}
.employee-identity{min-width:0}
.employee-role{font-size:14px;line-height:1.5;color:#5c7381;letter-spacing:.1px;margin:0 0 8px}
.employee-card h3{font:400 clamp(23px,2.25vw,29px)/1.2 Georgia,'Times New Roman',serif;letter-spacing:-.5px;color:var(--ink);margin:0;overflow-wrap:break-word}
.employee-contact{margin:0;min-width:0}
.employee-contact>div{margin:0}
.employee-contact dt{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.employee-contact dd{margin:0;min-width:0}
.employee-contact a{display:flex;gap:12px;align-items:center;width:fit-content;max-width:100%;min-height:44px;padding:7px 0;font-size:15px;line-height:1.5;color:#345b73;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#bdcfd9;text-underline-offset:5px}
.employee-contact a span{min-width:0;overflow-wrap:anywhere}
.employee-contact svg{width:17px;height:17px;stroke-width:1.5;color:#668599}
.employee-contact .employee-phone{font-size:19px;font-weight:600;letter-spacing:.45px;color:var(--ink);font-variant-numeric:tabular-nums;text-decoration-color:transparent}
.employee-contact a:hover{color:var(--blue-dark);text-decoration-color:var(--blue-dark)}
.employee-practical{background:#edf3f6;border-top:1px solid #dce6ec;padding-block:64px 69px}
.employee-practical-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:70px}
.employee-practical .eyebrow{font-size:12px;color:#547084;letter-spacing:1.15px;margin:0 0 18px}
.employee-practical h2{font:400 clamp(31px,3vw,42px)/1.1 Georgia,'Times New Roman',serif;letter-spacing:-1px;margin:0 0 22px}
.employee-practical-intro>p:last-child{font-size:16px;line-height:1.75;color:var(--muted);max-width:325px}
.employee-practical h3{font-size:16px;font-weight:600;line-height:1.5;letter-spacing:0;margin:0 0 25px}
.employee-practical dl{display:grid;gap:20px;margin:0}
.employee-practical dt{font-size:14px;line-height:1.5;color:#597282;margin-bottom:4px}
.employee-practical dd{margin:0;font-size:17px;line-height:1.65}
.employee-practical-contact dd a{display:inline-flex;align-items:center;min-height:44px;font-size:20px;line-height:1.5;letter-spacing:.15px;text-decoration:underline;text-decoration-thickness:1px;text-decoration-color:#b0c4d0;text-underline-offset:6px}
.employee-practical-contact dd a:hover{text-decoration-color:var(--blue-dark);color:var(--blue-dark)}
.employee-facebook{display:inline-flex;align-items:center;min-height:44px;margin-top:19px;font-size:14px;line-height:1.5;color:#345b73;text-decoration:underline;text-underline-offset:5px;text-decoration-color:#b0c4d0}
.employee-facebook:hover{text-decoration-color:currentColor}
@media(max-width:1100px){
 .employees-intro{gap:45px}
 .employee-group{grid-template-columns:minmax(0,.7fr) minmax(0,2fr);gap:42px}
 .employee-card{gap:24px;grid-template-columns:minmax(0,1fr) minmax(190px,.85fr)}
 .employee-practical-grid{gap:40px}
}
@media(max-width:800px){
 .employees-intro{gap:28px}
 .employees-intro h1{font-size:48px}
 .employees-intro .lead{font-size:16px;line-height:1.7}
 .employee-group{grid-template-columns:1fr;gap:28px;padding-top:40px}
 .employee-group-intro h2{font-size:32px;margin-bottom:12px}
 .employee-group-intro h2 br{display:none}
 .employee-group-intro>p:last-child{max-width:none;font-size:16px}
 .employee-group-intro .eyebrow{margin-bottom:12px}
 .employee-card{grid-template-columns:minmax(0,1fr) minmax(215px,.8fr)}
 .employee-card h3{font-size:27px}
 .employee-group+.employee-group{margin-top:38px}
 .employee-practical-grid{grid-template-columns:1fr 1fr;gap:34px 45px}
 .employee-practical-intro{grid-column:1/-1}
 .employee-practical-intro>p:last-child{max-width:490px}
 .employee-practical h2 br{display:none}
}
@media(max-width:600px){
 .employees-hero .breadcrumb{font-size:12px;padding-block:17px 23px}
 .employees-intro{grid-template-columns:1fr;gap:26px;padding-bottom:26px}
 .employees-intro-copy{padding:2px 0 0}
 .employees-intro .eyebrow{font-size:12px;letter-spacing:1.1px;margin-bottom:18px}
 .employees-intro h1{font-size:clamp(42px,11.5vw,62px);letter-spacing:-1.4px;margin-bottom:20px}
 .employees-intro .lead{max-width:430px;font-size:16px;line-height:1.7}
 .employees-team img{aspect-ratio:1.65;object-position:center 46%}
 .employees-team figcaption{font-size:12px;padding-top:10px}
 .employees-jumps{gap:4px 24px;padding-block:12px 14px}
 .employees-jumps>span{display:none}
 .employees-jumps a{font-size:14px}
 .employees-section{padding-block:4px 46px}
 .employee-group{padding-top:35px;gap:23px}
 .employee-group-intro h2{font-size:30px;line-height:1.2;letter-spacing:-.65px}
 .employee-group-intro>p:last-child{font-size:16px}
 .employee-card{grid-template-columns:1fr;gap:14px;padding-block:24px 25px}
 .employee-card h3{font-size:27px;letter-spacing:-.5px;line-height:1.2}
 .employee-role{font-size:14px;margin-bottom:7px}
 .employee-contact{display:grid;grid-template-columns:1fr;gap:0}
 .employee-contact a{font-size:15px;gap:11px}
 .employee-contact .employee-phone{font-size:19px}
 .employee-practical{padding-block:40px 42px}
 .employee-practical-grid{gap:30px 20px}
 .employee-practical h2{font-size:36px;margin-bottom:16px}
 .employee-practical h3{font-size:15px;margin-bottom:20px}
 .employee-practical dt{font-size:14px}
 .employee-practical dd{font-size:16px}
 .employee-practical-contact dd a{font-size:18px}
 .employee-practical-contact,.employee-hours{border-top:1px solid #c9d9e3;padding-top:24px;min-width:0}
 .employee-facebook{font-size:13px}
}
@media(max-width:380px){
 .employees-jumps{gap:4px 17px}
 .employees-jumps a{font-size:14px}
 .employee-group-intro h2{font-size:28px}
 .employee-card h3{font-size:26px}
 .employee-practical-grid{grid-template-columns:1fr;gap:28px}
}

/* Supplied employee portraits keep the contact list compact. */
.employee-identity-with-portrait{display:flex;align-items:center;gap:18px}
.employee-identity-with-portrait>div{min-width:0}
.employee-portrait{display:block;width:96px;height:128px;flex:0 0 96px;object-fit:cover;border-radius:3px}
@media(max-width:600px){.employee-portrait{width:90px;height:120px;flex-basis:90px}.employee-identity-with-portrait{gap:18px}}

/* Expandable stories remain closed until the visitor chooses to read. */
.employee-story{grid-column:1/-1;min-width:0;margin-top:-8px;max-width:70ch}
.employee-story-intro{font-size:15px;line-height:1.75;color:var(--muted);margin:0 0 10px}
.employee-story-details summary{cursor:pointer;min-height:44px;padding:11px 0;color:var(--blue-dark);font-size:15px;font-weight:600;line-height:1.5;width:fit-content;text-decoration:underline;text-underline-offset:4px}
.employee-story-details summary::marker{color:var(--blue-dark)}
.employee-story-details summary:focus-visible{outline:2px solid var(--blue-dark);outline-offset:5px;border-radius:2px}
.employee-story-body{padding:20px 24px;margin-top:10px;background:#f1f5f7;border-left:3px solid #a8c7d8;border-radius:0 4px 4px 0}
.employee-story-body h4{font:400 25px/1.25 Georgia,'Times New Roman',serif;color:var(--ink);margin:0 0 20px}
.employee-story-body p{font-size:16px;line-height:1.8;color:var(--ink);margin:0 0 16px}
.employee-story-body p:last-child{margin-bottom:0}
@media(max-width:600px){.employee-story{margin-top:0}.employee-story-body{padding:18px}.employee-story-body h4{font-size:23px}}

.employee-vrmi{margin-top:0}.employee-vrmi .employee-identity{margin-bottom:24px}.employee-vrmi .employee-portrait{image-rendering:pixelated}.employee-vrmi .employee-role{font-size:14px;line-height:1.6}.employee-vrmi h4{margin-bottom:10px}
