.employees-preview{position:relative;overflow:hidden;padding:106px 0 94px;background:radial-gradient(circle at 71% 14%,rgba(120,178,186,.14),transparent 40%),#0b1721;border-top:1px solid rgba(187,218,221,.13);border-bottom:1px solid rgba(187,218,221,.13)}
.employees-preview:before{content:"";position:absolute;right:-180px;top:-280px;width:750px;height:750px;border:1px solid rgba(170,211,216,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(170,211,216,.025),0 0 0 160px rgba(170,211,216,.018);pointer-events:none}
.employees-preview-wrap{position:relative;width:min(1230px,calc(100% - 70px));margin:auto}.employees-preview .section-heading{margin-bottom:36px}.employee-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.employee-preview-card{--accent:#b5c8d0;position:relative;display:block;min-height:430px;overflow:hidden;background:#f2f4f1;border:1px solid rgba(197,224,223,.28);transition:transform .35s,border-color .35s,box-shadow .35s}.employee-preview-card.rank-six{--accent:#d1a7d7}.employee-preview-card.rank-five{--accent:#d7b48a}.employee-preview-card.rank-four{--accent:#94b9d7}.employee-preview-card:hover,.employee-preview-card:focus-visible{transform:translateY(-7px);border-color:var(--accent);box-shadow:0 22px 50px rgba(0,0,0,.26)}.employee-preview-card:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 48%,rgba(8,20,29,.11) 68%,#0c1c27 100%);pointer-events:none}.employee-preview-card img{display:block;width:100%;height:430px;object-fit:contain;object-position:center bottom;transition:transform .5s}.employee-preview-card:hover img{transform:scale(1.05)}.preview-rank{position:absolute;z-index:2;top:13px;left:14px;padding:7px 9px;background:#0e2530;color:#e3f0ee;border-left:2px solid var(--accent);font:500 9px "Outfit",sans-serif;letter-spacing:.13em}.preview-caption{position:absolute;z-index:2;bottom:0;left:0;right:0;display:grid;gap:6px;padding:35px 24px 19px;color:#e9f2ef}.preview-caption small{color:var(--accent);font:400 10px "Outfit",sans-serif;letter-spacing:.14em}.preview-caption strong{font:500 24px "Noto Serif SC",serif;letter-spacing:.07em}.preview-caption i{justify-self:end;color:#c7e2e2;font:400 10px "Outfit",sans-serif;letter-spacing:.1em}.employees-preview-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:23px;border-top:1px solid rgba(190,221,223,.18);padding-top:20px;color:#82a7b0;font-size:10px;letter-spacing:.13em}.employees-preview-foot a{color:#d9eceb}.employees-preview-foot a span{margin-left:28px;font-size:17px}.employees-preview-foot a:hover{color:#fff}
@media(max-width:850px){.employees-preview-wrap{width:min(1230px,calc(100% - 42px))}.employee-preview-card,.employee-preview-card img{height:360px;min-height:360px}.preview-caption{padding:28px 15px 15px}.preview-caption strong{font-size:19px}}
@media(max-width:600px){.employees-preview{padding:78px 0}.employee-preview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.employee-preview-card,.employee-preview-card img{height:280px;min-height:280px}.employee-preview-card:nth-child(3){grid-column:span 2;height:230px;min-height:230px}.employee-preview-card:nth-child(3) img{height:230px;object-position:50% 14%}.preview-rank{font-size:7px}.preview-caption strong{font-size:16px}.preview-caption small{font-size:8px}.preview-caption i{font-size:8px}.employees-preview-foot span:first-child{font-size:8px;max-width:125px;line-height:1.7}.employees-preview-foot a{font-size:9px}.employees-preview-foot a span{margin-left:5px}}
@media(prefers-reduced-motion:reduce){.employee-preview-card,.employee-preview-card img{transition:none}}

/* Physical staff badges: colored lanyards, a metal clip and a clean photo plate. */
.employee-preview-grid{gap:26px;padding-top:35px;transition:opacity .26s ease,transform .26s ease}
.employee-preview-grid.is-changing{opacity:.08;transform:translateY(12px);pointer-events:none}
.employee-preview-card{box-sizing:border-box;display:flex;flex-direction:column;min-height:450px;height:450px;padding:14px;border:1px solid #cbd8d6;border-radius:5px;background:#e9edeb;overflow:visible;box-shadow:0 16px 38px rgba(0,0,0,.19),inset 0 0 0 4px #f8faf8;color:#172b33}
.employee-preview-card:before{content:"";position:absolute;z-index:3;left:50%;top:10px;width:50px;height:12px;border-radius:9px;background:#64777b;transform:translateX(-50%);box-shadow:inset 0 2px 4px rgba(0,0,0,.55),0 1px 0 #fff}
.employee-preview-card:after{display:none}
.employee-preview-card:hover,.employee-preview-card:focus-visible{border-color:var(--accent);box-shadow:0 23px 48px rgba(0,0,0,.27),0 0 0 1px var(--accent),inset 0 0 0 4px #f8faf8}
.preview-ribbon{position:absolute;z-index:2;top:-32px;left:50%;width:86px;height:59px;transform:translateX(-50%);background:linear-gradient(90deg,color-mix(in srgb,var(--accent),#253c4d 38%) 0 20%,var(--accent) 31% 43%,color-mix(in srgb,var(--accent),#253c4d 33%) 50%,var(--accent) 57% 69%,color-mix(in srgb,var(--accent),#253c4d 38%) 80% 100%);clip-path:polygon(0 0,26% 0,50% 56%,74% 0,100% 0,63% 100%,37% 100%);filter:drop-shadow(0 2px 3px rgba(0,0,0,.32));pointer-events:none}
.preview-clip{position:absolute;z-index:4;left:50%;top:16px;width:35px;height:20px;border:1px solid #7c8b8d;border-radius:3px;background:linear-gradient(140deg,#f0f2ed,#9daead 50%,#e6eae5);transform:translateX(-50%);box-shadow:0 3px 6px rgba(0,0,0,.21);pointer-events:none}
.preview-clip:after{content:"";position:absolute;top:4px;left:11px;width:11px;height:9px;border-radius:2px;background:#354b52;box-shadow:inset 0 2px 3px rgba(0,0,0,.45)}
.preview-card-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:25px 4px 10px;color:#5b737b}
.preview-card-head small{font:500 9px "Outfit",sans-serif;letter-spacing:.16em}
.preview-card-head b{color:var(--accent);font:600 16px "Outfit",sans-serif;letter-spacing:.03em;text-shadow:0 0 1px color-mix(in srgb,var(--accent),#000 25%)}
.preview-photo{position:relative;display:block;flex:1;min-height:0;overflow:hidden;border:1px solid #d1d9d6;background:var(--portrait-paper,#fff)}
.employee-preview-card .preview-photo img{display:block;width:100%;height:100%;object-fit:contain;object-position:center bottom;transform:none;transition:transform .45s ease}
.employee-preview-card:hover .preview-photo img{transform:scale(1.035)}
.preview-photo:after{content:"";position:absolute;inset:0;border:8px solid rgba(255,255,255,.08);pointer-events:none}
.employee-preview-card .preview-caption{position:static;display:grid;gap:4px;padding:13px 5px 0;color:#172b33}
.employee-preview-card .preview-caption small{color:#72858a;font:500 10px "Outfit",sans-serif;letter-spacing:.07em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.employee-preview-card .preview-caption strong{color:#172b33;font:600 24px "Noto Serif SC",serif;letter-spacing:.05em;line-height:1.4}
.employee-preview-card .preview-caption i{justify-self:end;color:#3b5963;font:500 10px "Outfit",sans-serif;letter-spacing:.06em}
.preview-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;color:#8dafb7;font:500 9px "Outfit",sans-serif;letter-spacing:.16em}
.preview-carousel-controls button{border:1px solid rgba(183,216,218,.32);background:rgba(133,187,192,.06);padding:10px 14px;color:#d6e9e8;font:500 10px "Outfit",sans-serif;letter-spacing:.08em;cursor:pointer}
.preview-carousel-controls button:hover{background:rgba(133,187,192,.18);border-color:#a9d9db}
.preview-carousel-controls button span{margin-left:18px;font-size:15px}
@media(max-width:850px){.employee-preview-card{height:405px;min-height:405px}.preview-card-head{margin-top:24px}.employee-preview-card .preview-caption strong{font-size:20px}}
@media(max-width:600px){.employee-preview-grid{display:flex;grid-template-columns:none;gap:16px;overflow-x:auto;overflow-y:visible;padding:42px 8px 14px;scroll-snap-type:x mandatory;scrollbar-width:thin}.employee-preview-card,.employee-preview-card:nth-child(3){flex:0 0 min(78vw,315px);height:420px;min-height:420px;grid-column:auto}.employee-preview-card:nth-child(3) img{height:100%;object-position:center bottom}.preview-card-head b{font-size:14px}.employee-preview-card .preview-caption strong{font-size:20px}.preview-carousel-controls{margin-top:6px}.preview-carousel-controls span{font-size:8px}}
@media(prefers-reduced-motion:reduce){.employee-preview-grid,.employee-preview-card .preview-photo img{transition:none}.employee-preview-grid.is-changing{opacity:1;transform:none}}