.team-page{background:#080b17}
.team-directory{width:min(100% - 48px,1440px);margin:142px auto 96px;padding:clamp(28px,5vw,72px);border-radius:clamp(28px,4vw,56px);background:#f5f4f0;color:#151515;box-shadow:0 36px 100px #0004}
.team-directory *{box-sizing:border-box}
.team-directory-head{display:flex;align-items:end;justify-content:space-between;gap:20px;padding-bottom:26px;border-bottom:1px solid #1b1b1b}
.team-directory .eyebrow{margin:0 0 12px;color:#7b7b77;letter-spacing:.18em;font-size:.78rem}
.team-directory h1{margin:0;color:#111;font-size:clamp(3rem,7vw,6.3rem);font-weight:450;letter-spacing:-.065em;line-height:1}
.team-count{white-space:nowrap;color:#777;font-size:.9rem}
.team-count strong{color:#111;font-weight:600}
.team-filters{display:flex;flex-wrap:wrap;gap:8px;padding:22px 0 12px}
.team-filter{border:1px solid #e5e1d8;background:transparent;color:#292929;border-radius:999px;padding:9px 15px;cursor:pointer;font:inherit;font-size:.86rem;line-height:1.2;transition:background .2s,color .2s,border-color .2s}
.team-filter small{margin-left:5px;color:#999;font-size:.8em}
.team-filter[aria-pressed="true"],.team-filter:hover{background:#111;color:#fff;border-color:#111}
.team-filter[aria-pressed="true"] small,.team-filter:hover small{color:#d1d1d1}
.team-list{padding-top:5px}
.team-row{width:100%;display:grid;grid-template-columns:52px minmax(170px,1.5fr) minmax(150px,1fr) minmax(140px,.8fr) 44px;gap:14px;align-items:center;padding:19px 12px;border:0;border-bottom:1px solid #e9e6df;background:transparent;color:#111;text-align:left;cursor:pointer;font:inherit;transition:background .18s}
.team-row:hover,.team-row:focus-visible{background:#eae8e3;outline:none}
.team-row[hidden]{display:none}
.team-index{font-size:.82rem;color:#888}
.team-name{font-size:clamp(1.35rem,2.4vw,2.05rem);font-weight:450;line-height:1.15;letter-spacing:-.035em}
.team-role,.team-department{color:#777;font-size:.93rem;line-height:1.35}
.team-arrow{display:grid;place-items:center;width:39px;height:39px;border:1px solid #e8e5dc;border-radius:50%;justify-self:end;font-size:1.3rem;line-height:1;transition:background .18s,color .18s}
.team-row:hover .team-arrow,.team-row:focus-visible .team-arrow{background:#111;color:#fff;border-color:#111}
.team-preview{position:fixed;z-index:35;width:220px;aspect-ratio:4/5;overflow:hidden;border-radius:18px;box-shadow:0 22px 60px #0006;pointer-events:none;opacity:0;transform:translate(-50%,-50%) scale(.95);transition:opacity .15s,transform .15s;background:#dcdad4}
.team-preview.is-visible{opacity:1;transform:translate(-50%,-50%) scale(1)}
.team-preview img{width:100%;height:270px;display:block;object-fit:contain;object-position:center;background:#1b2a3f}
.team-profile{position:fixed;inset:0 0 0 auto;width:min(100%,520px);max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#f9f8f5;color:#151515;box-shadow:-20px 0 70px #0003}
.team-profile::backdrop{background:#080b17a6;backdrop-filter:blur(3px)}
.team-profile[open]{display:flex;flex-direction:column}
.team-profile-top{display:flex;align-items:center;justify-content:space-between;padding:22px 26px;color:#777;font-size:.86rem}
.team-profile-close{display:grid;place-items:center;width:42px;height:42px;border:1px solid #ddd9d0;border-radius:50%;background:#fff;color:#111;cursor:pointer;font-size:1.5rem;line-height:1}
.team-profile-body{overflow:auto;padding:0 26px 34px}
.team-profile-photo{display:block;width:100%;height:auto;object-fit:contain;border-radius:20px;background:#1b2a3f}
.team-profile h2{font-size:clamp(2.4rem,5vw,3.7rem);line-height:1.03;letter-spacing:-.055em;font-weight:450;margin:24px 0 6px}
.team-profile-role{margin:0 0 26px;color:#777}
.team-profile-bio{font-size:1.12rem;line-height:1.65;max-width:38ch}
.team-profile-bio:empty{display:none}
.team-profile-meta{display:flex;justify-content:space-between;gap:20px;margin-top:26px;padding:16px 0;border-top:1px solid #e7e3dc;font-size:.9rem}
.team-profile-meta span{color:#888}
@media(max-width:760px){.team-directory{width:min(100% - 24px,1440px);margin:106px auto 60px;padding:28px 20px;border-radius:28px}.team-directory-head{align-items:end}.team-directory h1{font-size:clamp(2.7rem,11vw,4.5rem)}.team-count{font-size:.78rem}.team-row{grid-template-columns:30px minmax(0,1fr) 40px;gap:8px;padding:18px 4px}.team-name{font-size:1.35rem}.team-role{grid-column:2;grid-row:2;font-size:.86rem}.team-department{display:none}.team-arrow{grid-column:3;grid-row:1/3}.team-preview{display:none}.team-profile{width:100%}}
@media(prefers-reduced-motion:reduce){.team-preview,.team-row,.team-arrow,.team-filter{transition:none}}

/* Match the rest of BlueAds' deep navy palette. */
.team-page,.team-directory{background:#080b17;color:#f5f7fb}
.team-directory{box-shadow:none;border-radius:0;padding-inline:clamp(0px,3vw,44px)}
.team-directory-head{border-color:#ffffff36}
.team-directory .eyebrow{color:#6ce6f4}
.team-directory h1,.team-count strong,.team-name,.team-row{color:#f5f7fb}
.team-count,.team-role,.team-department{color:#aebbd0}
.team-filter{border-color:#ffffff30;background:#111a2a;color:#dae3f0}
.team-filter small{color:#aebbd0}
.team-filter[aria-pressed="true"],.team-filter:hover{background:#6ce6f4;border-color:#6ce6f4;color:#071321}
.team-filter[aria-pressed="true"] small,.team-filter:hover small{color:#244453}
.team-row{border-color:#ffffff1c}
.team-row:hover,.team-row:focus-visible{background:#152136}
.team-index{color:#9bacc3}
.team-row:hover .team-index,.team-row:focus-visible .team-index{color:#6ce6f4}
.team-arrow{border-color:#ffffff38}
.team-row:hover .team-arrow,.team-row:focus-visible .team-arrow{background:#6ce6f4;color:#071321;border-color:#6ce6f4}
.team-preview{aspect-ratio:auto;background:#111a2a;border:1px solid #ffffff2b;color:#f5f7fb}
.team-preview-bio{margin:0;padding:14px 16px 16px;font-size:.79rem;line-height:1.4;color:#d7e1ec}
.team-preview-bio:empty{display:none}
.team-profile{background:#101a2b;color:#f5f7fb}
.team-profile::backdrop{background:#02050ccc}
.team-profile-top,.team-profile-role,.team-profile-meta span{color:#b8c5d5}
.team-profile-close{border-color:#ffffff40;background:#17253b;color:#f5f7fb}
.team-profile-bio{color:#dce7f0;margin:18px 0 26px}
.team-profile-bio{white-space:pre-line;max-width:46ch;line-height:1.65}
.team-profile-role{margin-bottom:12px}
.team-profile-metrics{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}
.team-profile-metrics:empty{display:none}
.team-profile-metrics span{display:inline-flex;align-items:center;padding:7px 11px;border:1px solid #6ce6f466;border-radius:999px;color:#94ecf6;background:#0d2837;font-size:.78rem;line-height:1.25}
.team-profile-meta{border-color:#ffffff2a}
