@font-face{font-family:Mona Display;src:url(/fonts/MonaSansDisplayExpanded-SemiBold.woff2)format("woff2");font-weight:600;font-display:swap}@font-face{font-family:Mona;src:url(/fonts/MonaSans-Regular.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Mona;src:url(/fonts/MonaSans-Medium.woff2)format("woff2");font-weight:500;font-display:swap}:root{--bg:#000;--fg:#ece9e2;--muted:#ece9e2a3;--quiet:#ece9e270;--rule:#ece9e224;--signal:#e9a64b;--cream:#f6eddc;--ease:cubic-bezier(.16, 1, .3, 1);--gutter:clamp(18px, 4vw, 56px);--max:1440px;--t-mega:clamp(2.6rem, .4rem + 8.2vw, 9.6rem);--t-hero:clamp(2.3rem, .5rem + 6.6vw, 7rem);--t-h2:clamp(2rem, .9rem + 4vw, 5.2rem);--t-h3:clamp(1.35rem, 1rem + 1.3vw, 2.2rem);--t-lead:clamp(1.08rem, .96rem + .55vw, 1.5rem);--t-body:clamp(1rem, .96rem + .2vw, 1.125rem);--t-mail:clamp(2rem, .1rem + 7.6vw, 9rem)}*,:before,:after{box-sizing:border-box}html{background:var(--bg);color:var(--fg);-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:clip}body{background:var(--bg);font-family:Mona,ui-sans-serif,system-ui,sans-serif;font-size:var(--t-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.55;overflow-x:clip}img,video,canvas{max-width:100%;display:block}a{color:inherit;text-underline-offset:.22em;text-decoration-thickness:1px}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}::selection{background:var(--signal);color:#000}:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:3px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip{left:var(--gutter);z-index:100;background:var(--fg);color:#000;padding:10px 14px;text-decoration:none;position:fixed;top:-80px}.skip:focus{top:12px}.wrap{width:100%;max-width:var(--max);padding-inline:var(--gutter);margin-inline:auto}.display{letter-spacing:-.032em;text-wrap:balance;margin:0;font-family:Mona Display,ui-sans-serif,system-ui,sans-serif;font-weight:600;line-height:.98}.label{border-top:1px solid var(--rule);color:var(--muted);margin:0 0 clamp(20px,3vw,40px);padding-top:14px;font-weight:500}.link{text-underline-offset:.25em;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;transition:color .25s;display:inline-block}.link:hover{color:var(--signal)}#gl,#seq{pointer-events:none;width:100%;height:100%;position:fixed;inset:0}#gl{z-index:0}#seq{z-index:1;opacity:0}#flash{z-index:2;pointer-events:none;background:radial-gradient(120% 90% at 50% 50%, #fff8ec 0%, var(--cream) 55%, #e9d6b6 100%);opacity:0;position:fixed;inset:0}.grain{z-index:40;pointer-events:none;opacity:.08;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");animation:.9s steps(6,end) infinite grain;position:fixed;inset:-50%}@keyframes grain{0%{transform:translate(0)}20%{transform:translate(-4%,3%)}40%{transform:translate(3%,-5%)}60%{transform:translate(-6%,-2%)}80%{transform:translate(5%,4%)}to{transform:translate(0)}}main{z-index:3;position:relative}.curtain{z-index:90;pointer-events:none;background:#000;place-items:center;display:grid;position:fixed;inset:0}.curtain-mark{letter-spacing:-.03em;font-family:Mona Display,sans-serif;font-size:clamp(1.6rem,1rem + 2.4vw,3rem);font-weight:600}.curtain-mark span{color:var(--signal)}.curtain-count{left:var(--gutter);font-variant-numeric:tabular-nums;color:var(--quiet);font-size:.92rem;position:absolute;bottom:26px}html:not(.js) .curtain{display:none}.chrome{z-index:50;padding:20px var(--gutter);mix-blend-mode:difference;color:#fff;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.mark{letter-spacing:-.02em;font-family:Mona Display,sans-serif;font-size:1.12rem;font-weight:600;text-decoration:none}.mark .ast{transition:transform .8s var(--ease);margin-left:.05em;display:inline-block}.mark:hover .ast{transform:rotate(180deg)}.nav{align-items:center;gap:clamp(14px,2.6vw,32px);display:flex}.nav a{opacity:.8;text-decoration:none;transition:opacity .2s}.nav a:hover{opacity:1}.sound-toggle{opacity:.9;align-items:center;gap:10px;display:inline-flex}.eq{align-items:flex-end;gap:2px;height:12px;display:inline-flex}.eq i{background:currentColor;border-radius:1px;width:2px;height:3px;transition:height .2s;display:block}.sound-toggle[aria-pressed=true] .eq i{animation:.9s ease-in-out infinite eq}.sound-toggle[aria-pressed=true] .eq i:nth-child(2){animation-delay:-.3s}.sound-toggle[aria-pressed=true] .eq i:nth-child(3){animation-delay:-.6s}.sound-toggle[aria-pressed=true] .eq i:nth-child(4){animation-delay:-.45s}@keyframes eq{0%,to{height:3px}50%{height:12px}}.timecode{left:var(--gutter);z-index:50;font-variant-numeric:tabular-nums;mix-blend-mode:difference;color:#fff;opacity:.7;align-items:baseline;gap:14px;font-size:.86rem;display:flex;position:fixed;bottom:22px}.tc-chapter{font-weight:500}.cursor,.tip{display:none}@media (hover:hover) and (pointer:fine){.cursor{z-index:60;pointer-events:none;background:var(--signal);width:10px;height:10px;transition:width .35s var(--ease), height .35s var(--ease), margin .35s var(--ease), background .35s;border-radius:50%;place-items:center;margin:-5px 0 0 -5px;display:grid;position:fixed;top:0;left:0}.cursor.is-big{background:#e9a64beb;width:76px;height:76px;margin:-38px 0 0 -38px}.cursor-label{color:#000;opacity:0;font-size:.78rem;font-weight:500;transition:opacity .2s}.cursor.is-big .cursor-label{opacity:1}.tip{z-index:61;pointer-events:none;color:var(--fg);white-space:nowrap;opacity:0;background:#000000c7;border-radius:6px;padding:6px 10px;font-size:.85rem;transition:opacity .2s;display:block;position:fixed;top:0;left:0}.tip.on{opacity:1}}.hero{align-items:flex-end;height:100svh;min-height:560px;display:flex;position:relative}.hero-inner{width:100%;max-width:var(--max);padding:0 var(--gutter) clamp(84px, 14vh, 150px);margin-inline:auto}.hero-title{font-size:var(--t-hero);max-width:12ch}.hero-title .line{display:block}.hero-sub{max-width:36ch;font-size:var(--t-lead);color:var(--muted);margin:clamp(18px,2.2vw,30px) 0 0;line-height:1.45}.scroll-cue{right:var(--gutter);color:var(--quiet);align-items:center;gap:12px;font-size:.86rem;display:flex;position:absolute;bottom:26px}.scroll-cue i{background:var(--quiet);width:46px;height:1px;display:block;position:relative;overflow:hidden}.scroll-cue i:after{content:"";background:var(--fg);animation:cue 2.2s var(--ease) infinite;position:absolute;inset:0;transform:translate(-100%)}@keyframes cue{0%{transform:translate(-100%)}60%,to{transform:translate(100%)}}.iris{height:360svh;position:relative}.iris-pin{height:100svh;position:sticky;top:0;overflow:hidden}.beat{letter-spacing:-.03em;text-shadow:0 2px 30px #0000008c;max-width:15ch;margin:0;font-family:Mona Display,sans-serif;font-size:clamp(1.5rem,.9rem + 2.2vw,3.1rem);font-weight:600;line-height:1.02;position:absolute}.beat span{display:inline-block}.beat-1{left:var(--gutter);bottom:18svh}.beat-2{right:var(--gutter);text-align:right;top:22svh}.beat-3{left:var(--gutter);max-width:13ch;top:24svh}.noise{height:320svh;position:relative}.noise-pin{height:100svh;position:sticky;top:0;overflow:hidden}.noise-head{left:var(--gutter);right:var(--gutter);justify-content:space-between;align-items:flex-start;gap:24px;display:flex;position:absolute;top:clamp(80px,13vh,130px)}.noise-title{font-size:var(--t-h2);text-shadow:0 2px 40px #00000080;max-width:11ch}.noise-step{font-variant-numeric:tabular-nums;color:var(--fg);white-space:nowrap;margin:0;font-size:.95rem}.step-num{font-family:Mona Display,sans-serif;font-size:1.6rem}.step-of{color:var(--quiet)}.prompt{left:var(--gutter);max-width:min(46ch,86vw);font-size:var(--t-lead);color:var(--fg);margin:0;line-height:1.5;position:absolute;bottom:clamp(70px,11vh,110px)}.prompt span{opacity:.16;transition:opacity .3s,color .3s}.prompt span.on{opacity:1}.prompt span.hot{color:var(--signal)}.noise-end{right:var(--gutter);text-align:right;max-width:10ch;font-size:var(--t-h3);opacity:0;margin:0;position:absolute;bottom:clamp(70px,11vh,110px)}.reel{background:#000;position:relative}.reel-pin{align-items:center;height:100svh;display:flex;position:relative;overflow:hidden}.reel-track{padding-inline:var(--gutter);will-change:transform;align-items:center;gap:clamp(18px,2.4vw,36px);display:flex}.reel-intro{flex:none;width:min(560px,78vw);padding-right:clamp(20px,6vw,120px)}.reel-title{font-size:var(--t-h2)}.reel-sub{max-width:32ch;color:var(--muted);font-size:var(--t-lead);margin:22px 0 0;line-height:1.45}.films{gap:clamp(16px,2vw,30px);margin:0;padding:0;list-style:none;display:flex}.film{flex:none;width:clamp(200px,19vw,300px)}.film-card{aspect-ratio:432/936;transform-origin:50%;will-change:transform;background:#0b0b0b;border-radius:18px;position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #000000e6,0 0 0 1px #ffffff0f}.film-card video,.film-card img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.film-card video{opacity:0;transition:opacity .5s}.film-card.playing video{opacity:1}.film-meta{justify-content:space-between;gap:10px;margin-top:14px;font-size:.92rem;display:flex}.film-title{font-weight:500}.film-cat{color:var(--quiet);white-space:nowrap}.film-num{z-index:2;font-variant-numeric:tabular-nums;color:#fff;text-shadow:0 1px 6px #0009;font-size:.8rem;position:absolute;top:12px;left:14px}.reel-outro{flex:none;width:min(460px,80vw);padding-left:clamp(20px,6vw,100px)}.reel-outro-title{font-size:var(--t-h3);margin-bottom:18px}.credit{color:var(--quiet);margin:14px 0 0;font-size:.92rem}.sprockets{opacity:.22;pointer-events:none;background-image:repeating-linear-gradient(90deg,#ece9e2e6 0 14px,#0000 14px 30px);border-radius:2px;height:10px;position:absolute;left:0;right:0}.sprockets.top{top:9svh}.sprockets.bottom{bottom:9svh}.wall{height:380svh;position:relative}.wall-pin{pointer-events:none;height:100svh;position:sticky;top:0;overflow:hidden}.wbeat{left:var(--gutter);max-width:14ch;font-size:var(--t-h2);opacity:0;text-shadow:0 2px 40px #000000bf;margin:0;position:absolute;bottom:clamp(70px,12vh,120px)}.wbeat-3{flex-wrap:wrap;align-items:flex-end;gap:22px;max-width:none;display:flex}.wcount{font-size:var(--t-mega);font-variant-numeric:tabular-nums;line-height:.9}.wcount-label{max-width:22ch;font-family:Mona,sans-serif;font-weight:500;font-size:var(--t-lead);letter-spacing:0;color:var(--fg);margin-bottom:.6em;line-height:1.35}.wbeat-4{left:auto;right:var(--gutter);text-align:right}.sound{background:#000;padding-block:clamp(110px,16vw,220px);position:relative}.sound-grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:center;gap:clamp(32px,6vw,100px);display:grid}.sound-title{font-size:var(--t-h2)}.sound-body{max-width:40ch;color:var(--muted);font-size:var(--t-lead);margin:26px 0 22px;line-height:1.45}.deck{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.record{aspect-ratio:1;width:min(440px,80vw);box-shadow:0 40px 120px -40px #000000f2, 0 0 0 1px #ffffff0d, 0 0 80px -10px var(--glow,transparent);background:radial-gradient(circle,#1c1c1c 0 23%,#0b0b0b 23.6% 100%);border-radius:50%;margin-inline:auto;transition:box-shadow .6s;animation:1.8s linear infinite paused spin;position:relative}.record.playing{animation-play-state:running}.record-grooves{background:repeating-radial-gradient(circle,#ffffff17 0 1px,#0000 1px 2.6px);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 34%,#000 34.5% 97%,#0000 97.5%);mask:radial-gradient(circle,#0000 0 34%,#000 34.5% 97%,#0000 97.5%)}.record:after{content:"";background:conic-gradient(from 210deg, transparent 0 8%, #ffffff1a 12%, transparent 18% 58%, #ffffff12 62%, transparent 68%);border-radius:50%;position:absolute;inset:0;-webkit-mask:radial-gradient(circle,#0000 0 34%,#000 34.5% 97%,#0000 97.5%);mask:radial-gradient(circle,#0000 0 34%,#000 34.5% 97%,#0000 97.5%)}.record-label{object-fit:cover;border-radius:50%;width:34%;height:34%;position:absolute;inset:33%}.record-spindle{background:#d8d4cc;border-radius:50%;width:3.2%;height:3.2%;margin:-1.6% 0 0 -1.6%;position:absolute;top:50%;left:50%}@keyframes spin{to{transform:rotate(360deg)}}.tracks{border-top:1px solid var(--rule);margin:0;padding:0;list-style:none}.track{border-bottom:1px solid var(--rule)}.track button{text-align:left;grid-template-columns:28px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;padding:14px 4px;display:grid}.track-n{font-variant-numeric:tabular-nums;color:var(--quiet);font-size:.86rem}.track-t{font-weight:500}.track-g{color:var(--quiet);white-space:nowrap;font-size:.9rem}.track-wave{grid-column:2/4;width:100%;height:26px;display:none}.track.active .track-wave{display:block}.track.active .track-n,.track button:hover .track-t{color:var(--track-color,var(--signal))}.make{padding-top:clamp(110px,14vw,200px)}.services{margin:0;padding:0;list-style:none}.service{border-bottom:1px solid var(--rule);grid-template-columns:minmax(0,5fr) minmax(0,6fr);align-items:baseline;gap:12px clamp(16px,3vw,48px);padding-block:clamp(22px,3vw,40px);display:grid}.service:first-child{padding-top:0}.service h3{font-family:Mona Display,sans-serif;font-weight:600;font-size:var(--t-h3);letter-spacing:-.025em;margin:0;line-height:1.08;transition:color .3s}.service p{max-width:46ch;color:var(--muted);margin:0}.service:hover h3{color:var(--signal)}.peek{z-index:30;pointer-events:none;aspect-ratio:4/5;opacity:0;width:240px;transition:opacity .3s, transform .5s var(--ease);border-radius:14px;position:fixed;top:0;left:0;overflow:hidden;transform:scale(.86);box-shadow:0 30px 80px -20px #000000e6}.peek.on{opacity:1;transform:scale(1)}.peek video,.peek img{object-fit:cover;width:100%;height:100%}.studies{padding-top:clamp(110px,14vw,200px)}.study-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.4vw,36px);display:grid}.study{text-decoration:none;display:block}.study-media{aspect-ratio:4/5;background:#0a0a0a;border-radius:14px;position:relative;overflow:hidden}.study-media img{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease)}.study:hover .study-media img{transform:scale(1.05)}.study h3{font-family:Mona Display,sans-serif;font-weight:600;font-size:var(--t-h3);letter-spacing:-.025em;margin:18px 0 6px}.study p{color:var(--muted);max-width:34ch;margin:0}.who{padding-top:clamp(110px,14vw,200px)}.who-body{max-width:44ch;font-size:var(--t-lead);margin:0;line-height:1.45}.links{flex-wrap:wrap;gap:10px 30px;margin:1.6em 0 0;padding:0;list-style:none;display:flex}.links a{color:var(--muted);transition:color .2s}.links a:hover{color:var(--fg)}.contact{flex-direction:column;justify-content:space-between;min-height:175svh;padding-top:clamp(110px,14vw,200px);display:flex;position:relative}.mail{font-family:Mona Display,sans-serif;font-weight:600;font-size:var(--t-mail);letter-spacing:-.04em;overflow-wrap:anywhere;will-change:transform;line-height:1;text-decoration:none;display:inline-block}.mail-inner{transition:color .3s;display:inline-block}.mail:hover .mail-inner{color:var(--signal)}.foot{border-top:1px solid var(--rule);color:var(--quiet);flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:80px;padding-block:18px 30px;font-size:.9rem;display:flex}.rm-img{object-fit:cover;opacity:.55;width:100%;height:100%;display:none;position:absolute;inset:0}.js [data-reveal]{opacity:0;transform:translateY(22px)}@media (width<=900px){.sound-grid,.study-grid{grid-template-columns:1fr}.study-media{aspect-ratio:16/11}.nav a{display:none}}@media (width<=720px){.service{grid-template-columns:1fr}.noise-head{flex-direction:column}.beat{font-size:1.45rem}.beat-2{top:16svh}.beat-3{top:auto;bottom:16svh}.timecode{display:none}.foot{flex-direction:column;gap:4px}}@media (prefers-reduced-motion:reduce){#seq,#flash{display:none}.rm-img{display:block!important}.beat,.wbeat,.noise-end{opacity:1!important}.grain,.scroll-cue i:after,.record{animation:none}.js [data-reveal]{opacity:1;transform:none}.iris,.noise,.wall{height:auto}.iris-pin,.noise-pin,.wall-pin{position:relative}}