.posters-page{color:#fff;text-rendering:geometricprecision;background:#000;min-height:100svh}.posters-content{min-height:100svh}.posters-header{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"title mark""intro intro";align-items:center;column-gap:16px;padding:76px 16px 0;display:grid}.posters-mark{grid-area:mark;width:100%;min-width:0;margin:0}.posters-title{font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;text-rendering:geometricprecision;grid-area:title;font-size:clamp(26px,6vw,72px);font-weight:400;line-height:1.05}.posters-intro{max-width:40ch;font-family:var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;letter-spacing:-.05em;color:#fff;grid-area:intro;margin-top:24px;font-size:13px;line-height:16px}.posters-intro-link{color:#fff;text-underline-offset:2px;text-decoration:underline}.posters-intro-link:hover{opacity:.7}.posters-intro-link:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.posters-grid{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:8px;margin-top:40px;padding:0 12px;display:grid}.posters-grid-figure{margin:0}.posters-grid-figure--wide{grid-column:span 2}.posters-grid-figure--tall{grid-row:span 2}.posters-grid-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.posters-page .posters-caption{transition:opacity .32s,visibility linear}.posters-page.is-scrolled .posters-caption{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s,visibility 0s linear .32s}.posters-caption{left:16px;right:16px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:30;pointer-events:none;font-family:var(--font-ibm-plex-mono), "IBM Plex Mono", monospace;letter-spacing:0;color:#fff;text-rendering:geometricprecision;font-size:8px;line-height:11px;position:fixed}.posters-menu-button{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));z-index:40;cursor:pointer;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;background:0 0;border:none;padding:10px 12px;font-size:16px;font-weight:400;line-height:20px;position:fixed;transform:translate(-50%)}.posters-menu-button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.posters-footer{padding:64px 16px calc(140px + env(safe-area-inset-bottom))}.posters-footer-links{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.posters-footer-links a{color:#fff;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;opacity:0;align-items:baseline;gap:12px;font-size:16px;line-height:20px;text-decoration:none;transition:opacity .56s,transform .62s cubic-bezier(.22,1,.36,1);display:flex;transform:translateY(12px)}.posters-footer.is-visible .posters-footer-links a{opacity:1;transform:translateY(0)}.posters-footer.is-visible .posters-footer-links a:nth-child(2){transition-delay:80ms}.posters-footer.is-visible .posters-footer-links a:nth-child(3){transition-delay:.16s}.posters-footer-link-label{color:#fff3}.posters-footer-link-handle{text-transform:lowercase}.posters-footer-links a:focus-visible{outline-offset:6px;border-radius:2px;outline:2px solid #fff}@media (scripting:none){.posters-footer-links a{opacity:1;transform:none}}.posters-menu{z-index:50;visibility:hidden;pointer-events:none;transition:visibility 0s linear .56s;position:fixed;inset:0}.posters-menu-open{visibility:visible;pointer-events:auto;transition-delay:0s}.posters-menu-gradient{opacity:0;mix-blend-mode:darken;will-change:transform, opacity;background:linear-gradient(#0a0a0a 48% 50.44%,#0a0a0a 52.63%,#090909 54.66% 56.61%,#090909 58.59%,#080808 60.69% 62.99%,#070707 65.6%,#060606 68.59% 72.07%,#050505 76.13%,#040404 80.86%,#030303 86.36%,#010101 92.7%,#000 100%);transition:transform .68s cubic-bezier(.22,1,.36,1),opacity .52s ease-out;position:absolute;inset:0;transform:translateY(102%)}.posters-menu-open .posters-menu-gradient{opacity:1;transform:translateY(0)}.posters-menu-content{justify-content:stretch;align-items:center;padding:0 16px 120px;display:flex;position:absolute;inset:0}.posters-menu-links{flex-direction:column;align-items:flex-end;gap:30px;width:100%;margin:0;padding:0;list-style:none;display:flex}.posters-menu-links li{opacity:0;filter:blur(8px);transition:opacity .42s,transform .56s cubic-bezier(.22,1,.36,1),filter .42s;transform:translateY(14px)}.posters-menu-open .posters-menu-links li:first-child{opacity:1;filter:blur();transition-delay:.16s;transform:translateY(0)}.posters-menu-open .posters-menu-links li:nth-child(2){opacity:1;filter:blur();transition-delay:.24s;transform:translateY(0)}.posters-menu-open .posters-menu-links li:nth-child(3){opacity:1;filter:blur();transition-delay:.32s;transform:translateY(0)}.posters-menu-open .posters-menu-links li:nth-child(4){opacity:1;filter:blur();transition-delay:.4s;transform:translateY(0)}.posters-menu-link{align-items:baseline;gap:16px;text-decoration:none;display:flex}.posters-menu-link:focus-visible{outline-offset:6px;border-radius:2px;outline:2px solid #fff}.posters-menu-label,.posters-menu-handle{font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;text-rendering:geometricprecision;font-size:16px;font-weight:400;line-height:20px}.posters-menu-label{color:#fff3}.posters-menu-handle{color:#fff;text-transform:lowercase}.posters-close-button{left:50%;bottom:calc(20px + env(safe-area-inset-bottom));cursor:pointer;opacity:0;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;background:0 0;border:none;padding:10px 12px;font-size:16px;font-weight:400;line-height:20px;transition:opacity .36s .2s;position:absolute;transform:translate(-50%)}.posters-menu-open .posters-close-button{opacity:1}.posters-close-button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}@media (min-width:1024px){.posters-page{min-height:100dvh}.posters-content{display:contents}.posters-header{grid-template-columns:minmax(0,1fr) min(46vw,640px);grid-template-areas:"title mark""intro mark";align-items:start;column-gap:32px;width:100%;padding:96px 32px 0;display:grid}.posters-mark{grid-area:mark;align-self:start;width:100%;margin:0}.posters-title{letter-spacing:0;font-size:48px;line-height:64px}.posters-intro{letter-spacing:-.05em;max-width:56ch;margin-top:32px;font-size:16px;line-height:20px}.posters-caption{letter-spacing:0;font-size:11px;line-height:15px;bottom:20px;left:32px;right:32px}.posters-footer{padding:96px 32px 120px}.posters-footer-links{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:24px;display:grid}.posters-menu-button,.posters-menu{display:none}.posters-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:24px;padding:0 32px}}@media (min-width:768px) and (max-width:1023px){.posters-header{padding:76px 16px 0}.posters-title{font-size:clamp(30px,6vw,52px);line-height:1.05}.posters-intro{margin-top:24px;font-size:13px;line-height:16px}.posters-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:0 16px}}.posters-canvas{z-index:1;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;background:#000;position:fixed;inset:0;overflow:hidden}.posters-canvas:active{cursor:grabbing}.posters-canvas-world{will-change:transform;position:absolute;top:50%;left:50%}.posters-canvas-figure{will-change:filter;border-radius:10px;margin:0;transition:filter .3s;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 10px 30px #00000038}.posters-canvas-figure.is-dimmed{filter:blur(6px)brightness(.65)}.posters-canvas-figure.is-selected{z-index:5;filter:drop-shadow(0 18px 40px #00000059)}.posters-canvas-image{-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:auto;display:block}.posters-canvas-caption{left:50%;bottom:calc(108px + env(safe-area-inset-bottom));z-index:6;text-align:center;pointer-events:none;flex-direction:column;align-items:center;gap:6px;max-width:80vw;display:flex;position:absolute;transform:translate(-50%)}.posters-canvas-song{pointer-events:auto;cursor:pointer;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;text-rendering:geometricprecision;background:0 0;border:none;padding:4px 8px;font-size:15px;font-weight:400;line-height:18px}.posters-canvas-song:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.posters-canvas-artist{font-family:var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;text-rendering:geometricprecision;font-size:13px;line-height:16px}.posters-canvas-artist--title-case{text-transform:none}.posters-canvas-zoom{right:12px;bottom:calc(22% + env(safe-area-inset-bottom));z-index:6;-webkit-backdrop-filter:blur(8px);background:#0a0a0a47;border:1px solid #ffffff59;border-radius:16px;flex-direction:column;gap:4px;padding:4px;display:flex;position:absolute;box-shadow:0 6px 20px #0000002e}.posters-canvas-zoom-button{cursor:pointer;min-width:62px;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;text-transform:uppercase;color:#ffffffd9;background:0 0;border:none;border-radius:12px;padding:7px 12px;font-size:12px;font-weight:400;line-height:16px}.posters-canvas-zoom-button:hover{color:#fff}.posters-canvas-zoom-button:focus-visible{outline-offset:3px;border-radius:12px;outline:2px solid #fff}.posters-canvas-zoom-reset{color:#ffffffa6;font-size:11px}.posters-page--canvas .posters-caption{display:none}@media (prefers-reduced-motion:reduce){.posters-menu,.posters-menu-gradient,.posters-menu-links li,.posters-close-button,.posters-footer-links a,.posters-canvas-figure{transition:none}.posters-footer-links a{transform:none}.posters-menu-links li,.posters-close-button{opacity:0}.posters-menu-open .posters-menu-links li,.posters-menu-open .posters-close-button{opacity:1}}