/* Solutions for Every Space (class: solutions-space-section) */
.zsol{--zs-ink:var(--zip-ink,#14263d);--zs-blue:var(--zip-blue,#0a6cc4);--zs-gap:1vw;--zs-v:3;
position:relative;z-index:2;width:100%;background:#eef5fc var(--zs-bg) center/cover no-repeat;overflow-x:clip;padding:4.5vw 0 5vw;color:var(--zs-ink)}
.zsol *,.zsol *::before,.zsol *::after{box-sizing:border-box}

.zsol__top{position:relative;z-index:3;text-align:center;padding:0 6vw}
.zsol .zsol__title{margin:0 0 1vw;font-size:var(--zip-h3-size);font-weight:700;line-height:1.15;letter-spacing:0;text-transform:uppercase;color:var(--zs-ink)}
.zsol__accent{color:var(--zs-blue)}
.zsol .zsol__desc{margin:0 auto 3vw;max-width:36em;font-size:clamp(13px,1.111vw,24px);font-weight:400;line-height:1.6;color:var(--zs-ink)}

.zsol__bottom{position:relative;z-index:3;padding:0 6vw}
.zsol__slider{position:relative}
.zsol__viewport{overflow:hidden;border-radius:1.2vw;padding:.4vw 0 1.4vw;margin:-.4vw 0 -1.4vw}
.zsol__track{display:flex;gap:var(--zs-gap);will-change:transform}
.zsol__card{flex:0 0 calc((100% - var(--zs-gap)*(var(--zs-v) - 1))/var(--zs-v));display:flex;flex-direction:column;overflow:hidden;border-radius:1.1vw;background:rgba(255,255,255,.78);box-shadow:0 .6vw 1.6vw rgba(20,38,61,.08);text-decoration:none;color:inherit}
.zsol__media{display:block;width:100%;aspect-ratio:1.5;background:#cfd8e3 center/cover no-repeat}
.zsol__body{display:flex;align-items:center;justify-content:space-between;gap:1vw;padding:1.5vw 1.6vw 1.7vw}
.zsol__text{display:block;min-width:0}
.zsol .zsol__text h4{margin:0 0 .4vw;font-size:clamp(16px,1.45vw,28px);font-weight:700;line-height:1.2;letter-spacing:0;text-transform:none;color:var(--zs-ink)}
.zsol__cdesc{display:block;font-size:clamp(12px,1.02vw,19px);line-height:1.5;color:var(--zs-ink)}
.zsol__go{flex:none;display:flex;align-items:center;justify-content:center;width:2.3vw;height:2.3vw;min-width:28px;min-height:28px;border:.16vw solid var(--zs-blue);border-width:max(2px,.16vw);border-radius:50%;color:var(--zs-blue);transition:background .2s,color .2s}
.zsol__go-i{display:block;width:52%;height:38%;background:currentColor;-webkit-mask:var(--i) center/contain no-repeat;mask:var(--i) center/contain no-repeat}
.zsol__card:hover .zsol__go{background:var(--zs-blue);color:#fff}

.zsol__nav{position:absolute;top:50%;z-index:5;display:flex;align-items:center;justify-content:center;width:2.9vw;height:2.9vw;min-width:34px;min-height:34px;margin-top:-1.45vw;padding:0;border:0;border-radius:50%;background:#fff;box-shadow:0 .3vw 1vw rgba(20,38,61,.18);color:var(--zs-blue);cursor:pointer;transition:transform .2s,box-shadow .2s}
.zsol__nav:hover{transform:scale(1.08);box-shadow:0 .4vw 1.2vw rgba(20,38,61,.26)}
.zsol__nav--prev{left:-4.4vw}
.zsol__nav--next{right:-4.4vw}
.zsol__chev{display:block;width:44%;height:44%;background:currentColor;-webkit-mask:var(--zs-chev) center/contain no-repeat;mask:var(--zs-chev) center/contain no-repeat}
.zsol__nav--prev .zsol__chev{transform:rotate(180deg)}

/* plant 5: behind the slider, right edge, vertically centred on it. The cut edge is the right one, pushed past the viewport. */
.zsol__plant{position:absolute;right:-1.3vw;top:calc(56% - 8vw);width:7.4vw;z-index:1;pointer-events:none}
.zsol__plant img{display:block;width:100%;height:auto}
.zsol__plant-in,.zsol__plant img{transform-origin:100% 50%}

.zsol.zs-pre [data-zs],.zsol.zs-pre .zsol__plant-in{opacity:0}

@media (max-width:1024px){
.zsol{--zs-v:2;--zs-gap:14px;padding:56px 0 64px}
.zsol__top{padding:0 20px}
.zsol .zsol__title{font-size:var(--zip-h3-size);margin-bottom:12px}
.zsol .zsol__desc{font-size:16px;margin-bottom:30px}
.zsol__bottom{padding:0 60px}
.zsol__viewport{border-radius:14px;padding:4px 0 16px;margin:-4px 0 -16px}
.zsol__card{border-radius:14px;box-shadow:0 6px 18px rgba(20,38,61,.08)}
.zsol__body{padding:16px 18px 18px;gap:12px}
.zsol .zsol__text h4{font-size:18px;margin-bottom:4px}
.zsol__cdesc{font-size:13px}
.zsol__nav{width:36px;height:36px;margin-top:-18px}
.zsol__nav--prev{left:-48px}
.zsol__nav--next{right:-48px}
.zsol__plant{width:11vw;right:-2vw;top:calc(58% - 12vw)}
}
@media (max-width:767px){
.zsol{--zs-v:1;padding:44px 0 30vw}
.zsol__top{padding:0 15px}
.zsol .zsol__title{font-size:var(--zip-h3-size)}
.zsol .zsol__desc{font-size:16px}
.zsol__bottom{padding:0 54px}
.zsol__body{flex:1;align-items:flex-end;padding:14px 16px 16px}
.zsol__nav{top:50%;margin-top:-18px}
.zsol__nav--prev{left:-46px}
.zsol__nav--next{right:-46px}
.zsol__plant{width:22vw;right:-4vw;top:auto;bottom:3vw}
}
/* the circular arrow is a real link now */
a.zsol__go{text-decoration:none;cursor:pointer;transition:background .2s,color .2s,transform .2s}
a.zsol__go:hover,a.zsol__go:focus-visible{background:var(--zs-blue);color:#fff;transform:scale(1.06);outline:0}