.work-gallery{padding:78px 0;background:#fffafc;scroll-margin-top:120px}
.work-gallery [hidden]{display:none!important}
.wg-heading{text-align:center;max-width:850px;margin:0 auto 30px}
.wg-logo{display:block;width:76px;height:76px;border-radius:12px;margin:0 auto 20px}
.wg-heading .eyebrow{display:block}
.wg-heading h2{margin:16px 0 20px;font-size:clamp(2.2rem,4.2vw,3.7rem)}
.wg-heading h2 em{color:#b81966;font-weight:400}
.wg-heading p{color:#65656f;margin-bottom:14px}
.wg-heading .wg-trust{font-size:13px;font-weight:700;color:#a91051;letter-spacing:.06em}
.wg-trust span{margin:0 9px}
.wg-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin-bottom:28px}
.wg-filters button{border:1px solid #e2d7de;background:#fff;color:#58505a;border-radius:100px;padding:10px 20px;font-size:14px;font-weight:600;min-height:46px}
.wg-filters button[aria-pressed=true]{background:#151519;color:#fff;border-color:#151519}
.wg-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px 20px}
.wg-card{display:flex;flex-direction:column;min-width:0;background:#fff;border:1px solid #eee4ea;border-radius:14px;overflow:hidden;box-shadow:0 3px 16px #32162508}
.wg-photo{display:block;min-width:0;color:inherit;text-decoration:none}
.wg-services-anchor{display:block;height:0;scroll-margin-top:120px}
.wg-image{position:relative;aspect-ratio:4/3;overflow:hidden;background:#f1edf0}
.wg-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .2s ease}
.wg-photo:hover .wg-image img{transform:scale(1.025)}
.wg-enlarge{position:absolute;right:12px;bottom:12px;width:33px;height:33px;display:grid;place-items:center;border-radius:50%;background:#151519da;color:#fff;font-size:21px}
.wg-caption{padding:17px 18px 0;flex:1}
.wg-category{display:block;font-size:11px;letter-spacing:.1em;font-weight:700;text-transform:uppercase;color:#a91051}
.wg-title{display:block;font-family:'Playfair Display',Georgia,serif;font-size:19px;font-weight:600;line-height:1.35;margin:7px 0 9px}
.wg-description{font-size:13px;line-height:1.65;color:#65656f;margin:0 0 18px}
.wg-quote{display:flex;align-items:center;gap:7px;align-self:flex-start;min-height:44px;margin:0 18px 15px;color:#bd104f;font-size:13px;font-weight:700;text-decoration:none}
.wg-quote:hover,.wg-viewer-quote:hover{text-decoration:underline;text-underline-offset:4px}
.wg-quote:focus-visible,.wg-viewer-quote:focus-visible{outline:3px solid #ca1457;outline-offset:4px}
.wg-viewer-quote{display:flex;align-items:center;justify-content:center;gap:8px;min-height:44px;margin-top:14px;color:#ff8abb;font-size:14px;font-weight:700;text-decoration:none}
.wg-more-wrap{text-align:center;margin:30px 0 0}
.wg-more{border:1px solid #d8cbd3;border-radius:8px;background:#fff;color:#242429;padding:13px 23px;font-size:15px;font-weight:700;min-height:48px}
.wg-status{text-align:center;color:#65656f;font-size:13px;margin:15px 0 0}
.wg-status:empty{display:none}
.wg-cta{background:#ffeaf3;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:30px;border-radius:16px;margin-top:38px}
.wg-cta h3{font-size:25px;margin-bottom:9px}
.wg-cta p{color:#655660;margin:0;font-size:15px}
.wg-cta .btn{flex-shrink:0}
.wg-filters button:hover,.wg-more:hover{border-color:#b81966}
.wg-photo:focus-visible,.work-gallery button:focus-visible{outline:3px solid #ca1457;outline-offset:4px}
.wg-viewer{width:min(1120px,94vw);max-width:94vw;max-height:92vh;max-height:92dvh;padding:18px;border:0;border-radius:16px;background:#151519;color:#fff;box-shadow:0 20px 90px #0009}
.wg-viewer::backdrop{background:#09090beb}
.wg-viewer-top,.wg-viewer-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}
.wg-viewer-top{margin-bottom:14px}
.wg-viewer-brand{display:block;color:#ff8abb;font-size:12px;letter-spacing:.03em;margin-bottom:5px}
.wg-viewer h3{font-family:'DM Sans',Arial,sans-serif;font-size:18px;margin:0;line-height:1.4}
.wg-viewer button{color:#fff;background:#29242b;border:1px solid #5c4955;border-radius:7px;font-size:14px;padding:10px 14px;min-height:44px;flex-shrink:0}
.wg-viewer .wg-close{align-self:flex-start}
.wg-viewer-image{display:block;width:100%;height:auto;max-height:calc(92vh - 233px);max-height:calc(92dvh - 233px);object-fit:contain;margin:0 auto;background:#151519}
.wg-viewer-bottom{margin-top:14px}
.wg-counter{color:#e3dce1;font-size:13px;text-align:center}
@media(min-width:981px){.nav .links{gap:16px;font-size:13px}}
@media(min-width:981px) and (max-width:1200px){.nav .links{gap:9px;font-size:12px}.nav .links .btn{padding:13px 12px;font-size:12px}}
@media(max-width:600px){.work-gallery{padding:48px 0;scroll-margin-top:86px}.work-gallery .container{padding:0 18px}.wg-heading{margin-bottom:24px}.wg-logo{width:64px;height:64px;margin-bottom:16px}.wg-heading h2{font-size:clamp(29px,7.2vw,38px);line-height:1.12}.wg-heading p{font-size:15px}.wg-heading .wg-trust{font-size:12px}.wg-filters{gap:7px;margin-bottom:22px}.wg-filters button{padding:10px 16px;font-size:13px}.wg-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.wg-image{aspect-ratio:1/1}.wg-caption{padding:12px}.wg-title{font-size:13px}.wg-category{font-size:11px;letter-spacing:.04em}.wg-enlarge{width:29px;height:29px;right:8px;bottom:8px;font-size:18px}.wg-cta{flex-direction:column;text-align:center;padding:26px 20px;gap:20px}.wg-cta h3{font-size:24px}.wg-cta .btn{width:100%}.wg-viewer{padding:12px}.wg-viewer-top{gap:10px}.wg-viewer-brand{font-size:11px}.wg-viewer h3{font-size:15px}.wg-viewer button{font-size:12px;padding:10px}.wg-counter{font-size:12px}}
@media(prefers-reduced-motion:reduce){.wg-image img{transition:none}.wg-photo:hover .wg-image img{transform:none}}

/* Owner-selected comparison: use the existing website card, not the mockup UI. */
.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"] .wg-image img{object-fit:cover}
.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"]:hover .wg-image img{transform:none}
.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"] .wg-image::before,.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"] .wg-image::after{position:absolute;top:10px;z-index:1;background:#a91051;color:#fff;border-radius:5px;padding:5px 8px;font-size:10px;line-height:1.3;letter-spacing:.08em;font-weight:700}
.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"] .wg-image::before{content:"BEFORE";left:10px}
.wg-photo[href="/gallery/sq-baseboard-before-after-20261013-v2.webp"] .wg-image::after{content:"AFTER";left:calc(50% + 10px)}

/* Keep both owner-confirmed shower photographs and their labels fully visible. */
.wg-photo[href="/gallery/sq-shower-before-after-20261014.webp"] .wg-image img{object-fit:contain}
.wg-photo[href="/gallery/sq-shower-before-after-20261014.webp"]:hover .wg-image img{transform:none}

.wg-photo[href="/gallery/sq-living-room-before-after-20261014.webp"] .wg-image img{object-fit:contain}
.wg-photo[href="/gallery/sq-living-room-before-after-20261014.webp"]:hover .wg-image img{transform:none}

@media(max-width:600px){.wg-caption{padding:12px 12px 0}.wg-title{font-size:16px}.wg-description{font-size:12px}.wg-quote{margin:0 12px 12px}.wg-services-anchor{scroll-margin-top:86px}}