.house{--house-accent:var(--heat);position:relative;isolation:isolate;min-width:0;color:var(--white);font-family:inherit;container-type:inline-size}.house-heading{display:flex;justify-content:space-between;align-items:center;padding:0 3% 12px;color:var(--muted);font-size:10px;letter-spacing:.12em;text-transform:uppercase}.house-kicker{display:inline-flex;align-items:center;gap:9px}.house-kicker:before{content:"";width:5px;height:5px;border-radius:50%;background:var(--cyan)}.house-edition{font-size:9px;color:var(--muted)}.house-stage{position:relative;aspect-ratio:760/660;isolation:isolate;background:radial-gradient(ellipse at 48% 49%,rgba(70,119,152,.13),transparent 64%)}.house-stage:before{content:"";position:absolute;inset:8% 2% 5%;z-index:-1;background-image:linear-gradient(rgba(130,163,188,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(130,163,188,.045) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(ellipse,#000,transparent 69%);mask-image:radial-gradient(ellipse,#000,transparent 69%)}.house-drawing{position:absolute;inset:0}.house-poster{display:block;width:100%;height:100%;object-fit:contain;opacity:1}.house-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}.house.is-webgl .house-canvas{opacity:1}.house.is-webgl .house-poster{opacity:0}.house-annotation{position:absolute;left:4%;top:12%;font-size:8px;font-weight:500;line-height:1.7;letter-spacing:.16em;color:var(--muted)}.house-scale{position:absolute;right:4%;bottom:5%;display:flex;align-items:center;gap:10px;font-size:8px;color:var(--muted);letter-spacing:.04em}.house-scale>span{display:block;width:36px;height:5px;border:1px solid var(--border);border-top:0}.house-hotspot{--spot:var(--cyan);position:absolute;z-index:2;display:inline-flex;align-items:center;gap:7px;min-height:44px;box-sizing:border-box;padding:5px 10px 5px 5px;border:1px solid var(--border);border-radius:25px;background:var(--card);color:var(--white);font-size:10px;font-weight:600;line-height:1.2;white-space:nowrap;text-decoration:none;box-shadow:0 3px 15px #0003;transform:translate(-50%,-50%);transition:background .15s,border-color .15s}.house-hotspot:hover,.house-hotspot:focus-visible{background:var(--selected);border-color:var(--spot)}.house-hotspot:focus-visible{outline:2px solid var(--cyan);outline-offset:4px}.house-hotspot-dot{display:grid;place-items:center;width:22px;height:22px;flex:none;border:1px solid var(--spot);border-radius:50%;color:var(--spot)}.house-hotspot--boilers{--spot:var(--heat);left:28%;top:61%}.house-hotspot--plumbing{--spot:var(--water);left:43%;top:78%}.house-hotspot--heating{--spot:var(--heat);left:76%;top:45%}.house-hotspot--electrical{--spot:var(--electric);left:63%;top:76%}.house-hotspot--bathrooms{--spot:var(--water);left:31%;top:43%}.house-hotspot[aria-pressed=true]{border-color:var(--spot);background:var(--selected)}.house-hotspot[aria-pressed=true] .house-hotspot-dot{background:var(--spot);color:var(--bg)}.house-service-panel{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 21px;background:var(--card);border:1px solid var(--line);border-radius:11px;position:relative;z-index:3;margin:0 2%}.house-service-summary{display:flex;gap:14px;align-items:center}.house-service-number{font-size:11px;color:var(--house-accent);border-right:1px solid var(--line);padding-right:14px}.house-service-summary strong{display:block;font-size:15px;font-weight:600;line-height:1.2;letter-spacing:-.02em}.house-service-summary p{margin:5px 0 0;color:var(--muted);font-size:10px;line-height:1.5}.house-service-cta{display:flex;align-items:center;gap:12px;color:var(--white);font-size:10px;font-weight:600;text-decoration:none;min-height:44px}.house-service-cta>span:last-child{font-size:20px;color:var(--house-accent)}.house-service-cta:hover{text-decoration:underline}.house-service-cta:focus-visible{outline:2px solid var(--cyan);outline-offset:5px}.house-hint{margin:11px 0 0;text-align:center;font-size:10px;color:var(--muted)}.house-hint-icon{font-size:14px;margin-right:5px;color:var(--cyan)}.house[data-house-selected=plumbing],.house[data-house-selected=bathrooms]{--house-accent:var(--water)}.house[data-house-selected=electrical]{--house-accent:var(--electric)}@media(min-width:1440px){.house-hotspot,.house-service-summary p,.house-service-cta{font-size:11px}}@media(max-width:600px){.house-heading{padding-inline:0}.house-hotspot{font-size:9px;gap:5px;padding-right:7px}.house-hotspot--plumbing{left:33%;top:80%}.house-hotspot--electrical{left:75%;top:76%}.house-hotspot-dot{width:20px;height:20px}.house-service-panel{margin:0;padding:13px 14px;gap:10px}.house-service-number{display:none}.house-service-summary strong{font-size:14px}.house-service-summary p{font-size:9px}.house-service-cta{font-size:10px;gap:6px}.house-annotation{font-size:7px;left:2%;top:8%}.house-scale{font-size:7px;right:0}}@container (max-width:430px){.house-heading{padding-inline:0}.house-hotspot{font-size:9px;gap:5px;padding-right:7px}.house-hotspot--plumbing{left:33%;top:80%}.house-hotspot--electrical{left:75%;top:76%}.house-hotspot-dot{width:20px;height:20px}.house-service-panel{margin:0;padding:13px 14px;gap:10px}.house-service-number{display:none}.house-service-summary strong{font-size:14px}.house-service-summary p{font-size:9px}.house-service-cta{font-size:10px;gap:6px;white-space:nowrap}.house-annotation{font-size:7px;left:2%;top:8%}.house-scale{font-size:7px;right:0}}@media(prefers-reduced-motion:reduce){.house-hotspot{transition:none}}
