/* Keep image and hotspots in one proportional coordinate system. */
.hero{grid-template-columns:minmax(0, .8fr) minmax(0, 1.2fr);min-height:0;align-items:center;overflow:visible;padding:32px clamp(16px,3vw,48px);gap:24px}
.hero-copy{padding:24px 0 32px clamp(0px,2vw,32px);min-width:0}
.hero h1{font-size:clamp(40px,4.6vw,74px);letter-spacing:-2px;line-height:1.03}
.house{width:100%;height:auto;min-height:0;aspect-ratio:3/2;overflow:visible;background:none;align-self:center;scroll-margin-top:100px}
.house>img{display:block;position:static;width:100%;max-width:100%;height:auto;object-fit:contain;filter:none;animation:none;transform:none;border-radius:12px}
.house .hotspot{padding:0;z-index:2;min-height:44px;min-width:44px}
.house .hotspot:nth-of-type(1){left:29%!important;top:36%!important}
.house .hotspot:nth-of-type(2){left:59%!important;top:36%!important}
.house .hotspot:nth-of-type(3){left:25%!important;top:67%!important}
.house .hotspot:nth-of-type(4){left:56%!important;top:67%!important}
.house .hotspot span{width:44px;height:44px;font-size:22px;animation:none}
.house .hotspot em{opacity:1;top:48px;font-size:14px;padding:4px 7px;transform:translateX(-50%);pointer-events:none}
header{gap:18px;padding-inline:clamp(16px,3vw,48px);height:auto;min-height:84px;flex-wrap:wrap;padding-block:12px}
header nav{gap:18px}
header .brand{flex-shrink:0}
header .phone{white-space:nowrap}
header .compact{white-space:nowrap}
.actions{flex-wrap:wrap}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #155d82;outline-offset:4px}
.overlay{overflow-y:auto;overscroll-behavior:contain}
.modal{max-height:calc(100dvh - 40px)}
.modal .close,.guided-chat .chat-close{min-width:44px;min-height:44px}
.guided-chat{max-height:calc(100dvh - 100px);overflow:auto}
[data-form-error]{color:#912811;line-height:1.5;font-weight:600}
.project-modal .upload span{font-size:14px;line-height:1.5}
.project-modal input,.project-modal textarea{font-size:16px;min-width:0;max-width:100%;box-sizing:border-box}
.crew-scene img{object-fit:contain!important;object-position:center!important;width:100%;height:auto;max-height:none}
@media(max-width:1200px){header nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:20px}header nav.open{display:flex}header .menu{display:block;margin-left:auto}header .brand{margin-right:auto}header .phone{font-size:14px}}
@media(max-width:850px){.hero{grid-template-columns:minmax(0,1fr);gap:4px;padding:24px 18px}.hero-copy{padding:12px 4px 24px}.hero h1{font-size:clamp(40px,7vw,64px)}.house{max-width:740px;margin:auto}.hero-copy>p:not(.eyebrow){font-size:17px}.house .hotspot em{font-size:12px}header .phone span{display:none}header .compact{display:none}.crew-header .compact{display:block}.crew-header .menu{display:none}}
@media(max-width:400px){.house .hotspot em{font-size:11px;top:44px}.house .hotspot span{width:40px;height:40px}.hero{padding-inline:10px}.form-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.crew-scene{height:auto;min-height:0;aspect-ratio:3/2;align-self:center}
.crew-scene img{position:static;left:auto;top:auto;width:100%;height:auto;max-width:100%}

.tasks button[aria-pressed="true"]{background:#e0eadf;border-color:#456347;color:#203d27}

.guided-label{display:grid;gap:8px;margin:14px 0;font-size:15px;font-weight:600}.guided-label input,.guided-label select,.guided-label textarea{padding:11px;border:1px solid #a9ada6;border-radius:8px;font:inherit;width:100%;box-sizing:border-box;background:white}.service-browser button[aria-pressed="true"]{background:#e0eadf;border-color:#456347;color:#203d27}.photo-guide{padding-left:22px;line-height:1.65}.guided-chat .primary.full{margin-top:14px}

.build-intro.building-video-intro{background:#101719;animation:none}.building-video-intro video{display:block;width:100%;height:100%;object-fit:contain}.building-video-intro .skip{z-index:1;background:#fff;color:#163f55}