:root{--bg:#f3f3f3;--fg:#111;--muted:#9a9a9a;--soft:#5c5c5c;--surface:#fff;--line:#e4e4e4;--slide-bg:#f7f7f7;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-io:cubic-bezier(.76, 0, .24, 1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0d0d0d;--fg:#f2f2f2;--muted:#7c7c7c;--soft:#a9a9a9;--surface:#1c1c1c;--line:#2a2a2a;--slide-bg:#161616;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--fg);-webkit-font-smoothing:antialiased;transition:background-color .5s var(--ease-io), color .5s var(--ease-io);margin:0}button{font:inherit;color:inherit}a{color:inherit}:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.site{grid-template-columns:1fr 1fr;display:grid}.site-project{--hero-top:max(72px, calc(50svh - 11.25vw));grid-template-columns:30vw 40vw;justify-content:center;column-gap:6vw}.site-project .side{padding:var(--hero-top) 0 120px;justify-content:flex-start}.site-project .stream{padding-top:var(--hero-top);padding-left:0;padding-right:0}.side>*{flex-shrink:0}.side{flex-direction:column;justify-content:safe center;height:100svh;padding:72px 4vw 120px 16vw;display:flex;position:sticky;top:0;overflow:hidden}h1,h2{letter-spacing:-.025em;margin:0;font-size:clamp(28px,2.6vw,44px);font-weight:500;line-height:1.08}.role{color:var(--muted);display:block}.lead{max-width:36ch;color:var(--soft);margin:24px 0 0;font-size:15px;line-height:1.55}.lead-wrap{margin-top:24px}.lead-wrap>.lead{margin:0}.lead-toggle{font:inherit;text-align:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:15px;line-height:1.55;display:block}.lead-toggle:focus-visible{outline:1px solid var(--line);outline-offset:6px;border-radius:4px}.about{cursor:pointer;max-width:36ch;max-height:62px;transition:max-height .8s var(--ease-io);position:relative;overflow:hidden}.about:after{content:"";background:linear-gradient(to bottom, color-mix(in srgb, var(--bg) 20%, transparent), var(--bg) 100%);pointer-events:none;transition:opacity .6s var(--ease-io);position:absolute;inset:0}.intro-text:hover .about:after{opacity:.75}.intro-text[data-open=true] .about:after{opacity:0}.about p{color:var(--soft);margin:0;padding-top:14px;font-size:15px;line-height:1.55}.contact{width:min(100%,400px);margin-top:48px}.contact-toggle{color:var(--fg);font:inherit;letter-spacing:-.01em;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:17px;font-weight:500;display:inline-flex}.contact-text{transition:background-size .5s var(--ease-out);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat;padding-bottom:3px}.contact-toggle:hover .contact-text,.contact-toggle:focus-visible .contact-text,.contact-toggle[aria-expanded=true] .contact-text{background-size:100% 1px}.contact-arrow{transition:rotate .6s var(--ease-out), translate .4s var(--ease-out);display:inline-flex}.contact-toggle:hover .contact-arrow[data-open=false]{translate:0 2px}.contact-arrow[data-open=true]{rotate:180deg}.contact-toggle:focus-visible{outline:none}.contact-menu{transition:grid-template-rows .7s var(--ease-io);grid-template-rows:0fr;display:grid}.contact-menu[data-open=true]{grid-template-rows:1fr}.contact-list{min-height:0;margin:0;padding:0;list-style:none;overflow:hidden}.contact-list li{border-top:1px solid var(--line);opacity:0;transition:opacity .25s,transform .25s;transform:translateY(12px)}.contact-list li:first-child{margin-top:20px}.contact-list li:last-child{border-bottom:1px solid var(--line)}.contact-menu[data-open=true] li{opacity:1;transition:opacity .8s var(--ease-out), transform .8s var(--ease-out);transform:none}.contact-menu[data-open=true] li:first-child{transition-delay:.12s}.contact-menu[data-open=true] li:nth-child(2){transition-delay:.19s}.contact-menu[data-open=true] li:nth-child(3){transition-delay:.26s}.contact-menu[data-open=true] li:nth-child(4){transition-delay:.33s}.contact-list a{color:var(--fg);justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;text-decoration:none;display:flex}.contact-label{color:var(--muted);font-size:14px}.contact-value{transition:translate .5s var(--ease-out);align-items:center;gap:6px;font-size:15px;font-weight:500;display:inline-flex}.contact-value svg{width:16px;height:16px}.contact-list a:hover .contact-value,.contact-list a:focus-visible .contact-value{translate:-6px}.mask{padding-bottom:.08em;display:block;overflow:hidden}.reveal{animation:rise 1.1s var(--ease-out) both;animation-delay:calc(.25s + var(--d,0) * 90ms);display:block}.reveal-soft{animation:fade-up 1.2s var(--ease-out) both;animation-delay:calc(.25s + var(--d,0) * 90ms)}@keyframes rise{0%{transform:translateY(110%)}to{transform:none}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes pop{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:none}}.stream[hidden]{display:none!important}.stream{flex-direction:column;gap:12vh;padding:22vh 6vw 30vh 9vw;display:flex}.stream-list{--peek:clamp(110px, 18vh, 200px);--card-w:30vw;--card-h:calc(var(--card-w) * 9 / 16);--step:80svh;--spacer:calc(50svh + var(--card-h) / 2 - var(--peek));height:calc(var(--spacer) + 100svh + (var(--count,1) - 1) * var(--step));pointer-events:none;padding:0;display:block}.deck-spacer{height:var(--spacer)}.deck-stage{place-items:center;height:100svh;display:grid;position:sticky;top:0}.deck-stack{width:var(--card-w);aspect-ratio:16/9;position:relative}.deck-stack .preview{transform-origin:50% 100%;will-change:transform;pointer-events:auto;position:absolute;inset:0}.deck-stack .preview-link,.deck-stack .preview-media{height:100%}.deck-captions{position:absolute;top:calc(100% + 52px);left:0;right:0}.deck-captions .preview-title{white-space:nowrap;margin:0;position:absolute;top:0;left:0}.preview-link{text-decoration:none;display:block}.preview-media,.shot{background:var(--slide-bg);border-radius:clamp(10px,1.6vw,20px);position:relative;overflow:hidden}.preview-title{margin-top:14px;font-size:14px;font-weight:500;line-height:1.4;display:block}.preview-media{aspect-ratio:16/9}.media{object-fit:cover;height:100%}video.media{width:100%;height:100%;position:absolute;inset:0}.type-card{background:var(--fg);color:var(--bg);letter-spacing:-.035em;align-items:flex-end;padding:clamp(16px,1.6vw,28px);font-size:clamp(24px,2.6vw,44px);font-weight:500;line-height:.95;display:flex;position:absolute;inset:0}.cursor{z-index:200;pointer-events:none;position:fixed;top:0;left:0}.cursor-dot{background:var(--fg);width:88px;height:88px;color:var(--bg);letter-spacing:.01em;transition:scale .5s var(--ease-out);border-radius:50%;place-items:center;margin:-44px 0 0 -44px;font-size:13px;font-weight:500;display:grid;scale:0}.cursor[data-visible=true] .cursor-dot{scale:1}@media (hover:hover) and (pointer:fine){[data-cursor],[data-cursor] *{cursor:none}}.hero{position:relative}.back{z-index:10;top:calc(var(--hero-top,22vh) + 11.25vw);width:44px;height:44px;color:var(--fg);cursor:pointer;transition:translate .5s var(--ease-out), opacity .3s;background:0 0;border:0;place-items:center;padding:0;display:grid;position:fixed;left:calc(45vw - 22px);translate:0 -50%}.back:hover{translate:-6px -50%}.back svg{width:26px;height:26px}.reveal-pop{animation:pop .9s var(--ease-out) .5s both}.role.small{letter-spacing:0;margin-top:10px;font-size:15px;line-height:1.4}.project-body{max-width:44ch;margin-top:36px}.project-body .lead{color:var(--fg);margin:0 0 8px;font-size:16px}.project-body h3{margin:28px 0 8px;font-size:15px;font-weight:500}.project-body p{color:var(--soft);margin:0 0 14px;font-size:14px;line-height:1.65}.project-body p.li{margin-bottom:6px;padding-left:16px;position:relative}.project-body p.li:before{content:"";background:var(--muted);border-radius:50%;width:4px;height:4px;position:absolute;top:.75em;left:2px}.text-link{border-bottom:1px solid var(--line);align-items:center;gap:6px;margin-top:20px;padding-bottom:2px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.stream:has(.shot){gap:2vw}.stream:has(.shot)>*{width:min(100%,40vw)}.stream>div.hero{width:min(100%,40vw)}.shot-hero{aspect-ratio:16/9}.shot-hero video.media{height:100%;position:absolute}::view-transition-group(project-media){border-radius:clamp(10px,1.6vw,20px);animation-duration:.75s;animation-timing-function:cubic-bezier(.65,0,.35,1);overflow:hidden}::view-transition-old(project-media){object-fit:cover;width:100%;height:100%;animation:none}::view-transition-new(project-media){object-fit:cover;width:100%;height:100%;animation:none}.side{view-transition-name:side}.site-project .stream:not(.stream-list){view-transition-name:project-gallery}::view-transition-group(side){animation-duration:.6s}::view-transition-group(project-gallery){animation-duration:.6s}::view-transition-old(side){animation:vt-fade-out .35s var(--ease-io) both}::view-transition-old(project-gallery){animation:vt-fade-out .35s var(--ease-io) both}::view-transition-new(side){animation:none}::view-transition-new(project-gallery){animation:vt-fade-in .55s var(--ease-out) .2s both}.shot-in{animation:fade-up .8s var(--ease-out) both}@keyframes vt-fade-out{to{opacity:0;transform:translateY(-8px)}}@keyframes vt-fade-in{0%{opacity:0;transform:translateY(10px)}}:root{view-transition-name:none}::view-transition{pointer-events:none}.media-auto{width:100%;height:auto;display:block}.shot video.media{height:auto;display:block;position:relative}.embed{aspect-ratio:16/9;position:relative}.embed iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.edge-top,.edge-bottom{display:none}@media (hover:none) and (pointer:coarse){.edge-top,.edge-bottom{z-index:20;height:12px;display:block;position:fixed;left:0;right:0}.edge-top{top:-7px}.edge-bottom{bottom:-7px}.back{z-index:30}}@media (max-width:800px){.site,.site-project{grid-template-columns:1fr;column-gap:0}.site-project .stream:not(.stream-list){display:contents}.site-project .stream>div.hero{order:-1;width:auto;margin:64px 16px 0}.site-project .side{order:0;padding:32px 24px 24px}.site-project .stream>.shot{order:1;width:auto;margin:0 16px 12px}.site-project .stream>.shot:last-child{margin-bottom:96px}.side{view-transition-name:none;height:auto;padding:72px 24px 24px;position:static;overflow:visible}.side-project .reveal,.side-project .reveal-soft{animation-delay:calc(.6s + var(--d,0) * 90ms)}.side-intro{text-align:center;justify-content:center;align-items:center;min-height:100svh;padding-bottom:calc(clamp(110px,18vh,200px) + 24px)}.side-intro .lead,.side-intro .about,.side-intro .contact{margin-inline:auto}.side-intro .contact-list a{text-align:left}.lead{margin-top:16px;font-size:15px}.contact{margin-top:32px}.preview,.stream>div.hero{width:100%}.stream:has(.shot)>*{width:100%}.stream{gap:56px;padding:40px 24px 96px}.stream-list{--card-w:calc(100vw - 48px);--spacer:0px;margin-top:calc(var(--card-h) / 2 - 50svh - var(--peek));padding:0}.stream:has(.shot){gap:12px;padding:24px 16px 96px}.back{top:max(14px, env(safe-area-inset-top));color:#fff;mix-blend-mode:difference;left:12px;translate:none}.back:hover{translate:-4px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;transition-delay:0s!important;animation-duration:.01ms!important;animation-delay:0s!important}}