:root{--cream:#f1e6d2;--orange:#e2611f;--brown:#3b2116;--red:#a8321f;--mustard:#e0a33a;color:var(--brown);background:var(--cream) url(/media/paper.jpg) center / 900px;-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}body{margin:0}::selection{background:var(--orange);color:var(--cream)}html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}.kicker{letter-spacing:.16em;text-transform:uppercase;color:var(--orange);margin:0 0 1.2rem;font-family:DM Mono,monospace;font-size:12px}h2{font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.02em;margin:0 0 6vh;font-family:Fraunces,serif;font-size:clamp(44px,6.5vw,108px);font-weight:800;line-height:.92}.nav{z-index:20;mix-blend-mode:multiply;justify-content:space-between;align-items:center;padding:22px clamp(20px,4vw,56px);display:flex;position:fixed;top:0;left:0;right:0}.nav__logo{font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:.02em;font-family:Fraunces,serif;font-size:20px;font-weight:900}.nav nav{text-transform:uppercase;letter-spacing:.12em;gap:26px;font-family:DM Mono,monospace;font-size:12px;display:flex}.nav a{color:var(--brown);text-decoration:none}.nav a:hover{color:var(--orange)}.hero{grid-template-columns:1fr 1fr;align-items:center;min-height:100svh;padding:90px clamp(20px,4vw,56px) 40px;display:grid;position:relative;overflow:hidden}.hero__title{transform:scale(calc(1 + var(--beat,0) * .035));transform-origin:0;z-index:1;font-variation-settings:"SOFT" 100, "WONK" 1;letter-spacing:-.045em;color:var(--orange);text-shadow:6px 6px 0 var(--brown);margin:0;font-family:Fraunces,serif;font-size:clamp(90px,15vw,270px);font-weight:900;line-height:.82;position:relative}.hero__title span{display:block}.hero__title span:last-child{color:var(--red);padding-left:.4em;font-style:italic}.hero__deck{aspect-ratio:1;justify-self:center;width:min(100%,78vh);position:relative}.hero__sleeve{box-shadow:18px 22px 0 var(--brown);filter:sepia(.25)saturate(1.1);background-position:30%;background-size:cover;position:absolute;inset:12% 30% 12% -10%}.vinyl{touch-action:none;position:absolute;inset:0}.hero__controls{flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:28px;font-family:DM Mono,monospace;font-size:13px;display:flex}.hero__now{align-items:center;gap:10px;min-width:260px;margin:0;display:flex}.dot{background:var(--brown);opacity:.35;border-radius:50%;width:10px;height:10px}.dot.on{background:var(--red);opacity:1;transform:scale(calc(1 + var(--beat,0) * 1.4))}@keyframes pulse{50%{opacity:.6;transform:scale(1.6)}}.needle-btn{background:var(--brown);color:var(--cream);letter-spacing:.12em;text-transform:uppercase;box-shadow:4px 4px 0 var(--orange);cursor:pointer;border:0;border-radius:999px;padding:18px 30px;font:13px DM Mono,monospace;transition:transform .2s,box-shadow .2s}.needle-btn:hover{box-shadow:6px 6px 0 var(--orange);transform:translate(-2px,-2px)}.needle-btn:disabled{opacity:.6}.hero__tip{opacity:.6;margin:0}.intro{grid-template-columns:1.1fr 1fr;align-items:center;gap:5vw;padding:16vh clamp(20px,4vw,56px);display:grid}.intro img{aspect-ratio:4/3;object-fit:cover;filter:sepia(.2);border-radius:46% 46% 6px 6px/30% 30% 6px 6px;width:100%}.intro__text{font-variation-settings:"SOFT" 100;margin:0;font-family:Fraunces,serif;font-size:clamp(26px,3vw,44px);line-height:1.15}.records{background:var(--brown);color:var(--cream);padding:14vh clamp(20px,4vw,56px) 18vh}.records h2{color:var(--mustard)}.records__grid{grid-template-columns:repeat(3,1fr);gap:3vw;display:grid}.record__art{aspect-ratio:1;margin-right:18%;position:relative}.record__sleeve{background-size:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;box-shadow:10px 12px #00000059}.record__disc{background:repeating-radial-gradient(circle,#171413 0 1px,#0e0c0c 1px 3px);border-radius:50%;transition:transform .7s cubic-bezier(.2,.8,.2,1);position:absolute;inset:4%;box-shadow:inset 0 0 0 2px #0b0a0a}.record__disc:after{content:"";background:var(--cover) center / cover;border-radius:50%;position:absolute;inset:33%;box-shadow:0 0 0 3px #0b0a0a}.record:hover .record__disc,.record.is-playing .record__disc{transform:translate(34%)rotate(120deg)}.record.is-playing .record__disc{animation:1.8s linear infinite spin}@keyframes spin{0%{transform:translate(34%)rotate(0)}to{transform:translate(34%)rotate(360deg)}}.record.is-playing .record__sleeve{transform:scale(calc(1 + var(--beat,0) * .03))}.record:hover .record__sleeve{transform:rotate(-2deg)translateY(-6px)}.record__meta{justify-content:space-between;align-items:baseline;margin-top:26px;display:flex}.record h3{font-variation-settings:"SOFT" 100, "WONK" 1;margin:0;font-family:Fraunces,serif;font-size:clamp(24px,2.2vw,34px);font-weight:800}.record__meta span{opacity:.6;font:12px DM Mono,monospace}.record p{opacity:.75;line-height:1.5}.record button{border:1px solid var(--cream);color:var(--cream);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:999px;padding:12px 20px;font:12px DM Mono,monospace}.record button:hover,.record.is-playing button{background:var(--orange);border-color:var(--orange)}.tour{color:var(--cream);background:#120b08;position:relative;overflow:hidden}.tour__video{object-fit:cover;opacity:.38;width:100%;height:100%;position:absolute;inset:0}.tour__inner{padding:16vh clamp(20px,4vw,56px);position:relative}.tour h2{color:var(--orange)}.board{gap:10px;display:grid}.board__row{border-bottom:1px solid #f1e6d226;grid-template-columns:1fr 1.4fr 1.6fr auto;align-items:center;gap:2vw;padding:10px 0;display:grid}.flap{gap:3px;font-family:DM Mono,monospace;font-size:clamp(14px,1.6vw,22px);display:inline-flex}.flap__cell{text-align:center;width:1.05em;color:var(--mustard);background:#1d1410 linear-gradient(#0000 49%,#0000008c 50%,#0000 51%);border-radius:3px;padding:.35em 0;display:inline-block;box-shadow:inset 0 -1px #0009,inset 0 1px #ffffff0d}.board__status{text-decoration:none}.board__status .flap__cell{background-color:var(--orange);color:var(--cream)}.board__status.off .flap__cell{color:#f1e6d273;background-color:#3a2a22}.live{min-height:110vh;color:var(--cream);place-items:end start;padding:10vh clamp(20px,4vw,56px);display:grid;position:relative;overflow:hidden}.live__img{filter:sepia(.2)contrast(1.05);background-position:50%;background-size:cover;position:absolute;inset:0}.live__img:after{content:"";background:linear-gradient(#0000 40%,#120b08d9);position:absolute;inset:0}.live blockquote{font-variation-settings:"SOFT" 100, "WONK" 1;max-width:18ch;margin:0;font-family:Fraunces,serif;font-size:clamp(36px,5vw,84px);font-style:italic;font-weight:700;line-height:1;position:relative}.live cite{letter-spacing:.1em;text-transform:uppercase;opacity:.7;margin-top:2rem;font:13px DM Mono,monospace;display:block}.footer{padding:10vh 0 5vh;overflow:hidden}.footer__marquee{white-space:nowrap;font-variation-settings:"SOFT" 100, "WONK" 1;color:var(--orange);font-family:Fraunces,serif;font-size:clamp(60px,10vw,170px);font-weight:900;line-height:1;display:flex}.footer__marquee span{padding-right:.3em;animation:30s linear infinite marquee}@keyframes marquee{to{transform:translate(-100%)}}.footer__list{max-width:640px;padding:6vh clamp(20px,4vw,56px) 0}.footer__list label{letter-spacing:.14em;text-transform:uppercase;margin-bottom:14px;font:12px DM Mono,monospace;display:block}.footer__list div{border-bottom:2px solid var(--brown);display:flex}.footer__list input{color:var(--brown);background:0 0;border:0;outline:none;flex:1;padding:10px 0;font:22px Fraunces,serif}.footer__list button{text-transform:uppercase;letter-spacing:.12em;color:var(--orange);cursor:pointer;background:0 0;border:0;font:13px DM Mono,monospace}.footer__note{opacity:.55;padding:4vh clamp(20px,4vw,56px) 0;font:11px DM Mono,monospace}@media (width<=820px){.hero{grid-template-columns:1fr}.hero__deck{width:100%}.intro,.records__grid{grid-template-columns:1fr}.board__row{grid-template-columns:1fr 1fr}.nav nav{display:none}}@media (prefers-reduced-motion:reduce){.footer__marquee span,.record.is-playing .record__disc{animation:none}}.mini{z-index:30;background:var(--brown);color:var(--cream);box-shadow:6px 6px 0 var(--orange);border-radius:999px;align-items:center;gap:16px;padding:10px 14px 10px 10px;transition:transform .6s cubic-bezier(.2,.8,.2,1);display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%,160%)}.mini.is-on{transform:translate(-50%)}.mini__disc{cursor:grab;touch-action:none;background:repeating-radial-gradient(circle,#171413 0 1px,#0e0c0c 1px 3px);border-radius:50%;flex:none;width:54px;height:54px;position:relative}.mini__disc:after{content:"";background:var(--cover) center / cover;border-radius:50%;position:absolute;inset:32%}.mini__disc:active{cursor:grabbing}.mini__info{flex-direction:column;min-width:150px;display:flex}.mini__label{letter-spacing:.14em;text-transform:uppercase;opacity:.6;font:10px DM Mono,monospace}.mini__title{font-variation-settings:"SOFT" 100, "WONK" 1;font-family:Fraunces,serif;font-size:18px;font-weight:800}.mini__eq{align-items:flex-end;gap:3px;height:28px;display:flex}.mini__eq span{background:var(--orange);transform-origin:bottom;border-radius:2px;width:4px;height:100%;transform:scaleY(.12)}.mini__btn{width:40px;height:40px;color:var(--cream);cursor:pointer;background:0 0;border:1px solid #f1e6d266;border-radius:50%;font-size:13px}.mini__btn:hover{background:var(--orange);border-color:var(--orange)}@media (width<=600px){.mini__eq{display:none}.mini__info{min-width:110px}}.has-cursor,.has-cursor *{cursor:none!important}.cursor{z-index:1000;pointer-events:none;position:fixed;top:0;left:0}.cursor__disc{background:radial-gradient(circle, var(--orange) 0 24%, #111 25% 30%, transparent 31%), repeating-radial-gradient(circle, #1b1716 0 1px, #0e0c0c 1px 3px);width:22px;height:22px;transform:rotate(var(--spin));box-shadow:2px 2px 0 var(--orange);border-radius:50%;transition:width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1),left .35s cubic-bezier(.2,.8,.2,1),top .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:-11px;left:-11px}.cursor.is-hot .cursor__disc{width:84px;height:84px;top:-42px;left:-42px}.cursor__word{opacity:0;letter-spacing:.12em;text-transform:uppercase;color:var(--cream);background:var(--orange);white-space:nowrap;border-radius:999px;padding:3px 7px;font:11px DM Mono,monospace;transition:opacity .2s,transform .35s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.6)}.cursor.is-hot .cursor__word{opacity:1;transform:translate(-50%,-50%)scale(1)}.sunburst{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, var(--orange) 0 6deg, var(--mustard) 6deg 12deg, var(--cream) 12deg 18deg);opacity:.9;width:130vh;translate:0 -50%;rotate:calc(var(--platter,0deg) * .15);scale:calc(1 + var(--beat,0) * .04);border-radius:50%;transition:opacity 1.2s,scale 80ms;position:absolute;top:50%;right:-18vw;-webkit-mask:radial-gradient(circle,#0000 0 18%,#000 18.5% 62%,#0000 70%);mask:radial-gradient(circle,#0000 0 18%,#000 18.5% 62%,#0000 70%)}main:not(.is-loaded) .sunburst{opacity:0;scale:.6}.hero__title{color:var(--cream);font-size:clamp(90px,14vw,250px);text-shadow:none!important;transform:none!important}.hero__title .hero__line{white-space:nowrap;color:var(--cream);padding-left:0;display:block}.hero__title .hero__line--2{padding-left:.35em;font-style:italic}.ltr{color:var(--cream);text-shadow:3px 3px 0 var(--mustard), 6px 6px 0 var(--mustard), 9px 9px 0 var(--orange), 12px 12px 0 var(--orange), 15px 15px 0 var(--red), 18px 18px 0 var(--red), 21px 21px 0 var(--brown), 24px 24px 0 var(--brown);-webkit-text-stroke:2px var(--brown);transform:translateY(calc(var(--beat,0) * -9px));transition:transform 70ms;display:inline-block}.ltr:nth-child(2n){transform:translateY(calc(var(--beat,0) * -4px))}main:not(.is-loaded) .ltr{opacity:0}.is-loaded .ltr{animation:.9s cubic-bezier(.34,1.56,.64,1) both ltr-in;animation-delay:calc(var(--i) * 55ms + .25s)}@keyframes ltr-in{0%{opacity:0;transform:translateY(110%)rotate(-12deg)}to{opacity:1}}.hero__deck{z-index:2}.hero__vinyl{position:absolute;inset:0}.is-loaded.is-intro .hero__vinyl{animation:1.3s cubic-bezier(.34,1.3,.64,1) .15s both drop}@keyframes drop{0%{opacity:0;transform:translateY(-70vh)rotate(-140deg)scale(.7)}30%{opacity:1}}.is-loaded .hero__sleeve{animation:1s cubic-bezier(.2,.8,.2,1) 50ms both sleeve}@keyframes sleeve{0%{opacity:0;transform:translate(-40%)rotate(-6deg)}}.badge{width:26%;rotate:var(--platter,0deg);letter-spacing:.08em;fill:var(--cream);scale:calc(1 + var(--beat,0) * .08);font:600 15px DM Mono,monospace;position:absolute;bottom:2%;right:-4%}.badge circle{fill:var(--red);stroke:var(--brown);stroke-width:4px}.badge__mid{fill:var(--mustard);font-family:Fraunces,serif;font-size:34px;font-weight:900}.is-loaded .badge{animation:.8s cubic-bezier(.34,1.56,.64,1) 1.1s both pop}@keyframes pop{0%{transform:scale(0)}}.is-loaded .hero__controls{animation:.9s cubic-bezier(.2,.8,.2,1) 1.2s both fade-up}@keyframes fade-up{0%{opacity:0;transform:translateY(20px)}}.hero__now b{color:var(--red);font-weight:500}.stripes{z-index:3;margin:-4vh 0;display:grid;position:relative;overflow:hidden;transform:skewY(-3deg)}.stripes span{height:22px;transform:translateX(calc((var(--p,0) - .5) * 60% * var(--dir,1)))}.stripes span:first-child{background:var(--mustard);--dir:1}.stripes span:nth-child(2){background:var(--orange);--dir:-1}.stripes span:nth-child(3){background:var(--red);--dir:1.4}.stripes span:nth-child(4){background:var(--brown);--dir:-.8}.words span{opacity:.16;transition:opacity .35s}.words span.on{opacity:1}.intro__img{z-index:0;position:relative}.intro__img:before{content:"";background:repeating-linear-gradient(0deg, var(--orange) 0 14px, var(--mustard) 14px 28px);z-index:-1;border-radius:46% 46% 6px 6px/30% 30% 6px 6px;position:absolute;inset:6% -4% -4% 6%}.records__grid{perspective:1200px}.record{transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .4s cubic-bezier(.2,.8,.2,1),opacity .9s,translate .9s cubic-bezier(.2,.8,.2,1);transition-delay:0s, var(--d), var(--d);opacity:0;transform-style:preserve-3d;translate:0 60px}.record.is-in{opacity:1;translate:0}.record .record__genre{letter-spacing:.12em;text-transform:uppercase;color:var(--mustard);opacity:1;margin:8px 0 0;font:11px DM Mono,monospace}.live__img{transform:scale(calc(1.35 - var(--p,0) * .35))}.live blockquote .words span{opacity:.25}.live blockquote .words span.on{opacity:1}.live blockquote .words{margin:0}.footer{isolation:isolate;position:relative}.footer__sun{aspect-ratio:1;background:repeating-radial-gradient(circle, var(--orange) 0 3vw, var(--mustard) 3vw 6vw, var(--red) 6vw 9vw);opacity:.25;z-index:-1;border-radius:50%;width:80vw;position:absolute;bottom:-40vw;left:50%;translate:-50%}@media (width<=820px){.sunburst{width:120vw;top:62%;right:-40vw}.ltr{text-shadow:2px 2px 0 var(--mustard), 4px 4px 0 var(--orange), 6px 6px 0 var(--red), 8px 8px 0 var(--brown)}}@media (prefers-reduced-motion:reduce){.is-loaded .ltr,.is-loaded .hero__vinyl,.is-loaded .hero__sleeve,.is-loaded .badge{animation:none}}.hero__title .ltr:last-child{color:var(--cream);font-style:inherit;padding-left:0}.hero__title .ltr{display:inline-block}.nav{mix-blend-mode:difference;color:var(--cream)}.nav a,.nav__logo{color:var(--cream)}html,body{overflow-x:clip}.hero__vinyl.is-swap-out{animation:.65s cubic-bezier(.55,0,.75,.3) both swap-out!important}.hero__vinyl.is-swap-in{animation:.9s cubic-bezier(.34,1.3,.64,1) both swap-in!important}@keyframes swap-out{to{opacity:0;transform:translateY(-85vh)rotate(160deg)scale(.8)}}@keyframes swap-in{0%{opacity:0;transform:translateY(-85vh)rotate(-160deg)scale(.8)}35%{opacity:1}}