.group-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:51% 49%;grid-template-rows:minmax(0,1fr);height:clamp(510px,40vw,740px);background:#b5dffc url('assets/hero-scene-v2.png') center/100% 100% no-repeat;overflow:clip}
.group-hero-copy{padding:7.5% 0 100px 8%;z-index:5;align-self:center;pointer-events:none}.group-hero-copy a{pointer-events:auto}.group-hero-copy h1{font-size:clamp(73px,7.45vw,140px);line-height:.93;letter-spacing:-.063em;margin:28px 0 20px;white-space:nowrap}.group-hero-copy>p:not(.eyebrow){font-size:clamp(13px,1.4vw,21px);letter-spacing:-.025em;max-width:600px}.group-hero-copy .hero-actions{margin-top:27px}.group-stage{position:relative;min-width:0;height:100%;z-index:2;pointer-events:none}.product-group{position:absolute;inset:0;opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .65s,transform .85s cubic-bezier(.22,.8,.25,1),visibility .65s}.product-group.is-active{opacity:1;visibility:visible;transform:none}.group-product{position:absolute;aspect-ratio:1;display:block;pointer-events:none;filter:drop-shadow(12px 20px 9px #16314835);transform-origin:50% 92%}.group-product img{height:100%;width:100%;max-width:none;object-fit:contain;pointer-events:auto;transition:translate .4s}.group-product:hover img{translate:0 -6px}.featured-mop{height:110%;left:-25%;bottom:0;rotate:-7deg;z-index:1}.featured-vacuum{height:98%;left:2%;bottom:-.5%;z-index:2}.manual-bucket{height:76%;left:-27%;bottom:5%;z-index:3}.manual-mop{height:104%;left:-4%;bottom:0;rotate:-8deg;z-index:2}.manual-brush{height:90%;left:29%;bottom:6%;z-index:1}.electric-vacuum{height:98%;left:-26%;bottom:1%;z-index:2}.electric-robot{height:38%;left:11%;bottom:-1%;z-index:3}.electric-brush{height:80%;left:28%;bottom:4%;z-index:1}.group-hero-bottom{position:absolute;z-index:8;left:4%;right:3%;bottom:22px;display:flex;justify-content:space-between;gap:20px;align-items:flex-end}.group-tabs{display:flex;gap:27px}.group-tabs button{min-height:44px;font-size:11px;padding:10px 0;border-bottom:1px solid transparent;white-space:nowrap}.group-tabs button>span{font-size:8px;opacity:.6;margin-right:7px}.group-tabs button[aria-pressed=true]{border-bottom-color:var(--ink);font-weight:700}.group-navigation{display:flex;align-items:center;gap:8px}.group-navigation>a{font-size:10px;font-weight:600;margin-right:14px}.group-navigation>a span{margin-left:10px}.group-navigation .round-control{width:34px;height:34px;font-size:16px;background:#fff7;border-color:#08276e22}.group-counter{font-size:9px;white-space:nowrap}.group-navigation .group-pause{font-size:11px}
@media(min-width:1600px){.group-hero-copy{padding-top:6%;padding-bottom:110px}.group-hero-copy h1{font-size:clamp(120px,7.4vw,150px)}}
@media(max-width:1050px){.group-hero{height:590px}.group-hero-copy{padding-top:0;padding-bottom:120px}.group-hero-copy h1{font-size:76px}.group-hero-copy>p:not(.eyebrow){max-width:350px;font-size:15px}.featured-mop{left:-46%;height:102%;bottom:6%}.featured-vacuum{left:-8%;height:90%;bottom:5%}.group-tabs{gap:18px}.group-navigation>a{display:none}.manual-bucket{height:62%;left:-29%;bottom:8%}.manual-mop{height:87%;left:-21%;bottom:6%}.manual-brush{height:81%;left:13%;bottom:7%}.electric-vacuum{height:91%;left:-47%;bottom:6%}.electric-brush{height:72%;left:6%;bottom:9%}.electric-robot{height:32%;left:6%;bottom:3%}}
@media(max-width:760px){.group-hero{display:block;height:auto;min-height:740px;background-size:100% 100%;background-position:center}.group-hero-copy{padding:37px 6% 0;position:relative;pointer-events:auto}.group-hero-copy h1{font-size:clamp(52px,10.3vw,78px);margin:25px 0 18px}.group-hero-copy>p:not(.eyebrow){font-size:13px;max-width:300px;line-height:1.5}.group-hero-copy .hero-actions{gap:25px;margin-top:22px}.group-stage{height:380px;margin-top:6px}.featured-mop{height:110%;left:-22%;bottom:-1%;rotate:-8deg}.featured-vacuum{height:102%;left:5%;bottom:-2%}.manual-bucket{height:75%;left:-13%;bottom:0}.manual-mop{height:103%;left:5%;bottom:0}.manual-brush{height:89%;left:34%;bottom:5%}.electric-vacuum{height:103%;left:-19%;bottom:0}.electric-robot{height:34%;left:28%;bottom:-3%}.electric-brush{height:78%;left:38%;bottom:4%}.group-hero-bottom{position:relative;left:auto;right:auto;bottom:auto;display:block;padding:2px 6% 17px}.group-tabs{justify-content:space-between;gap:7px}.group-tabs button{font-size:10px;min-height:44px;white-space:normal}.group-tabs button>span{display:none}.group-navigation{justify-content:flex-end;margin-top:14px;gap:7px}.group-navigation>a{display:block;margin-right:auto;font-size:10px}.group-navigation .round-control{width:32px;height:32px}.group-counter{font-size:8px}}
@media(max-width:370px){.group-hero{min-height:700px}.group-hero-copy h1{font-size:45px}.group-hero-copy>p:not(.eyebrow){font-size:11px;max-width:270px}.group-hero-copy .hero-actions{gap:22px}.group-stage{height:335px}.group-navigation>a{font-size:9px}.group-tabs button{font-size:9px}}
@media(prefers-reduced-motion:reduce){.product-group,.group-product img{transition:none}.group-product:hover img{translate:none}}