header{background:#fff}
header .nav{height:88px}
header .brand{display:flex;align-items:center;flex-shrink:0;line-height:0;border-radius:6px}
header .brand:focus-visible{outline:3px solid #a7bfd7;outline-offset:4px}
header .brand .logo{display:block;width:316px;height:auto;aspect-ratio:1000/210;object-fit:contain;object-position:center;background:transparent}
@media(min-width:961px) and (max-width:1200px){header .brand .logo{width:260px}header .nav{gap:20px}header .nav-links{gap:24px;font-size:13px}}
@media(max-width:960px){header .nav{gap:16px;height:80px}header .brand .logo{width:240px}header .nav-links{display:none;position:absolute;top:80px;left:0;right:0;background:#fff;padding:18px;flex-direction:column;gap:16px;box-shadow:0 18px 30px #142d471a}header .nav-links.open{display:flex}header .menu{display:block}header .nav-actions{margin-left:auto}}
@media(max-width:720px){header .nav{height:76px;gap:8px}header .brand .logo{width:clamp(148px,48vw,200px)}header .nav-links{top:76px}header .nav-actions{gap:6px}header .admin-link{padding:9px 10px}header .menu{padding:0;width:44px;min-height:44px}}
@media(max-width:360px){header .brand .logo{width:140px}}