/* Shared Certezza header + footer (Oct 28, 2026). Same look as certezzarealty.com (Deploy/CertezzaSite/assets/site.css),
   with a cz- prefix so it never clashes with the page's own styles. Markup comes from _source/chrome.js. */
.cz-strip,.cz-header,.cz-mnav,.cz-footer,.cz-note{
  --cz-ivory:#FAF8F4;--cz-ink:#1C2430;--cz-ink-2:#3B4552;--cz-muted:#7A808A;--cz-line:#E6E0D6;--cz-gold:#B08D57;--cz-navy:#0D1B2A;
  --cz-serif:'Cormorant Garamond',Georgia,'Times New Roman',serif;--cz-sans:'Manrope','Helvetica Neue',Arial,sans-serif;--cz-wrap:1240px;
  font-family:var(--cz-sans);-webkit-font-smoothing:antialiased;line-height:1.65;text-align:left}
.cz-strip *,.cz-header *,.cz-mnav *,.cz-footer *,.cz-note *{box-sizing:border-box;margin:0;padding:0}
.cz-strip a,.cz-header a,.cz-mnav a,.cz-footer a,.cz-note a{color:inherit;text-decoration:none}
.cz-wrap{max-width:var(--cz-wrap);margin:0 auto;padding:0 24px}

.cz-strip{background:var(--cz-navy);color:#C9CED6;font-size:12px;letter-spacing:.06em}
.cz-strip .cz-wrap{display:flex;justify-content:space-between;gap:16px;padding-top:8px;padding-bottom:8px}
.cz-strip a:hover{color:#fff}
.cz-show-sm{display:none}

.cz-header{position:sticky;top:0;z-index:50;background:rgba(250,248,244,.97);backdrop-filter:blur(8px);border-bottom:1px solid var(--cz-line);transition:box-shadow .3s}
.cz-header.cz-scrolled{box-shadow:0 6px 24px rgba(28,36,48,.06)}
.cz-header::before{content:'';position:absolute;top:0;bottom:0;left:0;z-index:0;background:var(--cz-navy);width:max(calc((100% - var(--cz-wrap)) / 2 + 250px),170px);clip-path:polygon(0 0,100% 0,calc(100% - 46px) 100%,0 100%)}
.cz-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:104px;transition:height .3s}
.cz-header.cz-scrolled .cz-nav{height:84px}
.cz-logo img{display:block;height:80px;width:auto;transition:height .3s}
.cz-header.cz-scrolled .cz-logo img{height:62px}
.cz-menu{display:flex;gap:34px;align-items:center}
.cz-menu a{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;color:var(--cz-ink);position:relative;padding:6px 0}
.cz-menu a::after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--cz-gold);transition:right .3s}
.cz-menu a:hover::after,.cz-menu a.cz-on::after{right:0}
.cz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:11px;letter-spacing:.2em;text-transform:uppercase;font-weight:600;padding:12px 22px;border:1px solid var(--cz-ink);color:var(--cz-ink);transition:.3s}
.cz-menu .cz-btn{padding:12px 22px}.cz-menu .cz-btn::after{display:none}
.cz-btn:hover{background:var(--cz-ink);color:var(--cz-ivory)}
.cz-btn.cz-solid{background:var(--cz-ink);color:var(--cz-ivory)}
.cz-burger{display:none;background:none;border:0;color:var(--cz-ink);cursor:pointer;width:44px;height:44px}
.cz-burger span{display:block;width:26px;height:1.5px;background:currentColor;margin:6px auto}

.cz-mnav{position:fixed;inset:0;z-index:60;background:var(--cz-ivory);display:none;flex-direction:column;padding:28px 28px 40px;overflow:auto}
.cz-mnav.cz-open{display:flex}
.cz-close{align-self:flex-end;background:none;border:0;font-size:34px;line-height:1;cursor:pointer;color:var(--cz-ink)}
.cz-mnav > a{font-family:var(--cz-serif);font-size:34px;padding:10px 0;border-bottom:1px solid var(--cz-line);color:var(--cz-ink)}
.cz-mnav > a.cz-btn{margin-top:28px;font-family:var(--cz-sans);font-size:12px;border:1px solid var(--cz-ink);padding:16px}

