/* Reusable site-wide components: navbar, brand, hamburger, and footer. */
.site-header{position:sticky;top:0;z-index:100;background:#fff;transition:box-shadow 180ms ease}.site-header.is-scrolled{box-shadow:var(--shadow-sm)}.navbar{display:flex;align-items:center;justify-content:space-between;min-height:68px;gap:var(--space-6)}.brand{display:inline-flex;align-items:center;gap:var(--space-3);color:var(--color-primary);font-family:var(--font-heading);font-size:1.25rem;font-weight:700}.brand-logo{width:36px;height:36px;color:currentColor}.nav-menu{display:flex;align-items:center;gap:var(--space-8)}.nav-links{display:flex;align-items:center;gap:var(--space-6)}.nav-link{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500}.nav-link:hover,.nav-link.active{color:var(--color-primary)}.nav-link.active{font-weight:600}.nav-cta{background:var(--color-accent);color:#fff;border-radius:var(--radius-md);padding:10px 20px;font-size:var(--text-sm);font-weight:600}.nav-cta:hover{background:var(--color-accent-hover);color:#fff}.hamburger{display:none;width:42px;height:42px;align-items:center;justify-content:center;flex-direction:column;gap:5px;background:transparent;color:var(--color-primary);cursor:pointer}.hamburger span{width:22px;height:2px;background:currentColor;border-radius:var(--radius-full);transition:180ms ease}.nav-open .hamburger span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-open .hamburger span:nth-child(2){opacity:0}.nav-open .hamburger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.site-footer{background:var(--color-primary);color:var(--color-footer-text);padding-top:var(--space-16)}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:var(--space-10)}.footer-brand{color:#fff}.footer-tagline,.footer-address{margin-top:var(--space-4);font-size:var(--text-sm);line-height:1.7}.footer-col h3{color:#fff;font-size:var(--text-base);font-weight:600;margin-bottom:var(--space-4)}.footer-links{display:grid;gap:var(--space-3);margin:0;padding:0;list-style:none}.footer-links a{color:var(--color-footer-text);font-size:var(--text-sm)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{margin-top:var(--space-12);border-top:1px solid rgba(255,255,255,.12);padding:var(--space-6) var(--section-padding-x);text-align:center;font-size:var(--text-sm)}
