.sc-fan-card{position:relative;display:grid;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:.9rem;padding:.7rem;overflow:hidden;border-radius:var(--radius-tile, 4px);background:#fff;border:1px solid var(--color-hairline);box-shadow:var(--shadow-card);text-decoration:none;will-change:transform;transition:transform .75s var(--ease-rise),box-shadow .3s ease,border-color .3s ease}.sc-fan-card:focus-visible{outline:2px solid var(--color-cobalt);outline-offset:3px}.sc-fan-img{display:block;width:100%;height:auto;aspect-ratio:3 / 4;object-fit:cover;border-radius:2px}.sc-fan-meta{display:flex;flex-direction:column;gap:.1rem;pointer-events:none}.sc-fan-name{font-family:var(--font-display, inherit);font-size:.95rem;font-weight:700;line-height:1.15;color:var(--color-ink)}.sc-fan-role{font-family:var(--font-mono, inherit);font-size:.55rem;font-weight:700;letter-spacing:.1em;line-height:1.3;text-transform:uppercase;color:var(--color-cobalt)}.sc-fan-blurb{margin-top:.35rem;font-size:.8rem;line-height:1.5;color:var(--color-foreground-muted)}.sc-fan-cue{display:none;position:absolute;top:.5rem;left:.5rem;padding:.2rem .45rem;border-radius:999px;background:var(--color-cobalt);color:#fff;font-family:var(--font-mono, inherit);font-size:.5rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;opacity:0;transition:opacity .25s ease;pointer-events:none}.sc-fan-card:hover .sc-fan-cue,.sc-fan-card:focus-visible .sc-fan-cue{opacity:1}.sc-fan-card:hover,.sc-fan-card:focus-visible{border-color:var(--color-cobalt);box-shadow:var(--shadow-card-hover)}.sc-fan-stage{display:grid;grid-template-columns:minmax(0,1fr);gap:.6rem;max-width:40rem}html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card{opacity:0;transform:translateY(18px)}html.js .sc-fan-stage.is-fanned .sc-fan-card{opacity:1;transform:none;transition-delay:calc(var(--i) * 55ms)}@media(min-width:1024px){.sc-fan-stage{display:block;position:relative;max-width:none;height:430px;--sc-fan-gap: 82px;--sc-fan-rot: 2.4deg;--sc-fan-base: 48px;--sc-label-max: 64px}@media(min-width:1280px){.sc-fan-stage{--sc-fan-gap: 112px;--sc-fan-rot: 3.6deg;--sc-label-max: 88px}}.sc-fan-card[data-side=r] .sc-fan-meta{text-align:right}.sc-fan-card{position:absolute;left:50%;top:50%;width:180px;display:block;grid-template-columns:none;gap:0;padding:0;background:var(--color-ink);--sc-meta-hide: 81px;z-index:calc(10 - var(--n));transform:translate(-50%,-50%) translate(calc(var(--s) * (var(--n) * var(--sc-fan-gap) + var(--sc-fan-base)))) translateY(calc(var(--n) * var(--n) * 4px)) rotate(calc(var(--s) * var(--n) * var(--sc-fan-rot))) scale(calc(1 - var(--n) * .03))}.sc-fan-card--owner{width:240px}html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card{opacity:1;transform:translate(-50%,-50%) scale(.86);transition-delay:0s}html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card--owner{transform:translate(-50%,-50%)}html.js .sc-fan-stage.is-fanned .sc-fan-card{opacity:1;transition-delay:calc(var(--n) * 70ms);transform:translate(-50%,-50%) translate(calc(var(--s) * (var(--n) * var(--sc-fan-gap) + var(--sc-fan-base)))) translateY(calc(var(--n) * var(--n) * 4px)) rotate(calc(var(--s) * var(--n) * var(--sc-fan-rot))) scale(calc(1 - var(--n) * .03))}.sc-fan-stage .sc-fan-card:hover,.sc-fan-stage .sc-fan-card:focus-visible,html.js .sc-fan-stage.is-fanned .sc-fan-card:hover,html.js .sc-fan-stage.is-fanned .sc-fan-card:focus-visible{z-index:30;transform:translate(-50%,-50%) translate(calc(var(--s) * (var(--n) * var(--sc-fan-gap) + var(--sc-fan-base)))) translateY(-18px) rotate(0) scale(1.18);transition-duration:.35s;transition-delay:0s}.sc-fan-img{border-radius:0}.sc-fan-meta{position:absolute;inset-inline:0;bottom:0;padding:1.1rem .6rem .5rem;background:linear-gradient(to bottom,#0e111600,#0e1116ed 12%,#0e1116f7);transform:translateY(var(--sc-meta-hide));transition:transform .35s var(--ease-rise)}.sc-fan-card:not(.sc-fan-card--owner) .sc-fan-name,.sc-fan-card:not(.sc-fan-card--owner) .sc-fan-role{max-width:calc(var(--sc-label-max) - var(--n) * 4px)}.sc-fan-card[data-side=r] .sc-fan-name,.sc-fan-card[data-side=r] .sc-fan-role{margin-left:auto}.sc-fan-card:hover .sc-fan-name,.sc-fan-card:hover .sc-fan-role,.sc-fan-card:focus-visible .sc-fan-name,.sc-fan-card:focus-visible .sc-fan-role{max-width:none}.sc-fan-name{font-size:.62rem;min-height:2.3em;color:#fff}.sc-fan-card--owner .sc-fan-name{font-size:.9rem;min-height:0}.sc-fan-role{font-size:.46rem;font-weight:600;min-height:2.6em;color:#ffffffb8}.sc-fan-card--owner .sc-fan-role{min-height:0}.sc-fan-blurb{display:-webkit-box;-webkit-line-clamp:5;-webkit-box-orient:vertical;overflow:hidden;height:7.5em;margin-top:.35rem;font-size:.63rem;line-height:1.5;color:#ffffffd1;opacity:0;transition:opacity .3s ease .05s}.sc-fan-card:hover .sc-fan-meta,.sc-fan-card:focus-visible .sc-fan-meta{transform:translateY(0)}.sc-fan-card:hover .sc-fan-blurb,.sc-fan-card:focus-visible .sc-fan-blurb{opacity:1}.sc-fan-cue{display:block}.sc-fan-card[data-side=r] .sc-fan-cue{left:auto;right:.5rem}}@media(prefers-reduced-motion:reduce){.sc-fan-stage .sc-fan-card,html.js .sc-fan-stage .sc-fan-card,html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card{opacity:1;transition:none;transition-delay:0s}html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card{transform:none}.sc-fan-meta,.sc-fan-blurb{transition:none}}@media(min-width:1024px)and (prefers-reduced-motion:reduce){html.js .sc-fan-stage:not(.is-fanned) .sc-fan-card,.sc-fan-stage .sc-fan-card:hover,.sc-fan-stage .sc-fan-card:focus-visible,html.js .sc-fan-stage.is-fanned .sc-fan-card:hover,html.js .sc-fan-stage.is-fanned .sc-fan-card:focus-visible{transform:translate(-50%,-50%) translate(calc(var(--s) * (var(--n) * var(--sc-fan-gap) + var(--sc-fan-base)))) translateY(calc(var(--n) * var(--n) * 4px)) rotate(calc(var(--s) * var(--n) * var(--sc-fan-rot))) scale(calc(1 - var(--n) * .03))}}