.work{padding:8rem 0;scroll-margin-top:1.5rem;background:var(--warm-white)}
.work-header{margin-bottom:2.5rem}
.work-subheading{margin:1rem 0 0;color:var(--muted);font-size:1.06rem;line-height:1.58}
.work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}
.work-photo{display:block;min-width:0;padding:0;border:0;background:transparent;box-shadow:none;text-decoration:none}
.work-photo:focus-visible{outline:2px solid var(--carbon);outline-offset:5px}
.work-photo img{display:block;width:100%;height:auto;border:0;box-shadow:none;filter:none}
.work-feature{margin-bottom:1rem}
.work-closing{margin-top:1rem}
.work-grid .work-photo img{aspect-ratio:3/2;object-fit:cover}
.work-lightbox{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--carbon);color:var(--warm-white);overflow:hidden}
.work-lightbox::backdrop{background:var(--carbon)}
.work-lightbox-stage{position:absolute;inset:4.5rem 4rem;display:flex;align-items:center;justify-content:center;overflow:auto;overscroll-behavior:contain;touch-action:pan-y pinch-zoom}
.work-lightbox-image{display:block;flex:none;max-width:100%;max-height:100%;width:auto;height:auto;margin:auto;object-fit:contain;cursor:zoom-in;user-select:none;-webkit-user-select:none}
.work-lightbox-stage.is-zoomed{display:block;touch-action:pan-x pan-y pinch-zoom}
.work-lightbox-stage.is-zoomed .work-lightbox-image{max-width:none;max-height:none;cursor:zoom-out}
.work-lightbox-control{position:absolute;z-index:1;display:flex;align-items:center;justify-content:center;width:3rem;height:3rem;padding:0;border:0;background:transparent;color:var(--warm-white);font-family:Arial,sans-serif;font-size:2.5rem;font-weight:400;line-height:1;cursor:pointer;touch-action:manipulation}
.work-lightbox-control:focus-visible{outline:2px solid var(--sandstone);outline-offset:3px}
.work-lightbox-close{top:max(.8rem,env(safe-area-inset-top));right:max(.8rem,env(safe-area-inset-right));font-size:2rem}
.work-lightbox-prev{left:.4rem;top:calc(50% - 1.5rem)}
.work-lightbox-next{right:.4rem;top:calc(50% - 1.5rem)}
.work-lightbox-open{overflow:hidden;overscroll-behavior:none}
@media(max-width:980px){.work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){
  .work{padding:5rem 0}
  .work-header{margin-bottom:2rem}
  .work-subheading{font-size:1rem}
  .work-grid{grid-template-columns:1fr;gap:.75rem}
  .work-feature{margin-bottom:.75rem}
  .work-closing{margin-top:.75rem}
  .work-lightbox-stage{inset:4rem 3rem}
  .nav{flex-wrap:wrap;column-gap:1rem;row-gap:.5rem}
  .nav-contact{margin-left:auto}
}