body.eco-page{--eco-blue:#0878b9;--eco-blue-dark:#075c91;--eco-blue-pale:#f0f8fc}
.eco-page .eco-nav a:hover,.eco-page .eco-text-link,.eco-page .eco-solution a span,.eco-page .eco-photo>span{color:var(--eco-blue-dark)}
.eco-page .eco-button:hover{background:var(--eco-blue-dark)}
.eco-page .eco-gallery .eco-eyebrow,.eco-page .eco-location .eco-eyebrow,.eco-page .eco-gallery h2 span,.eco-page .eco-location h2 span{color:var(--eco-blue-dark)}
.eco-gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.eco-gallery-grid figure{margin:0;min-width:0}.eco-gallery-grid figure:first-child img{border-radius:28px 0 0 0}.eco-gallery-grid a{position:relative;display:block;overflow:hidden}.eco-page .eco-gallery-grid img{width:100%;height:210px;object-fit:cover;transition:transform .25s}.eco-gallery-grid a:hover img{transform:scale(1.035)}.eco-gallery-grid a>span{position:absolute;right:12px;bottom:12px;display:grid;place-items:center;width:32px;height:32px;background:white;color:var(--eco-blue-dark);border-radius:50%;font-size:22px}.eco-gallery-grid figcaption{padding-top:15px;font-weight:700;font-size:15px}.eco-gallery-grid small{display:block;font-size:11px;color:var(--eco-muted);font-weight:400;margin-top:3px}
.eco-location{background:var(--eco-blue-pale)}.eco-location-grid{display:grid;grid-template-columns:1fr 1.2fr;align-items:center;gap:65px}.eco-location address{margin-top:22px;font-style:normal;color:var(--eco-muted)}.eco-map-frame{width:100%;height:350px;border:0;border-radius:30px 0 30px 0;display:block}
.eco-credits{border-top:1px solid #e2e5e4;margin-top:25px;padding:23px 0 34px}.eco-credits-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-right:76px}.eco-page .eco-credits p{display:block;font-size:12px;line-height:1.9}.eco-page .eco-credits p a{color:var(--eco-blue-dark);font-weight:700;text-decoration:underline;text-underline-offset:3px}.eco-social{display:flex;gap:12px}.eco-social a{width:42px;height:42px;border:1px solid #cce0eb;border-radius:50%;display:grid;place-items:center;color:var(--eco-blue-dark);background:white}.eco-social a:hover{background:var(--eco-blue-pale)}.eco-social svg{width:21px;height:21px;fill:currentColor}.eco-social svg[fill="none"]{fill:none;stroke:currentColor;stroke-width:1.7}
.eco-page .eco-whatsapp{position:fixed;bottom:calc(22px + env(safe-area-inset-bottom,0px));right:calc(22px + env(safe-area-inset-right,0px));z-index:1000;width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:#008439;color:#fff;box-shadow:0 4px 18px #191d2e30;border:2px solid white}.eco-whatsapp>svg{width:35px;height:35px}.eco-page .eco-whatsapp:hover{background:#006d30}.eco-whatsapp>span{position:absolute;right:69px;background:var(--eco-ink);color:white;padding:7px 12px;font-size:12px;white-space:nowrap;border-radius:6px;opacity:0;pointer-events:none}.eco-whatsapp:hover>span,.eco-whatsapp:focus-visible>span{opacity:1}
@media(max-width:1000px){.eco-gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.eco-location-grid{gap:35px}}
@media(max-width:700px){.eco-gallery-grid{gap:20px}.eco-page .eco-gallery-grid img{height:160px}.eco-gallery-grid figcaption{font-size:13px}.eco-location-grid{grid-template-columns:1fr;gap:30px}.eco-map-frame{height:300px}.eco-credits-inner{flex-direction:column;align-items:flex-start;padding-right:65px}.eco-page .eco-whatsapp{width:54px;height:54px;right:calc(16px + env(safe-area-inset-right,0px));bottom:calc(16px + env(safe-area-inset-bottom,0px))}}
@media(max-width:380px){.eco-gallery-grid{grid-template-columns:1fr}.eco-page .eco-gallery-grid img{height:220px}}

.eco-page .eco-nav{flex-wrap:wrap;justify-content:center;column-gap:20px;row-gap:10px}@media(max-width:700px){.eco-page .eco-nav{justify-content:space-between;column-gap:14px;row-gap:12px}}

/* Consistent service cards with pictograms where project photographs are not yet available. */
.eco-service-illustration{height:220px;display:grid;place-items:center;background:var(--eco-blue-pale);color:var(--eco-blue-dark)}.eco-page .eco-service-illustration .eco-icon{width:76px;height:76px;stroke-width:1}.eco-solution:first-child .eco-service-illustration{border-radius:28px 0 0 0}.eco-solution{display:flex;flex-direction:column}.eco-solution-body{display:flex;flex-direction:column;flex:1}.eco-page .eco-solution .eco-enquiry-trigger{margin-top:auto}.eco-page .eco-solution-body>p{padding-bottom:22px}@media(max-width:700px){.eco-service-illustration{height:230px}}