/* Shared template components; data and markup remain editable in Web Page Builder. */

/* WE Contact and FAQ */

.we-contact-section .we-contact-grid {gap:36px;align-items:start;}
.we-contact-section .we-contact-grid > div {min-width:0;}
.we-contact-section .we-contact-grid h2 {margin:0 0 18px;}
.we-contact-section .we-visit-contact {display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:20px 0;padding:18px 0;border-top:1px solid #d9ddd5;border-bottom:1px solid #d9ddd5;}
.we-contact-section .we-visit-contact > span {font-size:10px;letter-spacing:.16em;color:#70796e;margin-bottom:2px;}
.we-contact-section .we-visit-contact a {font-size:14px;line-height:1.5;overflow-wrap:anywhere;}
.we-contact-section .we-contact-photo {width:100%;aspect-ratio:16/9;object-fit:cover;margin-top:18px;}
.we-contact-section .we-contact-area iframe {display:block;width:100%;height:270px;border:0;border-radius:5px;margin-top:18px;}
@media(min-width:641px) and (max-width:1000px){
.we-contact-section .we-contact-grid {grid-template-columns:repeat(2,minmax(0,1fr));gap:36px;}
.we-contact-section #questions {grid-column:1/-1;padding-top:28px;border-top:1px solid #d9ddd5;}
}
@media(max-width:640px){.we-contact-section .we-contact-grid {grid-template-columns:1fr;gap:32px;}.we-contact-section .we-contact-area,.we-contact-section #questions {padding-top:28px;border-top:1px solid #d9ddd5;}}

.we-contact-section .we-visit-contact a {margin:0!important;padding:0!important;}.we-contact-section .we-contact-area iframe {height:300px!important;max-height:none;}@media(max-width:640px){.we-contact-section .we-contact-area iframe {height:240px!important;}}
/* WE Design Footer */

.we-design-footer .we-footer-brand .we-footer-logo-link {display:block;width:160px;max-width:100%;margin:0 0 20px;}
.we-design-footer .we-footer-brand-logo {display:block;width:160px;max-width:100%;height:auto;max-height:none;object-fit:contain;}
.we-design-footer .we-footer-bottom {display:flex;justify-content:center!important;align-items:center;flex-wrap:wrap;gap:8px 24px;text-align:center;width:100%;}
.we-design-footer .we-footer-bottom > span {text-align:center;}
@media(max-width:600px){.we-design-footer .we-footer-bottom {flex-direction:column;gap:6px;}.we-design-footer .we-footer-brand .we-footer-logo-link,.we-design-footer .we-footer-brand-logo {width:140px;}}


.we-design-footer .we-footer-brand .we-footer-logo-link {width:112px;margin:0 0 22px;}
.we-design-footer .we-footer-brand-logo {width:112px;filter:grayscale(1) invert(1);mix-blend-mode:screen;}
.we-design-footer .we-footer-brand > p {max-width:230px;line-height:1.65;margin-top:16px;}
.we-design-footer .we-footer-main {align-items:start;}

/* Opt-in native split layout, shared by countertop planning, palette and samples. */
body.we-site .we-balanced-split .split-section-with-image.row{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,64px);align-items:center;margin:0!important}
body.we-site .we-balanced-split .split-section-with-image.row>div{width:100%!important;max-width:100%!important;min-width:0;padding:0!important;margin:0!important}
body.we-site .we-balanced-split .split-section-image{display:block;width:100%!important;height:auto!important;max-height:480px;aspect-ratio:1.08;object-fit:cover;border-radius:4px}
body.we-site .we-balanced-split .split-section-content h2{font-size:clamp(28px,3.2vw,42px)!important;line-height:1.15!important;margin:0 0 20px!important}
body.we-site .we-balanced-split .split-section-content p{margin:0 0 24px!important;max-width:48ch;line-height:1.65}
body.we-site .we-balanced-split .split-section-content>a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;margin-top:0!important}
@media(max-width:640px){body.we-site .we-balanced-split .split-section-with-image.row{grid-template-columns:minmax(0,1fr);gap:24px}body.we-site .we-balanced-split .split-section-image{max-height:380px;aspect-ratio:1.2}body.we-site .we-balanced-split .split-section-content h2{font-size:30px!important}}

/* Reserve logo space before the lazy image loads, without distorting future logos. */
.we-design-footer .we-footer-brand-logo{aspect-ratio:auto 566 / 476;}