@layer components.page{html.page-work,html.page-work main{position:relative}html.page-work body{overscroll-behavior:none;touch-action:none;scrollbar-width:none;--site--screen-height:100svh;--site--fluid-height:100svh;background-color:var(--background);height:100svh;max-height:100svh;position:fixed;inset:0;overflow:hidden}.work_wrap{height:100svh;min-height:100svh;position:relative}.work_wrap.is-loading:before,.work_wrap.is-loading:after{content:"";z-index:7;position:fixed}.work_wrap.is-loading:before{background:var(--background);inset:0}.work_wrap.is-loading:after{width:6.25rem;height:var(--border-width);background-color:var(--text);animation:1.5s ease-in-out infinite alternate forwards workLoaderAnim;top:50%;left:50%;translate:-50% -50%}html.is-preloading main>.work_wrap{visibility:visible}html.is-preloading .work_wrap.is-loading:before,html.is-preloading .work_wrap.is-loading:after{display:none}html.is-preloading .work_wrap.is-loading :is(.work_gallery,.work_label,.work_marker){visibility:hidden}@keyframes workLoaderAnim{0%{transform-origin:0%;transform:scaleX(0)}50%{transform-origin:0%;transform:scaleX(1)}50.1%{transform-origin:100%;transform:scaleX(1)}to{transform-origin:100%;transform:scaleX(0)}}.work_label{z-index:4;width:var(--site--grid-width);max-width:var(--site--span-6);pointer-events:none;text-align:center;margin:0;transition:opacity .35s;position:fixed;top:50svh;left:50%;transform:translate(-50%,-50%)}.work_label .gooey_reveal_inner{width:100%;display:block}.work_label-count{font-size:.4em;line-height:var(--line-height-small);vertical-align:super;margin-left:.08em}html.work-morphing .work_label{opacity:0;transition:none}html.work-returning .work_wrap .work_gallery,html.work-returning .work_label{opacity:0}html.work-returning .work_wrap.is-loading:after{display:none}html.work-transitioning,html.work-transitioning *{cursor:progress!important}.work_wrap .work_gallery{flex-direction:column;align-items:center;gap:12vh;width:100%;padding-top:14vh;display:flex}.work_wrap[data-work-view=wheel]{--wheel-radius:min(21.875rem, 32vh, calc(50vw - 3rem));--wheel-tile-w:4rem;--wheel-tile-h:4rem}.work_wrap[data-work-view=wheel] .work_gallery{gap:0;width:100%;max-width:none;height:100%;padding-top:0;display:block;position:fixed;inset:0}.work_wrap[data-work-view=wheel] .work_slide{width:var(--wheel-tile-w);height:var(--wheel-tile-h);position:absolute;top:0;left:0;overflow:clip;transform:none}.work_wrap .work_marker{display:none}.work_wrap[data-work-view=wheel] .work_marker{left:50%;top:calc(50% - var(--wheel-radius) + var(--wheel-tile-h) / 2 + .5rem);border-left:.3125rem solid #0000;border-right:.3125rem solid #0000;border-bottom:.375rem solid var(--text);pointer-events:none;width:0;height:0;transition:opacity .3s;display:block;position:fixed;transform:translate(-50%)}html.work-project-open .work_wrap .work_marker,html.work-returning .work_wrap .work_marker,html.work-intro .work_wrap .work_marker{opacity:0}.work_label-group,.work_label-text{display:contents}.work_wrap[data-work-view=wheel] .work_slide-media{aspect-ratio:auto;width:100%;height:100%;overflow:clip}.work_wrap[data-work-view=wheel] .work_slide-img{filter:saturate(0);transition:filter .3s}html:not(.work-intro) .work_wrap[data-work-view=wheel] .work_slide.is-centered .work_slide-img{filter:saturate()}html.work-project-open .view-switcher_wrap,html.work-returning .view-switcher_wrap{opacity:0;pointer-events:none}.work_wrap .work_slide{--_span:min(var(--slide-span,3), calc(var(--site-column-count) - 1));--_max-col:calc(var(--site-column-count) - var(--_span));--_ref-max-col:calc(var(--site-column-count-max) - var(--slide-span,3));--_col:clamp(0, round(nearest, var(--slide-col,0) * var(--_max-col) / var(--_ref-max-col), 1), var(--_max-col));--_span-width:calc(var(--_span) * var(--site--column-width-plus-gutter) - var(--site-gutter));transform:translateX(calc(var(--_col) * var(--site--column-width-plus-gutter) - (var(--site--grid-width) - var(--_span-width)) / 2));cursor:pointer;outline:none;flex-shrink:0}@media (prefers-reduced-motion:reduce){.work_wrap .work_slide{transition:none!important}}.work_wrap .work_slide-media{width:var(--_span-width);aspect-ratio:.8;pointer-events:none;-webkit-user-select:none;user-select:none;display:block;position:relative;overflow:clip}.work_wrap .work_slide-media .work_slide-img{object-fit:cover;height:100%;position:absolute;top:0;left:0;transform:scale(1.2)}.work_wrap .work_overlay{z-index:5;display:none;position:fixed;inset:0;overflow:clip}.work_wrap .work_overlay-inner{overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:none;width:100%;height:100%;position:relative;overflow:hidden auto}.work_wrap .work_overlay-inner::-webkit-scrollbar{display:none}.work_wrap .work_overlay-list{width:100%;min-height:100%;position:relative}.work_wrap .work_overlay-item{width:100%;display:none}.work_wrap .work_overlay-item.is-active{display:block}@media (width>=48rem){html.page-home .work_wrap{display:none}@media (hover:hover) and (pointer:fine){.work_wrap[data-work-view=grid] .work_slide-img{opacity:.8;transition:opacity .3s}.work_wrap[data-work-view=grid] .work_slide:hover .work_slide-img,.work_wrap[data-work-view=grid] .work_slide:has(:focus-visible) .work_slide-img{opacity:1}}}@media (width<48rem){html:has(.work_wrap.is-loading) :is(.nav-sheet_wrap,.nav-marquee_wrap){visibility:hidden}.work_wrap[data-work-view=wheel]{--wheel-tile-w:62vw;--wheel-tile-h:62vw}.work_wrap[data-work-view=wheel] .work_marker{top:calc(50% + var(--wheel-center-drop,0rem));left:auto;right:var(--site-margin);border-left:0;border-right:.375rem solid var(--text);border-top:.3125rem solid #0000;border-bottom:.3125rem solid #0000;transform:translateY(-50%)}.work_label-group{pointer-events:none;display:grid}.work_label-text{flex-direction:column;justify-content:center;display:flex}.work_label-group .work_label{text-align:left;width:auto;max-width:none;font-family:var(--primary-family);font-size:var(--h4);mix-blend-mode:normal;position:static;transform:none}.work_wrap .work_overlay-list{padding-bottom:calc(var(--nav-sheet-bottom) + var(--nav-sheet-height) + var(--nav-marquee-height,0rem))}.work_wrap .view-switcher_wrap{display:none}}}