.page{--bg: #ffffff;--ink: #0e0e0e;--quiet: #8a8a8a;--rule: #e6e6e6;--hover: rgba(0, 0, 0, .05)}.page[data-mode=artist]{--bg: #0b0b0b;--ink: #f5f5f3;--quiet: #8c8c8c;--rule: #2a2a2a;--hover: rgba(255, 255, 255, .08)}html:has(.page[data-mode=artist]){background:#0b0b0b}*{box-sizing:border-box}body{margin:0;overflow-x:clip;font-family:Instrument Sans,system-ui,sans-serif;font-size:17px;line-height:1.5;-webkit-font-smoothing:antialiased}h1,h2,p,ul{margin:0;padding:0}ul{list-style:none}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}button{padding:0;border:0;background:none;color:inherit;font:inherit;cursor:pointer}.page{min-height:100vh;background:var(--bg);color:var(--ink);transition:background-color 1.1s cubic-bezier(.4,0,.2,1),color 1.1s cubic-bezier(.4,0,.2,1)}.content{padding:0 max(32px,calc((100vw - 1440px)/2 + 32px))}.quiet{color:var(--quiet)}.top{display:flex;justify-content:space-between;padding:28px 0}.top h1{font-size:inherit;font-weight:400}.top nav{display:flex;gap:28px}.hero{display:grid;grid-template-columns:1fr min(22vw,300px) 1fr;gap:40px;align-items:center;padding:40px 0 112px}.side{display:block;text-align:left;animation:rise .9s cubic-bezier(.2,.8,.2,1) both}.side.founder{text-align:right;opacity:calc(.16 + .84 * var(--p));transform:translate(calc((1 - var(--p)) * -14px))}.side.artist{opacity:calc(1 - .84 * var(--p));transform:translate(calc(var(--p) * 14px));animation-delay:.08s}.side-word{display:block;font-size:min(6.2vw,92px);font-weight:700;line-height:.9;letter-spacing:-.055em}.center{animation:settle 1.1s cubic-bezier(.2,.8,.2,1) both}.compare{position:relative;aspect-ratio:4 / 5;cursor:ew-resize;touch-action:pan-y;user-select:none;-webkit-user-select:none}.compare img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.under{transform:scale(calc(1 + .1 * var(--p)))}.over{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;clip-path:inset(0 calc((1 - var(--p)) * 100%) 0 0)}.over img{object-position:50% 20%;transform:scale(calc(1.1 - .1 * var(--p)))}.photos{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;border:1px solid var(--rule)}.center{position:relative}.handle{position:absolute;top:0;bottom:0;left:calc(var(--p) * 100%);width:3px;margin-left:-1.5px;background:var(--ink);outline:none;transition:background-color 1.1s}.knob{position:absolute;top:50%;left:50%;width:44px;height:44px;margin:-22px 0 0 -22px;border-radius:50%;background:var(--ink);box-shadow:0 10px 30px #00000047;transition:transform .35s cubic-bezier(.2,.8,.2,1),background-color 1.1s}.compare:hover .knob{transform:scale(1.08)}.compare.dragging .knob{transform:scale(.88)}.knob:before,.knob:after{content:"";position:absolute;top:50%;width:7px;height:7px;border:solid var(--bg);border-width:2px 0 0 2px;transition:border-color 1.1s}.knob:before{left:11px;transform:translateY(-50%) rotate(-45deg)}.knob:after{right:11px;transform:translateY(-50%) rotate(135deg)}.handle:focus-visible .knob{outline:3px solid var(--quiet);outline-offset:4px}.hint{margin-top:16px;text-align:center;font-size:14px}.row{display:grid;grid-template-columns:1fr 2fr;gap:32px}.rows .row{padding:28px 0;border-top:1px solid var(--rule);transition:border-color 1.1s}#writing{padding-top:44px}.swap .row{animation:rise 1.2s cubic-bezier(.16,.84,.24,1) both}.swap .row:nth-child(2){animation-delay:.1s}.swap .row:nth-child(3){animation-delay:.2s}.swap .row:nth-child(4){animation-delay:.3s}.swap .row:nth-child(5){animation-delay:.4s}@keyframes rise{0%{opacity:0;translate:0 36px}}@keyframes settle{0%{opacity:0;scale:1.06}}.title{display:flex;align-items:center;align-self:start;gap:20px}.logo,.mark{flex:none;background:currentColor;-webkit-mask:var(--logo) center / contain no-repeat;mask:var(--logo) center / contain no-repeat}.logo{height:96px}.mark{display:inline-block;height:1em;margin-right:.45em;vertical-align:-.12em}.bio{max-width:30em;font-size:clamp(22px,2.5vw,36px);font-weight:600;line-height:1.22;letter-spacing:-.025em}.bio p+p{margin-top:.9em}h2{font-size:clamp(30px,3.4vw,48px);font-weight:700;line-height:1;letter-spacing:-.045em;margin-bottom:8px}.prose{max-width:56ch}.prose p+p{margin-top:1em}.prose .links{margin-top:1.4em}.links{display:flex;flex-wrap:wrap;gap:24px}.links a{text-decoration:underline;text-decoration-color:var(--quiet);text-underline-offset:4px}.links a:hover{text-decoration-color:var(--ink)}.tracks{margin:0 -12px;padding:0;list-style:none}.prose+.tracks{margin-top:36px}.track{display:grid;grid-template-columns:20px 44px minmax(0,1.5fr) minmax(0,1fr) auto;gap:16px;align-items:center;padding:8px 12px;border-radius:8px;transition:background-color .25s}.track:hover{background:var(--hover);text-decoration:none}.track-n{text-align:right;font-size:15px;font-variant-numeric:tabular-nums}a.track:hover .track-n{font-size:0}a.track:hover .track-n:after{content:"▶";font-size:11px;color:var(--ink)}.track-art{display:block;width:44px;height:44px;border-radius:4px;object-fit:cover}.track-art.crest{object-fit:contain;border-radius:0}.track-art.tile{display:grid;place-items:center;background:var(--hover);font-weight:600;color:var(--quiet)}.tile-mark{width:28px;height:auto;max-height:26px;margin:0;background:var(--ink)}.track-main{min-width:0;line-height:1.3}.track-main span{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.track-main .quiet,.track-mid,.track-end{font-size:15px}.track-end{font-variant-numeric:tabular-nums}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{display:flex;flex-direction:column;gap:14px;min-height:320px;padding:28px;border:1px solid var(--rule);border-radius:14px;transition:border-color .4s,translate .5s cubic-bezier(.2,.8,.2,1)}.card:hover{border-color:var(--ink);text-decoration:none;translate:0 -6px}.card-title{font-size:clamp(20px,1.9vw,26px);font-weight:600;line-height:1.18;letter-spacing:-.025em}.card-foot{display:flex;align-items:center;margin-top:auto;padding-top:20px;font-size:15px}.card-foot .arrow{margin-left:auto;transition:translate .5s cubic-bezier(.2,.8,.2,1)}.card:hover .arrow{translate:6px 0}footer{padding:96px 0 40px}footer .row{padding-top:24px;border-top:1px solid var(--rule);font-size:15px}footer .row{display:flex;justify-content:space-between;align-items:baseline}footer .links:last-child{justify-content:flex-end}@media(max-width:860px){body{font-size:16px}.content{padding:0 20px}.top{padding:20px 0}.hero{grid-template-columns:auto auto;justify-content:space-between;gap:16px 0;align-items:start;width:min(62vw,260px);margin:0 auto;padding:12px 0 48px}.center{grid-column:1 / -1;order:-1}.side.founder{text-align:left}.side.artist{text-align:right}.side.founder,.side.artist{transform:none}.side-word{font-size:min(7.4vw,31px)}.logo{height:72px}.row{grid-template-columns:1fr;gap:12px}.track{grid-template-columns:16px 40px minmax(0,1fr) auto;gap:12px}.track-mid{display:none}.track-art{width:40px;height:40px}footer .row{justify-content:center}footer .links:first-child{display:none}footer .links:last-child{justify-content:center;gap:12px 18px}.cards{grid-template-columns:1fr;gap:12px}.card{min-height:0;padding:22px}#writing{padding-top:28px}footer{padding-top:88px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}