.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:22px;margin:22px 0 40px}.gallery-card{border:1px solid #b7d9ee;background:#fff;border-radius:14px;color:#17344e;overflow:hidden;padding:15px}.gallery-card h2{font-size:18px;margin:12px 0 6px}.gallery-compare{position:relative;width:100%;aspect-ratio:4/3;overflow:hidden;background:#d1e3ea;border-radius:9px}.gallery-compare img{width:100%;height:100%;object-fit:cover;display:block}.gallery-compare .after{position:absolute;inset:0;clip-path:inset(0 0 0 var(--split,50%))}.gallery-compare input{position:absolute;inset:auto 12px 14px;width:calc(100% - 24px);accent-color:#0b7fb8;z-index:2}.gallery-compare .tags{position:absolute;inset:10px 10px auto;display:flex;justify-content:space-between;z-index:1}.gallery-compare .tags span{background:#092337dd;color:white;font-weight:bold;font-size:12px;padding:5px 8px;border-radius:5px}
/* Gallery shares the primary site navigation and footer. */
.gallery-page-hero .container{max-width:1180px}
.gallery-page-hero h1{max-width:850px}
.gallery-page-hero p{max-width:760px}
.gallery-status{max-width:760px;margin:27px 0 8px;padding:19px 22px;background:#fff;border:1px solid #cbdfea;border-left:4px solid #138bca;border-radius:12px;color:#24445c;line-height:1.65;box-shadow:0 6px 22px rgba(8,58,86,.04)}
.gallery-status[data-state="ready"]{border-color:#a7d7ed;border-left-color:#0787c3}
.gallery-grid:empty{display:none}
.gallery-page-hero{padding-bottom:58px}
.gallery-grid:not(:empty){margin-top:28px}
@media(max-width:640px){.gallery-status{padding:17px 18px;margin:21px 0 4px}.gallery-page-hero{padding-bottom:45px}}

.gallery-location{color:#577286;font-size:14px;margin:0 0 7px}