/* Mixed-format masonry within the existing scrolling gallery. */
#projectList{display:block;overflow-y:auto;overflow-x:hidden}
#projectList .gallery-masonry{column-count:4;column-gap:14px}
#projectList button{display:inline-block;vertical-align:top;break-inside:avoid;width:100%;height:auto;min-height:0;margin:0 0 14px;padding:0 0 17px}
#projectList .gallery-image{display:block;aspect-ratio:var(--crop-ratio,1/1);position:relative;overflow:hidden;width:100%;border-radius:0;background:transparent}
#projectList .gallery-image img{position:absolute;inset:0;width:100%;height:100%;display:block;max-width:none;padding:var(--crop-pad);object-fit:var(--crop-fit);object-position:var(--crop-position);border-radius:0;transform:scale(1);transition:transform .75s cubic-bezier(.2,.65,.25,1);background:none}
#projectList button:hover .gallery-image img,#projectList button:focus-visible .gallery-image img{transform:scale(1.035);background:none}
#projectList h3{margin:15px 15px 6px;font-size:16px;line-height:1.1}
#projectList p{margin:0 15px;font-size:10px;line-height:1.4;color:#51465c;min-height:28px}
@media(max-width:1000px) and (min-width:751px){#projectList .gallery-masonry{column-count:3}}
@media(max-width:750px){#projectList .gallery-masonry{column-count:2;column-gap:10px}#projectList{gap:10px}#projectList button{padding-bottom:14px}#projectList h3{font-size:13px;margin:12px 11px 6px}#projectList p{margin:0 11px;font-size:9px;min-height:26px}#projectList .gallery-image img{padding:calc(var(--crop-pad)*.65)}}
@media(prefers-reduced-motion:reduce){#projectList .gallery-image img{transition:none}}

/* Keep artwork color accurate: no lavender mat behind the enlarged work. */
#project{background:#f2f2f0;border-color:#dededb;color:#232323}
#project::backdrop{background:#20202066}
#project .dialog-head{position:sticky;top:-25px;z-index:2;background:#f2f2f0;border-color:#23232326;padding-top:14px}
#projectBody .scope{color:#636360}
#projectBody .project-media{display:grid;gap:18px;margin:26px 0;background:#eeeeec;border-radius:5px;overflow:hidden}
#projectBody .project-media figure{margin:0;min-width:0;display:flex;align-items:center;justify-content:center}
#projectBody .project-media img{display:block;width:100%;height:auto;max-height:65svh;object-fit:contain;background:transparent}
#projectBody .project-media-page img{max-height:none}
#projectBody .project-media-pair{grid-template-columns:1fr 1fr;padding:20px}
#projectList .gallery-image img{transform:scale(var(--crop-zoom,1));transform-origin:var(--crop-position)}
#projectList button:hover .gallery-image img,#projectList button:focus-visible .gallery-image img{transform:scale(calc(var(--crop-zoom,1)*1.035))}
#projectList .gallery-masonry{display:grid;grid-template-columns:repeat(var(--gallery-columns,4),minmax(0,1fr));column-count:auto;align-items:start;gap:14px}
#projectList .gallery-column{min-width:0}
#projectList .gallery-column>button{display:block}
@media(max-width:750px){#projectList .gallery-masonry{gap:10px}}
@media(max-width:600px){#projectBody .project-media-pair{grid-template-columns:1fr;padding:12px}#projectBody .project-media img{max-height:70svh}#projectBody .project-media-page img{max-height:none}}