.team { padding-top: 90px; padding-bottom: 110px; border-top: 1px solid var(--line); }
.team-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 28px; }
.team-card { min-width: 0; }
.team-portrait.has-photo::before { display: none; }
.team-portrait.has-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: 50% 30%; }
.team-portrait.has-photo .portrait-number { z-index: 1; padding: 5px 9px; border-radius: 20px; background: #151713c9; }
@media (max-width: 600px) { .team-portrait.has-photo { aspect-ratio: 4 / 5; } }
.team-portrait { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 4 / 5; overflow: hidden; border: 1px solid #c3a77530; border-radius: 18px; background: radial-gradient(ellipse at 50% 35%, #3b4031, #20241c 70%); }
.team-portrait::before { content: ''; position: absolute; width: 68%; height: 77%; border: 1px solid #c3a77525; border-radius: 50% 50% 4px 4px; transform: translateY(7%); }
.owner-portrait { background: radial-gradient(ellipse at 50% 35%, #4a4531, #22251c 70%); }
.portrait-number { position: absolute; top: 20px; left: 22px; color: var(--gold); font-size: 8px; letter-spacing: 2px; }
.portrait-monogram { font: italic 80px var(--serif); color: #c3a775a6; }
.portrait-note { position: absolute; left: 15px; right: 15px; bottom: 22px; text-align: center; font-size: 7px; letter-spacing: 1.5px; color: var(--muted); }
.team-info { padding: 24px 3px 0; }
.team-info .eyebrow { font-size: 8px; margin-bottom: 10px; }
.team-info h3 { font-size: clamp(28px, 2.8vw, 40px); }
.team-info > p:not(.eyebrow) { color: var(--muted); font-size: 11px; margin-top: 16px; }
.team-info .text-link { margin-top: 15px; font-size: 11px; }
@media (max-width: 800px) { .team { padding-top: 65px; padding-bottom: 70px; } .team-grid { gap: 18px; } .portrait-monogram { font-size: 50px; } .portrait-number { left: 12px; font-size: 6px; letter-spacing: 1px; } .portrait-note { font-size: 6px; letter-spacing: .7px; bottom: 14px; } }
@media (max-width: 600px) { .team-grid { grid-template-columns: 1fr; gap: 40px; } .team-portrait { aspect-ratio: 5 / 4; } .portrait-monogram { font-size: 80px; } .portrait-number { left: 22px; font-size: 8px; } .portrait-note { font-size: 7px; bottom: 22px; } .team-info h3 { font-size: 36px; } }
@media (hover: hover) and (prefers-reduced-motion: no-preference) { .team-portrait { transition: border-color 400ms ease; } .portrait-monogram { transition: transform 600ms var(--ease-out); } .team-card:hover .team-portrait { border-color: #c3a77570; } .team-card:hover .portrait-monogram { transform: translateY(-5px); } }