.posters-page{color:#fff;text-rendering:geometricprecision;background:#ed0000;background:lab(50.4869% 76.5173 66.2661);min-height:100svh}.posters-content{min-height:100svh}.posters-header{padding:76px 16px 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;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;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-toggle{top:calc(12px + env(safe-area-inset-top));z-index:40;-webkit-backdrop-filter:blur(8px);background:#0a0a0a40;border:1px solid #ffffff59;border-radius:999px;gap:4px;padding:4px;display:flex;position:fixed;left:50%;transform:translate(-50%)}.posters-toggle-button{cursor:pointer;white-space:nowrap;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#ffffffa6;background:0 0;border:none;border-radius:999px;padding:8px 14px;font-size:12px;font-weight:400;line-height:16px;transition:background .2s,color .2s}.posters-toggle-button--active{color:#ed0000;color:lab(50.4869% 76.5173 66.2661);background:#fff}.posters-toggle-button:focus-visible{outline-offset:3px;border-radius:999px;outline:2px solid #fff}.posters-desktop-links{display:none}.posters-feed{flex-direction:column;align-items:center;gap:24px;margin-top:120px;padding-bottom:420px;display:flex}.posters-group{flex-direction:column;align-items:center;gap:24px;display:flex}.posters-figure{width:min(60svw,540px);margin:0}.posters-image{-webkit-user-select:none;user-select:none;width:100%;height:auto;display:block}.posters-overlay{z-index:30;pointer-events:none;position:fixed;inset:0}.posters-overlay-title{max-width:300px;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.posters-overlay-artist{text-align:right;max-width:280px;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.posters-overlay-song{pointer-events:auto;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;color:#fff;text-rendering:geometricprecision;font-size:13px;font-weight:400;line-height:16px;text-decoration:none;display:inline-block}.posters-overlay-song:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.posters-overlay-name{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;display:inline-block}.posters-overlay-name--title-case{text-transform:none}.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-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-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{z-index:10;width:calc(100vw - 64px);padding:96px 0 0 32px;position:fixed;inset:0 auto auto 0}.posters-title{letter-spacing:0;font-size:48px;line-height:64px}.posters-intro{letter-spacing:-.05em;max-width:40ch;margin-top:32px;font-size:16px;line-height:20px}.posters-toggle{background:0 0;margin-top:28px;display:inline-flex;position:static;transform:none}.posters-feed{align-items:flex-start;gap:24px;width:100%;margin-top:0;padding:260px 0 420px calc(66.6667vw - 10.6667px)}.posters-group{align-items:flex-start;gap:24px}.posters-figure{width:calc(25vw - 16px);max-width:640px}.posters-overlay{pointer-events:none}.posters-overlay-title{max-width:calc(18.3333vw - 11.7333px);left:calc(62.5vw - 8px);transform:translate(-50%,-50%)}.posters-overlay-artist{text-align:center;max-width:calc(25vw - 16px);left:calc(95.8333vw - 29.3333px);right:auto;transform:translate(-50%,-50%)}.posters-overlay-song,.posters-overlay-name{letter-spacing:0;font-size:18px;line-height:22px}.posters-caption{letter-spacing:0;font-size:11px;line-height:15px;bottom:20px;left:32px;right:32px}.posters-desktop-links{z-index:35;flex-direction:column;align-items:flex-start;gap:22px;display:flex;position:fixed;bottom:92px;left:32px}.posters-desktop-links a{color:#fff;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;align-items:baseline;gap:16px;font-size:16px;line-height:20px;text-decoration:none;display:flex}.posters-desktop-links a:first-child{margin-left:calc(16.6667vw - 10.6667px)}.posters-desktop-links a:nth-child(2){margin-left:calc(8.33333vw - 5.33333px)}.posters-desktop-links a:nth-child(3){margin-left:0}.posters-desktop-link-label{color:#fff3}.posters-desktop-link-handle{text-transform:lowercase;letter-spacing:0}.posters-desktop-links a:focus-visible{outline-offset:6px;outline:2px solid #fff}.posters-menu-button,.posters-menu{display:none}}@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-feed{margin-top:96px}.posters-figure{width:60vw;max-width:560px}}@media (prefers-reduced-motion:reduce){.posters-menu,.posters-menu-gradient,.posters-menu-links li,.posters-close-button,.posters-toggle-button{transition: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}}.posters-track-dialog{z-index:60;visibility:hidden;pointer-events:none;text-rendering:geometricprecision;transition:visibility 0s linear .56s;position:fixed;inset:0}.posters-track-dialog-open{visibility:visible;pointer-events:auto;transition-delay:0s}.posters-track-dialog-backdrop{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-track-dialog-open .posters-track-dialog-backdrop{opacity:1;transform:translateY(0)}.posters-track-dialog-content{flex-direction:column;justify-content:center;align-items:center;gap:36px;padding:0 16px 80px;display:flex;position:absolute;inset:0}.posters-track-dialog-message{text-align:center;color:#fff;max-width:38ch;font-family:var(--font-ibm-plex-sans), "IBM Plex Sans", sans-serif;letter-spacing:-.05em;opacity:0;filter:blur(8px);font-size:13px;line-height:16px;transition:opacity .42s,transform .56s cubic-bezier(.22,1,.36,1),filter .42s;transform:translateY(14px)}.posters-track-dialog-open .posters-track-dialog-message{opacity:1;filter:blur();transition-delay:.16s;transform:translateY(0)}.posters-track-dialog-to,.posters-track-dialog-artist{text-transform:none}.posters-track-dialog-song{font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;font-size:14px;font-weight:400;line-height:16px;display:inline}.posters-track-dialog-actions{align-items:center;gap:40px;display:flex}.posters-track-dialog-button{cursor:pointer;color:#fff;font-family:var(--font-special-gothic-expanded), "Special Gothic Expanded One", sans-serif;letter-spacing:0;text-transform:uppercase;opacity:0;filter:blur(8px);background:0 0;border:none;padding:10px 12px;font-size:16px;font-weight:400;line-height:20px;transition:opacity .42s,transform .56s cubic-bezier(.22,1,.36,1),filter .42s;transform:translateY(14px)}.posters-track-dialog-open .posters-track-dialog-button{opacity:1;filter:blur();transition-delay:.26s;transform:translateY(0)}.posters-track-dialog-button:hover{opacity:.7}.posters-track-dialog-button:focus-visible{outline-offset:3px;border-radius:2px;outline:2px solid #fff}.posters-track-dialog-button--confirm{color:#fff}.posters-track-dialog-button:not(.posters-track-dialog-button--confirm){color:#fff6}@media (min-width:1024px){.posters-track-dialog-message{font-size:16px;line-height:20px}.posters-track-dialog-song{font-size:18px;line-height:22px}}@media (prefers-reduced-motion:reduce){.posters-track-dialog,.posters-track-dialog-backdrop,.posters-track-dialog-message,.posters-track-dialog-button{transition:none}.posters-track-dialog-message,.posters-track-dialog-button{opacity:0}.posters-track-dialog-open .posters-track-dialog-message,.posters-track-dialog-open .posters-track-dialog-button{opacity:1}}
