:root{color-scheme:light;--container:96rem;--player-width:35rem;--color-paper:#f7f7f4;--color-ink:#26251e;--color-muted:#67665f;--color-stone:#e8e6e0;--color-soft:#eeede8;--color-accent:#f54e00;--color-link:#b43b05;--color-line:#26251e1f;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--radius-control:.35rem;--shadow-fold:0 12px 30px #26251e12;--focus:0 0 0 3px var(--color-paper), 0 0 0 6px var(--color-ink);--gutter:clamp(1rem, 3vw, 3rem);--space-unit:1.5rem;--space-golden:2.5rem;--space-open:4rem}*,:before,:after{box-sizing:border-box}body{background:var(--color-paper);color:var(--color-ink);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;margin:0}h1,h2,h3,p,ul{margin:0}ul{padding:0;list-style:none}a{color:var(--color-link);text-decoration:none}a:hover{text-underline-offset:.25em;text-decoration:underline}button{font:inherit;color:inherit}[hidden]{display:none!important}a:focus-visible,button:focus-visible{box-shadow:var(--focus);outline:2px solid #0000}#main:focus{outline:none}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;padding:0;position:absolute;overflow:hidden}.skip{z-index:100;background:var(--color-ink);color:var(--color-paper);border-radius:var(--radius-control);padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip:focus{transform:none}.bar{min-height:3.25rem;padding-inline:var(--gutter);border-bottom:1px solid var(--color-line);justify-content:space-between;align-items:center;gap:1rem;display:flex}.bar a{border-radius:var(--radius-control);align-items:center;min-height:2.75rem;font-size:.875rem;display:inline-flex}.bar__name{color:var(--color-ink);font-weight:600}.bar nav{gap:clamp(1rem,3vw,2rem);display:flex}.bar nav a{color:var(--color-muted);gap:.5rem}.bar nav .bar__mail{color:var(--color-link)}.stage{width:min(100%, calc(var(--container) + 2 * var(--gutter)));padding-inline:var(--gutter);margin-inline:auto}.showcase{gap:2.5rem;padding-top:3.5rem;display:grid}.hero{display:block}.workstation{gap:3rem;min-width:0;display:grid}.listening{grid-template-columns:minmax(0, 1fr) var(--player-width);align-items:end;gap:6rem;min-width:0;display:grid}.intro{justify-items:start;gap:1.5rem;display:grid}.intro h1{letter-spacing:-.035em;font-size:2.75rem;font-weight:400;line-height:1.2}.intro__lead{max-width:29rem;color:var(--color-muted);font-size:1.125rem;line-height:1.8}.intro__actions{flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;display:flex}.intro__actions a{border-radius:var(--radius-control);align-items:center;gap:.75rem;min-height:2.75rem;font-size:.94rem;display:inline-flex}.resume{background:var(--color-ink);color:var(--color-paper);padding:.75rem 1rem}.player{width:var(--player-width);justify-self:end}.deck{aspect-ratio:1.6;border:1px solid var(--color-line);width:100%;box-shadow:var(--shadow-fold);background:#fcfcfa;border-radius:.75rem;position:relative;container-type:size}.deck__frame{aspect-ratio:1;border:1px solid var(--color-line);border-radius:.4rem;width:55.3%;position:absolute;top:50%;left:4%;translate:0 -50%}.platter{aspect-ratio:1;background:#e9e7e0;border-radius:50%;place-items:center;height:82%;display:grid;position:absolute;top:50%;left:6%;translate:0 -50%;box-shadow:inset 0 0 0 1px #26251e12,inset 0 0 22px #26251e17}.record{aspect-ratio:1;background:var(--vinyl-surface);border-radius:50%;width:92%;position:relative;box-shadow:0 4px 14px #26251e57,inset 0 0 0 1px #ffffff12}.record__grooves{background:repeating-radial-gradient(circle closest-side,#0000 0 3%,#00000012 3% 4.4%,#0000 4.4% 9.3333%),radial-gradient(circle closest-side,#0000 0 37%,#ffffff0d 39% 94%,#0000 96% 100%);border-radius:50%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 36%,#000 38% 94.5%,#0000 96%);mask-image:radial-gradient(circle closest-side,#0000 0 36%,#000 38% 94.5%,#0000 96%)}.record__label{aspect-ratio:1;background:color-mix(in srgb, var(--disc,#1c1b17) 13%, var(--color-paper));border-radius:50%;width:34%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:0 1px 4px #00000038}.record__label:before{background:conic-gradient(from 118deg, var(--color-accent) 0 30deg, color-mix(in srgb, var(--disc,#1c1b17) 34%, var(--color-paper)) 30deg 360deg);content:"";border-radius:50%;animation:6s linear infinite paused spin;position:absolute;inset:14%;-webkit-mask-image:radial-gradient(circle closest-side,#0000 0 95.5%,#000 95.5%);mask-image:radial-gradient(circle closest-side,#0000 0 95.5%,#000 95.5%)}.record__label:after{aspect-ratio:1;content:"";background:#0f0e0b;border-radius:50%;width:10%;position:absolute;top:50%;left:50%;translate:-50% -50%;box-shadow:inset 0 1px 1px #ffffff24,0 0 0 1px #fff6}.arm{transform-origin:50% 4.92cqw;background:#4b4943;border-radius:.29cqw;width:.58cqw;height:calc(63.2% + 4.92cqw);margin-top:-4.92cqw;transition:transform .38s cubic-bezier(.34,.02,.2,1);position:absolute;top:12%;right:20%;transform:rotate(28deg)}.deck.is-playing .arm{transform:rotate(46deg)}.arm__weight{background:#3a3833;border-radius:50%;width:2.61cqw;height:2.61cqw;position:absolute;top:0;left:50%;translate:-50% -50%}.arm__pivot{background:#e2e0d9;border-radius:50%;width:4.34cqw;height:4.34cqw;position:absolute;top:4.92cqw;left:50%;translate:-50% -50%;box-shadow:0 1px 4px #26251e33}.arm__head{background:#3a3833;border-radius:.29cqw;width:2.17cqw;height:4.05cqw;position:absolute;bottom:0;left:50%;translate:-50%}.tuner{border:1px solid var(--color-line);background:#fff;border-radius:.2rem;width:9%;height:48%;position:absolute;top:9%;right:3%;overflow:hidden}.tuner__scale{background-image:repeating-linear-gradient(#26251e2e 0 1px,#0000 1px 1.88cqw),repeating-linear-gradient(#26251e2e 0 1px,#0000 1px .94cqw);background-repeat:no-repeat;background-size:100% 100%,48% 100%;position:absolute;inset:6% 12%}.tuner__needle{left:0;right:24%;top:calc(6% + var(--needle,0) * 88%);background:var(--color-accent);height:2px;transition:top .44s cubic-bezier(.3,.8,.3,1);position:absolute}.deck__foot{align-items:center;gap:1.39cqw;display:flex;position:absolute;bottom:10%;right:5.5%}.deck__spec{color:var(--color-muted);letter-spacing:.11em;font-size:max(.5rem,1.62cqw)}.deck__led{background:var(--color-stone);border-radius:50%;width:max(4px,1.01cqw);height:max(4px,1.01cqw);transition:background-color .4s}.deck.is-playing .deck__led{background:var(--color-accent)}.deck.is-playing .record__label:before{animation-play-state:running}.collection{min-width:0;max-width:38rem;padding-top:2rem}.collection__hint{color:#85847d;margin-bottom:2rem;font-size:.75rem;font-weight:400;line-height:1.5}.collection__hint span{margin-left:.5rem}.crate{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.crate li{min-width:0}.sleeve{--cover-width:84%;isolation:isolate;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:2px;width:100%;padding:0;display:block;position:relative}.sleeve__cover{z-index:1;width:var(--cover-width);aspect-ratio:1;background:#e9e9e5;border-radius:1px;transition:box-shadow .18s;display:block;position:relative;box-shadow:1px 3px 6px #26251e17}.sleeve__cover img{object-fit:cover;border-radius:inherit;user-select:none;-webkit-user-drag:none;width:100%;height:100%;display:block}.sleeve__cover:after{content:"";pointer-events:none;border-right:3px solid #26251e0d;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #26251e08}.sleeve__caption{grid-template-columns:auto 1fr;align-items:baseline;gap:6px;width:100%;margin-top:12px;display:grid;position:relative}.sleeve__number{color:var(--color-muted);font-variant-numeric:tabular-nums;font-size:10px}.sleeve__title{white-space:nowrap;letter-spacing:-.015em;color:var(--color-muted);font-size:12px;font-weight:400;line-height:1.5;display:block}.record,.sleeve__record{--vinyl-surface:linear-gradient(135deg, transparent 27%, #ffffff52 41%, #ffffff52 49%, transparent 63%), var(--disc)}.sleeve__record{z-index:0;width:calc(var(--cover-width) * .9);aspect-ratio:1;background:var(--vinyl-surface);pointer-events:none;border-radius:50%;position:absolute;top:3%;left:1%;transform:translate(4%,-24%);box-shadow:inset 0 0 0 1px #ffffff59,1px 3px 7px #26251e24}.sleeve[aria-pressed=true] .sleeve__record{opacity:0;transform:translate(4%,-103%)}.sleeve[data-extracting]{z-index:3}.sleeve:focus-visible{box-shadow:none;outline:none}.sleeve:focus-visible .sleeve__title{text-decoration:underline;text-decoration-color:var(--color-link);text-underline-offset:.3em;text-decoration-thickness:2px}.sleeve:hover .sleeve__cover,.sleeve:focus-visible .sleeve__cover{background:color-mix(in srgb, var(--disc) 11%, #eeede8)}.sleeve[aria-pressed=true] .sleeve__cover{background:color-mix(in srgb, var(--disc) 5%, var(--color-paper));box-shadow:0 4px 8px #26251e17}.sleeve[aria-pressed=true] .sleeve__title{color:var(--color-ink);font-weight:500}.sleeve[aria-pressed=true] .sleeve__number{color:var(--color-link)}.panel{gap:1.5rem;min-width:0;padding-top:0;display:grid}.panel__head{justify-content:space-between;align-items:center;gap:1rem;display:flex}.sides{gap:.5rem;display:flex}.side{border-radius:var(--radius-control);min-height:2rem;color:var(--color-muted);cursor:pointer;background:0 0;border:1px solid #0000;align-items:center;gap:.5rem;padding:.25rem .625rem;font-size:.8125rem;display:inline-flex}.side[aria-pressed=true]{border-color:var(--color-line);background:var(--color-soft);color:var(--color-ink)}.side[aria-pressed=true]:after{content:"";background:var(--color-accent);border-radius:50%;width:5px;height:5px}.side:hover{color:var(--color-ink)}.panel__keys{color:var(--color-muted);align-items:center;gap:1.25rem;font-size:.75rem;display:flex}.panel__keys span{align-items:center;gap:.3rem;display:inline-flex}.panel__keys button{cursor:pointer;width:1.375rem;height:1.375rem;font:inherit;background:var(--color-paper);border:1px solid #26251e3d;border-radius:3px;place-items:center;display:inline-grid;box-shadow:0 1px #26251e1f}.panel__body{display:grid}.work{grid-area:1/1;grid-template-columns:minmax(0,1fr);align-items:start;gap:1rem;display:grid}.work[hidden]{visibility:hidden;display:grid!important}.work__heading{gap:.625rem;display:grid}.work__title{letter-spacing:-.015em;font-size:1.5rem;font-weight:400;line-height:1.4}.work__faces{padding-top:1.75rem;display:grid}.work__text{color:var(--color-muted);grid-area:1/1;font-size:1rem;line-height:1.8}.work__text[hidden]{visibility:hidden;display:block!important}.work__open{border-radius:var(--radius-control);white-space:nowrap;background:var(--color-ink);min-height:2.75rem;color:var(--color-paper);place-self:start;align-items:center;gap:.75rem;margin-top:.75rem;padding:.75rem 1.125rem;font-size:.875rem;text-decoration:none;display:inline-flex}.work__open:hover,.resume:hover{background:#444239;text-decoration:none}.no-script{line-height:1.8}.no-script a{padding-block:.75rem;display:inline-block}.about{border-top:1px solid var(--color-line);grid-template-columns:6rem minmax(0,1fr);gap:2rem;margin-top:2.75rem;padding-block:.75rem;display:grid}.about h2{color:var(--color-muted);font-size:.75rem;font-weight:400}.about p{color:#727169;font-size:.875rem;line-height:1.75}.about a{border-radius:var(--radius-control);align-items:center;gap:.75rem;min-height:2.75rem;margin-top:.75rem;font-size:.875rem;display:inline-flex}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=74.999rem){.showcase{padding-top:2.5rem}.listening{grid-template-columns:minmax(0,1fr);gap:2.5rem}.player{grid-row:1;justify-self:start;max-width:100%}.intro h1{font-size:2.25rem}.intro__lead{font-size:1rem}.work{grid-template-columns:minmax(0,1fr)}.work__open{grid-column:1;justify-self:start}}@media (width>=36.001rem){.showcase{align-content:start;gap:clamp(1rem,2vh,1.5rem);padding-block:clamp(.75rem,2vh,1.5rem)}.intro{grid-template-columns:minmax(0,1fr);align-items:start;gap:.75rem}.intro h1{grid-column:1/-1}.intro__lead{max-width:40rem;font-size:1rem;line-height:1.7}.panel{gap:.75rem}.work{grid-template-columns:minmax(0,1fr);gap:.375rem}.work__heading{grid-column:1/-1;gap:.375rem;display:grid}.work__title{font-size:1.5rem}.work__faces{padding-top:0}.work__text{line-height:1.7}.work__open{grid-column:1;align-self:start}}@media (width>=75rem){.showcase{grid-template-rows:auto 1fr;align-content:start;gap:1.5rem;min-height:calc(100svh - 10rem);padding-block:2rem 1rem}.hero{z-index:1;width:calc(100% - var(--player-width) - 6rem);position:relative}.intro__lead{max-width:40rem}.workstation{align-self:end;margin-top:-14rem}.panel{padding-top:0}}@media (width>=87.5rem){:root{--player-width:40rem}}@media (width<=36rem){.hero{grid-template-columns:1fr;gap:2.25rem}.intro{grid-template-columns:1fr;gap:1.25rem}.intro__lead{max-width:34rem}.player{justify-self:start;width:35rem;max-width:100%}.crate{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.sleeve__title{white-space:normal}.panel__keys{display:none}.showcase{gap:2rem;padding-top:2rem}.intro h1{font-size:2.25rem}.intro__actions{gap:.5rem 1rem}.crate{gap:5rem 1.5rem}.work{grid-template-columns:minmax(0,1fr);gap:1rem}.work__faces{padding:0}.work__open{grid-column:1}.work__title{font-size:1.375rem}.about{grid-template-columns:1fr;gap:1rem;margin-top:2.5rem;padding-block:2rem}.side{padding-inline:.625rem;font-size:.75rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important}.record__label:before{animation:none}}@media (forced-colors:active){.sleeve[aria-pressed=true] .sleeve__cover{outline:2px solid highlight}.side[aria-pressed=true]{border:2px solid highlight}}