/* Loft-first visual refinement. Original house and onboarding logic preserved. */
:root{--ink:#242c28;--paper:#faf9f5;--muted:#70756e;--line:#e1e3db;--accent:#b8533f;--accent-dark:#9d4433;--mb-accent:#b8533f}
body.loft-preview{background:var(--paper);color:var(--ink)}
.clean-arrow{width:20px;height:20px;vertical-align:middle;display:inline-block;fill:none;stroke:currentColor;stroke-width:1.6;flex-shrink:0}
.preview-strip{min-height:32px;padding:6px max(32px,calc((100vw - 1440px)/2));display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #e1e3db;background:#eeefe8;color:#687263;font-size:10px;letter-spacing:.11em;line-height:1.4}
.preview-strip>span{font-size:9px;font-weight:650}.preview-strip>a{display:flex;align-items:center;gap:8px;font-weight:650;letter-spacing:0;color:#42503f}.preview-strip .clean-arrow{width:14px;height:14px}
.loft-preview .site-header{padding:22px 4.2vw;background:#faf9f5;border-bottom:1px solid var(--line);box-shadow:none;min-height:100px}
.loft-preview .brand{gap:12px;align-items:center}.loft-preview .brand-mark{width:44px;height:44px;color:#3e5947;stroke-width:1.6;flex-shrink:0}
.loft-preview .brand .brand-wordmark{display:block;font-size:22px;line-height:1.05;font-weight:800;letter-spacing:.035em}
.loft-preview .brand .brand-wordmark .brand-descriptor{display:block;font-size:10px;line-height:1.6;font-weight:550;letter-spacing:.31em;margin-top:5px;color:#687164}
.loft-preview .desktop-nav{gap:25px;font-size:11px}.loft-preview .header-actions>.button{background:#334c3d;border-color:#334c3d;border-radius:5px;min-height:46px;padding:13px 18px;color:#fff}
.loft-preview .button{border-radius:5px}.loft-preview .hero{padding-top:35px;padding-bottom:38px;gap:36px;grid-template-columns:41fr 59fr}
.loft-preview .hero-copy{padding:10px 0}.loft-preview .hero-copy>.eyebrow{color:#6a7965;font-size:10px;letter-spacing:.17em;margin:0}
.loft-preview .hero h1{font-size:clamp(60px,6.2vw,91px);line-height:1.02;letter-spacing:-.065em;font-weight:750;margin:23px 0 23px}
.loft-preview .hero h1>span{color:#8b9c7e}.loft-preview .hero-intro{font-size:15px;line-height:1.9;max-width:350px;color:#6c746a}
.loft-preview .hero-ctas{gap:20px;margin-top:28px}.loft-preview .hero-ctas>.button{min-height:54px;font-size:13px;gap:38px;padding:16px 22px;background:#334c3d;border-color:#334c3d}.loft-preview .hero-ctas>.button:hover{background:#263f30}
.loft-preview .hero-ctas .text-link{display:flex;gap:10px;align-items:center;font-size:12px;color:#4e5b4a}.loft-preview .hero-ctas .text-link .clean-arrow{width:16px;height:16px}
.loft-preview .explorer-wrap{min-height:600px;border-radius:12px;border-color:#e2e5db;background:#e9ece3}
.loft-preview .confidence-strip{font-size:11px;color:#5a6655;padding-block:22px}.loft-preview .confidence-strip svg{color:#7b8e70}
.loft-preview .living-section{gap:85px}.loft-preview .living-visual{border-radius:8px;height:610px}.loft-preview .living-visual>img{object-position:50% 55%;width:100%;height:100%}
.loft-preview .living-copy h2{font-size:clamp(42px,4.3vw,63px);letter-spacing:-.06em}.loft-preview .living-copy .eyebrow{font-size:9px;color:#718367;max-width:320px}.loft-preview .living-copy>p:not(.eyebrow){font-size:14px;line-height:1.9}
.loft-preview .image-tag{background:#f9faf3df;border:1px solid #ffffff6b;color:#4e5b47;font-size:8px;letter-spacing:.12em}
.loft-preview .demo-offer{background:#f0f2e9;border-color:#e0e5d8;border-radius:8px;padding:38px 40px;gap:45px;grid-template-columns:1fr 260px;margin-top:30px}
.loft-preview .demo-offer h2{font-size:39px;margin:14px 0}.loft-preview .demo-offer .eyebrow{color:#718167;font-size:9px}.loft-preview .demo-offer p:not(.eyebrow){font-size:13px;max-width:600px}.loft-preview .demo-offer .demo-offer-terms{font-size:10px!important;max-width:570px;color:#78816f}
.loft-preview .demo-offer .button{white-space:normal;background:#334c3d;border-color:#334c3d;font-size:12px;gap:18px}
.loft-preview .footer-contact .eyebrow{color:#91a186;font-size:8px}.footer-plan{display:flex;align-items:center;gap:14px;padding:8px 0;border:0;background:none;font-size:21px;font-weight:650;color:inherit}
.loft-preview .mobile-bottom-bar{display:none!important}.loft-preview .site-footer{padding-bottom:40px}
.business-offer .mb-symbol{letter-spacing:0;padding:0}.business-offer .mb-symbol svg{width:30px;height:30px;stroke:#fff;stroke-width:1.6}.business-offer .campaign-header{padding-block:22px}
@media(min-width:1500px){.preview-strip{padding-inline:52px}.loft-preview .site-header{padding-inline:52px}}
@media(max-width:1190px){.loft-preview .desktop-nav{gap:16px}.loft-preview .brand .brand-wordmark{font-size:19px}.loft-preview .brand-mark{width:38px;height:38px}.loft-preview .header-actions>.button{font-size:10px;padding:11px 13px}.loft-preview .hero{gap:24px;grid-template-columns:40fr 60fr}.loft-preview .hero h1{font-size:clamp(55px,6.4vw,78px)}.loft-preview .explorer-wrap{min-height:560px}.loft-preview .living-section{gap:50px}}
@media(max-width:980px){.loft-preview .hero{grid-template-columns:1fr;gap:26px}.loft-preview .hero-copy{max-width:610px}.loft-preview .hero h1{font-size:74px}.loft-preview .hero-intro{max-width:460px}.loft-preview .hero-ctas{flex-direction:row;align-items:center;gap:24px}.loft-preview .explorer-wrap{min-height:620px}}
@media(max-width:760px){
 .preview-strip{padding:7px 20px;min-height:34px;gap:12px}.preview-strip>span{font-size:7px;letter-spacing:.12em}.preview-strip>a{font-size:10px;gap:6px}.preview-strip .clean-arrow{width:13px;height:13px}
 .loft-preview .site-header{padding:18px 20px;min-height:82px;gap:14px}.loft-preview .brand-mark{width:37px;height:37px}.loft-preview .brand{gap:10px}.loft-preview .brand .brand-wordmark{font-size:20px;letter-spacing:.035em}.loft-preview .brand .brand-wordmark .brand-descriptor{font-size:8px;margin-top:5px;letter-spacing:.32em}
 .loft-preview .header-actions>.button{display:none}.loft-preview .header-actions{margin-left:auto}.loft-preview .menu-toggle{min-width:66px;min-height:44px;gap:10px}.loft-preview .menu-toggle-label{font-size:11px}
 .loft-preview .hero{padding-top:32px;padding-bottom:26px;gap:28px}.loft-preview .hero-copy{padding:0}.loft-preview .hero-copy>.eyebrow{font-size:8px;letter-spacing:.16em}
 .loft-preview .hero h1{font-size:clamp(48px,13.7vw,66px);line-height:1.025;margin:17px 0 19px;letter-spacing:-.065em}.loft-preview .hero-intro{font-size:13px;line-height:1.85;max-width:355px}
 .loft-preview .hero-ctas{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;column-gap:20px;row-gap:17px;margin-top:22px}.loft-preview .hero-ctas>.button{min-height:49px;padding:14px 18px;font-size:11px;gap:26px}.loft-preview .hero-ctas .text-link{font-size:10px;gap:5px}.loft-preview .hero-ctas .text-link .clean-arrow{width:13px;height:13px}
 .loft-preview .explorer-wrap{min-height:490px;border-radius:10px}.loft-preview .explorer-heading{left:18px;right:18px;top:17px}.loft-preview .explorer-heading .eyebrow{font-size:7px;letter-spacing:.09em}.loft-preview .live-label{font-size:8px}.loft-preview .scene-stage{top:35px;bottom:118px}.loft-preview .scene-annotation{left:18px;top:58px}.loft-preview .scene-view-controls{left:18px;top:102px}.loft-preview .scene-hint{left:18px;bottom:151px}.loft-preview .scene-view-controls button{min-height:30px}.loft-preview .roof-balcony-toggle{right:16px}.loft-preview .explorer-controls{left:11px;right:11px}
 .loft-preview .confidence-strip{font-size:10px;padding-block:20px;gap:17px 12px}.loft-preview .confidence-strip>span{font-size:9px;width:calc(50% - 6px);gap:7px}.loft-preview .confidence-strip svg{width:13px;height:13px}
 .loft-preview .living-section{padding-block:55px;gap:29px}.loft-preview .living-visual{height:450px;border-radius:8px}.loft-preview .living-visual>img{object-position:50% 50%}.loft-preview .living-copy h2{font-size:46px;line-height:1.08}.loft-preview .living-copy .eyebrow{font-size:8px}.loft-preview .living-copy>p:not(.eyebrow){font-size:13px}.loft-preview .image-tag{font-size:7px}
 .loft-preview .demo-offer{padding:28px 23px;grid-template-columns:1fr;gap:24px;margin-top:10px;margin-bottom:45px}.loft-preview .demo-offer h2{font-size:33px}.loft-preview .demo-offer p:not(.eyebrow){font-size:12px}.loft-preview .demo-offer>div:last-child{gap:12px;align-items:flex-start}.loft-preview .demo-offer>div:last-child>span{max-width:100%;font-size:10px}.loft-preview .demo-offer .button{min-height:50px;font-size:12px}
 .loft-preview .site-footer{padding-bottom:35px}.loft-preview .footer-contact .footer-plan{font-size:20px}.loft-preview .footer-bottom{font-size:9px}.loft-preview .footer-grid p,.loft-preview .footer-grid a{font-size:11px}
}
@media(max-width:380px){.preview-strip{padding-inline:15px}.preview-strip>span{font-size:6.5px}.preview-strip>a{font-size:9px}.loft-preview .site-header{padding-inline:15px}.loft-preview .hero h1{font-size:49px}.loft-preview .hero-ctas{column-gap:15px}.loft-preview .hero-ctas>.button{font-size:10px;padding-inline:14px;gap:15px}.loft-preview .hero-ctas .text-link{font-size:9px}.loft-preview .explorer-wrap{min-height:465px}.loft-preview .living-visual{height:400px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
