@import"https://fonts.googleapis.com/css2?family=Geist+Mono:wght@100..900&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono:wght@400;500&display=swap";.dialkit-root{position:relative;--dial-surface: rgba(255, 255, 255, .05);--dial-surface-hover: rgba(255, 255, 255, .1);--dial-surface-active: rgba(255, 255, 255, .11);--dial-surface-subtle: rgba(255, 255, 255, .06);--dial-text-root: #FFFFFF;--dial-text-section: rgba(255, 255, 255, .7);--dial-text-label: rgba(255, 255, 255, .7);--dial-text-focus: #ffffff;--dial-text-primary: rgba(255, 255, 255, .95);--dial-text-secondary: rgba(255, 255, 255, .6);--dial-text-tertiary: rgba(255, 255, 255, .4);--dial-border: rgba(255, 255, 255, .1);--dial-border-hover: rgba(255, 255, 255, .15);--dial-glass-bg: #212121;--dial-dropdown-bg: #2a2a2a;--dial-backdrop-blur: 20px;--dial-radius: 8px;--dial-row-height: 36px;--dial-shadow: 0 8px 32px rgba(0, 0, 0, .5);--dial-shadow-collapsed: 0 4px 16px rgba(0, 0, 0, .25);--dial-shadow-dropdown: 0 8px 24px rgba(0, 0, 0, .4);font-family:system-ui,-apple-system,SF Pro Display,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.dialkit-panel{position:fixed;z-index:9999;max-height:calc(100vh - 32px);overflow:visible}.dialkit-root[data-mode=inline]{max-height:100%}.dialkit-panel[data-mode=inline]{position:static;z-index:auto;max-height:inherit;height:auto;overflow:visible}.dialkit-panel-inner{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:14px;backdrop-filter:blur(var(--dial-backdrop-blur));-webkit-backdrop-filter:blur(var(--dial-backdrop-blur));padding:10px 12px 0;transform:translateZ(0);transform-origin:top right}.dialkit-panel[data-origin-x=left] .dialkit-panel-inner{transform-origin:top left}.dialkit-panel[data-origin-x=right] .dialkit-panel-inner{transform-origin:top right}.dialkit-panel[data-position=top-left] .dialkit-panel-inner{transform-origin:top left;max-height:calc(100vh - 80px);overflow-y:auto}.dialkit-panel-inner[data-collapsed=true]{border-radius:50%;padding:12px;box-sizing:border-box}.dialkit-panel-inner[data-collapsed=true] .dialkit-panel-header{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-title-row{display:none}.dialkit-panel-inner[data-collapsed=true] .dialkit-folder-header-top{justify-content:center;padding:0}.dialkit-panel-inner::-webkit-scrollbar{display:none}.dialkit-panel-inner{-ms-overflow-style:none;scrollbar-width:none}.dialkit-panel-inline{width:100%;height:auto;max-height:inherit;overflow-y:auto;box-shadow:none;border-radius:0;border:none;box-sizing:border-box}.dialkit-panel[data-mode=inline] .dialkit-panel-wrapper{display:flex;flex-direction:column;width:100%;max-height:inherit;height:auto}.dialkit-panel[data-position=top-right]{top:16px;right:16px}.dialkit-panel[data-position=top-left]{top:16px;left:16px}.dialkit-panel[data-position=bottom-right]{bottom:16px;right:16px}.dialkit-panel[data-position=bottom-left]{bottom:16px;left:16px}.dialkit-folder{padding-bottom:8px;margin-bottom:8px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-folder:last-child:not(.dialkit-folder-root){padding-bottom:0;margin-bottom:0}.dialkit-folder-root{padding-bottom:0;margin-bottom:0;border-bottom:none}.dialkit-panel-header{padding-bottom:6px;margin-bottom:12px;border-bottom:1px solid var(--dial-surface-subtle)}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header{cursor:grab}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-inner:not([data-collapsed=true])>.dialkit-folder-root>.dialkit-panel-header:active{cursor:grabbing}.dialkit-panel:not([data-mode=inline]) .dialkit-panel-icon{cursor:pointer}.dialkit-folder-header{cursor:pointer;-webkit-user-select:none;user-select:none}.dialkit-folder-header-top{display:flex;align-items:center;justify-content:space-between;padding:0 0 8px}.dialkit-folder-title{font-size:13px;font-weight:600;color:var(--dial-text-section);letter-spacing:-.01em;transform:translateY(-.5px);transition:color .15s}.dialkit-folder-title-root{font-size:15px;font-weight:600;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-folder-title-row{display:flex;align-items:center;gap:6px;flex:1;white-space:nowrap;overflow:hidden}.dialkit-folder-copy{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:transparent;border:none;cursor:pointer}.dialkit-folder-copy svg{width:14px;height:14px;color:var(--dial-text-section)}.dialkit-folder-icon{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;color:var(--dial-text-label);opacity:.6}.dialkit-panel-icon{position:absolute;top:12px;right:12px;width:16px;height:16px;color:var(--dial-text-focus);z-index:1}.dialkit-folder-content{will-change:transform}.dialkit-folder-inner{display:flex;flex-direction:column;gap:6px;padding-bottom:10px}.dialkit-folder:not(.dialkit-folder-root){border-top:1px solid var(--dial-surface-subtle);border-bottom:1px solid var(--dial-surface-subtle);margin-top:4px;margin-bottom:4px;padding-bottom:0}.dialkit-folder:not(.dialkit-folder-root):last-child{border-bottom:none;margin-bottom:0}.dialkit-folder:not(.dialkit-folder-root)+.dialkit-folder:not(.dialkit-folder-root){margin-top:-10px;border-top:none}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header{height:var(--dial-row-height);padding:0}.dialkit-folder:not(.dialkit-folder-root)>.dialkit-folder-header>.dialkit-folder-header-top{padding:0;height:100%}.dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{padding-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]){padding:0 12px}.dialkit-panel[data-multiple=true] .dialkit-panel-inner:not([data-collapsed=true]) .dialkit-panel-icon{top:14px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header{padding-bottom:0;margin-bottom:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-panel-header>.dialkit-folder-header-top,.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header>.dialkit-folder-header-top{height:44px;padding:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header{height:44px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner{gap:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder{margin:0;padding-bottom:0;border-top:1px solid var(--dial-surface-subtle);border-bottom:none}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-header .dialkit-folder-title{font-size:15px;font-weight:600;line-height:20px;color:var(--dial-text-root);transform:translateZ(0)}.dialkit-panel[data-multiple=true] .dialkit-folder-title-root{line-height:20px}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder:first-child{border-top:none;margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder+.dialkit-folder{margin-top:0}.dialkit-panel[data-multiple=true] .dialkit-folder-root>.dialkit-folder-content>.dialkit-folder-inner>.dialkit-folder>.dialkit-folder-content>.dialkit-folder-inner{padding-top:4px;padding-bottom:12px}.dialkit-slider-wrapper{position:relative;height:var(--dial-row-height)}.dialkit-slider{position:absolute;top:0;left:0;width:100%;height:100%;cursor:pointer;-webkit-user-select:none;user-select:none;overflow:hidden;background:var(--dial-surface);border-radius:var(--dial-radius);touch-action:none}.dialkit-slider-hashmarks{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.dialkit-slider-hashmark{position:absolute;top:50%;width:1px;height:8px;border-radius:999px;transform:translate(-50%) translateY(-50%);background:#fff0;transition:background .2s}.dialkit-slider-active .dialkit-slider-hashmark{background:var(--dial-border-hover)}.dialkit-slider-active .dialkit-slider-value{color:var(--dial-text-focus)}.dialkit-slider-fill{position:absolute;top:0;bottom:0;left:0;background:var(--dial-surface-active);transition:background .15s;pointer-events:none}.dialkit-slider-active .dialkit-slider-fill{background:var(--dial-border-hover)}.dialkit-slider-handle{position:absolute;top:50%;width:3px;height:20px;border-radius:999px;background:var(--dial-text-primary);pointer-events:none}.dialkit-slider-label{position:absolute;left:10px;top:50%;transform:translateY(calc(-50% - .5px));font-size:13px;font-weight:500;color:var(--dial-text-label);pointer-events:none;transition:color .15s;display:inline-flex;align-items:center}.dialkit-slider-value{position:absolute;right:10px;top:50%;transform:translateY(calc(-50% + .5px));font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);pointer-events:auto;transition:color .15s,border-color .15s;border-bottom:1px solid transparent;padding-bottom:1px}.dialkit-slider-value-editable{border-bottom-color:var(--dial-text-label)}.dialkit-slider-input{position:absolute;right:10px;top:50%;transform:translateY(-50%);width:4ch;min-width:3ch;max-width:6ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;border-bottom:1px solid var(--dial-text-label);padding:0 0 1px;outline:none;text-align:right}.dialkit-slider-input:focus{color:var(--dial-text-focus)}.dialkit-segmented{position:relative;display:flex;padding:2px;background:transparent;border-radius:var(--dial-radius)}.dialkit-segmented-pill{position:absolute;top:2px;bottom:2px;background:var(--dial-surface-active);border-radius:6px;z-index:0;pointer-events:none}.dialkit-segmented-button{position:relative;z-index:1;flex:0 0 auto;padding:6px 8px;font-family:inherit;font-size:13px;font-weight:500;background:transparent;border:none;cursor:pointer;transition:color .15s}.dialkit-segmented-button[data-active=true]{color:var(--dial-text-primary)}.dialkit-segmented-button[data-active=false]{color:var(--dial-text-label)}.dialkit-toggle{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background:var(--dial-surface);border-radius:var(--dial-radius);cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .15s}.dialkit-toggle:hover{background:var(--dial-surface-hover)}.dialkit-toggle-label{font-size:13px;font-weight:500;color:var(--dial-text-label);transition:color .15s}.dialkit-toggle[data-checked=true] .dialkit-toggle-label{color:var(--dial-text-primary)}.dialkit-toggle-track{width:36px;height:20px;border-radius:10px;background:var(--dial-surface-active);transition:background .2s;position:relative}.dialkit-toggle[data-checked=true] .dialkit-toggle-track{background:var(--dial-border-hover)}.dialkit-toggle-thumb{position:absolute;top:2px;width:16px;height:16px;border-radius:8px;background:var(--dial-text-primary)}.dialkit-button-group{display:flex;flex-direction:column;gap:6px}.dialkit-button{flex:1;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-button:active{background:var(--dial-surface-active)}.dialkit-labeled-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:2px 10px 2px 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-labeled-control-label{display:flex;align-items:center;font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;line-height:17px}.dialkit-labeled-control .dialkit-segmented{flex-shrink:0;margin-right:-6px}.dialkit-action-button{width:160px;flex-shrink:0;padding:10px 16px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-secondary);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s,color .15s}.dialkit-action-button:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-action-button:active{background:var(--dial-surface-active)}.dialkit-actions-group{align-items:flex-start}.dialkit-actions-stack{display:flex;flex-direction:column;gap:6px;width:160px}.dialkit-spring-viz{width:100%;border-radius:var(--dial-radius);background:var(--dial-surface);overflow:visible}.dialkit-easing-viz{width:100%;aspect-ratio:256 / 140}.dialkit-panel-wrapper{display:inline-flex;flex-direction:column}.dialkit-panel-toolbar{display:flex;align-items:center;gap:6px;height:var(--dial-row-height);margin-bottom:6px;min-width:0;overflow:hidden}.dialkit-panel-section-toolbar{display:flex;align-items:center;gap:6px;width:100%;height:var(--dial-row-height);min-width:0;overflow:hidden}.dialkit-toolbar-add{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-add:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-add svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-toolbar-copy{position:relative;display:flex;align-items:center;gap:6px;height:var(--dial-row-height);padding:0 12px;flex-shrink:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-toolbar-copy:hover{background:var(--dial-surface-hover)}.dialkit-toolbar-copy-icon-wrap{position:relative;width:16px;height:16px;flex-shrink:0}.dialkit-toolbar-copy-icon{position:absolute;top:0;right:0;bottom:0;left:0;width:16px;height:16px}.dialkit-text-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-text-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0}.dialkit-text-input{flex:1;min-width:0;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-align:right;cursor:text}.dialkit-text-input:focus{color:var(--dial-text-focus)}.dialkit-text-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-select-trigger:hover{background:var(--dial-surface-hover)}.dialkit-select-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-select-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-select-right{display:flex;align-items:center;gap:8px}.dialkit-select-value{font-size:13px;font-weight:500;color:var(--dial-text-label);transform:translateY(-.5px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-select-chevron{width:20px;height:20px;padding:2px;box-sizing:border-box;flex-shrink:0;opacity:.6}.dialkit-select-dropdown{background:var(--dial-glass-bg);border:1px solid var(--dial-border);border-radius:var(--dial-radius);padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-select-option{display:block;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;text-align:left;transition:background .15s,color .15s}.dialkit-select-option:hover{background:var(--dial-surface-hover)}.dialkit-select-option[data-selected=true]{color:var(--dial-text-primary);background:var(--dial-surface-active)}.dialkit-color-control{display:flex;align-items:center;justify-content:space-between;gap:12px;height:var(--dial-row-height);padding:0 12px;background:var(--dial-surface);border-radius:var(--dial-radius)}.dialkit-color-label{font-size:13px;font-weight:500;color:var(--dial-text-label);flex-shrink:0;transform:translateY(-.5px)}.dialkit-color-inputs{display:flex;align-items:center;gap:8px}.dialkit-color-hex{font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);cursor:text;transform:translateY(-.5px)}.dialkit-color-hex-input{width:7ch;font-size:13px;font-weight:500;font-family:Geist Mono,monospace;color:var(--dial-text-label);background:transparent;border:none;padding:0;outline:none;text-transform:uppercase;transform:translateY(-.5px)}.dialkit-color-hex-input:focus{color:var(--dial-text-focus)}.dialkit-color-swatch{width:20px;height:20px;border-radius:4px;border:1px solid var(--dial-border-hover);cursor:pointer;transition:transform .15s}.dialkit-color-swatch:hover{transform:scale(1.1)}.dialkit-color-picker-native{position:absolute;width:0;height:0;opacity:0;pointer-events:none}.dialkit-preset-manager{position:relative;flex:1}.dialkit-preset-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;height:var(--dial-row-height);padding:0 12px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-preset-trigger:hover{background:var(--dial-surface-hover)}.dialkit-preset-trigger[data-disabled=true]{cursor:default}.dialkit-preset-trigger[data-disabled=true]:hover{background:var(--dial-surface)}.dialkit-preset-trigger[data-open=true]{background:var(--dial-surface-active)}.dialkit-preset-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-dropdown{width:max-content;background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:4px;z-index:10000;box-shadow:var(--dial-shadow-dropdown)}.dialkit-preset-list{display:flex;flex-direction:column;gap:2px;margin-bottom:4px;padding-bottom:4px;border-bottom:1px solid var(--dial-border)}.dialkit-preset-item{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;gap:8px;border-radius:8px;cursor:pointer;transition:background .15s}.dialkit-preset-item:hover{background:var(--dial-surface-hover)}.dialkit-preset-item[data-active=true]{background:var(--dial-surface-active)}.dialkit-preset-name{font-size:13px;font-weight:500;color:var(--dial-text-label);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dialkit-preset-item[data-active=true] .dialkit-preset-name{color:var(--dial-text-primary)}.dialkit-preset-delete{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;cursor:pointer;opacity:0;transition:opacity .15s;flex-shrink:0}.dialkit-preset-item:hover .dialkit-preset-delete{opacity:.6}.dialkit-preset-delete:hover{opacity:1!important}.dialkit-preset-delete svg{width:14px;height:14px;color:var(--dial-text-focus);pointer-events:none}.dialkit-preset-save-btn{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;padding:8px 10px;font-family:inherit;font-size:13px;font-weight:500;color:var(--dial-text-label);background:transparent;border:none;border-radius:6px;cursor:pointer;transition:background .15s,color .15s}.dialkit-preset-save-btn:hover{background:var(--dial-surface-hover);color:var(--dial-text-primary)}.dialkit-preset-save-btn svg{width:12px;height:12px}.dialkit-preset-save-row{display:flex;align-items:center;gap:6px;padding:4px}.dialkit-preset-input{flex:1;min-width:0;padding:6px 8px;font-family:inherit;font-size:13px;color:var(--dial-text-primary);background:var(--dial-surface);border:1px solid var(--dial-border);border-radius:6px;outline:none}.dialkit-preset-input:focus{border-color:var(--dial-text-label)}.dialkit-preset-input::placeholder{color:var(--dial-text-tertiary)}.dialkit-preset-confirm{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:var(--dial-surface);border:none;border-radius:6px;cursor:pointer;transition:background .15s}.dialkit-preset-confirm:hover:not(:disabled){background:var(--dial-surface-hover)}.dialkit-preset-confirm:disabled{opacity:.4;cursor:not-allowed}.dialkit-preset-confirm svg{width:14px;height:14px;color:var(--dial-text-label)}.dialkit-shortcut-pill{display:inline-block;font-size:10px;font-weight:600;font-family:system-ui,-apple-system,sans-serif;color:var(--dial-text-tertiary);background:var(--dial-surface-subtle);padding:1px 5px;border-radius:4px;margin-left:6px;letter-spacing:.02em;line-height:16px;white-space:nowrap;vertical-align:middle;transition:color .15s,background .15s}.dialkit-shortcut-pill-active{color:var(--dial-text-primary);background:var(--dial-border-hover)}.dialkit-shortcuts-trigger{display:flex;align-items:center;justify-content:center;width:var(--dial-row-height);height:var(--dial-row-height);padding:0;flex-shrink:0;background:var(--dial-surface);border:none;border-radius:var(--dial-radius);cursor:pointer;transition:background .15s}.dialkit-shortcuts-trigger:hover{background:var(--dial-surface-hover)}.dialkit-shortcuts-trigger svg{width:16px;height:16px;color:var(--dial-text-label)}.dialkit-shortcuts-dropdown{background:var(--dial-dropdown-bg);border:1px solid var(--dial-border);border-radius:12px;padding:8px;z-index:10000;box-shadow:var(--dial-shadow-dropdown);min-width:200px}.dialkit-shortcuts-title{font-size:11px;font-weight:600;color:var(--dial-text-tertiary);text-transform:uppercase;letter-spacing:.05em;padding:4px 8px 8px}.dialkit-shortcuts-list{display:flex;flex-direction:column;gap:2px}.dialkit-shortcuts-row{display:flex;align-items:center;gap:10px;padding:6px 8px;border-radius:6px}.dialkit-shortcuts-row-key{font-size:11px;font-weight:600;font-family:ui-monospace,SF Mono,Courier New,monospace;color:var(--dial-text-secondary);background:var(--dial-surface-subtle);padding:2px 6px;border-radius:4px;min-width:28px;text-align:center}.dialkit-shortcuts-row-label{flex:1;font-size:13px;font-weight:500;color:var(--dial-text-label)}.dialkit-shortcuts-row-mode{font-size:11px;font-weight:500;color:var(--dial-text-tertiary);font-style:italic}.dialkit-shortcuts-hint{font-size:11px;color:var(--dial-text-tertiary);padding:6px 8px 2px;border-top:1px solid var(--dial-border);margin-top:4px}.dialkit-root[data-theme=light]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=light] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=light] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=light] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=light] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}@media (prefers-color-scheme: light){.dialkit-root[data-theme=system]{--dial-surface: rgba(0, 0, 0, .04);--dial-surface-hover: rgba(0, 0, 0, .08);--dial-surface-active: rgba(0, 0, 0, .1);--dial-surface-subtle: rgba(0, 0, 0, .06);--dial-text-root: #000000;--dial-text-section: rgba(0, 0, 0, .65);--dial-text-label: rgba(0, 0, 0, .6);--dial-text-focus: #000000;--dial-text-primary: rgba(0, 0, 0, .9);--dial-text-secondary: rgba(0, 0, 0, .55);--dial-text-tertiary: rgba(0, 0, 0, .35);--dial-border: rgba(0, 0, 0, .1);--dial-border-hover: rgba(0, 0, 0, .15);--dial-glass-bg: #fafafa;--dial-dropdown-bg: #ffffff;--dial-shadow: 0 4px 20px rgba(0, 0, 0, .08);--dial-shadow-collapsed: 0 2px 10px rgba(0, 0, 0, .06);--dial-shadow-dropdown: 0 4px 16px rgba(0, 0, 0, .08)}.dialkit-root[data-theme=system] .dialkit-spring-viz line{stroke:#00000014}.dialkit-root[data-theme=system] .dialkit-spring-viz line[stroke-dasharray]{stroke:#00000026}.dialkit-root[data-theme=system] .dialkit-spring-viz path{stroke:#00000080}.dialkit-root[data-theme=system] .dialkit-toggle-thumb{box-shadow:0 0 0 1px #0000000f,0 1px 2px #00000014}}: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-family: "Martina Plantijn", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--text-caption: 11px;--text-body: 13px;--text-heading: 15px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--leading-tight: 1.15;--leading-normal: 1.5;--leading-relaxed: 1.6;--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;--topbar-height: 68px}@media (max-width: 767px){:root{--text-caption: 10px;--text-body: 12px;--text-heading: 14px;--grid-padding: 20px;--leading-heading: 1.25}}@media (min-width: 1200px){:root{--text-caption: 12px;--text-body: 14px;--text-heading: 16px}}@media (min-width: 1600px){:root{--text-caption: 13px;--text-body: 15px;--text-heading: 17px;--grid-gap: 44px}}.text-heading{font-family:var(--font-family);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)}.captions-mono{font-family:var(--font-mono);font-size:calc(var(--text-caption) - 2px);font-weight:var(--weight-regular);line-height:var(--leading-normal);letter-spacing:var(--tracking-normal)}@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}.stagger-reveal>*{animation:reveal-up .5s ease both;animation-delay:calc(var(--reveal-i, 0) * .06s)}@media (prefers-reduced-motion: reduce){.stagger-reveal>*{animation:none}}*,*: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);font-family:var(--font-family);font-size:var(--text-body);line-height:var(--leading-normal);min-height:100vh;overflow-x:hidden}#root{background-color:var(--color-bg-primary);min-height:100vh;display:flex;flex-direction:column}main{flex:1;padding-bottom:91px}.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%}a{color:inherit;text-decoration:none}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)}.link-underline{color:#000;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease}.link-underline:hover{color:#00000080}.topbar{position:sticky;top:0;z-index:100;padding-top:16px;padding-bottom:16px;align-items:start;background-color:var(--color-bg-primary)}.topbar__name{grid-column:1 / span 2;grid-row:1;font-family:var(--font-family);font-size:var(--text-caption);font-weight:var(--weight-regular);white-space:nowrap;color:var(--color-text-primary);text-decoration:none}.topbar__index{grid-column:2 / span 3;grid-row:1}.topbar__follow{grid-column:10 / span 3;grid-row:1}.topbar__heading{display:block;font-family:var(--font-family);font-size:var(--text-caption);font-weight:var(--weight-regular);margin-bottom:0}.topbar__index,.topbar__follow{display:flex;flex-direction:column;gap:0}.topbar__links{font-family:var(--font-family);font-size:var(--text-caption);font-weight:var(--weight-regular);font-style:italic;color:var(--color-text-secondary)}.topbar__links a{font-size:inherit;font-weight:inherit;font-style:inherit;color:var(--color-text-primary);text-decoration:none;position:relative}.topbar__links a:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:currentColor;transition:width .5s cubic-bezier(.25,.1,.25,1)}.topbar__links a:hover:after{width:100%}@media (min-width: 1600px){.topbar__index{grid-column:2 / span 3}}@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:1 / -1;grid-row:1}.topbar__follow .topbar__links{text-align:right}}.synth-button-link{display:inline-block;text-decoration:none;line-height:0}.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{font-family:var(--font-mono);font-weight:var(--weight-regular);letter-spacing:.08em;line-height:1;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{font-family:var(--font-family);font-weight:var(--weight-regular);line-height:1;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;gap:8px}@media (max-width: 767px){.nav{right:auto;left:50%;transform:translate(-50%);bottom:24px}}.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{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);font-style:italic;line-height:var(--leading-normal);color:var(--color-text-primary);overflow:visible}.project-tile__image{width:100%;aspect-ratio:1080 / 650;overflow:hidden;background-color:var(--color-bg-surface)}.project-tile__image img,.project-tile__placeholder{width:100%;height:100%;object-fit:cover;display:block}.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;font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-popover__close{font-family:var(--font-family);font-size:var(--text-caption);letter-spacing:.04em;line-height:1;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__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: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}}.footer{position:fixed;bottom:24px;left:0;right:0;z-index:99;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);padding:0 var(--grid-padding);align-items:end;color:#00000080}.footer__meta{grid-column:2 / -1;display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-family:var(--font-family);font-size:var(--text-caption);color:inherit;letter-spacing:var(--tracking-wide)}.footer__meta-dot{color:inherit;-webkit-user-select:none;user-select:none}.footer__colophon{position:relative;display:inline-flex}.footer__colophon-trigger{font-family:var(--font-family);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);color:inherit;text-decoration: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;font-family:var(--font-family);font-size:var(--text-caption);letter-spacing:var(--tracking-wide);color:inherit}@media (max-width: 767px){.footer{position:static;padding:20px var(--grid-padding) 130px;margin-top:auto;align-items:center}.footer__meta{grid-column:1 / -1}.footer__colophon-popover{left:auto;right:0;max-width:calc(100vw - 24px)}}.hero-chimes{position:relative;align-self:stretch;min-height:100%}.hero-chimes__canvas{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--font-family);cursor:crosshair;touch-action:none}.hero-chimes__cta{position:absolute;bottom:-32px;left:calc(var(--chimes-first-x, 0px) - 7px);font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);color:#00000059;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease,opacity .4s ease}.hero-chimes__cta:hover{color:#0009}.hero-chimes__cta--hidden{opacity:0;pointer-events:none}.home{padding-top:0}.hero{min-height:100vh;align-content:start;padding-top:25vh;padding-bottom:64px}.hero__content{grid-column:2 / span 5;display:flex;flex-direction:column;gap:16px}.hero .hero-chimes{grid-column:8 / -1;grid-row:1;min-height:380px}.hero__body{display:flex;flex-direction:column;gap:16px}.hero__name{font-family:var(--font-family);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);margin-bottom:-12px}.hero__subtitle{font-family:var(--font-family);font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:#0006}.hero__paragraph{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary)}.hero__quote{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);font-style:italic;line-height:var(--leading-normal);color:var(--color-text-primary)}.hero__toggle{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:#000;background:none;border:none;padding:0;cursor:pointer;text-align:left;text-decoration:none;transition:color .2s ease}.hero__toggle:hover{color:#00000080}.hero__toggle-label{text-decoration:underline;text-underline-offset:3px}.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{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-semibold);line-height:var(--leading-normal);color:var(--color-text-muted)}.projects__company-desc{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);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))}.about{padding-top:64px;padding-bottom:64px}.about__divider{grid-column:2 / span 1;width:24px;height:1px;border:none;background-color:var(--color-text-muted);margin:0 0 24px}.about__content{grid-column:2 / span 5;display:flex;flex-direction:column;gap:16px}@media (min-width: 1600px){.projects--aligned .projects__cards{margin-left:0}}.about__content h1{margin:0;font-family:var(--font-family);font-size:var(--text-heading);font-weight:var(--weight-regular);line-height:var(--leading-heading);color:var(--color-text-primary)}.about__content p{margin:0;font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary)}@media (max-width: 600px){.hero{min-height:auto;padding-top:0;padding-bottom:0;margin-top:44px;margin-bottom:44px}.hero__content{grid-column:1 / -1}.hero .hero-chimes{display:none}.about__divider{grid-column:1}.about__content{grid-column:1 / -1}.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}}.exhibit{padding-top:0}.exhibit-hero{min-height:70vh;align-content:stretch;padding-top:0;padding-bottom:64px}.exhibit-hero__content{grid-column:2 / span 6;align-self:center;display:flex;flex-direction:column;gap:16px}.exhibit-hero .exhibit-cluster{grid-column:8 / -1;align-self:stretch}.exhibit-hero__label{display:block;color:var(--color-text-muted);margin-bottom:16px}.exhibit-hero__name{font-family:var(--font-family);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);margin-bottom:-12px}.exhibit-hero__subtitle{font-family:var(--font-family);font-size:var(--text-heading);font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:#0006}.exhibit-hero__body{display:flex;flex-direction:column;gap:16px}.exhibit-hero__paragraph{font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);line-height:var(--leading-normal);color:var(--color-text-primary)}@media (max-width: 767px){.exhibit-hero{min-height:auto;padding-top:0;padding-bottom:0;margin-top:24px;margin-bottom:24px}.exhibit-hero__content{grid-column:1 / -1}.exhibit-hero .exhibit-cluster{display:none}}.playground-project{padding-top:0;padding-bottom:44px}.playground-project__content{grid-column:2 / span 8;display:flex;flex-direction:column;gap:16px}.playground-project__heading{display:flex;flex-direction:column;gap:8px}.playground-project__caption{font-family:var(--font-family);font-size:var(--text-caption);font-style:italic;color:var(--color-text-muted)}.playground-project__title{font-family:var(--font-family);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)}.playground-project__video{position:relative;width:100%;height:55vh;background:var(--color-bg-secondary, rgba(0, 0, 0, .04));overflow:hidden;border-radius:20px}.playground-project__video video{width:100%;height:100%;object-fit:contain;display:block;cursor:pointer}.playground-project__controls{position:absolute;left:16px;bottom:16px;display:flex;gap:8px}.playground-project__control{width:44px;height:44px;display:grid;place-items:center;padding:0;border:none;border-radius:50%;background:#0000008c;color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);transition:background .15s ease,transform .15s ease}.playground-project__control:hover{background:#000000bf}.playground-project__control:active{transform:scale(.94)}.playground-project__control svg{width:20px;height:20px;fill:currentColor}@media (max-width: 767px){.playground-project__content{grid-column:1 / -1}.playground-project__video{height:auto;aspect-ratio:16 / 9}}.placeholder{min-height:100vh;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;font-family:var(--font-family);font-size:var(--text-caption);letter-spacing:var(--tracking-wider);color:var(--color-text-muted);margin-bottom:16px;font-variant:small-caps;display:block}.placeholder__title{grid-column:1 / span 8;font-family:var(--font-family);font-size:var(--text-heading);font-style:italic;font-weight:var(--weight-medium);line-height:var(--leading-heading);letter-spacing:var(--tracking-tight);color:var(--color-text-primary);margin-bottom:20px}.placeholder__sub{grid-column:1 / span 5;font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);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}}.exhibit-project{--exhibit-gap: 24px;padding-top:0;padding-bottom:44px}.exhibit-project__content{grid-column:2 / span 8;display:flex;flex-direction:column;gap:16px}.exhibit-project__heading{display:flex;flex-direction:column;gap:8px}.exhibit-project__caption{font-family:var(--font-family);font-size:var(--text-caption);font-style:italic;color:var(--color-text-muted)}.exhibit-project__title{font-family:var(--font-family);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)}.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 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%;font-family:var(--font-family);font-size:var(--text-caption);letter-spacing:var(--tracking-wider);color:var(--color-text-muted);font-variant:small-caps;border:1px dashed rgba(0,0,0,.2);box-sizing:border-box}@media (max-width: 767px){.exhibit-project{--exhibit-gap: 16px}.exhibit-project__content{grid-column:1 / -1}.exhibit-project__images,.exhibit-project__split{grid-template-columns:1fr}}.exhibit-cluster{position:relative;align-self:stretch;min-height:320px}.exhibit-cluster__canvas{position:absolute;top:0;right:0;bottom:0;left:0;font-family:var(--font-family);cursor:pointer;touch-action:manipulation}.exhibit-cluster__cta{position:absolute;bottom:-8px;left:50%;transform:translate(-50%);font-family:var(--font-family);font-size:var(--text-body);font-weight:var(--weight-regular);color:#00000059;background:none;border:none;padding:0;cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s ease,opacity .4s ease}.exhibit-cluster__cta:hover{color:#0009}.exhibit-cluster__cta--hidden{opacity:0;pointer-events:none}@media (max-width: 600px){.exhibit-cluster{min-height:240px;margin-top:32px}}.collections-note{--note-section-gap: 24px;--note-title-gap: 8px;--note-section-hd-gap: 16px;--note-subheading-gap: 8px;--note-paragraph-gap: 24px;--note-link-gap: 8px;--note-block-gap: 16px;--note-divider-gap: 24px;--note-list-gap: 16px;--note-list-indent: 20px;--note-list-item-gap: 8px;font-family:var(--font-family);color:var(--color-text-primary);font-size:var(--text-body);line-height:var(--leading-normal);font-weight:var(--weight-regular, 400);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__error{color:var(--color-text-secondary)}.collections-note__retry{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-decoration:underline}.collections-note h3,.collections-note h4{font-weight:var(--weight-regular, 400)}.collections-note h1{margin-top:var(--note-section-gap);margin-bottom:var(--note-title-gap)}.collections-note h2{margin-top:var(--note-section-gap);margin-bottom:var(--note-section-hd-gap)}.collections-note h3{margin-bottom:var(--note-subheading-gap)}.collections-note h3:not(:first-child){margin-top:var(--note-section-gap)}.collections-note h4{font-size:var(--text-caption);margin-bottom:var(--note-subheading-gap);color:var(--color-text-muted)}.collections-note .captions-mono{color:var(--color-text-muted)}.collections-note p{margin-bottom:var(--note-paragraph-gap);color:var(--color-text-secondary)}.collections-note p:has(.link-with-favicon){margin-bottom:var(--note-link-gap)}.collections-note strong{font-weight:700;color:var(--color-text-primary)}.collections-note em{font-style:italic}.collections-note .link-underline{text-decoration:none}.collections-note ul,.collections-note ol{margin:0 0 var(--note-list-gap) var(--note-list-indent);padding:0;color:var(--color-text-secondary)}.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 blockquote{border-left:2px solid rgba(0,0,0,.2);padding-left:16px;margin:0 0 var(--note-block-gap);font-size:var(--text-body);font-style:italic;color:var(--color-text-muted)}.collections-note code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.92em;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(--note-block-gap);font-size:13px}.collections-note pre code{background:transparent;padding:0}.collections-note img:not(.link-favicon){width:100%;border-radius:6px;margin:0 0 var(--note-block-gap)}.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}.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}.mdx-figure figcaption{font-size:var(--text-caption);color:var(--color-text-muted)}.stagger-reveal>.book-grid{animation:none}.book-grid{display:grid;grid-template-columns:repeat(4,1fr);column-gap:32px;row-gap:44px;margin:24px 0;--book-ease: cubic-bezier(.16, 1, .3, 1);--book-enter: .44s;--book-exit: .56s}.book{position:relative;display:flex;flex-direction:column;min-width:0;text-decoration:none;color:inherit;transform:translateY(8px);transition:opacity var(--book-exit) var(--book-ease),filter var(--book-exit) var(--book-ease),transform .42s var(--book-ease) calc(var(--reveal-i, 0) * 70ms)}.book.book--in{transform:none}.book-cover{position:relative;width:100%;aspect-ratio:2 / 3;border-radius:0;overflow:hidden;background:transparent;box-shadow:none;transform-origin:bottom center;transition:transform var(--book-exit) var(--book-ease),box-shadow var(--book-exit) var(--book-ease)}.book--in .book-cover{box-shadow:0 1px 4px #00000026}.book:not(.book--in) .book-cover{box-shadow:none}.book:not(.book--in) .book-cover:after{opacity:0}.book-cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;mix-blend-mode:overlay;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.book--in .book-cover:after{opacity:.12}@media (hover: hover) and (pointer: fine){.book-grid:has(.book:hover) .book{opacity:.25;filter:blur(2px);transition-duration:var(--book-enter)}.book-grid:has(.book:hover) .book:hover{opacity:1;filter:none;z-index:5}.book:hover .book-cover{transform:scale(1.05);box-shadow:0 8px 20px #00000040;transition-duration:var(--book-enter)}}.book-cover__art{display:block;width:100%;height:100%;object-fit:cover;margin:0;transform:scale(1.06);opacity:0;transition:opacity .42s var(--book-ease) calc(var(--reveal-i, 0) * 70ms)}.book--in .book-cover__art{opacity:1}.book-cover__art--loading{animation:book-cover-pulse 1.4s ease-in-out infinite}@keyframes book-cover-pulse{0%,to{opacity:1}50%{opacity:.55}}.book-cover__art--placeholder{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:14px;text-align:center}.book-cover__ph-title{font-size:var(--text-caption);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.book-cover__ph-author{font-size:var(--text-caption);color:var(--color-text-secondary)}.book-meta{position:absolute;top:100%;left:50%;transform:translate(-50%);margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:0;width:max-content;max-width:160px;text-align:center;opacity:0;transition:opacity var(--book-exit) var(--book-ease);pointer-events:none}.book:hover .book-meta{opacity:1;transition-duration:var(--book-enter)}.book-meta__title{font-size:var(--text-caption);font-weight:600;line-height:1.3;color:var(--color-text-primary)}.book-meta__author{font-size:var(--text-caption);color:var(--color-text-secondary)}.book-desc{position:absolute;top:0;left:100%;margin-left:26px;width:220px;font-size:var(--text-caption);line-height:1.5;text-align:left;color:var(--color-text-primary);opacity:0;transition:opacity var(--book-exit) var(--book-ease);pointer-events:none}.book-desc>:first-child{margin-top:0}.book-desc>:last-child{margin-bottom:0}.book:hover .book-desc{opacity:1;transition-duration:var(--book-enter)}.book--flip .book-desc{left:auto;right:100%;margin-left:0;margin-right:26px;text-align:right}@media (prefers-reduced-motion: reduce){.book:hover .book-cover{transform:none}.book-grid:has(.book:hover) .book{filter:none}.book{transform:none}.book-cover__art{opacity:1;transition:none}}.books-canvas{position:relative;width:100%;height:calc(100dvh - var(--topbar-height));overflow:hidden;background:var(--color-bg-primary);cursor:grab;touch-action:none;overscroll-behavior:none}.books-canvas.is-grabbing{cursor:grabbing}.books-canvas--empty{display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);font-style:italic}.books-plane{position:absolute;top:0;right:0;bottom:0;left:0}.book-tile{position:absolute;top:0;left:0;width:140px;will-change:transform;user-select:none;-webkit-user-select:none}.book-tile__cover{position:relative;width:140px;height:210px;overflow:hidden;background:#0000000a;box-shadow:0 1px 4px #00000026;transform-origin:bottom center;transition:transform .44s cubic-bezier(.16,1,.3,1),box-shadow .44s cubic-bezier(.16,1,.3,1),opacity .44s cubic-bezier(.16,1,.3,1),filter .44s cubic-bezier(.16,1,.3,1)}.book-tile__art{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.06);pointer-events:none}.book-tile__cover:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.12;mix-blend-mode:overlay;background-image: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='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.book-tile__meta{position:absolute;top:210px;left:50%;transform:translate(-50%);margin-top:8px;display:flex;flex-direction:column;align-items:center;gap:0;width:max-content;max-width:160px;text-align:center;opacity:0;pointer-events:none;transition:opacity .44s cubic-bezier(.16,1,.3,1)}.book-tile__title{font-size:var(--text-caption);font-weight:var(--weight-semibold);line-height:1.3;color:var(--color-text-primary)}.book-tile__author{font-size:var(--text-caption);color:var(--color-text-secondary)}@media (hover: hover) and (pointer: fine){.book-tile:hover{z-index:2}.book-tile:hover .book-tile__cover{transform:scale(1.05);box-shadow:0 10px 26px #00000047}.book-tile:hover .book-tile__meta{opacity:1}}@media (prefers-reduced-motion: reduce){.book-tile__cover,.book-tile__meta{transition:none}.book-tile:hover .book-tile__cover{transform:none}}.collections-page{display:flex;flex-direction:column}.collections-books-page{position:relative;width:100%;overflow:hidden}.collections-books-nav{position:absolute;top:64px;left:var(--grid-padding);z-index:5}.collections-layout{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--grid-gap);padding:64px var(--grid-padding) 32px;width:100%;align-items:start}.collections-layout__toc{grid-column:1 / span 1}.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__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,h2,h3):first-child{margin-top:0}.collections-layout__note .collections-note{font-size:var(--text-caption)}.collections-layout__note .collections-note h2{font-size:var(--text-body);font-weight:var(--weight-regular);letter-spacing:var(--tracking-normal);line-height:var(--leading-normal)}.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;font-size:var(--text-body);line-height:var(--leading-normal)}.collections-editorial-nav__link{color:var(--color-text-primary);font-weight:var(--weight-regular);width:fit-content;margin-bottom:4px;white-space:nowrap;position:relative}.collections-editorial-nav__link:after{content:"";position:absolute;left:0;bottom:-1px;width:0;height:1px;background:currentColor;transition:width .5s cubic-bezier(.25,.1,.25,1)}.collections-editorial-nav__link:hover:after{width:100%}.collections-editorial-nav__divider{display:none;color:var(--color-text-secondary)}.collections-layout__pane{grid-column:6 / span 6;min-width:0}.collections-empty{color:var(--color-text-muted);font-style:italic}@media (max-width: 900px){.collections-layout{grid-template-columns:1fr;row-gap:32px;padding-top:48px;padding-bottom:48px}.collections-layout__toc,.collections-layout__note,.collections-layout__pane{grid-column:1 / -1}.collections-layout__note{max-width:none}.collections-layout__toc{position:static;height:auto;display:block}.collections-layout__toc .collections-toc{overflow-y:visible}}@media (max-width: 767px){.collections-editorial-nav{flex-direction:row;align-items:baseline;gap:8px}.collections-editorial-nav__link{margin-bottom:0}.collections-editorial-nav__divider{display:inline}}.water-reveal{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.water-reveal__shader,.water-reveal__shader canvas,.water-reveal__cover{position:absolute;top:0;right:0;bottom:0;left:0;width:100%!important;height:100%!important;display:block}.about-page{height:calc(100vh - var(--topbar-height));display:flex;flex-direction:column;overflow:hidden}.about-page>:not(.water-reveal){position:relative;z-index:1}.about-page__section{flex:1;min-height:0;box-sizing:border-box;padding-top:40px;padding-bottom:40px}.about-page__col{grid-column:2 / span 10;min-width:0;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center}.about-page__content{max-width:none}.about-glass-card{position:relative;box-sizing:border-box;width:fit-content;max-width:min(920px,100%);padding:44px;background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));backdrop-filter:blur(var(--glass-blur)) saturate(var(--glass-sat));border:1px solid rgba(255,255,255,var(--glass-edge));border-radius:var(--glass-radius);box-shadow:0 18px 50px rgba(0,0,0,var(--glass-shadow)),inset 0 1px 1px rgba(255,255,255,calc(var(--glass-edge) * .9))}.about-glass-card.collections-note{padding:44px}.about-glass-card .stagger-reveal>:first-child{margin-top:0}.about-glass-card .stagger-reveal>:last-child{margin-bottom:0}@media (max-width: 900px){.about-page{height:auto;overflow:visible}.about-page__section{padding-top:24px;padding-bottom:48px}.about-page__col{grid-column:1 / -1}.about-glass-card,.about-glass-card.collections-note{padding:40px 28px}}.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}