
/* Selected work categories, with quiet transitions and uncropped photography. */
.category-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 30px}.category-filters button{font:inherit;font-size:14px;padding:11px 17px;min-height:44px;border:1px solid var(--line);border-radius:24px;background:transparent;color:var(--ink);cursor:pointer}.category-filters button[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}.category-filters button:hover{border-color:var(--ink)}.category-filters button:focus-visible,.selected-grid button:focus-visible,.category-lightbox button:focus-visible{outline:3px solid #537f87;outline-offset:4px}.work-category{margin-bottom:50px}.work-category[hidden]{display:none}.category-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin:0 0 20px;border-top:1px solid var(--line);padding-top:24px}.category-heading h2{font-size:25px;margin:0}.category-heading span{font-size:13px;color:var(--muted);white-space:nowrap}.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.selected-grid button img{transition:opacity .2s}.selected-grid button:hover img{opacity:.9}.category-lightbox .lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;color:white;margin-bottom:12px}.category-lightbox .lightbox-toolbar button{position:static;min-width:44px;min-height:44px;margin:0;font:14px system-ui;background:transparent;border:1px solid #697779;color:white;padding:9px 12px;cursor:pointer}.category-lightbox .lightbox-toolbar>div{display:flex;gap:8px}.category-lightbox .lightbox-stage{height:calc(85vh - 74px);height:calc(85dvh - 74px);display:flex;align-items:center;justify-content:center;touch-action:pan-y pinch-zoom}.category-lightbox .lightbox-stage img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain}#photo-position{font:14px system-ui;font-variant-numeric:tabular-nums}.category-lightbox{width:min(1280px,96vw);max-width:96vw;background:#102024;padding:18px;border:0}.category-lightbox::backdrop{background:#081416ee}@media(max-width:640px){.category-filters{gap:7px;margin-bottom:25px}.category-filters button{padding:10px 13px}.category-heading h2{font-size:21px}.category-heading span{font-size:12px}.work-category{margin-bottom:32px}.category-lightbox{padding:12px}.category-lightbox .lightbox-toolbar{gap:8px}.category-lightbox .lightbox-toolbar button{padding:8px}.category-lightbox .lightbox-stage{height:calc(83dvh - 74px)}}@media(prefers-reduced-motion:reduce){.selected-grid button img{transition:none}}

/* A continuous landscape rhythm; crop positioning remains nondestructive. */
.selected-grid{align-items:stretch;gap:20px}.selected-grid button{aspect-ratio:3/2;overflow:hidden;background:#fff}.selected-grid img{width:100%;height:100%;aspect-ratio:3/2;object-fit:cover}.category-lightbox .lightbox-stage{width:min(100%,calc((85dvh - 90px)*1.5));height:auto;aspect-ratio:3/2;margin-inline:auto;background:#fff;overflow:hidden}.category-lightbox .lightbox-stage img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;aspect-ratio:3/2;object-fit:cover}@media(max-width:640px){.selected-grid{gap:16px}.category-lightbox .lightbox-stage{height:auto;width:min(100%,calc((83dvh - 90px)*1.5))}}

/* Fade to white, switch behind the white layer, then gently reveal. */
#work-galleries{display:grid;position:relative;isolation:isolate;overflow:clip;padding:5px;margin-inline:-5px;background:#fff}.work-category{grid-area:1/1;align-self:start;visibility:hidden;pointer-events:none;opacity:0;transform:none;transition:none}.work-category.is-active{visibility:visible;pointer-events:auto;opacity:1;z-index:1}.category-filters{position:relative;z-index:2}#work-galleries::after{content:"";position:absolute;inset:0;z-index:2;background:#fff;opacity:0;pointer-events:none;transition:opacity 1.15s cubic-bezier(.22,.61,.36,1)}#work-galleries.is-whitening::after{opacity:1;transition:opacity .85s ease-in-out}#work-galleries.is-transitioning::after{pointer-events:auto}@media(prefers-reduced-motion:reduce){#work-galleries::after{display:none;transition:none}.work-category{transition:none;transform:none}}

.trial-label{margin:0 0 14px!important;font-size:13px!important}.trial-label a{color:inherit;text-underline-offset:3px}

.category-heading h2{min-width:0;overflow-wrap:anywhere}.category-filters button{max-width:100%;overflow-wrap:anywhere}

/* Only the gallery enters from white; header, navigation and controls remain visible. */
.gallery-entry-pending #work-galleries::after{opacity:1}@media(prefers-reduced-motion:reduce){.gallery-entry-pending #work-galleries::after{display:none;opacity:0}}

#work-galleries.is-entering::after{transition-duration:2s}
