.app-root{--panel-text-size: 1;--panel-image-size: 1;--control-panel-scale: .5;--debug-panel-h: calc(4.75rem * var(--control-panel-scale));--control-bar-track-h: max(24px, 3vw);--control-bar-thumb-webkit: max(52px, calc(52px*3vw/24px) );--control-bar-thumb-moz: max(42px, calc(42px*3vw/24px) );--control-panel-h: max(80px, calc(var(--control-bar-thumb-webkit) + 28px))}.top-chrome{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;flex-direction:column;align-items:stretch;width:100%;box-sizing:border-box}.control-bar{flex:0 0 auto;width:100%;box-sizing:border-box;padding:0 calc(var(--space) - max(2px,.25vw));align-items:center;height:var(--control-panel-h);min-height:var(--control-panel-h);max-height:var(--control-panel-h);display:flex;flex-direction:column;justify-content:center}.control-bar__slider-wrap{display:flex;width:100%;max-width:100%;align-items:center;justify-content:center;min-height:0;box-sizing:border-box;overflow:visible}.control-bar__input[type=range]{--control-bar-track-fill: linear-gradient( 270deg, #95ff49 0%, #b6b6b6 21.15%, #bcbcbc 34.13%, #ff8c00 50%, #3431fd 75%, #cc0d0d 100% );--control-bar-track-inset-glow: 0 4px 10px 3px rgba(255, 255, 255, .65) inset, 0 -4px 10px 3px rgb(0 0 0 / .45) inset;display:block;width:100%;max-width:100%;margin:0;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;height:max(72px,calc(var(--control-bar-thumb-webkit) + 20px))}.control-bar__input[type=range]::-webkit-slider-runnable-track{height:var(--control-bar-track-h);border:none;border-radius:9999px;background:var(--control-bar-track-fill);box-shadow:var(--control-bar-track-inset-glow)}.control-bar__input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:var(--control-bar-thumb-webkit);height:var(--control-bar-thumb-webkit);margin-top:calc((var(--control-bar-track-h) - var(--control-bar-thumb-webkit)) / 2);border:none;border-radius:50%;box-shadow:none;background:var(--accent);cursor:pointer}.control-bar__input[type=range]::-moz-range-track{height:var(--control-bar-track-h);border:none;border-radius:9999px;background:var(--control-bar-track-fill);box-shadow:var(--control-bar-track-inset-glow)}.control-bar__input[type=range]::-moz-range-progress{background:transparent}.control-bar__input[type=range]::-moz-range-thumb{width:var(--control-bar-thumb-moz);height:var(--control-bar-thumb-moz);border:none;border-radius:50%;box-shadow:none;background:var(--accent);cursor:pointer}.control-bar__input[type=range]::-moz-focus-outer{border:0}.debug-panel{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;gap:clamp(calc(1rem * var(--control-panel-scale)),calc(3vw * var(--control-panel-scale)),calc(2rem * var(--control-panel-scale)));min-height:var(--debug-panel-h);padding:calc(.65rem * var(--control-panel-scale)) calc(var(--space) * var(--control-panel-scale)) calc(.75rem * var(--control-panel-scale));background:var(--bg);font-size:calc(1rem * var(--control-panel-scale));border-bottom:1px solid var(--border)}.control{display:flex;flex-direction:column;align-items:stretch;gap:calc(.35rem * var(--control-panel-scale));flex:0 1 calc(12rem * var(--control-panel-scale));min-width:calc(8.5rem * var(--control-panel-scale))}.control__label{display:block}.control__input{width:100%;margin:0;accent-color:var(--accent)}.control--order,.control--size-mode,.control--layout,.control--tile-layout{flex:0 1 calc(14rem * var(--control-panel-scale));min-width:calc(10rem * var(--control-panel-scale))}.control__select{font:inherit;padding:calc(.35rem * var(--control-panel-scale)) calc(.5rem * var(--control-panel-scale));color:inherit;background:var(--bg);border:1px solid var(--border);border-radius:calc(.25rem * var(--control-panel-scale));cursor:pointer}.app{min-height:100dvh;padding:var(--space);padding-top:var(--control-panel-h);display:flex;flex-direction:column;align-items:stretch}.site-intro{width:100%;max-width:100%;box-sizing:border-box;margin-bottom:calc(1.5rem + .5 * var(--space, 1rem));color:var(--fg);font-size:.875rem;line-height:1.45}.site-intro a{color:inherit;text-decoration:underline;text-underline-offset:.1em}.site-intro__email-row{display:inline;white-space:normal}.site-intro__email-btn{display:inline;margin:0;padding:0;border:none;background:none;font:inherit;line-height:inherit;color:inherit;text-decoration:underline;text-underline-offset:.1em;cursor:pointer}.site-intro__email-btn:hover,.site-intro__email-btn:focus-visible{text-decoration-thickness:.07em}.site-intro__email-btn:focus-visible{outline:1px solid currentColor;outline-offset:2px}.site-intro__email-copied{display:inline;margin-left:.35em;font-style:italic;opacity:0;animation:site-intro-email-copied-fade 2.1s ease forwards}@keyframes site-intro-email-copied-fade{0%{opacity:0}12%{opacity:1}58%{opacity:1}to{opacity:0}}.site-intro__bio{margin:0;min-width:0;max-width:100%}.site-intro__bio--large{font-size:max(1.2rem,2.2vw);line-height:1.2;margin-top:-.15em}.site-footer{width:100%;max-width:100%;box-sizing:border-box;margin-top:auto;padding-top:var(--space);color:var(--fg);font-size:.75rem;line-height:1.55;max-width:400px}.site-footer__stack{display:flex;flex-direction:column;align-items:stretch;gap:1.25rem;min-width:0}.site-footer__blurb-inner,.site-footer__inner{margin:0;min-width:0}.site-footer a{color:inherit;text-decoration:underline;text-underline-offset:.1em}.selected-strip{list-style:none;margin:0;padding:0;width:calc(100vw - (2 * var(--space)));max-width:calc(100vw - (2 * var(--space)));display:flex;flex-direction:row;flex-wrap:wrap;column-gap:.3rem;row-gap:1rem;align-items:flex-start;transition:.2s}.selected-strip.selected-strip--js-flex{display:block;position:relative;transition:none}.selected-strip__row-debug{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-height:100%;pointer-events:none;z-index:4}.selected-strip__row-debug-band{position:absolute;box-sizing:border-box;border-radius:3px;background:#7b25f433;border:1px dashed hsl(265 90% 40% / .35)}.selected-strip__row-debug-band:nth-child(2n){background:#11a4d433;border-color:#0d7fa559}.selected-strip__row-debug-band-stack{position:absolute;left:4px;right:4px;bottom:4px;max-width:calc(100% - 8px);display:flex;flex-direction:column;align-items:flex-start;gap:3px;pointer-events:none}.selected-strip__row-debug-band-math{max-width:100%;padding:2px 5px;border-radius:2px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.55rem;line-height:1.2;font-weight:500;color:#1f1f1ff2;background:#ffffffc7;box-shadow:0 0 0 1px #0000001a;word-break:break-word;overflow-wrap:anywhere;max-height:3.8em;overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3}.selected-strip__row-debug-band-label{max-width:100%;padding:2px 5px;border-radius:2px;font-size:.65rem;line-height:1.2;font-weight:600;color:#141414eb;background:#ffffffb8;box-shadow:0 0 0 1px #0000001f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.selected-strip--js-flex>.selected-strip__item{position:absolute;margin:0;box-sizing:border-box;flex:none!important;min-width:0;max-width:none!important;overflow:visible}.selected-strip__item-aspect-debug{position:absolute;top:4px;right:4px;z-index:6;padding:2px 6px;border-radius:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.58rem;font-weight:600;line-height:1.2;letter-spacing:-.02em;color:#171c26f5;background:#ffce0ae6;box-shadow:0 0 0 1px #84520b47;pointer-events:none}.selected-strip--js-flex>.selected-strip__item.selected-strip__item--blank-exiting{overflow:hidden;pointer-events:none}.selected-strip:has(.asset-tile--text-left){row-gap:1rem;column-gap:1rem}.selected-strip__item{--tile-size-factor: 1;--text-tile-min-base: calc(30 * .75rem * var(--panel-text-size, 1));--text-tile-min: var(--text-tile-min-base);flex:0 1 calc(16rem * var(--panel-image-size, 1) * var(--tile-size-factor));min-width:0;max-width:calc(26rem * var(--panel-image-size, 1) * var(--tile-size-factor))}.selected-strip__item:has(.asset-tile__text-block--large){--text-tile-min: calc(var(--text-tile-min-base) * 1.5)}.selected-strip__item:has(.asset-tile__media[data-kind=text]):not(:has(.asset-tile--text-left)){min-width:min(100%,var(--text-tile-min));max-width:min(100%,var(--text-tile-min));box-sizing:border-box;padding-right:.8em}.selected-strip__item--interactive{cursor:pointer}.selected-strip__item--interactive:focus-visible{outline:2px solid var(--accent, currentColor);outline-offset:2px}.selected-strip__item:has(.asset-tile--text-left){flex:0 0 auto;width:fit-content;max-width:100%;min-width:0;overflow:visible;box-sizing:border-box}.selected-strip__item:has(.asset-tile--text-left):has(.asset-tile__media[data-kind=text]){min-width:min(100%,var(--text-tile-min))}.asset-tile{display:flex;flex-direction:column;gap:.3rem;font-size:calc(.75rem * var(--panel-text-size, 1));line-height:.96}.asset-tile:not(.asset-tile--text-left) .asset-tile__media{order:-1}.asset-tile--text-left{flex-direction:row;align-items:flex-start;gap:.3rem;width:fit-content;max-width:100%;min-width:0}.asset-tile--text-left .asset-tile__meta{flex:0 0 auto;align-items:flex-end;max-width:100%;min-width:0}.asset-tile--text-left .asset-tile__title,.asset-tile--text-left .asset-tile__sub{width:fit-content;max-width:100%}.asset-tile--text-left .asset-tile__media{flex:0 0 auto;box-sizing:border-box;height:calc(10rem * var(--panel-image-size, 1) * var(--tile-size-factor, 1));width:auto;min-width:0;display:flex;align-items:center;justify-content:flex-start;overflow:visible}.asset-tile--text-left .asset-tile__img,.asset-tile--text-left .asset-tile__video,.asset-tile--text-left .asset-tile__mux-wrap{width:auto;height:100%;max-height:100%;flex-shrink:0;object-fit:contain}.asset-tile--text-left .asset-tile__placeholder{height:100%;min-height:0;box-sizing:border-box}.asset-tile ::selection{background-color:rgb(var(--tile-sel-r) var(--tile-sel-g) var(--tile-sel-b));color:rgb(var(--tile-sel-fg) var(--tile-sel-fg) var(--tile-sel-fg))}.asset-tile__media{overflow:hidden}.asset-tile__media[data-kind=text]{display:block;overflow:visible;height:auto;min-height:0;max-height:none;width:100%;min-width:0;box-sizing:border-box}.asset-tile__text-block{margin:0;width:100%;padding:0 0 .5em;box-sizing:border-box;line-height:1.35;text-align:left;white-space:normal;font-size:1em}.asset-tile__text-block--large{font-size:1.5em;margin-top:-.27em}.asset-tile__text-block a{color:inherit;text-decoration:underline;text-underline-offset:.12em}.asset-tile--text-left .asset-tile__media[data-kind=text]{display:block;width:min(100%,22rem);min-width:0;height:auto;min-height:0;max-height:none}.asset-tile--text-left .asset-tile__text-block{height:auto;max-height:none;overflow:visible}.asset-tile--blank .asset-tile__media{min-height:8rem;aspect-ratio:4 / 3}.asset-tile--text-left.asset-tile--blank .asset-tile__media{min-height:0;aspect-ratio:4 / 3;width:auto}.asset-tile__img,.asset-tile__video,.asset-tile__mux-wrap{display:block;width:100%;height:auto;outline:none}.asset-tile__img-stack{position:relative;display:block;width:100%;max-width:100%}.asset-tile__img-stack .project-image-stack__thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0}.asset-tile__img-stack .project-image-stack__full{position:relative;z-index:1;display:block;width:100%;height:auto;opacity:0;transition:opacity .35s ease}.asset-tile__img-stack .project-image-stack__full.is-loaded{opacity:1}.asset-tile--text-left .asset-tile__img-stack{width:auto;height:100%;max-height:100%;flex-shrink:0}.asset-tile--text-left .asset-tile__img-stack .project-image-stack__thumb,.asset-tile--text-left .asset-tile__img-stack .project-image-stack__full{width:auto;height:100%;max-height:100%;flex-shrink:0;object-fit:contain}.asset-tile__mux-wrap{display:block;width:100%;min-width:0;min-height:0}.asset-tile__mux-standin{width:100%;aspect-ratio:16 / 9;background:#0000001f}.asset-tile--text-left .asset-tile__mux-standin{width:auto;height:100%;flex:1 1 auto;min-width:10rem;background:#0000001f}.asset-tile__mux-standin--thumb{position:relative;overflow:hidden;padding:0}.asset-tile__mux-thumb{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;pointer-events:none}.asset-tile__placeholder{min-height:8rem;display:grid;place-items:center;padding:1.25rem;text-align:center}.selected-strip__item:has(.asset-tile__media[data-kind=mux] .asset-tile__placeholder){display:none}.asset-tile__meta{display:flex;flex-direction:column;gap:.15rem;padding-bottom:.5em}.asset-tile__title{margin:0}.asset-tile__sub{margin:0;color:#aaa}.asset-tile__dot{margin-inline:.2rem}.lightbox{--lightbox-margin: 2rem;--lightbox-topbar-h: clamp(3.5rem, 8vh + 1rem, 6.125rem);--lightbox-bottom-clearance: var(--lightbox-topbar-h);--lightbox-media-inset: 20vw;--lightbox-media-vinset: max( var(--lightbox-media-inset), calc(var(--lightbox-topbar-h) + var(--lightbox-bottom-clearance)) );--lightbox-body-content-max: 100dvh;position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;pointer-events:none;box-sizing:border-box}.lightbox *{box-sizing:border-box}.lightbox__scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:auto;cursor:default;background:#fff6;backdrop-filter:blur(0);-webkit-backdrop-filter:blur(0);opacity:0;transition:opacity .4s ease,backdrop-filter .4s ease,-webkit-backdrop-filter .4s ease}.lightbox--entering .lightbox__scrim,.lightbox--has-carousel .lightbox__scrim{opacity:1;backdrop-filter:blur(30px);-webkit-backdrop-filter:blur(30px)}.lightbox--leaving .lightbox__scrim{opacity:0!important;backdrop-filter:blur(0)!important;-webkit-backdrop-filter:blur(0)!important}.lightbox--leaving .lightbox__body{opacity:0}.lightbox__body{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:0;max-height:100%;padding-top:var(--lightbox-topbar-h);padding-bottom:var(--lightbox-bottom-clearance);box-sizing:border-box;opacity:0;pointer-events:none;transition:opacity .4s ease}.lightbox--has-carousel .lightbox__body{opacity:1;pointer-events:auto;cursor:default}.lightbox__carousel{width:100%;height:auto;min-height:0;flex:0 0 auto;max-height:min(calc(100dvh - var(--lightbox-topbar-h) - var(--lightbox-bottom-clearance)),var(--lightbox-body-content-max, 100dvh));overflow:hidden;touch-action:pan-x}.lightbox__carousel-stage{width:100%;overflow:hidden}.lightbox__track{display:flex;flex-direction:row;align-items:center;gap:3svw;height:auto;min-height:0;width:max-content;max-width:none;box-sizing:border-box;will-change:transform;touch-action:none;-webkit-user-select:none;user-select:none;cursor:default}.lightbox__track--drag{transition:none!important;cursor:grabbing}.lightbox__track:not(.lightbox__track--drag) img.lightbox__media,.lightbox__track:not(.lightbox__track--drag) video.lightbox__media{cursor:grab}.lightbox__slide{display:flex;align-items:center;justify-content:center;width:max-content;max-width:min(100%,calc(100vw - var(--lightbox-media-inset)));height:auto;min-height:0;min-width:auto;box-sizing:border-box;touch-action:none}.lightbox__slideCell{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:auto;max-height:calc(100dvh - var(--lightbox-media-vinset));min-width:0;min-height:0;box-sizing:border-box;overflow:visible}.lightbox__inner{display:flex;align-items:center;justify-content:center;width:max-content;max-width:100%;height:auto;max-height:calc(100dvh - var(--lightbox-media-vinset));min-width:0;min-height:0;box-sizing:border-box;margin:0;transition:opacity .45s ease;overflow:visible}.lightbox__inner--pre{opacity:0}.lightbox__inner--visible{opacity:1}.lightbox__inner--opener{opacity:1;transition:none}.lightbox__media{display:block;flex:0 0 auto;min-width:0;min-height:0;max-width:calc(100vw - var(--lightbox-media-inset));max-height:calc(100dvh - var(--lightbox-media-vinset));width:auto;height:auto;object-fit:contain;object-position:center;touch-action:none}.lightbox__img-stack{position:relative;display:block;flex:0 0 auto;min-width:0;min-height:0;max-width:calc(100vw - var(--lightbox-media-inset));max-height:calc(100dvh - var(--lightbox-media-vinset))}.lightbox__img-stack .lightbox__media.project-image-stack__thumb{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;object-position:center;touch-action:none;z-index:0}.lightbox__img-stack .lightbox__media.project-image-stack__full{position:relative;z-index:1;opacity:0;transition:opacity .3s ease;touch-action:none}.lightbox__img-stack .lightbox__media.project-image-stack__full.is-loaded{opacity:1}p.lightbox__text.lightbox__media{object-fit:unset;object-position:unset;margin:0;text-align:left;line-height:1.5;font-size:calc(.75rem * var(--panel-text-size, 1));width:100%;max-width:min(40rem,calc(100vw - var(--lightbox-media-inset)));padding:.5rem .75rem 1rem;box-sizing:border-box;overflow:auto;-webkit-overflow-scrolling:touch;touch-action:auto;cursor:text}p.lightbox__text.lightbox__text--large.lightbox__media{font-size:calc(.75rem * var(--panel-text-size, 1) * 1.5)}p.lightbox__text.lightbox__media a{color:inherit;text-decoration:underline;text-underline-offset:.12em}.lightbox__inner video.lightbox__media{object-fit:contain;object-position:center}.lightbox__topbar{position:fixed;top:0;left:0;right:0;z-index:5;display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;gap:1.5rem;padding:var(--lightbox-margin);box-sizing:border-box;pointer-events:none;opacity:0;color:#000;transition:opacity .4s ease}.lightbox--has-carousel .lightbox__topbar{opacity:1;pointer-events:auto}.lightbox--leaving .lightbox__topbar{opacity:0!important}.lightbox__topbar-meta{display:flex;flex-direction:column;gap:.15rem;min-width:0;font-size:calc(.75rem * var(--panel-text-size, 1));line-height:.96}.lightbox__topbar-title{margin:0}.lightbox__topbar-sub{margin:0;color:#aaa}.lightbox__topbar-dot{margin-inline:.2rem}.lightbox__topbar-controls{display:flex;flex-direction:row;align-items:center;gap:24px;flex:0 0 auto}.lightbox__topbar-nav{display:flex;flex-direction:row;align-items:center;gap:10px}.lightbox__btn{font:inherit;margin:0;padding:.45rem 1rem;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#000;background:transparent;border:.7px solid #333;border-radius:9999px;box-shadow:none;transition:opacity .2s ease,transform .15s ease;width:100vw;max-width:167px}.lightbox__btn:hover:not(:disabled){transform:scale(1.04)}.lightbox__btn:active:not(:disabled){transform:scale(.97)}.lightbox__btn:disabled{opacity:.35;cursor:default;box-shadow:none}.lightbox__btn--close{border:none;border-radius:0;padding:0;width:30.5px;max-width:30.5px;height:30.5px;flex:0 0 auto}.lightbox__btn-icon{display:inline-flex;align-items:center;justify-content:center;line-height:0}.lightbox__btn-icon svg{width:clamp(1rem,3.2vw,1.35rem);height:auto;display:block}.lightbox__btn--close .lightbox__btn-icon svg{width:22px;height:22px}.lightbox__btn-icon path{stroke-width:.7px}.lightbox__btn--prev .lightbox__btn-icon{transform:scaleX(-1)}@media(max-width:800px){.lightbox{--lightbox-bottom-clearance: 5rem}.lightbox__topbar-nav{position:fixed;left:0;right:0;bottom:var(--lightbox-margin);padding-inline:var(--lightbox-margin);box-sizing:border-box;justify-content:center;z-index:5}}@media(max-width:600px){.lightbox{--lightbox-margin: 1.5rem}}:root{color-scheme:light;--bg: #ffffff;--fg: #111111;--border: #e0e0e0;--accent: #111111;--font-sans: system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--space: clamp(1rem, 3vw, 2rem)}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable}body{margin:0;min-height:100dvh;font-family:var(--font-sans);font-size:1rem;line-height:1.5;background:var(--bg);color:var(--fg)}.skip-link{position:absolute;left:-9999px;top:.5rem;padding:.5rem 1rem;background:var(--fg);color:var(--bg);z-index:100}.skip-link:focus{left:.5rem}