/* "Our completed projects" box on each service card */
.wg-box{display:flex;align-items:center;gap:14px;width:100%;margin:8px 0 16px;padding:12px 14px;border:2px solid var(--green);background:#fff;color:var(--ink);text-align:left;font:inherit;cursor:pointer;transition:background .15s,transform .15s}
.wg-box{background:var(--green);color:#fff}
.wg-box:hover{background:#1c3a2f;transform:translateY(-1px)}
.wg-box-thumbs{display:flex;flex:none;align-items:center;justify-content:center;min-width:56px;height:56px;font-size:24px}
.wg-box-thumbs img{width:56px;height:56px;object-fit:cover;border:2px solid #fff;margin-left:-18px;box-shadow:0 1px 4px rgba(0,0,0,.25)}
.wg-box-thumbs img:first-child{margin-left:0}
.wg-box-text{display:flex;flex-direction:column;min-width:0;line-height:1.3;gap:2px}
.wg-box-text strong{font-size:17px;font-weight:700}
.wg-box-text small{font-size:15px;opacity:.85}
.wg-box-arrow{margin-left:auto;font-size:22px;font-weight:700}
.wg-extra-card .card-photo img{background:#e9ecdf}
.four-categories>.wg-box{display:none}
/* Window with one service's photos */
.wg-modal-open,.wg-modal-open body{overflow:hidden}
.wg-modal{position:fixed;inset:0;z-index:900;background:rgba(15,22,18,.6);display:flex;align-items:center;justify-content:center;padding:24px}
.wg-modal[hidden]{display:none}
.wg-modal-box{background:var(--cream);width:min(1100px,100%);max-height:100%;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.35)}
.wg-modal-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid var(--line);background:#fff}
.wg-modal-head h3{font-size:clamp(19px,2vw,26px);font-weight:600;letter-spacing:-.5px}
.wg-modal-close{flex:none;width:44px;height:44px;border-radius:50%;border:0;background:#eef0e9;font-size:18px;color:var(--ink)}
.wg-modal-close:hover{background:#e2e6dc}
.wg-modal-body{overflow-y:auto;padding:22px;-webkit-overflow-scrolling:touch}
.wg-modal-project+.wg-modal-project{margin-top:30px;padding-top:26px;border-top:1px solid var(--line)}
.wg-modal-project h4{font:600 19px/1.3 Manrope,Arial,sans-serif;margin:0 0 4px;color:var(--ink)}
.wg-meta{font-size:14px!important;letter-spacing:1.2px;text-transform:uppercase;font-weight:700;color:var(--green)!important}
.wg-modal-text{font-size:16px;margin:6px 0 0!important;max-width:760px}
.wg-modal-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;margin-top:14px}
.wg-modal-grid button{padding:0;border:0;background:#e9ecdf;aspect-ratio:1;overflow:hidden;cursor:zoom-in}
.wg-modal-grid img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .4s}
.wg-modal-grid button:hover img{transform:scale(1.04)}
@media(max-width:650px){.wg-modal{padding:0}.wg-modal-box{height:100%;max-height:none}.wg-modal-head{padding:calc(12px + env(safe-area-inset-top)) 16px 12px}.wg-modal-body{padding:16px 16px calc(24px + env(safe-area-inset-bottom))}.wg-modal-grid{grid-template-columns:1fr 1fr;gap:6px}}
.wg-box .wg-box-text small{color:#e3ecd9;opacity:1}
.wg-extra-card#bathrooms .card-photo img{object-position:center 72%}