.contact-strip>div{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(200px,.8fr) auto;align-items:center;gap:30px}
.contact-strip h2{font-size:clamp(40px,4.8vw,72px)}
.living-house{width:100%;max-width:280px;justify-self:center;text-align:center}
.house-drawing{display:block;width:100%;height:auto;overflow:visible}
.house-wall,.resident{fill:#183b31}.resident{pointer-events:none}
.window-glass{fill:#183b31;transition:fill 1s ease,filter 1s ease}
.house-window{cursor:pointer;outline:none}
.house-window.is-lit .window-glass{fill:#f4c273;filter:drop-shadow(0 0 5px #f0b64a55)}
.house-window.is-touched .window-glass{fill:#ffda8e;filter:drop-shadow(0 0 7px #ffd07899);transition-duration:.25s}
.house-window:focus-visible .window-glass{stroke:#bf791c;stroke-width:3}
.house-pause{font:inherit;font-size:12px;line-height:1.6;padding:10px 12px;border:0;background:none;color:#4b6258;text-decoration:underline;text-underline-offset:4px;cursor:pointer;min-height:40px}
.house-pause:focus-visible{outline:2px solid #183b31;outline-offset:2px}
@media(max-width:1100px) and (min-width:761px){.contact-strip>div{grid-template-columns:1fr 240px;gap:20px 30px}.living-house{grid-column:2;grid-row:1/3}.contact-strip .button{justify-self:start}.contact-strip h2{font-size:clamp(40px,5vw,56px)}}
@media(max-width:760px){.contact-strip>div{grid-template-columns:1fr;gap:22px}.contact-strip h2{font-size:clamp(38px,8vw,52px)}.living-house{max-width:225px}.contact-strip .button{margin-top:0}.house-pause{font-size:12px}}
@media(prefers-reduced-motion:reduce){.window-glass{transition:none!important;filter:none!important}}