.site-header,.site-header *,.site-header :before,.site-header :after{box-sizing:border-box}.site-header{z-index:30;background:0 0;border-bottom:1px solid #0000;height:64px;font-family:Inter,sans-serif;transition:background-color .25s,border-color .25s;position:fixed;inset:0 0 auto}html.nav-solid .site-header{background:var(--vp-c-bg,#fff);border-bottom-color:var(--vp-c-divider,#e2e2e3)}html.dark.nav-solid .site-header{border-bottom-color:var(--vp-c-divider,#ffffff0f);background:#000000e6}.nav-bar{justify-content:space-between;align-items:center;height:100%;padding:0 8px 0 24px;display:flex;position:relative}@media (width>=768px){.nav-bar{padding:0 20px 0 32px}}@media (width>=1280px){.nav-bar{padding:0 32px}}.nav-logo-link{flex-shrink:0;align-items:center;line-height:0;display:flex}.nav-logo{width:28px;height:28px;display:block}html.dark .nav-logo{filter:invert()}.site-header a{text-decoration:none}.site-header :focus-visible{outline-offset:2px;border-radius:4px;outline:2px solid}.nav-collapse{display:none}.nav-collapse.is-open{background:var(--vp-c-bg,#fff);flex-direction:column;gap:8px;padding:24px;display:flex;position:fixed;inset:64px 0 0;overflow-y:auto}html.dark .nav-collapse.is-open{background:var(--vp-c-bg,#000)}@media (width>=768px){.nav-collapse{flex-direction:row;align-items:center;gap:0;background:0 0!important;padding:0!important;display:flex!important;position:static!important;inset:auto!important;overflow:visible!important}}.nav-links{flex-direction:column;gap:4px;display:flex}@media (width>=768px){.nav-links{flex-direction:row;align-items:center;gap:0}}.nav-link{color:var(--vp-c-text-1,#3c3c43);padding:12px 4px;font-size:15px;font-weight:500;transition:opacity .2s;display:block}html.dark .nav-link{color:var(--vp-c-text-1,#fff)}.nav-link:hover{opacity:.75}@media (width>=768px){.nav-link{align-items:center;height:64px;padding:0 12px;font-size:14px;line-height:64px;display:flex}}.nav-actions{border-top:1px solid var(--vp-c-divider,#0000001f);flex-direction:column;align-items:stretch;gap:16px;margin-top:8px;padding-top:16px;display:flex}html.dark .nav-actions{border-top-color:var(--vp-c-divider,#ffffff0f)}.nav-divider{display:none}@media (width>=768px) and (width<=1279.98px){.nav-collapse .nav-actions{display:none!important}}@media (width>=1280px){.nav-collapse .nav-actions{border-top:none;flex-direction:row;align-items:center;gap:0;margin-top:0;padding-top:0;display:flex}.nav-collapse .nav-divider{background:var(--vp-c-divider,#0000001f);flex-shrink:0;width:1px;height:24px;margin-right:24px;display:block}html.dark .nav-collapse .nav-divider{background:var(--vp-c-divider,#ffffff0f)}.nav-collapse .nav-github{justify-content:center;width:36px}}.nav-github{width:100%;height:36px;color:var(--vp-c-text-2,#67676c);justify-content:flex-start;align-items:center;transition:color .2s;display:flex}html.dark .nav-github{color:var(--vp-c-text-2,#aaa)}.nav-github:hover{color:var(--vp-c-text-1,#3c3c43)}html.dark .nav-github:hover{color:var(--vp-c-text-1,#fff)}.nav-more,.nav-hamburger{appearance:none;font:inherit;color:inherit;cursor:pointer;background:0 0;border:none;margin:0;padding:0}.nav-more-wrap{display:none;position:relative}@media (width>=768px) and (width<=1279.98px){.nav-more-wrap{display:block}}.nav-more{width:44px;height:64px;color:var(--vp-c-text-1,#3c3c43);justify-content:center;align-items:center;display:flex}html.dark .nav-more{color:var(--vp-c-text-1,#fff)}.nav-more-menu{z-index:40;border:1px solid var(--vp-c-divider,#0000001f);background:#fff;border-radius:12px;flex-direction:column;gap:12px;min-width:180px;padding:12px;display:flex;position:absolute;top:56px;right:0;box-shadow:0 12px 32px #0000001a,0 2px 6px #00000014}html.dark .nav-more-menu{border-color:var(--vp-c-divider,#ffffff0f);background:#1a1a1a}.nav-hamburger{flex-direction:column;flex-shrink:0;justify-content:center;align-items:center;gap:4px;width:48px;height:64px;display:flex}@media (width>=768px){.nav-hamburger{display:none}}.nav-hamburger-line{background:var(--vp-c-text-1,#3c3c43);width:16px;height:2px;transition:transform .2s,opacity .2s;display:block}html.dark .nav-hamburger-line{background:var(--vp-c-text-1,#fff)}.nav-hamburger[aria-expanded=true] .nav-hamburger-line:first-child{transform:translateY(6px)rotate(45deg)}.nav-hamburger[aria-expanded=true] .nav-hamburger-line:nth-child(2){opacity:0}.nav-hamburger[aria-expanded=true] .nav-hamburger-line:nth-child(3){transform:translateY(-6px)rotate(-45deg)}:root{--vp-font-family-base:"Inter", sans-serif;--vp-font-family-mono:"Inter", monospace;--vp-nav-height:64px;--vp-home-hero-name-color:transparent;--vp-home-hero-name-background:linear-gradient(135deg, #fff 30%, #888);--vp-home-hero-image-background-image:none;--vp-home-hero-image-filter:none;--vp-c-brand-1:#fff;--vp-c-brand-2:#ccc;--vp-c-brand-3:#999;--vp-c-brand-soft:#ffffff1a;--vp-c-bg:#000;--vp-c-bg-alt:#1a1a1a;--vp-c-bg-soft:#2a2a2a;--vp-c-bg-elv:#1a1a1a;--vp-c-text-1:#fff;--vp-c-text-2:#aaa;--vp-c-text-3:#888;--vp-c-divider:#ffffff0f;--vp-c-border:#ffffff0f;--vp-nav-bg-color:#000000e6;--vp-button-brand-bg:#fff;--vp-button-brand-text:#000;--vp-button-brand-hover-bg:#ccc;--vp-button-brand-hover-text:#000;--vp-button-brand-active-bg:#aaa;--vp-button-brand-active-text:#000;--vp-button-alt-bg:#ffffff1a;--vp-button-alt-text:#fff;--vp-button-alt-hover-bg:#fff3;--vp-button-alt-hover-text:#fff}.light{--vp-home-hero-name-background:linear-gradient(135deg, #222 30%, #888);--vp-c-brand-1:#000;--vp-c-brand-2:#333;--vp-c-brand-3:#555;--vp-c-brand-soft:#00000014;--vp-c-bg:#fff;--vp-c-bg-alt:#f6f6f7;--vp-c-bg-soft:#f6f6f7;--vp-c-bg-elv:#fff;--vp-c-text-1:#3c3c43;--vp-c-text-2:#3c3c43c7;--vp-c-text-3:#3c3c438f;--vp-c-divider:#e2e2e3;--vp-c-border:#c2c2c4;--vp-nav-bg-color:var(--vp-c-bg);--vp-button-brand-bg:#000;--vp-button-brand-text:#fff;--vp-button-brand-hover-bg:#333;--vp-button-brand-hover-text:#fff;--vp-button-brand-active-bg:#555;--vp-button-brand-active-text:#fff;--vp-button-alt-bg:#0000000f;--vp-button-alt-text:#000;--vp-button-alt-hover-bg:#0000001f;--vp-button-alt-hover-text:#000}.breakdown-container{max-width:1200px;margin:0 auto;padding-bottom:120px;animation:.5s .3s both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.breakdown-hero{aspect-ratio:21/9;border-radius:16px;margin-bottom:0;position:relative;overflow:hidden}.breakdown-title{color:#fff;border:none;margin:0;font-size:clamp(28px,3.5vw,48px);font-weight:700}.breakdown-section{border-top:1px solid var(--vp-c-divider);padding:64px 0}.breakdown-section:first-of-type{border-top:none}.breakdown-section-heading{letter-spacing:4px;text-transform:uppercase;color:var(--vp-c-text-3);border:none;margin-bottom:32px;font-size:11px;font-weight:600}.breakdown-desc{color:var(--vp-c-text-2);font-size:16px;line-height:1.8}.breakdown-credits{flex-direction:column;gap:20px;display:flex}.credit-item{flex-direction:column;gap:4px;display:flex}.credit-label{letter-spacing:2px;text-transform:uppercase;color:var(--vp-c-text-3);font-size:11px;font-weight:600}.credit-value{color:var(--vp-c-text-1);font-size:14px;line-height:1.5}.tools-grid{grid-template-columns:repeat(auto-fill,64px);justify-content:start;gap:24px;display:grid}.tool-badge{flex-direction:column;align-items:center;gap:6px;width:64px;display:flex}.tool-icon{opacity:.4;flex-shrink:0;width:48px;height:48px}.dark .tool-icon{filter:invert();opacity:.35}.tool-name{color:var(--vp-c-text-3);text-align:center;max-width:64px;font-size:10px;line-height:1.3}.breakdown-stills{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.breakdown-still{aspect-ratio:16/10;object-fit:cover;background:linear-gradient(90deg, var(--vp-c-bg-soft) 25%, var(--vp-c-bg-alt) 50%, var(--vp-c-bg-soft) 75%);cursor:zoom-in;background-size:200% 100%;border-radius:12px;width:100%;transition:opacity .4s,transform .4s,filter .4s;animation:2s ease-in-out infinite shimmer;display:block}.breakdown-still:hover{filter:brightness(1.05);transform:scale(1.015)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.breakdown-still.loaded{background:0 0;animation:none}.breakdown-still:first-child{aspect-ratio:21/9;grid-column:1/-1}.breakdown-process{flex-direction:column;gap:64px;display:flex}.process-block{grid-template-columns:1fr 1fr;align-items:start;gap:32px;display:grid}.process-block.process-flipped .process-content{order:2}.process-block.process-flipped .process-image{order:1}.process-heading{color:var(--vp-c-text-1);border:none;margin-bottom:16px;font-size:clamp(28px,3vw,40px);font-weight:800;line-height:1.2}.process-text{color:var(--vp-c-text-2);font-size:15px;line-height:1.8}.process-image{background:linear-gradient(90deg, var(--vp-c-bg-soft) 25%, var(--vp-c-bg-alt) 50%, var(--vp-c-bg-soft) 75%);background-size:200% 100%;border-radius:12px;animation:2s ease-in-out infinite shimmer;overflow:hidden}.process-image img{aspect-ratio:16/10;object-fit:cover;opacity:0;width:100%;transition:opacity .4s;display:block}.process-image img.loaded{opacity:1}.process-image:has(img.loaded){background:0 0;animation:none}.breakdown-footer{text-align:center;padding:80px 0 0}@media (width<=768px){.breakdown-container{padding:0 16px 64px}.breakdown-hero{aspect-ratio:16/10;border-radius:12px}.breakdown-stills{grid-template-columns:1fr;gap:12px}.breakdown-still:first-child{grid-column:1}.breakdown-section{padding:40px 0}.process-block{grid-template-columns:1fr;gap:16px}.process-block.process-flipped .process-content{order:1}.process-block.process-flipped .process-image{order:2}.breakdown-process{gap:40px}}@media (width<=480px){.breakdown-container{padding:0 12px 48px}.breakdown-footer{padding:48px 0 0}}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:hidden}button,input,optgroup,select,textarea{line-height:inherit;color:inherit;border:0;padding:0;font-family:inherit;font-size:100%}button,[role=button],input,label,select,summary,textarea{touch-action:manipulation}body{background:var(--vp-c-bg);color:var(--vp-c-text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:24px}:where(.site-content) :is(p,summary){margin:16px 0}:where(.site-content) p{line-height:28px}:where(.site-content) h1{letter-spacing:-.02em;font-size:32px;line-height:40px}:where(.site-content) h2{letter-spacing:-.02em;border-top:none;margin:48px 0 16px;padding-top:24px;font-size:24px;line-height:32px}:where(.site-content) h3{letter-spacing:-.01em;margin:32px 0 0;font-size:20px;line-height:28px}:where(.site-content) h4{letter-spacing:-.01em;margin:24px 0 0;font-size:18px;line-height:24px}:where(.site-content) :is(h5,h6){outline:none;font-weight:600;position:relative}:where(.site-content) :is(ul,ol){margin:16px 0;padding-left:1.25rem}:where(.site-content) ul{list-style:outside}:where(.site-content) ol{list-style:decimal}:where(.site-content) li+li{margin-top:8px}:where(.site-content) li>:is(ol,ul){margin:8px 0 0}.site-content{max-width:1280px;padding:var(--vp-nav-height,64px) 24px 0;margin:0 auto}@media (width>=640px){.site-content{padding:var(--vp-nav-height,64px) 48px 0}}@media (width>=960px){.site-content{padding:var(--vp-nav-height,64px) 64px 0}}html.video-player-open,html.video-player-open body{overflow:hidden}.fade-in{opacity:0;transition:opacity .8s,transform .8s;transform:translateY(30px)}.fade-in.visible{opacity:1;transform:translateY(0)}.work-breakdown-open #work~*,.about-breakdown-open #about~*,.film-breakdown-open #film~*{display:none!important}.work-item,.film-item,.reel-item,.breakdown-back,.breakdown-still{touch-action:manipulation}::view-transition-group(lightbox-still){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(lightbox-still){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-new(lightbox-still){animation-duration:.4s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}