/* A line drawing on one plane, followed by the approved materials and colour. */
.villa-drawing{position:absolute;inset:0;display:grid;place-items:center;mix-blend-mode:multiply;pointer-events:none}
.villa-drawing-image,.villa-drawing-lines{width:100%;height:100%;position:absolute;inset:0}
.villa-drawing-image{display:block;object-fit:contain;opacity:1}
.villa-drawing-lines{opacity:0}
.villa-trace{display:block;width:100%;height:100%;overflow:visible;stroke:#495343}
.villa-trace path{fill:none;vector-effect:non-scaling-stroke;stroke-width:.65px;stroke-dasharray:1;stroke-dashoffset:0}
.villa-trace .trace-structure{stroke:#394936}.villa-trace .trace-structure path{stroke-width:.95px}
.villa-trace .trace-joinery{stroke:#616653}.villa-trace .trace-roof{stroke:#756f59}
.villa-trace .trace-detail{stroke:#838575}.villa-trace .trace-detail path{stroke-width:.55px}
.villa-trace .trace-garden{stroke:#63744f}.villa-trace .trace-garden path{stroke-width:.7px}
.drawing-waiting .villa-drawing-image,.drawing-preparing .villa-drawing-image{opacity:0}
.floor-art .floor-line-drawing img{transform:none;transition:none}
.floor-art .floor-enlarge{z-index:2}
.floor-art:focus-visible{outline:2px solid #617752;outline-offset:5px}
.drawing-active .villa-drawing-lines{animation:villa-ink-resolve 3.6s linear both}
.drawing-active .villa-trace path{animation:villa-line-draw var(--trace-time,1s) var(--trace-delay,0s) cubic-bezier(.25,.1,.25,1) both}
.drawing-active .villa-drawing-image{animation:villa-colour-arrives 3.6s cubic-bezier(.24,.1,.35,1) both}
.drawing-active .drawing-guides path{animation:villa-construction-lines 1.35s .04s both}
.drawing-active .drawing-note{animation:villa-note-arrives .75s 2.15s both}
.drawing-active .drawing-stamp{animation:villa-note-arrives .6s 2.4s both}
.drawing-complete .villa-drawing-image{opacity:1}.drawing-complete .villa-drawing-lines{opacity:0}
@keyframes villa-line-draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
@keyframes villa-ink-resolve{0%,70%{opacity:1}100%{opacity:0}}
@keyframes villa-colour-arrives{0%,39%{opacity:0}58%{opacity:.13}78%{opacity:.7}100%{opacity:1}}
@keyframes villa-construction-lines{from{stroke-dashoffset:1350;opacity:0}25%{opacity:.3}to{stroke-dashoffset:0;opacity:1}}
@keyframes villa-note-arrives{from{opacity:0}to{opacity:1}}
@media(max-width:760px){.villa-trace .trace-detail path{stroke-width:.5px}.villa-trace .trace-garden path{stroke-width:.65px}}
@media(prefers-reduced-motion:reduce){.villa-drawing-image{opacity:1!important;animation:none!important}.villa-drawing-lines{display:none}.drawing-active .drawing-guides path,.drawing-active .drawing-note,.drawing-active .drawing-stamp{animation:none}}