.page-explore-finishes .paint-inspiration{border:0;padding:clamp(56px,8vw,104px) 0}.color-library-heading{text-align:center;margin-bottom:clamp(36px,5vw,64px)}.color-library-heading h1{font-family:var(--serif);font-size:clamp(38px,6vw,68px);font-weight:400;line-height:1.1;margin:16px 0 24px}.color-library-rule{display:block;width:80px;height:1px;background:var(--bronze);margin:auto}.page-explore-finishes .inspiration-note{max-width:760px;margin-top:36px}
.project-gallery{padding:clamp(48px,7vw,90px) 0 70px}.gallery-heading{text-align:center;margin:0 auto 42px}.gallery-heading h1{font:400 clamp(42px,7vw,76px)/1.1 var(--serif);margin:16px 0 24px}.gallery-note{max-width:530px;margin:24px auto 0;color:var(--muted);font-size:14px;line-height:1.6}.project-gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.project-photo{position:relative;display:block;padding:0;border:0;background:#252725;cursor:zoom-in;overflow:hidden;aspect-ratio:4/5;text-align:left}.project-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.project-photo:hover img{transform:scale(1.025)}.photo-color{position:absolute;inset:auto 0 0;padding:54px 24px 24px;background:linear-gradient(transparent,rgba(0,0,0,.68));color:#fff;font:400 16px/1.5 sans-serif}.photo-color small{display:block;font-size:12px;letter-spacing:.04em;color:#eee}.page-explore-finishes .paint-inspiration{border-top:1px solid var(--line)}.color-library-heading h2{font:400 clamp(32px,5vw,48px)/1.15 var(--serif);margin:0 0 24px}.catalogue-tools{max-width:560px;margin:0 auto 36px}.catalogue-tools label{display:block;font-size:14px;margin-bottom:10px}.catalogue-tools input{width:100%;box-sizing:border-box;padding:15px 16px;border:1px solid var(--bronze);background:transparent;color:var(--ink);font:inherit;font-size:16px;border-radius:0}.catalogue-tools p{font-size:14px;color:var(--muted);margin:12px 0}.paint-photo[hidden]{display:none!important}#gallery-viewer{position:fixed;inset:0;width:100vw;height:100dvh;max-width:none;max-height:none;box-sizing:border-box;border:0;margin:0;padding:60px 24px 110px;background:#191b19;color:#fff}#gallery-viewer::backdrop{background:#191b19}.viewer-image{width:100%;height:100%;object-fit:contain}.viewer-close{position:absolute;right:20px;top:12px;font-size:32px}.viewer-close,.viewer-prev,.viewer-next{border:0;color:#fff;background:transparent;min-width:48px;min-height:48px;cursor:pointer}.viewer-bottom{position:absolute;bottom:18px;left:20px;right:20px;display:flex;align-items:center;justify-content:space-between;gap:16px;text-align:center}.viewer-color{margin:0 0 6px;font-size:16px}.viewer-credit{font-size:13px;color:#d6c6b6;text-decoration:underline}.viewer-prev,.viewer-next{font-size:26px}@media(min-width:900px){#color-results{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.project-gallery-grid{grid-template-columns:1fr;gap:24px}.photo-color{padding:44px 18px 18px}.project-gallery{padding-bottom:48px}.gallery-note{padding:0 12px}#gallery-viewer{padding:60px 12px 110px}}@media(prefers-reduced-motion:reduce){.project-photo img{transition:none}}

.project-photo.landscape{grid-column:1/-1;aspect-ratio:16/10}.page-explore-finishes #color-results .paint-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.page-explore-finishes #color-results .paint-photo h3{font-size:26px}.page-explore-finishes #color-results .paint-brand{font-size:12px}.page-explore-finishes #color-results .paint-surface{font-size:14px}
/* Editorial gallery: broad lead images, quieter paired views, full facades. */
.project-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:42px 32px;align-items:start}.project-photo.gallery-major{grid-column:span 7;aspect-ratio:5/6}.project-photo.gallery-minor{grid-column:span 5;aspect-ratio:4/5;margin-top:76px}.project-photo.gallery-wide{grid-column:1/-1;aspect-ratio:16/10;margin:14px 0 30px}.project-photo.gallery-detail{grid-column:3/11;aspect-ratio:5/4;margin:14px 0 30px}.project-photo.gallery-detail:last-child{grid-column:4/10;aspect-ratio:4/5}.catalogue-tools{max-width:880px;display:grid;grid-template-columns:1.5fr 1fr;gap:0 20px}.catalogue-tools>div{min-width:0}.catalogue-tools select{box-sizing:border-box;width:100%;min-height:52px;padding:14px 36px 14px 14px;border:1px solid var(--bronze);background:transparent;color:var(--ink);font:inherit;font-size:16px;border-radius:0}.catalogue-tools p{grid-column:1/-1}.page-explore-finishes #color-results{grid-template-columns:repeat(4,minmax(0,1fr));gap:30px 22px}.page-explore-finishes #color-results .paint-photo h3{font-size:23px}.page-explore-finishes #color-results .paint-photo figcaption{padding-top:14px;padding-bottom:14px}.page-explore-finishes #color-results .paint-surface{line-height:1.5;margin-bottom:0}.page-explore-finishes #color-results .paint-brand{letter-spacing:.07em;line-height:1.5}@media(max-width:900px){.page-explore-finishes #color-results{grid-template-columns:repeat(3,minmax(0,1fr))}.project-photo.gallery-minor{margin-top:42px}}@media(max-width:650px){.project-gallery-grid{grid-template-columns:1fr;gap:28px}.project-photo.gallery-major{grid-column:1;aspect-ratio:4/5}.project-photo.gallery-minor{grid-column:1;aspect-ratio:1/1;margin:0}.project-photo.gallery-wide{grid-column:1;aspect-ratio:5/4;margin:8px 0 20px}.project-photo.gallery-detail,.project-photo.gallery-detail:last-child{grid-column:1;aspect-ratio:4/5;margin:8px 0 20px}.catalogue-tools{grid-template-columns:1fr;gap:18px}.catalogue-tools p{margin:0}.page-explore-finishes #color-results{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 16px}.page-explore-finishes #color-results .paint-photo h3{font-size:22px}.page-explore-finishes #color-results .paint-brand{font-size:12px;letter-spacing:.03em}}@media(max-width:360px){.page-explore-finishes #color-results{grid-template-columns:1fr}}

