.drain-slide{background:#20242a}
.drain-slide .service-copy{margin-left:var(--pad);margin-right:0;padding-top:65px;width:43%;max-width:550px}
.drain-slide .service-copy h2{font-size:clamp(32px,3.2vw,49px);font-weight:500;letter-spacing:-.035em;line-height:1.13}
.drain-slide .service-copy .drain-promise{font-size:23px;font-weight:700;color:#fff;line-height:1.35;margin-top:25px;max-width:470px}
.drain-slide .service-copy .drain-description{font-size:16px;line-height:1.7;margin-top:18px;max-width:440px;color:#d8dce1}
.drain-comparison{position:absolute;right:var(--pad);top:40px;width:min(43%,470px);aspect-ratio:1;overflow:hidden;background:#444b50}
.drain-frame{position:absolute;inset:0;background-image:url('assets/drains-avant-apres.png');background-size:200% 100%;background-repeat:no-repeat}
.drain-after{background-position:right center}
.drain-before{background-position:left center;clip-path:inset(0 50% 0 0)}
.drain-before:after{content:'×';position:absolute;left:18px;top:112px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:rgba(112,42,39,.85);border:1px solid #e6a49b90;color:#ffe2dd;font-family:Arial,sans-serif;font-size:24px;font-weight:400;line-height:1}
.drain-wipe-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:#fff;box-shadow:0 0 12px #0005}
.drain-wipe-line:after{content:'↔';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#20242a;font-size:22px}
.drain-label{position:absolute;top:16px;background:#20242aef;color:white;padding:8px 10px;font-size:12px;letter-spacing:.06em;z-index:2;display:flex;flex-direction:column;align-items:center;gap:6px;max-width:calc(50% - 22px);box-sizing:border-box}
.drain-label img{display:block;position:static;width:48px;height:46px;max-width:100%;object-fit:contain}
.drain-label-before{left:16px}.drain-label-after{right:16px}
.drain-credit{position:absolute;bottom:0;left:0;right:0;text-align:center;background:#20242ad9;color:#eef1f4;padding:7px;font-size:11px;z-index:2}
.drain-slide.active .drain-before{animation:drain-wipe 6s ease-in-out infinite}
.drain-slide.active .drain-wipe-line{animation:drain-line 6s ease-in-out infinite}
.services-motion-paused .drain-before,.services-motion-paused .drain-wipe-line{animation-play-state:paused!important}
@keyframes drain-wipe{0%,12%,100%{clip-path:inset(0 5% 0 0)}45%,65%{clip-path:inset(0 95% 0 0)}}
@keyframes drain-line{0%,12%,100%{left:95%}45%,65%{left:5%}}
@media(max-width:1050px) and (min-width:701px){.drain-slide .service-copy{padding-top:48px}.drain-slide .service-copy h2{font-size:34px}.drain-slide .service-copy .drain-promise{font-size:21px}.drain-slide .service-copy .drain-description{font-size:15px}.drain-comparison{top:75px}}
@media(max-width:700px){.service-carousel:has(.drain-slide.active){height:900px}.drain-slide .service-copy{width:auto;max-width:none;margin:0 24px;padding-top:38px}.drain-slide .service-copy .eyebrow{margin-bottom:18px}.drain-slide .service-copy h2{font-size:32px;max-width:520px}.drain-slide .service-copy .drain-promise{font-size:22px;margin-top:19px;max-width:520px}.drain-slide .service-copy .drain-description{font-size:15px;line-height:1.65;margin-top:14px;max-width:530px}.drain-comparison{top:420px;left:50%;right:auto;transform:translateX(-50%);width:min(calc(100% - 48px),350px)}.drain-label{top:12px}.drain-label-before{left:12px}.drain-label-after{right:12px}}
@media(prefers-reduced-motion:reduce){.drain-slide.active .drain-before,.drain-slide.active .drain-wipe-line{animation:none}}
@media(max-width:700px){.service-carousel:has(.drain-slide.active){height:auto;min-height:660px}.service-carousel:has(.drain-slide.active) .service-slides{position:relative}.drain-slide.active{position:relative;display:flex;flex-direction:column;gap:28px;padding-bottom:150px}.drain-slide.active .drain-comparison{position:relative;top:auto;left:auto;right:auto;transform:none;flex:none;margin:0 auto}}