.folio-tools{align-items:center;gap:clamp(14px,2vw,30px);display:flex}.workflow-image-trigger{text-align:inherit;padding:0}.workflow-open{min-height:44px;color:var(--ink);font:12px var(--body);white-space:nowrap;justify-content:space-between;align-items:center;gap:15px;padding:0;display:inline-flex}.workflow-open>span{transition:transform .35s var(--ease);font-size:21px}.workflow-open:hover>span{transform:translate(3px,-3px)}.workflow-dialog{width:min(1100px,94vw);max-width:none;max-height:88svh;color:var(--ink);background:var(--paper);overscroll-behavior:contain;border:0;margin:auto;padding:0;overflow:auto;box-shadow:0 30px 90px #0004}.workflow-dialog,.workflow-dialog *{cursor:auto!important}.workflow-dialog :is(button,a){cursor:pointer!important}.workflow-dialog::backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#302333bf;animation:.3s both workflow-dim}.workflow-dialog[data-closing=true]::backdrop{animation:.26s both workflow-undim}.workflow-dialog-header{z-index:2;background:var(--paper);border-bottom:1px solid var(--line);justify-content:space-between;align-items:start;gap:24px;padding:26px 32px;display:flex;position:sticky;top:0}.workflow-dialog-kicker{font:10px var(--mono);color:var(--muted);margin-bottom:10px;display:block}.workflow-dialog-header h2{font:500 clamp(24px, 3vw, 42px)/1.08 var(--display);letter-spacing:-.05em;max-width:29ch}.workflow-close{border:1px solid var(--line);flex:none;place-items:center;width:44px;height:44px;font-size:30px;line-height:1;transition:background .25s,color .25s;display:grid}.workflow-close:hover{background:var(--ink);color:var(--accent)}.workflow-dialog-body{padding:28px 32px 36px}.workflow-original{aspect-ratio:16/10;background:#181818;position:relative}.workflow-original img{object-fit:contain}.workflow-dialog figcaption{font:10px var(--mono);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:14px;display:flex}.workflow-dialog figcaption a{color:var(--ink)}.workflow-code{margin-top:42px}.workflow-code-heading{justify-content:space-between;align-items:center;gap:20px;display:flex}.workflow-code h3{font:500 28px/1.1 var(--display);letter-spacing:-.04em}.workflow-code-heading>div{font:11px var(--body);align-items:center;gap:22px;display:flex}.workflow-code-heading :is(a,button){align-items:center;min-height:44px;padding:0;display:inline-flex}.workflow-public-note{color:var(--muted);font:12px/1.7 var(--body);margin:12px 0 20px}.workflow-code pre{background:var(--ink);color:var(--paper);font:11px/1.8 var(--mono);white-space:pre-wrap;overflow-wrap:anywhere;tab-size:2;margin:0;padding:24px}.workflow-code-status{background:var(--surface);min-height:180px;font:13px/1.8 var(--body);padding:24px}.workflow-code-status button{text-decoration:underline}@keyframes workflow-dim{0%{opacity:0}to{opacity:1}}@keyframes workflow-undim{0%{opacity:1}to{opacity:0}}@media (max-width:700px){.workflow-dialog{width:96vw;max-height:92svh}.workflow-dialog-header{gap:14px;padding:20px 18px}.workflow-dialog-body{padding:18px 16px 24px}.workflow-code{margin-top:30px}.workflow-code-heading{flex-wrap:wrap;gap:6px 16px}.workflow-code pre{padding:16px;font-size:10px}.folio-tools{gap:14px}.workflow-open{gap:8px;font-size:11px}}@media (prefers-reduced-motion:reduce){.workflow-dialog::backdrop,.workflow-dialog[data-closing=true]::backdrop{animation:none}.workflow-open>span,.workflow-close{transition:none}}
.works-atlas-page{background:var(--paper);color:var(--ink)}.directory-curtain{z-index:0;display:flow-root;position:relative}.directory-curtain-runway{display:none}.directory-curtain+.work-exhibition{--paper:var(--atlas-original-paper);--ink:var(--atlas-original-ink);--muted:var(--atlas-original-muted);--line:var(--atlas-original-line);color:var(--ink);background:var(--paper)}.works-atlas-page .folio-system-map,.works-atlas-page .folio-media-caption,.works-atlas-page .folio-image-cta{color:var(--atlas-media-ink,var(--ink))}@media (prefers-reduced-motion:no-preference){.directory-curtain[data-enabled=true] .atlas-directory{top:var(--directory-pin-top);background:var(--paper);position:sticky}.directory-curtain[data-enabled=true] .atlas-directory-content{transform-origin:50% 30%;transform:translate3d(0,calc(var(--directory-progress,0) * -65px),0) scale(calc(1 - var(--directory-progress,0) * .08))}.directory-curtain[data-enabled=true] .directory-curtain-runway{height:var(--directory-runway);display:block}.directory-curtain[data-enabled=true]+.work-exhibition{z-index:1;margin-top:calc(-1 * var(--directory-runway) - 28px);background:var(--paper);position:relative}}.navigation[data-works-contrast=true] .nav-shell{background:var(--paper);color:var(--ink);border-color:var(--line)}.navigation[data-works-contrast=true] .roll-link[aria-current=page],.navigation[data-works-contrast=true] .wordmark-dot{color:var(--ink)}.navigation[data-works-contrast=true] .nav-progress{background:var(--ink)}.atlas-hero{padding:34px var(--gutter) 50px;overflow:clip}.atlas-hero-top,.atlas-hero-bottom{justify-content:space-between;gap:28px;display:flex}.atlas-hero-top{color:var(--muted);font-size:10px}.atlas-hero h1{font:500 clamp(80px, 12.8vw, 220px)/.88 var(--display);letter-spacing:-.085em;margin:50px 0 35px}.atlas-title-first{display:inline-block}.atlas-hero h1 .atlas-title-amp{color:var(--muted);font-weight:400}.atlas-hero h1 em{color:var(--muted);margin-left:20vw;font-style:normal;display:inline-block}.atlas-hero-bottom{align-items:end}.atlas-hero-bottom p{color:var(--muted);font-size:12px;line-height:1.7}.atlas-hero-bottom a{align-items:center;gap:25px;min-height:44px;font-size:12px;display:flex}.atlas-hero-bottom a>span{transition:transform .4s var(--ease);font-size:34px}.atlas-hero-bottom a:hover>span{transform:translateY(7px)}.atlas-directory{padding:40px var(--gutter) 75px;scroll-margin-top:100px}.atlas-directory-heading{border-top:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:20px;padding-top:20px;display:flex}.atlas-directory-heading h2{font-size:14px;font-weight:400}.atlas-directory-heading>span{font:9px var(--mono);color:var(--muted)}.atlas-directory-grid{grid-template-columns:1.5fr 1fr;align-items:center;gap:7vw;margin-top:35px;display:grid}.atlas-shelf{text-align:left;border-bottom:1px solid var(--line);width:100%;transition:padding .55s var(--ease), color .35s;padding:25px 45px 25px 0;display:block;position:relative}.atlas-shelf-title{font:500 clamp(28px, 3.8vw, 66px)/1.05 var(--display);letter-spacing:-.065em;display:block}.atlas-shelf-title sup{font:9px var(--mono);letter-spacing:0;vertical-align:top;color:var(--muted);margin:5px 0 0 12px;display:inline-block}.atlas-shelf-note{color:var(--muted);margin-top:10px;font-size:10px;display:block}.directory-curtain:has(+.work-exhibition[data-selection-transition=true]) .atlas-shelf :is(.atlas-shelf-title,.atlas-shelf-note,.atlas-shelf-arrow){opacity:clamp(0, calc(3.5 - 5 * var(--directory-progress,0)), 1)}.atlas-shelf-arrow{opacity:0;transition:transform .5s var(--ease), opacity .3s;font-size:30px;position:absolute;top:50%;right:3px;transform:translate(-8px,-35%)rotate(-45deg)}.atlas-shelf:hover,.atlas-shelf:focus-visible{padding-left:20px}.atlas-shelf:hover .atlas-shelf-arrow,.atlas-shelf:focus-visible .atlas-shelf-arrow,.atlas-shelf[aria-pressed=true] .atlas-shelf-arrow{opacity:1;transform:translateY(-35%)rotate(0)}.atlas-index-actions{justify-content:space-between;align-items:center;gap:20px;padding-top:20px;display:flex}.atlas-index-actions button{min-height:44px;font-size:11px}.atlas-index-actions button span{margin-left:16px;transition:transform .4s;display:inline-block}.atlas-index-actions button:hover span{transform:translate(3px,-3px)}.category-cursor-preview{z-index:70;aspect-ratio:1.8;pointer-events:none;visibility:hidden;width:clamp(75px,7vw,100px);position:fixed;top:0;left:0}.category-preview-window{transform-origin:50%;position:absolute;inset:0;overflow:hidden}.category-preview-panel{clip-path:polygon(0% 0%,0% 0%,0% 0%,0% 0%);position:absolute;inset:0}.category-preview-panel img{object-fit:cover}.category-preview-workflow{background:var(--ink)}.category-preview-workflow img{object-fit:contain;padding:12px}@media (hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.category-cursor-preview{display:none}}.work-exhibition{padding-bottom:40px;scroll-margin-top:88px;position:relative}.work-exhibition[data-selection-transition=true] .exhibition-stage{animation:collection-arrive .7s var(--ease)}@keyframes collection-arrive{0%{opacity:.4;clip-path:inset(10% 0 0);transform:translateY(28px)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.work-exhibition[data-selection-transition=true] .exhibition-stage{animation:none}}.exhibition-stage{background:var(--paper)}.work-exhibition[data-pinned=true]{height:calc(var(--exhibition-height) + var(--exhibition-travel));padding-bottom:0}.work-exhibition[data-pinned=true] .exhibition-stage{position:sticky;top:88px}.exhibition-mast{margin:0 var(--gutter);border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;padding:15px 0;display:flex}.exhibition-mast h2{font:400 11px var(--mono)}.exhibition-mast button{align-items:center;gap:18px;min-height:30px;font-size:10px;display:flex}.exhibition-mast button>span{font-size:21px;transition:transform .35s}.exhibition-mast button:hover>span{transform:translate(-3px,-3px)}.exhibition-rail{padding:8px var(--gutter) 12px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:thin;gap:7vw;display:flex;position:relative;overflow-x:auto}.work-exhibition[data-pinned=true] .exhibition-rail{scroll-snap-type:none}.work-folio{flex:0 0 calc(100vw - 2 * var(--gutter));scroll-snap-align:start;grid-template-rows:auto 1fr 44px;grid-template-columns:.85fr 1.15fr;column-gap:6%;min-width:0;height:clamp(470px,100svh - 240px,720px);display:grid;position:relative}.folio-heading{z-index:2;transform:translateX(calc(var(--folio-offset,0) * -28px));grid-area:1/1;padding-top:28px;position:relative}.folio-kind{font:9px var(--mono);color:var(--muted);margin-bottom:28px}.folio-heading h3{font:500 clamp(34px, 4.5vw, 76px)/1 var(--display);letter-spacing:-.07em;max-width:13ch}.folio-heading h3 a{transition:color .3s}.folio-heading h3 a:hover{color:var(--muted)}.folio-study .folio-heading h3{letter-spacing:-.085em;font-size:clamp(75px,9.2vw,150px)}.folio-product .folio-heading h3{max-width:8ch;font-size:clamp(60px,7.4vw,120px)}.folio-visual{background:var(--violet);min-height:0;clip-path:inset(calc(var(--folio-away,0) * 6%) calc(var(--folio-away,0) * 8%) calc(var(--folio-away,0) * 6%) 0);grid-area:1/2/3/3;position:relative;overflow:clip}.folio-image-drift{width:100%;height:100%;transform:translateX(calc(var(--folio-offset,0) * 30px)) scale(calc(1.02 - var(--folio-away,0) * .1))}.folio-image{width:100%;height:100%;display:block;position:relative;overflow:hidden}.folio-image img{object-fit:cover;transition:transform 1s var(--ease)}.folio-image:hover img{transform:scale(1.055)}.folio-image-cta{background:var(--accent);color:var(--ink);opacity:0;padding:13px 18px;font-size:11px;transition:transform .4s,opacity .4s;position:absolute;bottom:25px;right:25px;transform:translateY(8px)}.folio-image:hover .folio-image-cta,.folio-image:focus-visible .folio-image-cta{opacity:1;transform:translateY(0)}.folio-workflow{background:var(--ink)}.folio-workflow img{object-fit:contain;padding:5%}.folio-visual .home-project-video{height:100%;padding:0}.folio-visual .home-project-video-full{background:var(--violet);padding:0;container-type:size}.folio-visual .home-project-video-full .preview-window{aspect-ratio:1;border:1px solid var(--ink);background:var(--ink);width:min(90cqw,90cqh);max-width:none;height:auto;box-shadow:0 20px 40px color-mix(in srgb,var(--ink) 18%,transparent);border-radius:0;padding:3px;transform:none}.folio-visual .home-project-video-full .preview-video-canvas{aspect-ratio:1;width:100%;height:100%;overflow:hidden}.folio-visual .home-project-video-full video{object-fit:contain;transform:none}.folio-visual .home-project-video-full:before{content:"";opacity:.035;pointer-events:none;background:url(/images/works/workflow-grain.webp);position:absolute;inset:0}.workflow-video-backdrop{pointer-events:none;fill:none;width:100%;height:100%;position:absolute;inset:0}.workflow-backdrop-routes{stroke:var(--ink);stroke-width:1px;opacity:.18}.workflow-backdrop-flow{stroke:var(--ink);stroke-width:1.5px;stroke-dasharray:5 95;opacity:.4;animation:7s linear infinite workflow-video-flow}.workflow-backdrop-nodes{fill:var(--violet);stroke:var(--ink);stroke-width:1px;opacity:.35}.folio-visual .home-project-video-full .preview-window{z-index:1}@keyframes workflow-video-flow{to{stroke-dashoffset:-200px}}@media (prefers-reduced-motion:reduce){.workflow-backdrop-flow{animation:none}}.folio-media-caption{pointer-events:none;font:8px var(--mono);color:var(--ink);position:absolute;bottom:20px;left:20px}.folio-caption{transform:translateX(calc(var(--folio-offset,0) * -16px));grid-area:2/1;align-self:end;padding:25px 0 30px}.folio-versions{gap:24px;padding:0 0 25px;display:flex}.folio-versions>span{font:16px var(--display)}.folio-versions small{color:var(--muted);margin-top:7px;font-size:8px;display:block}.folio-summary{max-width:41ch;color:var(--muted);font-size:clamp(12px,1.05vw,16px);line-height:1.7}.folio-subtitle{font:11px var(--mono);margin-bottom:12px}.folio-destination{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:20px;width:min(100%,300px);min-height:48px;margin-top:20px;padding-bottom:6px;font-size:12px;display:flex}.folio-destination>span{transition:transform .4s var(--ease);font-size:28px}.folio-destination:hover>span{transform:translate(4px,-4px)}.folio-footnote{font:9px var(--mono);color:var(--muted);grid-area:3/1/4/3;justify-content:space-between;align-items:center;gap:20px;display:flex}.folio-notes>summary{cursor:pointer;min-height:44px;color:var(--ink);align-items:center;gap:18px;list-style:none;display:flex}.folio-notes>summary::-webkit-details-marker{display:none}.folio-notes>summary>span{font:20px var(--body);transition:transform .3s}.folio-notes[open]>summary>span{transform:rotate(45deg)}.folio-notes-panel{z-index:8;background:var(--ink);width:min(520px,100%);max-height:calc(100% - 55px);color:var(--paper);font:12px/1.8 var(--body);box-shadow:0 15px 50px color-mix(in srgb,var(--ink) 20%,transparent);padding:30px;position:absolute;bottom:44px;right:0;overflow-y:auto}.folio-notes-title{font:500 24px/1.1 var(--display);letter-spacing:-.04em;margin-bottom:20px}.folio-notes-panel ul{color:var(--accent);font:10px var(--mono);flex-wrap:wrap;gap:8px 16px;margin:22px 0;display:flex}.folio-notes-panel a{color:var(--accent);padding-top:18px;display:inline-block}.folio-system-map{flex-direction:column;justify-content:space-between;height:100%;padding:32px;display:flex}.folio-system-label{font:9px var(--mono)}.folio-system-map ol{list-style:none}.folio-system-map li{border-top:1px solid color-mix(in srgb,var(--ink) 25%,transparent);font:500 clamp(18px,2.1vw,34px)/1.1 var(--display);letter-spacing:-.045em;transition:padding .45s var(--ease);align-items:baseline;gap:20px;padding:20px 0;display:flex}.folio-system-map li:hover{padding-left:10px}.folio-system-map li>span{font:9px var(--mono);letter-spacing:0}.folio-system-map li>i{margin-left:auto;font-style:normal}.folio-system:nth-child(2n) .folio-visual{background:var(--surface)}.exhibition-navigation{padding:14px var(--gutter) 20px;justify-content:space-between;align-items:center;gap:30px;display:flex}.exhibition-hint{font:9px var(--mono);color:var(--muted)}.exhibition-scroll-hint{display:none}.work-exhibition[data-pinned=true] .exhibition-scroll-hint{display:inline}.work-exhibition[data-pinned=true] .exhibition-swipe-hint{display:none}.exhibition-track{flex:1;max-width:360px;display:flex}.exhibition-track button{flex:1;min-width:15px;height:44px;padding:0 3px}.exhibition-track button>span{background:var(--line);height:2px;transition:height .35s,background .35s;display:block}.exhibition-track button[aria-current=true]>span{background:var(--ink);height:5px}.exhibition-track button:hover>span{background:var(--muted)}.exhibition-arrows{align-items:center;gap:10px;display:flex}.exhibition-arrows>span{font:10px var(--mono);white-space:nowrap;margin-right:15px}.exhibition-arrows i{color:var(--muted);font-style:normal}.exhibition-arrows button{border:1px solid var(--line);width:44px;height:44px;font-size:22px;transition:background .3s,color .3s}.exhibition-arrows button:hover:enabled{background:var(--ink);color:var(--paper)}.exhibition-arrows button:disabled{opacity:.3;cursor:default}.works-atlas-page :is(a,button,summary):focus-visible{outline:2px solid var(--ink);outline-offset:5px}.folio-notes-panel a:focus-visible{outline-color:var(--accent)}@media (max-width:959px),(max-height:699px){.work-folio{grid-template-rows:auto 1fr auto;height:auto;min-height:480px}.folio-heading h3{font-size:40px}.folio-study .folio-heading h3{font-size:66px}.folio-product .folio-heading h3{font-size:56px}.folio-versions{gap:14px}.folio-visual{min-height:340px}.folio-footnote{padding-block:10px}}@media (max-width:700px){.atlas-hero{padding-top:24px;padding-bottom:35px}.atlas-hero-top{font-size:9px}.atlas-hero-top>span:last-child{display:none}.atlas-hero h1{margin-top:36px;margin-bottom:30px;font-size:15.5vw}.atlas-hero h1 em{margin-left:10vw}.atlas-hero-bottom p{font-size:10px}.atlas-hero-bottom{flex-direction:column;align-items:stretch;gap:18px}.atlas-hero-bottom a{justify-content:space-between;gap:15px;min-height:44px;font-size:11px}.atlas-directory{padding-top:20px;padding-bottom:45px}.atlas-directory-heading h2{font-size:12px}.atlas-directory-heading>span{font-size:8px}.atlas-directory-grid{grid-template-columns:1fr;gap:20px;margin-top:20px}.atlas-shelf{padding-block:20px}.atlas-shelf-title{font-size:clamp(27px,6.5vw,45px)}.atlas-shelf-note{font-size:9px}.atlas-shelf-arrow{opacity:1;font-size:24px;transform:translateY(-35%)}.exhibition-mast{padding-block:10px}.exhibition-mast h2{font-size:9px}.exhibition-mast button{gap:10px;min-height:44px;font-size:9px}.exhibition-rail{align-items:start;gap:6vw}.work-folio{grid-template-rows:auto auto auto auto;grid-template-columns:1fr;gap:0;min-height:0}.folio-heading{grid-area:1/1;padding:12px 0 24px}.folio-kind{margin-bottom:14px;font-size:8px}.folio-heading h3,.folio-product .folio-heading h3{max-width:16ch;font-size:clamp(35px,10vw,65px)}.folio-study .folio-heading h3{font-size:20vw}.folio-visual{aspect-ratio:1.1;grid-area:2/1;height:auto;min-height:0}.folio-caption{grid-area:3/1;padding:22px 0}.folio-summary{max-width:none;font-size:13px}.folio-footnote{border-top:1px solid var(--line);flex-wrap:wrap;grid-area:4/1;align-items:start;gap:6px;font-size:8px}.folio-footnote>span{align-items:center;min-height:44px;display:flex}.folio-notes{margin-left:auto}.folio-notes-panel{max-height:400px;padding:22px;bottom:65px}.folio-versions{justify-content:space-between;padding-bottom:20px}.folio-destination{width:100%;margin-top:12px}.folio-system-map{padding:24px}.folio-system-map li{padding-block:14px;font-size:22px}.folio-system-label{font-size:8px}.folio-image-cta{opacity:1;padding:10px 12px;font-size:10px;bottom:15px;right:15px;transform:none}.folio-media-caption{max-width:70%;font-size:7px;bottom:14px;left:14px}.exhibition-navigation{flex-wrap:wrap;gap:12px;padding-top:8px}.exhibition-hint{font-size:8px}.exhibition-track{flex-basis:100%;order:3;max-width:none}.exhibition-arrows{gap:7px}.exhibition-arrows>span{margin-right:4px;font-size:9px}.work-exhibition{scroll-margin-top:76px}}@media (prefers-reduced-motion:no-preference){.atlas-hero h1{scale:var(--atlas-title-scale,1);translate:0 var(--atlas-title-lift,0px);transform-origin:50% 30%}}@media (prefers-reduced-motion:reduce){.works-atlas-page *,.works-atlas-page :before,.works-atlas-page :after{transition:none!important;animation:none!important}.folio-heading,.folio-caption,.folio-image-drift{transform:none}.folio-visual{clip-path:none}.folio-image:hover img{transform:none}}