/* Preview-only: a fixed house with visible tools and material installation. */
.house-renovation-preview{--house-work-duration:35s}
.house-renovation-preview .dxg-house-base{stroke:#6c9faa}
.house-renovation-preview .dxg-roof-hip-front{fill:#0b303b}
.house-renovation-preview .dxg-roof-ridges{fill:none;stroke:#8dc2cc;stroke-width:1.7}
.house-renovation-preview .house-floor-divider{fill:none;stroke:#8ab5c1;stroke-width:1.8;opacity:.82;stroke-linejoin:round;pointer-events:none}
.house-renovation-preview .house-entry-step{fill:#12343e;stroke:#648f9a;stroke-width:1.4}
.house-renovation-preview .house-balcony-rail{fill:none;stroke:#a2cdd4;stroke-width:2;stroke-linejoin:round}
.house-renovation-preview .house-landscape{fill:none;pointer-events:none}
.house-renovation-preview .house-landscape-concrete{fill:#89a8ae;fill-opacity:.25;stroke:#9bbdc4;stroke-width:1.6}
.house-renovation-preview .house-landscape-joints{fill:none;stroke:#7ca1aa;stroke-width:1;opacity:.55}
.house-renovation-preview .house-carport-posts{fill:none;stroke:#b4d5dc;stroke-width:3;stroke-dasharray:100;stroke-dashoffset:0}
.house-renovation-preview .house-carport-roof-surface{fill:#174759;fill-opacity:.85;stroke:#a2dfe5;stroke-width:1.8}
.house-renovation-preview .house-carport-roof-edge{fill:none;stroke:#81b6c2;stroke-width:2}
.house-renovation-preview .house-carport-roof-seams{fill:none;stroke:#72a9b7;stroke-width:1.4}
.house-renovation-preview .house-fence-segment{fill:none;stroke:#a4ccd1;stroke-width:2.3;stroke-dasharray:100;stroke-dashoffset:0}
.house-renovation-preview .house-landscape-fence--back .house-fence-segment{stroke-width:1.8;stroke-opacity:.62}
.house-renovation-preview .house-landscape-fence--front .house-fence-segment{stroke-width:2;stroke-opacity:.88}
.house-renovation-preview .house-renovation-layers{pointer-events:none}
.house-renovation-preview .house-paint-trail{fill:#79edcb;stroke:none;opacity:.34}
.house-renovation-preview .house-paint-pass{transform-box:fill-box;transform-origin:center top;transform:scaleY(1)}
.house-renovation-preview .house-paint-tool,.house-renovation-preview .house-waterproof-tool,.house-renovation-preview .house-gutter-tool{opacity:0}
.house-renovation-preview .house-tool-handle{fill:none;stroke:#d3faff;stroke-width:3}
.house-renovation-preview .house-tool-grip{fill:none;stroke:#6ee4ca;stroke-width:7}
.house-renovation-preview .house-tool-roller{fill:#a4f6df;stroke:#e8fff6;stroke-width:2}
.house-renovation-preview .house-side-panel{fill:#88c4d0;fill-opacity:.32;stroke:#b6e8ed;stroke-width:2}
.house-renovation-preview .house-side-panel-seams{fill:none;stroke:#73b6c2;stroke-width:1.1;opacity:.85}
.house-renovation-preview .house-roof-panel{fill:#68d8e2;fill-opacity:.16;stroke:#92ebf1;stroke-width:1.7}
.house-renovation-preview .house-waterproof-coat{fill:#77e4bd;opacity:.32}
.house-renovation-preview .house-waterproof-sheen{fill:none;stroke:#c8ffe8;stroke-width:7;opacity:0}
.house-renovation-preview .house-tool-squeegee{stroke:#bdffe6;stroke-width:8;fill:none}
.house-renovation-preview .house-gutter-repair{fill:none;stroke:#8aefdf;stroke-width:4;stroke-dasharray:100;stroke-dashoffset:0;opacity:.7}
.house-renovation-preview .house-gutter-water{fill:none;stroke:#e0fff9;stroke-width:4.5;stroke-dasharray:4 10;opacity:0}
.house-renovation-preview .house-gutter-tool{fill:#07262d;stroke:#c5fff0;stroke-width:2}
.house-renovation-preview[data-dxg-ready="true"] .house-work-motion{animation-duration:var(--house-work-duration);animation-timing-function:linear;animation-iteration-count:infinite;animation-play-state:paused}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-trail{animation-name:house-paint-coat}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-pass--one{animation-name:house-paint-pass-one}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-pass--two{animation-name:house-paint-pass-two}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-pass--three{animation-name:house-paint-pass-three}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-pass--four{animation-name:house-paint-pass-four}
.house-renovation-preview[data-dxg-ready="true"] .house-paint-tool{animation-name:house-roller-work}
.house-renovation-preview[data-dxg-ready="true"] .house-side-panel--one{animation-name:house-side-one}
.house-renovation-preview[data-dxg-ready="true"] .house-side-panel--two{animation-name:house-side-two}
.house-renovation-preview[data-dxg-ready="true"] .house-side-panel--three{animation-name:house-side-three}
.house-renovation-preview[data-dxg-ready="true"] .house-roof-panel--one{animation-name:house-roof-one}
.house-renovation-preview[data-dxg-ready="true"] .house-roof-panel--two{animation-name:house-roof-two}
.house-renovation-preview[data-dxg-ready="true"] .house-roof-panel--three{animation-name:house-roof-three}
.house-renovation-preview[data-dxg-ready="true"] .house-waterproof-coat{animation-name:house-waterproof-coat}
.house-renovation-preview[data-dxg-ready="true"] .house-waterproof-sheen{animation-name:house-waterproof-sweep}
.house-renovation-preview[data-dxg-ready="true"] .house-waterproof-tool{animation-name:house-squeegee-work}
.house-renovation-preview[data-dxg-ready="true"] .house-gutter-repair{animation-name:house-gutter-fit}
.house-renovation-preview[data-dxg-ready="true"] .house-gutter-water{animation-name:house-gutter-flow}
.house-renovation-preview[data-dxg-ready="true"] .house-gutter-tool{animation-name:house-gutter-work}
.house-renovation-preview[data-dxg-ready="true"] .house-landscape-slab{animation-name:house-landscape-slab}
.house-renovation-preview[data-dxg-ready="true"] .house-carport-posts{animation-name:house-carport-posts}
.house-renovation-preview[data-dxg-ready="true"] .house-carport-roof{animation-name:house-carport-roof}
.house-renovation-preview[data-dxg-ready="true"] .house-fence-segment--one{animation-name:house-fence-one}
.house-renovation-preview[data-dxg-ready="true"] .house-fence-segment--two{animation-name:house-fence-two}
.house-renovation-preview[data-dxg-ready="true"] .house-fence-segment--three{animation-name:house-fence-three}
.house-renovation-preview[data-dxg-ready="true"] .house-landscape-lawn{animation-name:house-lawn-laying}
.house-renovation-preview[data-dxg-paused="false"] .house-work-motion{animation-play-state:running}
.motion-paused .house-renovation-preview .house-work-motion{animation-play-state:paused!important}
@keyframes house-paint-coat{0%,94%{opacity:.34}100%{opacity:0}}
@keyframes house-paint-pass-one{0%,1.6%{transform:scaleY(0)}4.8%,100%{transform:scaleY(1)}}
@keyframes house-paint-pass-two{0%,5.6%{transform:scaleY(0)}8.8%,100%{transform:scaleY(1)}}
@keyframes house-paint-pass-three{0%,9.6%{transform:scaleY(0)}12.8%,100%{transform:scaleY(1)}}
@keyframes house-paint-pass-four{0%,13.6%{transform:scaleY(0)}17.6%,100%{transform:scaleY(1)}}
@keyframes house-side-one{0%,20%{opacity:0;transform:translate(34px,-16px)}21.5%{opacity:.7;transform:translate(30px,-14px)}26%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-side-two{0%,26%{opacity:0;transform:translate(34px,-16px)}27.5%{opacity:.7;transform:translate(30px,-14px)}32%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-side-three{0%,32%{opacity:0;transform:translate(34px,-16px)}33.5%{opacity:.7;transform:translate(30px,-14px)}38%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-roller-work{0%{opacity:0;transform:translate(186px,163px) rotate(22deg)}1.6%{opacity:1;transform:translate(186px,163px) rotate(22deg)}4.8%{transform:translate(186px,362px) rotate(22deg)}5.6%{transform:translate(233px,182px) rotate(22deg)}8.8%{transform:translate(233px,381px) rotate(22deg)}9.6%{transform:translate(280px,201px) rotate(22deg)}12.8%{transform:translate(280px,400px) rotate(22deg)}13.6%{transform:translate(327px,220px) rotate(22deg)}17.6%{opacity:1;transform:translate(327px,419px) rotate(22deg)}18.4%,100%{opacity:0;transform:translate(327px,419px) rotate(22deg)}}
@keyframes house-roof-one{0%,40%{opacity:0;transform:translate(-20px,-56px)}41.6%{opacity:.8;transform:translate(-16px,-44px)}46.4%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-roof-two{0%,44.8%{opacity:0;transform:translate(-20px,-56px)}46.4%{opacity:.8;transform:translate(-16px,-44px)}51.2%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-roof-three{0%,49.6%{opacity:0;transform:translate(-20px,-56px)}51.2%{opacity:.8;transform:translate(-16px,-44px)}56%,94%{opacity:1;transform:translate(0,0)}100%{opacity:0;transform:translate(0,0)}}
@keyframes house-waterproof-coat{0%,60%{opacity:0;clip-path:inset(0 100% 0 0)}61.6%{opacity:.4;clip-path:inset(0 100% 0 0)}76%,94%{opacity:.4;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes house-waterproof-sweep{0%,60%{opacity:0;transform:translate(0,0)}61.6%{opacity:.8;transform:translate(0,0)}75.2%{opacity:.8;transform:translate(104px,0)}77.6%,100%{opacity:0;transform:translate(104px,0)}}
@keyframes house-squeegee-work{0%,60%{opacity:0;transform:translate(133px,278px)}61.6%{opacity:1;transform:translate(133px,278px)}68%{transform:translate(195px,290px)}71.2%{transform:translate(159px,270px)}75.2%{opacity:1;transform:translate(216px,285px)}77.6%,100%{opacity:0;transform:translate(216px,285px)}}
@keyframes house-gutter-fit{0%,80%{opacity:.12;stroke-dashoffset:100}81.6%{opacity:.9;stroke-dashoffset:100}88.8%,94%{opacity:.9;stroke-dashoffset:0}100%{opacity:.12;stroke-dashoffset:0}}
@keyframes house-gutter-work{0%,80%{opacity:0;transform:translate(540px,178px) rotate(-18deg)}81.6%{opacity:1;transform:translate(540px,178px) rotate(-18deg)}83.2%{transform:translate(540px,178px) rotate(12deg)}84.8%{transform:translate(540px,257px) rotate(-18deg)}86.4%{transform:translate(540px,257px) rotate(12deg)}88%{opacity:1;transform:translate(540px,344px) rotate(-18deg)}89.6%,100%{opacity:0;transform:translate(540px,344px) rotate(0deg)}}
@keyframes house-gutter-flow{0%,88%{opacity:0;stroke-dashoffset:100}89.6%{opacity:.85;stroke-dashoffset:100}96%{opacity:.85;stroke-dashoffset:0}98.4%,100%{opacity:0;stroke-dashoffset:-30}}
/* Landscaping progresses beside the house on the same 35-second clock. */
@keyframes house-landscape-slab{0%{opacity:0;clip-path:inset(0 100% 0 0)}2%{opacity:1;clip-path:inset(0 100% 0 0)}25%,94%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
@keyframes house-carport-posts{0%,26%{opacity:0;stroke-dashoffset:100}28%{opacity:1;stroke-dashoffset:100}40%,94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes house-carport-roof{0%,42%{opacity:0;transform:translateY(-26px)}44%{opacity:.65;transform:translateY(-22px)}57%,94%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(0)}}
@keyframes house-fence-one{0%,59%{opacity:0;stroke-dashoffset:100}60%{opacity:1;stroke-dashoffset:100}67%,94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes house-fence-two{0%,67%{opacity:0;stroke-dashoffset:100}68%{opacity:1;stroke-dashoffset:100}75%,94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes house-fence-three{0%,75%{opacity:0;stroke-dashoffset:100}76%{opacity:1;stroke-dashoffset:100}83%,94%{opacity:1;stroke-dashoffset:0}100%{opacity:0;stroke-dashoffset:0}}
@keyframes house-lawn-laying{0%,82%{opacity:0;clip-path:inset(0 100% 0 0)}83%{opacity:1;clip-path:inset(0 100% 0 0)}94%,97%{opacity:1;clip-path:inset(0 0 0 0)}100%{opacity:0;clip-path:inset(0 0 0 0)}}
/* The work list completes once and retains its green lines and check marks. */
.house-renovation-preview .house-renovation-legend{row-gap:7px;padding-bottom:10px}
.house-renovation-preview .house-renovation-legend li{--house-check-delay:0s;animation:none!important;padding:6px 32px 7px 0;min-height:36px;font-size:14px;line-height:1.5}
.house-renovation-preview .house-renovation-legend li:nth-child(2){--house-check-delay:.6667s}
.house-renovation-preview .house-renovation-legend li:nth-child(3){--house-check-delay:1.3333s}
.house-renovation-preview .house-renovation-legend li:nth-child(4){--house-check-delay:2s}
.house-renovation-preview .house-renovation-legend li::after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:#69e6a3;transform-origin:left;transform:scaleX(1)}
.house-renovation-preview .house-renovation-check{position:absolute;right:5px;top:7px;width:21px;height:21px;stroke:#69e6a3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:1}
.house-renovation-legend.house-check-ready:not(.is-complete) li::after{transform:scaleX(0)}
.house-renovation-legend.house-check-ready:not(.is-complete) .house-renovation-check{opacity:0}
.house-renovation-legend.house-check-ready.is-complete li::after{animation:house-list-line .6s cubic-bezier(.22,.61,.36,1) var(--house-check-delay) both}
.house-renovation-legend.house-check-ready.is-complete .house-renovation-check{animation:house-list-check .0667s ease-out calc(var(--house-check-delay) + .6s) both}
.house-renovation-preview[data-dxg-paused="true"] .house-renovation-legend li::after,.house-renovation-preview[data-dxg-paused="true"] .house-renovation-check{animation-play-state:paused!important}
.motion-paused .house-renovation-preview .house-renovation-legend li::after,.motion-paused .house-renovation-preview .house-renovation-check{animation-play-state:paused!important}
@keyframes house-list-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes house-list-check{from{opacity:0;transform:scale(.75)}to{opacity:1;transform:scale(1)}}
.house-renovation-preview>figcaption{padding-top:11px}
.house-renovation-preview>figcaption>a{margin-top:8px;padding-top:8px;min-height:44px;align-items:center}
.house-renovation-caption{position:relative;padding:0 32px 8px 0}
.house-renovation-caption-copy{font-size:14px;line-height:1.8;color:#b4d1dc}
.house-renovation-caption-copy strong{font-size:16px;font-weight:800;color:#a9f4ef}
.house-renovation-caption::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#69e6a3;transform-origin:left;transform:scaleX(1)}
.house-renovation-caption-check{position:absolute;right:5px;top:auto;bottom:12px;width:21px;height:21px;stroke:#69e6a3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:1}
.house-renovation-caption.house-caption-ready:not(.is-complete)::after{transform:scaleX(0)}
.house-renovation-caption.house-caption-ready:not(.is-complete) .house-renovation-caption-check{opacity:0}
.house-renovation-caption.house-caption-ready.is-complete::after{animation:house-list-line .6s cubic-bezier(.22,.61,.36,1) both}
.house-renovation-caption.house-caption-ready.is-complete .house-renovation-caption-check{animation:house-list-check .0667s ease-out .6s both}
.house-renovation-preview[data-dxg-paused="true"] .house-renovation-caption::after,.house-renovation-preview[data-dxg-paused="true"] .house-renovation-caption-check{animation-play-state:paused!important}
.motion-paused .house-renovation-caption::after,.motion-paused .house-renovation-caption-check{animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.house-renovation-caption.house-caption-ready::after,.house-renovation-caption.house-caption-ready .house-renovation-caption-check{animation:none!important;transform:none!important;opacity:1!important}}
@media(prefers-reduced-motion:reduce){.house-renovation-preview .house-work-motion,.house-renovation-legend.house-check-ready li::after,.house-renovation-legend.house-check-ready .house-renovation-check{animation:none!important}.house-renovation-preview .house-paint-tool,.house-renovation-preview .house-waterproof-tool,.house-renovation-preview .house-waterproof-sheen,.house-renovation-preview .house-gutter-tool,.house-renovation-preview .house-gutter-water{opacity:0}.house-renovation-legend.house-check-ready li::after{transform:scaleX(1)!important}.house-renovation-legend.house-check-ready .house-renovation-check{opacity:1!important}}

.house-renovation-caption-copy .house-caption-scope{display:inline-block;white-space:nowrap}

/* A low lawn surface on the open ground in front of the right side. */
.house-renovation-preview .house-landscape-lawn{opacity:1;clip-path:none}
.house-renovation-preview .house-lawn-surface{fill:#285e43;fill-opacity:.46;stroke:#568f69;stroke-width:1.2}
.house-renovation-preview .house-lawn-edge{fill:none;stroke:#376449;stroke-width:1.2}
.house-renovation-preview .house-lawn-blades{fill:none;stroke:#86bf88;stroke-width:1.5;opacity:.78}
/* The larger site frame retains the previous on-screen scale of the house. */
.house-renovation-preview .dxg-house-drawing{max-height:390px}
@media(max-width:1150px){.house-renovation-preview .dxg-house-drawing{max-height:415px}}
@media(max-width:760px){.house-renovation-preview .dxg-house-drawing{max-height:355px}}
@media(prefers-reduced-motion:reduce){.house-renovation-preview .house-landscape-lawn{animation:none!important;opacity:1!important;clip-path:none!important}}

.house-renovation-preview .house-regional-support{margin:15px 0 12px;padding:0;color:#aecbd6;font-size:13px;line-height:1.9}
.house-renovation-preview .house-regional-support p{margin:0 0 7px}
.house-renovation-preview .house-regional-support .house-regional-lead{font-size:15px;font-weight:700;color:#d7edf3}
.house-renovation-preview .house-regional-support>strong{display:block;font-size:16px;color:#89e6e7;font-weight:700}

/* Regional support follows the same one-time line and check sequence. */
.house-renovation-preview .house-regional-support{position:relative;padding:0 32px 11px 0}
.house-regional-support::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:#69e6a3;transform-origin:left;transform:scaleX(1)}
.house-regional-check{position:absolute;right:5px;top:auto;bottom:14px;width:21px;height:21px;stroke:#69e6a3;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;fill:none;opacity:1}
.house-regional-support.house-regional-ready:not(.is-complete)::after{transform:scaleX(0)}
.house-regional-support.house-regional-ready:not(.is-complete) .house-regional-check{opacity:0}
.house-regional-support.house-regional-ready.is-complete::after{animation:house-list-line .6s cubic-bezier(.22,.61,.36,1) both}
.house-regional-support.house-regional-ready.is-complete .house-regional-check{animation:house-list-check .0667s ease-out .6s both}
.house-renovation-preview[data-dxg-paused="true"] .house-regional-support::after,.house-renovation-preview[data-dxg-paused="true"] .house-regional-check{animation-play-state:paused!important}
.motion-paused .house-regional-support::after,.motion-paused .house-regional-check{animation:none!important;transform:none!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.house-regional-support.house-regional-ready::after,.house-regional-support.house-regional-ready .house-regional-check{animation:none!important;transform:none!important;opacity:1!important}}

.house-regional-support .house-regional-phrase{display:inline-block;white-space:nowrap}