/* ── SJNC shared site footer (2026-08-21) ──
One footer for every static page (county, town, model, community, legal,
Board Watch). Markup and styling mirror the homepage footer in
southjerseynewconstruction.html (styles.css base + sjnc-modern.css
overrides, merged). Design-only: the license + Fair Housing copy is the
homepage's approved text, untouched.
Load: */
footer.site-footer {
background: #0A1628;
color: rgba(255,255,255,.78);
padding: 80px 0 0;
margin: 0;
font-family: 'DM Sans', sans-serif;
font-size: 15px;
line-height: 1.7;
text-align: left;
}
footer.site-footer * { box-sizing: border-box; }
footer.site-footer .footer-main {
width: min(1160px, 100% - 80px);
margin: 0 auto;
display: grid;
grid-template-columns: 1.5fr .85fr .85fr .85fr .85fr;
gap: 48px;
padding-bottom: 56px;
}
footer.site-footer .footer-brand {
background: rgba(255,255,255,.04);
border-radius: 24px;
padding: 32px 36px;
}
footer.site-footer .footer-brand-h3 { margin: 0 0 18px; line-height: 0; font-size: 0; }
footer.site-footer .footer-logo { display: block; width: 295px; max-width: 100%; height: auto; }
footer.site-footer .footer-brand-sub {
display: block;
font-size: 11px;
letter-spacing: .22em;
text-transform: uppercase;
color: #C9A84C;
font-weight: 600;
margin-bottom: 20px;
}
footer.site-footer .footer-brand-desc {
color: rgba(255,255,255,.7);
max-width: 42ch;
font-size: 14px;
line-height: 1.7;
font-weight: 300;
margin: 0;
}
footer.site-footer .footer-col h4 {
font-family: 'Cormorant Garamond', serif;
font-size: 20px;
font-weight: 700;
color: #fff;
letter-spacing: 0;
text-transform: none;
margin: 0 0 18px;
display: inline-flex;
align-items: center;
gap: 10px;
}
footer.site-footer .footer-col h4::before { content: ''; width: 20px; height: 1px; background: #C9A84C; }
footer.site-footer .footer-col ul { list-style: none; padding: 0; margin: 0; display: flex; flex-direction: column; gap: 11px; }
footer.site-footer .footer-col ul li { margin: 0; padding: 0; }
footer.site-footer .footer-col ul a {
color: rgba(255,255,255,.78);
text-decoration: none;
font-size: 15px;
font-weight: 400;
transition: color .2s cubic-bezier(.16,1,.3,1);
}
footer.site-footer .footer-col ul a:hover { color: #C9A84C; }
footer.site-footer .footer-bottom { border-top: 1px solid rgba(255,255,255,.12); padding: 30px 0 40px; }
footer.site-footer .footer-bottom > * { width: min(1160px, 100% - 80px); margin-left: auto; margin-right: auto; }
footer.site-footer .footer-license {
background: rgba(255,255,255,.03);
border: 1px solid rgba(255,255,255,.06);
border-radius: 3px;
padding: 18px 24px;
margin-bottom: 24px;
}
footer.site-footer .footer-license-title {
font-size: 10px;
color: #C9A84C;
letter-spacing: .2em;
text-transform: uppercase;
font-weight: 600;
margin-bottom: 10px;
}
footer.site-footer .footer-license-text { font-size: 11px; color: rgba(255,255,255,.55); line-height: 1.7; }
footer.site-footer .footer-license-text a { color: inherit; }
footer.site-footer .footer-disclaimer { color: rgba(255,255,255,.55); font-size: 12px; line-height: 1.7; margin: 0 auto 16px; }
footer.site-footer .footer-copy { color: rgba(255,255,255,.55); font-size: 13px; margin: 0 auto; }
footer.site-footer .footer-copy a { color: inherit; }
@media (max-width: 980px) {
footer.site-footer .footer-main { grid-template-columns: minmax(0,1fr) minmax(0,1fr); gap: 36px; }
footer.site-footer .footer-brand { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
footer.site-footer { padding-top: 56px; }
footer.site-footer .footer-main { grid-template-columns: minmax(0,1fr); gap: 30px; }
footer.site-footer .footer-brand { padding: 24px 26px; }
}
/* ── Closing CTA, v2 split card (2026-09-05, Justin picked "B") ──
Shared by every page that carries .
Overrides the page-inline .land-cta-banner band: no gradient, no gold rule. */
.land-cta-banner.cta-v2 { background: none !important; padding: 72px 40px 84px !important; text-align: left; }
.land-cta-banner.cta-v2::before { display: none; }
.cta-v2 .cta-split { max-width: 1200px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; border-radius: 28px; overflow: hidden; background: linear-gradient(135deg, #0A1628 0%, #122040 100%); color: #fff; box-shadow: 0 24px 56px rgba(10,22,40,.16); }
.cta-v2 .txt { padding: 64px 56px; display: flex; flex-direction: column; justify-content: center; }
.cta-v2 .eyebrow { font-family: 'DM Sans', sans-serif; font-size: 11px; letter-spacing: .22em; text-transform: uppercase; color: #C9A84C; font-weight: 700; margin-bottom: 14px; }
.land-cta-banner.cta-v2 h2 { font-family: 'Cormorant Garamond', serif; font-size: clamp(32px, 3.6vw, 46px); font-weight: 700; line-height: 1.08; margin: 0 0 14px; color: #fff; }
.land-cta-banner.cta-v2 p { font-family: 'DM Sans', sans-serif; font-size: 18px; color: rgba(255,255,255,.82); font-weight: 300; line-height: 1.7; margin: 0 0 28px; max-width: none; }
.cta-v2 .row { display: flex; gap: 14px; flex-wrap: wrap; }
.cta-v2 .row .btn-outline { padding: 15px 35px !important; }
/* spacing audit 2026-09-05: one body line-height and a readable FAQ measure, sitewide */
.body-text { line-height: 1.7; }
.faq-item > p { max-width: 72ch; }
.cta-v2 .contact { margin-top: 26px; font-family: 'DM Sans', sans-serif; font-size: 14px; color: rgba(255,255,255,.65); line-height: 1.6; }
.cta-v2 .contact a { color: #fff; text-decoration: none; }
.cta-v2 .pic { position: relative; min-height: 360px; }
.cta-v2 .pic img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.cta-v2 .pic::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, rgba(10,22,40,.55) 0%, rgba(10,22,40,0) 45%); }
@media (max-width: 880px) {
.land-cta-banner.cta-v2 { padding: 48px 24px 56px !important; }
.cta-v2 .cta-split { grid-template-columns: 1fr; }
.cta-v2 .pic { min-height: 240px; order: -1; }
.cta-v2 .pic::after { background: linear-gradient(180deg, rgba(10,22,40,0) 55%, rgba(10,22,40,.6) 100%); }
.cta-v2 .txt { padding: 40px 28px; }
}
@media (max-width: 600px) {
.cta-v2 .row > a { flex: 1 1 100%; text-align: center; }
}