.buyer-mode header,.buyer-mode[data-experience="homes"] header{height:138px;min-height:138px;grid-template-rows:1fr;padding:8px 70px;position:relative;z-index:1001}.buyer-mode main,.buyer-mode[data-experience="homes"] main{height:calc(100dvh - 138px)}.buyer-mode .brand,.buyer-mode[data-experience="homes"] .brand{grid-row:1}.buyer-mode .site-menu-toggle{position:absolute;top:38px;left:18px;width:46px;height:46px;font-size:26px;background:#041839;color:white;border:0;border-radius:12px}.buyer-mode .experience-navigation,.buyer-mode[data-experience="homes"] .experience-navigation{display:none;position:absolute;left:18px;top:94px;width:290px;max-height:calc(100dvh - 110px);overflow:auto;background:white;border:1px solid #dce3ec;padding:10px;border-radius:14px;box-shadow:0 16px 50px #04183930;z-index:2000}.buyer-mode .experience-navigation.menu-open{display:flex;flex-direction:column;align-items:stretch}.buyer-mode .experience-navigation button,.buyer-mode[data-experience="homes"] .experience-navigation button{text-align:left;padding:13px 16px;font-size:14px!important;white-space:normal;border-radius:8px}.buyer-mode.service-view main>aside,.buyer-mode.service-view main>.mapwrap{display:none!important}.service-panel[hidden]{display:none!important}.service-panel{width:100%;overflow:auto}.education-panel .service-content{max-width:1160px;margin:auto;padding:46px 32px 80px}.education-panel h2{font:42px/1.1 Georgia,serif;color:#041839;margin:12px 0}.education-panel h3{font:24px/1.2 Georgia,serif;color:#041839}.education-panel p{line-height:1.7}.education-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:28px 0}.education-card{background:white;border:1px solid #dce3ec;border-top:3px solid #f58b5e;padding:24px;border-radius:12px}.education-card h3{margin:0 0 12px}.education-card p{margin:0;font-size:14px}.education-panel>.service-content>.primary{margin-top:24px}.mortgage-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;margin:32px 0}.mortgage-form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.mortgage-form label{font-size:13px;font-weight:600;display:flex;flex-direction:column;gap:8px}.mortgage-form input{width:100%;padding:12px;border:1px solid #afbdcd;border-radius:8px;font-size:18px;box-sizing:border-box}.mortgage-form small{font-size:11px;line-height:1.5;font-weight:400;color:#526278}.mortgage-result{background:#041839;color:white;border-radius:18px;padding:30px;align-self:start;position:sticky;top:20px}.mortgage-result .eyebrow{color:#f58b5e}.payment-total{display:block;font:54px Georgia,serif;margin:16px 0}.mortgage-result p,.mortgage-result small{font-size:12px;line-height:1.6}.mortgage-result dl{display:grid;grid-template-columns:1fr auto;gap:12px;border-top:1px solid #ffffff40;border-bottom:1px solid #ffffff40;padding:20px 0;font-size:13px}.mortgage-result dd{margin:0}.rate-chart{background:white;border:1px solid #dce3ec;border-radius:15px;padding:28px;margin:35px 0}.rate-chart svg{width:100%;height:auto}.rate-chart svg text{font:13px system-ui;fill:#526278}.chart-ranges{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.chart-ranges button[aria-pressed=true]{background:#041839;color:white}.rate-chart p{font-size:13px}.construction-compare{overflow-x:auto;margin:25px 0}.construction-compare table{border-collapse:collapse;width:100%;font-size:14px;line-height:1.6}.construction-compare caption{text-align:left;font-weight:bold;padding-bottom:14px}.construction-compare th,.construction-compare td{padding:18px;border:1px solid #dce3ec;text-align:left;vertical-align:top;min-width:150px}.construction-compare thead{background:#041839;color:white}.construction-compare tbody th{background:#f3f5f8}.guide-topic{border:1px solid #dce3ec;border-radius:12px;margin:12px 0;background:white;padding:20px}.guide-topic summary{cursor:pointer;font-size:18px;font-weight:600;color:#041839}.guide-topic p{max-width:850px}.education-sources{display:flex;flex-wrap:wrap;gap:18px;font-size:13px}.contact-layout{grid-template-columns:1fr 1fr!important}.vince-card{border:1px solid #dce3ec;padding:22px;border-radius:12px;align-self:start}.vince-card img{width:100%;height:auto;border-radius:8px}.vince-card a,.vince-card small{display:block;margin:12px 0;color:#041839}.buyer-contact-form{grid-column:1/-1;max-width:760px;width:100%;justify-self:center}.education-panel a{color:#041839;text-underline-offset:3px}.education-panel .hint{font-size:12px;line-height:1.7}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #f58b5e;outline-offset:3px}
@media(max-width:680px){.buyer-mode header,.buyer-mode[data-experience="homes"] header{height:122px;min-height:122px;padding:8px 12px 8px 62px;grid-template-rows:1fr}.buyer-mode main,.buyer-mode[data-experience="homes"] main{height:calc(100dvh - 122px)}.buyer-mode .site-menu-toggle{left:10px;top:35px;width:40px;height:40px}.buyer-mode .experience-navigation,.buyer-mode[data-experience="homes"] .experience-navigation{left:10px;top:92px;width:min(300px,calc(100vw - 40px))}.buyer-mode .brand-title h1,.buyer-mode[data-experience="homes"] .brand-title h1{font-size:14px}.buyer-mode .brand-logo,.buyer-mode[data-experience="homes"] .brand-logo{flex-shrink:0;width:80px;height:74px}.buyer-mode .brand-logo img,.buyer-mode[data-experience="homes"] .brand-logo img{width:210px;height:210px;left:-62px;top:-64px}.education-panel .service-content{padding:28px 18px 70px}.education-panel h2{font-size:32px}.education-grid,.mortgage-layout,.contact-layout{grid-template-columns:1fr!important}.mortgage-result{position:static}.mortgage-form{gap:16px 12px}.education-card{padding:20px}.rate-chart{padding:18px}.buyer-contact-form{grid-column:auto}.service-content{padding:25px 18px}.vince-card{margin-bottom:20px}}
/* Comfortable type and a full-height left navigation drawer. */
.buyer-mode{font-size:16px}.buyer-mode p,.buyer-mode .service-intro,.buyer-mode .education-card p{font-size:16px;line-height:1.7}.buyer-mode .hint,.buyer-mode small,.buyer-mode .form-delivery-note{font-size:13px!important;line-height:1.6}.buyer-mode button,.buyer-mode input,.buyer-mode select,.buyer-mode textarea{font-size:16px}.buyer-mode .eyebrow{font-size:11px}.buyer-mode aside p{font-size:14px}.buyer-mode .service-content h3{font-size:26px}.buyer-mode .site-menu-toggle{width:124px;height:54px;top:38px;left:22px;font-size:19px;font-weight:600;letter-spacing:.2px;border-radius:14px;box-shadow:0 5px 16px #04183918}.buyer-mode .experience-navigation,.buyer-mode[data-experience="homes"] .experience-navigation{position:fixed;top:0;left:0;bottom:0;width:min(360px,88vw);height:100dvh;max-height:100dvh;margin:0;box-sizing:border-box;border:0;border-radius:0 20px 20px 0;padding:26px 18px;z-index:3000;box-shadow:15px 0 60px #04183925;gap:5px}.buyer-mode .experience-navigation.menu-open{display:flex;animation:drawer-enter .2s ease-out}.drawer-heading{display:flex;justify-content:space-between;align-items:center;padding:5px 12px 24px;margin-bottom:12px;border-bottom:1px solid #dce3ec;color:#041839;font-size:20px}.buyer-mode .drawer-heading button{font-size:30px!important;padding:0 8px!important;background:transparent}.buyer-mode .experience-navigation>button,.buyer-mode[data-experience="homes"] .experience-navigation>button{font-size:17px!important;padding:15px 18px;min-height:50px}.menu-scrim{display:none}.drawer-open .menu-scrim{display:block;position:fixed;inset:0;background:#04183966;backdrop-filter:blur(2px);border:0;border-radius:0;z-index:2500;width:100vw;height:100dvh}.mortgage-layout{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start}.mortgage-right{min-width:0;display:flex;flex-direction:column;gap:24px}.mortgage-result{position:static}.mortgage-right .rate-chart{margin:0;padding:24px}.mortgage-form label{font-size:16px}.mortgage-form small{font-size:13px!important}.mortgage-form input,.mortgage-form select{font-size:19px;padding:13px;border-radius:9px;border:1px solid #afbdcd;width:100%;box-sizing:border-box}.mortgage-form input::placeholder{font-size:15px;color:#68768a}.calculator-actions{grid-column:1/-1;display:flex;justify-content:space-between;gap:20px;padding-top:14px;align-items:center}.calculator-actions button{padding:14px 28px;min-width:120px;font-size:17px}.mortgage-result p,.mortgage-result small,.mortgage-result dl{font-size:14px!important}.mortgage-result .payment-total{font-size:52px}.rate-graphic{position:relative}.rate-tooltip{display:block;background:#fff1e8;color:#041839;padding:12px 14px;border-radius:8px;font-weight:700;font-size:16px;margin:8px 0}.rate-graphic input[type=range]{width:100%;accent-color:#041839;cursor:ew-resize}.rate-chart svg{touch-action:pan-y}.rate-chart svg text{font-size:17px}.chart-ranges button{font-size:14px;padding:9px 12px}.education-panel .service-content{max-width:1300px}.omitted-costs{border-left:3px solid #f58b5e;padding-left:12px;color:#fff1e8}.contact-details p,.buyer-contact-form label,.buyer-contact-form input,.buyer-contact-form select,.buyer-contact-form textarea{font-size:16px!important}.guide-topic summary{font-size:20px}.construction-compare table{font-size:16px}.education-sources{font-size:15px}.buyer-mode .shopping-intro p,.buyer-mode .shopping-help{font-size:14px}.buyer-mode .featured-guide,.buyer-mode .area-card{font-size:15px}
@keyframes drawer-enter{from{transform:translateX(-100%)}to{transform:translateX(0)}}@media(prefers-reduced-motion:reduce){.buyer-mode .experience-navigation.menu-open{animation:none}}
@media(max-width:850px){.mortgage-layout{grid-template-columns:1fr}.mortgage-right{gap:22px}.buyer-mode .site-menu-toggle{width:46px;height:48px;overflow:hidden;font-size:0;left:12px;top:32px}.buyer-mode .site-menu-toggle::before{content:'☰';font-size:27px}.buyer-mode .experience-navigation,.buyer-mode[data-experience="homes"] .experience-navigation{top:0;left:0;width:min(360px,88vw)}.mortgage-form{grid-template-columns:1fr 1fr}.mortgage-form label{font-size:15px}.mortgage-form small{font-size:12px!important}.education-panel .service-content{padding-left:20px;padding-right:20px}.buyer-mode p{font-size:16px}}
@media(max-width:420px){.mortgage-form{grid-template-columns:1fr}.calculator-actions button{min-width:0;flex:1}.mortgage-result{padding:24px}.mortgage-result .payment-total{font-size:46px}}