[data-ss-theme=leaf]{--ss-bg:color-mix(in srgb, var(--color-eco-green-leaf) 42%, white);--ss-ink:color-mix(in srgb, var(--color-eco-green-deep) 78%, black)}[data-ss-theme=sand]{--ss-bg:var(--color-eco-sand);--ss-ink:color-mix(in srgb, var(--color-eco-earth) 72%, black)}[data-ss-theme=mist]{--ss-bg:color-mix(in srgb, var(--color-eco-green-deep) 16%, white);--ss-ink:var(--color-eco-green-deep)}[data-ss-theme=clay]{--ss-bg:color-mix(in srgb, var(--color-eco-earth) 24%, white);--ss-ink:color-mix(in srgb, var(--color-eco-earth) 72%, black)}[data-ss-theme=olive]{--ss-bg:color-mix(in srgb, var(--color-eco-green-leaf) 55%, var(--color-eco-sand));--ss-ink:color-mix(in srgb, color-mix(in srgb, var(--color-eco-green-deep) 50%, var(--color-eco-earth)) 80%, black)}[data-ss-theme=sage]{--ss-bg:color-mix(in srgb, var(--color-eco-green-deep) 22%, var(--color-eco-sand));--ss-ink:color-mix(in srgb, var(--color-eco-green-deep) 55%, var(--color-eco-ink))}[data-ss-theme=wheat]{--ss-bg:color-mix(in srgb, var(--color-eco-earth) 16%, color-mix(in srgb, var(--color-eco-green-leaf) 22%, var(--color-eco-sand)));--ss-ink:color-mix(in srgb, var(--color-eco-earth) 60%, black)}.solutions-slider{--ss-chrome:calc(4rem + 56px);--ss-center-y:40%;--ss-cutout:min(54vw, 36svh);background:var(--ss-bg);color:var(--ss-ink);transition:background-color var(--duration-eco-slow) var(--ease-eco-in-out), color var(--duration-eco-base) var(--ease-eco-in-out);position:relative;overflow:hidden}@media (width>=48rem){.solutions-slider{--ss-chrome:5.3rem;--ss-center-y:46%;--ss-cutout:min(34vw, 50svh)}}.solutions-slider.has-js{height:max(36rem, calc(100svh - var(--ss-chrome)))}.ss-mark{z-index:4;text-align:center;pointer-events:none;flex-direction:column;align-items:center;margin:0;padding-top:1.25rem;line-height:1;display:flex;position:relative}.has-js .ss-mark{position:absolute;inset:0 0 auto}.ss-mark__brand{font:800 clamp(1.5rem, 3.2vw, 2.5rem) / 1 var(--font-display);letter-spacing:-.03em}.ss-mark__sub{font:700 clamp(.7rem, 1.1vw, .875rem) / 1 var(--font-sans);letter-spacing:.32em;text-transform:uppercase;margin-top:.25rem}.ss-slide{min-height:36rem;color:var(--ss-ink);position:relative}.has-js .ss-stage,.has-js .ss-slide{position:absolute;inset:0}.has-js .ss-slide{z-index:1;visibility:hidden;min-height:0}.has-js .ss-slide.is-active,.has-js .ss-slide.is-leaving{visibility:visible}.has-js .ss-slide.is-active{z-index:2}.has-js .ss-slide.is-entering{z-index:3}@media (prefers-reduced-motion:no-preference){.has-js:not(.is-ready) .ss-slide.is-active :is([data-ss-layer],[data-ss-word]){opacity:0}}.ss-slide__bg{background:var(--ss-bg);position:absolute;inset:0}.ss-word{inset:auto 0;top:var(--ss-center-y);z-index:1;font:800 min(calc((100vw - 2rem) / (var(--ss-chars) * .74)), 30svh) / .85 var(--font-display);letter-spacing:-.04em;white-space:nowrap;color:var(--ss-ink);pointer-events:none;-webkit-user-select:none;user-select:none;justify-content:center;margin:0;display:flex;position:absolute;translate:0 -50%}.ss-word span{display:inline-block}.ss-word>span>span{--near:0;scale:calc(1 + var(--near) * .45) calc(1 + var(--near) * .2);filter:blur(calc(var(--near) * 16px));color:color-mix(in srgb, var(--ss-ink) calc(100% - var(--near) * 15%), var(--ss-bg));transition:scale var(--duration-eco-slower) var(--ease-eco-out), filter var(--duration-eco-slower) var(--ease-eco-out), color var(--duration-eco-slower) var(--ease-eco-out)}.ss-layer{--w:var(--ss-cutout);z-index:2;width:var(--w);aspect-ratio:1;pointer-events:none;position:absolute}.ss-layer--cutout{left:calc(50% - var(--w) / 2);top:calc(var(--ss-center-y) - var(--w) / 2)}.ss-layer--float-left{--w:calc(var(--ss-cutout) * .32);left:calc(50% - var(--ss-cutout) * .62 - var(--w) / 2);top:calc(var(--ss-center-y) - var(--ss-cutout) * .12)}.ss-layer--float-top{--w:calc(var(--ss-cutout) * .24);z-index:1;left:calc(50% + var(--ss-cutout) * .42);top:calc(var(--ss-center-y) - var(--ss-cutout) * .78)}.ss-layer--float-front{--w:min(30vw, 40svh);z-index:3;left:calc(var(--w) * -.2);bottom:calc(var(--w) * -.22);display:none}@media (width>=48rem){.ss-layer--float-front{display:block}}.ss-layer--float-front .ss-float{filter:blur(6px)}.ss-parallax,.ss-float{width:100%;height:100%}.ss-parallax{--ss-depth:0;translate:calc(var(--ss-px,0) * var(--ss-depth) * 1px) calc(var(--ss-py,0) * var(--ss-depth) * 1px);transition:translate var(--duration-eco-slow) var(--ease-eco-out)}.ss-layer--cutout .ss-parallax{--ss-depth:8}.ss-layer--float-left .ss-parallax{--ss-depth:16}.ss-layer--float-top .ss-parallax{--ss-depth:12}.ss-layer--float-front .ss-parallax{--ss-depth:28}.ss-float img{object-fit:contain;width:100%;height:100%;filter:drop-shadow(0 18px 24px color-mix(in srgb, var(--color-eco-ink) 22%, transparent));display:block}.ss-placeholder{background:color-mix(in srgb, var(--ss-ink) 9%, var(--ss-bg));border-radius:50%;place-items:center;width:100%;height:100%;display:grid}.ss-layer--cutout .ss-placeholder{border-radius:18% 18% 28% 28%;width:72%;margin-inline:auto;rotate:-8deg}.ss-placeholder:has(span){border:2px dashed color-mix(in srgb, var(--ss-ink) 45%, transparent)}.ss-placeholder span{font:700 .6875rem / 1.2 var(--font-sans);letter-spacing:.08em;text-align:center;text-transform:uppercase;color:var(--ss-ink);padding:.25rem}.ss-copy{z-index:3;text-align:center;flex-direction:column;align-items:center;gap:.75rem;width:min(32rem,100% - 2rem);margin-inline:auto;padding-block:1rem 6rem;display:flex;position:relative}.has-js .ss-copy{padding:0;position:absolute;inset:auto 0 5.25rem}@media (width>=48rem){.has-js .ss-copy{bottom:1.75rem}}.ss-copy__title{font:800 .8125rem / 1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;margin:0}.ss-copy__summary{margin:0;font-size:.9375rem;line-height:1.5}.ss-nav,.ss-thumbs{z-index:5;gap:.375rem;display:flex;position:absolute;bottom:1rem}.ss-nav[hidden],.ss-thumbs[hidden]{display:none}.ss-nav{left:1rem}.ss-thumbs{gap:.25rem;margin:0;padding:0;list-style:none;right:1rem}@media (width>=48rem){.ss-nav{bottom:1.75rem;left:1.5rem}.ss-thumbs{gap:.5rem;bottom:1.75rem;right:1.5rem}}.solutions-slider .btn-icon{--btn-line:var(--ss-ink);--btn-flood:var(--ss-ink);background:color-mix(in srgb, var(--color-eco-surface) 55%, transparent);color:var(--ss-ink);border-radius:999px}.solutions-slider .btn-icon:hover{color:var(--ss-bg)}.ss-thumb{color:var(--ss-ink);cursor:pointer;background:0 0;border:0;align-items:center;gap:.75rem;padding:0;display:flex}.ss-thumb__label{display:none}.ss-thumb__dot{border:2px solid color-mix(in srgb, var(--ss-ink) 30%, transparent);background:var(--ss-bg);width:30px;height:30px;color:var(--ss-ink);font:800 .75rem / 1 var(--font-display);transition:border-color var(--duration-eco-fast) var(--ease-eco-out), scale var(--duration-eco-base) var(--ease-eco-out);border-radius:50%;flex:none;place-items:center;display:grid;overflow:hidden}@media (width>=48rem){.ss-thumb__dot{width:44px;height:44px;font-size:1rem}}.ss-thumb__dot img{object-fit:contain;width:100%;height:100%}.ss-thumb:hover .ss-thumb__dot,.ss-thumb[aria-current=true] .ss-thumb__dot{border-color:var(--ss-ink);scale:1.12}.ss-thumb:focus-visible{outline:none}.ss-thumb:focus-visible .ss-thumb__dot{outline:3px solid var(--ss-ink);outline-offset:2px}@media (width>=64rem){.ss-thumbs{flex-direction:column;align-items:flex-end;gap:.625rem;top:50%;bottom:auto;right:1.75rem;translate:0 -50%}.ss-thumb__label{font:700 .75rem / 1.2 var(--font-sans);letter-spacing:.1em;text-align:right;text-transform:uppercase;opacity:.6;transition:opacity var(--duration-eco-fast) var(--ease-eco-out), translate var(--duration-eco-base) var(--ease-eco-out);display:block}.ss-thumb:hover .ss-thumb__label,.ss-thumb[aria-current=true] .ss-thumb__label{opacity:1;translate:-.25rem}.ss-thumb[aria-current=true] .ss-thumb__label{font-weight:800}.ss-word{font-size:min(calc((100vw - 30rem) / (var(--ss-chars) * .74)), 30svh)}}@media (prefers-reduced-motion:no-preference){.has-js .ss-slide.is-active:not(.is-entering) .ss-layer--cutout .ss-float{animation:5s ease-in-out infinite ss-approach-cutout}.has-js .ss-slide.is-active:not(.is-entering) .ss-layer--float-left .ss-float{animation:5s ease-in-out infinite ss-approach-left}.has-js .ss-slide.is-active:not(.is-entering) .ss-layer--float-top .ss-float{animation:4.5s ease-in-out infinite ss-sway}.has-js .ss-slide.is-active:not(.is-entering) .ss-layer--float-front .ss-float{animation:7s ease-in-out infinite ss-bob}}@keyframes ss-approach-cutout{0%,to{transform:none}50%{transform:translate(-4%,1.5%)rotate(-1.5deg)}}@keyframes ss-approach-left{0%,to{transform:none}50%{transform:translate(24%,-6%)rotate(8deg)}}@keyframes ss-sway{0%,to{transform:none}25%{transform:rotate(10deg)}75%{transform:rotate(-10deg)}}@keyframes ss-bob{0%,to{transform:none}50%{transform:translateY(3%)rotate(1.5deg)}}
