@font-face{font-family:'Space Grotesk';src:url('/assets/fonts/space-grotesk-400-700.woff2') format('woff2');font-weight:400 700;font-display:swap}
@font-face{font-family:'Space Mono';src:url('/assets/fonts/space-mono-400.woff2') format('woff2');font-weight:400;font-display:swap}
:root{color-scheme:dark;--ink:#e7e6df;--black:#080808;--muted:#9a9a92;--edge:#33342e;--gutter:28px;font-family:'Space Grotesk',sans-serif;color:var(--ink);background:var(--black);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:auto}body{margin:0;overflow-x:clip}body.gated,body.viewing{overflow:hidden}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:1px solid var(--ink);outline-offset:7px}button,a{touch-action:manipulation}img{display:block;width:100%;height:100%;object-fit:cover}figure,h1,h2,p{margin:0}h1,h2{font-weight:500}nav{display:flex;gap:32px}.meta{font-family:'Space Mono',monospace;font-size:10px;line-height:1.65;font-weight:400;letter-spacing:.02em}.definitions{width:0;height:0;position:absolute;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip{position:fixed;top:20px;left:20px;z-index:5;transform:translateY(-200%);background:var(--black);padding:12px}.skip:focus{transform:none}.gate{position:fixed;inset:0;z-index:10;background:var(--black);display:flex;align-items:center;justify-content:center}.gate-top,.gate-bottom{position:absolute;left:0;right:0;text-align:center;color:var(--muted)}.gate-top{top:26px}.gate-bottom{bottom:25px}.sleeve{width:284px;aspect-ratio:1;display:flex;flex-direction:column;padding:17px 13px 13px;text-align:left;background:#141513;transition:background .4s}.sleeve:hover{background:#1e201b}.sleeve-meta{text-align:center;font-size:7px;color:#babdb2}.sleeve-word{width:100%;height:61px;flex:none;margin:4px 0 8px}.sleeve-image{height:149px;width:calc(100% - 28px);margin:auto;display:block;overflow:hidden;mask-image:linear-gradient(to bottom,transparent,#000 8%,#000 88%,transparent)}.sleeve-bottom{display:flex;justify-content:space-between;font-size:7px;padding:9px 1px 0;color:#babdb2}.hero{height:330svh;position:relative}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.header{position:absolute;top:21px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between;z-index:3;font-size:14px}.brand{font-size:17px;font-weight:600;letter-spacing:-.05em}.header nav a span{font-family:'Space Mono',monospace;font-size:9px;margin-left:5px}.hero-topline{position:absolute;top:15%;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;z-index:1;color:#b7b8af}.hero-word{position:absolute;top:18%;left:.6%;width:98.8%;height:auto;z-index:2;transform-origin:center center;will-change:transform}.hero-word svg{display:block;width:100%;height:auto;overflow:visible}.hero-image{position:absolute;inset:-1px;--feather:12%;mask-image:linear-gradient(to right,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent),linear-gradient(to bottom,transparent,#000 var(--feather),#000 calc(100% - var(--feather)),transparent);mask-composite:intersect;transform:translateY(17svh) scale(.52);transform-origin:50% 50%;z-index:1;will-change:transform}.hero-image img{object-position:center 54%}.hero-bottom{position:absolute;bottom:23px;left:var(--gutter);right:var(--gutter);display:flex;justify-content:space-between;align-items:flex-end;z-index:3;color:#b7b8af}.scroll-cue{display:flex;flex-direction:column;align-items:center;gap:12px}.hero-bottom>.meta:first-child{display:none}.hero-bottom .scroll-cue{align-items:flex-start}.scroll-cue>span:last-child{font-size:29px;line-height:1}.work{padding:140px var(--gutter) 100px}.work-intro{display:grid;grid-template-columns:1fr 3fr;gap:30px;margin-bottom:105px}.work-intro>.meta{padding-top:10px}.work-intro h2{font-size:clamp(45px,6.65vw,108px);line-height:.96;letter-spacing:-.065em}.intro-note{grid-column:2;justify-self:end;font-size:15px;line-height:1.4;width:30%;margin:0 0 5px}.record{display:grid;grid-template-columns:1fr 1fr;gap:7vw}.side-label{display:flex;justify-content:space-between;border-bottom:1px solid var(--edge);padding-bottom:19px;color:var(--muted)}.tracks{list-style:none;margin:0;padding:0}.track{width:100%;display:grid;grid-template-columns:25px minmax(0,1fr) 20px;gap:18px;align-items:center;padding:27px 0;text-align:left;border-bottom:1px solid var(--edge)}.track-no{font-family:'Space Mono',monospace;font-size:10px;color:var(--muted);align-self:start;padding-top:5px}.track-title{display:block;font-size:clamp(19px,2.1vw,34px);line-height:1;letter-spacing:-.055em}.track-meta{display:block;font-size:9px;color:var(--muted);margin-top:8px}.track-arrow{font-size:26px;transition:transform .45s cubic-bezier(.2,.8,.2,1)}.track:hover .track-arrow,.track:focus-visible .track-arrow{transform:translate(3px,-3px)}.track-name{transition:transform .45s cubic-bezier(.2,.8,.2,1)}.track:hover .track-name,.track:focus-visible .track-name{transform:translateX(8px)}.record-note{display:flex;justify-content:space-between;margin-top:30px;color:var(--muted)}.cue{position:fixed;top:0;left:0;width:310px;z-index:4;pointer-events:none;visibility:hidden;opacity:0}.cue img{height:245px;object-fit:contain;object-position:50% 100%}.cue figcaption{padding:9px 0;color:var(--ink);font-size:9px;text-align:center;background:var(--black)}.about{padding:155px var(--gutter) 120px;background:#11120f}.about h2{margin:50px 0 65px;font-size:clamp(54px,10.4vw,167px);line-height:.88;letter-spacing:-.065em}.about-bottom{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end}.about-bottom p{max-width:350px;font-size:19px;line-height:1.4;letter-spacing:-.025em}.about-bottom a{font-size:clamp(23px,3vw,48px);letter-spacing:-.045em;display:flex;align-items:center;justify-content:space-between;padding-bottom:5px;border-bottom:1px solid var(--ink)}footer{padding:45px var(--gutter) 35px;display:grid;grid-template-columns:1fr auto;gap:60px 30px;align-items:center}.footer-brand{font-size:26px;letter-spacing:-.06em}footer nav{font-size:12px;gap:25px}footer>.meta{color:var(--muted)}.viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:100%;max-height:100%;border:0;padding:22px var(--gutter);background:var(--black);color:var(--ink);margin:0}.viewer::backdrop{background:var(--black)}.viewer[open]{display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:22px}.viewer-top{display:flex;align-items:start;justify-content:space-between;gap:20px}.viewer-top h2{font-size:26px;letter-spacing:-.045em;margin-top:4px}.viewer-top p{color:var(--muted)}.viewer-top button{font-size:14px;padding:8px 0 8px 16px}.viewer-top button span{margin-left:12px;color:var(--muted)}.viewer-stage{min-height:0;height:100%;display:flex;justify-content:center}.viewer-stage img{width:100%;height:100%;object-fit:contain}.viewer-bottom{display:flex;align-items:center;justify-content:space-between}.viewer-bottom button{display:flex;align-items:center;gap:13px;min-height:44px;padding:0;font-size:22px}.viewer-bottom button span{font-size:12px}.no-script{padding:30px}.no-script a{text-decoration:underline}
@media(min-width:1700px){:root{--gutter:40px}.hero-word{top:16%}.hero-topline{top:13%}.track{padding:32px 0}}
@media(max-width:700px){:root{--gutter:19px}.header{top:20px;font-size:12px}.header nav{gap:19px}.header nav a span{display:none}.header .brand{font-size:15px}.hero{height:280svh}.hero-topline{top:20%;display:block;text-align:center;font-size:8px}.hero-topline>span:last-child{display:none}.hero-word{top:26%;left:1.3%;width:97.4%}.hero-image{transform:translateY(20svh) scale(.79);--feather:12%}.hero-bottom{top:12%;bottom:auto;justify-content:center}.hero-bottom>span{display:none}.scroll-cue{gap:5px;flex-direction:row;align-items:center!important}.scroll-cue>span:last-child{font-size:17px}.scroll-cue .meta{font-size:9px}.work{padding:83px var(--gutter) 70px}.work-intro{display:block;margin-bottom:65px}.work-intro>.meta{padding:0;margin-bottom:29px}.work-intro h2{font-size:clamp(44px,11.6vw,80px)}.intro-note{margin:28px 0 0;width:auto;font-size:13px}.record{grid-template-columns:1fr;gap:65px}.track{padding:24px 0;gap:16px}.track-title{font-size:27px}.track-meta{font-size:8px}.side-label{font-size:9px;padding-bottom:16px}.record-note{margin-top:26px;font-size:8px;gap:20px}.about{padding:85px var(--gutter) 65px}.about h2{margin:38px 0 45px;font-size:clamp(45px,11.7vw,80px)}.about-bottom{grid-template-columns:1fr;gap:38px}.about-bottom p{font-size:17px;max-width:290px}.about-bottom a{font-size:25px}footer{padding:34px var(--gutter);grid-template-columns:1fr;gap:28px}footer nav{flex-wrap:wrap;gap:18px 23px;font-size:12px}footer>.meta{font-size:9px}.footer-brand{font-size:24px}.viewer{padding:20px 16px}.viewer[open]{gap:16px}.viewer-top h2{font-size:22px}.viewer-top .meta{font-size:8px}.viewer-top button span{display:none}.viewer-bottom .meta{font-size:8px}.viewer-bottom button span{display:none}.cue{display:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}.hero{height:auto;padding-top:105px}.hero-stage{height:auto;position:relative;overflow:visible;padding-bottom:50px}.header{position:absolute;top:-85px}.hero-topline{position:relative;top:auto;left:auto;right:auto;text-align:center;justify-content:center}.hero-topline>span:last-child{display:none}.hero-word{position:relative;top:auto;left:auto;width:100%;margin:30px 0}.hero-image{position:relative;inset:auto;transform:none!important;mask-image:none!important;width:100%;height:65svh;min-height:340px}.hero-bottom{position:relative;inset:auto;justify-content:center;margin-top:30px}.hero-bottom>span{display:none}.work{padding-top:80px}}
.gate[hidden]{display:none}

.motion-fallback .hero{height:auto}.motion-fallback .hero-stage{height:auto;position:relative;padding:130px 0 40px}.motion-fallback .hero-topline{position:relative;top:auto}.motion-fallback .hero-word{position:relative;top:auto;margin:20px 0}.motion-fallback .hero-image{position:relative;inset:auto;transform:none;mask-image:none;height:70svh}.motion-fallback .hero-bottom{position:relative;inset:auto;margin:20px var(--gutter) 0}
