/* Models — page styles (Figma 260:1782). Shared pieces live in /css/site.css. */

:root {
  --roster-top: clamp(24px, 2.66vw, 51px);
  --roster-head-gap: clamp(24px, 1.57vw, 30px);
}

.roster { padding-top: var(--roster-top); }
.roster .ghost-head { margin-bottom: var(--roster-head-gap); }

/* glows (Figma 259:1285, 247:328, 247:329) */
.roster__spot--1 { top: -228px; left: max(-160px, calc(50% - 849px)); z-index: -1; }
.roster__spot--2 { top: 559px; }
.roster__spot--3 { top: 1217px; }

@media (max-width: 991px) {
  .roster__spot--2 { top: 30%; }
  .roster__spot--3 { top: 62%; }
}