/**/ /**/ @font-face{font-family: 'Inter';font-style: normal;font-weight: 400 600;font-display: swap;src: url(fonts/inter-latin.woff2) format('woff2');}@font-face{font-family: 'Space Grotesk';font-style: normal;font-weight: 500 700;font-display: swap;src: url(fonts/space-grotesk-latin.woff2) format('woff2');}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 400;font-display: swap;src: url(fonts/ibm-plex-mono-latin.woff2) format('woff2');}/**/ @font-face{font-family: 'IBM Plex Mono';font-style: normal;font-weight: 600;font-display: swap;src: url(fonts/ibm-plex-mono-latin-600.woff2) format('woff2');}/**/ @font-face{font-family: 'Inter Fallback';src: local('Arial'),local('Roboto'),local('Helvetica Neue');size-adjust: 107%;ascent-override: 90%;descent-override: 22.5%;line-gap-override: 0%;}@font-face{font-family: 'Space Grotesk Fallback';src: local('Arial'),local('Roboto'),local('Helvetica Neue');size-adjust: 111%;ascent-override: 88.5%;descent-override: 26.3%;line-gap-override: 0%;}/**/ :root{/**/ --c-bg-0: #0b0b0d;/**/ --c-bg-1: #101012;/**/ --c-bg-2: #151517;/**/ --c-bg-3: #1b1b1e;/**/ --c-glass: rgba(11,11,13,0.9);/**/ --c-ink: #f1f0eb;--c-ink-2: #b9bbbd;/**/ --c-ink-3: #959b9e;/**/ /**/ --c-line: rgba(236,238,240,0.08);/**/ --c-line-2: rgba(236,238,240,0.16);/**/ --c-line-3: rgba(236,238,240,0.30);/**/ /**/ --c-control: rgba(236,238,240,0.42);--c-control-hi: rgba(236,238,240,0.62);/**/ --c-accent: #aac6de;--c-accent-hi: #c2d8ea;/**/ --c-accent-weak: rgba(170,198,222,0.14);/**/ --c-accent-line: rgba(170,198,222,0.45);/**/ --c-accent-ink: #0b0b0d;/**/ --c-warn: #e8a5a5;/**/ /**/ --r-s: 6px;--r-m: 12px;--r-pill: 999px;/**/ --e-1: inset 0 1px 0 0 rgba(236,238,240,0.045);--e-2: 0 12px 32px rgba(0,0,0,0.38);--e-3: 0 32px 90px rgba(0,0,0,0.46);/**/ --s-1: 6px;--s-2: 10px;--s-3: 16px;--s-4: 24px;--s-5: 40px;--s-6: 64px;--s-7: 96px;--s-8: 130px;/**/ --page-max: 1200px;--site-header-height: 86px;--page-gutter: clamp(20px,5vw,64px);--reading-max: 800px;/**/ --section-pad: clamp(64px,10vh,108px);/**/ --t-d1: clamp(52px,8vw,112px);/**/ --t-d2: clamp(44px,5.4vw,76px);/**/ --t-t1: clamp(32px,3.6vw,49px);/**/ --t-t2: clamp(24px,2.4vw,31px);/**/ --t-t3: clamp(20px,1.9vw,25px);/**/ --t-b1: 20px;/**/ --t-b0: 16.5px;/**/ --t-s1: 14px;/**/ /**/ --t-sv-t1: clamp(29.6px,7.4vw,40px);/**/ --t-sv-t2: clamp(25.6px,6.4vw,32.8px);/**/ --t-sv-t3: clamp(21.12px,5.2vw,25.6px);/**/ --t-m1: 12px;/**/ --t-m0: var(--t-m1);/**/ --lh-d1: 0.88;--lh-d2: 0.94;--lh-t1: 1.06;--lh-t2: 1.18;--lh-t3: 1.26;--lh-b1: 1.55;--lh-b0: 1.7;--tr-d1: -0.035em;--tr-d2: -0.032em;--tr-t1: -0.03em;--tr-t2: -0.02em;--tr-t3: -0.015em;--tr-m: 0.06em;/**/ /**/ --micro-act-font: var(--f-body);--micro-act-size: var(--t-s1);/**/ --micro-act-weight: 500;--micro-act-strong: 600;--micro-act-tr: -0.005em;--micro-data-font: var(--f-mono);--micro-data-size: var(--t-m1);--micro-data-tr: var(--tr-m);--micro-data-ink: var(--c-ink-3);--micro-cap-font: var(--f-body);--micro-cap-size: var(--t-s1);--micro-cap-tr: 0;--micro-cap-ink: var(--c-ink-3);/**/ --dur: 160ms;--dur-slow: 320ms;--ease: cubic-bezier(0.2,0.7,0.2,1);/**/ --f-display: 'Space Grotesk','Space Grotesk Fallback',system-ui,sans-serif;--f-body: 'Inter','Inter Fallback',system-ui,-apple-system,'Segoe UI','Helvetica Neue',Arial,sans-serif;--f-mono: 'IBM Plex Mono',ui-monospace,monospace;}/**/ body::before{content: "";position: fixed;inset: 0;z-index: 0;pointer-events: none;background: radial-gradient(120% 70% at 50% -8%,rgba(170,198,222,0.05),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='.035'/%3E%3C/svg%3E");background-repeat: no-repeat,repeat;background-size: auto,120px 120px;}/**/ /**/ button,input,select,textarea{font-family: inherit;font-size: inherit;line-height: inherit;}::selection{background: var(--c-accent);color: var(--c-accent-ink);}html{scrollbar-width: thin;scrollbar-color: rgba(236,238,240,0.18) transparent;}::-webkit-scrollbar{width: 8px;}::-webkit-scrollbar-track{background: transparent;}::-webkit-scrollbar-thumb{background: rgba(236,238,240,0.18);border-radius: var(--r-pill);}::-webkit-scrollbar-thumb:hover{background: var(--c-accent);}:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 3px;}/**/ @view-transition{navigation: auto;}::view-transition-old(root),::view-transition-new(root){animation-duration: 160ms;}@media (prefers-reduced-motion: reduce){@view-transition{navigation: none;}}/**/ .btn{display: inline-flex;align-items: center;justify-content: center;gap: var(--s-2);min-height: 44px;/**/ padding: 0 var(--s-4);/**/ border: 1px solid var(--c-control);border-radius: var(--r-pill);background: transparent;color: var(--c-ink-2);font-family: var(--micro-act-font);font-size: var(--micro-act-size);font-weight: var(--micro-act-weight);line-height: 1;letter-spacing: var(--micro-act-tr);text-transform: none;cursor: pointer;transition: color var(--dur) var(--ease),border-color var(--dur) var(--ease),background var(--dur) var(--ease);}.btn:hover,.btn--ghost:hover{border-color: var(--c-control-hi);color: var(--c-ink);}/**/ .btn--primary{color: var(--c-accent-ink);background: var(--c-accent);border-color: var(--c-accent);font-weight: var(--micro-act-strong);}.btn--primary:hover{color: var(--c-accent-ink);background: var(--c-accent-hi);border-color: var(--c-accent-hi);}.btn[disabled]{opacity: .5;cursor: not-allowed;}/**/ /**/ .site-header{position: sticky;top: 0;z-index: 1000;display: flex;align-items: center;justify-content: space-between;min-height: var(--site-header-height);gap: var(--s-4);padding-block: 14px;padding-inline: max(var(--page-gutter),calc((100% - var(--page-max)) / 2));border-bottom: 1px solid var(--c-line);background: var(--c-glass);-webkit-backdrop-filter: blur(16px);backdrop-filter: blur(16px);view-transition-name: site-header;}.site-header.is-scrolled{background: rgba(11,11,13,.96);}/**/ ::view-transition-group(site-header){animation-duration: 0s;}::view-transition-old(site-header),::view-transition-new(site-header){animation: none;}/**/ @supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.site-header{background: color-mix(in srgb,var(--c-bg-1) 94%,transparent);}}/**/ .site-header__name,.site-header nav a{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;white-space: nowrap;font-family: var(--micro-act-font);font-size: var(--micro-act-size);text-decoration: none;transition: color var(--dur) var(--ease);}.site-header__name{flex: 0 0 auto;font-family: var(--f-display);font-size: 19px;font-weight: 500;letter-spacing: -.025em;color: var(--c-ink);}/**/ .site-header__name:hover{text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px;}/**/ .site-header__name-short{display: none;}.site-header nav{display: flex;flex: 0 0 auto;align-items: center;gap: clamp(12px,2vw,32px);}.site-header nav a{position: relative;min-width: 44px;padding: 0;border: 0;border-radius: 0;margin: 0;font-weight: 500;letter-spacing: 0;color: var(--c-ink-2);}.site-header nav a:hover{color: var(--c-ink);}.site-header nav a::after{content: "";position: absolute;left: 0;right: 0;bottom: 5px;height: 1px;background: var(--c-accent);transform: scaleX(0);transform-origin: left;transition: transform var(--dur) var(--ease);}.site-header nav a:hover::after,.site-header nav a[aria-current="page"]::after{transform: scaleX(1);}/**/ .site-header nav a[aria-current="page"]{color: var(--c-ink);}/**/ @media (max-width: 820px){:root{--site-header-height: 70px;}.site-header{gap: 12px;padding-block: 9px;padding-inline: max(var(--page-gutter),env(safe-area-inset-left)) max(var(--page-gutter),env(safe-area-inset-right));}.site-header__name{min-width: 44px;font-size: 15px;}.site-header__name-full{display: none;}.site-header__name-short{display: inline;}.site-header nav{gap: clamp(6px,1.5vw,12px);}}@media (max-width: 380px){.site-header nav a{font-size: 13px;}}/**/ .colophon{position: relative;z-index: 10;width: min(100%,calc(var(--page-max) + var(--page-gutter) * 2));margin-inline: auto;padding: var(--s-4) var(--page-gutter) calc(var(--s-5) + env(safe-area-inset-bottom));display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: var(--s-2) var(--s-4);border-top: 0;background-image: linear-gradient(var(--c-line-2),var(--c-line-2));background-repeat: no-repeat;background-position: var(--page-gutter) 0;background-size: calc(100% - var(--page-gutter) * 2) 1px;font-family: var(--micro-data-font);font-size: var(--micro-data-size);line-height: var(--lh-t3);letter-spacing: var(--micro-data-tr);color: var(--c-ink-3);}/**/ .colophon__meta,.colophon__links,.colophon__pair,.colophon__graz{display: inline-flex;flex-wrap: wrap;align-items: center;gap: 0 .6em;}.colophon__pair,.colophon__graz{flex-wrap: nowrap;white-space: nowrap;}.colophon a{display: inline-flex;align-items: center;justify-content: center;min-height: 44px;min-width: 24px;color: var(--c-ink-3);text-decoration: underline;text-decoration-thickness: 1px;text-underline-offset: 4px;text-decoration-color: var(--c-line-2);transition: color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease);}.colophon a:hover{color: var(--c-ink);text-decoration-color: var(--c-ink);}/**/ @media (max-width: 600px){.colophon{flex-direction: column;align-items: flex-start;gap: var(--s-1);}.colophon__sep{display: none;}.colophon__meta,.colophon__links,.colophon__pair,.colophon__graz{gap: 0 var(--s-3);}}/**/ @media (max-width: 480px){.colophon__links{display: grid;grid-template-columns: repeat(3,auto);justify-content: start;gap: 0 var(--s-3);}}/**/ *,*::before,*::after{margin: 0;padding: 0;box-sizing: border-box;}:root{--bg: var(--c-bg-1);--ink: var(--c-ink);--muted: var(--c-ink-2);--faint: var(--c-ink-3);--rule: var(--c-line-2);--rule-h: var(--c-line-3);--ice: var(--c-accent);--panel: var(--c-bg-2);--display: var(--f-display);--body: var(--f-body);--mono: var(--f-mono);}html{scroll-behavior: smooth;scroll-padding-top: 72px;}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto;}*,*::before,*::after{transition: none !important;animation: none !important;}}body{background: var(--c-bg-1);color: var(--ink);font-family: var(--body);font-size: var(--t-b0);line-height: var(--lh-b0);-webkit-font-smoothing: antialiased;overflow-x: hidden;}a{color: inherit;text-decoration: none;}a:focus-visible{outline: 2px solid var(--ice);outline-offset: 3px;}.skip-link{position: fixed;top: 16px;left: 16px;z-index: 3000;display: inline-flex;align-items: center;min-height: 44px;padding: 10px 14px;background: var(--ice);color: var(--c-accent-ink);font-family: var(--mono);font-size: var(--t-m1);border-radius: var(--r-s);transform: translateY(-240%);transition: transform var(--dur) var(--ease);}.skip-link:focus-visible{transform: translateY(0);outline: 2px solid var(--ink);outline-offset: 2px;}.wrap,.panel__inner,.error-page{width: min(100%,calc(var(--page-max) + var(--page-gutter) * 2));margin-inline: auto;padding-inline: var(--page-gutter);}.content{position: relative;z-index: 10;display: block;}section{padding: var(--s-7) 0;}.wcard__meta,.prow__meta,.earlier-work summary span,.error-page__code{font-family: var(--micro-data-font);font-size: var(--micro-data-size);letter-spacing: var(--micro-data-tr);text-transform: uppercase;color: var(--micro-data-ink);}/**/ section.panel{padding: 0;}.panel{width: 100%;margin-left: 0;background: var(--c-bg-1);border: 0;}/**/ .panel__inner{padding-block: 88px 0;}.work-head{display: block;padding-bottom: 28px;border-bottom: 1px solid var(--c-line-2);}.sec-title,.plist__group{font-family: var(--f-display);font-size: clamp(34px,3.6vw,52px);font-weight: 500;line-height: 1.04;letter-spacing: -.05em;}.sec-title{margin-bottom: var(--s-5);}.work-head .sec-title{margin-bottom: 0;}.wgrid{display: grid;grid-template-columns: minmax(0,1fr);gap: 64px 32px;margin: 40px 0 0;padding: 0;list-style: none;}.wgrid>li{display: flex;min-width: 0;}.wgrid>li>.wcard{width: 100%;}.wcard{display: grid;grid-template-columns: minmax(0,1fr);align-content: start;gap: 22px;color: var(--ink);}.wcard__media{position: relative;aspect-ratio: 16 / 9;overflow: hidden;border: 1px solid var(--c-line-2);border-radius: var(--r-s);background: var(--c-bg-0);transition: border-color var(--dur) var(--ease);}.wcard__media img{display: block;width: 100%;height: 100%;object-fit: cover;}/**/ .wcard--sidar .wcard__media img{object-fit: contain;}.wcard__media::after{content: "";position: absolute;inset: 0;pointer-events: none;border-radius: inherit;box-shadow: var(--e-1),inset 0 -70px 70px -58px rgba(11,11,13,.92);}.wcard__media [data-card-preview]{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;opacity: 0;pointer-events: none;transition: opacity .45s ease;}.wcard.is-previewing [data-card-preview]{opacity: 1;}.wcard__body{display: grid;align-content: start;gap: 10px;min-width: 0;}.wcard__title{font-family: var(--display);font-size: clamp(27px,2.7vw,40px);font-weight: 500;line-height: var(--lh-t2);letter-spacing: -.04em;transition: color var(--dur) var(--ease);}.wcard__desc{max-width: 46ch;color: var(--muted);font-size: 16px;line-height: 1.65;text-wrap: pretty;}.wcard__meta{font-size: 12px;line-height: 1.6;letter-spacing: .025em;color: var(--c-ink-3);transition: color var(--dur) var(--ease);}.wcard:hover .wcard__title,.wcard:focus-visible .wcard__title{text-decoration: underline;text-decoration-color: var(--ice);text-decoration-thickness: 1px;text-underline-offset: 6px;}.wcard:hover .wcard__meta,.wcard:focus-visible .wcard__meta{color: var(--muted);}.wcard:active .wcard__title{color: var(--ice);}@media (min-width: 640px) and (max-width: 999.98px){.wcard{grid-template-columns: minmax(0,1.2fr) minmax(0,1fr);gap: 24px;align-items: center;}.wcard__body{align-content: center;}}@media (min-width: 1000px){.wgrid{grid-template-columns: repeat(2,minmax(0,1fr));}.wgrid>li:first-child{grid-column: 1 / -1;}.wcard--lead{grid-template-columns: minmax(0,1.55fr) minmax(0,1fr);align-items: center;gap: 48px;}.wcard--lead .wcard__title{font-size: clamp(38px,4.6vw,66px);line-height: 1;}.wcard--lead .wcard__desc{margin-top: 12px;}}/**/ .plist{margin-top: 100px;}.plist__group{margin: 0;padding-bottom: 28px;color: var(--ink);border-bottom: 1px solid var(--rule);}.plist__rows{display: grid;grid-template-columns: minmax(0,1fr);gap: 32px;margin: 0;padding: 36px 0 0;list-style: none;}.plist__rows>li{min-width: 0;}.plist__featured{grid-column: 1 / -1;margin-bottom: 12px;}.tool-feature{display: grid;grid-template-columns: minmax(0,1fr);align-items: center;gap: 28px;}.tool-feature__body,.tool-feature__media{min-width: 0;}.tool-feature__body h3{margin: 0 0 20px;font: 500 clamp(32px,3.6vw,52px)/1.08 var(--display);letter-spacing: -.04em;}.tool-feature__body p{max-width: 47ch;margin-bottom: 16px;color: var(--muted);font-size: 16px;line-height: 1.7;text-wrap: pretty;}.tool-feature__body .prow__meta{display: block;font-size: 12px;color: var(--faint);}.tool-feature__go,.music-cta__go{display: inline-flex;align-items: center;gap: 10px;min-height: 44px;margin-top: 16px;font: 500 14px/1.5 var(--body);text-decoration: underline;text-decoration-color: var(--c-line-3);text-decoration-thickness: 1px;text-underline-offset: 5px;transition: color var(--dur) var(--ease),text-decoration-color var(--dur) var(--ease);}.tool-feature:hover .tool-feature__go,.tool-feature:focus-visible .tool-feature__go,.music-cta__link:hover .music-cta__go,.music-cta__link:focus-visible .music-cta__go{color: var(--ice);text-decoration-color: currentColor;}.tool-feature__media{order: -1;}.tool-feature__media img{display: block;width: 100%;height: auto;aspect-ratio: 1680 / 1140;object-fit: contain;border: 1px solid var(--rule);border-radius: var(--r-s);background: var(--c-bg-0);}.tool-feature__caption{display: block;margin-top: 10px;color: var(--muted);font-size: 12px;line-height: 1.5;}.prow{display: grid;grid-template-columns: 128px minmax(0,1fr);align-content: start;align-items: start;gap: 10px 24px;}.prow>div:not(.prow__thumb){grid-column: 2;grid-row: 1;min-width: 0;}.prow>.prow__meta{grid-column: 2;grid-row: 2;color: var(--faint);font-size: 12px;line-height: 1.6;}.prow h3{font: 500 24px/1.2 var(--display);letter-spacing: -.035em;transition: color var(--dur) var(--ease);}.prow p{max-width: 52ch;margin-top: 8px;color: var(--muted);font-size: 15px;line-height: 1.6;text-wrap: pretty;}.prow__thumb{position: relative;grid-column: 1;grid-row: 1 / span 2;width: 100%;aspect-ratio: 16 / 11;overflow: hidden;border: 1px solid var(--rule);border-radius: var(--r-s);background: var(--c-bg-0);transition: border-color var(--dur) var(--ease);}.prow__thumb img{display: block;width: 100%;height: 100%;object-fit: cover;object-position: left top;}/**/ .prow__thumb.tool-art img{position: absolute;width: var(--tool-width);max-width: none;height: auto;left: var(--tool-left);top: var(--tool-top);}.tool-art--audioq{--tool-width: 170%;--tool-left: -25%;--tool-top: -14%;}.tool-art--mowik{--tool-width: 190%;--tool-left: -38%;--tool-top: -22%;}.prow:hover h3,.prow:focus-visible h3{color: var(--ice);}.prow:hover .prow__thumb,.prow:focus-visible .prow__thumb{border-color: var(--c-line-3);}@media (min-width: 900px){.tool-feature{grid-template-columns: minmax(0,1fr) minmax(0,1.2fr);gap: 64px;}.tool-feature__media{order: 0;}}/**/ @media (min-width: 1200px){.plist__rows{grid-template-columns: repeat(3,minmax(0,1fr));}.prow{grid-template-columns: 88px minmax(0,1fr);gap: 10px 18px;}.prow h3{font-size: 23px;}}/**/ .earlier-work{margin-top: 36px;border-block: 1px solid var(--rule);}.earlier-work summary{display: flex;justify-content: space-between;align-items: center;gap: 24px;padding: 28px 0;cursor: pointer;list-style: none;font: 500 20px/1.3 var(--display);transition: color var(--dur) var(--ease);}.earlier-work summary:hover,.earlier-work summary:focus-visible{color: var(--ice);}.earlier-work summary::-webkit-details-marker{display: none;}.earlier-work summary::after{content: '+';margin-left: auto;color: var(--ice);font-family: var(--mono);}.earlier-work[open] summary::after{content: '-';}.earlier-work summary span{font-weight: 400;}.earlier-work nav{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));column-gap: 32px;padding: 0 var(--s-1) 22px;}.earlier-work nav a{display: grid;gap: 3px;align-content: center;min-height: 68px;padding: 11px 0;border-top: 1px solid var(--rule);color: var(--muted);}.archive-project-link__name{color: var(--ink);font-family: var(--display);font-size: var(--t-b0);font-weight: 500;line-height: 1.35;}.archive-project-link__desc{max-width: 44ch;color: var(--faint);font-size: var(--t-s1);line-height: 1.45;text-wrap: pretty;transition: color var(--dur) var(--ease);}.archive-project-link:hover .archive-project-link__desc,.archive-project-link:focus-visible .archive-project-link__desc{color: var(--muted);}/**/ .music-cta{margin-top: 88px;}.music-cta__link{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: center;gap: 64px;color: var(--ink);}.music-cta__body{min-width: 0;}.music-cta__body h2{margin: 0 0 24px;font: 500 clamp(48px,5.8vw,80px)/1 var(--display);letter-spacing: -.05em;}.music-cta__body p{max-width: 38ch;color: var(--muted);font-size: 17px;line-height: 1.7;text-wrap: pretty;}.music-cta__art{width: min(100%,360px);justify-self: center;}.music-cta__art img{display: block;width: 100%;height: auto;aspect-ratio: 1;object-fit: cover;border: 1px solid var(--rule);border-radius: var(--r-s);background: var(--c-bg-0);}/**/ #about{padding-block: 88px;}.about-panel{display: grid;grid-template-columns: minmax(0,1.08fr) minmax(0,1fr);align-items: start;gap: clamp(40px,7vw,112px);}.about-bio,.about-tools{min-width: 0;}.about-bio p{max-width: 54ch;margin: 0 0 20px;color: var(--muted);font-size: 17px;line-height: 1.8;text-wrap: pretty;}.about-bio .about-bio__lead{max-width: 34ch;margin-bottom: 26px;color: var(--ink);font: 500 clamp(23px,2.2vw,30px)/1.45 var(--display);letter-spacing: -.025em;}.about-bio p a{color: var(--ink);text-decoration: underline;text-decoration-color: var(--c-line-3);text-decoration-thickness: 1px;text-underline-offset: 4px;}.about-bio p a:hover{color: var(--ice);text-decoration-color: currentColor;}.about-bio .about-bio__code{margin-bottom: 0;font-size: 14px;}.about-tools h3{margin: 0 0 20px;color: var(--muted);font: 500 16px/1.5 var(--body);}.about-tools__list{margin: 0;padding: 0;border-top: 1px solid var(--rule);list-style: none;}.about-tool{display: grid;grid-template-columns: minmax(0,1fr) 24px;gap: 5px 16px;align-items: center;min-height: 72px;padding-block: 14px;border-bottom: 1px solid var(--rule);}.about-tool__name{color: var(--ink);font: 500 18px/1.35 var(--display);letter-spacing: -.015em;}.about-tool__use{grid-column: 1;color: var(--muted);font-size: 14px;line-height: 1.55;text-wrap: pretty;}.about-tool__project{color: var(--faint);text-decoration: underline;text-decoration-color: transparent;text-decoration-thickness: 1px;text-underline-offset: 4px;}.about-tool__go{grid-column: 2;grid-row: 1 / span 2;justify-self: end;color: var(--faint);font: 400 22px/1 var(--body);}.about-tool:hover .about-tool__name,.about-tool:focus-visible .about-tool__name,.about-tool:hover .about-tool__go,.about-tool:focus-visible .about-tool__go{color: var(--ice);}.about-tool:hover .about-tool__project,.about-tool:focus-visible .about-tool__project{color: var(--ink);text-decoration-color: var(--ice);}.about-tools__other{max-width: 45ch;margin-top: 20px;color: var(--faint);font-size: 13px;line-height: 1.7;}/**/ .closing{display: grid;grid-template-columns: minmax(0,1fr) minmax(0,1fr);align-items: center;gap: 48px;padding-block: 72px 88px;border-top: 1px solid var(--rule);}.closing__intro h2{margin: 0 0 24px;font: 500 clamp(48px,5.5vw,80px)/1 var(--f-display);letter-spacing: -.05em;}.closing__intro p{max-width: 35ch;font-size: 17px;line-height: 1.7;color: var(--muted);}.closing__details{min-width: 0;}.closing__mail{display: inline-block;max-width: 100%;padding-block: 12px;color: var(--ink);font: 500 clamp(18px,1.9vw,27px)/1.45 var(--f-display);letter-spacing: -.025em;overflow-wrap: anywhere;text-decoration: underline;text-decoration-color: var(--c-line-3);text-underline-offset: 7px;transition: color .25s ease,text-decoration-color .25s ease;}.closing__mail:hover{color: var(--ice);text-decoration-color: currentColor;}.closing__actions{display: flex;flex-wrap: wrap;align-items: center;gap: 8px 24px;margin-top: 16px;}.closing__actions a,.closing__copy{display: inline-flex;align-items: center;justify-content: center;gap: 10px;min-height: 46px;color: var(--muted);font: 500 14px/1.3 var(--f-body);}.closing__copy{padding: 0;border: 0;background: transparent;cursor: pointer;}.closing__actions a:hover,.closing__copy:hover{color: var(--ink);text-decoration: underline;text-underline-offset: 4px;}.closing__copy svg{width: 17px;height: 17px;fill: none;stroke: currentColor;stroke-width: 1.5;}.closing__copy[hidden]{display: none;}.closing__status{min-height: 24px;margin-top: 12px;color: var(--ice);font-size: 13px;}/**/ .error-page{min-height: calc(100svh - 150px);display: flex;flex-direction: column;justify-content: center;align-items: flex-start;padding-block: clamp(var(--s-8),18vh,210px) var(--s-7);}.error-page__code{margin: 0 0 18px;font-family: var(--micro-data-font);font-size: var(--micro-data-size);letter-spacing: var(--micro-data-tr);color: var(--micro-data-ink);}.error-page h1{margin: 0;font-family: var(--display);font-weight: 700;font-size: var(--t-d2);letter-spacing: -.035em;line-height: var(--lh-d2);}.error-page__air{width: min(320px,76%);height: 24px;margin: 30px 0 0;}.error-page__air path{stroke: rgba(236,238,240,0.28);stroke-width: 1.25;stroke-linejoin: round;stroke-linecap: round;}.error-page>p:not(.error-page__code){max-width: 54ch;margin: 28px 0 0;color: var(--muted);font-size: var(--t-b1);line-height: var(--lh-b1);}.error-routes{display: grid;margin-top: 40px;border-top: 1px solid var(--rule);}.error-routes a{display: grid;gap: 3px;align-content: center;min-height: 44px;padding: 18px var(--s-1) 20px;border-bottom: 1px solid var(--rule);transition: background-color var(--dur) var(--ease);}.error-routes a:hover,.error-routes a:focus-visible{background-color: rgba(236,238,240,0.022);}.error-routes__name{color: var(--ink);font-family: var(--display);font-weight: 500;font-size: var(--t-t3);line-height: 1.3;letter-spacing: var(--tr-t3);transition: color var(--dur) var(--ease);}.error-routes a:hover .error-routes__name,.error-routes a:focus-visible .error-routes__name{color: var(--ice);}.error-routes__desc{max-width: 52ch;color: var(--faint);font-size: var(--t-s1);line-height: 1.5;transition: color var(--dur) var(--ease);}.error-routes a:hover .error-routes__desc,.error-routes a:focus-visible .error-routes__desc{color: var(--muted);}@media (min-width: 760px){.error-routes a{grid-template-columns: minmax(180px,.3fr) minmax(0,1fr);gap: 0 var(--s-5);align-items: baseline;}}/**/ @media (max-width: 999.98px){.wgrid{gap: 40px;}.music-cta__link{gap: 32px;}}@media (max-width: 860px){.about-panel{grid-template-columns: minmax(0,1fr);gap: 40px;}.about-bio{max-width: 60ch;}.about-tools{max-width: 40rem;}}@media (max-width: 820px){section{padding: var(--s-6) 0;}section.panel{padding: 0;}.earlier-work nav{grid-template-columns: minmax(0,1fr);padding-inline: 0;}.earlier-work summary{display: grid;grid-template-columns: minmax(0,1fr) auto;gap: 3px 14px;}.earlier-work summary span{grid-column: 1;grid-row: 2;white-space: nowrap;}.earlier-work summary::after{grid-column: 2;grid-row: 1 / span 2;align-self: center;margin-left: 0;font-size: var(--t-t3);}}@media (max-width: 740px){.closing{grid-template-columns: minmax(0,1fr);gap: 28px;padding-block: 48px;}.closing__intro h2{margin-bottom: 18px;}.closing__mail{font-size: clamp(17px,5.3vw,27px);}}@media (max-width: 639.98px){.panel__inner{padding-block: 48px 0;}.sec-title,.plist__group{font-size: 34px;}.sec-title{margin-bottom: 22px;}.work-head{padding-bottom: 22px;}.wgrid{margin-top: 28px;}.wcard{gap: 18px;}.wcard__title{font-size: 30px;line-height: 1.08;}.wcard__desc{line-height: 1.55;}.plist{margin-top: 64px;}.plist__rows{gap: 28px;padding-top: 28px;}.prow{grid-template-columns: 80px minmax(0,1fr);gap: 8px 16px;}.prow h3{font-size: 23px;}.prow p{font-size: 14px;}.earlier-work summary{font-size: 18px;padding-block: 24px;}.earlier-work nav a{min-height: 62px;padding: 13px 0;}.music-cta{margin-top: 56px;}.music-cta__link{grid-template-columns: minmax(0,1fr);gap: 28px;}.music-cta__body h2{margin-bottom: 18px;}.music-cta__art{width: min(100%,340px);}#about{padding-block: 56px;}.about-tool{gap: 5px 12px;}}/**/ :root{--r-s: 8px;--r-m: 18px;--page-max: 1320px;--page-gutter: clamp(20px,5vw,80px);--t-m1: 12px;--t-s1: 14px;--dur: 240ms;--dur-slow: 650ms;--ease: cubic-bezier(.22,1,.36,1);--motion-ease: cubic-bezier(.22,1,.36,1);}html{scroll-behavior: smooth;scroll-padding-top: 100px;scrollbar-gutter: stable;}/**/ body{overflow-x: clip;}body::before{background: radial-gradient(ellipse at 80% 0,rgba(170,198,222,.025),transparent 58%);}button,a{-webkit-tap-highlight-color: transparent;}button:focus-visible,a:focus-visible,summary:focus-visible{outline: 2px solid var(--c-accent);outline-offset: 6px;}.colophon{padding-block: 32px;color: var(--c-ink-3);}.colophon a{transition: color .25s ease;}.colophon a:hover{color: var(--c-accent);}.btn{transition: background .2s ease,border-color .2s ease;}.motion-enter{animation: studio-enter .5s var(--motion-ease) both;animation-delay: var(--motion-delay,0ms);}@keyframes studio-enter{from{opacity: 0;transform: translate3d(0,12px,0);}to{opacity: 1;transform: translate3d(0,0,0);}}@view-transition{navigation: auto;}::view-transition-old(root){animation: studio-page-out .22s ease both;}::view-transition-new(root){animation: studio-page-in .45s var(--ease) both;}@keyframes studio-page-out{to{opacity: 0;}}@keyframes studio-page-in{from{opacity: 0;transform: translateY(10px);}}.cine{padding-top: 64px;}.cine-open{gap: clamp(32px,5vw,80px);margin-bottom: 112px;}.cine-open h1{font-size: clamp(48px,5.7vw,86px);font-weight: 500;letter-spacing: -.055em;line-height: 1.01;margin-bottom: 24px;}.cine .cine-kicker{color: var(--c-ink-3);margin-bottom: 24px;}.cine .cine-lead{font-size: clamp(18px,1.7vw,22px);line-height: 1.6;}.cine .cine-meta{font-size: 13px;line-height: 1.8;margin-block: 22px;}.cine h2{font-size: clamp(26px,3vw,40px);font-weight: 500;letter-spacing: -.035em;margin-bottom: 20px;}.cine h3{font-family: var(--f-display);font-size: 20px;font-weight: 500;line-height: 1.25;}.cine-split:not(.cine-open){margin-bottom: 100px;gap: clamp(28px,5vw,80px);}.cine-row{gap: 28px;margin-bottom: 100px;}.cine-split__media>img,.cine-split__media>video,.cine-split__media>.yt-facade,.cine-row figure>img{border-radius: var(--r-m);border: 1px solid var(--c-line);box-shadow: 0 24px 64px #0003;}.cine-row figure>img{margin-bottom: 18px;}.cine .cine-row__num{color: var(--c-accent);margin-block: 12px;}.cine .cine-cap{font-size: 14px;color: var(--c-ink-3);margin-top: 14px;}.cine-links{gap: 12px;}.cine-links a{padding: 0 20px;border: 1px solid var(--c-line-3);border-radius: var(--r-pill);text-decoration: none;min-height: 46px;transition: background .3s ease,border-color .3s ease;}.cine-links a:first-child{color: var(--c-accent);border-color: var(--c-accent-line);}.cine-links a:hover{background: var(--c-accent-weak);border-color: var(--c-accent);}.cine-close{padding-block: 32px;}.cine [data-reveal]{opacity: 1;}.stage__room{padding-block: 64px 80px;gap: clamp(32px,6vw,96px);}.stage__title{font-size: clamp(52px,6.5vw,94px);font-weight: 500;letter-spacing: -.055em;margin-bottom: 32px;}.stage__art{border-radius: 16px;box-shadow: 0 35px 90px #0008;}.stage__set-title{color: var(--c-ink-3);margin-bottom: 16px;}.library{padding-top: 88px;}.library .section-heading h2{font-size: clamp(30px,3.5vw,48px);font-weight: 500;letter-spacing: -.035em;}.player-bar{border-top-color: var(--c-line-3);background: rgba(16,16,18,.96);backdrop-filter: blur(24px);}.ck{background: var(--c-bg-0);}.ck--contact .ck__room{grid-template-columns: minmax(0,1.3fr) minmax(200px,.7fr);gap: clamp(30px,6vw,96px);}.ck__title{margin: 0 0 24px;font: 500 clamp(60px,7vw,100px)/1 var(--f-display);letter-spacing: -.06em;}.ck__intro{max-width: 40ch;margin: 0 0 36px;color: var(--c-ink-2);font-size: clamp(17px,1.5vw,20px);line-height: 1.65;}.ck--contact .ck__mail{font-size: clamp(18px,2.3vw,32px);}.ck--contact .ck__actions{gap: 12px;margin-top: 24px;}.ck--contact .ck__actions .btn{text-decoration: none;}.ck--contact .ck__write{margin-top: 20px;font-size: 14px;}.ck--contact .ck__status{min-height: 20px;margin: 6px 0 0;text-transform: none;letter-spacing: 0;}.ck--contact .ck__out{margin-top: 24px;gap: 8px 24px;}.ck--contact .ck__cv{color: var(--c-ink);gap: 8px;}.ck__dial{width: min(100%,280px,42vh);}.ck__mail{font-weight: 500;letter-spacing: -.04em;}.ck__out a{font-family: var(--f-body);font-size: 14px;text-transform: none;letter-spacing: 0;}@media (min-width:981px) and (max-height:900px){.stage{min-height: calc(100svh - 86px - var(--player-height));}.stage__room{padding-block: 16px;}.stage__title{font-size: 64px;margin-bottom: 16px;}.stage__copy{margin-bottom: 16px;}}@media (max-width:980px){.stage__room{grid-template-columns: minmax(200px,.85fr) minmax(0,1.15fr);padding-block: 40px;}.stage__plate{width: 100%;}.stage__title{font-size: 58px;}}@media (max-width:820px){.cine{padding-top: 36px;}.cine-open{margin-bottom: 64px;}.cine-open .cine-split__media{order: 0;}.cine-open h1{font-size: clamp(42px,9vw,68px);}.cine-split:not(.cine-open),.cine-row{margin-bottom: 64px;}.cine h2{font-size: 30px;}.ck--contact .ck__room{grid-template-columns: 1fr;padding-block: 48px;gap: 36px;text-align: left;justify-items: start;}.ck--contact .ck__side{width: 100%;}.ck--contact .ck__plate{align-items: flex-start;}.ck--contact .ck__dial{width: 160px;}.ck--contact .ck__mail{font-size: clamp(17px,4.8vw,32px);}.ck--contact .ck__actions,.ck--contact .ck__out{justify-content: flex-start;}.ck--contact .ck__actions .btn{flex: 0 1 auto;padding-inline: 16px;min-height: 46px;}}@media (max-width:620px){.stage__room{grid-template-columns: 1fr;gap: 24px;padding-block: 24px 40px;}.stage__plate{width: min(62vw,240px);}.stage__title{font-size: 48px;margin-bottom: 20px;}.library{padding-top: 48px;}.cine-open h1{overflow-wrap: anywhere;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior: auto;}*,*::before,*::after{animation: none!important;transition: none!important;}.motion-enter,.motion-line{opacity: 1;transform: none;clip-path: none;}@view-transition{navigation: none;}}@media print{.motion-enter,.motion-line{opacity: 1;transform: none;clip-path: none;animation: none;}}/**/ .hero{position: relative;isolation: isolate;display: flex;min-height: clamp(620px,calc(100svh - var(--site-header-height)),940px);padding: 36px var(--page-gutter) 36px;overflow: hidden;border-bottom: 1px solid var(--c-line);background: var(--c-bg-0);color: var(--c-ink);}.hero__editorial{position: relative;z-index: 2;display: flex;flex: 1;flex-direction: column;width: 100%;max-width: 1600px;min-width: 0;margin-inline: auto;}.hero__overline{display: flex;justify-content: space-between;gap: 24px;}.hero__overline p{margin: 0;color: var(--c-ink-2);font: 11px/1.6 var(--f-mono);letter-spacing: .04em;text-transform: uppercase;}.hero__overline span{margin-inline: 8px;color: var(--c-ink-3);}.hero__overline .hero__location{color: var(--c-ink-3);white-space: nowrap;}.hero h1.hero__statement{max-width: 800px;margin: 48px 0 0;font-family: var(--f-body);font-size: clamp(112px,12.4vw,198px);font-weight: 400;line-height: .96;letter-spacing: -.085em;white-space: nowrap;pointer-events: none;}.hero__statement>span{display: block;}.hero__statement em{font-family: "Times New Roman",Times,serif;font-size: 1.18em;font-weight: 400;line-height: .88;letter-spacing: -.065em;}.hero-wave{position: absolute;z-index: 0;top: 12px;left: 33%;width: 82%;height: calc(100% - 24px);pointer-events: none;mask-image: linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);}.hero-wave canvas,.hero-wave__still{position: absolute;inset: 0;display: block;width: 100%;height: 100%;object-fit: contain;}.hero-wave canvas{opacity: 0;transition: opacity .45s;}.hero-wave.is-ready canvas{opacity: 1;}.hero-wave.is-ready .hero-wave__still{opacity: 0;}.hero__base{display: grid;grid-template-columns: 1fr auto auto;align-items: center;gap: clamp(32px,5vw,80px);margin-top: auto;padding-top: 60px;}.hero__introduction p{margin: 0;}.hero__introduction .hero__name{margin-bottom: 8px;font-size: 16px;font-weight: 500;}.hero__role{color: var(--c-ink-2);font-size: 14px;line-height: 1.65;}.hero__work-link{display: inline-flex;align-items: center;gap: 28px;min-height: 48px;color: var(--c-ink);font-size: 14px;text-decoration: none;}.hero__work-link>span:last-child{font-size: 24px;transition: transform .2s;}.hero__work-link:hover>span:last-child{transform: translateY(4px);}.hero-reel__launch{display: flex;align-items: center;gap: 16px;min-height: 72px;padding: 0;border: 0;background: transparent;color: var(--c-ink);font: 500 14px/1.4 var(--f-body);text-align: left;cursor: pointer;}.hero-reel__preview{position: relative;flex: 0 0 132px;width: 132px;height: 82px;overflow: hidden;border: 1px solid var(--c-line-2);}.hero-reel__preview>img,.hero-reel__preview>video{position: absolute;inset: 0;width: 100%;height: 100%;object-fit: cover;}.hero-reel__preview>video{transition: opacity .3s;}.hero.is-settled .hero-reel__preview>video{opacity: 0;}.hero-reel__preview::after{position: absolute;inset: 0;background: #0003;content: "";}.hero-reel__launch-icon{position: absolute;z-index: 1;inset: 0;display: grid;place-items: center;color: #fff;}.hero-reel__launch-icon svg{width: 40px;height: 28px;fill: none;stroke: currentColor;stroke-width: 1.5;transition: transform .2s;}.hero-reel__launch-icon .hero-reel__play{fill: currentColor;stroke: none;}.hero-reel__launch:hover .hero-reel__launch-icon svg{transform: scale(1.08);}.hero-reel__copy{display: flex;flex-direction: column;gap: 8px;white-space: nowrap;}.hero-reel__copy small{color: var(--c-ink-3);font: 11px/1.4 var(--f-mono);}.hero-reel__arrow{margin-left: 4px;font-size: 23px;}.hero__cinema{position: absolute;z-index: 4;inset: 0;visibility: hidden;pointer-events: none;background: var(--c-bg-0);}.hero__film{display: block;width: 100%;height: min(100%,calc(100svh - var(--site-header-height)));object-fit: contain;}.hero__close{position: absolute;z-index: 5;top: 16px;right: var(--page-gutter);display: inline-flex;align-items: center;gap: 16px;min-height: 44px;padding: 0 16px;border: 1px solid var(--c-control);background: var(--c-bg-0);color: var(--c-ink);font: 500 14px/1.4 var(--f-body);cursor: pointer;}.hero__close[hidden]{display: none;}.hero__close span{font-size: 24px;font-weight: 400;}.hero.is-started .hero__editorial,.hero.is-started .hero-wave{visibility: hidden;pointer-events: none;}.hero.is-started .hero__cinema{visibility: visible;pointer-events: auto;}@media (max-width: 1000px){.hero h1.hero__statement{font-size: clamp(110px,14vw,140px);}.hero__base{gap: 24px;}.hero-reel__preview{flex-basis: 94px;width: 94px;height: 68px;}.hero-reel__arrow{display: none;}.hero__work-link{gap: 16px;}}@media (max-width: 760px){.hero{min-height: max(650px,calc(100svh - var(--site-header-height)));padding-top: 26px;padding-bottom: 28px;}.hero__overline p{font-size: 10px;letter-spacing: .02em;}.hero__overline span{margin-inline: 4px;}.hero__location{display: none;}.hero h1.hero__statement{margin-top: 40px;font-size: clamp(86px,24vw,145px);}.hero-wave{top: 142px;left: 6%;width: 143%;height: 400px;}.hero__base{grid-template-columns: 1fr auto;column-gap: 20px;row-gap: 22px;padding-top: 112px;}.hero__introduction{grid-column: 1 / -1;}.hero__introduction .hero__name{margin-bottom: 6px;font-size: 15px;}.hero__work-link{gap: 12px;font-size: 13px;}.hero-reel__launch{gap: 12px;min-height: 52px;font-size: 14px;}.hero-reel__preview{flex-basis: 64px;width: 64px;height: 50px;}.hero-reel__launch-icon svg{width: 30px;height: 24px;}.hero-reel__copy{gap: 5px;}}@media (max-width: 380px){.hero__base{column-gap: 12px;}.hero__work-link{gap: 8px;font-size: 12px;}.hero__work-link>span:last-child{font-size: 16px;}.hero-reel__launch{gap: 9px;font-size: 13px;}.hero-reel__preview{flex-basis: 46px;width: 46px;height: 46px;}}@media (prefers-reduced-motion: reduce){.hero-wave canvas{display: none;}.hero-wave.is-ready .hero-wave__still{opacity: 1;}.hero-reel__launch-icon svg,.hero__work-link>span:last-child,.hero-reel__preview>video{transition: none;}.hero-reel__launch:hover .hero-reel__launch-icon svg,.hero__work-link:hover>span:last-child{transform: none;}}