.experiments{gap:56px;display:grid}.experiment{color:var(--ink);text-decoration:none;display:block}.experiment-art{background:var(--wash);perspective:1000px;justify-content:center;align-items:center;height:350px;display:flex;overflow:hidden}.experiment-art img{aspect-ratio:1;object-fit:cover;width:31%;max-width:235px;transform:translateX(calc((1 - var(--i)) * 22px)) rotateY(-22deg) rotateZ(calc((var(--i) - 1) * 8deg));transition:transform .5s;box-shadow:8px 20px 28px #0003}.experiment:hover img{transform:translateY(-10px) rotateY(0deg) rotateZ(calc((var(--i) - 1) * 12deg))}.experiment-caption{justify-content:space-between;gap:20px;padding-top:20px;display:flex}.experiment-caption h2{margin:0 0 6px;font-size:1.2rem;font-weight:500}.experiment-caption p{color:var(--graphite);margin:0}.experiment-caption h2 span{margin-left:8px;display:inline-block}.album-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.album-heading>.label{white-space:nowrap;padding-top:8px}.deck:focus-visible,.experiment:focus-visible{outline:2px solid var(--ink);outline-offset:4px}@media (width<=767px){.album-heading{display:block}.album-heading>.label{margin-top:20px;display:block}.experiment-art{height:260px}.experiment-caption{display:block}.experiment-caption>.label{margin-top:12px;display:block}}@media (prefers-reduced-motion:reduce){.experiment *{transition:none!important;animation:none!important}}.lab{--edge:max(clamp(1.25rem, 4vw, 2.5rem), calc((100vw - 62rem) / 2 + clamp(1.25rem, 4vw, 2.5rem)));width:100vw;margin:0 calc(50% - 50vw) 64px}body{overflow-x:clip}.lab-toolbar{padding:20px var(--edge);flex-direction:column;align-items:flex-start;gap:16px;display:flex}.lab-tabs{scrollbar-width:none;align-self:stretch;gap:8px;min-width:0;margin:-2px;padding:2px;display:flex;overflow-x:auto}.lab-tabs::-webkit-scrollbar{display:none}.lab-tabs button{border:1px solid var(--mist);color:var(--graphite);border-radius:999px;flex:none;padding:8px 16px;font-size:.85rem;transition:color .15s,background .15s}.lab-tabs button:hover{color:var(--ink);border-color:var(--graphite)}.lab-tabs button[aria-pressed=true]{color:var(--paper);background:var(--ink);border-color:var(--ink)}.lab-check{color:var(--graphite);cursor:pointer;align-items:center;gap:8px;font-size:.8rem;display:inline-flex}.lab-check input,.lab input[type=range]{accent-color:var(--ink)}.lab-stage{place-items:center;min-height:460px;padding:48px 24px 64px;display:grid;position:relative}.lab-hint{text-align:center;color:var(--graphite);pointer-events:none;font-size:.8rem;position:absolute;bottom:20px;left:0;right:0}.lab-controls{padding:24px var(--edge) 32px;flex-wrap:wrap;align-items:flex-end;gap:20px 32px;display:flex}.lab-field{min-width:12rem;color:var(--graphite);font-variant-numeric:tabular-nums;gap:8px;font-size:.8rem;display:grid}.lab-field input:not([type=range]){background:var(--wash);width:100%;color:var(--ink);border:1px solid #0000;border-radius:999px;padding:.6rem 1rem;font-size:1rem}.lab-field input:not([type=range]):focus{background:var(--paper);border-color:var(--ink);outline:none}.lab-reset{color:var(--ink);background:var(--wash);border-radius:999px;align-self:center;padding:8px 16px;font-size:.85rem}.link.lab-reset{text-decoration:none}@supports (transition-timing-function:linear(0, 1)){.bar,.morph,.art-morph{--ease-spring:var(--spring)}}.scene{background:linear-gradient(#141a33 0%,#34325e 28%,#a5506f 52%,#ec8a58 66%,#f7bd78 71%);position:absolute;inset:0;overflow:hidden}.scene span{position:absolute}.scene-sun{aspect-ratio:1;background:radial-gradient(#fff7dc,#ffd58f 55%,#ffad66);border-radius:50%;width:13%;top:60%;left:57%;translate:-50% -50%;box-shadow:0 0 80px 30px #ffb36b70}.scene-hill{left:0;right:0}.scene-hill.far{clip-path:polygon(0 70%,12% 38%,24% 58%,38% 22%,52% 64%,66% 42%,80% 60%,92% 30%,100% 52%,100% 100%,0 100%);background:#8a4c6c;height:21%;bottom:29%}.scene-hill.near{clip-path:polygon(0 40%,8% 30%,20% 55%,34% 62%,50% 80%,70% 72%,84% 46%,93% 24%,100% 30%,100% 100%,0 100%);background:#3b2442;height:12%;bottom:29%}.scene-lighthouse{background:#3b2442;border-radius:2px 2px 0 0;width:1.6%;height:13%;bottom:37%;right:7%}.scene-lighthouse:after{content:"";aspect-ratio:1;background:#ffe9b0;border-radius:50%;width:260%;position:absolute;top:6%;left:50%;translate:-50% -50%;box-shadow:0 0 18px 6px #ffe1a0aa}.scene-sea{background:linear-gradient(#6a3d62,#2a1f3f 45%,#161329);height:30%;bottom:0;left:0;right:0}.scene-glint{opacity:.55;filter:blur(.6px);background:repeating-linear-gradient(#0000 0 7px,#ffd59a 7px 9px);width:9%;height:27%;bottom:2%;left:57%;translate:-50%;-webkit-mask-image:linear-gradient(#000,#0000);mask-image:linear-gradient(#000,#0000)}.scene-figure{background:#1c1328;border-radius:40% 40% 10% 10%;width:1.1%;height:7%;bottom:28%;left:15%}.scene-figure:before{content:"";aspect-ratio:1;background:#1c1328;border-radius:50%;width:120%;position:absolute;bottom:100%;left:50%;translate:-50% 20%}.bar{z-index:2;transition-property:height,width;transition-duration:.6s;transition-timing-function:cubic-bezier(.2,.7,.1,1);transition-duration:var(--spring-ms,.6s);transition-timing-function:var(--ease-spring,cubic-bezier(.2, .7, .1, 1));background:#000;position:absolute}.bar-top,.bar-bottom{height:var(--letter);left:0;right:0}.bar-top{top:0}.bar-bottom{bottom:0}.bar-left,.bar-right{width:var(--pillar);top:0;bottom:0}.bar-left{left:0}.bar-right{right:0}.ratio-stage{text-align:left;padding-inline:var(--edge);align-content:center;justify-items:start;gap:28px}.ratio-frame{aspect-ratio:16/9;cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#000;border-radius:3px;width:min(100%,720px);position:relative;overflow:hidden;box-shadow:0 30px 60px -30px #0007}.ratio-frame:focus-visible{outline:2px solid var(--ink);outline-offset:4px}.grain{z-index:3;pointer-events:none;opacity:.3;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:.5s step-end infinite grain;position:absolute;inset:-50%}@keyframes grain{0%{translate:0}20%{translate:-6% 4%}40%{translate:5% -7%}60%{translate:-3% -5%}80%{translate:7% 3%}}.ratio-readout{justify-items:start;gap:2px;display:grid}.ratio-readout strong{letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-size:1.75rem;font-weight:500}.ratio-readout span{color:var(--graphite);font-size:.875rem}.type-stage{cursor:crosshair;touch-action:pan-y;-webkit-user-select:none;user-select:none;overflow:hidden}.type-word{text-align:center;letter-spacing:-.03em;overflow-wrap:anywhere;max-width:100%;font-size:clamp(3rem,1rem + 8vw,7.5rem);line-height:1.05}.type-word span{font-weight:var(--w,400);font-variation-settings:"wght" var(--w,400);transition:font-variation-settings .35s cubic-bezier(.2,.7,.1,1),font-weight .35s cubic-bezier(.2,.7,.1,1)}.type-word .type-placeholder{color:var(--graphite)}.morph-stage{min-height:340px}.morph{background:var(--ink);min-width:48px;height:48px;color:var(--paper);white-space:nowrap;transition-property:width,background-color,color,padding;transition-duration:.5s;transition-duration:var(--spring-ms,.5s);transition-timing-function:var(--ease-spring,cubic-bezier(.2, .7, .1, 1));border-radius:99px;place-items:center;padding:0 22px;font-weight:500;display:inline-grid;position:relative;overflow:hidden}.morph[data-state=loading]{cursor:progress;padding:0}.morph[data-state=done]{background:var(--marigold);color:var(--on-marigold);cursor:default}.morph[data-state=failed]{color:#fff;background:#c2261d;animation:.42s cubic-bezier(.3,0,.3,1) shake}.morph:focus-visible{outline-offset:4px;border-radius:99px}.morph-face{grid-area:1/1;align-items:center;gap:8px;display:inline-flex}.morph>.morph-face{grid-area:auto;width:max-content;transition:opacity .2s,filter .25s,scale .3s cubic-bezier(.2,.7,.1,1);position:absolute;top:50%;left:50%;translate:-50% -50%}.morph>.morph-face[data-active=false]{opacity:0;filter:blur(4px);scale:.85}.morph-spinner{animation:.8s linear infinite spin}.morph-check path{stroke-dasharray:16;stroke-dashoffset:16px}.morph>.morph-face[data-active=true] .morph-check path{stroke-dashoffset:0;transition:stroke-dashoffset .4s cubic-bezier(.3,.7,.2,1) .12s}.morph:not([data-ready])>.morph-face[data-active=true]{position:static;translate:none}.morph-measure{visibility:hidden;pointer-events:none;height:0;position:absolute;overflow:hidden}.morph-measure .morph{width:auto}.morph-measure .morph-face{position:static;translate:none}@keyframes spin{to{rotate:1turn}}@keyframes shake{20%{translate:-6px}40%{translate:5px}60%{translate:-3px}80%{translate:2px}}.morph-controls{justify-content:space-between;align-items:center}.morph-sliders{flex-wrap:wrap;align-items:flex-end;gap:20px 28px;display:flex}.curve{gap:6px;width:240px;margin:0;display:grid}.curve svg{width:100%;height:auto;overflow:visible}.curve path{fill:none;stroke:var(--ink);stroke-width:1.5px}.curve-target{stroke:var(--marigold);stroke-dasharray:3 3}.curve figcaption{color:var(--graphite);font-variant-numeric:tabular-nums;font-size:.8rem}.art-frame{aspect-ratio:16/9;background:#000;border-radius:3px;width:min(72%,440px);position:relative;overflow:hidden;box-shadow:0 24px 40px -24px #0008}.experiment:hover .art-frame,.experiment:focus-visible .art-frame{--letter:0%!important;--pillar:12.5%!important}.art-word{letter-spacing:-.03em;font-size:clamp(3.5rem,2rem + 6vw,6rem)}.art-word span{--w:calc(400 + var(--i) * 100);font-weight:var(--w);font-variation-settings:"wght" var(--w);transition:font-variation-settings .5s cubic-bezier(.2,.7,.1,1),font-weight .5s cubic-bezier(.2,.7,.1,1);transition-delay:calc(var(--i) * 40ms)}.experiment:hover .art-word span,.experiment:focus-visible .art-word span{--w:calc(900 - var(--i) * 100)}.art-morph{background:var(--ink);width:10.5rem;height:52px;color:var(--paper);white-space:nowrap;transition:width .5s cubic-bezier(.2,.7,.1,1);transition-duration:var(--spring-ms,.5s);transition-timing-function:var(--ease-spring,cubic-bezier(.2, .7, .1, 1));border-radius:99px;place-items:center;font-weight:500;display:grid;overflow:hidden}.art-morph>*{grid-area:1/1;transition:opacity .2s,filter .25s}.art-morph .morph-spinner{opacity:0;filter:blur(4px)}.experiment:hover .art-morph,.experiment:focus-visible .art-morph{width:52px}.experiment:hover .art-morph-label,.experiment:focus-visible .art-morph-label{opacity:0;filter:blur(4px)}.experiment:hover .art-morph .morph-spinner,.experiment:focus-visible .art-morph .morph-spinner{opacity:1;filter:none}@media (width<=767px){.lab-toolbar,.lab-controls{padding-inline:14px}.lab-stage{min-height:360px;padding:32px 14px 56px}.morph-stage{min-height:260px}.lab-field{flex:10rem;min-width:0}}@media (prefers-reduced-motion:reduce){.grain,.morph-spinner,.morph[data-state=failed]{animation:none!important}}.ratio-guide{gap:64px;max-width:40rem;display:grid}.ratio-guide article{opacity:.6;gap:16px;transition:opacity .3s;display:grid}.ratio-guide article[aria-current=true]{opacity:1}.ratio-guide header{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px 16px;display:flex}.ratio-guide h2{letter-spacing:-.02em;margin:0;font-size:1.5rem;font-weight:650}.ratio-guide h2 span{letter-spacing:0;color:var(--graphite);font-variant-numeric:tabular-nums;margin-left:12px;font-size:.875rem;font-weight:400}.ratio-guide p{margin:0;line-height:1.65}.ratio-guide .pill{background:var(--wash);color:var(--ink);border-radius:999px;padding:7px 14px;font-size:.85rem}.ratio-guide dl{gap:12px;margin:8px 0 0;display:grid}.ratio-guide dl>div{border-top:1px solid var(--mist);grid-template-columns:8rem 1fr;gap:16px;padding-top:12px;display:grid}.ratio-guide dt{color:var(--graphite);font-size:.875rem}.ratio-guide dd{margin:0;line-height:1.55}@media (width<=560px){.ratio-guide dl>div{grid-template-columns:1fr;gap:4px}}.ratio-stage .lab-hint{left:var(--edge);right:var(--edge);text-align:left}@media (width<=640px){.ratio-stage{padding-inline:var(--edge)}}.format-switch{gap:8px;display:flex}.format-switch button,.btn{border:1px solid var(--mist);color:var(--ink);border-radius:999px;padding:8px 16px;font-size:.85rem;transition:background .15s,border-color .15s,color .15s}.format-switch button:hover,.btn:hover{border-color:var(--graphite)}.format-switch button[aria-pressed=true],.btn.primary{background:var(--ink);border-color:var(--ink);color:var(--paper)}.btn.icon{text-align:center;width:38px;padding:8px 0}.player-stage{padding:24px var(--edge) 48px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:48px 56px;display:grid}.deck{--s:min(330px, calc((100vw - 2 * var(--edge)) / 1.7));--c:calc(var(--s) * .86);--rx:0deg;--ry:0deg;width:calc(var(--s) * 1.66);height:var(--s);perspective:1600px;touch-action:pan-y;cursor:grab;outline-offset:12px;border-radius:6px;position:relative}.deck:active{cursor:grabbing}.deck-body{transform-style:preserve-3d;transform:rotateX(var(--rx)) rotateY(var(--ry));transition:transform .6s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0}.deck:active .deck-body{transition-duration:.1s}.face{backface-visibility:hidden;position:absolute;inset:0}.face-back{transform:rotateY(180deg)}.disc-slot{width:var(--s);height:var(--s);transform:translate3d(calc(var(--s) * .03), 0, 1px);transition:transform .9s cubic-bezier(.3,.7,.2,1),opacity .3s;position:absolute;top:0;left:0}.deck[data-format=vinyl]:hover .disc-slot{transform:translate3d(calc(var(--s) * .09), 0, 1px)}.deck[data-format=vinyl][data-playing=true] .disc-slot{transform:translate3d(calc(var(--s) * .55), 0, 1px)}.deck[data-flipped=true] .disc-slot{opacity:0}.disc{border-radius:50%;position:absolute;inset:0}.disc-spin{border-radius:50%;animation:1.8s linear infinite paused disc-spin;position:absolute;inset:0}.deck[data-playing=true] .disc-spin{animation-play-state:running}@keyframes disc-spin{to{rotate:1turn}}.disc-sheen{pointer-events:none;border-radius:50%;position:absolute;inset:0}.disc-vinyl{box-shadow:0 12px 30px #00000047;-webkit-mask:radial-gradient(circle,#0000 0 1.6%,#000 1.8%);mask:radial-gradient(circle,#0000 0 1.6%,#000 1.8%)}.disc-vinyl .disc-spin{background:radial-gradient(circle,#0000 0 33%,#0b0b0c 33.5% 36%,#0000 36% 69%,#45464d 69.6% 70.7%),repeating-radial-gradient(circle,#151517 0 1.4px,#202024 1.4px 2.8px)}.disc-label{text-align:center;font-size:calc(var(--s) * .026);border-radius:50%;align-content:center;justify-items:center;gap:2px;padding:14%;line-height:1.2;display:grid;position:absolute;inset:33.5%}.disc-label span:first-child{font-weight:600}.disc-label span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.disc-vinyl .disc-sheen{background:conic-gradient(from 20deg, transparent 0 6%, #ffffff21 11%, transparent 17% 56%, #ffffff1a 61%, transparent 67%)}.deck[data-format=cd] .disc-slot{width:calc(var(--c) * .92);height:calc(var(--c) * .92);left:calc(var(--c) * .15);top:calc((var(--s) - var(--c) * .92) / 2);transition-delay:0s;transform:translateZ(1px)}.deck[data-format=cd][data-playing=true] .disc-slot{transform:translate3d(calc(var(--c) * .8), 0, 1px);transition-delay:.25s}.disc-cd{box-shadow:0 8px 24px #0003;-webkit-mask:radial-gradient(circle,#0000 0 7%,#000 7.3%);mask:radial-gradient(circle,#0000 0 7%,#000 7.3%)}.disc-cd .disc-spin{background:radial-gradient(circle,#ffffff59 0 15%,#b9bcc4 15.4% 16.2%,#0000 16.5% 97.5%,#a9acb4 98%),radial-gradient(circle,#e7e9ee 18%,#d2d5dc 62%,#eceef2 96%);animation-duration:.7s}.disc-print{white-space:nowrap;font-size:calc(var(--c) * .028);color:#4a4d55;letter-spacing:.02em;position:absolute;top:21%;left:50%;translate:-50%}.disc-cd .disc-sheen{mix-blend-mode:multiply;opacity:.9;background:conic-gradient(from 210deg,#ffd6ec,#fff 9%,#c7ecff 17%,#fff 25%,#e4ffcc 33%,#fff 42%,#ffe9c2 50%,#fff 58%,#ffd6ec 67%,#fff 75%,#c7ecff 84%,#fff 92%,#ffd6ec)}.sleeve{width:var(--s);height:var(--s);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);position:absolute;top:0;left:0;transform:translateZ(2px)rotateY(0)}.deck[data-flipped=true] .sleeve{transform:translateZ(2px)rotateY(180deg)}.sleeve .face-front{border-radius:2px;overflow:hidden;box-shadow:0 1px 2px #0000001f,0 22px 44px -12px #00000061}.face-front img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;height:100%}.sleeve-shine{translate:calc(var(--ry) * -2) 0;background:linear-gradient(115deg,#0000 30%,#ffffff29 45%,#0000 58%);transition:translate .6s;position:absolute;inset:0}.tonearm{left:calc(var(--s) * 1.58);top:calc(var(--s) * .04);position:absolute;transform:translateZ(4px)}.arm-pivot{width:calc(var(--s) * .1);aspect-ratio:1;background:radial-gradient(circle,#8d9099 0 22%,#d4d6dc 24% 60%,#b8bbc3 62%);border-radius:50%;position:absolute;translate:-50% -50%;box-shadow:0 4px 10px #0003}.arm{width:4px;height:calc(var(--s) * .68);transform-origin:50% 0;background:linear-gradient(90deg,#a9acb4,#e6e7eb,#a9acb4);border-radius:2px;transition:rotate .9s cubic-bezier(.4,.2,.2,1);position:absolute;top:0;left:-2px;rotate:-6deg;box-shadow:4px 6px 8px #00000026}.deck[data-playing=true] .arm{transition-delay:.5s;rotate:22deg}.arm-head{width:calc(var(--s) * .05);height:calc(var(--s) * .085);background:#2a2b30;border-radius:2px;position:absolute;bottom:0;left:50%;translate:-50% 40%}.case{left:0;top:calc((var(--s) - var(--c)) / 2);width:calc(var(--c) * 1.13);height:var(--c);transform-style:preserve-3d;transition:transform .8s cubic-bezier(.3,.7,.2,1);position:absolute;transform:rotateY(0)}.deck[data-flipped=true] .case{transform:rotateY(180deg)}.case-tray{backface-visibility:hidden;background:radial-gradient(circle at 54.5%,#3a3c42 0 4%,#1d1e22 4.5% 9%,#0000 9.5%),#26272c;border-radius:3px;position:absolute;inset:0;box-shadow:0 22px 44px -12px #0006}.case-lid{transform-style:preserve-3d;transform-origin:0;transition:transform .7s cubic-bezier(.3,.7,.2,1) .35s;position:absolute;inset:0;transform:translateZ(3px)rotateY(0)}.deck[data-playing=true] .case-lid{transition-delay:0s;transform:translateZ(3px)rotateY(-100deg)}.lid-out,.lid-in{backface-visibility:hidden;border-radius:3px;position:absolute;inset:0}.lid-out{background:#f0f1f440;grid-template-columns:8% 1fr;display:grid;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff8c,0 1px 2px #0003}.case-hinge{background:repeating-linear-gradient(#2e3036 0 3px,#44464d 3px 5px)}.lid-out img{object-fit:cover;-webkit-user-select:none;user-select:none;pointer-events:none;background:#121316;width:100%;height:100%;padding:3%}.case-shine{background:linear-gradient(125deg,#ffffff52 0 8%,#0000 22% 60%,#ffffff1f 70%,#0000 82%);position:absolute;inset:0}.lid-in{color:#17181c;font-size:calc(var(--c) * .05);visibility:hidden;background:#f3f3f5;align-content:end;gap:2px;padding:10%;transition:visibility 0s 1.05s;display:grid;transform:rotateY(180deg)}.deck[data-playing=true] .lid-in{visibility:visible;transition-delay:0s}.lid-in span{color:#62656e}.sleeve-back{color:#17181c;background:#f6f6f7;border-radius:2px;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 22px 44px -12px #00000061}.sleeve-back-body{font-size:calc(var(--s) * .04);flex:1;align-content:start;gap:6px;padding:9%;line-height:1.45;display:grid}.sleeve-back-cd .sleeve-back-body{font-size:calc(var(--c) * .042);padding:7%}.sleeve-back-body strong{letter-spacing:-.02em;font-size:1.5em;font-weight:650;line-height:1.15}.sleeve-back-body span,.sleeve-back-body small{color:#62656e}.sleeve-back-body p{margin:.6em 0 0}.sleeve-back-body small{margin-top:auto;font-size:.8em}.sleeve-back-spine{writing-mode:vertical-rl;width:8%;font-size:calc(var(--c) * .032);white-space:nowrap;place-items:center;display:grid;overflow:hidden}.sleeve-back-spine:first-child{rotate:180deg}.player-info{justify-items:start;max-width:26rem;display:grid}.player-count{color:var(--graphite);font-variant-numeric:tabular-nums;margin:0 0 12px;font-size:.875rem}.player-info h2{letter-spacing:-.025em;margin:0;font-size:clamp(1.6rem,3vw,2.1rem);font-weight:650;line-height:1.1}.player-artist{color:var(--graphite);margin:6px 0 0;font-size:1.125rem}.player-note{margin:20px 0 0;line-height:1.6}.player-info dl{gap:8px;width:100%;margin:20px 0 0;display:grid}.player-info dl>div{border-top:1px solid var(--mist);grid-template-columns:5rem 1fr;gap:12px;padding-top:8px;font-size:.9rem;display:grid}.player-info dt{color:var(--graphite)}.player-info dd{margin:0}.player-actions{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.player-step{gap:8px;display:flex}.player-listen{color:var(--graphite);margin-top:16px;font-size:.9rem}.shelf{scrollbar-width:none;padding:16px var(--edge) 24px;gap:10px;display:flex;overflow-x:auto}.shelf::-webkit-scrollbar{display:none}.shelf button{flex:none;transition:translate .25s cubic-bezier(.3,.7,.2,1),box-shadow .25s}.shelf-vinyl button{aspect-ratio:1;border-radius:2px;width:64px;overflow:hidden;box-shadow:0 1px 3px #00000026}.shelf-vinyl img{object-fit:cover;width:100%;height:100%}.shelf-cd{align-items:flex-end;gap:3px;min-height:236px}.shelf-cd button{writing-mode:vertical-rl;white-space:nowrap;border-radius:2px;align-items:center;width:28px;height:200px;padding:10px 0;font-size:.72rem;display:flex;overflow:hidden;box-shadow:inset -1px 0 #0000001f}.shelf-cd span{text-overflow:ellipsis;overflow:hidden}.shelf-cd b{font-weight:650}.shelf button:hover{translate:0 -4px}.shelf button[aria-pressed=true]{box-shadow:0 0 0 2px var(--paper), 0 0 0 4px var(--ink);translate:0 -12px}@media (width<=860px){.player-stage{grid-template-columns:minmax(0,1fr);gap:32px}}@media (prefers-reduced-motion:reduce){.disc-spin{animation:none}.disc-slot,.sleeve,.case,.case-lid,.arm,.deck-body{transition-duration:10ms;transition-delay:0s}}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-ext-wght-normal-hsMS0n0O.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Schibsted Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 900;src:url(/assets/schibsted-grotesk-latin-wght-normal-Bb8VGrTG.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--paper:#fafafb;--ink:#17181c;--graphite:#62656e;--mist:#e4e5e9;--wash:#f0f1f4;--marigold:#ffc233;--on-marigold:#17181c;--font:"Schibsted Grotesk Variable", ui-sans-serif, system-ui, sans-serif;--rail:11rem;--gap:2rem;--ease:cubic-bezier(.2, .7, .1, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--paper:#131417;--ink:#ecedef;--graphite:#9a9da6;--mist:#2a2c32;--wash:#1d1e23;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:2rem}body{background:var(--paper);color:var(--ink);font:400 1rem/1.55 var(--font);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}::selection{background:var(--marigold);color:var(--on-marigold)}h1,h2,h3,p,ul,dl,dd,figure{margin:0}ul{padding:0;list-style:none}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit;letter-spacing:inherit;color:inherit}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:4px}kbd{font:inherit;border:1px solid var(--mist);border-radius:5px;padding:.05rem .35rem;font-size:.8125rem}.skip{background:var(--ink);color:var(--paper);z-index:10;border-radius:6px;padding:.5rem .75rem;position:absolute;top:-4rem;left:1rem}.skip:focus{top:1rem}.muted{color:var(--graphite)}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.link,.prose a,.statement a{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);text-decoration-color:color-mix(in srgb, currentColor 35%, transparent);transition:text-decoration-color .15s}.link:hover,.prose a:hover,.statement a:hover{text-decoration-color:currentColor}.page{flex-direction:column;max-width:62rem;min-height:100dvh;margin-inline:auto;padding-inline:clamp(1.25rem,4vw,2.5rem);display:flex}main{flex:1}.row{grid-template-columns:var(--rail) minmax(0, 1fr);column-gap:var(--gap);display:grid}.section{border-top:1px solid var(--mist);padding-block:2.5rem}.label{color:var(--graphite);align-self:start;font-size:.9375rem;font-weight:400;position:sticky;top:1.5rem}.label span{font-variant-numeric:tabular-nums;opacity:.7;margin-left:.4em}.site-header{view-transition-name:site-header;align-items:center;padding-block:2rem;font-size:.9375rem}.site-name{letter-spacing:normal;font-size:1rem;font-weight:400}.site-bar,.site-nav{align-items:center;gap:1.5rem;display:flex}.menu-button{display:none}.site-nav a{color:var(--graphite);transition:color .15s}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--ink)}.theme-toggle{width:2rem;height:2rem;color:var(--graphite);border-radius:50%;place-items:center;margin-left:auto;transition:color .15s,background .15s;display:grid}.theme-toggle:hover{color:var(--ink);background:var(--wash)}.theme-toggle svg{transition:transform .5s var(--ease)}[data-theme=dark] .theme-toggle svg{transform:rotate(180deg)}.intro{padding-block:clamp(2.5rem,8vw,5.5rem) clamp(2.5rem,6vw,4rem)}.statement{letter-spacing:-.022em;text-wrap:pretty;max-width:27em;font-size:clamp(1.5rem,1.05rem + 1.9vw,2.125rem);font-weight:500;line-height:1.22}.statement+.statement{color:var(--graphite);margin-top:.6em}.statement+.statement a{color:var(--ink)}.project-description{letter-spacing:normal;max-width:38rem;color:var(--ink);margin-top:1rem;font-size:1.0625rem;font-weight:400;line-height:1.6}.back{color:var(--graphite);align-self:start;padding-top:.6rem;font-size:.9375rem}.back:hover{color:var(--ink)}.breadcrumbs{color:var(--graphite);margin-bottom:1.25rem;font-size:.9375rem}.breadcrumbs ol{flex-wrap:wrap;align-items:baseline;gap:.15rem 0;margin:0;padding:0;list-style:none;display:flex}.breadcrumbs li{overflow-wrap:anywhere;min-width:0}.breadcrumbs li+li:before{content:"/";opacity:.6;padding-inline:.6rem}.breadcrumbs a:hover{color:var(--ink);text-underline-offset:.2em;text-decoration:underline}.breadcrumbs [aria-current=page]{color:var(--ink)}.peek-link{position:relative}.peek{display:none}@media (hover:hover) and (pointer:fine) and (width>=48rem){.peek{background:var(--paper);border:1px solid var(--mist);letter-spacing:0;width:15rem;color:var(--graphite);opacity:0;visibility:hidden;transform-origin:50% 100%;transition:opacity .18s, transform .25s var(--ease), visibility .18s;pointer-events:none;z-index:5;border-radius:12px;padding:.375rem;font-size:.875rem;font-weight:400;line-height:1.4;display:block;position:absolute;bottom:calc(100% + .6rem);left:50%;transform:translate(-50%,6px)scale(.97);box-shadow:0 12px 32px -12px #00000047}.peek img{border-radius:7px}.peek-text{padding:.5rem .6rem;display:block}.peek-text strong{color:var(--ink);font-weight:500;display:block}.peek-link:hover .peek,.peek-link:focus-visible .peek{opacity:1;visibility:visible;transform:translate(-50%)scale(1)}}.lines{margin-block:-.5rem}.line{border-radius:8px;align-items:baseline;gap:1rem;margin-inline:-.75rem;padding:.5rem .75rem;transition:background .12s;display:flex}a.line:hover{background:var(--wash)}.line-title{font-weight:500}.line-note{color:var(--graphite);text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.line-end{color:var(--graphite);white-space:nowrap;margin-left:auto;font-size:.9375rem}.article-line{align-items:flex-start}.article-list-heading{gap:.15rem;display:grid}.article-list-date{color:var(--graphite);font-size:.875rem;font-weight:400}.article-date{color:var(--graphite);margin-top:.65rem;font-size:.9375rem;display:block}.article-date+.statement{color:var(--graphite);margin-top:.65rem}.more{color:var(--graphite);margin-top:1.25rem;display:inline-block}.more:hover{color:var(--ink)}.project{display:block}.project+.project{margin-top:2.5rem}.cover{background:#000;border-radius:10px;display:block;position:relative;overflow:hidden}.cover img{width:100%;transition:transform .6s var(--ease)}.project:hover .cover img{transform:scale(1.015)}.cover-chip{display:none}@media (hover:hover) and (pointer:fine){.cover-chip{background:var(--marigold);color:var(--on-marigold);white-space:nowrap;pointer-events:none;opacity:0;translate:calc(var(--x,0px) + 14px) calc(var(--y,0px) + 14px);transform-origin:0 0;transition:opacity .15s, scale .25s var(--ease);border-radius:99px;padding:.4rem .75rem;font-size:.875rem;font-weight:500;display:block;position:absolute;top:0;left:0;scale:.8}.cover:hover .cover-chip{opacity:1;scale:1}}.project .line{margin-top:.5rem}.project:hover .line{background:var(--wash)}.facts{gap:.6rem;max-width:38rem;display:grid}.facts>div{grid-template-columns:7rem minmax(0,1fr);column-gap:1.5rem;display:grid}.facts dt{color:var(--graphite)}.facts dd a+a{margin-left:1.25rem}.cover-block{padding-bottom:2.5rem}.prose{max-width:38rem;font-size:1.0625rem;line-height:1.6}.prose>*+*{margin-top:1.1em}.prose h2,.prose h3{letter-spacing:-.01em;margin-top:2.2em;font-size:1.0625rem;font-weight:600}.prose h2:first-child,.prose h3:first-child{margin-top:0}.prose ul{padding-left:1.1em;list-style:outside}.prose li+li{margin-top:.3em}.prose blockquote{border-left:2px solid var(--marigold);color:var(--graphite);margin-inline:0;padding-left:1rem}.prose code{background:var(--wash);border-radius:4px;padding:.1em .3em;font-size:.9em}.meta{color:var(--graphite);align-self:start;gap:.15rem;padding-top:.6rem;font-size:.9375rem;display:grid}.portrait{filter:grayscale();border-radius:10px;align-self:start;width:100%;max-width:11rem}.prose img,.prose video{border-radius:10px;width:100%;margin-block:.5em}.prose ol{padding-left:1.3em}.prose hr{border:0;border-top:1px solid var(--mist);margin-block:2em}.prose pre{background:var(--wash);border-radius:8px;padding:.9rem 1rem;font-size:.9em;overflow-x:auto}.prose pre code{background:0 0;padding:0}.pending{visibility:hidden}.form{gap:1.1rem;max-width:34rem;display:grid}.form label{gap:.35rem;display:grid}.form label>span{color:var(--graphite);font-size:.9375rem}.form input,.form textarea{background:var(--wash);resize:vertical;border:1px solid #0000;border-radius:8px;width:100%;padding:.65rem .8rem;transition:border-color .15s,background .15s}.form input:focus,.form textarea:focus{background:var(--paper);border-color:var(--ink);outline:none}.form .trap{opacity:0;width:1px;height:1px;position:absolute;left:-200vw}.form-end{flex-wrap:wrap;align-items:center;gap:.75rem 1.25rem;display:flex}.form-note{color:var(--graphite);max-width:34rem}.button{background:var(--ink);color:var(--paper);border-radius:99px;padding:.6rem 1.1rem;font-weight:500;transition:opacity .15s}.button:hover{opacity:.85}.button:disabled{opacity:.5;cursor:default}.filter{max-width:38rem;margin-top:2rem;position:relative}.filter input{background:var(--wash);border:1px solid #0000;border-radius:10px;width:100%;padding:.7rem 2.75rem .7rem .9rem;font-size:1rem;transition:border-color .15s,background .15s}.filter input::placeholder{color:var(--graphite)}.filter input:focus{background:var(--paper);border-color:var(--ink);outline:none}.filter input::-webkit-search-cancel-button{display:none}.filter kbd{color:var(--graphite);background:var(--paper);pointer-events:none;position:absolute;top:50%;right:.75rem;translate:0 -50%}.cats{flex-wrap:wrap;gap:.35rem 1.1rem;max-width:40rem;margin-top:1.25rem;font-size:.9375rem;display:flex}.cats button{color:var(--graphite);transition:color .15s}.cats button:hover{color:var(--ink)}.cats button[aria-pressed=true]{color:var(--ink);text-decoration:underline;-webkit-text-decoration-color:var(--marigold);text-decoration-color:var(--marigold);text-underline-offset:.3em;text-decoration-thickness:2px}.cats i{opacity:.65;font-variant-numeric:tabular-nums;margin-left:.3em;font-style:normal}.cats .gap{margin-left:auto}.status{color:var(--graphite);flex-wrap:wrap;align-items:baseline;gap:.4rem 1.25rem;margin-top:1.25rem;font-size:.9375rem;display:flex}.status button{color:var(--ink)}.keys{margin-left:auto}@media (hover:none){.keys,.filter kbd{display:none}}.group{border-top:1px solid var(--mist);padding-block:1.5rem}.entry{margin-inline:-.75rem;position:relative}.entry-link{border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:1.25rem;padding:.45rem 2.75rem .45rem .75rem;scroll-margin-block:6rem;display:grid}.entry-main{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.entry-title{font-weight:500}.entry-blurb{color:var(--graphite);margin-left:.75rem}.entry-domain{color:var(--graphite);font-size:.9375rem}.entry:hover .entry-link{background:var(--wash)}.entry-link:focus-visible{background:var(--marigold);color:var(--on-marigold);outline:none}.entry-link:focus-visible .entry-blurb,.entry-link:focus-visible .entry-domain{color:color-mix(in srgb, var(--on-marigold) 72%, transparent)}.save{width:2rem;height:2rem;color:var(--graphite);opacity:0;border-radius:6px;place-items:center;transition:opacity .12s;display:grid;position:absolute;top:50%;right:.35rem;translate:0 -50%}.save svg{fill:none;transition:fill .15s, scale .3s var(--ease)}.save[aria-pressed=true]{opacity:1;color:var(--ink)}.save[aria-pressed=true] svg{fill:var(--marigold);scale:1.1}.entry:hover .save,.entry:focus-within .save,.save:focus-visible{opacity:1}.entry-link:focus-visible+.save{color:var(--on-marigold)}@media (hover:none){.save{opacity:1}}.empty{border-top:1px solid var(--mist);padding-block:2.5rem 4rem}.site-footer{border-top:1px solid var(--mist);color:var(--graphite);margin-top:3rem;padding-block:2rem 3rem;font-size:.9375rem}.site-footer nav{gap:1.5rem;display:flex}.site-footer a:hover{color:var(--ink)}@media (width<=47.99rem){.row{grid-template-columns:minmax(0,1fr);row-gap:1rem}.site-header{z-index:30;align-items:center;gap:0 .25rem;padding-block:1.25rem;display:flex;position:relative}.site-name{z-index:2;margin-right:auto;position:relative}.theme-toggle{z-index:2;position:relative}.site-bar{display:contents}.menu-button{z-index:2;border-radius:99px;align-items:center;gap:.45rem;margin-right:-.6rem;padding:.4rem .6rem;display:inline-flex;position:relative}.menu-button path{transition:d .25s var(--ease)}.menu-button[aria-expanded=true] path{d:path("M3 3l10 10M3 13L13 3")}.site-nav{z-index:1;background:var(--paper);width:100%;height:100dvh;padding:calc(6rem + env(safe-area-inset-top)) clamp(1.25rem, 4vw, 2.5rem) calc(2rem + env(safe-area-inset-bottom));flex-direction:column;justify-content:flex-start;align-items:stretch;gap:0;position:fixed;inset:0;overflow-y:auto}.site-nav a{border-top:1px solid var(--mist);letter-spacing:-.02em;color:var(--ink);padding-block:.55rem;font-size:1.5rem;font-weight:500}:root[data-theme] .site-nav:not([data-open]){display:none}:root:not([data-theme]) .site-header{flex-wrap:wrap}:root:not([data-theme]) .site-nav{flex-basis:100%;height:auto;padding:1rem 0;position:static;overflow:visible}.label{position:static}.back,.meta{padding-top:0}.meta{gap:1rem;display:flex}.rail-empty{display:none}.entry-link{grid-template-columns:minmax(0,1fr);gap:0}.entry-blurb{display:none}.line{flex-wrap:wrap;gap:0 1rem}.line-note{white-space:normal;flex-basis:100%;order:3}.facts>div{grid-template-columns:minmax(0,1fr)}.facts dd{margin-bottom:.4rem}.keys{display:none}}@view-transition{navigation:auto}::view-transition-old(root){animation-duration:.22s}::view-transition-new(root){animation-duration:.22s}::view-transition-group(*){animation-duration:.45s;animation-timing-function:var(--ease)}.theme-switch *{view-transition-name:none!important}.theme-switch::view-transition-old(root){animation:none}.theme-switch::view-transition-new(root){animation:reveal .55s var(--ease)}@keyframes reveal{0%{clip-path:circle(0 at var(--tx,50%) var(--ty,0))}to{clip-path:circle(150vmax at var(--tx,50%) var(--ty,0))}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}