.work-page{--work-gutter:clamp(1.5rem, 4vw, var(--space-4));min-height:100vh;min-height:100svh;padding:var(--work-gutter);padding-bottom:max(1.5rem, env(safe-area-inset-bottom));flex-direction:column;display:flex}.work-header{justify-content:space-between;align-items:center;gap:1.5rem;display:flex}.work-header h1{color:var(--muted);font-family:var(--font-display);margin:0;font-size:1rem;font-weight:400}.work-gallery{--work-height:clamp(16rem, 56svh, 42rem);--work-gap:clamp(2rem, 6vw, 7rem);justify-content:center;gap:var(--space-2);min-width:0;padding-block:var(--space-2);flex-direction:column;flex:1;display:flex}.work-rail{align-items:center;gap:var(--work-gap);scrollbar-width:thin;-webkit-overflow-scrolling:touch;margin:0;padding:0;list-style:none;display:flex;overflow:auto hidden}.work-rail[data-motion]{scrollbar-width:none}.work-rail[data-motion]::-webkit-scrollbar{display:none}.work-rail:after{content:"";flex:0 0 max(0px, calc(100% - min(78vw, var(--work-height) * var(--work-last-ratio)) - var(--work-gap)))}.work-rail:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.work-controls button:focus-visible{outline:2px solid var(--ink);outline-offset:5px}.work-slide{width:min(78vw, calc(var(--work-height) * var(--work-ratio)));flex:none}.work-slide figure{margin:0}.work-image-frame{width:100%;aspect-ratio:var(--work-ratio);isolation:isolate;position:relative;overflow:hidden}.work-image-frame img{object-fit:contain;width:100%;height:100%;transform:scale(var(--work-scale,1));transform-origin:50%;display:block}.work-image-mask{background:var(--paper);transform:translateY(calc(var(--work-reveal,1) * 100%));pointer-events:none;position:absolute;inset:44% -1px -1px}.work-gallery-footer{justify-content:space-between;align-items:center;gap:var(--space-2);min-height:4.5rem;display:flex}.work-active-title h2,.work-mobile-caption h2{font-family:var(--font-display);margin:0;font-size:clamp(1rem,1.8vw,1.5rem);font-weight:300;line-height:1.4}.work-active-title,.work-caption-copy{min-width:0}.work-office{color:var(--muted);font-family:var(--font-brand);overflow-wrap:anywhere;margin:.375rem 0 0;font-size:.875rem;font-weight:400;line-height:1.6}.work-active-caption{animation:.4s cubic-bezier(0,.55,.45,1) both work-caption-in}.work-controls{flex-shrink:0;align-items:center;gap:.75rem;display:flex}.work-controls button{width:2.75rem;height:2.75rem;color:var(--ink);font:inherit;cursor:pointer;background:0 0;border:0;place-items:center;padding:0;font-size:1.25rem;display:grid}.work-controls button:disabled{opacity:.25;cursor:default}.work-controls button:not(:disabled):hover{background:#19191908}.work-counter{color:var(--muted);white-space:nowrap;font-size:.875rem}.work-counter>span{color:var(--line);padding-inline:.4rem}.work-mobile-caption{display:none}.work-page>.contact-details{margin-top:0}@keyframes work-caption-in{0%{opacity:0;transform:translateY(.3rem)}to{opacity:1;transform:translateY(0)}}@media (max-width:660px){.work-gallery{padding-block:var(--space-2) var(--space-3);gap:0}.work-rail{gap:var(--space-4);flex-direction:column;display:flex;overflow:visible}.work-rail:after{display:none}.work-slide{width:100%}.work-image-frame img{transform-origin:0}.work-image-mask{transform:translateX(calc(var(--work-reveal,1) * 100%));inset:-1px -1px -1px 55%}.work-mobile-caption{margin-top:var(--space-1);align-items:baseline;gap:1rem;display:flex}.work-item-number{color:var(--muted);font-size:.875rem}.work-mobile-caption h2{font-size:1rem}.work-gallery-footer{display:none}}@media (prefers-reduced-motion:reduce){.work-image-frame img{transform:none}.work-image-mask{display:none}.work-active-caption{animation:none}}