/* The product remains central. The scene gives it depth without altering packaging. */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Noto+Sans:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8fafb;--ink:#102824;--muted:#55645f;--accent:#c5ef81;--story:#0b2525;font-family:Inter,'Noto Sans',Arial,sans-serif;--studio-accent:#379477}
body[data-mode=business]{--ink:#132e40;--accent:#b9e7fb;--story:#0b1927;--studio-accent:#3a92bc}
body{overflow-x:clip}h1,h2,h3{font-family:Inter,'Noto Sans',Arial,sans-serif;letter-spacing:-.055em}h1{font-weight:600}em,body[data-mode=business] em{color:var(--studio-accent)}
.site-header{height:76px;background:#ffffffd9;border-bottom:1px solid #132e4010;padding-inline:5vw;backdrop-filter:blur(26px)}.brand{gap:14px}.brand-mark{width:128px;height:auto}.word-whitecat{font-size:20px;font-weight:700}.site-header nav{gap:30px;font-size:14px}.site-header .selection-open{border-radius:30px;background:#112e27;color:white;padding:10px 17px;font-size:13px}.selection-count{width:20px;height:20px;font-size:11px;border-color:#ffffff70}
.hero{height:170svh;min-height:1080px;background:#f8fafb}.hero-sticky{height:100svh;min-height:780px;max-height:none;padding:112px 5vw 25px;background:#f8fafb;isolation:isolate}.hero-atmosphere{position:absolute;inset:0;z-index:-3;opacity:.22;background-size:cover;background-position:center;transform:scale(calc(1 + var(--hero-p)*.1));transition:background-image .8s,opacity .8s}.hero-sticky:before{content:'';position:absolute;inset:0;z-index:-2;background:radial-gradient(ellipse at 50% 74%,#d9efe890,transparent 62%),linear-gradient(#f8fafb 10%,#f8fafb90 45%,#f8fafb00 70%,#f8fafb 100%)}body[data-mode=business] .hero-sticky:before{background:radial-gradient(ellipse at 50% 74%,#d2eaf690,transparent 62%),linear-gradient(#f8fafb 10%,#f8fafb90 45%,#f8fafb00 70%,#f8fafb 100%)}
#fluid-scene{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.82}.hero-topline{top:102px;padding-inline:5vw;pointer-events:none}.hero-topline>span{font-size:11px;letter-spacing:.11em}.motion-toggle{pointer-events:auto;font-size:12px}.audience-switch{margin:4px 0 22px;background:#e8eeebbc;border:1px solid #dce5e0;padding:4px;backdrop-filter:blur(14px)}.audience-switch button{font-size:14px;padding:9px 23px}.audience-switch button[aria-pressed=true]{background:#153d31;color:#fff;box-shadow:0 5px 15px #193e3320}body[data-mode=business] .audience-switch button[aria-pressed=true]{background:#183b52}.hero-copy{margin-bottom:0;transform:translateY(calc(var(--hero-p) * -80px)) scale(calc(1 - var(--hero-p)*.08));opacity:calc(1 - var(--hero-p)*.75)}.hero-copy .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:15px}h1{font-size:clamp(50px,5.4vw,88px);line-height:1.08;letter-spacing:-.055em}.hero-copy>p:last-child{font-size:16px;line-height:1.7;margin-top:19px}.product-orbit{width:870px;height:300px;min-height:290px;flex:1;margin-top:22px}.orbit-word{top:35%;color:#dfe9e54d;font-size:clamp(180px,24vw,360px);font-weight:800;letter-spacing:-.095em;z-index:-1}body[data-mode=business] .orbit-word{color:#dce8ec60}.orbit-product{height:285px;width:240px;bottom:18px}.orbit-product img{height:215px;max-width:200px;filter:drop-shadow(5px 27px 12px #23483d20);mix-blend-mode:multiply}.orbit-center{left:calc(50% - 120px);bottom:25px}.orbit-center img{height:260px;max-width:225px}.orbit-left{left:10%;transform:translate3d(calc(var(--hero-p)*-170px),calc(var(--hero-p)*-50px),0) rotateZ(calc(-15deg - var(--hero-p)*14deg)) rotateY(calc(var(--pointer-x)*15deg))}.orbit-right{right:10%;transform:translate3d(calc(var(--hero-p)*170px),calc(var(--hero-p)*-70px),0) rotateZ(calc(15deg + var(--hero-p)*14deg)) rotateY(calc(var(--pointer-x)*15deg))}.orbit-center{transform:translate3d(0,calc(var(--hero-p)*-5px),90px) rotateY(calc(var(--pointer-x)*14deg)) rotateX(calc(var(--pointer-y)*-6deg)) scale(calc(1 + var(--hero-p)*.35))}.orbit-product span{display:none}.hero-bottom{margin-top:10px;align-items:center}.hero-bottom .text-link{background:#153d31;color:white;border-radius:30px;padding:13px 24px;font-size:14px;gap:20px;box-shadow:0 7px 20px #173b3120}.hero-bottom .text-link span{display:none}.hero-edition{font-size:11px;letter-spacing:0}.hero-edition b{color:var(--ink);font-size:18px;margin-right:8px}.scroll-cue{font-size:12px}.scroll-cue i{border-color:#819b91}.scroll-cue i:after{animation:scrollPulse 2s ease infinite}@keyframes scrollPulse{0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(7px);opacity:1}}
.section-pad{padding:110px 8vw}.intro{padding-block:100px 110px;background:#fff}.intro h2{font-size:clamp(38px,5.4vw,78px);max-width:1100px}.intro h2 span{color:#899995}.intro .eyebrow{font-size:12px}.intro-bottom{margin-top:45px;gap:40px}.brand-note{font-size:14px}.intro-bottom>p{font-size:18px;line-height:1.7}
.scroll-story{background:#0c2927;height:310svh;min-height:2200px;color:#f5faf7}.story-sticky{min-height:740px;padding:116px 8vw 35px;isolation:isolate;background:#092c26}.story-atmosphere{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.35;z-index:-2;transition:background-image .7s}.story-sticky:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071f1ee8,#071f1e15);z-index:-1}body[data-mode=business] .story-sticky{background:#091e2c}body[data-mode=business] .story-sticky:before{background:linear-gradient(90deg,#071b2ee6,#071b2e15)}.story-head{color:#bad0c6}.story-family{color:#bff382;border-color:#bff38250;font-size:13px;letter-spacing:.16em}.story-text h2{font-size:clamp(42px,5.2vw,78px);font-weight:500;line-height:1.12}.story-text>p{color:#b9cfca;line-height:1.8;font-size:17px}.story-text .dark{background:#c5ef89;color:#133529}.story-visual{height:430px}.story-number,body[data-mode=home] .story-number{font-size:330px;color:#a4e1cd0c;left:51%;top:43%}.story-product-frame{width:310px;height:355px;border-radius:50%;background:radial-gradient(circle at 40% 30%,#f8fcff,#cde1db);gap:24px;box-shadow:25px 40px 70px #0004,0 0 80px #d4f8e20a;transform:rotate(-8deg) rotateY(-14deg)}.story-product-frame img{height:220px;width:210px;filter:drop-shadow(2px 20px 12px #06201925)}.story-product-frame span{color:#294739;font-size:12px;max-width:235px;text-align:center}.story-caption{color:#c1d2cc;font-size:11px;letter-spacing:.18em;bottom:-10px}.story-progress{gap:32px}.story-progress button{font-size:14px;color:#9aafa8;padding-block:12px}.story-progress button[aria-pressed=true]{color:#fff}.story-progress button span{background:#ffffff26;height:2px}.story-progress button span:before{background:#c5ef89}
.collection{background:#f9fbfa}.section-heading{margin-bottom:50px}.section-heading h2{font-size:clamp(40px,4.8vw,70px)}.section-heading>p{font-size:16px;line-height:1.7}.catalog-switch button{font-size:14px}.filter-chips button{font-size:14px;padding:10px 18px}.product-grid{gap:38px 20px}.product-picture{height:275px;background:#f0f4f2;border-radius:18px}.product-picture img{height:165px;width:155px}.product-picture .picture-family{font-size:11px;color:#6a8075;left:23px;top:22px}.product-picture .picture-open{bottom:19px;right:19px;border:0;background:white;width:34px;height:34px}.product-info h3{font-size:19px;font-weight:500}.product-info .product-subtitle{font-size:13px;min-height:41px}.product-info .product-category,.product-pack,.add-product{font-size:13px}.product-info .product-category{color:#417561}.add-product{text-decoration:none;border-bottom:1px solid #73897e}.catalog-status{font-size:13px}.catalog-note{font-size:13px;line-height:1.7}
.space-editorial{background:#eef4f1}.space-photo{background-position:35% center}.space-copy h2{line-height:1.13}.space-copy .text-link{font-size:14px}.solutions .solution h3{font-size:28px}.solution p{font-size:15px}.solution{padding-block:35px}.solution:hover{background:#f2f7f4}.care-section{background:#eef3f1}.care-accordions summary{font-size:16px}.care-accordions p{font-size:14px}.care-intro>p:last-child{font-size:16px}.closing{background:#0c2a26;min-height:650px}.closing h2{font-weight:500}.closing-word{color:#16453b;font-size:35vw;bottom:-7vw;letter-spacing:-.07em}.closing .eyebrow{letter-spacing:.17em;font-size:12px}.site-footer{background:#f9fbfa}.site-footer>div{font-size:13px}.product-dialog{border-radius:24px}.detail-image{background:#eaf1ee}.detail-copy h2{font-weight:500}.detail-description{font-size:16px}.detail-caution{font-size:13px}.selection-dialog .selection-count{border-color:currentColor}.no-motion .hero{height:auto;min-height:0}.no-motion .hero-sticky{height:auto;min-height:850px}.no-motion .hero-copy{transform:none;opacity:1}.no-motion .product-orbit{flex:none;height:330px}.no-motion .scroll-story{height:auto;min-height:0}.no-motion .story-sticky{position:relative;height:auto;min-height:790px}.no-motion .story-product-frame{transform:none!important}
@media(min-width:1600px){.hero-sticky{padding-top:135px}.hero-topline{top:116px}.audience-switch{margin-bottom:26px}.product-orbit{max-height:420px;margin-top:40px}.orbit-product{height:330px}.orbit-product img{height:250px}.orbit-center img{height:295px}.hero-bottom{margin-top:auto}}
@media(max-height:820px) and (min-width:761px){.hero-sticky{min-height:720px;padding-top:96px}.hero-topline{top:99px}.audience-switch{margin-bottom:17px}.hero-copy .eyebrow{margin-bottom:10px}h1{font-size:65px}.hero-copy>p:last-child{margin-top:12px;font-size:15px}.product-orbit{min-height:245px;margin-top:8px}.orbit-product{height:235px}.orbit-product img{height:190px}.orbit-center img{height:225px}.hero-bottom{margin-top:0}}
@media(max-width:1100px){.site-header nav{display:none}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.hero-topline>span{display:none}.story-layout{gap:25px}.story-product-frame{width:265px;height:310px}.story-text h2{font-size:55px}.brand-note{column-gap:20px}.intro-bottom{gap:45px}.story-visual{height:390px}}
@media(max-width:760px){.site-header{height:65px;padding-inline:20px}.brand-mark{width:94px}.word-whitecat{font-size:17px}.brand{gap:10px}.site-header .selection-open{font-size:0;padding:9px 12px;gap:0}.site-header .selection-open:before{content:'Сонголт';font-size:12px;margin-right:8px}.site-header .selection-count{font-size:11px;width:20px;height:20px}.hero{height:145svh;min-height:1050px}.hero-sticky{min-height:730px;height:100svh;padding:101px 22px 22px}.hero-topline{top:76px;justify-content:flex-end;padding-inline:22px}.motion-toggle{font-size:11px;gap:8px}.motion-toggle span{width:22px;height:22px}.audience-switch{margin:8px 0 22px}.audience-switch button{font-size:13px;padding:8px 19px}.hero-copy .eyebrow{font-size:10px;margin-bottom:17px}h1{font-size:clamp(35px,7.8vw,58px);line-height:1.14;letter-spacing:-.055em}.hero-copy>p:last-child{font-size:14px;margin-top:19px}.product-orbit{width:460px;max-width:calc(100vw - 10px);margin-top:22px;min-height:255px;height:255px}.orbit-word{font-size:210px;top:43%}.orbit-product{width:150px;height:220px;bottom:12px}.orbit-product img{height:166px;max-width:137px}.orbit-center img{height:204px;max-width:160px}.orbit-center{left:calc(50% - 75px);bottom:18px}.orbit-left{left:0}.orbit-right{right:0}.hero-bottom{margin-top:auto;gap:15px;justify-content:space-between}.hero-bottom .text-link{font-size:12px;padding:12px 18px;white-space:nowrap}.scroll-cue{font-size:11px;max-width:100px;line-height:1.6}.hero-edition{display:none}.section-pad{padding:75px 24px}.intro h2{font-size:41px;line-height:1.15}.intro-bottom{display:flex;flex-direction:column;align-items:flex-start;gap:30px;margin-top:30px}.intro-bottom>p{font-size:16px}.brand-note{font-size:12px;column-gap:22px}.scroll-story{height:290svh;min-height:2040px}.story-sticky{height:100svh;min-height:735px;padding:90px 24px 28px}.story-head{font-size:11px}.story-head .eyebrow{font-size:10px;letter-spacing:.08em}.story-layout{display:flex;flex-direction:column;gap:5px;padding:28px 0 0}.story-family{font-size:11px;margin-bottom:15px}.story-text{text-align:center}.story-text h2{font-size:40px;line-height:1.1}.story-text>p{font-size:14px;margin:19px auto;line-height:1.7;max-width:340px}.story-text .pill{font-size:12px;padding:11px 20px}.story-visual{height:260px;width:100%;margin-top:20px}.story-product-frame{width:218px;height:236px;gap:12px}.story-product-frame img{width:143px;height:160px}.story-product-frame span{max-width:180px;font-size:10px}.story-number,body[data-mode=home] .story-number{font-size:240px}.story-caption{display:none}.story-progress{gap:18px;margin-top:10px}.story-progress button{font-size:11px;line-height:1.5;padding:7px 0}.story-progress button span{margin-bottom:8px}.section-heading h2{font-size:42px;line-height:1.14}.section-heading>p{font-size:15px}.collection-tools{gap:20px}.catalog-switch button{font-size:13px}.filter-chips button{font-size:12px;padding:8px 13px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.product-picture{height:222px;border-radius:15px}.product-picture img{height:143px;width:125px}.product-picture .picture-family{font-size:10px;left:15px;top:17px}.product-picture .picture-open{width:28px;height:28px;bottom:13px;right:13px}.product-info h3{font-size:16px}.product-info .product-category{font-size:12px}.product-info .product-subtitle{font-size:12px;min-height:40px}.product-pack,.add-product{font-size:12px}.catalog-status{font-size:12px}.catalog-note{font-size:12px}.space-photo{min-height:420px}.space-copy{padding:70px 24px}.space-copy h2{font-size:42px}.solution h3,.solutions .solution h3{font-size:22px}.solution p{font-size:13px}.care-intro h2{font-size:41px}.care-accordions summary{font-size:15px}.care-accordions p{font-size:14px}.closing{min-height:520px}.closing h2{font-size:44px}.closing-word{font-size:45vw;bottom:-20px}.site-footer{padding-inline:24px}.site-footer>div{font-size:12px}.detail-layout{grid-template-columns:1fr}.detail-copy h2{font-size:28px}.detail-description{font-size:15px}.detail-image{height:220px}.detail-image img{height:165px}.no-motion .hero-sticky{min-height:750px}.no-motion .product-orbit{height:255px}.no-motion .story-sticky{min-height:760px}}
@media(max-width:390px){.hero-sticky{padding-inline:18px}.word-whitecat{font-size:16px}.brand-mark{width:88px}.hero-copy>p:last-child{font-size:13px}.product-orbit{max-width:100vw}.orbit-product{width:135px}.orbit-center{left:calc(50% - 67.5px)}.orbit-product img{max-width:120px;height:155px}.orbit-center img{max-width:145px;height:190px}.story-text h2{font-size:36px}.product-picture{height:202px}.product-picture img{width:108px;height:133px}.section-pad{padding-inline:20px}.intro h2{font-size:35px}}
@media(prefers-reduced-motion:reduce){.hero{height:auto;min-height:0}.scroll-story{height:auto;min-height:0}.hero-sticky,.story-sticky{position:relative;height:auto}.hero-copy{opacity:1;transform:none}#fluid-scene{opacity:.5}.hero-atmosphere{transform:none}}
.whitecat-mark{width:57px;height:48px;object-fit:contain;mix-blend-mode:multiply}.footer-brand .whitecat-mark{width:70px;height:60px}
.orbit-product{mix-blend-mode:multiply}.orbit-product img{transform:none}.product-orbit{isolation:auto;mix-blend-mode:multiply}
.orbit-product img[data-product="ultra-power-800018"],.orbit-product img[data-product="ultra-easy-800087"]{width:260px;max-width:none;height:330px;margin-bottom:-30px}
.orbit-product img[data-product="perform-crystal-800544"]{clip-path:inset(5% 19% 4% 20%);width:290px;max-width:none;height:290px}
@media(max-width:760px){.orbit-product img[data-product="ultra-power-800018"],.orbit-product img[data-product="ultra-easy-800087"]{width:200px;height:255px;margin-bottom:-25px}.orbit-product img[data-product="perform-crystal-800544"]{width:240px;height:240px}}
@media(max-width:760px) and (min-height:950px){.hero-sticky{height:900px;min-height:0}.hero{height:1250px}.product-orbit{flex:none;height:315px;margin-top:45px}.hero-bottom{margin-top:35px}}
@media(max-width:760px) and (max-height:949px){.product-orbit{flex:0 0 290px;height:290px;min-height:0;margin-top:24px}.hero-bottom{margin-top:auto}}
/* Present the supplied packshot inside a clipped frame; source image remains intact. */
img[data-product="home-dish"]{clip-path:inset(6% 37% 7% 37%);width:360px!important;max-width:none!important;object-fit:contain}
.orbit-product img[data-product="home-dish"]{width:340px!important;height:340px!important;flex-shrink:0;margin-bottom:-34px}
.orbit-product img[data-product="home-laundry"]{width:265px!important;height:265px!important;max-width:none!important;clip-path:inset(1% 35% 1% 33%)}
.orbit-product img[data-product="home-bathroom"]{width:290px!important;height:290px!important;max-width:none!important;clip-path:inset(0 27% 2% 29%)}
.product-picture img[data-product="home-dish"]{height:230px;position:absolute;top:30px}.story-product-frame img[data-product="home-dish"]{height:240px;margin:-12px 0 -30px}.detail-image img[data-product="home-dish"]{width:310px!important;height:310px;max-height:none}.product-picture img[data-product="home-laundry"]{width:220px;height:220px;clip-path:inset(1% 35% 1% 33%)}
@media(max-width:760px){.whitecat-mark{width:46px;height:42px}.orbit-product img[data-product="home-dish"]{width:270px!important;height:270px!important;margin-bottom:-28px}.orbit-product img[data-product="home-laundry"]{width:210px!important;height:210px!important}.orbit-product img[data-product="home-bathroom"]{width:225px!important;height:225px!important}.product-picture img[data-product="home-dish"]{height:185px;top:28px}.story-product-frame img[data-product="home-dish"]{height:185px;margin:-10px 0 -26px}.detail-image img[data-product="home-dish"]{height:230px}.product-picture img[data-product="home-laundry"]{width:170px;height:170px}}