.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.work-page{max-width:1600px;margin:0 auto;overflow:hidden}.work-header{display:grid;justify-items:start;gap:clamp(2.25rem,4vw,3rem);padding:3.5rem 0 1.5rem;border-bottom:var(--line)}.work-header h1{font-size:clamp(4rem,8vw,7.5rem);line-height:.85}.work-primary-nav,.work-secondary-nav{display:flex;flex-wrap:wrap;align-items:center;gap:clamp(1.25rem,3vw,2.75rem)}.work-primary-nav button,.work-secondary-nav button{padding:.35rem 0;border:0;border-bottom:1px solid transparent;background:none;color:var(--color-muted);font-family:var(--font-ui);letter-spacing:.06em;cursor:pointer;transition:color var(--fast),border-color var(--fast)}.work-primary-nav{justify-content:flex-start}.work-primary-nav button{font-size:.82rem}.work-secondary-nav button{font-size:.72rem}.work-primary-nav button:hover,.work-primary-nav button.is-selected,.work-secondary-nav button:hover,.work-secondary-nav button.is-selected{border-bottom-color:currentColor;color:var(--color-accent)}.work-panel{padding-top:0}.work-panel[hidden],.photography-item[hidden],.video-item[hidden]{display:none}.work-panel.is-active{animation:work-fade var(--fast) both}@keyframes work-fade{0%{opacity:0;transform:translateY(5px)}}.work-secondary-nav{min-height:0;padding:1rem 0 1.15rem;border-bottom:var(--line)}.photography-gallery{display:flex;flex-direction:row;align-items:flex-start;gap:clamp(2.5rem,5vw,5rem);width:100%;padding:clamp(2rem,3.5vw,3rem) 0 5rem;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.photography-gallery::-webkit-scrollbar{display:none}.photography-gallery-shell{--photography-gallery-top: clamp(2rem, 3.5vw, 3rem);--photography-height: clamp(18rem, 40vh, 23rem);position:relative}.photography-gallery-arrow{display:grid;position:absolute;z-index:2;top:calc(var(--photography-gallery-top) + var(--photography-height) / 2);width:2.25rem;height:3rem;place-items:center;padding:0;border:0;background:color-mix(in srgb,var(--color-bg) 86%,transparent);color:var(--color-accent);font:300 1.4rem/1 var(--font-ui);opacity:.72;cursor:pointer;transition:color var(--fast),opacity var(--fast),transform var(--fast);transform:translateY(-50%)}.photography-gallery-arrow--previous{left:.35rem}.photography-gallery-arrow--next{right:.35rem}.photography-gallery-arrow:hover{color:var(--color-accent);opacity:1}.photography-gallery-arrow--previous:hover{transform:translate(-3px,-50%)}.photography-gallery-arrow--next:hover{transform:translate(3px,-50%)}.photography-gallery-arrow[hidden]{display:none}.photography-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.photography-item{flex:0 0 auto;width:fit-content;margin:0;scroll-snap-align:start}.photography-open{display:block;width:fit-content;padding:0;border:0;background:none;color:inherit;cursor:zoom-in}.photography-media{display:block;width:fit-content;background:transparent}.lightbox-media{display:block;position:relative;width:100%;aspect-ratio:var(--media-ratio);overflow:hidden;border:var(--line);background:var(--color-surface)}.photography-media img{display:block;width:auto;max-width:none;height:var(--photography-height)}.lightbox-media img{width:100%;height:100%;object-fit:contain}.media-placeholder{display:grid;position:absolute;inset:0;place-items:center;color:var(--color-muted);font:500 .62rem/1 var(--font-ui);letter-spacing:.16em}.media-placeholder:before{position:absolute;inset:clamp(.75rem,2vw,1.5rem);border:1px solid color-mix(in srgb,var(--color-border) 72%,transparent);content:""}.media-placeholder span{position:relative}.photography-item figcaption{padding-top:.85rem;color:#ffffff9e;font:.66rem/1.55 var(--font-ui);letter-spacing:.04em}.video-gallery-shell{--video-gallery-top: clamp(2rem, 3.5vw, 3rem);--video-preview-height: clamp(21rem, 50vh, 30rem);position:relative}.video-gallery{display:flex;align-items:flex-start;gap:clamp(2.5rem,4vw,4rem);width:100%;padding:var(--video-gallery-top) 0 5rem;overflow:hidden;overflow-x:auto;scroll-snap-type:x proximity;-ms-overflow-style:none;scrollbar-width:none;cursor:grab;touch-action:pan-x pan-y}.video-gallery::-webkit-scrollbar{display:none}.video-gallery.is-dragging{scroll-snap-type:none;cursor:grabbing;user-select:none}.video-gallery-arrow{display:grid;position:absolute;z-index:3;top:calc(var(--video-gallery-top) + var(--video-preview-height) / 2);width:2.5rem;height:3.25rem;place-items:center;padding:0;border:0;background:color-mix(in srgb,var(--color-bg) 88%,transparent);color:var(--color-accent);font:300 1.5rem/1 var(--font-ui);opacity:.78;cursor:pointer;transition:color var(--fast),opacity var(--fast),transform var(--fast);transform:translateY(-50%)}.video-gallery-arrow--previous{left:.35rem}.video-gallery-arrow--next{right:.35rem}.video-gallery-arrow:hover{opacity:1}.video-gallery-arrow--previous:hover{transform:translate(-3px,-50%)}.video-gallery-arrow--next:hover{transform:translate(3px,-50%)}.video-gallery-arrow[hidden]{display:none}.video-item{flex:0 0 auto;width:fit-content;margin:0;scroll-snap-align:start}.video-open{display:block;width:fit-content;padding:0;border:0;background:none;color:inherit;cursor:pointer}.video-preview{display:block;position:relative;width:auto;height:var(--video-preview-height);aspect-ratio:var(--video-ratio);overflow:hidden;background:var(--color-surface)}.video-preview img{display:block;width:100%;height:100%;object-fit:contain}.play-icon{display:grid;position:absolute;top:50%;left:50%;width:3.25rem;height:3.25rem;border:1px solid var(--color-text);border-radius:50%;place-items:center;padding-left:.16rem;background:color-mix(in srgb,var(--color-bg) 75%,transparent);font:.72rem var(--font-ui);opacity:.7;transition:color var(--fast),border-color var(--fast),transform var(--fast);transform:translate(-50%,-50%)}.video-open:hover .play-icon,.video-open:focus-visible .play-icon{border-color:var(--color-accent);color:var(--color-accent);transform:translate(-50%,-50%) scale(1.04)}.video-open:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.video-item figcaption{max-width:34rem;padding-top:1rem;color:#ffffff9e;font:.74rem/1.55 var(--font-ui);letter-spacing:.035em}.video-lightbox[hidden]{display:none}.video-lightbox{position:fixed;z-index:95;inset:0}.video-lightbox-backdrop{position:absolute;inset:0;background:#000000eb;cursor:zoom-out}.video-lightbox-dialog{display:grid;position:relative;z-index:1;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;width:min(96vw,92rem);height:100%;margin:0 auto;gap:clamp(.5rem,2vw,1.5rem)}.video-lightbox-dialog figure{display:grid;margin:0;justify-items:center}.video-lightbox-media{max-width:82vw;max-height:76vh;aspect-ratio:var(--video-ratio);background:#000}.video-lightbox-media video{display:block;width:100%;height:100%;object-fit:contain;background:#000}.video-lightbox-dialog figcaption{width:100%;padding-top:.85rem;color:#fff;font:.72rem/1.5 var(--font-ui);letter-spacing:.035em}.video-lightbox-close,.video-lightbox-arrow{border:0;background:none;color:#fff;cursor:pointer;transition:color var(--fast),transform var(--fast)}.video-lightbox-close:hover,.video-lightbox-arrow:hover,.video-lightbox-close:focus-visible,.video-lightbox-arrow:focus-visible{color:var(--color-accent)}.video-lightbox-close{position:absolute;top:1.25rem;right:0;padding:.5rem;font:300 2rem/1 var(--font-ui)}.video-lightbox-arrow{padding:1rem .5rem;font:300 1.4rem/1 var(--font-ui)}.video-lightbox-arrow--previous:hover{transform:translate(-3px)}.video-lightbox-arrow--next:hover{transform:translate(3px)}.video-lightbox-close:focus-visible,.video-lightbox-arrow:focus-visible{outline:1px solid currentColor;outline-offset:3px}body.lightbox-open{overflow:hidden}.work-lightbox[hidden]{display:none}.work-lightbox{position:fixed;z-index:90;inset:0}.lightbox-backdrop{position:absolute;inset:0;background:#000000e6;cursor:zoom-out}.lightbox-dialog{display:grid;position:relative;z-index:1;grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:center;width:min(94vw,86rem);height:100%;margin:0 auto;gap:clamp(.5rem,2vw,1.5rem)}.lightbox-dialog figure{display:grid;max-height:92vh;margin:0;justify-items:center}.lightbox-media{width:fit-content;max-width:min(76vw,72rem);height:auto;max-height:76vh;border:0;background:transparent}.lightbox-media img{display:block;width:auto;max-width:min(76vw,72rem);height:auto;max-height:76vh;object-fit:contain}.lightbox-dialog figcaption{display:grid;width:100%;gap:.25rem;padding-top:.75rem;color:#fff;font:.65rem/1.5 var(--font-ui);letter-spacing:.04em}.lightbox-dialog figcaption strong{font-weight:500}.lightbox-dialog figcaption span,.lightbox-dialog figcaption p{opacity:.72}.lightbox-close,.lightbox-arrow{border:0;background:none;color:#fff;cursor:pointer;transition:color var(--fast),transform var(--fast)}.lightbox-close:hover,.lightbox-arrow:hover{color:var(--color-accent)}.lightbox-close{position:absolute;top:1.25rem;right:0;padding:.5rem;font:300 2rem/1 var(--font-ui)}.lightbox-arrow{padding:1rem .5rem;font:300 1.4rem/1 var(--font-ui)}.lightbox-arrow--previous:hover{transform:translate(-3px)}.lightbox-arrow--next:hover{transform:translate(3px)}.work-lightbox.is-flashing:after{position:absolute;z-index:2;inset:0;background:#fff;pointer-events:none;content:"";animation:shutter-flash .16s ease-out both}@keyframes shutter-flash{0%{opacity:.34}to{opacity:0}}@media(max-width:760px){.work-header{gap:2.25rem;padding:2.5rem 0 1.25rem}.work-header h1{font-size:4rem}.work-panel{padding-top:0}.photography-gallery-shell{--photography-gallery-top: 2.25rem;--photography-height: clamp(14rem, 68vw, 18rem)}.photography-gallery{gap:2rem;padding:2.25rem 0 4rem;-webkit-overflow-scrolling:touch}.video-gallery-shell{--video-gallery-top: 2.25rem;--video-preview-height: clamp(12rem, 50vw, 17rem)}.video-gallery{gap:2rem;padding:2.25rem 0 4rem;-webkit-overflow-scrolling:touch}.video-lightbox-dialog{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;width:100%;gap:.2rem}.video-lightbox-media{max-width:calc(100vw - 5rem);max-height:70vh}.video-lightbox-close{top:.75rem;right:.75rem}.lightbox-dialog{grid-template-columns:2.25rem minmax(0,1fr) 2.25rem;width:100%;gap:.2rem}.lightbox-media{max-width:calc(100vw - 5rem);max-height:72vh}.lightbox-close{top:.75rem;right:.75rem}}@media(prefers-reduced-motion:reduce){.work-panel.is-active,.work-lightbox.is-flashing:after{animation:none}.play-icon,.photography-gallery-arrow,.video-gallery-arrow,.lightbox-close,.lightbox-arrow,.video-lightbox-close,.video-lightbox-arrow{transition:none}.video-gallery{scroll-behavior:auto}}