.work-page-intro-frame{position:relative}.work-page-intro-frame:after,.work-page-intro-frame:before{content:"";position:absolute;z-index:0;inset-block:0;width:1px;pointer-events:none;background:linear-gradient(to bottom,transparent 0,var(--ink-10) 68%,var(--ink-10) 100%)}.work-page-intro-frame:before{inset-inline-start:0}.work-page-intro-frame:after{inset-inline-end:0}.work-page-intro-frame>*{position:relative;z-index:1}.work-page-rail-fade-tail{position:relative;height:6rem}.work-page-rail-fade-tail:after,.work-page-rail-fade-tail:before{content:"";position:absolute;inset-block:0;width:1px;pointer-events:none;background:linear-gradient(to bottom,var(--ink-10) 0,transparent 100%)}.work-page-rail-fade-tail:before{inset-inline-start:0}.work-page-rail-fade-tail:after{inset-inline-end:0}@media (min-width:40rem){.work-page-rail-fade-tail{height:9rem}}.work-index-grid{position:relative;display:grid;width:100%;min-width:0;grid-template-areas:"stage" "index"}.work-index-grid:after{content:"";position:absolute;z-index:3;left:50%;bottom:0;width:100vw;height:1px;pointer-events:none;background:var(--ink-10);transform:translateX(-50%)}.work-index-index{grid-area:index;min-width:0}.work-index-project-nav{position:relative}.work-index-mobile-project-nav,.work-index-mobile-project-nav-frame{display:none}.work-index-mobile-project-nav-frame{position:relative}.work-index-mobile-rail-cursor{position:absolute;z-index:3;top:0;left:var(--mobile-cursor-x);width:calc(var(--mobile-tab-width) - 2.5rem);height:1px;pointer-events:none;transform:translate(-50%,-50%);transition:left var(--motion-slow) var(--motion-ease-inout)}@media (prefers-reduced-motion:no-preference){[data-work-page] [data-work-opening-content]{animation:work-opening-content var(--motion-media) var(--motion-ease-inout) var(--motion-stagger-1) both}[data-work-page] .work-index-mobile-rail-cursor{animation:site-route-rail-dot var(--motion-media) var(--motion-ease-inout) both}}@keyframes work-opening-content{0%{opacity:0}to{opacity:1}}.work-index-mobile-rail-cursor:after,.work-index-mobile-rail-cursor:before{content:"";position:absolute;top:0;width:calc(50% - .5rem);height:1px;background:var(--accent)}.work-index-mobile-rail-cursor:before{left:0}.work-index-mobile-rail-cursor:after{right:0}.work-index-mobile-rail-cursor span{position:absolute;top:50%;left:50%;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.work-index-mobile-tab{display:grid;min-height:5.5rem;flex:0 0 var(--mobile-tab-width,clamp(15rem,72vw,28rem));scroll-snap-align:start;align-content:center;gap:.35rem;padding:1rem 1.25rem;border:0;border-right:1px solid var(--ink-10);background:var(--sheet-bg);color:var(--ink-65);text-align:left}.work-index-mobile-tab strong{color:var(--ink);font-size:1rem;font-weight:500;line-height:1.15}.work-index-mobile-tab-number,.work-index-mobile-tab>span:last-child{font-family:var(--font-mono);font-size:.625rem;line-height:1.4;letter-spacing:.1em;text-transform:uppercase}.work-index-mobile-tab-number{color:var(--accent)}.work-index-mobile-tab[data-active=true]{background:color-mix(in srgb,var(--accent) 8%,var(--sheet-bg))}.work-index-mobile-tab:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.work-index-stage-column{grid-area:stage;min-width:0}.work-index-stage{min-width:0;border-bottom:1px solid var(--ink-10)}.work-index-media{--work-cover-crossfade:280ms;position:relative;width:100%;aspect-ratio:16/10;overflow:hidden;background:var(--band-tint)}.work-index-media-layer{position:absolute;inset:0}.work-index-media-film{pointer-events:none;opacity:0;transition:opacity var(--work-cover-crossfade) var(--motion-ease-standard)}.work-index-media-film-playing[data-cover-film-ready=true]{opacity:1}.work-index-split-media{position:absolute;inset:0;z-index:1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));opacity:0;pointer-events:none;transition:opacity var(--work-cover-crossfade) var(--motion-ease-standard)}.work-index-split-media-playing:not(:has(video:not([data-cover-film-ready=true]))){opacity:1}.work-index-split-media-pane{position:relative;min-width:0;overflow:hidden;background:var(--band-tint)}.work-index-split-media-pane+.work-index-split-media-pane{border-left:1px solid var(--ink-10)}.work-index-row{position:relative;display:grid;grid-template-columns:2.5rem minmax(0,1fr);gap:.75rem;border-top:1px solid var(--ink-10);padding:1.25rem 1.5rem;transition:outline-color var(--motion-quick) var(--motion-ease-enter)}.work-index-row:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 9%,transparent) 0,color-mix(in srgb,var(--accent) 4%,transparent) 32%,transparent 72%);opacity:0;transition:opacity var(--motion-quick) var(--motion-ease-enter)}.work-index-row:first-child{border-top:0}.work-index-row:focus-visible{z-index:1;outline:1px solid var(--ink);outline-offset:-1px}.work-index-details,.work-index-number{position:relative}.work-index-number{transition:color var(--motion-quick) var(--motion-ease-enter),transform var(--motion-quick) var(--motion-ease-enter)}.work-index-details{transition:transform var(--motion-quick) var(--motion-ease-enter)}.work-index-title{transition:color var(--motion-quick) var(--motion-ease-enter)}.work-index-row[data-active=true]:before{opacity:1}.work-index-row[data-active=true] .work-index-number,.work-index-row[data-active=true] .work-index-title{color:var(--accent)}@media (max-width:48rem){.work-index-grid{grid-template-areas:"index" "stage"}.work-index-project-nav{display:none}.work-index-mobile-project-nav-frame{--mobile-tab-width:clamp(15rem,72vw,28rem);display:block}.work-index-mobile-project-nav{position:relative;display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-inline:contain;scrollbar-width:none;scroll-padding-inline-start:0;padding-inline:0 calc(100% - var(--mobile-tab-width));border-bottom:1px solid var(--ink-10)}.work-index-mobile-project-nav::-webkit-scrollbar{display:none}}@media (max-height:31.25rem) and (hover:none) and (pointer:coarse){.work-index-grid{grid-template-areas:"index" "stage"}.work-index-project-nav{display:none}.work-index-mobile-project-nav-frame{--mobile-tab-width:42vw;display:block}.work-index-mobile-project-nav{position:relative;display:flex;width:100%;max-width:100%;min-width:0;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline-start:0;padding-inline:0 calc(100% - var(--mobile-tab-width))}}@media (prefers-reduced-motion:reduce){.work-index-mobile-rail-cursor{transition:none}}.work-index-row[data-active=true] .work-index-details,.work-index-row[data-active=true] .work-index-number{transform:translateX(.375rem)}.work-index-cursor-trace,.work-index-rail-cursor{position:absolute;left:0;z-index:2;width:1px;pointer-events:none;background:var(--accent)}.work-index-rail-cursor{top:0;height:var(--cursor-height,3rem);transform:translate3d(-50%,calc(var(--cursor-y) - 50%),0);transition:height var(--motion-panel) var(--motion-ease-inout),transform var(--motion-slow) var(--motion-ease-inout)}.work-index-cursor-dot{position:absolute;left:50%;top:50%;width:.4375rem;height:.4375rem;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%);animation:work-index-cursor-dot var(--motion-slow) var(--motion-ease-inout) both}.work-index-cursor-trace{top:var(--cursor-trace-y);height:var(--cursor-trace-height);transform:translateX(-50%)}.work-index-cursor-trace[data-direction=down]{animation:work-index-trace-down var(--motion-slow) var(--motion-ease-inout) both}.work-index-cursor-trace[data-direction=up]{animation:work-index-trace-up var(--motion-slow) var(--motion-ease-inout) both}@media (min-width:64rem){.work-index-grid{grid-template-columns:minmax(20rem,2fr) minmax(0,3fr);grid-template-areas:"index stage";align-items:start}.work-index-index{border-top:0;border-right:1px solid var(--ink-10)}.work-index-stage-column{align-self:stretch}.work-index-stage{position:sticky;top:5rem;min-height:46rem;border-bottom:0}}@media (prefers-reduced-motion:no-preference){@keyframes work-index-cursor-dot{0%{transform:translate(-50%,-50%) scale(1)}42%{transform:translate(-50%,-50%) scale(.88,1.2)}to{transform:translate(-50%,-50%) scale(1)}}@keyframes work-index-trace-down{0%{opacity:0;clip-path:inset(0 0 100% 0)}50%{opacity:.45;clip-path:inset(0)}to{opacity:0;clip-path:inset(100% 0 0 0)}}@keyframes work-index-trace-up{0%{opacity:0;clip-path:inset(100% 0 0 0)}50%{opacity:.45;clip-path:inset(0)}to{opacity:0;clip-path:inset(0 0 100% 0)}}}@media (prefers-reduced-motion:reduce){.work-index-media-film,.work-index-media-film-playing,.work-index-media-film-playing[data-cover-film-ready=true],.work-index-split-media,.work-index-split-media-playing,.work-index-split-media-playing:not(:has(video:not([data-cover-film-ready=true]))){opacity:0;transition:none}.work-index-details,.work-index-number,.work-index-rail-cursor{transition:none}.work-index-cursor-dot{animation:none}.work-index-cursor-trace{display:none}.work-index-row[data-active=true] .work-index-details,.work-index-row[data-active=true] .work-index-number{transform:none}}@media (prefers-reduced-motion:no-preference){[data-site-route-rail=opening]{--route-rail-duration:var(--motion-media);--route-rail-delay:0ms}[data-site-route-rail=follower]{--route-rail-duration:var(--motion-slow);--route-rail-delay:calc(var(--motion-base) - var(--motion-stagger-1))}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) :is([data-editorial-rail-frame],.rail-section)[data-site-route-rail=opening]{animation:site-route-rail-ink var(--route-rail-duration) var(--motion-ease-inout) var(--route-rail-delay) both}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .work-page-intro-frame[data-site-route-rail=opening]:after,:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .work-page-intro-frame[data-site-route-rail=opening]:before{animation:site-route-rail-vertical var(--route-rail-duration) var(--motion-ease-inout) var(--route-rail-delay) both;transform-origin:center top}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .rail-joint[data-site-route-rail] :is(.rail-joint-line,.rail-joint-wing){animation:site-route-rail-horizontal var(--route-rail-duration) var(--motion-ease-inout) var(--route-rail-delay) both}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .rail-joint[data-site-route-rail] .rail-joint-wing:first-child{transform-origin:right center}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .rail-joint[data-site-route-rail] .rail-joint-wing:nth-child(2){transform-origin:left center}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .rail-joint[data-site-route-rail] .rail-joint-dot{animation:site-route-rail-dot var(--route-rail-duration) var(--motion-ease-inout) var(--route-rail-delay) both}:is([data-about-page],[data-work-page],[data-case-study-route],html[data-site-route-entering=true]) .rail-section[data-site-route-rail=opening] .work-index-grid:after{animation:site-route-rail-bottom var(--route-rail-duration) var(--motion-ease-inout) var(--route-rail-delay) both}}@keyframes site-route-rail-ink{0%{border-color:transparent}to{border-color:var(--ink-10)}}@keyframes site-route-rail-vertical{0%{opacity:0;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes site-route-rail-horizontal{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes site-route-rail-dot{0%{opacity:0}to{opacity:1}}@keyframes site-route-rail-bottom{0%{transform:translateX(-50%) scaleX(0)}to{transform:translateX(-50%) scaleX(1)}}