/* NDW SEO additions only.
   This stylesheet intentionally does not change any existing approved homepage selector. */

.seo-hub{padding:11vh 3vw;background:#F1F5F9;border-top:1px solid rgba(15,23,42,.18)}
.seo-hub-head{display:grid;grid-template-columns:28% 72%;margin-bottom:7vh}
.seo-hub-head>span{font:500 9px "Inter Tight",Arial,sans-serif;letter-spacing:.08em}
.seo-hub-head h2{font-size:clamp(44px,5.2vw,82px);line-height:.94;letter-spacing:-.06em;margin:0;max-width:950px}
.seo-hub-head p{font-size:14px;line-height:1.7;color:#526076;max-width:720px;margin:28px 0 0}
.seo-link-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(15,23,42,.18);border-left:1px solid rgba(15,23,42,.18)}
.seo-link-grid a{min-height:180px;padding:26px;border-right:1px solid rgba(15,23,42,.18);border-bottom:1px solid rgba(15,23,42,.18);display:flex;flex-direction:column;justify-content:space-between;background:#F8FAFC}
.seo-link-grid a:hover{background:#DBEAFE}
.seo-link-grid b{font-size:20px;line-height:1.15;letter-spacing:-.035em}
.seo-link-grid span{font-size:11px;line-height:1.6;color:#526076;max-width:280px}

/* Shared styling for pages added for SEO discovery.
   These class names do not exist on the approved homepage. */
.skip-link{position:absolute;left:-9999px;top:12px;z-index:999}
.skip-link:focus{left:12px;background:#fff;border:1px solid #0F172A;padding:10px 14px}
.shell{width:min(calc(100% - 6vw),1180px);margin-inline:auto}
.site-header{min-height:80px;padding:0 3vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:1px solid rgba(15,23,42,.18);background:#F8FAFC}
.site-header .brand{display:flex;align-items:center;gap:10px}
.site-header .brand span{font-weight:800;font-size:18px;letter-spacing:-.05em}
.site-header .brand small{font:500 9px "Inter Tight",Arial,sans-serif;letter-spacing:.04em}
.site-header nav{display:flex;gap:28px;font:600 10px "Inter Tight",Arial,sans-serif;text-transform:uppercase}
.site-header nav a[aria-current="page"]{color:#2563EB}
.site-header>.button{justify-self:end}
.button{display:inline-flex;align-items:center;justify-content:center;background:#2563EB;color:#fff;padding:14px 18px;font:600 10px "Inter Tight",Arial,sans-serif;text-transform:uppercase;border:0}
.button-small{padding:12px 16px}
.breadcrumbs{padding-top:28px;font:500 9px "Inter Tight",Arial,sans-serif;text-transform:uppercase;color:#64748B}
.page-hero{padding-top:9vh;padding-bottom:7vh;border-bottom:1px solid rgba(15,23,42,.18)}
.page-hero .eyebrow,.section .eyebrow,.cta .eyebrow{font:500 9px "Inter Tight",Arial,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:#2563EB}
.page-hero h1{font-size:clamp(52px,6.6vw,100px);line-height:.9;letter-spacing:-.07em;margin:24px 0 30px;max-width:1050px}
.page-hero .lead{font-size:16px;line-height:1.7;color:#526076;max-width:760px}
.section{padding:10vh 0}
.section.soft{background:#F1F5F9}
.content-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(250px,1fr);gap:70px;align-items:start}
.prose{max-width:780px}
.prose h2{font-size:clamp(30px,3vw,46px);line-height:1.05;letter-spacing:-.045em;margin:0 0 22px}
.prose h2:not(:first-child){margin-top:58px}
.prose h3{font-size:23px;letter-spacing:-.03em;margin:38px 0 14px}
.prose p,.prose li{font-size:14px;line-height:1.75;color:#526076}
.prose a,.card a,.side-card a{color:#2563EB;border-bottom:1px solid currentColor}
.card a.button,.side-card a.button{color:#fff;border-bottom:0}
.checklist{padding-left:20px}
.checklist li{margin:10px 0}
.side-card{border:1px solid rgba(15,23,42,.18);padding:28px;background:#fff;position:sticky;top:24px}
.side-card strong{font-size:22px;letter-spacing:-.035em}
.side-card p{font-size:13px;line-height:1.65;color:#526076}
.side-card a{display:block;width:max-content;max-width:100%;margin-top:14px;font-size:12px}
.cards{display:grid;gap:18px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.card{border:1px solid rgba(15,23,42,.18);padding:30px;background:#fff}
.card h2,.card h3{font-size:26px;letter-spacing:-.04em;margin-top:8px}
.card p,.card li{font-size:13px;line-height:1.65;color:#526076}
.card .price{font-size:45px;line-height:1;font-weight:800;letter-spacing:-.06em;color:#0F172A}
.card .price small{font-size:13px;font-weight:500;letter-spacing:0;color:#64748B}
.card.featured{border:2px solid #2563EB}
.badge{display:inline-block;background:#DBEAFE;color:#0F172A;padding:7px 10px;font:600 9px "Inter Tight",Arial,sans-serif;text-transform:uppercase}
.contact-options{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.notice{border:1px solid rgba(15,23,42,.18);background:#F1F5F9;padding:20px;font-size:13px;line-height:1.65}
.faq-list details{border-top:1px solid rgba(15,23,42,.18);padding:22px 0}
.faq-list details:last-child{border-bottom:1px solid rgba(15,23,42,.18)}
.faq-list summary{cursor:pointer;font-weight:700;font-size:18px}
.faq-list details p{font-size:14px;line-height:1.7;color:#526076}
.project-visual{min-height:330px;display:flex;align-items:flex-end;padding:28px;font-weight:800;letter-spacing:.08em}
.project-visual.stoneford{background:#f7f6f2}
.project-visual.northridge{background:#10271f;color:#fff}
.project-visual.arctic{background:#061a2f;color:#fff}
.cta{padding:10vh 3vw;background:#0B1220;color:#fff}
.cta .shell{width:min(100%,1180px)}
.cta h2{font-size:clamp(44px,5.5vw,84px);line-height:.94;letter-spacing:-.06em;max-width:950px;margin:22px 0 34px}
.footer{padding:7vh 3vw;background:#080B12;color:#fff}
.footer .shell{width:min(100%,1180px)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}
.footer-grid>div{display:flex;flex-direction:column;gap:10px}
.footer .brand{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.footer .brand span{font-weight:800;font-size:18px}
.footer .brand small{font:500 9px "Inter Tight",Arial,sans-serif}
.footer p,.footer a{font-size:11px;line-height:1.65;color:#C7D2E0}
.footer strong{font-size:11px;text-transform:uppercase;margin-bottom:5px;color:#fff}

@media(max-width:900px){
 .seo-link-grid{grid-template-columns:1fr 1fr}
 .seo-hub-head,.content-grid{grid-template-columns:1fr}
 .seo-hub-head>span{margin-bottom:35px}
 .site-header{grid-template-columns:1fr auto}.site-header nav{display:none}
 .cards.three,.footer-grid,.contact-options{grid-template-columns:1fr}
 .side-card{position:static}
}
@media(max-width:760px){
 .seo-hub{padding:9vh 16px}.seo-hub-head h2{font-size:13vw}.seo-link-grid{grid-template-columns:1fr}
 .seo-link-grid a{min-height:145px}
 .shell{width:calc(100% - 32px)}
 .site-header{padding:0 16px;min-height:66px}.site-header>.button{font-size:8px;padding:10px}
 .page-hero{padding-top:7vh}.page-hero h1{font-size:14vw}
 .section{padding:8vh 0}.content-grid{gap:38px}
 .footer{padding:7vh 16px}.cta{padding:9vh 16px}
}
