*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}body{letter-spacing:.05em;color:#fff;background:#1c1c1c;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-weight:300;overflow-x:clip}body:after{content:"";opacity:.45;mix-blend-mode:overlay;pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='250' height='250'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='2' stitchTiles='stitch' result='noise'/%3E%3CfeColorMatrix in='noise' type='saturate' values='0' result='gray'/%3E%3CfeComponentTransfer in='gray'%3E%3CfeFuncR type='linear' slope='2.4' intercept='-0.7'/%3E%3CfeFuncG type='linear' slope='2.4' intercept='-0.7'/%3E%3CfeFuncB type='linear' slope='2.4' intercept='-0.7'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;position:fixed;inset:0}h1{font-family:Syne,sans-serif;font-weight:700}h2{font-family:Syne,sans-serif;font-weight:500}.back-to-top{cursor:pointer;z-index:51;opacity:0;visibility:hidden;background:0 0;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;padding:0;transition:opacity .3s,transform .3s,visibility .3s,border-color .2s;display:flex;position:absolute;top:50%;right:48px;transform:translateY(-10px)translateY(-50%)}.back-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(-50%)}.back-to-top:hover{border-color:#e63946}.back-to-top:hover .back-to-top-arrow{background:#e63946}.back-to-top-arrow{clip-path:polygon(50% 0%,100% 50%,72% 50%,72% 100%,28% 100%,28% 50%,0% 50%);background:#fff;width:16px;height:16px;transition:background-color .2s}.site-header{z-index:100;background-color:#0000;justify-content:center;align-items:center;padding:16px 48px;transition:background-color .3s,padding .3s;display:flex;position:sticky;top:0}.site-header.is-scrolled{background-color:var(--page-bg,#1c1c1c)}.main-nav ul{align-items:center;gap:380px;list-style:none;display:flex}.header-disc{pointer-events:none;z-index:20;width:290px;position:absolute;top:14px;left:50%;transform:translate(-50%,-50%)}.header-disc-img{width:100%;height:auto;transition:opacity .35s,transform .35s;display:block}.header-disc-vinyl{z-index:2;opacity:1;position:relative;transform:translateY(0)}.header-disc-logo{z-index:1;opacity:0;width:auto;height:52px;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(16px - 50%))}.site-header.is-scrolled .header-disc-vinyl{opacity:0;transform:translateY(-22px)}.site-header.is-scrolled .header-disc-logo{opacity:1;transform:translate(-50%,-50%)}.nav-toggle{display:none}@media (max-width:1024px){.site-header{justify-content:flex-start}.nav-toggle{cursor:pointer;z-index:2;background:0 0;border:0;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;display:flex}.nav-toggle-bar{background:#fff;border-radius:2px;width:100%;height:2px;transition:transform .3s,opacity .2s;display:block}.nav-toggle.is-open .nav-toggle-bar:first-child{transform:translateY(7px)rotate(45deg)}.nav-toggle.is-open .nav-toggle-bar:nth-child(2){opacity:0}.nav-toggle.is-open .nav-toggle-bar:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.main-nav{-webkit-backdrop-filter:blur(8px);opacity:0;visibility:hidden;background:#141414f5;border-bottom:1px solid #ffffff1f;width:100%;transition:opacity .25s,transform .25s,visibility .25s;position:absolute;top:100%;left:0;transform:translateY(-8px)}.main-nav.is-open{opacity:1;visibility:visible;transform:translateY(0)}.main-nav ul{flex-direction:column;align-items:stretch;gap:0}.main-nav li+li{border-top:1px solid #ffffff1a}.main-nav a{padding:18px 20px;font-size:18px;display:block}.main-nav a:after{display:none}}@media (max-width:700px){.site-header{min-height:64px;padding:16px 20px}.back-to-top{right:30px}.header-disc{width:175px;top:8px}}.main-nav a{text-align:center;color:#fff;letter-spacing:.5px;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:19px;font-weight:500;text-decoration:none;display:inline-block;position:relative}@media (max-width:1024px){.main-nav a{text-align:left}}.main-nav a:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1.5px;transition:transform .3s;position:absolute;bottom:-4px;left:0;transform:scaleX(0)}.main-nav a:hover:after{transform:scaleX(1)}.main-nav a.is-active{font-weight:700}.hero{text-align:center;flex-direction:column;justify-content:flex-start;align-items:center;min-height:calc(100vh - 96px);padding:0 0 8px;display:flex;position:relative}.bg-color-layer{z-index:-1;pointer-events:none;background-color:#1c1c1c;position:fixed;inset:0}.hero-bg-wrap{pointer-events:none;-webkit-user-select:none;user-select:none;z-index:0;justify-content:center;align-items:flex-start;width:100%;height:calc(100% + 96px);display:flex;position:absolute;top:-96px;left:0;overflow:hidden}.hero-bg{object-fit:cover;object-position:center top;opacity:.7;flex:none;width:185vw;height:auto;min-height:100%}.hero-headline{z-index:1;white-space:nowrap;width:100%;margin-top:96px;margin-bottom:8px;font-size:clamp(34px,4.5vw,72px);font-weight:700;line-height:1.2;position:relative}.hero-subhead{z-index:1;letter-spacing:.05em;color:#fff;opacity:.85;width:100%;margin:0 0 24px;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:clamp(25px,2.6vw,36px);font-weight:300;position:relative}.vinyl-stack{z-index:1;width:1080px;max-width:96vw;height:595px;position:relative;transform:scale(.95)}.hero-surprise{z-index:0;color:#e63946;text-align:center;pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;max-width:620px;margin:0 auto;padding:0 32px;font-family:Syne,sans-serif;font-size:clamp(22px,3.4vw,44px);font-weight:700;line-height:1.3;display:flex;position:absolute;inset:0}.cover{cursor:grab;-webkit-user-select:none;user-select:none;background-position:50%;background-size:cover;border-radius:4px;width:315px;height:315px;position:absolute;box-shadow:0 14px 28px #00000080}.cover-1{z-index:2;background:#2a144a url(/covers/cover-7.jpg?v=3) 50%/cover no-repeat;top:132px;left:128px;transform:rotate(-4deg)}.cover-2{z-index:6;background:#e63946 url(/covers/cover-2.jpg?v=3) 50%/cover no-repeat;top:132px;left:633px;transform:rotate(-5deg)}.cover-3{z-index:1;background:#1d3557 url(/covers/cover-3.jpg?v=3) 50%/cover no-repeat;top:94px;left:-115px;transform:rotate(8deg)}.cover-4{z-index:3;background:#457b9d url(/covers/cover-4.jpg?v=3) 50%/cover no-repeat;top:125px;left:-335px;transform:rotate(-6deg)}.cover-5{z-index:5;background:#2a2a2a url(/covers/cover-5.jpg?v=3) 50%/cover no-repeat;border:1px solid #333;top:98px;left:376px;transform:rotate(3deg)}.cover-6{z-index:4;background:#f4a261 url(/covers/cover-6.jpg?v=3) 50%/cover no-repeat;top:103px;left:871px;transform:rotate(14deg)}.cover-7{z-index:7;background:#002775 url(/covers/cover-8.jpg?v=3) 50%/cover no-repeat;top:118px;left:1092px;transform:rotate(-8deg)}@media (min-width:1025px) and (max-width:1100px){.vinyl-stack{transform:scale(.75)}}@media (max-width:1024px){.vinyl-stack{--cover-size:min(30vw, 132px);--cover-step:21%;--row-2-top:calc(var(--cover-size) * .78);width:100%;max-width:100%;height:calc(var(--cover-size) + var(--row-2-top));transform:none}.hero .cover{width:var(--cover-size);height:var(--cover-size);top:0;left:auto}.hero .cover-1{z-index:1;left:3%}.hero .cover-2{left:calc(3% + var(--cover-step));z-index:2}.hero .cover-3{left:calc(3% + var(--cover-step) * 2);z-index:3}.hero .cover-4{left:calc(3% + var(--cover-step) * 3);z-index:4}.hero .cover-5{top:var(--row-2-top);z-index:5;left:14%}.hero .cover-6{top:var(--row-2-top);left:calc(14% + var(--cover-step));z-index:6}.hero .cover-7{top:var(--row-2-top);left:calc(14% + var(--cover-step) * 2);z-index:7}}@media (min-width:701px) and (max-width:1024px){.vinyl-stack{--cover-size:min(26vw, 30vh, 260px)}}.rationale{height:377vh;position:relative}.rationale-inner{justify-content:center;align-items:center;height:100vh;padding-bottom:6vh;display:flex;position:sticky;top:0;overflow:hidden}.rationale-text{text-align:center;will-change:transform, opacity;width:100%;max-width:880px;margin:0 auto;padding:0 32px}.rationale-line{text-align:center;opacity:0;will-change:transform, opacity;width:100%;margin:0;font-family:Syne,sans-serif;font-size:clamp(26px,3.4vw,50px);font-weight:700;line-height:1.3}.rationale-line-1{white-space:nowrap;box-sizing:border-box;width:100vw;max-width:100vw;margin-bottom:30px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 16px;font-size:clamp(22px,3.4vw,50px)}.rationale-line-3{white-space:nowrap;box-sizing:border-box;width:100vw;max-width:100vw;margin-bottom:24px;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);padding:0 16px;font-size:clamp(24px,3vw,44px)}.rationale-type-wrap{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.rationale-type{box-sizing:border-box;text-align:center;text-wrap:balance;letter-spacing:.04em;width:100%;max-width:1180px;margin:0 auto;padding:0 16px;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-size:clamp(21px,2.6vw,34px);font-weight:300;line-height:1.25}.rationale-type .ch{visibility:hidden}@media (max-width:800px){.rationale-line-1,.rationale-line-3{white-space:normal;text-wrap:balance;padding-left:24px;padding-right:24px}}@media (max-width:700px){.hero{padding-left:24px;padding-right:24px}.hero-headline{font-size:min(7.6vw,34px)}.rationale{height:411vh}.rationale-type{padding-left:24px;padding-right:24px}.rationale-line-1{font-size:clamp(18px,5vw,24px)}.rationale-line-3{font-size:clamp(17px,4.6vw,22px)}}.vinyl-reveal{pointer-events:none;height:2333vh;position:relative}.vinyl-reveal-inner{height:100vh;position:sticky;top:0;overflow:hidden}.reveal-stage{width:100%;height:100%;position:relative}.reveal-item{transform:translateX(var(--item-offset-x,0px));position:absolute;inset:0}.reveal-item:first-child{z-index:1}.reveal-item:nth-child(2){z-index:2}.reveal-item:nth-child(3){z-index:3}.reveal-item:nth-child(4){z-index:4}.reveal-item:nth-child(5){z-index:5}.reveal-item:nth-child(6){z-index:6}.reveal-item:nth-child(7){z-index:7}.reveal-album{--album-size:520px;--vinyl-size:490px;width:var(--album-size);height:var(--album-size);margin:calc(var(--album-size) / -2) 0 0 calc(var(--album-size) / -2);opacity:0;will-change:transform, opacity;position:absolute;top:50%;left:50%}.reveal-cover{background:var(--item-color,#e63946);background-image:var(--item-cover,none);z-index:2;will-change:transform;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;width:100%;height:100%;position:relative;overflow:hidden;box-shadow:0 20px 40px #00000080}.reveal-cover:before{content:"";pointer-events:none;z-index:3;background:linear-gradient(#ffffff40 1%,#0000 50%);width:100%;height:10%;position:absolute;top:0;left:0}.reveal-cover:after{content:"";pointer-events:none;z-index:3;background:linear-gradient(#0000 96%,#00000080);width:100%;height:100%;position:absolute;top:0;left:0}.reveal-vinyl{width:var(--vinyl-size);height:var(--vinyl-size);z-index:1;will-change:transform;background:conic-gradient(from 50deg,#0000 46%,#ffffff1a 48%,#ffffff26 51%,#0000 56%),conic-gradient(from 225deg,#0000 46%,#ffffff1a 48%,#ffffff26 51%,#0000 56%),repeating-radial-gradient(circle,#7878781a 0%,#c0c0c003 1px,#0000 1px 4px),#000;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;top:10px;right:0;box-shadow:0 0 20px #0009}.reveal-vinyl-label{width:calc(var(--vinyl-size) / 2.8);height:calc(var(--vinyl-size) / 2.8);background:var(--item-label-color,#7a1620);border-radius:50%;box-shadow:0 0 0 5px #000}.reveal-text{text-align:left;pointer-events:none;max-width:440px;position:absolute;top:50%;left:50%}.reveal-line{letter-spacing:normal;opacity:0;will-change:transform, opacity;margin-bottom:22px;font-family:Syne,sans-serif;font-size:50px;font-weight:600;line-height:1.35}.reveal-line strong{font-weight:800}.reveal-title{font-size:var(--title-font-size,53px);white-space:nowrap;margin-bottom:10px}.reveal-subtext,.reveal-bold{white-space:nowrap;font-size:36px;line-height:1.37}.reveal-subtext{letter-spacing:.03em;margin-bottom:0;font-family:DM Sans,Helvetica Neue,Arial,sans-serif;font-weight:300}.reveal-bold{font-weight:800}@media (min-width:701px) and (max-width:1560px){.reveal-item{transform:none}.reveal-album{--album-size:32vw;--vinyl-size:30vw}.reveal-text{max-width:30vw}.reveal-line{font-size:3.1vw}.reveal-title{white-space:normal;text-wrap:balance;font-size:3.3vw}.reveal-subtext,.reveal-bold{font-size:2vw}}@media (max-width:700px){.reveal-item{transform:none}.reveal-album{--album-size:min(54vw, 226px);--vinyl-size:min(50.5vw, 209px)}.reveal-text{text-align:center;width:min(88vw,400px);max-width:min(88vw,400px);margin-left:calc(min(88vw,400px)/-2)}.reveal-line{margin-bottom:14px;font-size:24px}.reveal-title{white-space:normal;text-wrap:balance;font-size:27px}.reveal-subtext,.reveal-bold{font-size:18px}}.spotify-timeline{visibility:hidden;z-index:5;background:#1c1c1c;height:100vh;position:fixed;inset:0;overflow:hidden}.spotify-timeline.is-visible{visibility:visible}.timeline-headline{text-align:center;opacity:0;width:100%;max-width:860px;padding:0 24px;transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .85s cubic-bezier(.22,1,.36,1);position:absolute;top:15vh;left:50%;transform:translate(-50%,22px)}.spotify-timeline.is-visible .timeline-headline{opacity:1;transform:translate(-50%)}.timeline-headline-title{letter-spacing:normal;color:#fff;margin:0 0 .5rem;font-family:Syne,sans-serif;font-size:clamp(2rem,4.6vw + .6rem,3.4rem);font-weight:700}.timeline-headline-subtitle{color:#ffffffbf;white-space:nowrap;margin:0;font-family:DM Sans,sans-serif;font-size:clamp(1rem,1.5vw + .5rem,1.25rem);font-weight:300}@media (max-width:700px){.timeline-headline-subtitle{white-space:normal}}.cards-container{--base-rotation:0deg;--full-circle:360deg;--radius:min(66vw, 66vh);--duration:.2s;touch-action:pan-y;cursor:grab;--cards-container-size:calc(var(--radius) * 2);--cards-container-padding:2rem;--border-color:#ffffff26;--label-offset:calc(var(--radius) * -1 - 1rem);--label-size:58px;--label-color:#ffffff80;--label-color-hover:#e63946;--label-line-h:0;--label-line-h-current:2.5rem;--label-dot-size:10px;--title-top:4.5rem;--title-offset-y:18px;--info-top:10.5rem;--info-width:min(70%, 500px);--info-offset-y:18px;--reveal-buffer:calc(var(--radius) * .32);--extra-drop:calc(var(--radius) * .56);box-sizing:content-box;left:50%;bottom:calc(var(--cards-container-size) * -.5 + var(--reveal-buffer) - var(--extra-drop));width:var(--cards-container-size);height:var(--cards-container-size);padding:var(--cards-container-padding);clip-path:polygon(-25% -35%, 125% -35%, 125% calc(50% + var(--reveal-buffer)), -25% calc(50% + var(--reveal-buffer)));opacity:0;transition:opacity 1s cubic-bezier(.22,1,.36,1) .12s,transform 1s cubic-bezier(.22,1,.36,1) .12s;position:absolute;transform:translate(-50%,80px)}.spotify-timeline.is-visible .cards-container{opacity:1;transform:translate(-50%)}@media (min-width:800px){.cards-container{--radius:min(50vw, 66vh);--label-size:73px;--label-dot-size:15px;--label-line-h-current:4.5rem;--title-top:7rem;--info-top:10.5rem}}@media (min-width:701px) and (max-width:1024px){.cards-container{--info-top:9rem}}@media (min-width:1200px){.cards-container{--radius:min(42vw, 66vh);--label-size:86px;--border-color:#ffffff40}}.timeline-vinyl{inset:calc(var(--cards-container-padding) * -1 * 2.2);aspect-ratio:1;z-index:0;transform:rotate(calc(var(--base-rotation) - (var(--index) * var(--full-circle) / var(--items))));transition:transform .3s ease-in-out var(--duration);will-change:transform;border-radius:50%;position:absolute;box-shadow:0 0 30px #0009}.timeline-vinyl-spin{background:conic-gradient(from 50deg,#0000 46%,#ffffff1a 48%,#ffffff26 51%,#0000 56%),conic-gradient(from 225deg,#0000 46%,#ffffff1a 48%,#ffffff26 51%,#0000 56%),repeating-radial-gradient(circle,#7878781a 0%,#c0c0c003 1px,#0000 1px 4px),#000;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;animation:18s linear infinite timeline-vinyl-spin;display:flex}@keyframes timeline-vinyl-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.timeline-vinyl-label{width:calc(var(--cards-container-size) / 3);height:calc(var(--cards-container-size) / 3);background:#7a1620;border-radius:50%;box-shadow:0 0 0 5px #000}.cards{inset:var(--cards-container-padding);aspect-ratio:1;border:1px solid var(--border-color);transition:transform .3s ease-in-out var(--duration);border-radius:50%;list-style:none;position:absolute}.cards li{transform-origin:50%;transform:rotate(calc(var(--i) * 360deg / var(--items)));pointer-events:none;place-content:center;margin:0;padding:0;display:grid;position:absolute;inset:0}.cards li>input[type=radio]{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.cards li>label,.cards>li>h2,.cards>li>p,.timeline-vinyl,.timeline-copy-mobile{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.cards li>label{transform:translateY(var(--label-offset));width:var(--label-size);height:var(--label-size);cursor:pointer;pointer-events:initial;text-align:center;color:var(--label-color);transition:var(--duration) ease-in-out;letter-spacing:normal;margin:auto;font-family:Syne,sans-serif;font-size:clamp(1.2rem,3.4vw + .14rem,1.65rem);font-weight:600;position:absolute;inset:0}.cards li>label:before{content:"";top:calc(var(--label-size) / 2 + 1rem - 6px);width:var(--label-dot-size);height:var(--label-dot-size);aspect-ratio:1;background-color:var(--label-color);transition:background-color var(--duration) ease-in-out;border-radius:50%;position:absolute;left:50%;translate:-50%}.cards li>label:after{content:"";width:2px;height:var(--label-line-h);transition:height .3s ease-in-out var(--label-line-delay,0s);background-color:#e63946;position:absolute;top:100%;left:50%;translate:-50% 5px}.cards li>label:hover{--label-color:var(--label-color-hover)}.cards>li>h2,.cards>li>p{text-align:center;transform-origin:50%;color:#fff;position:absolute;left:50%;transform:translate(-50%)}.cards>li>h2{top:var(--title-top);opacity:var(--title-opacity,0);translate:0 var(--title-offset-y);transition:opacity .45s ease-out var(--title-delay,0s), translate .45s cubic-bezier(.22, 1, .36, 1) var(--title-delay,0s);letter-spacing:normal;font-family:Syne,sans-serif;font-size:22px;font-weight:600}.cards>li>p{top:var(--info-top);width:var(--info-width);z-index:2;text-align:center;text-wrap:pretty;color:#ffffffbf;opacity:var(--info-opacity,0);translate:0 var(--info-offset-y);transition:opacity .45s ease-out var(--info-delay,0s), translate .45s cubic-bezier(.22, 1, .36, 1) var(--info-delay,0s);margin:0 auto;font-size:clamp(1.15rem,2.5vw + .35rem,1.4rem)}.cards li:has(input:checked){--label-color:var(--label-color-hover);--label-line-h:var(--label-line-h-current);--label-line-delay:calc(var(--duration) * 2);--title-opacity:1;--title-offset-y:0;--title-delay:calc(var(--duration) * 3);--info-opacity:1;--info-offset-y:0;--info-delay:calc(var(--duration) * 4)}.timeline-copy-mobile{display:none}@media (max-width:700px){.timeline-copy-mobile{text-align:center;pointer-events:none;max-width:min(88vw,460px);margin:1.75rem auto 0;display:block}.timeline-copy-mobile-year{letter-spacing:normal;color:#e63946;margin:0 0 .6rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:600}.timeline-copy-mobile-text{text-wrap:pretty;color:#ffffffc7;margin:0 0 .7rem;font-size:1rem;line-height:1.45}.cards>li>h2,.cards>li>p{display:none}}.cards-container.is-scratching{cursor:grabbing}.cards-container.is-scratching .cards,.cards-container.is-scratching .timeline-vinyl,.cards-container.is-scratching .cards li>label{transition:none}.cards-container.is-scratching .cards>li>h2,.cards-container.is-scratching .cards>li>p{opacity:0;transition:opacity .12s ease-out}.cards:has(input:checked){transform:rotate(calc(var(--base-rotation) - (var(--index) * var(--full-circle) / var(--items))))}.cards-container:has(.cards li:first-child>input:checked){--index:0}.cards-container:has(.cards li:nth-child(2)>input:checked){--index:1}.cards-container:has(.cards li:nth-child(3)>input:checked){--index:2}.cards-container:has(.cards li:nth-child(4)>input:checked){--index:3}.cards-container:has(.cards li:nth-child(5)>input:checked){--index:4}.cards-container:has(.cards li:nth-child(6)>input:checked){--index:5}.cards-container:has(.cards li:nth-child(7)>input:checked){--index:6}.cards-container:has(.cards li:nth-child(8)>input:checked){--index:7}.cards-container:has(.cards li:nth-child(9)>input:checked){--index:8}.cards-container:has(.cards li:nth-child(10)>input:checked){--index:9}.cards-container:has(.cards li:nth-child(11)>input:checked){--index:10}.cards-container:has(.cards li:nth-child(12)>input:checked){--index:11}.cards-container:has(.cards li:nth-child(13)>input:checked){--index:12}.cards-container:has(.cards li:nth-child(14)>input:checked){--index:13}.cards-container:has(.cards li:nth-child(15)>input:checked){--index:14}.cards-container:has(.cards li:nth-child(16)>input:checked){--index:15}.cards-container:has(.cards li:nth-child(17)>input:checked){--index:16}.cards-container:has(.cards li:nth-child(18)>input:checked){--index:17}.cards-container:has(.cards li:nth-child(19)>input:checked){--index:18}.cards-container:has(.cards li:nth-child(20)>input:checked){--index:19}.cards-container:has(.cards li:nth-child(21)>input:checked){--index:20}.site-footer{overscroll-behavior:contain;z-index:60;color:#ffffffd9;background:#111;width:100%;height:92vh;max-height:92vh;padding:4rem 24px 2rem;transition:transform .5s cubic-bezier(.65,0,.35,1);position:fixed;bottom:0;left:0;overflow-y:auto;transform:translateY(100%)}.site-footer.is-open{transform:translateY(0)}.footer-toggle{cursor:pointer;z-index:61;opacity:0;visibility:hidden;background:0 0;border:1.5px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;padding:0;transition:opacity .3s,transform .3s,visibility .3s,border-color .2s;display:flex;position:fixed;bottom:32px;right:32px;transform:translateY(10px)}.footer-toggle.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.footer-toggle:hover{border-color:#e63946}.footer-toggle:hover .footer-toggle-arrow{background:#e63946}.footer-toggle-arrow{clip-path:polygon(50% 100%,100% 50%,72% 50%,72% 0%,28% 0%,28% 50%,0% 50%);background:#fff;width:16px;height:16px;transition:background-color .2s,transform .3s}.footer-toggle.is-open .footer-toggle-arrow{transform:rotate(180deg)}.site-footer-inner{max-width:1160px;margin:0 auto}.site-footer-columns{text-align:left;grid-template-columns:1fr 1fr;align-items:start;gap:2rem 7.5rem;display:grid}.site-footer-col{display:contents}.site-footer-brand{grid-area:1/1}.site-footer-col-right>.site-footer-title{grid-area:1/2}.site-footer-brand{max-width:560px}.site-footer-title{letter-spacing:normal;color:#fff;margin:0 0 .75rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.site-footer-tagline{color:#fff9;margin:0;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:300}.site-footer-spotify{grid-area:2/1;width:100%}.site-footer-spotify iframe{width:100%;display:block}.song-suggest{text-align:center;box-sizing:border-box;flex-direction:column;align-items:center;margin-top:-40vh;padding:4rem 24px 0;display:flex}.song-suggest-spacer{height:100vh}.song-suggest-title{letter-spacing:normal;color:#fff;max-width:640px;margin:0 0 2rem;font-family:Syne,sans-serif;font-size:2rem;font-weight:700}.song-suggest-box{background:#fff1;border-radius:12px;width:100%;max-width:480px;padding:1.75rem}.song-suggest-box .site-footer-submit{align-self:center}.site-footer-suggest-box{box-sizing:border-box;background:#fff1;border-radius:12px;flex-direction:column;grid-area:2/2;gap:1.25rem;width:100%;padding:1.75rem;display:flex}.site-footer-suggest-form{flex-direction:column;gap:.75rem;display:flex}.site-footer-input{box-sizing:border-box;color:#fff;background:#ffffff0f;border:1px solid #ffffff2e;border-radius:8px;outline:none;width:100%;padding:.75rem 1rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:300;transition:border-color .2s,background-color .2s}.site-footer-input::placeholder{color:#fff6}.site-footer-input:focus{background:#ffffff17;border-color:#fff6}.site-footer-submit{color:#fff;cursor:pointer;background:#e63946;border:none;border-radius:8px;align-self:flex-start;padding:.75rem 1.75rem;font-family:DM Sans,sans-serif;font-size:.95rem;font-weight:600;transition:background-color .2s,transform .2s}.site-footer-submit:hover{background:#c92b37}@media (max-width:900px){.site-footer-columns{grid-template-columns:1fr;gap:2.5rem}.site-footer-brand,.site-footer-spotify,.site-footer-col-right .site-footer-title,.site-footer-suggest-box{grid-area:auto}}.site-footer-bottom{text-align:center;border-top:1px solid #ffffff1a;max-width:1100px;margin:3rem auto 0;padding-top:1.5rem}.site-footer-bottom p{color:#fff6;margin:0;font-family:DM Sans,sans-serif;font-size:.8rem;font-weight:300}.suggest-feedback{letter-spacing:.03em;flex-basis:100%;margin-top:10px;font-size:14px}.suggest-feedback-ok{color:#7ee0a8}.suggest-feedback-error{color:#ff9a9a}.admin-page{z-index:1;flex-direction:column;gap:28px;max-width:1100px;margin:0 auto;padding:48px 24px 96px;display:flex;position:relative}.admin-page-centered{justify-content:center;max-width:520px;min-height:100vh}.admin-head,.admin-card-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.admin-card{background:#ffffff0a;border:1px solid #ffffff1f;border-radius:16px;flex-direction:column;gap:18px;padding:28px;display:flex}.admin-card-narrow{gap:14px}.admin-title{font-family:Syne,sans-serif;font-size:clamp(26px,3vw,36px);font-weight:700;line-height:1.1}.admin-section-title{align-items:center;gap:10px;font-family:Syne,sans-serif;font-size:22px;font-weight:600;display:flex}.admin-count{letter-spacing:.06em;background:#ffffff1f;border-radius:999px;padding:3px 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500}.admin-subtitle{color:#ffffffa8;max-width:68ch;font-size:15px;line-height:1.5}.admin-subtitle code{background:#ffffff1a;border-radius:5px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em}.admin-form{flex-direction:column;gap:10px;display:flex}.admin-form-inline{flex-flow:wrap;align-items:center}.admin-form-inline .admin-input{flex:320px}.admin-label{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-size:13px}.admin-input{color:#fff;background:#00000059;border:1px solid #ffffff38;border-radius:10px;outline:none;padding:12px 14px;font-family:inherit;font-size:16px}.admin-input:focus-visible{border-color:#fff9}.admin-input-wrap{display:flex;position:relative}.admin-input-wrap .admin-input{width:100%}.admin-input-with-toggle{padding-right:52px}.admin-input-toggle{color:#fff9;cursor:pointer;background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:flex;position:absolute;top:50%;right:6px;transform:translateY(-50%)}.admin-input-toggle:hover,.admin-input-toggle:focus-visible{color:#fff;background:#ffffff1a}.admin-button{color:#1c1c1c;cursor:pointer;background:#fff;border:1px solid #fff;border-radius:999px;padding:11px 26px;font-family:Syne,sans-serif;font-size:15px;font-weight:600;text-decoration:none;display:inline-block}.admin-button:disabled{opacity:.55;cursor:default}.admin-button-ghost{color:#fff;background:0 0;border-color:#ffffff59}.admin-error{color:#ff9a9a;font-size:14px}.admin-success{color:#7ee0a8;font-size:14px}.admin-empty{color:#ffffff8c;font-size:15px}.admin-preview{max-width:560px}.admin-table-wrap{overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:15px}.admin-table th,.admin-table td{text-align:left;vertical-align:top;border-bottom:1px solid #ffffff1a;padding:11px 14px}.admin-table th{letter-spacing:.08em;text-transform:uppercase;color:#fff9;font-family:Syne,sans-serif;font-size:13px;font-weight:600}.admin-table td a{color:#fff}.admin-nowrap{white-space:nowrap}.admin-pagination{align-items:center;gap:16px;display:flex}.admin-button-icon{justify-content:center;align-items:center;width:38px;height:38px;padding:0;display:inline-flex}.admin-button.is-disabled{opacity:.35;cursor:default;pointer-events:none}.admin-page-info{color:#fff9;font-size:14px}