.site-header { height: 102px; padding-left: 3vw; padding-right: 3vw; gap: 28px; }
.brand { flex: 0 0 auto; gap: 0; }
.brand-lockup { display: block; width: clamp(220px,18vw,294px); height: auto; }
.site-header nav { gap: clamp(22px,2.7vw,48px); margin-left: auto; }
.site-header nav a { font-size: 12px; white-space: nowrap; }
.family-access-link { display: inline-flex; align-items: center; gap: 9px; flex: 0 0 auto; border: 1px solid var(--ink); padding: 11px 14px; text-decoration: none; font-family: var(--symbol-font); font-size: 10px; letter-spacing: .08em; text-transform: uppercase; transition: background .2s,color .2s; }
.family-access-link:hover,.family-access-link:focus { background: var(--ink); color: var(--white); }
.family-access-link span { font-family: 'DM Sans',sans-serif; font-size: 15px; transform: rotate(45deg); }
.footer-brand .brand-lockup { width: 235px; }
.footer-brand .brand-lockup { filter: invert(1) grayscale(1) brightness(1.45); }
@media(max-width:1050px){.site-header{gap:18px}.brand-lockup{width:220px}.site-header nav{gap:18px}.family-access-link{padding:10px;font-size:9px}}
@media(max-width:900px){.site-header nav{top:102px}.brand-lockup{width:220px}.family-access-link{margin-left:auto}.menu-toggle{order:4}}
@media(max-width:560px){.site-header{height:88px}.brand-lockup{width:176px}.family-access-link{font-size:0;padding:9px}.family-access-link span{font-size:16px}.site-header nav{top:88px}}