@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Book-s.p.65d7d08f.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Medium-s.p.44ff7f84.otf)format("opentype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Bold-s.p.bfeca283.otf)format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Italic-s.p.109ff67e.otf)format("opentype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:neueMontreal Fallback;src:local(Arial);ascent-override:101.42%;descent-override:25.62%;line-gap-override:0.0%;size-adjust:94.46%}.neuemontreal_6c7d5ba8-module__PmHdrq__className{font-family:neueMontreal,neueMontreal Fallback}.neuemontreal_6c7d5ba8-module__PmHdrq__variable{--font-neue-montreal:"neueMontreal","neueMontreal Fallback"}
@font-face{font-family:lora;src:url(../media/Lora_Variable-s.p.b8d4e62c.ttf)format("truetype");font-display:swap;font-weight:400 700;font-style:normal}@font-face{font-family:lora Fallback;src:local(Arial);ascent-override:95.74%;descent-override:26.08%;line-gap-override:0.0%;size-adjust:105.08%}.lora_320853a4-module__f0bEla__className{font-family:lora,lora Fallback;font-style:normal}.lora_320853a4-module__f0bEla__variable{--font-serif:"lora","lora Fallback"}
:root{--paper:#fff;--ink:#171717;--ink-svg:var(--ink);--ash:#1d1d1d;--muted:#7b7b7b;--snow:#bdbdbd;--rule:#e4e4e4;--accent:#171717;--type-base:14px;--type-line:21.7px;--type-meta:11px;--section-gap:32px;--label-inset:4px;--wipe-duration:.3s;--wipe-ease:cubic-bezier(.65,0,.35,1);--electric:var(--ash);--control:var(--ash);--control-soft:var(--snow);--page-rail-max:608px;--copy-rail-max:var(--page-rail-max);--reading-rail-max:550px;--photo-grid-rail-max:var(--page-rail-max);--page-gutter:48px;--page-rail:min(var(--page-rail-max),calc(100vw - var(--page-gutter)));--copy-rail:min(var(--copy-rail-max),calc(100vw - var(--page-gutter)));--photo-expanded-width:min(1120px,calc(100vw - var(--page-gutter)))}@supports (color:lab(0% 0 0)){:root{--paper:lab(100% 0 0);--ink:lab(7.78201% -.0000149012 0);--ash:lab(10.68% .00000745058 -.00000298023);--muted:lab(51.628% 0 0);--snow:lab(76.568% .0000298023 -.0000119209);--rule:lab(90.72% .0000298023 -.0000119209);--accent:lab(7.78201% -.0000149012 0)}}@font-face{font-family:Instrument Serif;src:url(/fonts/InstrumentSerif-Regular.ttf)format("truetype");font-weight:400;font-style:normal;font-display:swap}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--paper);color:var(--ink);font-family:var(--font-neue-montreal),Arial,sans-serif;font-size:var(--type-base);font-weight:500;line-height:var(--type-line);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;margin:0}a{color:inherit;text-decoration:none}::selection{background:var(--snow);color:var(--ink)}.home-shell{height:100svh;min-height:100svh;overflow:clip}.home-shell:has(.surface-stage[data-mode=about]){height:auto;overflow:clip visible}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section]{will-change:opacity,filter;animation:.6s cubic-bezier(.25,.46,.45,.94) both home-focus-in}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=intro]{animation-delay:20ms}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=interests]{animation-delay:45ms}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=student]{animation-delay:70ms}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=contact]{animation-delay:95ms}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=work]{animation-delay:.17s}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=projects]{animation-delay:.22s}.surface-stage[data-intro-phase=revealing][data-mode=about] [data-about-section=publications]{animation-delay:.27s}@keyframes home-focus-in{0%{opacity:0;filter:blur(10px)}25%{opacity:1}to{opacity:1;filter:none}}.hero{width:var(--page-rail);flex-direction:column;height:100svh;min-height:100svh;margin:0 auto;padding:120px 0 96px;display:flex;position:relative;overflow:visible}.hero:has(.surface-stage[data-mode=about]){height:auto}:is(.hero:has(.surface-stage[data-mode=sound]),.hero:has(.surface-stage[data-mode=photos])){padding-top:44px;padding-bottom:48px}.surface-stage:not([data-mode=about]){margin-top:0}.mode-switcher{color:var(--muted);font-size:var(--type-base);align-items:center;gap:16px;margin:0 0 22px;line-height:1;display:flex}.mode-link{min-width:40px;min-height:40px;color:inherit;cursor:pointer;font:inherit;text-align:left;background:0 0;border:0;padding:0;transition:color .17s cubic-bezier(.2,0,0,1),scale .17s cubic-bezier(.2,0,0,1);position:relative;transform:translateZ(0)}.mode-link:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .17s cubic-bezier(.2,0,0,1);position:absolute;bottom:9px;left:0;right:0;transform:scaleX(0)}.mode-link:hover,.mode-link.is-active{color:var(--ink)}.mode-link:hover:after,.mode-link.is-active:after{transform:scaleX(1)}.mode-link:active{scale:.96}.surface-stage{--surface-ease-expo:cubic-bezier(.16,1,.3,1);--surface-ease-out:cubic-bezier(.215,.61,.355,1);flex:auto;min-height:0;margin-top:0;display:grid;position:relative;overflow:visible}.surface-stage[data-mode=about]{flex:none;min-height:0}.surface-panel{opacity:0;filter:blur(2px);visibility:hidden;pointer-events:none;transition:opacity .42s var(--surface-ease-expo),filter .52s var(--surface-ease-expo),transform .52s var(--surface-ease-expo),visibility 0s linear .42s;position:absolute;inset:0;overflow:clip;transform:translateY(6px)}.surface-panel.is-active{opacity:1;filter:blur();visibility:visible;pointer-events:auto;overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;height:100%;max-height:100%;transition-delay:0s;position:relative;overflow-y:auto;transform:none}.surface-panel.is-active::-webkit-scrollbar{display:none}.surface-stage[data-mode=about] .surface-panel.is-active{height:auto;max-height:none;overflow:visible}.surface-panel.is-active:has(.photo-archive){width:var(--photo-expanded-width);margin-left:calc((var(--page-rail) - var(--photo-expanded-width))/2);overflow:hidden}.surface-stage[data-phase=out] .surface-panel.is-active{animation:surface-panel-out .32s var(--surface-ease-out)both;pointer-events:none;will-change:opacity,filter,transform}.surface-stage[data-phase=in] .surface-panel.is-active{animation:surface-panel-in .62s var(--surface-ease-expo)both;will-change:opacity,filter,transform}@keyframes surface-panel-in{0%{opacity:0;filter:blur(2px);transform:translateY(6px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes surface-panel-out{0%{opacity:1;filter:blur();transform:translateY(0)}to{opacity:0;filter:blur(2px);transform:translateY(-2px)}}.summary-copy{width:100%;max-width:var(--copy-rail-max);color:var(--ink);font-size:var(--type-base);letter-spacing:normal;font-weight:500;line-height:var(--type-line);text-wrap:pretty}.summary-copy p{margin:0 0 12px}.about-copy{--about-indent:32px;isolation:isolate;text-wrap:wrap;position:relative}.about-copy>:is(p,.about-work-intro){padding-inline:var(--about-indent)}.site-name{color:var(--ink);font:inherit;font-family:var(--font-serif),Georgia,serif;-webkit-text-stroke:0;text-wrap:balance;margin:0 0 20px;font-weight:500}.about-copy p:last-of-type{margin-bottom:0}.about-intro-slot{margin:0 0 12px;display:grid}.about-intro-slot p{grid-area:1/1;margin:0}.about-intro-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.about-link{color:var(--ink);text-underline-offset:.18em;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;text-decoration-thickness:1px;transition:text-decoration-color .14s cubic-bezier(.2,0,0,1)}.about-link:is(:hover,:focus-visible){color:var(--ink);opacity:1;text-decoration-color:currentColor}.about-inline-button,.about-company-link{color:inherit;cursor:pointer;font:inherit;text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--ink)32%,transparent);text-decoration-color:color-mix(in srgb,var(--ink)32%,transparent);text-underline-offset:.18em;background:0 0;border:0;padding:0;text-decoration-thickness:1px;transition:color .14s cubic-bezier(.2,0,0,1),text-decoration-color .14s cubic-bezier(.2,0,0,1)}.about-inline-button:hover,.about-inline-button:focus-visible,.about-company-link:is(:hover,:focus-visible){color:var(--ink);outline:none;text-decoration-color:currentColor}.about-inline-button:active{scale:.96}.about-role-copy{display:inline}.about-inline-reveal{vertical-align:baseline;display:inline}.about-reveal-copy{display:inline}.about-reveal-word{opacity:0;filter:blur(5px);animation:.52s cubic-bezier(.16,1,.3,1) both about-reveal-word;animation-delay:var(--word-delay);will-change:opacity,filter,transform;display:inline-block;transform:translateY(.22em)}.about-reveal-word:not(:last-child){margin-right:.24em}@keyframes about-reveal-word{0%{opacity:0;filter:blur(5px);transform:translateY(.22em)}to{opacity:1;filter:blur();transform:translateY(0)}}.about-section{margin-top:var(--section-gap);scroll-margin-top:10px}.about-section:last-of-type{margin-bottom:56px}.about-section-title{color:var(--muted);font-family:var(--font-serif),Georgia,serif;font-size:var(--type-base);letter-spacing:normal;margin:0 0 8px;font-weight:500;line-height:1.7}.about-section-toggle{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;align-items:center;gap:8px;padding:0;transition:color .14s cubic-bezier(.2,0,0,1);display:inline-flex}.about-section-toggle:is(:hover,:focus-visible){color:var(--ink)}.about-section-chevron{opacity:.55;border-bottom:1px solid;border-right:1px solid;width:5px;height:5px;transition:opacity .14s cubic-bezier(.2,0,0,1),transform .42s cubic-bezier(.16,1,.3,1);transform:translateY(-2px)rotate(45deg)}.about-section-toggle:is(:hover,:focus-visible) .about-section-chevron{opacity:1}.about-section[data-open=false] .about-section-chevron{transform:translate(-1px)rotate(-45deg)}.about-section[data-open] .about-section-title{transition:margin-bottom .48s cubic-bezier(.16,1,.3,1)}.about-section[data-open=false] .about-section-title{margin-bottom:0;transition-duration:.36s}.about-section-body{grid-template-rows:1fr;transition:grid-template-rows .48s cubic-bezier(.16,1,.3,1);display:grid}.about-section[data-open=false] .about-section-body{grid-template-rows:0fr;transition-duration:.36s}.about-section-inner{min-height:0;margin:-6px;padding:6px;transition:opacity .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1),transform .48s cubic-bezier(.16,1,.3,1);overflow:hidden}.about-section[data-open=false] .about-section-inner{opacity:0;filter:blur(4px);transition-duration:.2s,.2s,.36s;transform:translateY(-6px)}@media (prefers-reduced-motion:reduce){.about-section-body,.about-section-chevron,.about-section[data-open] .about-section-title{transition:none}.about-section-inner,.about-section[data-open=false] .about-section-inner{filter:none;transition:opacity .15s;transform:none}}.about-social-cycle{vertical-align:top;white-space:nowrap;transition:width .48s cubic-bezier(.16,1,.3,1);display:inline-grid;position:relative}.about-social-cycle:after{background:color-mix(in srgb,var(--ink)32%,transparent);content:"";pointer-events:none;height:1px;transition:background-color .14s cubic-bezier(.2,0,0,1);position:absolute;bottom:.14em;left:0;right:0}.about-social-cycle:is(:hover,:has(:focus-visible)):after{background:var(--ink)}.about-social-cycle-link{color:var(--ink);outline:none;grid-area:1/1;justify-self:start;text-decoration:none}.about-social-cycle-link:not([data-state=active]){pointer-events:none}.about-social-cycle-link>span{white-space:pre;transition:opacity .32s cubic-bezier(.16,1,.3,1),filter .32s cubic-bezier(.16,1,.3,1),transform .42s cubic-bezier(.16,1,.3,1);display:inline-block}.about-social-cycle-link>.about-social-cycle-host{color:var(--muted)}.about-social-cycle-link[data-state=active]>span{transition-delay:calc(var(--char)*14ms)}.about-social-cycle-link[data-state=waiting]>span,.about-social-cycle-link[data-state=leaving]>span{opacity:0;filter:blur(4px);transform:translateY(.5em)}.about-social-cycle-link[data-state=leaving]>span{transition-duration:.22s;transition-delay:calc(var(--char)*6ms);transform:translateY(-.5em)}@media (prefers-reduced-motion:reduce){.about-social-cycle{transition:none}.about-social-cycle-link>span,.about-social-cycle-link[data-state]>span{filter:none;transition:opacity .2s;transform:none}}.about-work-list{width:100%;padding:0 var(--about-indent);gap:0;margin:0;list-style:none;display:grid}.about-work-list:has(.about-work-item:is(:hover,:focus-within)) .about-work-item:not(:is(:hover,:focus-within)){opacity:.62}.about-work-item{grid-template-columns:minmax(0,1fr) 4ch;align-items:baseline;gap:0 12px;line-height:1.7;transition:opacity .15s cubic-bezier(.215,.61,.355,1);display:grid;position:relative}.about-work-item:is(:hover,:focus-within) .about-link{opacity:1}.about-work-title{min-width:0;max-width:100%;font-family:var(--font-neue-montreal),Arial,sans-serif;letter-spacing:normal;justify-self:start;font-weight:500;transition:color .14s cubic-bezier(.2,0,0,1),opacity .14s cubic-bezier(.2,0,0,1)}.about-work-year{width:4ch;color:var(--muted);font-size:var(--type-base);font-variant-numeric:proportional-nums;letter-spacing:normal;text-align:right;white-space:nowrap;justify-self:end;line-height:1.7;transition:color .14s cubic-bezier(.2,0,0,1)}.about-work-role{color:var(--muted);font-size:var(--type-meta);grid-column:1/-1;padding-bottom:4px;line-height:1.5}.about-work-item[data-preview-active=true] .about-work-title,.about-work-item[data-preview-active=true] .about-work-year{color:var(--ash)}.about-work-preview{z-index:12;border:1px solid color-mix(in srgb,var(--ink)14%,transparent);background:var(--paper);width:300px;height:178px;box-shadow:none;opacity:1;pointer-events:none;transform:translate3d(var(--preview-x),var(--preview-y),0);transform-origin:50%;transition:opacity .12s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.2,0,0,1);display:block;position:absolute;top:0;left:0;overflow:hidden}.about-work-preview-frame{background:var(--paper);object-fit:cover;object-position:top left;pointer-events:none;border:0;width:100%;height:100%;display:block}.about-work-preview-fallback{background:var(--paper);width:100%;height:100%;color:color-mix(in srgb,var(--ink)72%,var(--muted));flex-direction:column;justify-content:flex-end;padding:14px;font-size:11px;line-height:1.25;display:flex}.about-work-preview-fallback span:first-child{color:var(--ink);font-size:12px}.about-work-preview-fallback span:last-child{color:var(--muted);margin-top:4px;font-size:10px}.surface-page-header{box-sizing:border-box;width:100%;max-width:var(--page-rail-max);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;min-height:40px;margin:0 0 18px;padding-right:8px;display:grid}.surface-page-title{color:var(--ink);font-family:var(--font-serif),Georgia,serif;font-size:var(--type-base);letter-spacing:-.01em;margin:0;font-weight:500;line-height:1.45}.surface-page-actions{justify-content:flex-end;align-items:center;gap:2px;display:inline-flex}.surface-back{min-width:40px;min-height:40px;color:var(--muted);cursor:pointer;font:inherit;font-size:var(--type-base);background:0 0;border:0;place-items:center end;padding:0;line-height:1;transition:color .15s cubic-bezier(.2,0,0,1),scale .15s cubic-bezier(.2,0,0,1);display:inline-grid;position:relative}.surface-back-mark{transform-origin:50%;width:10px;height:10px;transition:transform .24s cubic-bezier(.2,0,0,1);display:block;position:relative;transform:rotate(0)}.surface-back-mark:before,.surface-back-mark:after{content:"";transform-origin:50%;background:currentColor;border-radius:999px;width:10px;height:1px;position:absolute;top:calc(50% - .5px);left:0}.surface-back-mark:before{transform:rotate(45deg)}.surface-back-mark:after{transform:rotate(-45deg)}.surface-back:hover{color:var(--ink)}.surface-back:hover .surface-back-mark{transform:rotate(180deg)}.surface-back:active{scale:.96}.surface-kicker{color:var(--muted);margin:0 0 14px;font-size:11px;line-height:1.2}.sound-surface{width:100%;max-width:var(--page-rail-max);flex-direction:column;height:100%;min-height:0;display:flex}.sound-surface .surface-page-header{flex:none;grid-template-columns:2.75rem minmax(0,32%) minmax(0,27%) minmax(4rem,18%) minmax(4.8rem,1fr);gap:0;padding-right:0}.sound-surface .surface-page-title{grid-column:1/4}.sound-surface .surface-page-actions{grid-column:5;justify-self:end}.sound-surface .surface-back{padding-right:0}.sound-body{overscroll-behavior:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch;flex:auto;width:100%;min-height:0;padding-bottom:28px;overflow-y:auto}.sound-body::-webkit-scrollbar{display:none}.sound-list{width:100%;max-width:var(--page-rail-max);height:auto;font-family:var(--font-neue-montreal),Arial,sans-serif;scrollbar-width:none;grid-template-columns:2.75rem minmax(0,32%) minmax(0,27%) minmax(4rem,18%) minmax(4.8rem,1fr);padding:0 0 16px;font-size:15px;line-height:1.2;display:grid;overflow:visible}.sound-surface .surface-kicker{width:100%;max-width:var(--page-rail-max);font-family:var(--font-neue-montreal),Arial,sans-serif;margin-bottom:8px;font-size:14px;line-height:1.2}.sound-section-kicker{margin-top:4px}.sound-list--playlists{height:auto;max-height:none;padding-bottom:0}.sound-list--playlists .sound-title{font-size:var(--type-base)}.sound-now{box-sizing:border-box;width:100%;max-width:var(--page-rail-max);font-family:var(--font-neue-montreal),Arial,sans-serif;grid-template-columns:2.75rem minmax(0,32%) minmax(0,27%) minmax(4rem,18%) minmax(4.8rem,1fr);margin-top:10px;margin-bottom:20px;padding:0;font-size:15px;line-height:1.2;display:grid}.sound-now-row{border-bottom-color:color-mix(in srgb,var(--ink)24%,transparent);min-height:24px;color:var(--ink);font-family:inherit;font-size:inherit;letter-spacing:0;grid-column:1/-1;font-style:normal;font-weight:500}.sound-visualizer{justify-content:flex-start;align-items:center;gap:1.5px;width:100%;min-width:0;height:12px;padding-left:8px;display:inline-flex}.sound-visualizer span{background:var(--ink);width:1.5px;height:10px;opacity:var(--bar-opacity,.62);transform:scaleY(var(--bar-level,.5));transform-origin:50% 100%;animation:sound-bar-pulse var(--bar-duration,1.1s)cubic-bezier(.45,0,.2,1)var(--bar-delay,0s)infinite alternate;will-change:transform;border-radius:999px;animation-play-state:paused}.sound-visualizer[data-playing=true] span{animation-play-state:running}@keyframes sound-bar-pulse{0%{transform:scaleY(max(.28,calc(var(--bar-level,.5) - .12)))}48%{transform:scaleY(min(.92,calc(var(--bar-level,.5) + .16)))}to{transform:scaleY(max(.3,calc(var(--bar-level,.5) - .04)))}}.sound-list::-webkit-scrollbar{display:none}.sound-row{grid-column:1/-1;grid-template-columns:subgrid;min-height:24px;color:var(--ink);font-family:inherit;font-size:inherit;letter-spacing:0;border-bottom:1px solid #0000;align-items:center;gap:0 4px;padding:2px 0;font-style:normal;font-weight:400;line-height:1.2;text-decoration:none;transition:border-color 90ms cubic-bezier(.2,0,0,1),color 90ms cubic-bezier(.2,0,0,1);display:grid;position:relative}.sound-row[data-super-hover-active]{border-bottom-color:var(--ink);color:var(--ink)}.sound-empty-row{color:color-mix(in srgb,var(--muted)82%,var(--ink))}.sound-empty-label{text-overflow:ellipsis;white-space:nowrap;grid-column:2/-1;min-width:0;padding-left:8px;overflow:hidden}.sound-year{font-variant-numeric:tabular-nums;min-width:0}.sound-year,.sound-list--playlists .sound-artist{color:var(--muted)}.sound-title,.sound-artist{min-width:0}.sound-title{padding-left:8px;overflow:hidden}.sound-title-text{text-overflow:ellipsis;max-width:100%;transition:transform var(--sound-title-marquee-duration,0s)linear;white-space:nowrap;display:block;overflow:hidden;transform:translate(0,0)}.sound-title[data-marquee-active=true] .sound-title-text{text-overflow:clip;width:max-content;max-width:none;transform:translate3d(calc(var(--sound-title-marquee-distance,0px)*-1),0,0);will-change:transform;overflow:visible}.sound-artist,.sound-artist span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.sound-artist{padding-left:12px}.sound-year{text-align:right;white-space:nowrap;min-width:0;padding-right:0}.photo-archive{--photo-accent:var(--accent);width:100%;height:100%;min-height:0;color:var(--ink);font-family:var(--font-neue-montreal),Arial,sans-serif;flex-direction:column;display:flex;position:relative}.photo-archive-toolbar{flex:none;justify-content:space-between;align-items:center;gap:24px;min-height:42px;padding-bottom:8px;display:flex}.photo-archive-toolbar .surface-page-title{margin:0;font-size:14px}.photo-archive-actions{align-items:center;gap:16px;display:flex}.photo-view-switch{align-items:center;gap:12px;display:flex}.photo-view-switch button,.photo-viewer-nav button{color:color-mix(in srgb,var(--muted)82%,var(--ink));cursor:pointer;font:inherit;text-transform:lowercase;background:0 0;border:0;padding:0;font-size:11px;line-height:1;transition:color .15s cubic-bezier(.2,0,0,1),opacity .15s cubic-bezier(.2,0,0,1);position:relative}.photo-view-switch button{min-height:32px}.photo-view-switch button:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .18s cubic-bezier(.16,1,.3,1);position:absolute;bottom:6px;left:0;right:0;transform:scaleX(0)}.photo-view-switch button:hover,.photo-view-switch button[aria-pressed=true],.photo-viewer-nav button:hover{color:var(--ink)}.photo-view-switch button[aria-pressed=true]:after{transform:scaleX(1)}.photo-stage{border-top:1px solid color-mix(in srgb,var(--muted)24%,transparent);background:var(--paper);flex:auto;grid-template-columns:minmax(300px,42fr) minmax(0,58fr);min-height:0;display:grid;overflow:hidden}.photo-stage-list{border-right:1px solid color-mix(in srgb,var(--muted)24%,transparent);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:color-mix(in srgb,var(--muted)38%,transparent)transparent;min-width:0;height:100%;margin:0;padding:0;list-style:none;overflow:hidden auto}.photo-stage-list li{margin:0}.photo-stage-row{border:0;border-bottom:1px solid color-mix(in srgb,var(--muted)15%,transparent);width:100%;min-height:32px;color:color-mix(in srgb,var(--muted)86%,var(--ink));cursor:pointer;font:inherit;text-align:left;background:0 0;grid-template-columns:34px minmax(0,1.1fr) minmax(0,1fr) 40px;align-items:center;padding:0 10px 0 0;transition:background-color .16s cubic-bezier(.2,0,0,1),color .16s cubic-bezier(.2,0,0,1);display:grid}.photo-stage-row:hover,.photo-stage-row:focus-visible,.photo-stage-row[aria-current=true]{background:color-mix(in srgb,var(--muted)5%,transparent);color:var(--ink)}.photo-stage-index{color:var(--photo-accent);font-variant-numeric:tabular-nums;padding-left:1px;font-size:10px;line-height:1.2}.photo-stage-title{letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;line-height:1.15;overflow:hidden}.photo-stage-meta{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:10px;line-height:1.15;overflow:hidden}.photo-stage-year{color:var(--muted);font-variant-numeric:tabular-nums;text-align:right;font-size:10px}.photo-stage-preview{background:var(--paper);min-width:0;min-height:0;color:var(--ink);cursor:zoom-in;text-align:left;border:0;grid-template-rows:minmax(0,1fr) auto;padding:clamp(16px,2.4vw,30px) 0 0 clamp(16px,2.4vw,30px);display:grid;position:relative;overflow:hidden}.photo-stage-image{width:100%;height:100%;min-height:0;animation:.42s cubic-bezier(.16,1,.3,1) both photo-stage-in;display:block;position:relative}.photo-viewer-image img{object-fit:contain}.photo-stage-caption{min-height:38px;color:var(--muted);pointer-events:none;justify-content:flex-start;align-items:baseline;gap:12px;padding:10px 0 8px;font-size:10px;line-height:1;display:flex;position:static}.photo-stage-caption-index{color:var(--photo-accent);font-variant-numeric:tabular-nums}.photo-stage-caption strong{color:var(--ink);font-size:11px;font-weight:600}.photo-stage-caption span:last-child{font-variant-numeric:tabular-nums;margin-left:auto;padding-right:2px}@keyframes photo-stage-in{0%{opacity:0;filter:blur(3px);transform:translateY(4px)}to{opacity:1;filter:none;transform:none}}.photo-board-viewport{border-top:1px solid color-mix(in srgb,var(--muted)24%,transparent);background:var(--paper);cursor:grab;contain:paint;overscroll-behavior:contain;touch-action:none;-webkit-user-select:none;user-select:none;flex:auto;min-height:0;position:relative;overflow:hidden}.photo-board-viewport:active{cursor:grabbing}.photo-board{width:var(--board-width);height:var(--board-height);transform:translate3d(var(--board-x),var(--board-y),0)scale(var(--board-scale));transform-origin:0 0;will-change:transform;position:absolute;top:0;left:0}.photo-board-item{width:var(--item-width);height:var(--item-height);color:var(--ink);cursor:zoom-in;font:inherit;text-align:left;transform:translate3d(var(--item-x),var(--item-y),0);background:0 0;border:0;padding:0;position:absolute;top:0;left:0}.photo-board-image{width:var(--item-width);height:var(--item-height);background:var(--paper);transition:filter .22s cubic-bezier(.2,0,0,1),transform .24s cubic-bezier(.16,1,.3,1);display:block;position:relative;overflow:hidden;box-shadow:0 8px 24px #11110f0e}.photo-board-image img{object-fit:cover;pointer-events:none;-webkit-user-select:none;user-select:none}.photo-viewer{--photo-accent:var(--accent);z-index:100;background:var(--paper);grid-template-columns:minmax(170px,18vw) minmax(0,1fr);gap:clamp(20px,3vw,56px);padding:clamp(38px,5vw,72px);animation:.3s cubic-bezier(.16,1,.3,1) both photo-viewer-in;display:grid;position:fixed;inset:0}.photo-viewer-close{top:max(18px,env(safe-area-inset-top));right:max(22px,env(safe-area-inset-right));z-index:2;width:36px;height:36px;color:var(--ink);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed}.photo-viewer-meta{align-self:center;min-width:0}.photo-viewer-index{color:var(--photo-accent);font-variant-numeric:tabular-nums;letter-spacing:-.04em;margin-bottom:10px;font-size:12px;line-height:1;display:block}.photo-viewer-meta h2{font-family:var(--font-serif),Georgia,serif;letter-spacing:-.01em;margin:0 0 8px;font-size:14px;font-weight:500;line-height:1.1}.photo-viewer-meta p{max-width:210px;color:var(--muted);margin:0;font-size:10px;line-height:1.45}.photo-viewer-meta p+p{color:color-mix(in srgb,var(--muted)82%,var(--ink));margin-top:12px}.photo-viewer-image{min-width:0;min-height:0;animation:.52s cubic-bezier(.16,1,.3,1) both photo-viewer-image-in;position:relative}.photo-viewer-nav{right:clamp(38px,5vw,72px);bottom:max(20px,env(safe-area-inset-bottom));color:var(--muted);font-variant-numeric:tabular-nums;pointer-events:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;font-size:9px;display:grid;position:fixed;left:clamp(38px,5vw,72px)}.photo-viewer-nav button{pointer-events:auto}.photo-viewer-nav button:first-child{justify-self:start}.photo-viewer-nav button:last-child{justify-self:end}@keyframes photo-viewer-in{0%{opacity:0}to{opacity:1}}@keyframes photo-viewer-image-in{0%{opacity:0;filter:blur(4px);transform:scale(.99)}to{opacity:1;filter:none;transform:none}}.photo-stage-row:focus-visible,.photo-stage-preview:focus-visible,.photo-board-item:focus-visible,.photo-view-switch button:focus-visible,.photo-viewer button:focus-visible{outline:1px solid var(--photo-accent);outline-offset:3px}.surface-panel.is-active:has(.sound-surface){width:var(--page-rail);filter:none;margin-left:0;transform:none}.surface-panel.is-active:has(.photo-archive){width:var(--photo-expanded-width);margin-left:calc((var(--page-rail) - var(--photo-expanded-width))/2);filter:none;overflow:hidden;transform:none}.sound-surface,.sound-surface .surface-page-header,.sound-surface .surface-kicker,.sound-now,.sound-list{max-width:none}.sound-surface{--sound-baseline:28px;--sound-gap:16px;--sound-index-width:44px;--sound-art-column:136px;color:var(--ink);font:500 var(--type-base)/var(--type-line)var(--font-neue-montreal),Arial,sans-serif}.sound-surface .surface-page-header{gap:0 var(--sound-gap);border-bottom:0;grid-template-columns:repeat(12,minmax(0,1fr));height:48px;min-height:48px;margin:0;padding:0}.sound-surface .surface-page-title{color:var(--ink);font-size:var(--type-base);font-weight:500;line-height:var(--type-line);grid-column:1/span 6}.sound-surface .surface-page-actions{grid-column:12}.sound-surface .surface-back{width:18px;min-width:18px;min-height:48px}.sound-body{height:100%;padding:var(--sound-baseline)0 calc(var(--sound-baseline)*2);font:inherit}.sound-surface .surface-kicker{color:var(--muted);font:500 var(--type-base)/var(--type-line)var(--font-neue-montreal),Arial,sans-serif;margin:0 0 12px}.sound-surface .sound-section-kicker{margin-top:var(--sound-baseline)}.sound-list,.sound-now{grid-template-columns:var(--sound-index-width)minmax(0,3.2fr)minmax(0,2.2fr)var(--sound-art-column)minmax(64px,auto);font:inherit;gap:0 8px;padding:0}.sound-now{margin:0 0 var(--sound-baseline)}.sound-row,.sound-now-row{width:100%;min-height:var(--sound-baseline);appearance:none;height:auto;color:inherit;cursor:pointer;font:inherit;line-height:var(--type-line);text-align:left;background:0 0;border:0;border-bottom:1px solid #0000;gap:0;padding:2px 0}.sound-row[data-super-hover-active],.sound-row:focus-visible,.sound-row:hover{border-bottom-color:var(--ink)}.sound-row:focus-visible{outline:1px solid var(--accent);outline-offset:2px}.sound-title,.sound-list--playlists .sound-title,.sound-artist,.sound-index,.sound-year{font-size:var(--type-base);line-height:var(--type-line);padding:0}.sound-title{color:var(--ink);padding-left:8px}.sound-artist{color:var(--muted);padding-left:12px}.sound-index{color:var(--muted);font-variant-numeric:proportional-nums;padding-left:8px}.sound-year{color:var(--muted);font-variant-numeric:proportional-nums;padding-right:0}.sound-visualizer{height:18px;padding:0}.sound-empty-label{grid-column:2/-1;padding-left:8px}.sound-cover-cell{min-width:0;height:100%;padding:0 4px;position:relative}.sound-cover{z-index:5;border:1px solid color-mix(in srgb,var(--ink)12%,transparent);background-color:var(--sound-color);opacity:0;pointer-events:none;will-change:opacity,transform;background-position:50%;background-size:cover;width:112px;height:112px;transition:opacity .14s cubic-bezier(.2,0,0,1),transform .18s cubic-bezier(.16,1,.3,1);position:absolute;bottom:4px;left:50%;transform:translate(-50%)scale(.97)}.sound-row[data-artwork-drop-below] .sound-cover{top:calc(100% + 6px);bottom:auto}.sound-cover-fallback{background:linear-gradient(135deg,#ffffff6b,transparent 44%),var(--sound-color)}.sound-row[data-super-hover-active] .sound-cover,.sound-row:focus-visible .sound-cover,.sound-row:hover .sound-cover{opacity:1;transform:translate(-50%)scale(1)}.photo-archive{--photo-accent:var(--accent);--photo-baseline:28px;--photo-gap:16px;--photo-margin:24px;z-index:auto;background:var(--paper);width:100%;height:100%;min-height:0;color:var(--ink);font:500 var(--type-base)/var(--type-line)var(--font-neue-montreal),Arial,sans-serif;position:relative;inset:auto}.photo-archive-toolbar{border-bottom:0;height:48px;min-height:48px;padding:0}.photo-archive-toolbar .surface-page-title{color:var(--ink);font-size:var(--type-base);font-weight:500;line-height:var(--type-line)}.photo-archive-actions,.photo-view-switch{gap:16px}.photo-view-switch button{min-height:48px;color:var(--muted);font-size:var(--type-base)}.photo-view-switch button:after{display:none}.photo-view-switch button:hover,.photo-view-switch button[aria-pressed=true]{color:var(--photo-accent)}.photo-view-switch button:focus-visible{box-shadow:inset 0 -2px 0 var(--photo-accent);color:var(--photo-accent);outline:none}.photo-archive-toolbar .surface-back{width:18px;min-width:18px;min-height:48px}.photo-stage{gap:0 var(--photo-gap);background:var(--paper);border:0;grid-template-columns:repeat(12,minmax(0,1fr));height:auto;min-height:0;padding:0;display:grid;overflow:hidden}.photo-stage-list{height:100%;padding:var(--photo-baseline)0 calc(var(--photo-baseline)*4);scrollbar-width:none;scroll-snap-type:y mandatory;border:0;grid-column:1/span 5;overflow-y:auto}.photo-stage-list::-webkit-scrollbar{display:none}.photo-stage-list li{height:var(--photo-baseline);scroll-snap-align:start}.photo-stage-row{width:100%;height:var(--photo-baseline);border-bottom:1px solid var(--rule);min-height:0;color:var(--ink);font:500 var(--type-base)/19px var(--font-neue-montreal),Arial,sans-serif;background:0 0;grid-template-columns:48px minmax(0,45%) minmax(0,1fr) 72px;align-items:start;padding:8px 0 0;display:grid}.photo-stage-row:hover,.photo-stage-row:focus-visible{color:var(--photo-accent);background:0 0;outline:none}.photo-stage-row[aria-current=true]{color:var(--ink);background:0 0}.photo-stage-index,.photo-stage-title,.photo-stage-meta,.photo-stage-year{min-width:0;color:inherit;font-size:var(--type-base);text-overflow:ellipsis;white-space:nowrap;padding:0 16px 0 0;line-height:19px;overflow:hidden}.photo-stage-index,.photo-stage-year{color:var(--muted);font-variant-numeric:proportional-nums}.photo-stage-year{text-align:right;padding-right:0}.photo-stage-row:hover .photo-stage-index,.photo-stage-row:focus-visible .photo-stage-index,.photo-stage-row:hover .photo-stage-year,.photo-stage-row:focus-visible .photo-stage-year{color:var(--photo-accent)}.photo-stage-row[aria-current=true] .photo-stage-index,.photo-stage-row[aria-current=true] .photo-stage-year{color:var(--muted)}.photo-stage-preview{width:100%;height:100%;padding:var(--photo-baseline)0 0;background:var(--paper);grid-column:6/span 7;display:block;overflow:hidden}.photo-stage-image{max-width:100%;animation:none}.photo-stage-image img{object-fit:contain;object-position:left center}.photo-stage-caption{height:calc(var(--photo-baseline)*2);min-height:0;color:var(--ink);font-size:var(--type-base);gap:0;padding:8px 0 0;line-height:19px}.photo-stage-caption-index{color:var(--photo-accent);margin-right:12px}.photo-stage-caption strong{font-size:var(--type-base);margin-right:8px}.photo-stage-caption span:not(.photo-stage-caption-index){margin-right:8px}.photo-stage-caption span:last-child{color:var(--muted);margin-left:0;padding-right:0}.photo-board-viewport{background:var(--paper);border:0;flex:auto;height:auto;min-height:0}.photo-board-item,.photo-board-image{transition:none}.photo-board-image{box-shadow:none}.photo-board-item:hover .photo-board-image,.photo-board-item:focus-visible .photo-board-image{filter:none;transform:none}.photo-viewer{background:var(--paper);font:500 var(--type-base)/var(--type-line)var(--font-neue-montreal),Arial,sans-serif;grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:0 16px;padding:32px 24px;display:grid}.photo-viewer-close{width:24px;height:24px;top:16px;right:24px}.photo-viewer-meta{grid-column:1/span 2;align-self:center}.photo-viewer-index{font-size:var(--type-base);font-variant-numeric:proportional-nums;letter-spacing:0;margin-bottom:4px}.photo-viewer-meta h2{font-size:var(--type-base);margin-bottom:0;font-weight:700;line-height:16px}.photo-viewer-meta p{max-width:100%;color:var(--muted);font-size:var(--type-base);line-height:16px}.photo-viewer-meta p+p{font-size:var(--type-meta);margin-top:8px}.photo-viewer-image{cursor:pointer;background:0 0;border:0;grid-column:3/span 8;width:100%;height:calc(100dvh - 128px);padding:0;animation:none;position:relative}.photo-viewer-image:focus-visible{box-shadow:inset 0 0 0 1px var(--photo-accent);outline:none}.photo-viewer-close:focus-visible{color:var(--photo-accent);outline:none}.photo-stage-preview:focus-visible{box-shadow:inset 0 0 0 1px var(--photo-accent);outline:none}@media (max-width:900px){.photo-archive{--photo-margin:16px}.photo-stage{grid-template-rows:40% 60%;grid-template-columns:repeat(4,minmax(0,1fr))}.photo-stage-list{width:100%;height:100%;padding-top:var(--photo-baseline);border-bottom:0;grid-area:1/1/auto/-1}.photo-stage-preview{grid-area:2/1/auto/-1;height:100%;padding:16px 0 0}.photo-stage-row{min-height:0}.photo-stage-image{inset:auto}.photo-viewer{flex-direction:column;justify-content:center;gap:16px;padding:56px 16px 24px;display:flex}.photo-viewer-image{flex:0 65vh;order:1;width:100%;height:65vh}.photo-viewer-meta{order:2;align-self:flex-start}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:760px){:root{--type-base:14px;--type-line:21.7px;--type-meta:11px;--page-gutter:32px;--photo-expanded-width:var(--page-rail)}.about-copy{--about-indent:16px}.about-section-title,.about-work-item,.about-work-year{font-size:var(--type-base);line-height:1.7}.home-shell:not(:has(.surface-stage[data-mode=about])){height:100dvh;min-height:100svh}.hero{height:100dvh;padding-top:56px;padding-bottom:64px}:is(.hero:has(.surface-stage[data-mode=sound]),.hero:has(.surface-stage[data-mode=photos])){padding-top:24px;padding-bottom:24px}.mode-switcher{gap:14px}.surface-stage:not([data-mode=about]){overflow:clip}.surface-page-header{min-height:40px}.sound-list{font-size:var(--type-base);grid-template-columns:2.25rem minmax(0,1fr) minmax(3.6rem,auto)}.sound-surface .surface-page-header{grid-template-columns:minmax(0,1fr) auto}.sound-surface .surface-page-title{grid-column:1}.sound-surface .surface-page-actions{grid-column:2}.sound-now{font-size:var(--type-base);grid-template-columns:2.25rem minmax(0,1fr) minmax(3.6rem,auto);margin-top:8px;margin-bottom:18px}.sound-body{height:100%;padding:16px 0 max(24px,env(safe-area-inset-bottom))}.sound-surface .surface-kicker{font-size:var(--type-base)}.sound-title,.sound-empty-label{padding-left:6px}.sound-index,.sound-visualizer{padding-left:0}.surface-panel.is-active:has(.sound-surface){width:auto;margin-left:0}.sound-artist,.sound-cover-cell{display:none}.surface-panel.is-active:has(.photo-archive){width:auto;margin-left:0}.photo-archive-toolbar{min-height:40px}.photo-archive-actions{gap:12px}.photo-view-switch{gap:10px}.photo-stage{grid-template-rows:minmax(160px,40%) minmax(0,60%);grid-template-columns:1fr}.photo-stage-list{border-right:0;border-bottom:1px solid color-mix(in srgb,var(--muted)24%,transparent)}.photo-stage-row{min-height:44px}.photo-stage-preview{padding:18px 18px 0}.photo-stage-image{inset:auto}.photo-viewer{padding:0;display:block}.photo-viewer-image{inset:max(58px,env(safe-area-inset-top))18px 220px;position:absolute}.photo-viewer-meta{right:20px;bottom:max(62px,calc(env(safe-area-inset-bottom) + 56px));position:absolute;left:20px}.photo-viewer-index{font-size:var(--type-base);margin-bottom:4px}.photo-viewer-meta h2{font-size:var(--type-base);margin-bottom:6px}.photo-viewer-meta p{max-width:320px;font-size:var(--type-meta)}.photo-viewer-meta p+p{margin-top:7px}.photo-viewer-nav{right:20px;bottom:max(16px,env(safe-area-inset-bottom));left:20px}}@media (prefers-reduced-motion:reduce){.surface-stage[data-intro-phase] [data-about-section]{opacity:1;filter:none;animation:none}.surface-panel,.mode-link,.mode-link:after,.photo-view-switch button,.sound-row,.sound-title-text,.sound-cover,.about-section-title,.photo-stage-image,.photo-board,.photo-board-image,.photo-viewer-image{transition-duration:1ms}.surface-stage[data-phase=out] .surface-panel.is-active,.surface-stage[data-phase=in] .surface-panel.is-active{animation:none}.about-reveal-word,.photo-stage-image,.photo-viewer,.photo-viewer-image,.sound-visualizer span{animation-duration:1ms;animation-iteration-count:1;animation-delay:0s}.sound-title[data-marquee-active=true] .sound-title-text{transform:translate(0,0)}.about-work-preview{transition-duration:1ms}}@media (max-width:760px){.photo-archive{--photo-margin:16px}.photo-archive-toolbar{height:48px;min-height:48px;padding:0}.photo-stage{grid-template-rows:40% 60%;grid-template-columns:repeat(4,minmax(0,1fr));height:auto;min-height:0;padding:0}.photo-stage-list{width:100%;height:100%;padding:var(--photo-baseline)0 0;border:0;grid-area:1/1/auto/-1}.photo-stage-list li,.photo-stage-row{height:var(--photo-baseline);min-height:var(--photo-baseline)}.photo-stage-row{padding:8px 0 0}.photo-stage-preview{width:100%;height:100%;padding:var(--photo-baseline)0 0;grid-area:2/1/auto/-1}.photo-board-viewport{height:auto}.photo-viewer{flex-direction:column;justify-content:center;gap:16px;padding:56px 16px 24px;display:flex}.photo-viewer-image{flex:0 65vh;order:1;width:100%;height:65vh;position:relative;inset:auto}.photo-viewer-meta{order:2;align-self:flex-start;position:static}.photo-viewer-close{top:16px;right:16px}}.photo-cloud{background:var(--paper);flex-direction:column;flex:auto;min-height:0;display:flex;position:relative;overflow:hidden}.photo-cloud-stage{touch-action:none;outline-offset:-2px;flex:auto;min-height:0;position:relative;overflow:hidden}.photo-cloud-stage canvas{width:100%;height:100%;position:absolute;inset:0}.photo-cloud-indicator{pointer-events:none;border:1px solid var(--cloud-accent,#6b6b6b);opacity:0;will-change:transform,width,height;transition:opacity .18s ease-out,border-color .3s;position:absolute;top:0;left:0;container:cloud-frame/inline-size}.photo-cloud-meta,.photo-cloud-caption,.photo-cloud-metrics{letter-spacing:0;white-space:nowrap;text-overflow:ellipsis;color:#fff;background:var(--cloud-accent,#6b6b6b);max-width:100%;padding:1px 4px;font:400 10px/1.5 ui-monospace,monospace;transition:background .3s;position:absolute;overflow:hidden}.photo-cloud-meta{max-width:var(--cloud-label-width,260px);bottom:100%;left:-1px}.photo-cloud-caption{max-width:var(--cloud-caption-width,260px);top:100%;right:-1px}.photo-cloud-indicator[data-mode=cloud] .photo-cloud-caption{display:none}.photo-cloud-controls,.photo-cloud-shapes{align-items:center;gap:8px;display:flex}.photo-cloud-controls{flex:0 0 44px;justify-content:space-between}.photo-cloud-controls button{min-width:32px;height:36px;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;padding:0 4px;font-size:13px;transition:color .18s;display:inline-flex}.photo-cloud-controls button:hover,.photo-cloud-controls button[aria-pressed=true]{color:var(--ink)}.photo-cloud-shape{width:58px;overflow:hidden}.photo-cloud-shape span{animation:.28s cubic-bezier(.22,1,.36,1) both cloud-shape-enter}.photo-cloud-error{text-align:center;font-size:14px;position:absolute;inset:40% 16px auto}.photo-cloud-meta,.photo-cloud-caption{background:var(--paper);color:var(--muted);font:500 12px/1.5 var(--font-neue-montreal),Arial,sans-serif;padding:3px 0}.photo-cloud-indicator[data-mode=cloud] .photo-cloud-meta{left:0}.photo-cloud-indicator[data-mode=card] .photo-cloud-meta,.photo-cloud-indicator[data-mode=card] .photo-cloud-caption{background:var(--cloud-accent);color:#000;padding:2px 6px;transition:background-color .22s cubic-bezier(.22,1,.36,1)}.photo-cloud-shapes{flex-wrap:wrap;gap:10px;position:relative}.photo-cloud-menu{z-index:3;background:var(--paper);border:1px solid var(--rule);border-radius:4px;min-width:132px;padding:6px;display:grid;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 4px 16px #00000008}.photo-cloud-menu button{justify-content:flex-start;padding:0 12px}.photo-cloud-menu button:hover{background:#f5f5f5}.photo-cloud-controls{gap:20px;min-height:48px}.photo-cloud-shape{width:78px}.photo-cloud-controls button{font-size:14px}.photo-cloud-controls button:active{opacity:.55}.photo-cloud-indicator{transition:opacity .24s,border-color .24s}.photo-archive .photo-stage{border:0;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:48px;padding-top:16px}.photo-archive .photo-stage-list{scroll-snap-type:none;scrollbar-width:none;grid-area:1/1;padding:0 0 24px}.photo-archive .photo-stage-list li{height:28px}.photo-archive .photo-stage-row{height:28px;min-height:28px;color:var(--muted);border:0;grid-template-columns:34px minmax(0,1fr) 40px;align-items:center;padding:0 4px 0 0;position:relative}.photo-archive .photo-stage-row[aria-current=true],.photo-archive .photo-stage-row:hover,.photo-archive .photo-stage-row:focus-visible{color:var(--ink)}.photo-archive .photo-stage-row:focus-visible{outline:1px solid var(--rule);outline-offset:-1px}.photo-archive .photo-stage-title{padding-right:12px}.photo-archive .photo-stage-index,.photo-archive .photo-stage-year{font-variant-numeric:proportional-nums;letter-spacing:0;padding-right:0;font-size:12px}.photo-archive .photo-stage-row[aria-current=true] .photo-stage-index{color:var(--ink)}.photo-archive .photo-stage-preview{flex-direction:column;grid-area:1/2;align-items:stretch;padding:0;display:flex}.photo-archive .photo-stage-image{flex:auto;width:100%;height:auto;margin:0}.photo-archive .photo-stage-image img{object-position:center}.photo-stage-empty{color:var(--muted);font-size:14px}.photo-archive .photo-stage-image .photo-stage-incoming{opacity:0;transition:none;transform:none}.photo-archive .photo-stage-image .photo-stage-incoming[data-ready=true]{opacity:1;transform:none}.photo-stage-outgoing{opacity:1}.photo-stage-outgoing[data-covered=true]{opacity:0}.photo-stage:has(.photo-stage-row:focus-visible) .photo-stage-image img{transition:none}.photo-archive .photo-stage-row{transition:color .16s,background-color .16s}@media (prefers-reduced-motion:reduce){.photo-archive .photo-stage-image .photo-stage-incoming{transition:none;transform:none}.photo-stage-outgoing,.photo-archive .photo-stage-row{transition:none}}.photo-archive .photo-stage-caption{flex-wrap:wrap;flex:none;gap:0 8px;height:auto;min-height:48px;padding:16px 0 0}.photo-archive .photo-stage-caption strong{font-size:14px;font-weight:500}.photo-archive .photo-stage-caption span{color:var(--muted);margin:0;font-size:12px}.photo-archive .photo-stage-caption span:nth-last-child(2){margin-left:auto}@media (max-width:720px) and (min-height:540px){.photo-archive .photo-stage{grid-template-rows:minmax(0,1fr) minmax(120px,.65fr);grid-template-columns:minmax(0,1fr);gap:24px}.photo-archive .photo-stage-preview{grid-area:1/1}.photo-archive .photo-stage-list{grid-area:2/1}.photo-archive .photo-stage-caption{min-height:36px;padding-top:10px}.photo-cloud-shapes{gap:4px}.photo-cloud-controls button{font-size:12px}}@media (max-height:540px){.photo-archive .photo-stage{gap:24px;padding-top:0}.photo-archive .photo-stage-caption{min-height:24px;padding-top:8px}}@keyframes cloud-shape-enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){.photo-cloud-shapes{gap:2px}.photo-cloud-controls button{min-height:44px}.photo-cloud-indicator[data-mode=cloud] .photo-cloud-meta{font-size:11px;left:0}}@media (prefers-reduced-motion:reduce){.photo-cloud-shape span{animation:none}}.surface-stage[data-mode=sound]{overflow:clip}.surface-panel.is-active:has(.sound-surface){width:var(--page-rail);margin-left:0}.hero:has(.surface-stage[data-mode=sound]){padding-top:120px}.music-listening{gap:32px;padding:12px 0 24px;display:grid}.music-now{grid-template-columns:64px minmax(0,1fr);align-items:center;gap:0 16px;display:grid}.music-now:not(:has(.music-now-cover)){display:block}.music-now p{margin:0}.music-now-cover{background:var(--rule);width:64px;height:64px;position:relative;overflow:hidden}.music-now-cover img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.music-now-cover img[data-enter=true]{animation:.42s cubic-bezier(.16,1,.3,1) both music-cover-in}.music-now-text{min-width:0;line-height:1.7}.music-now-text[data-enter=true]{animation:.42s cubic-bezier(.16,1,.3,1) both music-text-in}@keyframes music-cover-in{0%{opacity:0;filter:blur(4px)}}@keyframes music-text-in{0%{opacity:0;filter:blur(3px);transform:translateY(3px)}}.music-now-status{color:var(--muted)}.music-now-title,.music-now-artist{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.music-now-title a{color:inherit;text-decoration-line:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--ink)32%,transparent);text-decoration-color:color-mix(in srgb,var(--ink)32%,transparent);text-underline-offset:.18em;text-decoration-thickness:1px}.music-now-title a:is(:hover,:focus-visible){text-decoration-color:currentColor}.music-now-artist{color:var(--muted)}.music-sheet-section h2{color:var(--muted);font-family:var(--font-serif),Georgia,serif;font-size:var(--type-base);margin:0 0 8px;font-weight:500;line-height:1.7}.music-sheet-switch{box-sizing:content-box;color:var(--muted);cursor:pointer;font:inherit;white-space:nowrap;background:0 0;border:0;padding:0;transition:width .48s cubic-bezier(.16,1,.3,1),color .14s cubic-bezier(.2,0,0,1),scale .14s cubic-bezier(.2,0,0,1);display:inline-grid}.music-sheet-switch:is(:hover,:focus-visible){color:var(--ink)}.music-sheet-switch:active{scale:.96}.music-sheet-switch:focus-visible{outline:1px solid var(--ink);outline-offset:3px}.music-sheet-switch-label{grid-area:1/1;justify-self:start}.music-sheet-switch-label>span{white-space:pre;display:inline-block}.music-sheet-switch-label:not([data-state=active])>span{opacity:0}.music-sheet-switch-label[data-state=active][data-animate=true]>span{animation:music-switch-in .42s cubic-bezier(.16,1,.3,1)calc(60ms + var(--char)*14ms)both}.music-sheet-switch-label[data-state=leaving]>span{animation:music-switch-out .22s cubic-bezier(.16,1,.3,1)calc(var(--char)*6ms)both}@keyframes music-switch-in{0%{opacity:0;filter:blur(4px);transform:translateY(.6em)}}@keyframes music-switch-out{0%{opacity:1}to{opacity:0;filter:blur(4px);transform:translateY(-.6em)}}.music-sheet-section{--sheet-columns:4;--sheet-max:12;--sheet-width:min(100cqw,max(320px,(100dvh - 420px)*4/3));container-type:inline-size}.music-sheet,.music-sheet-caption{width:var(--sheet-width)}.music-sheet{--sheet-tile:calc((var(--sheet-width) - (var(--sheet-columns) - 1)*4px)/var(--sheet-columns));--sheet-rows:round(up,min(var(--sheet-count),var(--sheet-max))/var(--sheet-columns),1);grid-template-columns:repeat(var(--sheet-columns),minmax(0,1fr));height:calc(var(--sheet-rows)*var(--sheet-tile) + (var(--sheet-rows) - 1)*4px);align-content:start;gap:4px;margin:0;padding:0;list-style:none;transition:height .56s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.music-sheet-more{top:calc(var(--more-row)*(var(--sheet-tile) + 4px));left:calc(var(--more-column)*(var(--sheet-tile) + 4px));width:calc(var(--more-span)*var(--sheet-tile) + (var(--more-span) - 1)*4px);height:var(--sheet-tile);position:absolute}.music-sheet-more a{box-sizing:border-box;background:var(--rule);height:100%;color:var(--muted);opacity:0;filter:blur(6px);transition:opacity .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1),color .2s cubic-bezier(.2,0,0,1);transition-delay:var(--sheet-wave),var(--sheet-wave),var(--sheet-wave),0s;justify-content:space-between;align-items:flex-end;padding:10px 12px;line-height:1.2;text-decoration:none;display:flex;transform:scale(1.03)}.music-sheet-more[data-shown=true] a{opacity:1;filter:none;transform:none}.music-sheet-more a:is(:hover,:focus-visible){color:var(--ink)}.music-sheet-more a:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.music-sheet-more-arrow{transition:transform .26s cubic-bezier(.16,1,.3,1)}.music-sheet-more a:is(:hover,:focus-visible) .music-sheet-more-arrow{transform:translate(2px,-2px)}.music-sheet li{--sheet-wave:calc((round(down,var(--sheet-index)/var(--sheet-columns),1) + mod(var(--sheet-index),var(--sheet-columns)))*45ms);animation:music-sheet-in .52s cubic-bezier(.16,1,.3,1)calc(.12s + var(--sheet-index)*30ms)both}@keyframes music-sheet-in{0%{opacity:0;filter:blur(5px);transform:translateY(4px)}}.music-sheet-item{aspect-ratio:1;background:var(--rule);transition:background-color .42s cubic-bezier(.16,1,.3,1)var(--sheet-wave);display:grid;overflow:hidden}.music-sheet-item[data-empty=true]{pointer-events:none;background:0 0}.music-sheet-layer{opacity:0;filter:blur(6px);min-width:0;min-height:0;transition:opacity .42s cubic-bezier(.16,1,.3,1),filter .42s cubic-bezier(.16,1,.3,1),transform .64s cubic-bezier(.16,1,.3,1);transition-delay:var(--sheet-wave);grid-area:1/1;transform:scale(1.06)}.music-sheet-layer[data-shown=true]{opacity:1;filter:none;transform:none}.music-sheet-item img,.music-sheet-blank{object-fit:cover;width:100%;height:100%;display:block}.music-sheet-item img{filter:grayscale();opacity:.78;transition:filter .26s cubic-bezier(.2,0,0,1),opacity .26s cubic-bezier(.2,0,0,1)}.music-sheet-item[data-active=true] img{filter:none;opacity:1}.music-sheet-item:focus-visible{outline:1px solid var(--ink);outline-offset:2px}.music-sheet-caption{color:var(--muted);grid-template-columns:minmax(0,1fr) auto;gap:0 12px;margin:8px 0 0;line-height:1.7;animation:.2s cubic-bezier(.2,0,0,1) both music-caption-in;display:grid}@keyframes music-caption-in{0%{opacity:.3;filter:blur(2px)}}.music-sheet-caption>span:first-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.music-sheet-title{color:var(--ink)}.music-sheet-year{font-variant-numeric:proportional-nums;text-align:right}.music-sheet-empty{color:var(--muted);margin:0;line-height:1.7}@media (max-width:720px){.hero:has(.surface-stage[data-mode=sound]){padding-top:56px}.music-listening{gap:28px;padding-top:8px}.music-sheet-section{--sheet-columns:3;--sheet-width:min(100cqw,max(240px,(100dvh - 320px)*3/4))}}@media (min-width:721px) and (max-height:875px){.music-sheet-section{--sheet-max:8;--sheet-width:min(100cqw,max(320px,(100dvh - 420px)*2))}.music-sheet li:nth-child(n+9):not(.music-sheet-more){display:none}}@media (hover:none){.music-sheet-item img{filter:none;opacity:1}}@media (prefers-reduced-motion:reduce){.music-sheet-item img,.music-sheet{transition:none}.music-sheet-switch{transition:color .14s}.music-sheet-switch-label[data-state]>span{animation-name:music-fade}.music-sheet-switch-label[data-state=leaving]>span{opacity:0;animation:none}.music-sheet-item,.music-sheet-layer,.music-sheet-more a{filter:none;transition:opacity .15s,background-color .15s,color .15s;transform:none}.music-sheet-more-arrow{transition:none}.music-sheet li,.music-sheet-caption,.music-now-text[data-enter=true],.music-now-cover img[data-enter=true]{animation-name:music-fade}}@keyframes music-fade{0%{opacity:0}}@media (max-height:550px){.hero:has(.surface-stage[data-mode=sound]){padding-top:20px;padding-bottom:20px}.music-listening{gap:20px;padding:4px 0 12px}}.photo-viewer-nav button{place-items:center;min-width:44px;min-height:44px;display:grid}.about-work-intro{margin:0 0 12px;display:grid}.about-work-intro>p{grid-area:1/1;margin:0}.about-work-measure{visibility:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.about-work-description-copy{color:var(--ink);margin-top:12px;display:block}.about-work-word{white-space:pre;display:inline-block}.about-work-description-copy[data-animate=true] .about-work-word{animation:work-word-reveal .52s cubic-bezier(.16,1,.3,1)var(--word-delay)both}@keyframes work-word-reveal{0%{opacity:0;filter:blur(5px);transform:translateY(.22em)}to{opacity:1;filter:blur();transform:none}}@media (prefers-reduced-motion:reduce){.about-work-description-copy[data-animate=true] .about-work-word{animation:none}}.sound-surface .surface-page-header,.lifting-surface .surface-page-header,.photo-archive-toolbar{height:48px;min-height:48px;padding:0}.sound-surface .surface-page-header .surface-back,.lifting-surface .surface-page-header .surface-back,.photo-archive-toolbar .surface-back{justify-items:end;width:44px;min-width:44px;height:48px;min-height:48px}.ink-label{padding:1px var(--label-inset);margin-inline:calc(-1*var(--label-inset));-webkit-box-decoration-break:clone;box-decoration-break:clone}.minidisc-open[aria-pressed=true] .ink-label{background:var(--ink);color:var(--paper)}.about-work-title:focus-visible,.about-inline-button:focus-visible,.about-company-link:focus-visible,.about-project-link:focus-visible,.photo-view-switch button:focus-visible{outline:1px solid var(--ink);outline-offset:4px;box-shadow:none}.sound-surface .surface-page-title,.photo-archive-toolbar .surface-page-title{color:var(--muted)}.photo-stage-title .ink-label{margin-inline:0}.photo-cloud-controls button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.about-project-heading{grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:0 12px;line-height:1.7;display:grid}.about-project-links{align-items:baseline;gap:10px;display:inline-flex}.about-project-link{padding:1px var(--label-inset);margin-inline:calc(-1*var(--label-inset));align-items:center;line-height:1.35;display:inline-flex}.about-project-link,.photo-cloud-menu button:not([aria-pressed=true]),.photo-view-switch .ink-label,.lifting-units .ink-label,.photo-stage-title .ink-label{color:#0000;background:linear-gradient(var(--wipe-rest,var(--muted))50%,var(--paper)50%)0 0/100% 200% no-repeat,linear-gradient(var(--ink)0 0)0 100%/100% 0 no-repeat;transition:background-position var(--wipe-duration)var(--wipe-ease),background-size var(--wipe-duration)var(--wipe-ease),scale .14s cubic-bezier(.2,0,0,1);-webkit-background-clip:text,padding-box;background-clip:text,padding-box}.about-project-link:is(:hover,:focus-visible),.photo-cloud-menu button:not([aria-pressed=true]):is(:hover,:focus-visible),.photo-view-switch button[aria-pressed=true] .ink-label,.lifting-units button[aria-pressed=true] .ink-label,.photo-stage-row[aria-current=true] .ink-label{background-position:0 100%,0 100%;background-size:100% 200%,100% 100%}.photo-view-switch button:is(:hover,:focus-visible) .ink-label,.photo-stage-row:is(:hover,:focus-visible) .ink-label{--wipe-rest:var(--photo-accent)}.lifting-units button:is(:hover,:focus-visible) .ink-label,.photo-stage-title .ink-label{--wipe-rest:var(--ink)}@media (prefers-reduced-motion:reduce){.about-project-link,.photo-cloud-menu button:not([aria-pressed=true]),.photo-view-switch .ink-label,.lifting-units .ink-label,.photo-stage-title .ink-label{transition:none}}.about-project-link:active{scale:.96}.about-project-description{color:var(--muted);margin:2px 0 0}.about-copy :is(a,button,summary):focus-visible,.photo-view-switch button:focus-visible,.minidisc button:focus-visible{outline:1px solid var(--accent);outline-offset:4px}.minidisc-open[aria-pressed=true] .ink-label,.photo-cloud-controls button[aria-pressed=true]{background:var(--accent)}