/* C-real's photographed work, paced type and hands-on cleaning experience. */
.craft-icon{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}
.brand small{font-family:var(--serif);font-size:12px;letter-spacing:.06em}.hero{min-height:max(820px,100svh)}.hero-content{z-index:2;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(58px,6.3vw,92px);letter-spacing:-.065em;line-height:1.34;max-width:65%}.hero h1 span:nth-child(3){letter-spacing:-.072em}.hero h1 span{animation-name:word-polish;animation-duration:1.05s}.hero-shade{animation:room-light 1.5s ease both;background:linear-gradient(90deg,#03242df5,#082831a1 57%,#07232b40),linear-gradient(0deg,#082831bf,transparent 50%)}
.hero-proof{position:absolute;z-index:1;top:185px;right:4%;width:30%;max-width:420px;display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:18px 18px 22px;border:1px solid #dcfcf670;border-radius:4px 42px 4px 4px;background:linear-gradient(135deg,#e8fcf225,#a3d4d21a);box-shadow:0 25px 80px #011c2950;backdrop-filter:blur(8px);animation:proof-arrive 1.1s .28s both}.proof-caption{grid-column:1/-1;font-size:12px;font-weight:600;letter-spacing:.06em}.hero-before,.hero-after{position:relative;overflow:hidden;aspect-ratio:.68;background:#cedfda}.hero-before{margin-top:48px}.hero-after{margin-bottom:48px;border-radius:2px 26px 2px 2px;box-shadow:0 10px 35px #001b2450;animation:polish-photo 1.25s .3s both}.hero-proof img{width:100%;height:100%;object-fit:cover}.hero-before>span,.hero-after>span{position:absolute;bottom:9px;left:8px;background:#082831d9;color:white;padding:5px 10px;font-size:12px;letter-spacing:.05em}.hero-after>span{background:#ddf9f4ed;color:var(--ink)}.proof-end{grid-column:1/-1;display:flex;gap:10px;justify-content:space-between;font-size:12px;font-weight:600;align-items:center}.proof-end b{font-size:24px}.proof-light{position:absolute;inset:-20%;background:linear-gradient(110deg,transparent 40%,#ffffffad 49.8%,transparent 51%);animation:shine 1.3s .3s both;pointer-events:none}
.clean-story{background:var(--deep);padding:100px 0 70px;color:white;position:relative;overflow:hidden}.clean-story:before{content:"";position:absolute;width:60%;height:400px;right:-15%;top:-200px;border-radius:50%;background:#6bdddf24;filter:blur(80px);pointer-events:none}.story-title{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:45px;gap:30px}.story-title h2{font-size:clamp(32px,4vw,55px)}.story-title em{color:var(--water)}.story-frames{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}.story-frame{position:relative;min-height:410px;overflow:hidden;border-radius:3px 36px 3px 3px;background:#365a60}.story-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#062a34f2,#062a3420 90%);pointer-events:none}.story-frame img{width:100%;height:100%;position:absolute;object-fit:cover}.story-frame>div{position:absolute;bottom:25px;left:25px;right:25px;z-index:1}.story-frame span{font-size:12px;color:#d2eeea}.story-frame h3{margin:18px 0;font-size:26px;line-height:1.7}.story-frame p{font-size:12px;line-height:1.8}.clean-story .text-link{margin-top:32px}.story-frame:nth-child(2){margin-top:45px;margin-bottom:-15px}.story-frame:nth-child(3){margin-top:90px;margin-bottom:-30px}.story-frames{margin-bottom:30px}
.case-tab{display:inline-flex;align-items:center;gap:9px}.case-tab .craft-icon{width:23px;height:23px}.case-pair figcaption span{font-family:var(--serif);font-size:13px;font-weight:700}.wipe-picker{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.wipe-picker button{position:relative;border:1px solid #719a9f;min-height:44px;background:linear-gradient(135deg,#fff,#d6ece8);border-radius:5px 17px;padding:10px 14px;font-size:12px;box-shadow:0 3px 0 #719a9f40}.wipe-picker button[aria-pressed=true]{background:linear-gradient(135deg,#285b62,#082831);color:white}.wipe-picker button.is-complete:after{content:'✓';position:absolute;top:-7px;right:-5px;background:#c9efe3;color:#124732;border-radius:50%;width:19px;height:19px;text-align:center;font-size:12px;border:1px solid #519281}.wipe-progress-label{display:flex;justify-content:space-between;gap:15px;font-size:12px!important;margin:0 0 7px!important}.wipe-progress-label b{font-family:var(--display);font-size:20px}#wipe-progress{appearance:none;border:0;width:100%;height:8px;border-radius:5px;overflow:hidden;display:block;background:#c2d9d7}#wipe-progress::-webkit-progress-bar{background:#c2d9d7}#wipe-progress::-webkit-progress-value{background:linear-gradient(90deg,#4d9eaa,#165462)}#wipe-progress::-moz-progress-bar{background:linear-gradient(90deg,#4d9eaa,#165462)}.wipe-stage{border-radius:5px 60px 5px 5px;aspect-ratio:4/5;max-height:520px}.wipe-stage>img{object-fit:contain}.wipe-stage.is-cleared{box-shadow:0 20px 60px #3a8f8e45,inset 0 0 0 3px #c2f8e8}.wipe-next{padding:20px;margin-top:18px;border:1px solid #6e9c9d;border-radius:5px 25px;background:linear-gradient(135deg,#fff,#dcf4eb);animation:case-enter .45s ease both}.wipe-next strong{font-size:17px;display:block}.wipe-next p{font-size:12px;line-height:1.9;margin-block:9px 15px}.wipe-next .button{font-size:12px;padding:12px 15px;min-height:48px}.wipe-collection{font-size:12px!important;margin-top:18px!important;color:#426f73}.wipe-experience{align-items:start}
.check-number .craft-icon{width:35px;height:35px}.check-card:has(input:checked) .craft-icon{animation:tool-tick .5s ease}.check-card .check-copy strong{letter-spacing:-.025em}.button>.button-label{font-size:inherit;line-height:inherit}.check-dock{position:fixed;z-index:58;left:50%;bottom:20px;transform:translateX(-50%);display:flex;align-items:center;gap:22px;padding:12px 16px;border:1px solid #c5efef;background:#133e47f5;backdrop-filter:blur(14px);border-radius:6px 26px;box-shadow:0 9px 40px #031b2355;color:white}.check-dock>span{white-space:nowrap;font-size:12px}.check-dock b{font:30px var(--display)}.check-dock .button{font-size:12px;white-space:nowrap;min-height:44px;padding:11px 16px}.celebration-toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:90;display:flex;gap:15px;align-items:center;max-width:calc(100% - 24px);width:410px;padding:18px 22px;background:linear-gradient(120deg,#eaffef,#bceeee);border:1px solid white;border-radius:5px 28px;box-shadow:0 12px 70px #031f3a5e;color:var(--ink);animation:celebration-enter .6s cubic-bezier(.2,.8,.2,1) both;pointer-events:none}.celebration-toast .craft-icon{width:38px;height:38px;border:1px solid #5c9c96;border-radius:50%;padding:6px}.celebration-toast strong,.celebration-toast small{display:block}.celebration-toast strong{font-size:15px}.celebration-toast small{font-size:12px;line-height:1.8;margin-top:5px}.check-section.all-selected .check-texture{animation:check-wash 1.6s ease}.check-result{scroll-margin-top:25px}#result-intro{font-size:13px;margin:18px 0 25px}.guidance-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.guidance-tabs button{padding:10px 14px;min-height:44px;background:#e0edeb;border:1px solid #91b5b3;border-radius:5px 16px;font-size:12px}.guidance-tabs button[aria-pressed=true]{color:white;background:linear-gradient(120deg,#215762,#0c333e)}.guidance-story{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;padding:20px;background:linear-gradient(130deg,#eff8f3,#e4f1ef);border-radius:5px 30px;border:1px solid #c3ddda;animation:case-enter .4s ease both}.guidance-story figure{position:relative;min-width:0}.guidance-story img{width:100%;height:270px;object-fit:contain;background:#d4e4df;border-radius:3px 20px}.guidance-story figcaption{font-size:12px;line-height:1.6;margin-top:8px;color:#4e7071}.guidance-copy h4{font-size:23px;letter-spacing:-.04em;line-height:1.7;margin:0 0 13px}.guidance-copy p{font-size:13px;line-height:1.9}.guidance-copy .guidance-prompt{padding:13px 15px;background:#fff9;border-left:3px solid #4b9c9d;margin:17px 0;font-size:12px}.guidance-copy .text-link{font-size:12px}.result-menu-label{margin:30px 0 10px;font-size:12px}.recommendation{min-width:0}.result-arrive{animation-duration:.7s}.service:nth-child(2){margin-top:70px}.service:nth-child(3){margin-top:-35px}.service-photo{height:300px}.service-body .eyebrow{letter-spacing:.035em}
.review-index .craft-icon{width:44px;height:44px}.review-topic{font-size:12px!important;letter-spacing:.08em;color:#416c70;margin-bottom:10px}.review blockquote strong{display:block;font-size:23px;line-height:1.7;letter-spacing:-.03em}.review details{margin-top:15px}.review summary{display:flex;gap:20px;align-items:center;min-height:44px;font-size:12px;color:#355e66;width:max-content}.review details blockquote p{font-size:13px;margin-top:12px}.faq-photo{margin-top:30px;position:relative;max-width:350px}.faq-photo img{width:100%;height:220px;object-fit:cover;object-position:center 60%;border-radius:4px 50px 4px 4px}.faq-photo figcaption{font-size:12px;margin-top:12px}.contact-steps{grid-template-columns:repeat(3,1fr);gap:8px;margin-top:35px}.contact-steps>span{display:grid;grid-template-columns:32px 1fr;align-items:center;gap:10px 8px;padding:17px 12px;border-top:1px solid #b8e8e77a;background:linear-gradient(150deg,#83c6c11f,#17495710)}.contact-steps .craft-icon{width:27px;height:27px;color:var(--water)}.contact-steps b{margin:0;text-align:right}.contact-steps strong,.contact-steps small{grid-column:1/-1}.contact-steps strong{font-size:12px}.contact-steps small{font-size:12px;line-height:1.8;color:#c2dbdb}.host-card{display:flex;gap:15px;align-items:center;margin-top:25px}.host-avatar{height:68px;width:68px;border-radius:50%;overflow:hidden;background:#a9bfb8;flex-shrink:0}.host-avatar img{height:100%;width:100%;object-fit:cover;object-position:50% 50%;transform:scale(1.6);transform-origin:50% 50%}.host-card small,.host-card strong{display:block}.host-card small{font-size:12px;color:var(--water)}.host-card strong{font-size:12px;font-weight:500}.about-quote{position:relative;padding-left:20px;border-left:3px solid #4b9b9e}
.arrival{animation:control-arrive .6s cubic-bezier(.2,.75,.2,1) both;animation-delay:var(--arrival-delay,0ms)}.action-stroke{position:fixed;pointer-events:none;border-radius:50%;width:68px;height:68px;transform:translate(-50%,-50%);border:2px solid #b1f3ed;box-shadow:0 0 22px #a2e9ed70;animation:contact-ring .7s ease-out forwards}.action-stroke.picture{width:110px;height:12px;border:0;background:linear-gradient(90deg,transparent,#ffffffed,#93d9df,transparent);border-radius:2px;animation:picture-swipe .55s ease-out forwards}.action-stroke.navigate{width:35px;height:35px;border-top:0;border-left:0;border-radius:0;animation:direction-glint .5s ease-out forwards}.action-stroke.copy{border-radius:4px;width:42px;height:50px;background:#d4fbf180;animation:copy-rise .6s ease-out forwards}.action-stroke.reset{border-style:dashed}.button .craft-icon{width:23px;height:23px}
@keyframes word-polish{0%{opacity:0;transform:translateY(28px);clip-path:inset(0 100% 0 0);filter:blur(5px)}70%{opacity:1;filter:blur(0)}100%{transform:none;clip-path:inset(0);filter:blur(0)}}@keyframes room-light{from{opacity:1;filter:brightness(.55)}to{opacity:1;filter:brightness(1)}}@keyframes proof-arrive{from{opacity:0;translate:20px 35px;rotate:3deg}to{opacity:1;translate:0 0;rotate:0deg}}@keyframes polish-photo{from{clip-path:inset(0 0 100% 0);filter:brightness(.5)}to{clip-path:inset(0);filter:brightness(1)}}@keyframes tool-tick{50%{transform:translateY(-4px) rotate(-12deg)}100%{transform:none}}@keyframes celebration-enter{from{opacity:0;translate:0 -25px;scale:.9}to{opacity:1;translate:0 0;scale:1}}@keyframes check-wash{0%{filter:brightness(1)}35%{filter:brightness(1.8)}100%{filter:brightness(1)}}@keyframes control-arrive{from{opacity:.3;transform:translateY(12px);filter:brightness(1.2)}to{opacity:1;transform:none;filter:brightness(1)}}@keyframes contact-ring{from{opacity:1;scale:.3}to{opacity:0;scale:1.8}}@keyframes picture-swipe{from{opacity:1;translate:-40px 0;rotate:-20deg}to{opacity:0;translate:50px 0;rotate:-20deg}}@keyframes direction-glint{from{opacity:1;translate:0 0;scale:.4;rotate:-45deg}to{opacity:0;translate:30px -10px;scale:1.2;rotate:-45deg}}@keyframes copy-rise{from{opacity:1;translate:0 5px;rotate:0deg}to{opacity:0;translate:0 -50px;rotate:10deg}}
@media(min-width:1450px){.hero h1{font-size:92px}.hero-proof{right:max(4%,calc((100vw - 1200px)/2));width:350px}}
@media(max-width:1100px){.hero-proof{width:30%;right:32px;top:230px;padding:14px;gap:8px}.hero h1{font-size:65px}.hero-content{padding-bottom:165px}.hero-buttons{flex-direction:column;align-items:flex-start;gap:14px}.hero-before{margin-top:30px}.hero-after{margin-bottom:30px}.proof-end{font-size:12px}.story-frame h3{font-size:22px}.story-frame{min-height:360px}.story-frame>div{inset:auto 20px 22px}.service-photo{height:245px}.contact-steps{grid-template-columns:1fr}.contact-steps>span{grid-template-columns:30px 24px 1fr;padding:12px 0;gap:10px}.contact-steps b{text-align:left}.contact-steps strong{grid-column:auto}.contact-steps small{grid-column:3}}
@media(max-width:760px){.hero{min-height:0;padding-bottom:65px}.hero-content{padding-top:135px;padding-bottom:35px;pointer-events:auto}.hero h1{max-width:none;font-size:clamp(40px,10.6vw,70px);line-height:1.38;letter-spacing:-.06em}.hero h1 span:nth-child(3){letter-spacing:-.065em}.hero-intro{font-size:12px;letter-spacing:.025em;margin:22px 0}.hero-label{margin-bottom:24px;font-size:12px}.hero-buttons{gap:12px}.hero-buttons .button{font-size:13px;width:max-content;max-width:100%}.hero-proof{position:relative;top:auto;right:auto;width:calc(100% - 40px);max-width:460px;margin:0 auto 18px;padding:14px 14px 16px;grid-template-columns:1fr 1.15fr;gap:10px;animation-delay:.2s}.proof-caption{font-size:12px}.hero-before,.hero-after{aspect-ratio:1.22}.hero-before{margin-top:25px}.hero-after{margin-bottom:25px}.hero-proof img{object-position:center 65%}.hero-after{border-radius:2px 22px 2px 2px}.proof-end{font-size:12px}.hero-before>span,.hero-after>span{font-size:12px;padding:3px 7px;bottom:6px;left:6px}.hero-bottom{font-family:var(--serif);font-size:12px;letter-spacing:0;bottom:22px}.hero-bottom>span{font-size:12px}.hero-image{object-position:65% top}.hero-shade{background:linear-gradient(90deg,#062731ee,#082831a0),linear-gradient(0deg,#082831d9,transparent 65%)}.clean-story{padding:65px 0 45px}.story-title{display:block;margin-bottom:30px}.story-title h2{font-size:34px}.story-title .eyebrow{font-size:12px}.story-frames{grid-template-columns:1fr;gap:15px}.story-frame,.story-frame:nth-child(2),.story-frame:nth-child(3){min-height:310px;margin:0}.story-frame:nth-child(2){margin-left:20px}.story-frame:nth-child(3){margin-right:20px}.story-frame img{object-position:center 60%}.story-frame h3{font-size:26px;margin:14px 0}.story-frame p{font-size:12px}.story-frame>div{inset:auto 22px 25px}.clean-story .text-link{margin-top:6px;font-size:12px}.case-tab{gap:8px}.case-tab .craft-icon{width:20px;height:20px}.case-pair figcaption span{font-size:12px;letter-spacing:0}.case-pair figcaption{font-size:12px}.wipe-experience{gap:25px}.wipe-stage{max-height:440px;max-width:390px;aspect-ratio:4/5}.wipe-picker{gap:7px}.wipe-picker button{flex:1;font-size:12px;padding:10px 8px}.wipe-next{padding:18px 15px}.wipe-next strong{font-size:16px}.wipe-next .button{font-size:12px}.wipe-progress-label{font-size:12px!important}.check-number{top:34px}.check-number .craft-icon{width:29px;height:29px}.check-dock{bottom:calc(85px + env(safe-area-inset-bottom));left:14px;right:14px;transform:none;padding:9px 12px;gap:10px;justify-content:space-between;border-radius:5px 20px}.check-dock>span{font-size:12px}.check-dock b{font-size:24px}.check-dock .button{font-size:12px;padding:10px 12px;min-height:42px;white-space:normal;max-width:80%}.celebration-toast{top:12px;padding:15px}.celebration-toast strong{font-size:13px}.celebration-toast small{font-size:12px}.celebration-toast .craft-icon{width:33px;height:33px}.guidance-tabs{gap:7px}.guidance-tabs button{font-size:12px;padding:9px 11px}.guidance-story{grid-template-columns:1fr;gap:20px;padding:15px}.guidance-story img{height:220px}.guidance-copy h4{font-size:22px}.guidance-copy p{font-size:12px}.guidance-copy .guidance-prompt{font-size:12px}.guidance-story figcaption{font-size:12px}.guidance-copy .text-link{font-size:12px}#result-intro{font-size:12px}.service:nth-child(2),.service:nth-child(3){margin:0}.service-photo{height:230px}.service-body{padding:23px}.review blockquote strong{font-size:20px}.review-index .craft-icon{width:30px;height:30px}.review details blockquote p{font-size:12px}.review-topic{font-size:12px!important}.faq-photo{max-width:none;display:grid;grid-template-columns:105px 1fr;gap:18px;align-items:center;margin-top:23px}.faq-photo img{height:100px;border-radius:4px 25px}.faq-photo figcaption{font-size:12px;margin:0}.contact-steps{grid-template-columns:1fr;gap:8px}.contact-steps>span{grid-template-columns:32px 28px 1fr;padding:15px 10px}.contact-steps small{grid-column:3}.host-avatar{width:58px;height:58px}.host-card strong{font-size:12px}.button>.button-label{font-size:inherit}}
@media(max-width:370px){.hero-content{padding-top:126px}.hero-proof{width:calc(100% - 32px)}.hero h1{font-size:40px}.hero-buttons .button{font-size:12px}.hero-label{font-size:12px}.proof-end{font-size:12px}.check-dock .button{font-size:12px}.contact-steps strong{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero h1 span,.hero-proof,.hero-after{clip-path:none;opacity:1;transform:none;translate:none;rotate:none;filter:none}.hero-shade{filter:none}.proof-light,.action-stroke{display:none}.arrival{opacity:1;transform:none;filter:none}.celebration-toast{opacity:1;translate:none;scale:1}}

.motion-ready .story-frame.reveal{transition-duration:1s}.motion-ready .story-frame.reveal:not(.in-view){clip-path:inset(0 100% 0 0);transform:translateY(15px)}.motion-ready .story-frame.reveal.in-view{clip-path:inset(0)}
@media(prefers-reduced-motion:reduce){.motion-ready .story-frame.reveal:not(.in-view){clip-path:none;transform:none;opacity:1}}