.work-main{min-height:100svh;position:relative}.has-js body[data-page=work]{overflow:hidden}html.has-js:has(>body[data-page=work]),.has-js body[data-page=work]{overscroll-behavior:none}.work-gallery{touch-action:none;cursor:grab;outline-offset:-6px;position:fixed;inset:0;overflow:hidden}.work-gallery.is-dragging{cursor:grabbing}.project-track{position:absolute;inset:0}.project-card{will-change:transform;transform-origin:50%;opacity:1;user-select:none;outline-offset:5px;display:block;position:absolute;top:50%;left:50%}.project-card img{object-fit:contain;pointer-events:none;filter:grayscale()contrast(.39)brightness(1.27);width:100%;height:100%;transition:filter .4s;display:block}.project-card.is-active img,.project-card:hover img,.project-card:focus-visible img{filter:none}.project-card.is-active{cursor:pointer}.grid-caption{display:none}.project-index{left:var(--edge);z-index:22;width:16%;height:24px;position:fixed;top:50%}.project-index [data-select]{white-space:nowrap;text-align:left;min-height:24px;transition:color .3s,transform .6s var(--ease);color:var(--muted);line-height:1.2;position:absolute;top:-12px;left:0}.project-index [data-select] span{display:block}.project-index [data-select][data-active=true]{color:var(--ink)}.project-index [data-select]:hover,.project-index [data-select]:focus-visible{color:var(--accent);z-index:2;background:var(--paper)}.project-meta>span{z-index:21;pointer-events:none;position:fixed;top:50%;transform:translateY(-50%)}.project-meta [data-category]{max-width:15%;left:17.25%}.project-meta [data-services]{max-width:19%;left:75.18%}.project-meta [data-counter]{right:var(--edge)}.view-controls{left:var(--edge);bottom:calc(var(--edge) - 5px);z-index:30;gap:4px;display:flex;position:fixed}.view-controls button{align-items:center;min-height:24px;display:flex}.gallery-controls{bottom:calc(var(--edge) + 33px);left:var(--edge);z-index:30;gap:5px;display:flex;position:fixed}.gallery-controls button{width:24px;height:24px;color:var(--muted)}.gallery-controls button:hover{color:var(--accent)}body[data-view=horizontal] .project-index{width:20%;height:1.2em;top:85%;left:75.18%}body[data-view=horizontal] .project-index [data-select]{min-height:0;color:color-mix(in srgb,var(--ink) 24%,transparent);top:-.6em}body[data-view=horizontal] .project-index [data-select][data-active=true]{color:var(--ink)}body[data-view=horizontal] .project-meta [data-category]{left:auto;right:var(--edge);text-align:right;max-width:15%;top:85%}body[data-view=horizontal] .project-meta [data-services]{display:none}body[data-view=horizontal] .project-meta [data-counter]{top:85%;left:50.2%;right:auto}body[data-view=horizontal] .project-meta:before{content:"";left:50%;right:var(--edge);border-top:1px solid color-mix(in srgb,var(--ink) 20%,transparent);position:fixed;top:calc(85% + .6em)}body[data-view=horizontal] .gallery-controls button{transform:rotate(-90deg)}.archive-card,.grid-empty,.grid-preview,.grid-hover-name,.grid-hover-title,body[data-view=grid] .project-index,body[data-view=grid] .project-meta,body[data-view=grid] .gallery-controls{display:none}body[data-view=grid] .signature-frame{--frame-width:9.05vw;opacity:1;pointer-events:none}body[data-view=grid].has-grid-interaction .signature-frame{transition:width .85s var(--ease)}body[data-view=grid][data-grid-preview] .signature-frame{--frame-width:30vw}body[data-view=grid] .work-gallery{cursor:auto;touch-action:pan-y pinch-zoom;overflow:auto}body[data-view=grid] .project-card{opacity:1;filter:none;z-index:1;top:0;left:0}body[data-view=grid] .project-card img{opacity:.09;filter:grayscale();transition:opacity .22s var(--ease)}body[data-view=grid] .project-card:focus-visible img{opacity:0}@media (hover:hover){body[data-view=grid] .project-card:hover img{opacity:0}body[data-view=grid] .project-card:hover{outline:1px solid color-mix(in srgb,var(--ink) 10%,transparent);outline-offset:-1px}}body[data-view=grid] [data-gallery-copy]{display:none}body[data-view=grid] .archive-card,body[data-view=grid] .grid-empty{display:block}body[data-view=grid] .project-card:hover,body[data-view=grid] .project-card:focus-visible{z-index:2}body[data-view=grid] .grid-caption{display:none}.grid-empty{color:color-mix(in srgb,var(--ink) 30%,transparent);pointer-events:none;position:absolute;top:0;left:0}body[data-view=grid] .grid-preview{pointer-events:none;z-index:21;opacity:0;justify-content:center;align-items:center;width:13.63vw;height:min(25vh,13.63vw);transition:opacity .25s;display:flex;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.grid-preview img{object-fit:contain;width:100%;height:100%}body[data-view=grid][data-grid-preview] .grid-preview{opacity:1}body[data-view=grid][data-grid-preview] .project-meta{display:block}body[data-view=grid][data-grid-preview] .grid-hover-name{left:var(--edge);z-index:22;pointer-events:none;display:block;position:fixed;top:50%;transform:translateY(-50%)}body[data-view=grid][data-grid-preview] .grid-hover-title{white-space:nowrap;letter-spacing:-.06em;z-index:22;pointer-events:none;font-size:5.3vw;line-height:1;display:block;position:fixed;bottom:3.8vh;left:50%;transform:translate(-50%)}.work-main:focus{outline:none}.has-js .project-card{visibility:hidden}.has-js .gallery-ready .project-card{visibility:visible}html:not(.has-js) .work-gallery{touch-action:auto;padding:160px 12px 70px;position:relative;overflow:auto}html:not(.has-js) .project-track{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;display:grid;position:relative}html:not(.has-js) .project-card{opacity:1;filter:none;position:static}html:not(.has-js) .project-card img{filter:none}html:not(.has-js) .grid-caption{padding-top:10px;display:block}html:not(.has-js) .grid-caption>span{display:block}html:not(.has-js) .grid-caption>span:last-child{color:var(--muted)}html:not(.has-js) .project-index,html:not(.has-js) .project-meta,html:not(.has-js) .signature-frame,html:not(.has-js) .view-controls,html:not(.has-js) .gallery-controls{display:none}@media (width<=842px){.project-index{width:72%;height:24px;top:auto;bottom:96px;left:12px}.project-index [data-select]{min-height:44px;display:none;top:0;transform:none!important}.project-index [data-select][data-active=true]{font-size:14px;display:block}.project-meta [data-category]{max-width:75%;color:var(--muted);font-size:10px;top:auto;bottom:78px;left:12px;transform:none}.project-meta [data-services]{display:none}.project-meta [data-counter]{top:auto;bottom:96px;right:12px;transform:none}.view-controls{gap:10px;bottom:36px}.view-controls button{min-height:44px}.gallery-controls{gap:4px;bottom:56px;left:auto;right:12px}.gallery-controls button{width:36px;height:44px}.signature-frame{top:49%}.work-gallery{top:155px;bottom:155px;overflow:visible}.project-track{overflow:visible}.project-card{top:calc(50% - 8px)}.site-copyright{font-size:8px}.has-js body[data-view=grid] .work-gallery{touch-action:pan-y;inset:75px 0;overflow:auto}body[data-view=grid] .signature-frame{--frame-width:23vw;opacity:1}body[data-view=grid][data-grid-preview] .signature-frame{--frame-width:79vw}body[data-view=grid] .grid-preview{width:35vw;height:35vw}body[data-view=grid][data-grid-preview] .grid-hover-name,body[data-view=grid][data-grid-preview] .project-meta{display:none}body[data-view=grid][data-grid-preview] .grid-hover-title{font-size:8vw;bottom:80px}body[data-view=horizontal] .project-index{top:auto;bottom:96px;left:12px}body[data-view=horizontal] .project-index [data-select]{min-height:44px;top:0}body[data-view=horizontal] .project-meta [data-category]{text-align:left;max-width:75%;inset:auto auto 78px 12px}body[data-view=horizontal] .project-meta [data-counter]{inset:auto 12px 96px auto}body[data-view=horizontal] .project-meta:before{display:none}body[data-view=grid] .grid-caption{flex-direction:column;gap:3px;font-size:11px}body[data-view=grid] .grid-caption>span:last-child{text-align:left}html:not(.has-js) .project-track{grid-template-columns:1fr;gap:36px}}@media (height<=500px) and (width>=843px){.studio-intro{display:none}.signature-frame{--frame-height:18vh}.gallery-controls{bottom:40px}}.work-gallery{touch-action:pinch-zoom}@media (width<=842px){.work-gallery{overflow:hidden}.has-js body[data-view=grid] .work-gallery{touch-action:pan-y pinch-zoom}}.open-project{z-index:24;text-underline-offset:3px;align-items:center;min-height:28px;text-decoration:underline;display:inline-flex;position:fixed;top:calc(50% + 24px);left:17.25%}body[data-view=grid] .open-project{display:none}body[data-view=horizontal] .open-project{top:calc(85% + 20px);left:50.2%}@media (width<=842px){.open-project,body[data-view=horizontal] .open-project{min-height:44px;font-size:11px;top:auto;bottom:112px;left:12px}}