.eco-image-hero{isolation:isolate;background:#f7faf6;position:relative;overflow:hidden}.eco-hero-image{object-fit:cover;object-position:center;z-index:-2;width:100%;height:100%;position:absolute;inset:0}.eco-image-hero:after{content:"";z-index:-1;background:linear-gradient(90deg,#f9fcf9 0%,#f9fcf9ed 36%,#f9fcf9a6 57%,#f9fcf940 100%);position:absolute;inset:0}.eco-image-hero h1{color:#102f22}.eco-image-hero .text-lede{color:#3f5e4e;text-shadow:0 1px 8px #fff}.eco-colour-page>section:nth-child(2){background:#fffdf9}.eco-product-logo{background:#fff;border:1px solid #d5e2d9;border-radius:9px;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid;overflow:hidden}.eco-product-logo img{object-fit:contain;width:34px;height:34px}.eco-colour-page .ecosystem-directory>div[role=group]>button{border-color:#c5d6ca}.eco-colour-page .ecosystem-directory>div[role=group]>button[aria-pressed=true]{color:#effff5;background:#123d28;border-color:#123d28}.eco-colour-page .ecosystem-directory li:nth-child(5n+1){--eco-tint:#e5f2e8;--eco-edge:#b2cfbb}.eco-colour-page .ecosystem-directory li:nth-child(5n+2){--eco-tint:#e8f1f9;--eco-edge:#b9d0e0}.eco-colour-page .ecosystem-directory li:nth-child(5n+3){--eco-tint:#fcede3;--eco-edge:#dfc2ac}.eco-colour-page .ecosystem-directory li:nth-child(5n+4){--eco-tint:#eeebf5;--eco-edge:#cfc5e1}.eco-colour-page .ecosystem-directory li:nth-child(5n){--eco-tint:#f4f0da;--eco-edge:#d8cea4}.eco-colour-page .directory-row{background:color-mix(in srgb,var(--eco-tint) 38%,white);box-shadow:inset 3px 0 var(--eco-edge)}.eco-colour-page .directory-row:hover,.eco-colour-page .directory-row[aria-pressed=true]{background:var(--eco-tint)}.eco-colour-page .directory-row[aria-pressed=true]{box-shadow:inset 3px 0 #126c43}.eco-colour-page .directory-detail{background:#e8f1f9;border-top-color:#172e21}.eco-colour-page .directory-detail .bg-paper{background:#f7fbff}.eco-colour-page>section:last-child{background:#faf8f0}.eco-colour-page dl>div:first-child{border-color:#a9cbb4}.eco-colour-page dl>div:nth-child(2){border-color:#adc9dd}.eco-colour-page dl>div:nth-child(3){border-color:#ddbea7}@media (width<=650px){.eco-hero-image{object-position:65% center;opacity:.4}.eco-image-hero:after{background:linear-gradient(90deg,#f9fcf9ee,#f9fcf9a0)}.eco-colour-page .directory-detail{background:#e8f1f9}}.eco-colour-page>.eco-image-hero .eco-hero-image{object-fit:contain;object-position:right bottom;opacity:1;filter:none;width:100%;height:78%;inset:auto 0 0 auto}.eco-colour-page>.eco-image-hero{background:#f4f8ef}.eco-colour-page>.eco-image-hero .text-lede{text-shadow:none;position:relative}@media (width<=1000px){.eco-colour-page>.eco-image-hero .eco-hero-image{height:65%}.eco-colour-page>.eco-image-hero:after{background:linear-gradient(90deg,#f9fcf9 0%,#f9fcf9eb 30%,#0000 65%)}}@media (width<=650px){.eco-colour-page>.eco-image-hero .eco-hero-image{object-position:right bottom;width:100%;height:170px}.eco-colour-page>.eco-image-hero>.container-x{padding-bottom:175px}.eco-colour-page>.eco-image-hero:after{background:linear-gradient(#f9fcf9 0% 55%,#0000 75%)}}@media (width>=1001px){.eco-colour-page>.eco-image-hero .eco-hero-image{width:100%;height:58%;right:max(0px,50vw - 670px)}.eco-colour-page>.eco-image-hero .text-lede{padding-top:0}}.eco-colour-page>.eco-image-hero .eco-hero-image{object-fit:cover;object-position:center;opacity:1;filter:none;width:100%;height:100%;inset:0;-webkit-mask-image:none;mask-image:none}.eco-colour-page>.eco-image-hero:after{background:linear-gradient(90deg,#f9fcf92b 0%,#0000 58%)}@media (width<=650px){.eco-colour-page>.eco-image-hero .eco-hero-image{object-fit:cover;object-position:45% center;width:100%;height:100%;inset:0}.eco-colour-page>.eco-image-hero>.container-x{padding-bottom:56px}.eco-colour-page>.eco-image-hero:after{background:linear-gradient(90deg,#f9fcf9f0 0%,#f9fcf9b0 48%,#f9fcf950 100%)}}.eco-colour-page>.eco-image-hero .text-lede{background:#f9fcf9e8;border-radius:8px;box-shadow:0 0 28px 14px #f9fcf9d9}@media (width<=650px){.eco-colour-page>.eco-image-hero .text-lede{box-shadow:none;background:0 0}}.eco-colour-page>.eco-image-hero .text-lede{align-self:start}.eco-colour-page>.eco-image-hero{align-items:center;min-height:calc(33.3333vw + 68px);display:grid}.eco-colour-page>.eco-image-hero .eco-hero-image{object-fit:contain;object-position:center;opacity:1;width:100%;height:calc(100% - 68px);inset:68px 0 0;-webkit-mask-image:none;mask-image:none}.eco-colour-page>.eco-image-hero>.container-x{width:100%}@media (width<=650px){.eco-colour-page>.eco-image-hero{min-height:0;display:block}.eco-colour-page>.eco-image-hero .eco-hero-image{object-fit:contain;width:100%;height:33.3333vw;inset:auto 0 0}.eco-colour-page>.eco-image-hero>.container-x{padding-bottom:calc(33.3333vw + 24px)}.eco-colour-page>.eco-image-hero:after{background:linear-gradient(#f9fcf9 0% 60%,#0000 82%)}}