.db-team { background: var(--sand); }
.db-team .db-team__inner { display: flex; flex-direction: column; gap: 32px; padding-block: 40px; }
.db-team__title { font-size: clamp(1.75rem, 9vw, 5rem); line-height: 1.1; text-align: center; }
.db-team .db-team__grid { display: flex; flex-direction: column; gap: 40px; }
.db-team__card { margin: 0; display: flex; flex-direction: column; gap: 8px; }
.db-team__card img { width: 100%; aspect-ratio: 328 / 455; object-fit: cover; }
.db-team__name { font-family: var(--font-display); text-transform: uppercase; font-size: 1.125rem; line-height: 1.4; color: var(--ink); }
.db-team__role { font-size: 16px; color: var(--muted); }
@media (min-width: 861px) {
.db-team .db-team__inner { padding-block: 120px; gap: 60px; }
.db-team__title { font-size: 5rem; }
.db-team .db-team__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 80px 16px; }
.db-team__name { font-size: 1.5rem; }
} .db-team--rail { background: var(--cream); } .db-team--rail .db-team__grid {
display: flex;
flex-direction: row;
gap: 10px;
overflow-x: auto;
scroll-snap-type: x mandatory;
scrollbar-width: none; margin-right: calc(-1 * var(--wp--style--root--padding-right));
padding-right: var(--wp--style--root--padding-right);
}
.db-team--rail .db-team__grid::-webkit-scrollbar { display: none; } .db-team--rail .db-team__card { flex: 0 0 300px; scroll-snap-align: start; gap: 2px; }
.db-team--rail .db-team__card img { aspect-ratio: 300 / 416; margin-bottom: 18px; } @media (min-width: 861px) { .db-team--rail .db-team__grid {
display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; overflow: visible;
margin-right: 0; padding-right: 0;
}
.db-team--rail .db-team__card { flex: none; gap: 8px; }
.db-team--rail .db-team__card img { aspect-ratio: 328 / 468; margin-bottom: 16px; }
}