@layer components{.team{padding-block:var(--space-team)}.team-heading{justify-content:space-between;align-items:end;gap:50px;display:flex}.team-heading>p{max-width:390px;font-size:var(--font-size-lead)}.team-backstage{border-top:1px solid var(--color-line);align-items:flex-start;gap:30px;padding:35px 0;display:flex}.team-backstage>svg{color:var(--color-brand);transform:rotate(-8deg)}.team-backstage h3{margin-bottom:var(--space-4);font-size:var(--font-size-team-title)}.team-backstage p{font-size:var(--font-size-body);color:var(--color-text-muted)}.actors-grid{margin-block:var(--space-10) var(--space-7);grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;display:grid}.actor-card{min-width:0}.actor-photo{background:var(--color-surface-blue);border-radius:130px 130px 14px 14px;height:260px;overflow:hidden}.actor-card:nth-child(2) .actor-photo{background:var(--color-surface-yellow)}.actor-card:nth-child(3) .actor-photo{background:var(--color-surface-mint)}.actor-card:nth-child(4) .actor-photo{background:var(--color-surface-pink)}.actor-photo>img{object-fit:cover;width:100%;height:100%}.actor-photo-placeholder{height:100%;color:var(--color-text-muted);text-align:center;font-size:var(--font-size-small);flex-direction:column;justify-content:center;align-items:center;gap:18px;display:flex}.actor-photo-placeholder img{width:94px}.actor-card h3{margin-top:var(--space-5);font-size:var(--font-size-activity)}.actor-card h3 a:hover{text-underline-offset:4px;text-decoration:underline}.actor-role,.actor-bio{color:var(--color-text-muted);font-size:var(--font-size-body)}.actor-bio,.team-link{margin-top:var(--space-2)}}@layer responsive{@media (width<=950px){.team-backstage{gap:15px}.team-backstage>svg{width:38px}.team-heading{align-items:start}.actors-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.actor-photo{height:300px}}@media (width<=700px){.team-heading{flex-direction:column;gap:15px}.team-heading>p{font-size:var(--font-size-lead)}.team-backstage{gap:24px;padding:28px 0 0}.team-backstage>svg{width:45px}.team-backstage h3{font-size:var(--font-size-team-title)}.team-backstage p{font-size:var(--font-size-body)}}@media (width<=500px){.actors-grid{grid-template-columns:1fr}.actor-photo{height:340px}}}
