:root{--color-black:oklch(0% 0 0);--color-white:oklch(100% 0 0);--color-gray-10:oklch(95% 0 0);--color-gray-20:oklch(87% 0 0);--color-gray-30:oklch(78% 0 0);--color-gray-40:oklch(68% 0 0);--color-gray-50:oklch(58% 0 0);--color-gray-60:oklch(48% 0 0);--color-gray-70:oklch(38% 0 0);--color-gray-80:oklch(30% 0 0);--color-gray-90:oklch(22% 0 0);--color-gray-100:oklch(15% 0 0);--color-accent:oklch(55% .24 264);--theme-background:var(--color-white);--theme-surface:var(--color-gray-10);--theme-text:var(--color-black);--theme-text-secondary:var(--color-gray-60);--theme-text-prose:var(--color-gray-70);--theme-border:var(--color-gray-20);--theme-border-subdued:var(--color-gray-10);--theme-link:var(--color-accent);--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Helvetica, sans-serif;--font-family-mono:var(--font-family);--font-family-prose:var(--font-family);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--type-scale-4:1.953rem;--type-scale-7:1rem;--type-scale-fixed-small:14px;--type-scale-fixed-medium:16px;--type-scale-fixed-large:20px;--xmb-focal-x:30vw;--cat-icon-size:144px;--cross-y:max(26dvh, calc(var(--cat-icon-size) + 56px));--row-y:calc(var(--cross-y) + var(--cat-icon-size) + 10px);--items-y:calc(var(--row-y) + 52px);--row-lift:calc(var(--cat-icon-size) + 48px);--badge-size:var(--cat-icon-size);--ease-xmb:cubic-bezier(.23, 1, .32, 1)}@media (width<=860px){:root{--xmb-focal-x:max(48px, 8vw);--cat-icon-size:88px;--cross-y:max(14dvh, calc(var(--cat-icon-size) + 40px));--items-y:calc(var(--row-y) + 36px)}}@media (height<=560px){:root{--cat-icon-size:72px;--cross-y:max(8dvh, 60px)}.xmb-cats-track{gap:var(--space-5)}}@media (prefers-color-scheme:dark){body.theme-auto{--theme-background:var(--color-black);--theme-surface:var(--color-gray-100);--theme-text:var(--color-white);--theme-text-secondary:var(--color-gray-40);--theme-text-prose:var(--color-gray-30);--theme-border:var(--color-gray-90);--theme-border-subdued:var(--color-gray-100);--theme-link:var(--color-accent)}}*,:before,:after{box-sizing:border-box}html,body,#root{width:100%;height:100%;min-height:100dvh;margin:0}body{font-family:var(--font-family);font-size:var(--type-scale-7);background:var(--theme-background);color:var(--theme-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;line-height:1.5;overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}a{color:inherit}.filmbox-host{width:100%;height:100dvh;position:relative;overflow:hidden}.filmbox-weave{will-change:transform, opacity;width:100%;height:100%;animation:2.7s steps(7,end) infinite filmbox-weave,5.3s ease-in-out infinite filmbox-breath;position:relative}@keyframes filmbox-weave{0%{transform:translate(0)}14%{transform:translate(.5px,-.4px)}28%{transform:translate(-.4px,.5px)}42%{transform:translate(.3px,.3px)}57%{transform:translate(-.5px,-.3px)}71%{transform:translate(.4px,-.5px)}85%{transform:translate(-.3px,.4px)}to{transform:translate(0)}}@keyframes filmbox-breath{0%,to{opacity:1}50%{opacity:.96}}.xmb{background:var(--theme-background);width:100%;height:100dvh;color:var(--theme-text);font-family:var(--font-family-mono);font-size:var(--type-scale-fixed-medium);touch-action:none;overscroll-behavior:none;outline:none;line-height:1.4;position:relative;overflow:hidden}.xmb-cursor{top:var(--cross-y);left:var(--xmb-focal-x);width:var(--cat-icon-size);height:var(--cat-icon-size);pointer-events:none;z-index:2;--arm:14px;--th:1px;color:color-mix(in srgb, var(--theme-text) 50%, transparent);background:linear-gradient(currentColor, currentColor) left 0 top 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) left 0 top 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right 0 top 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) right 0 top 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) left 0 bottom 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) left 0 bottom 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right 0 bottom 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) right 0 bottom 0 / var(--th) var(--arm) no-repeat;opacity:.5;transition:opacity .16s var(--ease-xmb);position:absolute}.xmb-cats-anchor{top:var(--row-y);left:var(--xmb-focal-x);pointer-events:none;z-index:1;width:0;height:0;position:absolute}.xmb-cats-anchor--lifted{transform:translateY(calc(-1 * var(--row-lift)))}.xmb-cats-track{gap:var(--space-8);white-space:nowrap;will-change:transform;pointer-events:auto;align-items:baseline;margin:0;padding:0;list-style:none;display:flex}.xmb-cat{min-width:var(--cat-icon-size);text-align:center;color:var(--theme-text-secondary);font-size:var(--type-scale-fixed-small);letter-spacing:.08em;text-transform:capitalize;cursor:pointer;will-change:opacity;flex:none;position:relative}.xmb-cat.is-active{color:var(--theme-text);font-weight:500}.xmb-cat:active .xmb-cat-icon{transform:scale(.96)}.xmb-cat__label{opacity:0;transition:opacity .16s var(--ease-xmb);display:inline-block}.xmb-cat.is-active .xmb-cat__label{opacity:1}.xmb-cat-icon{width:var(--cat-icon-size);height:var(--cat-icon-size);transform-origin:bottom;transition:transform .16s var(--ease-xmb);margin:0 auto;position:absolute;bottom:calc(100% + 10px);left:0;right:0}.xmb-cat-icon__window{position:absolute;inset:0;overflow:hidden}.xmb-cat-icon__strip{background-image:var(--icon-sprite-light);will-change:transform;background-repeat:no-repeat;background-size:100% 100%;width:6000%;height:100%;position:absolute;top:0;left:0}@media (prefers-color-scheme:dark){body.theme-auto .xmb-cat-icon__strip{background-image:var(--icon-sprite-dark)}}.xmb-cat-icon__strip.is-animating{animation:2.5s steps(60,end) infinite sprite-spin}.xmb-items-anchor{top:var(--items-y);left:var(--xmb-focal-x);pointer-events:none;width:0;height:0;position:absolute}.xmb-items-anchor--lifted{transform:translateY(calc(var(--cross-y) + var(--cat-icon-size) / 2 - var(--items-y) - var(--item-h,56px) / 2))}.xmb-item{text-align:left;white-space:nowrap;text-transform:lowercase;letter-spacing:.02em;color:var(--theme-text-secondary);pointer-events:auto;will-change:transform, opacity;justify-content:flex-start;align-items:center;display:flex;position:absolute;top:0;left:0}.xmb-item.is-active{color:var(--theme-text);font-weight:500}.xmb-badge{width:var(--badge-size);height:var(--badge-size);flex-direction:column;flex-shrink:0;align-items:center;display:inline-flex;position:relative}.xmb-badge__icon{width:var(--badge-size);height:var(--badge-size);background:var(--theme-surface);border:1px solid var(--theme-border-subdued);border-radius:16%;place-items:center;display:grid}.xmb-badge__label{top:calc(100% + var(--space-2));white-space:nowrap;font-size:var(--type-scale-fixed-medium);letter-spacing:.02em;text-transform:lowercase;color:var(--theme-text-secondary);opacity:0;pointer-events:none;transition:opacity .16s var(--ease-xmb), color .16s var(--ease-xmb);position:absolute;left:50%;transform:translate(-50%)}.xmb-card.is-active .xmb-badge__label{opacity:1;color:var(--theme-text);font-weight:500}.xmb-card{grid-template-columns:var(--badge-size) 0fr;width:min(var(--badge-size), 100vw - var(--xmb-focal-x) - var(--space-12));height:var(--badge-size);grid-template-rows:var(--badge-size);text-align:left;min-width:0;transform-origin:calc(var(--badge-size) / 2) center;transition:width .2s var(--ease-xmb), transform .2s var(--ease-xmb), grid-template-columns .2s var(--ease-xmb), column-gap .2s var(--ease-xmb);will-change:transform;cursor:pointer;align-items:center;column-gap:0;display:grid;position:relative;overflow:visible;transform:scale(.78)}.xmb-card.is-active{grid-template-columns:var(--badge-size) minmax(280px, 1fr);column-gap:var(--space-8);width:min(780px, 100vw - var(--xmb-focal-x) - var(--space-12));cursor:default;transform:scale(1)}.sprite-viewport{width:var(--badge-size);height:var(--badge-size);filter:blur(var(--xmb-item-blur,0px));transition:filter .16s var(--ease-xmb), transform .16s var(--ease-xmb);flex:none;display:block;position:relative}.sprite-viewport:active{transform:scale(.97)}.sprite-viewport__window{position:absolute;inset:0;overflow:hidden}.sprite-viewport__strip{background-image:var(--sprite);will-change:transform;background-repeat:no-repeat;background-size:100% 100%;width:6000%;height:100%;position:absolute;top:0;left:0}.sprite-viewport__strip.is-animating{animation:2.5s steps(60,end) infinite sprite-spin}.sprite-viewport__poster{background-image:var(--poster);opacity:1;transition:opacity .16s var(--ease-xmb);background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.sprite-viewport.is-active .sprite-viewport__poster{opacity:0}.sprite-viewport__corners{pointer-events:none;--arm:14px;--th:1px;color:color-mix(in srgb, var(--theme-text) 50%, transparent);background:linear-gradient(currentColor, currentColor) left 0 top 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) left 0 top 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right 0 top 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) right 0 top 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) left 0 bottom 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) left 0 bottom 0 / var(--th) var(--arm) no-repeat, linear-gradient(currentColor, currentColor) right 0 bottom 0 / var(--arm) var(--th) no-repeat, linear-gradient(currentColor, currentColor) right 0 bottom 0 / var(--th) var(--arm) no-repeat;opacity:0;transition:opacity .12s var(--ease-xmb), transform .12s var(--ease-xmb);position:absolute;inset:0;transform:scale(.55)}.sprite-viewport.is-active .sprite-viewport__corners{opacity:.5;transition:opacity 70ms var(--ease-xmb), transform .26s cubic-bezier(.22, 1.35, .36, 1);transform:scale(1)}@keyframes sprite-spin{to{transform:translate(-100%)}}.xmb-card__badge{width:var(--badge-size);height:var(--badge-size);background:var(--theme-surface);border:1px solid var(--theme-border-subdued);border-radius:16%;place-items:center;display:grid}.xmb-card__mark{font-family:var(--font-family);font-size:calc(var(--badge-size) * .35);letter-spacing:-.04em;color:var(--theme-text-secondary);text-transform:lowercase;font-weight:500}.xmb-card__body{min-width:0;padding-top:var(--space-2);pointer-events:none;align-self:start;position:relative}.xmb-card.is-active .xmb-card__body{pointer-events:auto}.xmb-card__scroller{max-height:calc(100dvh - var(--cross-y) - var(--badge-size) - var(--space-8) - env(safe-area-inset-bottom,0px));padding-right:var(--space-3);scrollbar-width:none;display:block;overflow-y:auto}.xmb-card__scroller::-webkit-scrollbar{width:0;height:0;display:none}.xmb-card__fade{pointer-events:none;opacity:0;height:128px;transition:opacity .24s var(--ease-xmb);justify-content:center;display:flex;position:absolute;left:0;right:0}.xmb-card__fade--top{align-items:flex-start;top:0}.xmb-card__fade--top:before{content:"";background:linear-gradient(to top, #0000 0%, color-mix(in srgb, var(--theme-background) 25%, transparent) 38%, color-mix(in srgb, var(--theme-background) 60%, transparent) 60%, color-mix(in srgb, var(--theme-background) 88%, transparent) 100%);position:absolute;inset:0}.xmb-card.is-active .xmb-card__fade[data-show=true]{opacity:1}.xmb-card__fade--bottom{align-items:flex-end;bottom:0}.xmb-card__fade--bottom:before{content:"";background:linear-gradient(to bottom, #0000 0%, color-mix(in srgb, var(--theme-background) 25%, transparent) 38%, color-mix(in srgb, var(--theme-background) 60%, transparent) 60%, color-mix(in srgb, var(--theme-background) 88%, transparent) 100%);position:absolute;inset:0}.xmb-card__scroll-arrow{margin-top:var(--space-2);color:var(--theme-text-secondary);animation:1.6s ease-in-out infinite scroll-bob;position:relative}.xmb-card__scroll-glyph{font-family:var(--font-family-mono);font-size:16px;line-height:1;display:block;transform:rotate(-90deg)}.xmb-card__scroll-arrow--up .xmb-card__scroll-glyph{transform:rotate(90deg)}@keyframes scroll-bob{0%,to{transform:translateY(0)}50%{transform:translateY(4px)}}.xmb-bio{gap:var(--space-6);font-feature-settings:"kern", "liga", "calt", "ss01";text-transform:none;flex-direction:column;max-width:100%;display:flex}.xmb-bio__name{font-family:var(--font-family);font-size:var(--type-scale-4);letter-spacing:-.035em;color:var(--theme-text);text-wrap:balance;margin:0;font-weight:500;line-height:1.08}.xmb-bio__content{gap:var(--space-4);max-width:min(58ch,100%);font-family:var(--font-family);font-size:var(--type-scale-fixed-medium);letter-spacing:-.003em;color:var(--theme-text);text-wrap:pretty;flex-direction:column;line-height:1.62;display:flex}.xmb-bio__content a{color:inherit;text-decoration:underline;-webkit-text-decoration-color:var(--theme-text-secondary);text-decoration-color:var(--theme-text-secondary);text-underline-offset:.15em;font-style:italic}.xmb-bio__content a:hover{text-decoration-color:currentColor;text-decoration-thickness:2px}.xmb-bio__intro{gap:var(--space-2);flex-direction:column;display:flex}.xmb-bio__intro p{margin:0}.xmb-bio__intro p:first-child{font-size:calc(var(--type-scale-fixed-medium) * 1.0625);color:var(--theme-text)}.xmb-bio__content>p{color:var(--theme-text-prose);margin:0}.reveal{opacity:0;transition:opacity .14s var(--ease-xmb), transform .14s var(--ease-xmb);transform:translateY(8px)}.xmb-card.is-active .reveal{opacity:1;transition:opacity .24s var(--ease-xmb), transform .28s var(--ease-xmb);transition-delay:calc(60ms + var(--ri,0) * 45ms);transform:translateY(0)}.xmb-bio__interests{gap:var(--space-3);padding-top:var(--space-2);border-top:1px solid var(--theme-border-subdued);flex-direction:column;display:flex}.xmb-bio__interests-label{margin:0}.xmb-bio__interests-list{--interests-row-gap:var(--space-2);--interests-tree-x:.28em;--interests-tree-y:.8em;gap:var(--interests-row-gap);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.xmb-bio__interests-list li{color:var(--theme-text);margin:0;padding-left:2.5em;line-height:1.52;position:relative}.xmb-bio__interests-list li:before{content:"";left:var(--interests-tree-x);top:0;bottom:calc(0px - var(--interests-row-gap));background:var(--theme-text-secondary);width:1px;position:absolute}.xmb-bio__interests-list li:after{content:"";left:var(--interests-tree-x);top:var(--interests-tree-y);background:var(--theme-text-secondary);width:1.24em;height:1px;position:absolute}.xmb-bio__interests-list li:last-child:before{bottom:0}.xmb-bio__link{text-underline-offset:.15em;align-self:start;font-style:italic;text-decoration:underline}.xmb-sound{right:var(--space-4);bottom:var(--space-4);z-index:5;opacity:.45;position:absolute}.xmb-sound:hover{opacity:1}.sound{font-family:var(--font-family-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--theme-text-secondary);align-items:center;gap:.4rem;padding:.35rem .55rem;font-size:12px;display:inline-flex}.sound__bars{align-items:flex-end;gap:2px;height:10px;display:inline-flex}.sound__bars i{background:currentColor;width:2px;height:4px;display:block}.sound.is-on .sound__bars i:first-child{animation:1.1s ease-in-out infinite bar}.sound.is-on .sound__bars i:nth-child(2){height:9px;animation:.9s ease-in-out .1s infinite bar}.sound.is-on .sound__bars i:nth-child(3){height:6px;animation:1.25s ease-in-out .2s infinite bar}@keyframes bar{0%,to{transform:scaleY(.55)}50%{transform:scaleY(1)}}.gate{z-index:50;border:1px solid var(--theme-border);background:color-mix(in srgb, var(--theme-background) 92%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:999px;justify-content:space-between;align-items:center;gap:.85rem;width:min(520px,100% - 1.5rem);padding:.7rem .85rem;display:flex;position:fixed;bottom:1.15rem;left:50%;transform:translate(-50%)}.gate__copy{color:var(--theme-text-prose);margin:0;font-size:.85rem;line-height:1.35}.gate__quiet{font-family:var(--font-family-mono);letter-spacing:.06em;text-transform:uppercase;border:1px solid var(--theme-border);color:var(--theme-text-secondary);border-radius:999px;flex-shrink:0;padding:.4rem .65rem;font-size:12px}@media (width<=860px){.xmb-card.is-active{grid-template-columns:var(--badge-size) minmax(0, 1fr);width:min(100vw - var(--xmb-focal-x) - var(--space-6), 780px)}.xmb-card.is-active .xmb-card__body{top:calc(100% + var(--space-4));width:calc(100vw - var(--xmb-focal-x) - var(--space-6));padding-top:0;position:absolute;left:0}}@media (prefers-reduced-motion:reduce){.filmbox-weave,.xmb-cat-icon__strip.is-animating,.sprite-viewport__strip.is-animating,.xmb-card__scroll-arrow,.sound.is-on .sound__bars i{animation:none!important}.xmb-card,.xmb-item,.xmb-cats-track,.reveal{transition:opacity .2s!important;animation:none!important;transform:none!important}}:focus-visible{outline:2px solid var(--theme-text);outline-offset:3px}