/* Image and static annotation share one coordinate plane at every viewport. */
.house-art{position:absolute;left:0;right:0;bottom:0;aspect-ratio:3/2}
.house-art>img{width:100%;height:100%;object-fit:contain}
.house-annotations{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.house-annotations path{fill:none;stroke:var(--blue);stroke-width:1.5;vector-effect:non-scaling-stroke}
.house-annotations circle{fill:var(--blue);stroke:white;stroke-width:1.5;vector-effect:non-scaling-stroke}
.house-annotations text{font-family:Manrope,sans-serif;font-size:26px;font-weight:700;fill:var(--blue);paint-order:stroke;stroke:var(--paper);stroke-width:9px;stroke-linejoin:round}
.house-scan{position:absolute;inset:0;pointer-events:none;-webkit-mask-image:url('/assets/house.webp');mask-image:url('/assets/house.webp');-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}
.house-scan{overflow:hidden}
.inspection-beam{position:absolute;inset:-15% 0;opacity:0;background:linear-gradient(180deg,transparent 42%,rgba(19,124,50,.08) 46%,rgba(19,124,50,.35) 49%,rgba(255,255,255,.8) 50%,rgba(6,73,206,.25) 51%,transparent 56%)}
.button svg,.text-link svg{transition:transform 200ms cubic-bezier(.16,1,.3,1)}
.button svg{box-sizing:content-box;padding:5px;background:rgba(255,255,255,.13);border-radius:50%;margin-right:-7px}
.button-white svg,.button-outline svg{background:rgba(19,124,50,.09)}
.button:hover svg,.text-link:hover svg{transform:translateX(4px)}
.button:hover{box-shadow:0 5px 12px rgba(7,26,65,.12),inset 0 1px 0 rgba(255,255,255,.17)}
.button:active{transform:translateY(1px);box-shadow:inset 0 1px 2px rgba(7,26,65,.15)}
.question-icon:after{transition:transform 180ms cubic-bezier(.16,1,.3,1)}
.contact-email{margin:24px 0 28px;padding-block:20px;border-block:1px solid var(--rule)}
.contact-email span{display:block;font-size:.78rem;color:var(--muted);margin-bottom:6px}
.contact-email a{font-size:clamp(1.1rem,2vw,1.35rem);font-weight:700;text-decoration:none;color:var(--green-dark)}
.contact-email a:hover{text-decoration:underline}
@media(max-width:700px){.house-annotations text{font-size:42px;stroke-width:12px}.contact-email a{font-size:1.22rem}}
@media(prefers-reduced-motion:reduce){.inspection-beam{display:none}.button svg,.text-link svg,.question-icon:after{transition:none!important}.button:hover svg,.text-link:hover svg,.button:active{transform:none}}