.construction-block{margin-top:6px}
.construction-panel{position:relative;isolation:isolate;aspect-ratio:1082/610;width:100%;overflow:hidden;border-radius:27px;background:#eee5d8;box-shadow:0 8px 22px #322a2010,inset 0 0 0 1px #b9afa326;container-type:inline-size}
.construction-visual{position:absolute;inset:0;overflow:hidden;border-radius:inherit;pointer-events:none}
.build-frame{position:absolute;inset:16% 5% 24%;background-image:url('/assets/construction/stages.webp');background-size:200% 300%;background-repeat:no-repeat;opacity:0;clip-path:inset(1px);will-change:opacity,transform}
.build-frame[data-frame="0"]{background-position:0 0;opacity:1}.build-frame[data-frame="1"]{background-position:100% 0}.build-frame[data-frame="2"]{background-position:0 50%}.build-frame[data-frame="3"]{background-position:100% 50%}.build-frame[data-frame="4"]{background-position:0 100%}.build-frame[data-frame="5"]{background-position:100% 100%}
.estate-scene{position:absolute;inset:4%;opacity:0;transform-origin:50% 37%;will-change:opacity,transform}
.estate-scene>img{width:100%;height:100%;display:block;object-fit:fill;border-radius:10px}
.vehicle{position:absolute;opacity:0;transform:translate(-50%,-50%);will-change:left,top,transform;pointer-events:none}
.rolls{width:17%;left:50%;top:43%}.ferrari{width:13%;left:65%;top:52%}
.vehicle-crop{position:relative;overflow:hidden;width:100%;aspect-ratio:3/1}
.vehicle img{position:absolute;left:0;width:100%;height:200%;max-width:none;object-fit:fill;display:block}
.rolls img{top:0}.ferrari img{bottom:0}
.construction-cta{position:absolute;z-index:5;left:50%;bottom:7%;transform:translate(-50%,10px);opacity:0;visibility:hidden;display:flex;align-items:center;gap:9px;padding:10px 20px 10px 13px;min-height:44px;border:1px solid #969ba0;border-radius:14px;background:linear-gradient(175deg,#fff,#e1e3e5 49%,#c4c8cc);box-shadow:inset 0 2px 1px #fff,0 4px 0 #989c9f,0 8px 12px #252c3833;color:#192136;text-decoration:none;white-space:nowrap;font:600 clamp(12px,2.35cqw,25px)/1.2 -apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif}
.house-icon{width:1.5em;height:1.5em;fill:#fffcf5;stroke:#aea393;stroke-width:1;filter:drop-shadow(0 2px 1px #8d837b)}
.pointer-icon{position:absolute;width:2.2em;height:2.65em;right:-1.4em;bottom:-1.35em;filter:drop-shadow(1px 3px 2px #28313c55);pointer-events:none}
.construction-cta:hover{filter:brightness(1.045)}.construction-cta:focus-visible,.construction-controls button:focus-visible{outline:3px solid #bd3034;outline-offset:5px}
.construction-controls{display:flex;align-items:center;gap:17px;margin:15px 1px 6px;font-size:13px;color:#777e87;min-height:28px}
.construction-controls button{appearance:none;background:none;border:0;border-bottom:1px solid #b8b9bc;padding:3px 0;font:inherit;color:#596271;cursor:pointer;min-height:28px}
.construction-status{margin-left:auto;text-align:right}.construction-controls button:disabled{opacity:.5;cursor:default}
@media(max-width:600px){.construction-panel{border-radius:20px}.construction-cta{padding:7px 11px 7px 9px;gap:6px;border-radius:9px;bottom:8%;min-height:36px;font-size:clamp(10px,2.8cqw,16px)}.construction-controls{font-size:11px;gap:12px;margin-top:10px}.pointer-icon{width:1.9em;height:2.3em;right:-1.1em;bottom:-1.1em}}
@media(prefers-reduced-motion:reduce){.construction-panel .build-frame{opacity:0!important}.construction-panel .estate-scene,.construction-panel .vehicle{opacity:1!important;transform:translate(-50%,-50%)}.construction-panel .estate-scene{transform:none!important}.construction-panel .construction-cta{opacity:1!important;visibility:visible!important;transform:translateX(-50%)!important}}
/* Blend artwork into the same substrate, retaining a clear foreground for the live CTA. */
.estate-scene>img{-webkit-mask-image:linear-gradient(to bottom,#000 0 72%,transparent 87%);mask-image:linear-gradient(to bottom,#000 0 72%,transparent 87%)}
.build-frame{-webkit-mask-image:linear-gradient(to right,transparent,#000 3% 97%,transparent),linear-gradient(to bottom,transparent,#000 5% 92%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,transparent,#000 3% 97%,transparent),linear-gradient(to bottom,transparent,#000 5% 92%,transparent);mask-composite:intersect}
@media(max-width:600px){.construction-cta{font-size:clamp(12px,2.8cqw,16px)}}
/* Color approval: one permanent, almost-white silver substrate; no picture layer. */
.construction-panel--color-review{background:linear-gradient(145deg,#fff 5%,#fafbfc 50%,#eef0f2 100%);box-shadow:0 10px 28px #1a273109,inset 0 0 0 1px #e5e8eb;aspect-ratio:1082/610}