/**** GALLERY INTRO ****//**** GALLERY INTRO ****//**** GALLERY INTRO ****/
.gallery-intro > .decor-cluster {top: 70px;}
.album-intro .back-link {position: relative; z-index: 2;}
.album-intro .page-intro-grid {margin: 4px 0px 0px 0px;}

/**** WORK GRID ****//**** WORK GRID ****//**** WORK GRID ****/
.work-grid {display: grid; grid-template-columns: repeat(3,minmax(0px,1fr)); gap: 56px 28px;}
.work-card {min-width: 0px;}
.work-open {display: flex; flex-direction: column; width: 100%; height: 100%; text-align: left;}
.work-mat {position: relative; width: 100%; aspect-ratio: 1 / 1; transition: border-color var(--transition);}
.work-mat > img {width: 88%; height: 88%; object-fit: contain;}
.work-open:hover .work-mat {border-color: var(--cobalt);}
.work-zoom {position: absolute; right: 12px; bottom: 12px; display: flex; align-items: center; justify-content: center; width: var(--tap); height: var(--tap); color: var(--white); background: var(--cobalt-dark); border-radius: 50%; opacity: 0; transition: opacity var(--transition);}
.work-open:hover .work-zoom, .work-open:focus-visible .work-zoom {opacity: 1;}
.work-zoom svg {width: 22px; height: 22px;}
.work-caption {display: flex; flex-direction: column; gap: 4px; padding: 18px 0px 0px 0px;}
.work-caption strong {font-size: 18px; line-height: 1.4;}
.work-caption span {font-size: 15px; line-height: 1.45; color: var(--text-soft);}