@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&family=Lora:wght@500;600;700&display=swap');
:root{--navy:#10263b;--gold:#e5b871;--ink:#1a2b3a;--muted:#5a6974;--line:#dbe2e6;--pale:#f1f5f6}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:white;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}a{color:inherit}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}header{display:flex;align-items:center;gap:40px;padding:22px 5.5%;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:5}.brand{display:inline-flex;flex-direction:column;gap:8px;align-items:center;text-decoration:none;color:var(--navy);line-height:1.15;flex-shrink:0}.brand-domain{display:block;font-size:24px;font-weight:600;letter-spacing:-.7px}.domain-ending{color:#986b33;font-weight:400}nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:500;align-items:center}nav a{text-decoration:none}.nav-contact{border-bottom:1px solid #ad7a39;padding:6px 0}.header-phone{font-size:14px;font-weight:700;text-decoration:none}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white;min-height:650px}.hero-copy{padding:95px 9% 60px 11%;display:flex;flex-direction:column;justify-content:center}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;margin:0 0 22px;color:#a8793a}.hero .eyebrow,.contact .eyebrow{color:var(--gold)}h1,h2{font-family:'Libre Caslon Display',Georgia,serif;font-weight:400;line-height:1.06;letter-spacing:-1.5px;margin:0}h1{font-size:clamp(47px,4.7vw,76px)}h1 em{font-style:normal;color:var(--gold)}h2{font-size:clamp(40px,4vw,58px)}h3{font-size:23px;line-height:1.3;font-weight:500;margin:18px 0 15px}.intro{color:#d0dae1;max-width:430px;margin:27px 0 32px;font-size:17px}.actions{display:flex;flex-wrap:wrap;gap:22px;align-items:center}.button{border:0;display:inline-flex;justify-content:center;align-items:center;padding:16px 22px;text-decoration:none;font-size:14px;font-weight:700;cursor:pointer;border-radius:2px;line-height:1.4}.gold{color:var(--navy);background:var(--gold)}.gold:hover{background:#f0cc94}.text-link{font-size:14px;text-underline-offset:6px}.hero-note{display:flex;gap:18px;align-items:center;font-size:12px;color:#bbc8d1;letter-spacing:.5px;margin-top:45px}.hero-note i{height:3px;width:3px;background:var(--gold);border-radius:50%}.hero-image{position:relative;min-height:600px;overflow:hidden;background:#254760}.hero-image img{height:100%;width:100%;object-fit:cover;position:absolute}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,24,41,.65),transparent 70%)}.image-tag{position:absolute;top:30px;right:30px;font-size:12px;letter-spacing:2px;z-index:1;background:#10263b9c;padding:9px 13px}.image-caption{position:absolute;bottom:40px;left:40px;z-index:1;font-family:'Libre Caslon Display',Georgia,serif;font-size:38px;line-height:1.1}.intro-strip{display:grid;grid-template-columns:1fr 2fr;gap:60px;padding:32px 6%;border-bottom:1px solid var(--line);align-items:center}.intro-strip span{font-family:Georgia,serif;font-size:24px}.intro-strip p{font-size:14px;color:var(--muted);max-width:650px;margin:0}.section{padding:90px 6%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading>p{max-width:380px;color:var(--muted);margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cards article{padding:35px;border:1px solid var(--line);display:flex;flex-direction:column}.card-number{font-size:12px;letter-spacing:2px;color:#946932}.cards article p{color:var(--muted);font-size:15px}.cards ul{padding:0;list-style:none;font-size:14px;margin:15px 0 25px}.cards li{border-top:1px solid var(--line);padding:8px 0}.cards a{margin-top:auto;font-size:14px;font-weight:700;text-underline-offset:5px}.cards .dark-card{background:var(--navy);color:white;border-color:var(--navy)}.dark-card .card-number{color:var(--gold)}.dark-card p{color:#ccd5df!important}.dark-card a{color:var(--gold)}.calculator{background:var(--pale);display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.calculator-copy>p:not(.eyebrow){color:var(--muted);max-width:370px;margin-top:25px}.calc-note{border-left:2px solid #c89c5b;padding-left:18px;margin-top:45px;font-size:14px}.calc-panel{background:white;padding:35px;box-shadow:0 10px 45px #10263b08}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:14px;font-weight:600}input,select,textarea{display:block;width:100%;margin-top:8px;border:1px solid #cbd6de;border-radius:2px;padding:11px 12px;background:white;color:var(--ink);font-size:16px}input:focus,select:focus,textarea:focus{outline:2px solid #a97e43}.estimate{background:var(--navy);color:#fff;padding:24px;margin-top:25px}.estimate>span{font-size:13px;color:#cedae3}.estimate strong{display:block;font-size:48px;font-weight:500;line-height:1.4;letter-spacing:-1px}.breakdown{border-top:1px solid #ffffff2b;padding-top:13px;display:flex;flex-direction:column;font-size:13px;gap:5px}.breakdown>span{display:flex;justify-content:space-between;gap:15px}.breakdown b{font-weight:500}.small{font-size:12px;line-height:1.6;color:var(--muted)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px;border-top:1px solid var(--line);padding-top:35px}.steps article>span{font-family:Georgia,serif;color:#a97e43;font-size:35px}.steps p{color:var(--muted);font-size:15px}.faq{padding-top:20px;max-width:1100px;margin:0 auto}.faq h2{margin-bottom:35px}details{border-top:1px solid var(--line);padding:20px 0}details:last-child{border-bottom:1px solid var(--line)}summary{font-size:17px;font-weight:500;cursor:pointer}details p{color:var(--muted);font-size:15px;max-width:800px;padding-left:20px}.contact{background:var(--navy);color:white;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact>div>p:not(.eyebrow){color:#ccd7df;max-width:400px}.contact-person{display:flex;gap:16px;align-items:center;margin-top:35px}.initials{background:#ffffff0e;border:1px solid #ffffff30;border-radius:50%;padding:14px;font-family:Georgia,serif;font-size:20px}.contact-person strong{display:block;font-size:19px}.contact-person div span{font-size:13px;color:#bdcbd6}.contact-link{font-size:28px;display:block;margin-top:23px;text-decoration:none;color:var(--gold)}.contact-email{display:block;color:#dbe4eb;font-size:16px}.contact-form{background:white;padding:35px;color:var(--ink)}.contact-form h3{margin-top:0}.contact-form>label,.contact-form>.field-grid{margin-bottom:15px}.contact-form .button{width:100%}footer{padding:45px 6% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p,.footer-top>a:not(.brand){font-size:13px}.legal{font-size:12px;line-height:1.8;color:var(--muted);margin:35px 0 22px;max-width:1100px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px;font-size:12px;color:var(--muted)}.footer-bottom button{background:none;border:0;text-decoration:underline;font-size:12px;cursor:pointer;color:inherit}#privacy{font-size:13px;color:var(--muted);max-width:850px}#calc-error:empty,#contact-status:empty{display:none}@media(min-width:1600px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:1050px){header{gap:20px}.header-phone{display:none}nav{gap:20px}.hero-copy{padding:65px 8%}.hero{min-height:580px}.hero-image{min-height:580px}.cards article{padding:25px}.calculator{gap:5%}.contact{gap:6%}.section{padding:70px 5%}}@media(max-width:700px){header{padding:18px 5%;flex-wrap:wrap;gap:15px}.brand-domain{font-size:22px}nav{gap:18px;width:100%;justify-content:space-between;font-size:14px}.hero{grid-template-columns:1fr}.hero-copy{padding:55px 6% 45px}h1{font-size:54px}.hero-image{min-height:360px}.image-caption{font-size:32px;left:25px;bottom:25px}.intro-strip{grid-template-columns:1fr;gap:12px;padding:28px 6%}.section{padding:55px 6%}.section-heading{display:block}.section-heading>p{margin-top:25px}.cards,.calculator,.steps,.contact{grid-template-columns:1fr;gap:25px}.calculator-copy>p:not(.eyebrow){max-width:100%}.calc-note{display:none}.calc-panel,.contact-form{padding:23px}.field-grid{gap:14px}.steps{gap:20px}.steps h3{margin-top:8px}.footer-top{align-items:flex-start;flex-direction:column;gap:18px}.footer-top p{margin:0}.faq{padding-top:10px}.hero-note{gap:12px}.contact-link{font-size:27px}.image-tag{right:20px;top:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.honeypot{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.consent{display:flex;align-items:flex-start;gap:10px;font-size:13px;font-weight:400;line-height:1.5}.consent input{width:18px;height:18px;margin:2px 0;flex-shrink:0}.button:disabled{opacity:.6;cursor:wait}

@media(max-width:380px){.brand-domain{font-size:21px}nav{gap:12px}}

header{display:block;padding:0;gap:0}
.header-row{display:flex;align-items:center;gap:40px;padding:18px 5.5% 24px}
.header-row .brand{flex-direction:row;gap:0}
.header-row .brand-domain{font-size:25px}
@media(max-width:1050px){.header-row{gap:20px}}

header{position:relative;isolation:isolate;overflow:hidden;background:#fff}
.header-row{position:relative;padding:96px 5.5% 26px;background:linear-gradient(0deg,rgba(255,255,255,.5),rgba(255,255,255,0) 65%)}
.header-row .brand-domain,.header-row nav a,.header-row .header-phone{text-shadow:0 0 6px #fff,0 0 12px #fff}
header{position:relative;display:block;padding:0;overflow:visible;background:#fff;isolation:auto}
.header-row{position:relative;display:flex;align-items:center;gap:40px;padding:25px 5.5%;background:none}
.brand{flex-direction:row;gap:0}
.brand-domain,.header-row .brand-domain{font-size:25px;font-weight:500}
.brand-initial{font-weight:700}
.header-row .brand-domain,.header-row nav a,.header-row .header-phone{text-shadow:none}
@media(max-width:1050px){.header-row{gap:20px}}
@media(max-width:700px){.header-row{padding:22px 5% 18px;flex-wrap:wrap;gap:18px}.brand-domain,.header-row .brand-domain{font-size:24px}.header-row nav{margin-left:0}}

.brand-domain,.header-row .brand-domain{font-family:'Lora',Georgia,serif;font-size:28px;font-weight:500;letter-spacing:-.65px;line-height:1.3}
.brand-initial{font-weight:700}
.domain-ending{font-family:'DM Sans',Arial,sans-serif;font-size:.76em;letter-spacing:-.25px;font-weight:400;color:#986b33}
@media(max-width:700px){.brand-domain,.header-row .brand-domain{font-size:25px;letter-spacing:-.55px}}
@media(max-width:380px){.brand-domain,.header-row .brand-domain{font-size:24px;letter-spacing:-.5px}}

.intro-strip{padding:44px 6% 48px;row-gap:32px}
.intro-strip>span{font-size:28px}
.mortgage-question{grid-column:1/-1;padding-top:6px}
.mortgage-question h3{font-size:22px;font-weight:500;margin:0 0 26px;line-height:1.4}
.mortgage-options{display:flex;flex-wrap:wrap;column-gap:48px;row-gap:22px;list-style:none;margin:0;padding:0}
.mortgage-options li{font-size:20px;font-weight:500;color:var(--navy);line-height:1.5}
@media(max-width:700px){.intro-strip{padding:34px 6% 38px;row-gap:22px}.mortgage-question h3{font-size:21px;margin-bottom:24px}.mortgage-options{display:grid;grid-template-columns:1fr 1fr;column-gap:26px;row-gap:24px}.mortgage-options li{font-size:18px}}

.intro-strip{padding:32px 6%;row-gap:14px;column-gap:60px}
.intro-strip>span{font-size:24px;grid-column:1;grid-row:1}
.intro-strip>p{grid-column:2;grid-row:1}
.mortgage-question{grid-column:1/-1;grid-row:2;display:flex;align-items:baseline;flex-wrap:wrap;gap:14px 28px;padding:0}
.mortgage-question h3{font-size:16px;font-weight:400;line-height:1.5;margin:0;flex:0 1 auto}
.mortgage-options{display:flex;flex-wrap:wrap;column-gap:30px;row-gap:12px;align-items:baseline}
.mortgage-options li{font-size:16px;font-weight:500;white-space:nowrap}
@media(max-width:700px){.intro-strip{padding:28px 6%;row-gap:14px;grid-template-columns:1fr}.intro-strip>span{grid-column:1;grid-row:1}.mortgage-question{grid-column:1;grid-row:2;gap:12px 20px}.mortgage-question h3{font-size:15px;margin:0}.mortgage-options{display:flex;gap:12px 24px}.mortgage-options li{font-size:15px}.intro-strip>p{grid-column:1;grid-row:3;margin-top:4px}}

.mortgage-question{grid-column:1;grid-row:2;display:block;padding:0}
.mortgage-question h3{font-weight:700;margin:0;font-size:16px}
.intro-strip>.mortgage-options{grid-column:2;grid-row:2;display:flex;justify-content:center;align-items:baseline;gap:12px 24px;width:100%;text-align:center}
@media(max-width:700px){.mortgage-question{grid-column:1;grid-row:2}.mortgage-question h3{font-size:15px;font-weight:700}.intro-strip>p{grid-row:3}.intro-strip>.mortgage-options{grid-column:1;grid-row:4;justify-content:center;gap:12px 22px}}

.mortgage-question,.intro-strip>.mortgage-options{margin-top:16px}
.mortgage-question h3{font-family:Georgia,serif;font-weight:700}

.mortgage-question{min-width:0;overflow-x:auto}
.mortgage-question h3{font-weight:400;white-space:nowrap;font-size:15px}
.intro-strip>.mortgage-options{min-width:0;flex-wrap:nowrap;overflow-x:auto;justify-content:safe center;gap:22px;padding-bottom:6px;scrollbar-width:thin}
.mortgage-options li{flex-shrink:0;white-space:nowrap}
@media(max-width:700px){.mortgage-question h3{font-size:14px;font-weight:400}.intro-strip>.mortgage-options{flex-wrap:nowrap;justify-content:flex-start;gap:20px}.mortgage-options li{font-size:15px}}

.intro-strip{grid-template-columns:minmax(0,max-content) minmax(0,1fr)}
.mortgage-question h3{font-size:22px;font-weight:400}
@media(max-width:700px){.intro-strip{grid-template-columns:minmax(0,1fr)}.mortgage-question h3{font-size:22px;font-weight:400}}

.mortgage-options li+li::before{content:"";display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--muted);vertical-align:middle;margin-right:22px}
@media(max-width:700px){.mortgage-options li+li::before{margin-right:20px}}

/* Keep every mortgage option visible in one responsive row. */
.mortgage-question{overflow:visible}
.mortgage-question h3{white-space:normal}
.intro-strip>.mortgage-options{display:grid;grid-template-columns:1.35fr 1fr .6fr 1.4fr;gap:12px;overflow:visible;padding-bottom:0;align-items:center}
.mortgage-options li{min-width:0;font-size:14px;white-space:normal;position:relative;line-height:1.4}
.mortgage-options li+li::before{position:absolute;left:-8px;top:50%;margin:0;transform:translateY(-50%)}
@media(max-width:1200px){.mortgage-question{grid-column:1/-1;grid-row:2}.intro-strip>.mortgage-options{grid-column:1/-1;grid-row:3}.intro-strip>p{grid-column:2;grid-row:1}}
@media(max-width:700px){.intro-strip>p{grid-column:1;grid-row:3}.intro-strip>.mortgage-options{grid-column:1;grid-row:4;gap:10px}.mortgage-options li{font-size:12px}.mortgage-options li+li::before{left:-6px;width:2px;height:2px}}

/* Phone layout: two readable columns while desktop retains one row. */
@media(max-width:700px){.intro-strip>.mortgage-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 24px}.mortgage-options li{font-size:15px}.mortgage-options li+li::before{display:none}}

/* Place the introduction directly below its heading on phones. */
@media(max-width:700px){.intro-strip>p{grid-row:2;margin-top:0}.intro-strip>.mortgage-question{grid-row:3}.intro-strip>.mortgage-options{grid-row:4}}

/* Linked mortgage options and program destinations */
.mortgage-options a{display:block;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;padding:6px 0}.mortgage-options a:hover{color:#986b33}.mortgage-options a:focus-visible{outline:2px solid var(--navy);border-radius:2px}.loan-programs{background:var(--pale)}.program-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.program-card{background:white;border:1px solid var(--line);padding:32px;scroll-margin-top:30px}.program-card h3{margin-top:0}.program-card p{color:var(--muted);margin-bottom:24px}.program-card .text-link{font-weight:700}.program-note{color:var(--muted);margin:24px 0 0}@media(max-width:700px){.program-grid{grid-template-columns:1fr}.program-card{padding:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.housing-statement{display:flex;align-items:center;gap:12px;margin:24px 0 12px;font-size:13px;font-weight:600}.housing-icon{width:30px;height:26px;flex:none}

.contact-person>div>strong,.contact-person>div>span{display:block}