/* Header dropdown menus */
.nav{align-items:center}
.nav__item{position:relative}
.nav__caret{font-size:9px;vertical-align:middle;opacity:.65;margin-left:2px}
.nav__sub{position:absolute;top:100%;left:50%;transform:translateX(-50%) translateY(6px);min-width:210px;background:var(--bone);border:1px solid rgba(138,132,124,.4);border-top:3px solid var(--oxblood);padding:8px 0;opacity:0;visibility:hidden;transition:opacity .15s ease, transform .15s ease;z-index:60;box-shadow:0 10px 26px rgba(23,23,23,.1)}
.nav__item:hover .nav__sub,.nav__item:focus-within .nav__sub{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
.nav__item::after{content:"";position:absolute;top:100%;left:0;right:0;height:14px}
.nav__sub a{display:block;padding:9px 18px;white-space:nowrap;font-family:'Inter',sans-serif;font-size:12px;font-weight:500;letter-spacing:.1em;text-transform:uppercase;border-bottom:none}
.nav__sub a:hover{background:var(--cream);color:var(--oxblood)}
@media (max-width:860px){.nav__sub{position:static;transform:none;opacity:1;visibility:visible;border:0;border-left:2px solid var(--oxblood);box-shadow:none;min-width:0;padding:4px 0 4px 12px;margin-top:4px}.nav__item{width:100%}.nav__caret{display:none}.nav__sub a{padding:6px 0;font-size:11px}}
