@media(min-width:761px) and (max-width:1320px){.menu{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 24px #0002;padding:15px 24px 22px;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:1rem;padding:8px}.nav .button{justify-content:center}}
/* Carry the angular, heavy logo lettering through the header links alone. */
.header .nav > a:not(.button){font-family:"Arial Black",Arial,sans-serif;font-weight:900;font-style:italic;letter-spacing:-.035em;text-transform:uppercase;font-size:.78rem}
@media(min-width:1321px){.header .nav{gap:clamp(12px,1.35vw,20px)}}
@media(max-width:1320px){.header .nav > a:not(.button){font-size:.91rem}.header .nav{max-height:calc(100dvh - 120px);overflow-y:auto}.header .menu{flex:none;min-width:44px;min-height:44px}}
.header .nav a[aria-current]{color:var(--red-dark)}