.fan-collection{padding-block:28px 64px}.fan-collection-heading{max-width:900px;margin-bottom:24px;overflow-wrap:anywhere}.fan-collection-heading .eyebrow{margin-top:16px}.fan-collection-heading h1{font:650 clamp(28px,3.4vw,44px)/1.3 var(--serif);color:var(--blue);margin:8px 0 12px}.fan-collection-heading>p{color:var(--muted);margin-block:10px}.fan-credit{font-size:13px}.fan-collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.fan-piece{margin:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#fffaf1;box-shadow:0 8px 28px #29212c0b}.fan-piece-image{aspect-ratio:1;background:radial-gradient(ellipse at center,#fffefb,#f4ebdc);display:grid;place-items:center}.fan-piece-image img{display:block;width:100%;height:100%;object-fit:contain}.fan-piece figcaption{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;color:var(--blue);font-size:13px}.fan-piece figcaption a{color:var(--red);min-height:44px;display:inline-flex;align-items:center}.fan-play{min-height:44px;border:1px solid var(--gold);border-radius:22px;background:var(--blue);color:var(--paper);padding:8px 16px;cursor:pointer}.fan-play[hidden]{display:none}.fan-play[aria-pressed=true]{background:var(--red)}.fan-collection-note{margin-top:40px;padding:24px;border-block:1px solid var(--line);color:var(--muted)}.fan-collection-note h2{font:600 24px var(--serif);color:var(--blue)}.fan-collection-siblings{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.fan-collection-siblings a{padding:12px 16px;border:1px solid var(--line);color:var(--red);text-decoration:none}@media(max-width:900px){.fan-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}@media(max-width:540px){.fan-collection{padding-top:20px}.fan-collection-grid{grid-template-columns:1fr}.fan-collection-note{padding:16px}.fan-collection-heading h1{font-size:28px}}