/* Page notes: team line + page-specific disclaimer above the shared footer (campaign pages) */
.cz-note{background:#F1ECE3;border-top:1px solid var(--cz-line);color:var(--cz-ink-2);font-size:13px;padding:30px 0}
.cz-note-team{display:flex;gap:16px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.cz-note-team img{height:38px;width:auto;box-sizing:content-box;background:var(--cz-navy);padding:10px 14px}
.cz-note-team a{font-weight:700;color:var(--cz-ink)}
.cz-note-disc{font-size:12px;line-height:1.6;color:var(--cz-muted)}

.cz-footer{background:var(--cz-ivory);border-top:1px solid var(--cz-line);padding:80px 0 40px;font-size:14px;color:var(--cz-ink-2)}
.cz-f-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}
.cz-footer h4{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--cz-ink);margin-bottom:18px;font-family:var(--cz-sans);font-weight:700}
.cz-footer li{list-style:none;margin-bottom:10px}
.cz-footer a:hover{color:var(--cz-gold)}
.cz-f-brand{display:inline-block;background:var(--cz-navy);padding:22px 30px;margin-bottom:24px}
.cz-f-brand img{display:block;height:84px;width:auto}
.cz-legal{border-top:1px solid var(--cz-line);margin-top:56px;padding-top:26px;font-size:12px;color:var(--cz-muted);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}
.cz-legal nav{display:flex;gap:20px;flex-wrap:wrap}

@media (max-width:1440px){.cz-menu{gap:24px}.cz-menu a{letter-spacing:.15em}}
@media (max-width:1180px){.cz-menu{display:none}.cz-burger{display:block}}
@media (max-width:1024px){.cz-f-grid{grid-template-columns:1fr 1fr}}
@media (max-width:640px){
  .cz-wrap{padding:0 16px}
  .cz-hide-sm{display:none}.cz-show-sm{display:inline}
  .cz-nav{height:80px}.cz-logo img{height:60px}.cz-header.cz-scrolled .cz-logo img{height:52px}
  .cz-f-grid{grid-template-columns:1fr}
}
/* Campaign landing pages in logo-only mode (html.cz-ad, set in <head> by chrome.js ADAPTIVE_HEAD) */
html.cz-ad .cz-strip,html.cz-ad .cz-menu,html.cz-ad .cz-burger,html.cz-ad .cz-mnav{display:none!important}
html.cz-ad .cz-logo{pointer-events:none;cursor:default}
.cz-adbar{display:none;position:relative;z-index:1;align-items:center;gap:26px}
html.cz-ad .cz-adbar{display:flex}
/* Mirror of the Certezza logo panel: navy panel with a slanted edge on the right for the team brand + call button */
html.cz-ad .cz-header::after{content:'';position:absolute;top:0;bottom:0;right:0;z-index:0;background:var(--cz-navy);
  width:max(calc((100% - var(--cz-wrap)) / 2 + 520px),520px);clip-path:polygon(46px 0,100% 0,100% 100%,0 100%)}
.cz-adbar-team{display:inline-flex;align-items:center}
.cz-adbar-team img{height:62px;width:auto;display:block}
.cz-adbar .cz-adbar-call{white-space:nowrap;background:transparent;border:1px solid var(--cz-gold);color:#fff}
.cz-adbar .cz-adbar-call:hover{background:var(--cz-gold);color:var(--cz-navy)}
@media (max-width:900px){html.cz-ad .cz-header::after{width:440px}.cz-adbar .cz-hide-sm{display:none}}
@media (max-width:640px){html.cz-ad .cz-header::after{width:236px}.cz-adbar{gap:10px}.cz-adbar-team img{height:38px}
  .cz-adbar .cz-adbar-call{padding:10px 10px;font-size:10px;letter-spacing:.1em}}
@media print{.cz-strip,.cz-header,.cz-mnav,.cz-footer{display:none}}
