.work-gallery{inline-size:100%;min-inline-size:0;position:relative}.gallery-viewport{touch-action:pan-y pinch-zoom;overflow:hidden}.gallery-track{padding-block:var(--space-xl);align-items:center;margin-inline-start:calc(-1 * var(--space-xl));display:flex}.gallery-slide{flex:0 0 calc(clamp(230px, 44vw, 560px) + var(--space-xl));min-inline-size:0;padding-inline-start:var(--space-xl)}.gallery-art{aspect-ratio:3/4;border-radius:var(--radius-xl);background:var(--color-surface-muted);inline-size:100%;position:relative;overflow:clip}.gallery-art img,.gallery-art video{object-fit:contain;block-size:100%;inline-size:100%;display:block}.gallery-title{block-size:3lh;margin:var(--space-m) 0 0;text-align:center;color:var(--color-text-muted)}.gallery-controls{max-inline-size:calc(100% - 2 * var(--space-xl));justify-content:center;align-items:center;gap:var(--space-l);margin-block-start:var(--space-l);margin-inline:auto;display:flex}.gallery-button,.gallery-dot{color:var(--color-text);background:var(--color-surface-muted);cursor:pointer;border:0;padding:0}.gallery-button{border-radius:var(--radius-xl);flex:none;place-items:center;block-size:44px;inline-size:44px;display:grid}.gallery-button:disabled{opacity:.4;cursor:default}.gallery-button:active,.gallery-dot:active{background:var(--color-surface)}.gallery-dots{justify-content:center;gap:var(--space-s);flex-wrap:wrap;align-items:center;min-inline-size:0;display:flex}.gallery-dot{border-radius:var(--radius-xl);background:0 0;flex:none;place-items:center;block-size:24px;inline-size:24px;display:grid}.gallery-dot:after{content:"";border-radius:inherit;background:var(--color-text-muted);block-size:8px;inline-size:8px}.gallery-dot[aria-current=true]:after{background:var(--color-text)}@media (hover:hover) and (pointer:fine){.gallery-button:hover{background:var(--color-surface)}.gallery-dot:hover:after{background:var(--color-text)}}.gallery-empty{margin:var(--space-xl);color:var(--color-text-muted)}.gallery-art picture,.gallery-project-link{block-size:100%;inline-size:100%;display:block}.gallery-project-link:focus-visible{outline-offset:-4px}.gallery-project-link:active{opacity:.85}.work-gallery[data-media-kind=motion]{flex-direction:column;block-size:100%;min-block-size:0;display:flex}.work-gallery[data-media-kind=motion] .gallery-viewport{flex:1;min-block-size:0;container-type:size}.work-gallery[data-media-kind=motion] .gallery-track{block-size:100%;padding-block:var(--space-xs)}.work-gallery[data-media-kind=motion] .gallery-slide{flex-direction:column;justify-content:center;align-items:center;display:flex}.work-gallery[data-media-kind=motion] .gallery-art{inline-size:min(100%, calc(max(0px, 100cqh - 3lh - var(--space-m) - 2 * var(--space-xs)) * var(--media-ratio)));flex:none}.work-gallery[data-media-kind=motion] .gallery-title{flex:none;inline-size:100%;overflow:clip}.work-gallery[data-media-kind=motion] .gallery-title p{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.work-gallery[data-media-kind=motion] .gallery-controls{flex:none;margin-block-start:var(--space-xs)}.video-preview{block-size:100%;inline-size:100%;color:var(--color-accent-text);cursor:pointer;background:0 0;border:0;padding:0;display:block;position:absolute;inset:0;overflow:clip}.video-preview:disabled{cursor:default}.video-preview:focus-visible{outline:2px solid var(--color-text);outline-offset:-4px}.video-preview:active .video-play-static{opacity:.65}.video-preview img,.video-preview video{object-fit:cover;block-size:100%;inline-size:100%;display:block}.video-play-static{justify-content:center;align-items:center;gap:var(--space-s);pointer-events:none;text-shadow:0 1px 4px oklch(0% 0 none);display:flex;position:absolute;inset-block-start:50%;inset-inline:0;translate:0 -50%}.video-play-follow{align-items:center;gap:var(--space-s);padding:var(--space-s);pointer-events:none;white-space:nowrap;user-select:none;mix-blend-mode:exclusion;display:none;position:absolute;inset-block-start:0;inset-inline-start:0}.video-preview:disabled :is(.video-play-follow,.video-play-static){display:none}@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.video-play-follow{display:flex}.video-preview:hover .video-play-static{opacity:0}.video-preview:focus-visible .video-play-static{opacity:1}}.image-preview :is(img,picture){object-fit:contain}.image-view-static{align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);pointer-events:none;display:none;position:absolute;inset-block-end:var(--space-m);inset-inline-start:var(--space-m)}.image-preview:focus-visible .image-view-static{display:flex}.image-preview:active{opacity:.85}.video-controller{--media-background-color:transparent;--media-text-color:var(--color-accent-text);--media-icon-color:var(--color-accent-text);--media-primary-color:var(--color-accent-text);--media-secondary-color:transparent;block-size:100%;inline-size:100%;display:block}.video-content{object-fit:cover;block-size:100%;inline-size:100%;margin-block:0;display:block}.video-close{border-radius:var(--radius-xl);color:oklch(100% 0 none);cursor:pointer;background:oklch(0% 0 none/.6);border:0;place-items:center;block-size:44px;inline-size:44px;padding:0;display:grid;position:absolute;inset-block-start:var(--space-s);inset-inline-end:var(--space-s)}.video-close:focus-visible{outline-offset:-4px;outline-color:oklch(100% 0 none)}.video-close:active{background:oklch(0% 0 none/.8)}.video-control-bar{inline-size:100%;padding:var(--space-s);background:linear-gradient(#0000,oklch(0% 0 none/.6));align-items:center;display:flex;position:absolute;inset-block-end:0;inset-inline:0}.video-time-range{--media-range-thumb-opacity:0;--media-range-track-height:2px}.video-time-control{--media-control-height:18px;flex:1;min-inline-size:0}.video-play-button,.video-mute-button{--media-control-height:18px;flex:none}.video-load-status{padding:var(--space-xl);color:var(--color-text-muted);place-items:center;margin:0;display:grid;position:absolute;inset:0}@media (hover:hover) and (pointer:fine){.video-close:hover{background:oklch(0% 0 none/.8)}}.video-content[hidden]{display:none}html:has(.video-dialog[open]){overflow:hidden}.video-dialog{block-size:100dvh;max-block-size:none;inline-size:100%;max-inline-size:none;color:var(--color-text);background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0;overflow:clip}.video-dialog::backdrop{background:0 0}.video-modal-backdrop{backdrop-filter:blur(var(--motion-route-blur));background:color-mix(in oklch, var(--color-canvas) 85%, transparent);position:absolute;inset:0}.video-panel{background:var(--color-surface-muted);overflow:clip}.video-panel :is(video,img){object-fit:contain}.video-modal-poster{block-size:100%;inline-size:100%;display:block}.video-panel .video-controller{border-radius:inherit}.video-controller{--media-tooltip-background-color:var(--color-surface);--media-tooltip-arrow-color:var(--color-surface);--media-tooltip-border-radius:var(--radius-s);--media-tooltip-padding:var(--space-xs) var(--space-s)}.video-controller :is(media-play-button,media-mute-button)::part(tooltip){color:var(--color-text)}.video-mute-button,.video-time-control,.video-play-button{--media-control-background:transparent;--media-control-hover-background:transparent}.video-time-control{--media-preview-background:var(--color-surface);--media-box-arrow-background:var(--color-surface);--media-preview-border-radius:var(--radius-s);--media-preview-time-text-shadow:none}.video-time-control::part(preview-box){--media-text-color:var(--color-text);color:var(--color-text)}.image-project-action{padding:var(--space-xs) var(--space-s);border-radius:var(--radius-s);background:var(--color-surface);color:var(--color-text);position:absolute;inset-block-end:var(--space-m);inset-inline-start:var(--space-m)}.image-project-action:active{opacity:.85}.work-page[data-astro-cid-mlo4camj]{padding-block:var(--space-xl);gap:var(--space-xxl);grid-template-columns:minmax(0,1fr);min-inline-size:0;display:grid}.work-page-motion[data-astro-cid-mlo4camj]{gap:clamp(var(--space-xs), 4dvh, var(--space-xxl));block-size:100dvh;padding-block:clamp(var(--space-xs), 3dvh, var(--space-xl));grid-template-rows:auto auto minmax(0,1fr)}.work-page-motion[data-astro-cid-mlo4camj] astro-island{display:contents}.work-header[data-astro-cid-mlo4camj],.work-intro[data-astro-cid-mlo4camj]{inline-size:min(100% - 3rem,40.625rem);margin-inline:auto}.work-header[data-astro-cid-mlo4camj]{gap:var(--space-s);flex-wrap:wrap;justify-content:space-between;align-items:center;display:flex}.work-header[data-astro-cid-mlo4camj] a[data-astro-cid-mlo4camj]:active{color:var(--color-text-muted)}.work-header[data-astro-cid-mlo4camj] .back-link{align-items:center;gap:var(--space-s);display:inline-flex}.work-intro[data-astro-cid-mlo4camj]{gap:var(--space-s);display:grid}h1[data-astro-cid-mlo4camj],p[data-astro-cid-mlo4camj]{font:inherit;margin:0}h1[data-astro-cid-mlo4camj]{font-weight:500}p[data-astro-cid-mlo4camj]{color:var(--color-text-muted)}