﻿/* The current Lead icon retains the same artwork on every background. */
@font-face{font-family:'Brand Work Sans';src:url('../fonts/work-sans-latin.woff2') format('woff2');font-style:normal;font-weight:700;font-display:swap}
.logo.logo,.site-brand.site-brand{display:inline-flex;align-items:center;flex:none;text-decoration:none;line-height:1}
.logo .brand-logo,.site-brand .brand-logo{display:block;width:280px;height:auto;max-height:62px}
.header .nav>.button,.header.hero-overlay .nav>.button{background:#000;border-color:#000;color:#fff}
.header .nav>.button:hover,.header.hero-overlay .nav>.button:hover{background:#182319;border-color:#182319;color:#fff}
.hero-review .site-header .header-cta{background:#000;border-color:#000;color:#fff}
.header,.header .nav-links a,.header .menu-toggle,.header .menu-toggle span{transition:background-color .35s ease,color .35s ease,border-color .35s ease,box-shadow .35s ease}
.header.is-scrolled{background:rgba(255,250,244,.58);border-bottom:1px solid #ffffff70;box-shadow:0 6px 24px #0d0f0d0d;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%)}
@media(max-width:1320px){.header .nav-links,.header .nav>.button{display:none}.header .menu-toggle{display:block}.site-header .site-menu-toggle{display:block}.site-header .site-menu{display:none;position:absolute;left:0;right:0;top:100%;max-height:calc(100svh - 82px);overflow:auto;padding:24px;background:#fff5ed;border-bottom:1px solid #cdd4c8}.site-header .site-menu.is-open{display:grid;gap:20px}.site-header .site-menu>a{font-size:17px}.site-header .site-menu .site-button{justify-self:start}}
@media(max-width:600px){.logo .brand-logo,.site-brand .brand-logo{width:230px;max-height:50px}.header .nav{gap:12px}.site-header .site-nav{gap:12px}.site-header .site-menu-toggle{padding:9px}.site-header .site-menu-toggle span{margin-left:6px}}
@media(max-width:360px){.logo .brand-logo,.site-brand .brand-logo{width:206px}}
@media(prefers-reduced-motion:reduce){.header,.header .nav-links a,.header .menu-toggle,.header .menu-toggle span{transition:none}}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.header.is-scrolled{background:rgba(255,250,244,.94)}}

/* Use the current square icon in every header. */
.header .brand-logo.brand-icon-only.brand-icon-only,.site-header .brand-logo.brand-icon-only{content:normal;display:block;width:64px;height:64px;max-height:none;flex:none}
.header.hero-overlay .brand-logo.brand-icon-only.brand-icon-only{content:normal}
.menu-open .header.hero-overlay .brand-logo.brand-icon-only.brand-icon-only{content:normal}
.home-current .header .nav{width:min(84%,1370px)}
@media(min-width:1800px){.home-current .header .nav{width:min(84%,1480px)}}
@media(max-width:600px){.header .brand-logo.brand-icon-only.brand-icon-only,.site-header .brand-logo.brand-icon-only{width:60px;height:60px}.home-current .header .nav{width:calc(100% - 40px)}}

/* The approved mark is unframed on every surface. */
.logo:has(> .brand-icon-only),.site-brand:has(> .brand-icon-only){position:relative;display:inline-flex;align-items:center;gap:10px;width:auto;height:auto;border:0;border-radius:0;padding:0;background:transparent;box-shadow:none;overflow:visible}
.logo:has(> .brand-icon-only)::before,.logo:has(> .brand-icon-only)::after,.site-brand:has(> .brand-icon-only)::before,.site-brand:has(> .brand-icon-only)::after{content:none}
.logo .brand-icon-only,.site-brand .brand-icon-only{width:44px;height:44px;max-height:none;border:0;border-radius:0;clip-path:none;object-fit:contain}