/* Reserve real space for long source credits and mobile safe areas. */
#gallery-viewer{padding-top:max(60px,calc(env(safe-area-inset-top) + 48px));padding-bottom:max(20px,env(safe-area-inset-bottom))}
#gallery-viewer[open]{display:flex;flex-direction:column}
#gallery-viewer .viewer-image{flex:1 1 0;min-height:0;height:0}
#gallery-viewer .viewer-bottom{position:static;flex:0 0 auto;margin-top:16px}
#gallery-viewer .viewer-bottom>div{min-width:0;overflow-wrap:anywhere}
#gallery-viewer .viewer-prev,#gallery-viewer .viewer-next{flex:0 0 48px}
#gallery-viewer .viewer-close{top:max(12px,env(safe-area-inset-top))}

/* Mobile editorial gallery: staggered pairs, broad views, and deliberate space.
   Position-based sizing includes new Studio projects without changing their order. */
@media(max-width:650px){
 .project-gallery-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:32px 12px;align-items:start}
 .project-gallery-grid>.project-photo{min-width:0;width:100%;margin:0;grid-column:span 7;aspect-ratio:3/4}
 .project-gallery-grid>.project-photo:nth-child(6n+1){grid-column:1/12;aspect-ratio:4/5;margin-bottom:4px}
 .project-gallery-grid>.project-photo:nth-child(6n+2){grid-column:span 7;aspect-ratio:3/4}
 .project-gallery-grid>.project-photo:nth-child(6n+3){grid-column:span 5;aspect-ratio:3/4;margin-top:34px}
 .project-gallery-grid>.project-photo:nth-child(6n+4){grid-column:1/-1;aspect-ratio:5/4;margin:4px 0}
 .project-gallery-grid>.project-photo:nth-child(6n+5){grid-column:span 5;aspect-ratio:3/4;margin-top:34px}
 .project-gallery-grid>.project-photo:nth-child(6n){grid-column:span 7;aspect-ratio:3/4}
 .project-gallery-grid>.project-photo:nth-child(6n+2):last-child,
 .project-gallery-grid>.project-photo:nth-child(6n+5):last-child{grid-column:3/-1;aspect-ratio:4/5;margin-top:0}
 .project-gallery-grid .photo-color{padding:30px 10px 10px;font-size:14px;line-height:1.3;overflow-wrap:anywhere;background:linear-gradient(transparent,rgba(0,0,0,.62))}
 .project-gallery-grid .photo-color small{font-size:12px;letter-spacing:0;line-height:1.3;margin-top:4px}
 .project-gallery-grid>.project-photo:nth-child(6n+1) .photo-color,
 .project-gallery-grid>.project-photo:nth-child(6n+4) .photo-color{padding:40px 16px 16px;font-size:16px}
}