.team-directory{--studio-canvas:#0b0e0c;--studio-surface:#151b16;--studio-text:#f1f5ee;--studio-muted:#a0aaa0;--studio-accent:#b5f36a;--studio-line:#30392f;background:var(--studio-canvas);color:var(--studio-text);min-height:100svh;font-family:var(--font-dm-sans),system-ui,sans-serif}.team-header,.team-main,.team-footer{width:min(1240px,100% - 64px);margin-inline:auto}.team-header{border-bottom:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:20px;padding-block:28px;display:flex}.team-header>a:last-child,.team-footer a{color:var(--studio-muted);font-size:14px}.team-directory a:focus-visible{outline-color:var(--studio-accent)}.team-directory a:hover{color:var(--studio-accent)}.team-intro{padding-block:100px 64px}.team-intro>p:first-child{color:var(--studio-accent);margin-bottom:24px}.team-intro h1{letter-spacing:-.055em;font-size:clamp(40px,6vw,78px);font-weight:500;line-height:1.04}.team-intro>p:last-child{color:var(--studio-muted);max-width:570px;margin-top:28px;font-size:18px;line-height:1.7}.team-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-bottom:100px;display:grid}.team-card{min-width:0}.team-card>a{display:block}.team-portrait{aspect-ratio:3/4;background:var(--studio-surface);border-radius:5px;overflow:hidden}.team-portrait img{object-fit:cover;width:100%;height:100%}.team-card-copy{padding-top:22px}.team-position{color:var(--studio-muted);font-size:13px}.team-card h2{letter-spacing:-.025em;margin-block:8px;font-size:22px;font-weight:500;line-height:1.2}.team-card p{color:var(--studio-muted);min-height:44px;font-size:14px;line-height:1.5}.team-card-action{border-top:1px solid var(--studio-line);color:var(--studio-muted);margin-top:24px;padding-top:16px;font-size:14px;display:block}.team-card a .team-card-action{color:var(--studio-accent)}.team-footer{border-top:1px solid var(--studio-line);color:var(--studio-muted);flex-wrap:wrap;justify-content:space-between;gap:16px;padding-block:32px;font-size:13px;display:flex}@media (max-width:1000px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 24px}}@media (max-width:600px){.team-header,.team-main,.team-footer{width:calc(100% - 40px)}.team-header img{width:120px;height:auto}.team-intro{padding-top:64px}.team-grid{grid-template-columns:1fr;gap:48px}.team-portrait{aspect-ratio:4/4}.team-header>a:last-child{text-align:right;max-width:110px}}
