/* Mieses: light, water, glass. Motion enhances the real photography. */
.clean-experience{--clean-ease:cubic-bezier(.16,1,.3,1)}
.clean-experience .mx-hero{background:radial-gradient(ellipse at 85% 20%,#d9f5ff 0,transparent 50%),#f7fcff;isolation:isolate}
.clean-experience .mx-hero h1{letter-spacing:-.065em}
.clean-hero-stamp{display:flex;align-items:center;gap:10px;color:#07549a;font-size:12px;font-weight:600;margin:19px 0 0}.clean-hero-stamp svg{width:25px;height:25px;fill:#00a4dd}
.clean-experience .v4-photo-frame{border-radius:130px 24px 24px 24px;box-shadow:0 35px 90px #06356b26;overflow:hidden}
.clean-glass{position:absolute;inset:0;pointer-events:none;z-index:3;overflow:hidden}.clean-glass:before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,#ecfaff80,#fff8 45%,#c9edff44);backdrop-filter:blur(7px);clip-path:inset(0 0 0 100%)}
.clean-squeegee{position:absolute;width:14px;top:-10%;height:120%;left:103%;background:#d9eff6;box-shadow:2px 0 0 #06356b,8px 0 22px #fff8;transform:rotate(8deg);border-radius:10px}.clean-squeegee i{position:absolute;top:47%;left:0;width:80px;height:12px;background:#b8d328;border-radius:0 10px 10px 0;box-shadow:0 3px 0 #07549a}
.clean-star{position:absolute;color:white;opacity:0;text-shadow:0 0 22px #fff;font-size:60px}.star-a{top:16%;right:18%}.star-b{top:49%;left:21%;font-size:35px}
.clean-glass.is-cleaning:before{animation:clear-glass 2s var(--clean-ease) both}.clean-glass.is-cleaning .clean-squeegee{animation:squeegee-pass 2s var(--clean-ease) both}.clean-glass.is-cleaning .clean-star{animation:sparkle-once 1.4s ease-out 1.2s both}.clean-glass.is-cleaning .star-b{animation-delay:1.5s}
@keyframes clear-glass{from{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}@keyframes squeegee-pass{from{left:-15%}to{left:110%}}@keyframes sparkle-once{0%,100%{opacity:0;transform:scale(.3) rotate(-20deg)}40%{opacity:1;transform:scale(1) rotate(10deg)}70%{opacity:.7}}
.clean-experience .mx-loader-art{overflow:visible}.loader-swipe{position:absolute;inset:-25px;pointer-events:none;border-radius:50%;overflow:hidden}.loader-swipe:before{content:'';position:absolute;inset:0;background:#e7f6ffdd;animation:clear-glass 1.2s var(--clean-ease) both}.loader-swipe i{position:absolute;top:0;bottom:0;width:8px;background:#b8d328;box-shadow:3px 0 #06356b;animation:squeegee-pass 1.2s var(--clean-ease) both}.loader-bubbles i{position:absolute;border:1px solid #00a4dd66;border-radius:50%;width:35px;height:35px;top:10%;left:-12%;animation:bubble-rise 1.8s ease-out both}.loader-bubbles i:nth-child(2){top:70%;left:110%;width:18px;height:18px;animation-delay:.15s}.loader-bubbles i:nth-child(3){top:4%;left:90%;width:12px;height:12px;animation-delay:.3s}@keyframes bubble-rise{from{transform:translateY(50px);opacity:0}40%{opacity:1}to{transform:translateY(-30px);opacity:0}}
.clean-ritual{display:grid;grid-template-columns:1fr 1fr;gap:7%;padding-block:110px;align-items:center}.clean-ritual h2,.clean-social h2{font-size:clamp(38px,4.4vw,68px);line-height:1.05;letter-spacing:-.055em;margin:20px 0;color:#06356b;font-weight:650}.clean-ritual-copy>p:not(.mx-kicker),.clean-social>div>p:not(.mx-kicker){max-width:450px;line-height:1.8;color:#4c6376;font-size:16px}.clean-steps{list-style:none;padding:20px 0 0;margin:0}.clean-steps li{display:flex;gap:20px;border-top:1px solid #d9e6ed;padding:20px 0;transition:transform .5s var(--clean-ease)}.clean-steps li:hover{transform:translateX(8px)}.clean-steps li>span{font-size:12px;color:#008cba;padding-top:6px}.clean-steps h3{margin:0 0 7px;font-size:19px;font-weight:650;color:#06356b}.clean-steps p{margin:0;line-height:1.6;color:#526a7b;font-size:13px}
.clean-demo{background:#06356b;border-radius:160px 160px 24px 24px;padding:34px 34px 0;box-shadow:0 28px 70px #06356b20;position:relative}.clean-window{height:410px;position:relative;overflow:hidden;border-radius:130px 130px 6px 6px;background:linear-gradient(145deg,#c9eaf2,#efffff 70%);border:8px solid #fff;box-shadow:inset 0 0 55px #00a4dd22}.window-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,#fff9 35%,#fff9 43%,transparent 43%,transparent 51%,#fff8 51%,#fff8 54%,transparent 54%)}.window-light:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,white 49%,white 51%,transparent 51%),linear-gradient(0deg,transparent 59%,white 59%,white 61%,transparent 61%)}.window-frost{position:absolute;inset:0;background:radial-gradient(circle at 20% 20%,#fff9 0 2px,transparent 3px),linear-gradient(115deg,#b6cfd5e8,#deeff1ee);background-size:17px 29px,100% 100%;z-index:3;clip-path:inset(0 0 0 100%)}.window-squeegee{position:absolute;z-index:4;left:110%;top:0;height:110%;width:13px;background:#06356b;border:3px solid #bed4dd;border-radius:8px;transform:rotate(10deg)}.window-squeegee span{position:absolute;left:5px;top:50%;width:75px;height:14px;background:#b8d328;border-radius:0 7px 7px 0}.window-shine{position:absolute;right:15%;top:18%;color:white;text-shadow:0 0 20px #00a4dd;font-size:70px;z-index:5;opacity:0}.window-shine.second{right:65%;top:48%;font-size:40px}.clean-demo.is-cleaning .window-frost{animation:clear-glass 2.4s var(--clean-ease) both}.clean-demo.is-cleaning .window-squeegee{animation:squeegee-pass 2.4s var(--clean-ease) both}.clean-demo.is-cleaning .window-shine{animation:sparkle-once 1.7s ease-out 1.6s both}.clean-demo.is-cleaning .second{animation-delay:2s}.window-plant{position:absolute;bottom:0;left:15%;width:75px;height:150px}.window-plant b{position:absolute;bottom:0;height:55px;width:65px;background:#fff;border-radius:0 0 15px 15px;box-shadow:0 3px 25px #07549a22}.window-plant i{position:absolute;width:28px;height:100px;border-radius:95% 5% 90% 10%;background:#b8d328;bottom:40px;left:28px;transform:rotate(-25deg);transform-origin:bottom}.window-plant i:nth-child(2){transform:rotate(25deg);height:115px;background:#86ac33}.window-plant i:nth-child(3){transform:rotate(-60deg);height:75px;background:#c6de65}.clean-demo-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:23px 0;color:#fff;font-size:10px;letter-spacing:.12em;line-height:1.6}.clean-demo-footer button{background:#ffffff17;border:1px solid #fff5;border-radius:50%;width:42px;height:42px;color:white;font-size:25px;flex:none;cursor:pointer}
.heritage-flags{display:flex;align-items:center;gap:9px;margin-bottom:22px;flex-wrap:wrap;color:#6c7b85}.heritage-flags img{object-fit:cover;border-radius:3px;box-shadow:0 1px 4px #06356b22}.heritage-flags span:last-child{font-size:11px;letter-spacing:.01em;margin-left:5px;color:#07549a}
.clean-story{grid-column:1/-1;margin-top:35px;padding:55px 0 0;border-top:1px solid #cfdee7;display:grid;grid-template-columns:.8fr 1fr;gap:10%}.story-intro h3{color:#06356b;font-size:34px;letter-spacing:-.04em;line-height:1.15;margin:0 0 20px}.story-intro p,.story-timeline p{font-size:14px;line-height:1.9;color:#526a7b}.story-timeline{list-style:none;padding:0;margin:0}.story-timeline li{display:grid;grid-template-columns:70px 1fr;gap:20px;position:relative;padding:0 0 26px 20px;border-left:1px solid #cadce7}.story-timeline li:before{content:'';position:absolute;width:9px;height:9px;background:#b8d328;border:4px solid white;box-sizing:content-box;border-radius:50%;left:-9px;top:2px}.story-year{font-size:20px;color:#07549a;font-weight:650}.story-timeline h4{font-size:16px;margin:0 0 8px;color:#06356b}.story-timeline p{margin:0}
.clean-social{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center;padding-block:100px}.social-links{display:grid;gap:12px}.social-links a{display:flex;align-items:center;gap:20px;text-decoration:none;color:#06356b;border:1px solid #d6e6ed;border-radius:18px;padding:25px;position:relative;overflow:hidden;background:#f6fcff;transition:background .3s,transform .5s var(--clean-ease),box-shadow .3s}.social-links a:before{content:'';position:absolute;width:50%;height:200%;top:-50%;left:-90%;background:linear-gradient(90deg,transparent,#fff,transparent);transform:rotate(25deg);transition:left .8s}.social-links a:hover:before{left:150%}.social-links a:hover{transform:translateX(8px);box-shadow:0 12px 30px #06356b10;background:#e9f7fc}.social-symbol{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#07549a;color:white;font-size:30px;font-weight:700}.social-links strong{display:block;font-size:20px}.social-links small{display:block;margin-top:6px;font-size:12px;color:#526a7b}.social-links b{margin-left:auto;font-size:25px;font-weight:400}
.clean-experience .mx-work-grid figure{position:relative;overflow:hidden}.clean-experience .mx-work-grid figure:after{content:'';pointer-events:none;position:absolute;inset:-50%;background:linear-gradient(115deg,transparent 42%,#fff4 50%,transparent 58%);transform:translateX(-100%)}.clean-experience .mx-work-grid figure:hover:after{animation:photo-glint 1.1s ease}@keyframes photo-glint{to{transform:translateX(100%)}}
@media(max-width:800px){.clean-ritual,.clean-social{grid-template-columns:1fr;gap:40px;padding-block:65px}.clean-demo{max-width:480px;width:100%;justify-self:center;padding:25px 25px 0}.clean-window{height:340px}.clean-story{grid-template-columns:1fr;gap:30px;padding-top:35px;margin-top:15px}.clean-experience .v4-photo-frame{border-radius:80px 18px 18px 18px}.heritage-flags span:last-child{flex-basis:100%;margin:4px 0 0}.social-links a{padding:20px}.story-intro h3{font-size:30px}}
.motion-reduced .clean-glass,.motion-reduced .loader-swipe,.motion-reduced .loader-bubbles{display:none}.motion-reduced .clean-demo *,.motion-reduced .clean-experience *:after{animation:none!important}.motion-reduced .window-frost{clip-path:inset(0 0 0 100%)}.motion-reduced .window-squeegee{left:110%}
@media(prefers-reduced-motion:reduce){.clean-glass,.loader-swipe,.loader-bubbles{display:none}.clean-demo *,.clean-experience *:after{animation:none!important}.clean-experience *{scroll-behavior:auto!important}.clean-steps li,.social-links a{transition:none}.window-frost{clip-path:inset(0 0 0 100%)}.window-squeegee{left:110%}}
.clean-experience .studio-scene-controls{left:auto;right:24px;top:24px}