/* MST Kitchen and Bathroom Renovation Scrub — laptop/desktop interaction. */
.room-scrub{--rs-dark:#082630;--rs-text:#f3fbf6;--rs-mint:#d8fa91;display:block;position:relative;background:radial-gradient(ellipse at 80% 0%,#254747 0%,#102f38 43%,#08212d 100%);padding:90px 0 85px;overflow:hidden;color:var(--rs-text);isolation:isolate}
.room-scrub--bathroom{background:radial-gradient(ellipse at 83% 7%,#23525a 0%,#103541 42%,#091f2b 100%);--rs-mint:#baf8e1}
.room-scrub:before{content:"";pointer-events:none;position:absolute;inset:0;background-image:linear-gradient(90deg,#e1fff407 1px,transparent 1px),linear-gradient(0deg,#e1fff407 1px,transparent 1px);background-size:94px 94px;mask-image:linear-gradient(90deg,transparent,#000)}
.room-scrub>.container{position:relative;width:min(1290px,calc(100% - 90px))}
.room-scrub__heading{display:grid;grid-template-columns:minmax(0,1.36fr) minmax(260px,.64fr);align-items:end;gap:40px;margin-bottom:30px}
.room-scrub__eyebrow{display:flex;align-items:center;gap:13px;color:var(--rs-mint);letter-spacing:1.8px;font:800 10px/1.5 "DM Sans",Arial,sans-serif}
.room-scrub__eyebrow i{width:30px;height:2px;background:var(--rs-mint)}
.room-scrub__heading h2{font:500 clamp(37px,4vw,62px)/1.08 "Playfair Display",Georgia,serif;color:#f7fff9;letter-spacing:-1.65px;margin:18px 0 0;text-wrap:balance}
.room-scrub__heading-aside{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding-bottom:6px}
.room-scrub__heading-aside .room-scrub__arrow-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid #c5f2c277;background:#ffffff0b;border-radius:9px;font-size:21px;color:var(--rs-mint);margin-bottom:5px}
.room-scrub__heading-aside p{font:500 13px/1.85 "DM Sans",sans-serif;color:#cee3d9;margin:0}
.room-scrub__heading-aside small{font:850 9px/1.5 "DM Sans",sans-serif;letter-spacing:1.6px;color:var(--rs-mint)}
.room-scrub__view{position:relative;width:100%;aspect-ratio:1280/704;background:#19323b;border-radius:14px;border:1px solid #a7cbb875;box-shadow:0 25px 65px #041b256a,0 0 0 6px #e2fcbf08;cursor:ew-resize;touch-action:none;user-select:none;overflow:hidden;outline-offset:5px}
.room-scrub__view.is-dragging{cursor:grabbing}
.room-scrub__frame,.room-scrub__video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
.room-scrub__frame[hidden]{display:none}
.room-scrub__video{position:absolute;inset:0;pointer-events:auto;z-index:3;cursor:auto}
.room-scrub__view:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#041b2add,transparent 29%),linear-gradient(180deg,#041b28c9,transparent 20%);pointer-events:none;z-index:1}
.room-scrub__view-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;position:absolute;z-index:2;left:0;right:0;top:0;padding:22px 25px;pointer-events:none}
.room-scrub__proof{display:flex;gap:11px;align-items:center;border-radius:8px;border:1px solid #cee8d478;background:#062d37b8;backdrop-filter:blur(10px);padding:11px 14px;color:#f0fcf4;letter-spacing:1.2px;font:900 9px/1.1 "DM Sans",sans-serif}
.room-scrub__proof i{display:block;width:8px;height:8px;border-radius:50%;background:var(--rs-mint);box-shadow:0 0 0 4px #befa9452}
.room-scrub__pixel{font:800 13px "Sora",Arial,sans-serif;color:#f7fef5;text-align:right;text-shadow:0 1px 8px #0008}
.room-scrub__pixel small{display:block;font:800 8px/1.5 "DM Sans",sans-serif;color:#cce9d4;letter-spacing:1.2px;margin-top:5px}
.room-scrub__hand{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;justify-items:center;gap:9px;padding:18px 22px;border-radius:12px;border:1px solid #d3f6be8c;box-shadow:0 12px 35px #071c29a6;background:#071d28bd;backdrop-filter:blur(11px);pointer-events:none;transition:opacity .2s}
.room-scrub__hand b{font-size:32px;font-weight:400;color:var(--rs-mint);line-height:1}
.room-scrub__hand small{font:900 9px "DM Sans",sans-serif;letter-spacing:1.8px;color:#f0fff1;white-space:nowrap}
.room-scrub__view.is-dragging .room-scrub__hand,.room-scrub.is-playing .room-scrub__hand{opacity:0}
.room-scrub__view-bottom{position:absolute;z-index:2;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:end;gap:20px;padding:25px 30px;pointer-events:none}
.room-scrub__view-bottom>div{display:grid;gap:5px}
.room-scrub__phase-tag{font:850 9px/1.6 "DM Sans",sans-serif;letter-spacing:1.7px;color:var(--rs-mint)}
.room-scrub__phase{font:550 30px/1.17 "Playfair Display",Georgia,serif;color:#fff;letter-spacing:-.45px}
.room-scrub__phase-desc{font:500 12px/1.5 "DM Sans",sans-serif;color:#d6e9df}
.room-scrub__number{font:500 clamp(46px,5.5vw,76px)/1 "Sora",Arial,sans-serif;color:#f3ffef;letter-spacing:-3px}
.room-scrub__number small{font:850 18px "DM Sans",sans-serif;color:var(--rs-mint);margin-left:4px}
.room-scrub.is-playing .room-scrub__view-header,.room-scrub.is-playing .room-scrub__view-bottom{opacity:.2}
.room-scrub__controls{display:flex;justify-content:space-between;align-items:center;gap:28px;margin:0 8px;padding:24px 23px 19px;border:1px solid #658f8d80;border-top:0;border-radius:0 0 13px 13px;background:#143842}
.room-scrub__track{flex:1;min-width:0}
.room-scrub__track-heading,.room-scrub__track-labels{display:flex;align-items:center;justify-content:space-between;gap:12px}
.room-scrub__track-heading span:first-child{font:900 10px/1.3 "DM Sans",sans-serif;color:#eaf9ed;letter-spacing:1.5px}
.room-scrub__track-heading span:last-child{font:800 9px/1.3 "DM Sans",sans-serif;color:#afc9c0;letter-spacing:1px}
.room-scrub__track input[type=range]{display:block;width:100%;margin:18px 0 15px;-webkit-appearance:none;appearance:none;height:6px;border-radius:30px;border:0;outline-offset:8px;cursor:ew-resize;background:linear-gradient(90deg,var(--rs-mint) var(--room-progress),#467475 var(--room-progress))}
.room-scrub__track input::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;border:4px solid #163e42;background:#f0ffc9;border-radius:50%;height:21px;width:21px;box-shadow:0 0 0 2px var(--rs-mint),0 0 0 7px #d8fa9130}
.room-scrub__track input::-moz-range-thumb{border:4px solid #163e42;background:#f0ffc9;border-radius:50%;height:21px;width:21px;box-shadow:0 0 0 2px var(--rs-mint),0 0 0 7px #d8fa9130}
.room-scrub__track-labels{font:800 9px "DM Sans",sans-serif;color:#b9d3cb;letter-spacing:1.2px}
.room-scrub__buttons{display:flex;gap:7px;align-items:center;flex-shrink:0}
.room-scrub__buttons button{min-height:44px;padding:11px 13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #769e939e;border-radius:8px;background:#24515a;color:#eaf6ec;font:800 11px "DM Sans",sans-serif;white-space:nowrap;transition:background .2s,color .2s}
.room-scrub__buttons button:hover{background:#35736b;color:#fff}
.room-scrub__buttons button[data-room-film]{background:var(--rs-mint);color:#173735;border-color:var(--rs-mint)}
.room-scrub__buttons button[data-room-film]:hover{background:#f0ffcf}
.room-scrub__steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:20px}
.room-scrub__step{display:flex;align-items:center;gap:9px;min-width:0;min-height:63px;border-radius:9px;text-align:left;padding:12px;border:1px solid #527e768f;background:#163841;color:#d3e5db;transition:background .2s,border .2s}
.room-scrub__step:hover{background:#255e59;border-color:#b4dea5}
.room-scrub__step.is-active{background:#27564e;border-color:var(--rs-mint);color:#f7fff5}
.room-scrub__step-n{font:850 10px "Sora",sans-serif;color:var(--rs-mint)}
.room-scrub__step-name{font:850 11px/1.35 "DM Sans",sans-serif;overflow-wrap:anywhere}
.room-scrub__step-arrow{margin-left:auto;color:var(--rs-mint);font-size:16px}
.room-scrub__foot{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:24px;font:500 11px/1.6 "DM Sans",sans-serif;color:#b7d2c8}
.room-scrub__foot a{white-space:nowrap;color:var(--rs-mint);font:850 10px "DM Sans",sans-serif;letter-spacing:.5px;display:inline-flex;align-items:center;gap:9px}
.room-scrub__foot a:hover{text-decoration:underline;text-underline-offset:4px}
.room-scrub :is(input,a,button,[role=slider]):focus-visible{outline:2px solid var(--rs-mint);outline-offset:4px}
@media(max-width:1190px){
 .room-scrub>.container{width:calc(100% - 60px)}
 .room-scrub__heading{gap:22px}
 .room-scrub__controls{flex-wrap:wrap}
 .room-scrub__track{flex-basis:100%}
 .room-scrub__buttons{width:100%;justify-content:flex-end}
 .room-scrub__steps .room-scrub__step{padding:11px 9px;gap:6px}
 .room-scrub__step-name{font-size:10px}
}
@media(max-width:1023px){
 .room-scrub{display:none!important}
}
@media(prefers-reduced-motion:reduce){
 .room-scrub__hand,.room-scrub__step,.room-scrub__buttons button{transition:none!important}
}