@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";:root{--color-bg-primary: #FFFFFF;--color-bg-secondary: #F5F5F5;--color-bg-surface: #F0F0F0;--color-bg-elevated: #E8E8E8;--color-text-primary: #000000;--color-text-secondary: #1E1E1E;--color-text-muted: rgba(0, 0, 0, .5);--color-text-inverse: #FFFFFF;--color-accent: #1099E3;--color-accent-dim: rgba(16, 153, 227, .1);--color-accent-glow: rgba(16, 153, 227, .3);--color-music-active: #1099E3;--color-music-glow: rgba(16, 153, 227, .2);--color-border-subtle: rgba(0, 0, 0, .06);--color-border-active: rgba(0, 0, 0, .14);--synth-black-tile: #1a1a1c;--synth-black-button: #2e2e32;--synth-black-number: #AAAAAA;--synth-gray-tile: #b8b8b8;--synth-gray-button: #a0a0a0;--synth-gray-number: #333333;--synth-blue-tile: #1099E3;--synth-blue-button: #0d8ad0;--synth-white-tile: #f5f5f5;--synth-white-button: #ffffff}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-medium-italic.woff2) format("woff2");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Martina Plantijn;src:url(/fonts/test-martina-plantijn-bold-italic.woff2) format("woff2");font-weight:700;font-style:italic;font-display:swap}:root{--font-serif: "Martina Plantijn", system-ui;--font-sans: system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-caption: 11px;--text-body: 13px;--text-heading: 15px;--serif-text-body: 15px;--serif-leading-body: 1.7;--note-text-body: 13px;--note-text-caption: 11px;--note-leading-heading: 1.15;--note-leading-body: 1.6;--note-leading-quote: 1.45;--note-tracking: .2px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.15;--leading-normal: 1.5;--leading-heading: var(--leading-tight);--tracking-tight: -.01em;--tracking-normal: 0em;--tracking-wide: .08em;--tracking-wider: .15em;--grid-columns: 12;--grid-padding: 44px;--grid-gap: 24px;--side-nav-offset: 64px;--topbar-height: 68px}@media (max-width: 767px){:root{--text-caption: 10px;--text-body: 12px;--text-heading: 14px;--serif-text-body: 14px;--note-text-body: 12px;--note-text-caption: 10px;--note-leading-heading: 1.25;--grid-padding: 20px;--leading-heading: 1.25}}@media (min-width: 1200px){:root{--text-caption: 12px;--text-body: 14px;--text-heading: 16px;--serif-text-body: 16px;--note-text-body: 15px;--note-text-caption: 12px}}@media (min-width: 1600px){:root{--text-caption: 13px;--text-body: 15px;--text-heading: 17px;--serif-text-body: 17px;--note-text-body: 16px;--note-text-caption: 13px;--grid-gap: 44px}}body{font-family:var(--font-serif);font-size:var(--text-body);line-height:var(--leading-normal)}.type-stack-serif{font-family:var(--font-serif)}.type-stack-sans{font-family:var(--font-sans)}.page.collections-page,.page.writing-page{font-size:var(--note-text-body);font-weight:var(--weight-regular);line-height:var(--note-leading-body);letter-spacing:var(--note-tracking);color:var(--color-text-primary)}.page.collections-page.type-stack-sans,.page.writing-page.type-stack-sans{font-family:var(--font-sans)}.page.type-stack-serif:not(.type-stack-sans){font-size:var(--text-body);line-height:var(--leading-normal)}.page.playground.type-stack-serif.type-body{font-family:var(--font-serif)}.type-topbar{font-family:var(--font-serif);font-size:var(--text-caption);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal);color:#000}.type-topbar--footer{color:#00000080;letter-spacing:var(--tracking-wide);line-height:1}.type-topbar--italic{font-style:italic}.type-midi__label{font-family:var(--font-mono);font-size:var(--midi-label-size, var(--text-caption));font-weight:var(--weight-regular);letter-spacing:.08em;line-height:1;white-space:nowrap}.type-midi__number{font-family:var(--font-serif);font-size:var(--midi-number-size, 1em);font-weight:var(--weight-regular);line-height:1;letter-spacing:-.02em}.type-h1{font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:var(--color-text-primary)}.type-h2{font-size:calc(var(--text-heading) - 1px);font-weight:var(--weight-medium);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-primary)}.type-h3{font-family:var(--font-serif);font-size:16px;font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:var(--color-text-primary)}.type-h4{font-size:var(--text-caption);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-muted)}.type-stack-serif .type-h1,.type-stack-serif .type-h2,.type-stack-serif .type-h4,.type-stack-serif .type-body,.type-stack-serif .type-blockquote{font-family:var(--font-serif)}.type-stack-serif :not(h3).type-h3{font-family:var(--font-mono)}.type-stack-sans :not(h3).type-h3,.type-stack-sans .type-h4,.type-stack-sans .type-body,.type-stack-sans .type-blockquote{font-family:var(--font-sans)}.type-stack-sans .type-h1{font-family:var(--font-serif);font-size:32px;font-weight:var(--weight-regular);line-height:var(--note-leading-heading);letter-spacing:var(--tracking-tight);color:#000}.type-stack-sans .type-h2{font-family:var(--font-serif);font-size:24px;font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:0;color:#000}.type-stack-sans h3.type-h3{font-family:var(--font-serif);font-size:16px;font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--note-tracking);color:#000}.type-stack-sans .type-h4{font-size:var(--note-text-caption);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:0;color:#0000007f}.type-stack-sans .type-body,.type-stack-sans.type-body{font-size:var(--note-text-body);font-weight:var(--weight-regular);line-height:var(--note-leading-body);letter-spacing:var(--note-tracking);color:var(--color-text-primary)}.type-stack-sans .type-body.type-body--semibold,.type-stack-sans.type-body.type-body--semibold{font-weight:var(--weight-medium)}.type-stack-sans .type-blockquote{font-size:var(--note-text-body);font-style:italic;font-weight:var(--weight-regular);line-height:var(--note-leading-quote);letter-spacing:var(--note-tracking);color:#000}.type-stack-sans .type-muted{color:#8a8680;font-weight:450}.type-body{font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary)}.type-stack-serif .type-body,.type-stack-serif.type-body{font-family:var(--font-serif);font-size:var(--serif-text-body);line-height:var(--serif-leading-body);letter-spacing:var(--tracking-normal)}.type-stack-sans.type-body{font-family:var(--font-sans)}.type-body--semibold{font-weight:var(--weight-medium)}.type-body--italic{font-style:italic}strong,b{font-weight:var(--weight-semibold)}.type-ui-meta{font-family:var(--font-serif);font-size:var(--text-caption);font-weight:var(--weight-regular);letter-spacing:.04em;line-height:1}.type-heatmap-caption,.hover-tag .type-note-body{font-family:var(--font-serif);font-size:var(--text-body);font-weight:300;line-height:var(--leading-normal);letter-spacing:var(--tracking-normal);color:#0000007f}.type-tooltip{font-family:var(--font-sans);font-size:12px;font-weight:400;line-height:1.2;letter-spacing:0}.type-chimes-link{font-family:var(--font-serif);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);text-decoration:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}.type-muted{color:var(--color-text-muted)}.type-blockquote{font-size:var(--text-body);font-style:italic;font-weight:var(--weight-regular);line-height:var(--leading-normal)}.type-code{font-family:var(--font-mono);font-size:.92em;font-weight:var(--weight-regular)}.type-pre{font-family:var(--font-mono);font-size:13px;font-weight:var(--weight-regular);line-height:var(--leading-normal)}.type-pre .type-code{font-size:inherit}.collections-note.type-stack-serif :is(blockquote,.type-blockquote){color:var(--color-text-muted)}.collections-note__error{color:var(--color-text-secondary)}.playground-log__toggle.type-body{text-decoration:none}.playground-log__toggle-label{text-decoration-line:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}.collections-note__retry{font:inherit;text-decoration-line:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}.synth-button-link{line-height:0}a{color:inherit;text-decoration:none}@property --text-link-underline{syntax: "<color>"; inherits: true; initial-value: rgb(0 0 0 / 30%);}.link-topbar{color:#000;text-decoration:none;position:relative}.link-topbar:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:currentColor;transition:width .5s cubic-bezier(.25,.1,.25,1)}.link-topbar:hover:after{width:100%}.link-text,.link-text:link,.link-text:visited,.link-text:focus,.link-text:active,.exhibit-hero a,.exhibit-project__copy a{--text-link-underline: rgb(0 0 0 / 30%);color:#000;opacity:1;text-decoration-line:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px;transition:opacity .15s ease}@media (hover: hover) and (pointer: fine){.link-text:hover,.exhibit-hero a:hover,.exhibit-project__copy a:hover{opacity:.3}}.link-text:focus-visible,.exhibit-hero a:focus-visible,.exhibit-project__copy a:focus-visible{opacity:.3}.link-text .ink__word{text-decoration-line:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}.link-favicon-plain{color:#000;text-decoration:none;transition:color .2s ease}.link-favicon-plain:hover{color:#00000080}.link-indicator,.type-note-nav{font-family:var(--font-serif);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--note-tracking);color:#000c;position:relative;text-decoration:none}.notes-page{font-family:var(--font-sans);font-size:var(--note-text-body);font-weight:300;line-height:var(--note-leading-body);letter-spacing:var(--note-tracking);color:var(--color-text-primary)}.type-note-body{font-family:var(--font-sans);font-size:var(--note-text-body);font-weight:var(--weight-regular);line-height:var(--note-leading-body);letter-spacing:var(--note-tracking);color:var(--color-text-primary)}.playground-heatmap__copy .type-note-body{font-family:var(--font-serif)}.type-note-h1,.page.type-stack-serif .type-h1{font-family:var(--font-serif);font-size:32px;font-weight:var(--weight-regular);line-height:var(--note-leading-heading);letter-spacing:var(--tracking-tight);color:#000}.type-note-h2,.page.type-stack-serif .type-h2{font-family:var(--font-serif);font-size:24px;font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:0;color:#000}.type-note-h3{font-family:var(--font-serif);font-size:16px;font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--note-tracking);color:#000}.type-note-h4{font-family:var(--font-sans);font-size:var(--note-text-caption);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:0;color:#0000007f}.type-note-quote{font-family:var(--font-serif);font-size:var(--note-text-body);font-style:italic;font-weight:var(--weight-regular);line-height:var(--note-leading-quote);letter-spacing:var(--note-tracking);color:#000}.type-note-muted{color:#8a8680;font-weight:450}.type-note-code{font-size:.92em}.type-note-pre{font-family:var(--font-sans);font-size:var(--note-text-body);font-weight:300;line-height:var(--note-leading-body)}.notes-page .note ul>li:before,.notes-page .note ul>li:after,.home .collections-note ul>li:before,.home .collections-note ul>li:after{line-height:inherit}.notes-page .note ul>li:before,.home .collections-note ul>li:before{font-weight:var(--weight-regular)}.notes-page .note ul>li:after,.home .collections-note ul>li:after{font-weight:300}@keyframes notes-nav-wave{0%{transform:translateY(0)}40%{transform:translateY(-.22em)}to{transform:translateY(0)}}@keyframes indicator-pulse{0%,to{box-shadow:0 0 0 0 var(--pulse-color, var(--color-accent-glow));opacity:1}50%{box-shadow:0 0 0 4px transparent;opacity:.7}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes slide-down{0%{transform:translateY(-100%);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes clip-reveal{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0% 0 0 0)}}@keyframes drift-float{0%{transform:translate(0) scale(1)}33%{transform:translate(30px,-20px) scale(1.05)}66%{transform:translate(-20px,15px) scale(.97)}to{transform:translate(0) scale(1)}}@keyframes ambient-bg{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}@keyframes waveform-idle{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}@keyframes glow-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes page-exit{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@keyframes reveal-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .2s ease-out both}.animate-slide-down{animation:slide-down .3s ease-out both}.stagger-reveal{display:contents}.cascade-line{display:block}.stagger-reveal>*,.reveal-up{animation:reveal-up .5s ease both;animation-delay:calc(var(--reveal-i, 0) * .06s)}@media (prefers-reduced-motion: reduce){.stagger-reveal>*,.reveal-up{animation:none}}@keyframes image-wipe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.image-reveal-hold{opacity:0}.image-wipe{opacity:1;will-change:clip-path;animation:image-wipe .9s cubic-bezier(.77,0,.175,1) both}@media (prefers-reduced-motion: reduce){.image-reveal-hold,.image-wipe{opacity:1;animation:none;clip-path:none;will-change:auto}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}::selection{background:var(--color-accent);color:var(--color-text-inverse)}::-moz-selection{background:var(--color-accent);color:var(--color-text-inverse)}html{background-color:var(--color-accent);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background-color:var(--color-accent);color:var(--color-text-primary);min-height:100vh;overflow-x:hidden}#root{background-color:var(--color-bg-primary);min-height:100vh;display:flex;flex-direction:column}main{flex:1;display:flex;flex-direction:column;min-width:0}.page{flex:1;display:flex;flex-direction:column;min-width:0}@media (max-width: 767px){.page{padding-bottom:80px}}.grid{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);padding-left:var(--grid-padding);padding-right:var(--grid-padding);width:100%}button{background:none;border:none;cursor:pointer;font:inherit}img{max-width:100%;display:block}.reveal{opacity:0;transform:translateY(24px);transition:opacity .4s ease-out,transform .4s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.topbar{position:relative;z-index:100;padding-top:16px;padding-bottom:16px;align-items:start;background-color:var(--color-bg-primary)}.topbar.is-stuck{position:sticky;top:0}.topbar__name{grid-column:1 / span 2;grid-row:1;position:relative;z-index:1;white-space:nowrap;text-decoration:none}.topbar__index{grid-column:2 / span 4;grid-row:1}.topbar__follow{grid-column:10 / span 3;grid-row:1}.topbar__heading{display:block;margin-bottom:0}.topbar__index,.topbar__follow{display:flex;flex-direction:column;gap:0}@media (min-width: 1600px){.topbar__index{grid-column:2 / span 4}}@media (max-width: 767px){.topbar__index,.topbar__follow .topbar__heading{display:none}.topbar__name{grid-column:1 / span 4;grid-row:1}.topbar__follow{grid-column:7 / -1;grid-row:1;min-width:0}.topbar__follow .topbar__links{text-align:left}}.synth-button-link{display:inline-block;text-decoration:none}.synth-wrapper{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;-webkit-user-select:none;user-select:none;flex-shrink:0}.synth-wrapper__header{display:flex;align-items:center;gap:3px}.synth-wrapper__label{white-space:nowrap}.synth-wrapper__indicator{border-radius:50%;flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease;will-change:transform;backface-visibility:hidden}.synth-wrapper__indicator--active{background-color:var(--accent, var(--color-accent))!important;animation:pulseGlow 1.5s ease-in-out infinite}.synth-wrapper--light .synth-wrapper__label{color:#000}.synth-wrapper--light .synth-wrapper__indicator{background-color:#333}.synth-wrapper--dark .synth-wrapper__label{color:#fff;text-shadow:0 0 8px rgba(255,255,255,.08)}.synth-wrapper--dark .synth-wrapper__indicator{background-color:#ccc}.synth-tile{display:flex;align-items:center;justify-content:center;box-sizing:border-box;position:relative;transition:background-color .12s ease}.synth-tile--small{border-radius:8px}.synth-tile--medium{border-radius:10px}.synth-tile--large{border-radius:14px}.synth-tile--black{background-color:var(--synth-black-tile);box-shadow:6px 6px 12px #0009,-2px -2px 8px #ffffff0f,inset 0 0 0 1px #ffffff05}.synth-tile--black .synth-tile__button{background:radial-gradient(circle at 50% 38%,#3a3a42 0%,var(--synth-black-button) 70%)}.synth-tile--black .synth-tile__number{color:var(--synth-black-number)}.synth-tile--gray{background-color:var(--synth-gray-tile);box-shadow:6px 6px 12px #00000059,-2px -2px 8px #ffffff26,inset 0 0 0 1px #ffffff14}.synth-tile--gray .synth-tile__button{background:radial-gradient(circle at 50% 38%,#aeaeae 0%,var(--synth-gray-button) 70%)}.synth-tile--gray .synth-tile__number{color:var(--synth-gray-number)}.synth-tile--blue{background-color:var(--synth-blue-tile);box-shadow:6px 6px 12px #00000080,-2px -2px 8px #1099e326,0 0 20px #1099e326,inset 0 0 0 1px #ffffff0f}.synth-tile--blue .synth-tile__button{background:radial-gradient(circle at 50% 38%,#1aa4f0 0%,var(--synth-blue-button) 70%)}.synth-tile--blue .synth-tile__number{color:#fff}.synth-tile--white{background-color:var(--synth-white-tile);box-shadow:6px 6px 12px #00000026,-2px -2px 8px #ffffff80,inset 0 0 0 1px #fff6}.synth-tile--white .synth-tile__button{background:radial-gradient(circle at 50% 38%,#ffffff 0%,var(--synth-white-button) 60%)}.synth-tile--white .synth-tile__number{color:#333}.synth-wrapper--active .synth-tile:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:75%;height:75%;border-radius:50%;background:var(--accent, var(--color-accent));opacity:.2;filter:blur(8px);pointer-events:none}.synth-tile__button{border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;will-change:transform;backface-visibility:hidden;z-index:1;box-shadow:3px 3px 6px #00000080,-1px -1px 3px #ffffff0d,inset -2px -2px 4px #0006,inset 2px 2px 4px #ffffff1a;transition:transform .16s cubic-bezier(.34,1.56,.64,1),box-shadow .16s cubic-bezier(.34,1.56,.64,1)}.synth-tile__button:after{content:"";position:absolute;top:2px;right:2px;bottom:2px;left:2px;border-radius:50%;border:1px solid rgba(255,255,255,.05);pointer-events:none}.synth-tile--large .synth-tile__button:after{border-width:1.5px}.synth-tile__number{transition:color .2s ease,text-shadow .2s ease;position:relative;z-index:1}.synth-wrapper--active .synth-tile:not(.synth-tile--blue) .synth-tile__number{text-shadow:0 0 8px var(--accent, var(--color-accent))}.synth-tile--black:hover{background-color:#222224}.synth-wrapper:active .synth-tile__button,.synth-wrapper--pressed .synth-tile__button{transform:scale(.96);box-shadow:1px 1px 2px #0006,inset 2px 2px 5px #000000b3,inset -1px -1px 2px #ffffff08;transition:transform 60ms ease-in,box-shadow 60ms ease-in}@keyframes pulseGlow{0%,to{transform:scale(1);opacity:.6;box-shadow:0 0 4px var(--pulse-color, var(--color-accent))}50%{transform:scale(1.4);opacity:1;box-shadow:0 0 10px var(--pulse-color, var(--color-accent))}}.nav{position:fixed;bottom:24px;right:var(--grid-padding);z-index:100}.nav__inner{display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;gap:8px}@media (max-width: 767px){.nav{right:auto;left:50%;transform:translate(-50%);bottom:8px;width:max-content;max-width:calc(100vw - 24px)}.nav__inner{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;-webkit-overflow-scrolling:touch;padding:0 18px 16px;scrollbar-width:none;-ms-overflow-style:none}.nav__inner::-webkit-scrollbar{display:none}.nav__inner>*{flex-shrink:0}.nav .synth-wrapper{gap:8px}}.footer{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);padding:24px var(--grid-padding);margin-top:auto;align-items:end;color:#00000080}.footer__meta{grid-column:1 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.footer__meta-dot{color:inherit;-webkit-user-select:none;user-select:none}.footer__colophon{position:relative;display:inline-flex}.footer__colophon-trigger{text-decoration:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px;background:none;border:none;padding:0;cursor:pointer;transition:color .15s ease}.footer__colophon-trigger:hover{color:#000}.footer__colophon-popover{position:absolute;bottom:calc(100% + 12px);left:0;z-index:10;min-width:220px;padding:16px;background:var(--color-text-inverse);border:1px solid var(--color-border-active);box-shadow:0 8px 24px #00000014}.footer__colophon-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}@media (max-width: 767px){.footer{display:none}}.mdx-entry-list{margin:0;display:flex;flex-direction:column;gap:var(--spacer-md, 20px)}.mdx-entry-list__row{display:grid;grid-template-columns:6.5rem 1fr;column-gap:1.25rem;align-items:baseline}.mdx-entry-list__label,.mdx-entry-list__desc{margin:0}.collections-note .mdx-entry-list{margin-bottom:var(--note-paragraph-gap, 16px)}.hero-chimes{position:relative;align-self:stretch;min-height:100%}.hero-chimes__canvas{position:absolute;top:0;right:0;bottom:0;left:0;font:inherit;cursor:crosshair;touch-action:none}.hero-chimes__cta{position:absolute;bottom:-32px;left:calc(var(--chimes-first-x, 0px) - 7px);color:#00000059;background:none;border:none;padding:0;cursor:pointer;transition:color .2s ease,opacity .4s ease}.hero-chimes__cta:hover{color:#0009}.hero-chimes__cta--hidden{opacity:0;pointer-events:none}.collections-note{--spacer-xxs: 4px;--spacer-xs: 12px;--spacer-sm: 16px;--spacer-md: 20px;--spacer-lg: 48px;--note-section-gap: var(--spacer-lg);--note-title-gap: var(--spacer-xxs);--note-section-hd-gap: var(--spacer-md);--note-subheading-gap: var(--spacer-md);--note-paragraph-gap: var(--spacer-sm);--note-link-gap: var(--spacer-xs);--note-block-gap: var(--spacer-lg);--note-divider-gap: var(--spacer-lg);--note-list-gap: var(--spacer-md);--note-list-indent: 20px;--note-list-item-gap: var(--spacer-sm);max-width:680px}.collections-note__loading{min-height:200px}.collections-note-section+.collections-note-section{margin-top:48px;padding-top:48px;border-top:1px solid rgba(0,0,0,.12)}.collections-note__retry{color:inherit;background:none;border:0;padding:0;cursor:pointer}.collections-note h1{margin-top:0;margin-bottom:var(--spacer-sm)}.collections-note h1:has(~h4){margin-bottom:var(--spacer-xxs)}.collections-note h2,.collections-note .type-h2{margin-top:var(--spacer-lg);margin-bottom:var(--spacer-md)}.collections-note h3{margin-bottom:12px}.collections-note h3:not(:first-child){margin-top:var(--note-section-gap)}.collections-note h4,.collections-note .type-h4{margin-bottom:var(--note-subheading-gap)}.collections-note :is(h1,h2,h3,h4,p,ul,ol,blockquote,pre)+h4{margin-top:0}.collections-note p{margin-top:0;margin-bottom:var(--note-paragraph-gap)}.collections-note p:has(>.link-with-favicon:only-child){margin-bottom:var(--note-link-gap)}.collections-note ul,.collections-note ol{margin:0 0 var(--note-list-gap) var(--note-list-indent);padding:0}.collections-note li{margin-bottom:var(--note-list-item-gap)}.collections-note li>ul,.collections-note li>ol{margin-bottom:0}.collections-note hr{border:0;height:1px;background:#0000001f;margin:var(--note-divider-gap) 0}.collections-note .mdx-spacer{flex-shrink:0}.collections-note .mdx-spacer--xxs{height:var(--spacer-xxs)}.collections-note .mdx-spacer--xs{height:var(--spacer-xs)}.collections-note .mdx-spacer--sm{height:var(--spacer-sm)}.collections-note .mdx-spacer--md{height:var(--spacer-md)}.collections-note .mdx-spacer--lg{height:var(--spacer-lg)}.collections-note :has(+.mdx-spacer){margin-bottom:0}.collections-note .mdx-spacer+*{margin-top:0}.collections-note p:has(>:is(img,video):only-child):has(+.mdx-spacer){margin-bottom:0}.collections-note .mdx-spacer+p:has(>:is(img,video):only-child){margin-top:0}.collections-note .stagger-reveal>:is(img,video):has(+.mdx-spacer),.collections-note>:is(img,video):has(+.mdx-spacer){margin-bottom:0}.collections-note .mdx-spacer+:is(img,video){margin-top:0}.collections-note blockquote{border-left:2px solid rgba(0,0,0,.2);padding-left:16px;margin:0 0 var(--spacer-md)}.collections-note code{background:#0000000d;padding:1px 5px;border-radius:4px}.collections-note pre{background:#0000000a;padding:14px 16px;border-radius:6px;overflow-x:auto;margin:0 0 var(--spacer-md)}.collections-note pre code{background:transparent;padding:0}.collections-note p:has(>:is(img,video):only-child){margin-top:var(--spacer-lg);margin-bottom:var(--spacer-lg)}.collections-note :has(+p:has(>:is(img,video):only-child)){margin-bottom:0}.collections-note p:has(>:is(img,video):only-child)+*{margin-top:0}.collections-note p:not(:has(>:is(img,video):only-child)):has(+:is(h2,h3)),.collections-note :is(ul,ol,blockquote,pre):has(+:is(h2,h3)){margin-bottom:0}.collections-note img:not(.link-favicon),.collections-note video{width:100%;border-radius:6px;margin:0;display:block}.collections-note>:is(img,video):not(.link-favicon),.collections-note .stagger-reveal>:is(img,video):not(.link-favicon){margin:var(--spacer-lg) 0}.collections-note :has(+:is(img,video):not(.link-favicon)){margin-bottom:0}.collections-note>:is(img,video):not(.link-favicon)+*,.collections-note .stagger-reveal>:is(img,video):not(.link-favicon)+*{margin-top:0}.collections-note .link-with-favicon{display:inline-flex;align-items:baseline;gap:.5em}.collections-note p>.link-with-favicon:not(:first-child){margin-left:.2em}.collections-note .link-favicon.link-avatar{border-radius:50%}.collections-note .link-favicon{width:.95em;height:.95em;flex:none;align-self:flex-start;margin-top:.275em;border-radius:.22em;object-fit:cover}.collections-note.type-stack-serif .link-favicon{margin-top:calc((var(--serif-leading-body) * 1em - .95em) / 2)}.mdx-video{position:relative;width:100%;aspect-ratio:16 / 9;margin:0 0 var(--note-block-gap);border-radius:6px;overflow:hidden;background:#0000000a}.mdx-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.mdx-figure{margin:0 0 var(--note-block-gap)}.mdx-figure img{margin:0}.home__section{padding-top:64px;padding-bottom:80px}.home__content{grid-column:2 / span 6;grid-row:1}.home .collections-note .stagger-reveal>.home__portrait-wrap{width:110px;height:110px;margin:0 0 var(--spacer-lg)}.home .collections-note .home__portrait{width:110px;height:110px;object-fit:cover;border-radius:8px;display:block}.home .collections-note ul{margin-bottom:24px;margin-left:0;padding:0;list-style:none}.home .collections-note ul>li>p:last-child{margin-bottom:0}.home .collections-note ul>li:has(+li){margin-bottom:14px}.home .collections-note ul>li:last-child{margin-bottom:0}.home .collections-note ul>li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;padding-left:0}.home .collections-note ul>li>*{grid-column:3}.home .collections-note ul>li:before,.home .collections-note ul>li:after{grid-row:1}.home .collections-note ul>li:before{content:"➢";grid-column:1}.home .collections-note ul>li:after{content:" ";grid-column:2;padding-inline-end:calc(.126em + .1px)}.home .hero-chimes{grid-column:9 / 13;grid-row:1;align-self:start;height:481px;min-height:481px;padding:16px}.home .hero-chimes__cta{top:100%;bottom:auto}@media (min-width: 768px){.home__section{min-height:calc(100svh - 9rem);grid-template-rows:1fr auto 1fr}.home__content,.home .hero-chimes{grid-row:2;align-self:start}.home .hero-chimes{position:sticky;top:calc(var(--topbar-height) + 64px);z-index:1}}.home--folded .home__section{min-height:0;padding-bottom:0;grid-template-rows:auto}.home.home--folded .home__content,.home.home--folded .hero-chimes{grid-row:1}.home--folded .home__clip{overflow:hidden;-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 calc(100% - 40px),transparent 100%)}.home__more{display:block;margin-top:16px;padding:0;border:none;background:none;cursor:pointer;text-align:left;color:#000;transition:color .2s ease}.home--folded .home__more{margin-top:8px}.home__more:hover{color:#00000080}.home__more-label{text-decoration-line:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}@media (prefers-reduced-motion: reduce){.home__more{transition:none}}@media (max-width: 767px){.home__section{padding-top:40px;padding-bottom:44px}.home__content{grid-column:1 / -1}.home .hero-chimes{display:none}}.project-tile{display:flex;flex-direction:column;gap:8px;min-height:0;cursor:pointer}.project-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.project-tile__header{display:flex;align-items:flex-start;gap:6px;flex-shrink:0}.project-tile__indicator{width:5px;height:5px;min-width:5px;min-height:5px;margin-top:.5em;border-radius:50%;background-color:var(--color-text-muted);flex-shrink:0;transition:background-color .2s ease,box-shadow .2s ease;will-change:transform;backface-visibility:hidden}.project-tile--active .project-tile__indicator{background-color:var(--color-accent);animation:tilePulse 1.5s ease-in-out infinite}@keyframes tilePulse{0%,to{transform:scale(1);box-shadow:0 0 3px var(--color-accent-glow)}50%{transform:scale(1.4);box-shadow:0 0 8px var(--color-accent-glow)}}.project-tile__label{color:var(--color-text-primary);overflow:visible}.project-tile__image{width:100%;aspect-ratio:var(--tile-ratio, 1080 / 650);overflow:hidden;background-color:var(--color-bg-surface)}.project-tile__image img,.project-tile__image video,.project-tile__placeholder{width:100%;height:100%;object-fit:cover;display:block}.project-tile--fit .project-tile__image img,.project-tile--fit .project-tile__image video{object-fit:contain}.project-tile__image video{pointer-events:none}.project-tile__placeholder{background:linear-gradient(135deg,var(--color-bg-elevated) 0%,var(--color-bg-surface) 100%)}.project-popover{position:absolute;display:flex;flex-direction:column;background:#f9f8f8b3;-webkit-backdrop-filter:blur(24px) saturate(1.4);backdrop-filter:blur(24px) saturate(1.4);border:1px solid #d9d9d9;border-radius:10px;padding:8px;box-shadow:0 24px 60px #00000038,0 4px 12px #0000001a;overflow:hidden;animation:popoverIn .18s cubic-bezier(.16,1,.3,1);transform-origin:100% 15%}@keyframes popoverIn{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}.project-popover__header{display:flex;align-items:center;gap:10px;padding:2px 4px 8px;flex-shrink:0;-webkit-user-select:none;user-select:none;cursor:grab;touch-action:none}.project-popover__header:active{cursor:grabbing}.project-popover__drag{display:grid;grid-template-columns:repeat(2,3px);gap:2px;padding:4px;cursor:grab;touch-action:none;flex-shrink:0}.project-popover__drag:active{cursor:grabbing}.project-popover__drag span{width:3px;height:3px;border-radius:50%;background-color:#00000073}.project-popover__title{flex:1;min-width:0;text-align:center;color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-popover__close{color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;transition:color .2s ease}.project-popover__close:hover{color:var(--color-text-primary)}.project-popover__image{flex:1;min-height:0;position:relative;overflow:hidden;border-radius:6px;cursor:grab;touch-action:none;clip-path:polygon(0 0,100% 0,100% calc(100% - 26px),calc(100% - 26px) 100%,0 100%)}.project-popover__image:active{cursor:grabbing}.project-popover__image--static{cursor:default}.project-popover__strip{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform}.project-popover__strip--animating{transition:transform .24s cubic-bezier(.25,1,.4,1)}.project-popover__slide{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none;pointer-events:none}.project-popover--fit .project-popover__slide{object-fit:contain;background-color:var(--color-bg-surface)}.project-popover__slide--current{z-index:1;transition:transform .16s ease-out}video.project-popover__slide--current{object-fit:contain;pointer-events:auto}.project-popover__slide--prev{transform:translate(-100%)}.project-popover__slide--next{transform:translate(100%)}.project-popover__resize{position:absolute;right:6px;bottom:6px;width:20px;height:20px;display:flex;align-items:flex-end;justify-content:flex-end;cursor:nwse-resize;touch-action:none}.project-popover__resize svg{display:block}.project-popover__resize circle{fill:#0006;transition:fill .2s ease}.project-popover__resize:hover circle{fill:#000000b3}@media (max-width: 767px){.project-popover--mobile{position:fixed;left:12px;right:12px;top:50%;transform:translateY(-50%);width:auto;height:auto;max-height:calc(100dvh - 24px);transform-origin:center;animation:popoverFadeIn .18s ease}.project-popover--mobile .project-popover__image{flex:none;width:100%;aspect-ratio:var(--media-ratio, 1080 / 650);clip-path:none}.project-popover--mobile .project-popover__resize{display:none}.project-popover--mobile .project-popover__header{cursor:default}}@keyframes popoverFadeIn{0%{opacity:0}to{opacity:1}}.design{padding-top:0}.hero{align-content:start;padding-top:64px;padding-bottom:80px}.hero__content{grid-column:2 / 10;max-width:none}.projects{position:relative;overflow:hidden;box-sizing:border-box;padding-top:24px;padding-bottom:40px}.projects__divider{grid-column:1 / -1;height:1px;background-color:var(--color-text-muted);opacity:.3;margin-bottom:24px}.projects__company-block{display:flex;flex-direction:column;gap:6px}.projects__company-name,.projects__company-desc{color:var(--color-text-muted)}.projects__cards{grid-column:5 / -1;min-height:0;align-self:start;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.projects--aligned{align-items:start;row-gap:16px}.projects--aligned .projects__company-block--aligned{grid-column:2 / span 3;grid-row:var(--block-row);align-self:start}.projects--aligned .projects__cards{grid-row:1 / span var(--tile-rows, 4);grid-template-rows:subgrid;align-self:stretch;margin-left:20px}.projects--aligned .project-tile{grid-column:var(--tile-col);grid-row:var(--tile-row)}.projects--grouped{padding-bottom:24px}.projects--grouped .projects__group{grid-column:1 / -1;display:flex;flex-direction:column;gap:16px}.projects--grouped .projects__group+.projects__group{margin-top:32px}.projects--grouped .projects__cards{grid-column:auto;margin-left:0;grid-template-rows:none}.projects__company-block--reveal{--p: 0;--ink-feather: .08;--ink-lead: 1.08;--ink-start: rgba(0, 0, 0, .18);--ink-end: var(--color-text-primary)}.projects__company-block--reveal .projects__company-name,.projects__company-block--reveal .projects__company-desc{color:var(--ink-start)}.projects__company-block--reveal .ink__word{display:inline-block;white-space:nowrap}.projects__company-block--reveal .ink__char{color:color-mix(in srgb,var(--ink-end) calc(clamp(0,(var(--p) * var(--ink-lead) - var(--pos)) / var(--ink-feather),1)*100%),var(--ink-start))}.projects__company-block--reveal.is-complete .ink__char{color:var(--ink-end)}@media (min-width: 1600px){.projects--aligned .projects__cards{margin-left:0}}@media (max-width: 767px){.hero__content{grid-column:1 / -1}}@media (max-width: 600px){.hero{min-height:auto;padding-top:0;padding-bottom:0;margin-top:44px;margin-bottom:44px}.projects--aligned .projects__company-block--aligned{grid-column:1 / -1;grid-row:auto}.projects--aligned .projects__cards{grid-column:1 / -1;grid-row:auto;grid-template-rows:none;margin-left:0}}@property --logs-fade-top{syntax: "<length>"; inherits: false; initial-value: 0rem;}@property --logs-fade-bottom{syntax: "<length>"; inherits: false; initial-value: 0rem;}html:has(.playground),body:has(.playground){height:100%;overflow:hidden}#root:has(.playground){height:100vh;height:100dvh;overflow:hidden}#root:has(.playground) main{min-height:0;overflow:hidden}.page.playground{display:grid;grid-template-rows:minmax(0,1fr);flex:1;min-height:0;overflow:hidden}.playground-heatmap__logs{--logs-fade-top: 0rem;--logs-fade-bottom: 0rem;flex:0 1 auto;min-height:0;margin-top:24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;-ms-overflow-style:none;transition:--logs-fade-top .2s cubic-bezier(.23,1,.32,1),--logs-fade-bottom .2s cubic-bezier(.23,1,.32,1);-webkit-mask-image:linear-gradient(to bottom,rgb(0 0 0 / 0) 0,#000 var(--logs-fade-top),#000 calc(100% - var(--logs-fade-bottom)),rgb(0 0 0 / 0) 100%);mask-image:linear-gradient(to bottom,rgb(0 0 0 / 0) 0,#000 var(--logs-fade-top),#000 calc(100% - var(--logs-fade-bottom)),rgb(0 0 0 / 0) 100%)}.playground.is-scrolled .playground-heatmap__logs{--logs-fade-top: 3rem;--logs-fade-bottom: 3rem}.playground-heatmap__logs::-webkit-scrollbar{display:none}.playground-heatmap{--heatmap-cell: 12px;--heatmap-gap: 0px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:stretch;grid-column:1 / -1;justify-self:center;min-width:0;min-height:0;width:100%;max-width:640px;margin:24px 0 0;overflow:visible;outline:none}.playground-heatmap__copy{flex:0 0 auto}.playground-heatmap__copy h1{margin:0 0 24px}.playground-heatmap__copy h3{margin:48px 0 12px}.playground-heatmap__copy p{margin:0 0 24px}.playground-heatmap__copy .mdx-spacer{flex-shrink:0}.playground-heatmap__copy .mdx-spacer--xs{height:12px}.playground-heatmap__copy .mdx-spacer--md{height:20px}.playground-heatmap__copy :has(+.mdx-spacer){margin-bottom:0}.playground-heatmap__copy .mdx-spacer+*{margin-top:0}.playground-heatmap:hover,.playground-heatmap:focus,.playground-heatmap:focus-visible,.playground-heatmap__grid:hover,.playground-heatmap__cell:hover{outline:none}.playground-heatmap__grid{position:relative;display:flex;flex-flow:row wrap;align-items:flex-start;flex:0 0 auto;width:fit-content;max-width:100%;gap:var(--heatmap-gap);pointer-events:none}.hover-tag{position:absolute;z-index:2;left:calc(100% + 16px);top:0;width:max-content;max-width:min(320px,36vw);margin:0;opacity:0;pointer-events:none;transition:opacity .16s ease}.hover-tag__text p{margin:0}.hover-tag__legend{display:flex;flex-direction:column;align-items:flex-start;gap:6px;margin:10px 0 0;padding:0;list-style:none}.hover-tag__item{display:inline-flex;align-items:center;gap:6px}.hover-tag__swatch{width:8px;height:8px;flex:0 0 auto;border-radius:0}.playground-heatmap__grid:hover .hover-tag,.playground-heatmap__grid:focus-within .hover-tag{opacity:1}@media (prefers-reduced-motion: reduce){.hover-tag{transition:none}}@media (max-width: 767px){.hover-tag{left:0;top:calc(100% + 8px);max-width:100%}}.playground-heatmap__cell{display:block;position:relative;flex:0 0 var(--heatmap-cell);width:var(--heatmap-cell);height:var(--heatmap-cell);border-radius:0;background:#f3e6c8;pointer-events:auto;cursor:default}button.playground-heatmap__cell{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;padding:0;font:inherit;color:inherit}.playground-heatmap__cell.is-log{cursor:pointer}.playground-heatmap__grid,.playground-heatmap__cell{overflow:visible}.playground-heatmap__tooltip{position:fixed;z-index:30;box-sizing:border-box;padding:7px 12px;background:#000;color:#fff;max-width:calc(100vw - 2 * var(--grid-padding));white-space:normal;border-radius:8px;pointer-events:none;transform-origin:var(--transform-origin, 50% 100%);opacity:0;transform:scale(.97);transition:opacity 125ms cubic-bezier(.23,1,.32,1),transform 125ms cubic-bezier(.23,1,.32,1)}.playground-heatmap__tooltip.is-visible{opacity:1;transform:scale(1)}.playground-heatmap__tooltip.is-instant{transition-duration:0ms}@media (prefers-reduced-motion: reduce){.playground-heatmap__tooltip{transform:none;transition:opacity 80ms ease}.playground-heatmap__tooltip.is-visible{transform:none}}.playground-log{display:flex;flex-direction:column;gap:32px;width:100%;margin:0;padding-bottom:0;color:#000}.playground.is-scrolled .playground-log{padding-bottom:3rem}.playground-log.is-picking,.playground.is-scrolled .playground-log.is-picking{padding-bottom:80dvh}.playground-log__entry{display:flex;flex-direction:column;align-items:flex-start;gap:12px;opacity:1;transition:opacity .2s cubic-bezier(.23,1,.32,1)}.playground-log__entry.is-dimmed{opacity:.5}@media (prefers-reduced-motion: reduce){.playground-log__entry{transition-duration:80ms}}.playground-log__date,.playground-log__text{margin:0}.playground-log__more{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.playground-log__toggle{display:block;color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;transition:color .2s ease}.playground-log__toggle:hover{color:#00000080}@media (prefers-reduced-motion: reduce){.playground-log__toggle{transition:none}}.playground-log__media{display:flex;flex-direction:column;align-items:flex-start;gap:12px;width:100%}.playground-log__artifact{display:block;width:100%;height:auto;border-radius:6px}.playground-log__embed{display:block;align-self:center;box-sizing:border-box;width:min(90%,480px);margin-inline:auto}.playground-log__embed-frame{width:100%}.playground-log__embed-frame iframe,.playground-log__embed-frame twitter-widget{display:block;margin-inline:auto;max-width:100%!important}.placeholder{display:flex;flex-direction:column}.placeholder__content{flex:1;align-content:center;padding-top:80px;padding-bottom:80px}.placeholder__label{grid-column:1 / span 6;color:var(--color-text-muted);margin-bottom:16px;display:block}.placeholder__title{grid-column:1 / span 8;color:var(--color-text-primary);margin-bottom:20px}.placeholder__sub{grid-column:1 / span 5;color:var(--color-text-secondary)}@media (max-width: 600px){.placeholder__content{padding-top:48px;padding-bottom:48px}.placeholder__label,.placeholder__title,.placeholder__sub{grid-column:1 / -1}}.collections-page{display:flex;flex-direction:column;--collections-nav-sticky-top: calc(var(--topbar-height) + var(--side-nav-offset))}.collections-layout{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--grid-gap);padding:var(--side-nav-offset) var(--grid-padding) 32px;width:100%;align-items:start}.collections-layout__toc{grid-column:1;min-width:0}@media (min-width: 901px){.collections-page .collections-layout__toc{position:sticky;top:var(--collections-nav-sticky-top);align-self:start;z-index:2;background:var(--color-bg-primary)}}.collections-layout__note--0{grid-column:2 / 4}.collections-layout__note--1{grid-column:4 / 6}.collections-layout__note--2{grid-column:6 / 8}.collections-layout__note--3{grid-column:8 / 10}.collections-layout__note--4{grid-column:10 / 13}.collections-layout--explore .collections-layout__column{display:flex;flex-direction:column;row-gap:32px;min-width:0;break-inside:avoid}.collections-layout--explore .collections-layout__column .collections-layout__note{margin-bottom:0}@media (min-width: 901px){.collections-layout--explore .collections-layout__notes{display:grid;grid-template-columns:subgrid;grid-column:2 / -1;align-items:start;min-width:0}.collections-layout--explore .collections-layout__column:nth-child(1){grid-column:1 / span 4}.collections-layout--explore .collections-layout__column:nth-child(2){grid-column:5 / span 4}.collections-layout--explore .collections-layout__column:nth-child(3){grid-column:9 / span 3}.collections-layout--explore .collections-layout__note,.collections-layout--explore .collections-layout__note--0,.collections-layout--explore .collections-layout__note--1,.collections-layout--explore .collections-layout__note--2,.collections-layout--explore .collections-layout__note--3,.collections-layout--explore .collections-layout__note--4{grid-column:auto;width:auto;max-width:none;min-width:0}.collections-layout--explore .collections-note{width:100%;max-width:none}.collections-layout--explore .collections-note :is(h1,h2,h3,h4,p,ul,ol,blockquote){width:100%;max-width:none}}@media (min-width: 901px){.collections-layout--film .collections-layout__film{min-height:calc(100dvh - var(--collections-nav-sticky-top) - 5rem)}}@media (min-width: 901px){html:has(.collections-layout--sites),body:has(.collections-layout--sites){height:100%;overflow:hidden}#root:has(.collections-layout--sites){position:relative;height:100vh;height:100dvh;min-height:0;overflow:hidden}#root:has(.collections-layout--sites) .footer{position:absolute;right:0;bottom:0;left:0}#root:has(.collections-layout--sites) main,.collections-page:has(.collections-layout--sites){flex:1;min-height:0;overflow:hidden}.collections-layout--sites{flex:1;min-height:0;grid-template-rows:minmax(0,1fr);align-items:start;overflow:hidden;padding-bottom:24px}.collections-layout--sites .collections-layout__toc{position:static;align-self:start}.collections-layout--sites .collections-layout__notes{display:flex;flex-flow:row nowrap;align-items:stretch;grid-column:2 / -1;justify-self:start;align-self:stretch;height:100%;min-height:0;width:max-content;max-width:none;column-gap:var(--grid-gap);overflow:visible}.collections-layout--sites .collections-layout__note{display:flex;flex-flow:column wrap;align-items:flex-start;align-content:flex-start;align-self:stretch;flex:0 0 auto;height:100%;min-height:0;width:max-content;max-width:none;column-gap:var(--grid-gap)}.collections-layout--sites .collections-layout__note .collections-note,.collections-layout--sites .collections-layout__note .stagger-reveal{display:contents}.collections-layout--sites .collections-layout__note :is(h1,h2,h3,h4,p,ul,ol,hr,blockquote,pre){flex:0 0 auto;width:max-content;max-width:none}}@media (min-width: 901px){.collections-layout--wide .collections-layout__notes,.collections-layout--wide .collections-layout__pane{display:grid;grid-column:2 / -1;row-gap:32px;align-items:start}.collections-layout--wide .collections-layout__note,.collections-layout--wide .collections-layout__note--0,.collections-layout--wide .collections-layout__note--1,.collections-layout--wide .collections-layout__note--2,.collections-layout--wide .collections-layout__note--3,.collections-layout--wide .collections-layout__note--4{grid-column:auto;width:100%}.collections-layout--wide .collections-layout__note .collections-note{max-width:none}.collections-layout--wide .collections-layout__note .collections-note hr{width:100%}}.collections-layout__note{min-width:0}.collections-layout__note+.collections-layout__note{margin-top:0;padding-top:0;border-top:0}.collections-layout__note .collections-note :is(h1,h3):first-child{margin-top:0}.collections-layout__note .collections-note hr{width:calc((100vw - 2 * var(--grid-padding) - 11 * var(--grid-gap)) / 12)}.collections-editorial-nav{display:flex;flex-direction:column;width:100%}.collections-editorial-nav__link{display:flex;align-items:center;gap:4px;margin:0;padding:.22rem 0;text-decoration:none}.collections-editorial-nav__status{--pulse-color: var(--color-accent-glow);--accent: var(--color-accent);width:4px;height:4px;min-width:4px;min-height:4px}.collections-page .notes-wave__letter{display:inline-block}@media (hover: hover) and (pointer: fine){.collections-editorial-nav__link{transition:color .2s ease}.collections-page:not(.writing-page) .collections-editorial-nav__link:hover,.collections-page:not(.writing-page) .collections-editorial-nav__link:active{color:var(--color-accent)}.writing-page .collections-editorial-nav__link:hover,.writing-page .collections-editorial-nav__link:active{color:var(--writing-nav-highlight)}.collections-editorial-nav__link:hover .notes-wave__letter,.collections-editorial-nav__link:active .notes-wave__letter{animation:notes-nav-wave .5s ease-in-out;animation-delay:calc(var(--i) * .04s)}}@media (prefers-reduced-motion: reduce){.collections-editorial-nav__link:hover .notes-wave__letter{animation:none}}.writing-page .collections-editorial-nav__link[aria-current=page]:after{content:"⏾";color:var(--writing-nav-highlight);transform:translateY(1px)}.collections-editorial-nav__divider{display:none;color:var(--color-text-secondary)}.collections-layout__notes{display:contents}.collections-layout__pane{grid-column:2 / -1;min-width:0}.collections-layout__film{grid-column:2 / -1;min-width:0;min-height:0;display:flex;flex-direction:column;align-self:start}.collections-layout__exhibit{grid-column:2 / -1;min-width:0}@media (min-width: 901px){.collections-layout__exhibit .grid{grid-template-columns:repeat(11,minmax(0,1fr));padding-left:0;padding-right:0}.collections-layout__exhibit .exhibit-hero__content,.collections-layout__exhibit .exhibit-project__title,.collections-layout__exhibit .exhibit-project__media{grid-column:1 / span 7}.collections-layout__exhibit .exhibit-project__copy{grid-column:8 / span 4}}.collections-empty{color:var(--color-text-muted)}@media (max-width: 900px){.collections-layout{grid-template-columns:1fr;row-gap:32px;padding-top:16px;padding-bottom:48px}.collections-layout .collections-layout__toc,.collections-layout .collections-layout__pane,.collections-layout .collections-layout__film,.collections-layout .collections-layout__exhibit{grid-column:1 / -1}.collections-layout .collections-layout__note{grid-column:auto;max-width:none}.collections-layout--wide .collections-layout__notes{grid-column:1 / -1;grid-template-columns:1fr}.collections-layout--sites .collections-layout__notes{display:flex;flex-direction:column;grid-template-columns:1fr;height:auto;width:auto;overflow:visible}.collections-layout--sites .collections-layout__note,.collections-layout--sites .collections-layout__note .collections-note,.collections-layout--sites .collections-layout__note .stagger-reveal{display:block}.collections-layout--wide .collections-layout__note .collections-note{max-width:none}.collections-layout--wide .collections-layout__note .collections-note hr{width:100%}.collections-layout__notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:masonry;column-gap:var(--grid-gap);row-gap:32px;align-items:start}@supports not (grid-template-rows: masonry){.collections-layout__notes{display:block;column-count:2;column-gap:var(--grid-gap)}.collections-layout--wide .collections-layout__notes{column-count:1}.collections-layout__notes .collections-layout__note{break-inside:avoid;-webkit-column-break-inside:avoid;page-break-inside:avoid;margin-bottom:32px}}.collections-layout__toc{position:static;width:auto;max-width:none;height:auto;justify-self:stretch;display:block}.collections-layout__toc .collections-toc{overflow-y:visible}}@media (max-width: 767px){.collections-editorial-nav{flex-direction:row;flex-wrap:wrap;align-items:baseline;gap:8px}.collections-editorial-nav__link{margin-bottom:0}.collections-editorial-nav__divider{display:inline}}.exhibit-project{--exhibit-gap: 24px;padding-top:0;padding-bottom:44px;row-gap:16px;align-items:start;content-visibility:auto;contain-intrinsic-size:auto 720px}.exhibit-project__title{grid-column:2 / span 7;color:var(--color-text-primary);margin:0}.exhibit-project__media{grid-column:2 / span 7;display:flex;flex-direction:column;gap:16px}.exhibit-project__copy{grid-column:9 / span 4;grid-row:2;align-self:start;display:flex;flex-direction:column;gap:16px}.exhibit-project__caption{margin:0}.exhibit-project__body{color:var(--color-text-primary);margin:0}.exhibit-project__video{position:relative;width:100%;height:55vh;background:var(--color-bg-secondary, rgba(0, 0, 0, .04));overflow:hidden;border-radius:20px}.exhibit-project__split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:var(--exhibit-gap);align-items:start}.exhibit-project__video--portrait{height:auto;aspect-ratio:9 / 16}.exhibit-project__grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:var(--exhibit-gap);aspect-ratio:367 / 320}.exhibit-project__grid img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;border-radius:20px}.exhibit-project__video-slot,.exhibit-project__video iframe,.exhibit-project__video video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.exhibit-project__video video{object-fit:cover}.exhibit-project__images{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--exhibit-gap);margin-top:calc(var(--exhibit-gap) - 16px)}.exhibit-project__images img,.exhibit-project__placeholder--img{width:100%;aspect-ratio:367 / 320;height:auto;object-fit:cover;display:block;border-radius:20px}.exhibit-project__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted);border:1px dashed rgba(0,0,0,.2);box-sizing:border-box}@media (max-width: 767px){.exhibit-project{--exhibit-gap: 16px}.exhibit-project__title,.exhibit-project__media,.exhibit-project__copy{grid-column:1 / -1;grid-row:auto}.exhibit-project__images,.exhibit-project__split{grid-template-columns:1fr}}.exhibit-hero{align-content:start;padding-top:0;padding-bottom:80px}.exhibit-hero__content{grid-column:2 / span 7;display:flex;flex-direction:column;gap:16px}.exhibit-hero__content :is(h1,h2,h3,h4,p){margin:0}@media (max-width: 767px){.exhibit-hero{padding-top:0}.exhibit-hero__content{grid-column:1 / -1}}@media (max-width: 600px){.exhibit-hero{min-height:auto;padding-bottom:0;margin-top:0;margin-bottom:44px}}.writing-page{--writing-nav-highlight: #C1D981}.writing-page .collections-layout__toc{grid-column:1 / 3;grid-row:1}.writing-page .collections-layout__pane{grid-column:1 / -1;grid-row:1;justify-self:center;width:min(680px,calc(100% - ((100% - 11 * var(--grid-gap)) / 3 + 4 * var(--grid-gap))))}.writing-page .collections-layout__pane .collections-note{margin-inline:auto}.writing-page .collections-layout__pane .collections-note :is(h1,h3):first-child{margin-top:0}.writing-page .link-favicon-plain{color:#000;text-decoration:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px;transition:opacity .15s}@media (hover: hover) and (pointer: fine){.writing-page .link-favicon-plain:hover{color:#000;opacity:.3}}.writing-page .collections-note h2{margin-bottom:24px;padding-bottom:6px;border-bottom:1px solid rgb(0 0 0 / 10%)}@media (max-width: 900px){.writing-page .collections-layout__toc,.writing-page .collections-layout__pane{grid-column:1 / -1;grid-row:auto;width:auto;justify-self:stretch}}.synth-demo{min-height:100vh;align-content:center}.synth-demo__inner{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;gap:28px;padding-top:80px;padding-bottom:80px}.synth-demo__pads{display:flex;align-items:flex-start;justify-content:center;gap:8px;flex-wrap:wrap}.synth-demo .synth-wrapper__header:after{content:"";width:5px;height:5px;flex-shrink:0}.synth-demo .synth-wrapper__indicator{position:relative;top:-2px}.notes-page{--note-width: 640px;--notes-offset: var(--side-nav-offset);padding:0 var(--grid-padding) 4rem}.notes-list a{cursor:pointer;text-decoration:none}.notes-wave__letter{display:inline-block}@media (hover: hover) and (pointer: fine){.notes-list a{transition:color .2s ease}.notes-list a:hover,.notes-list a:active{color:#ff77bc}.notes-list a:hover .notes-wave__letter,.notes-list a:active .notes-wave__letter{animation:notes-nav-wave .5s ease-in-out;animation-delay:calc(var(--i) * .04s)}}@media (prefers-reduced-motion: reduce){.notes-list a:hover .notes-wave__letter{animation:none}}.notes-body{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));align-content:start;column-gap:var(--grid-gap);margin-top:var(--notes-offset)}.notes-list{position:sticky;top:calc(var(--site-topbar-height, var(--topbar-height)) + var(--notes-offset));z-index:1;grid-column:1 / 3;grid-row:1;align-self:start;min-width:0;max-height:calc(100dvh - var(--site-topbar-height, var(--topbar-height)) - var(--notes-offset));overflow:auto;overscroll-behavior:none;background:var(--color-bg-primary)}.notes-list ul{margin:0;padding:0;list-style:none}.notes-list a{display:block;padding:.22rem 0}.notes-list__divider{width:33%;height:1px;margin:.65rem 0;padding:0;background:#00000024}.notes-list a[aria-current=page]:after{content:" ✴";color:#ff77bc}.note-wrap{grid-column:1 / -1;grid-row:1;justify-self:center;width:min(var(--note-width),100%);min-width:0}.notes-page.has-notes .note-wrap{width:min(var(--note-width),calc(100% - 2 * (var(--notes-nav-width, 9.5rem) + 1.5rem)))}.note-image{display:block;margin:48px 0}.note .stagger-reveal>.note-image{animation:none}.note p:has(>.note-image:only-child){margin-top:0;margin-bottom:0}.note-image img{display:block;width:100%;height:auto}.note h1,.notes-missing h1{margin:0 0 24px}.note:has(>h1:first-child+h4){display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:16px}.note:has(>h1:first-child+h4)>*{grid-column:1 / -1}.note:has(>h1:first-child+h4)>h1:first-child{grid-column:1;align-self:baseline}.note:has(>h1:first-child+h4)>h1:first-child+h4{grid-column:2;align-self:baseline;justify-self:end;margin-bottom:24px;white-space:nowrap}.note h2{margin:48px 0 24px;padding-bottom:6px;border-bottom:1px solid rgb(0 0 0 / 10%)}.note h3{margin:48px 0 12px}.note h4{margin:0 0 20px}.note p{margin:0 0 24px}.note blockquote{margin:0 0 24px;padding:0 0 0 20px;border-left:2px solid rgb(0 0 0 / 22%)}.note blockquote>:last-child{margin-bottom:0}.note :is(ul,ol){margin:0 0 20px 20px;padding:0}.note ul{margin-bottom:24px;margin-left:0;padding:0;list-style:none}.note ul>li>p:last-child{margin-bottom:0}.note ul>li:has(+li){margin-bottom:14px}.note ul>li:last-child{margin-bottom:0}.note ul>li{display:grid;grid-template-columns:auto auto minmax(0,1fr);align-items:start;padding-left:0}.note ul>li>*{grid-column:3}.note ul>li:before,.note ul>li:after{grid-row:1}.note ul>li:before{content:"➢";grid-column:1}.note ul>li:after{content:" ";grid-column:2;padding-inline-end:calc(.126em + .1px)}.note li{margin-bottom:16px}.note a{text-decoration:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px}.note-link{display:inline-flex;align-items:baseline;gap:.5em}.note p>.note-link:not(:first-child){margin-left:.2em}.note-link__icon{width:.95em;height:.95em;flex:0 0 auto;align-self:flex-start;margin-top:.275em;border-radius:.22em;object-fit:cover}.note-link__icon--avatar{border-radius:50%}.note a.note-link__anchor{color:#000;text-decoration:underline;text-decoration-color:var(--text-link-underline);text-underline-offset:3px;transition:opacity .15s}@media (hover: hover) and (pointer: fine){.note-link__anchor:hover{opacity:.3}}.note hr{border:0;height:1px;background:#0000001f;margin:48px 0}.note>*:has(+hr){margin-bottom:0}.note>hr+*{margin-top:0}.note :is(ul,ol):has(+hr)>li:last-child,.note :is(ul,ol):has(+hr)>li:last-child>:last-child{margin-bottom:0}.note pre{overflow:auto;padding:.8rem 1rem;background:#efece6}.notes-empty{margin:0}.notes-missing a{color:#000;text-decoration:none}@media (max-width: 767px){.notes-page{--notes-offset: 1.25rem;padding:0 var(--grid-padding) 3rem}.notes-body{display:block}.notes-list{position:static;width:auto;max-height:none;margin-bottom:1.75rem}.note-wrap,.notes-page.has-notes .note-wrap{width:auto}}.film-canvas{position:relative;flex:1;min-height:0;height:100%;min-width:0;overflow:hidden;touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none}.film-canvas.is-panning{cursor:grabbing}.film-canvas__board{position:absolute;top:50%;left:50%;will-change:transform}.film-canvas__photo{position:absolute;display:block;max-width:none;object-fit:cover;-webkit-user-select:none;user-select:none;cursor:pointer}.film-canvas.is-panning .film-canvas__photo{cursor:grabbing}.film-focus{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;cursor:pointer}.film-focus__veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;opacity:0;transition:opacity .22s cubic-bezier(.23,1,.32,1)}.film-focus.is-open .film-focus__veil{opacity:.9}.film-focus__close,.film-focus__arrow{position:absolute;z-index:3;color:var(--color-text-primary);opacity:0;pointer-events:auto;cursor:pointer;transition:opacity .22s cubic-bezier(.23,1,.32,1),color .16s ease}.film-focus.is-open .film-focus__close,.film-focus.is-open .film-focus__arrow{opacity:1}.film-focus__close{top:20px;right:var(--grid-padding)}.film-focus__arrow{top:50%;display:grid;width:72px;height:120px;place-items:center;transform:translateY(-50%)}.film-focus__arrow svg{pointer-events:none}.film-focus__arrow--prev{left:0}.film-focus__arrow--next{right:0}.film-focus__arrow:focus,.film-focus__arrow:focus-visible,.film-focus__close:focus,.film-focus__close:focus-visible{outline:none}@media (hover: hover) and (pointer: fine){.film-focus__close:hover,.film-focus__arrow:hover{color:var(--color-text-muted)}}.film-focus__stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;align-items:center;justify-content:center;padding:72px 88px;pointer-events:none}.film-focus__photo{display:block;max-width:calc((100vw - 176px)*.7);max-height:calc((100vh - 144px)*.7);max-height:calc((100dvh - 144px)*.7);width:auto;height:auto;object-fit:contain;pointer-events:auto;cursor:default;opacity:0;transform:scale(.97);transition:opacity .22s cubic-bezier(.23,1,.32,1),transform .22s cubic-bezier(.23,1,.32,1)}.film-focus.is-open .film-focus__photo{opacity:1;transform:scale(1)}.film-focus--reduce .film-focus__photo,.film-focus--reduce.is-open .film-focus__photo{transform:none;transition:opacity .22s cubic-bezier(.23,1,.32,1)}@media (prefers-reduced-motion: reduce){.film-focus__photo,.film-focus.is-open .film-focus__photo{transform:none;transition:opacity .22s cubic-bezier(.23,1,.32,1)}}