/* v54 — full-banner header, apparel guiding star, and fluid vertical menu */
@media(min-width:1081px){
  .universalNav{
    background-image:linear-gradient(90deg,rgba(5,7,6,.88) 0 14%,rgba(5,7,6,.16) 34% 66%,rgba(5,7,6,.88) 86% 100%),url('assets/avlr-header-reference-v53.png')!important;
    background-size:100% auto!important;background-position:center 50%!important;background-repeat:no-repeat!important;
    box-shadow:inset 0 -1px rgba(215,174,94,.28),0 12px 32px rgba(0,0,0,.28)!important;
  }
  .universalNav>.brand{background:url('assets/apparel-guiding-star-v54.svg') center/55px no-repeat,#070908!important;border-color:rgba(225,186,107,.72)!important;box-shadow:inset 0 0 0 2px rgba(5,7,6,.9),0 0 0 1px rgba(205,163,80,.2),0 0 22px rgba(203,160,76,.18)!important}
  .navCenterMark{display:flex!important;width:auto!important;height:auto!important;left:50%!important;top:auto!important;bottom:5px!important;transform:translateX(-50%)!important;opacity:1!important}
  .navHeaderMotto{padding:3px 10px;color:#dcb76a;font-size:6px;font-weight:800;letter-spacing:.34em;text-indent:.34em;text-shadow:0 2px 5px #000,0 0 8px rgba(216,172,86,.24);white-space:nowrap;background:rgba(5,7,6,.42);border-inline:1px solid rgba(208,165,82,.28)}
  .universalNav.menuOpen .navCenterMark{opacity:1!important;transform:translateX(-50%)!important}

  .universalNav.menuOpen{z-index:92!important}
  .universalNav>.navlinks{display:none!important}
  .universalNav.menuOpen>.navlinks{
    position:absolute!important;z-index:4!important;top:calc(100% - 1px)!important;bottom:auto!important;left:auto!important;right:calc(5vw + 96px)!important;
    width:292px!important;height:auto!important;padding:9px!important;
    display:grid!important;grid-template-columns:1fr!important;gap:2px!important;
    transform-origin:top right!important;
    border:1px solid rgba(205,169,105,.55)!important;border-top:2px solid var(--gold)!important;
    background:linear-gradient(155deg,rgba(17,22,18,.985),rgba(7,10,8,.99))!important;
    box-shadow:0 24px 62px rgba(0,0,0,.62),inset 0 1px rgba(255,255,255,.025)!important;
    backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);
    animation:avlrMenuRollV54 .28s cubic-bezier(.2,.8,.2,1) both!important;
  }
  .universalNav.menuOpen>.navlinks:before{content:"NAVIGATE AVLR";display:block;padding:9px 12px 11px;border-bottom:1px solid rgba(205,169,105,.24);color:#796e5c;font-size:7px;font-weight:800;letter-spacing:.2em}
  .universalNav.menuOpen>.navlinks a{
    position:relative;width:100%;min-height:44px;padding:9px 12px!important;display:grid!important;grid-template-columns:28px 1fr auto;align-items:center;gap:10px!important;
    border:1px solid transparent;color:#b8afa1!important;font-size:10px!important;font-weight:500!important;letter-spacing:.14em!important;
    transform:none!important;transition:background .18s,border-color .18s,color .18s,padding-left .2s!important;
  }
  .universalNav.menuOpen>.navlinks a:after{content:"›";color:#6f675b;font:18px/1 Georgia,serif}
  .universalNav.menuOpen>.navlinks a:is(:hover,:focus-visible),.universalNav.menuOpen>.navlinks a.active{padding-left:16px!important;border-color:rgba(205,169,105,.34);background:linear-gradient(90deg,rgba(185,145,79,.13),rgba(185,145,79,.025));color:#f0d495!important}
  .universalNav.menuOpen>.navlinks a.active:after,.universalNav.menuOpen>.navlinks a:is(:hover,:focus-visible):after{color:#d7ae5e}
  .universalNav.menuOpen>.navlinks .navSigil{width:23px!important;height:23px!important;flex-basis:23px!important}
  @keyframes avlrMenuRollV54{0%{opacity:0;clip-path:inset(0 0 100% 0);transform:translateY(-7px) scaleY(.96)}100%{opacity:1;clip-path:inset(0);transform:none}}
}
@media(prefers-reduced-motion:reduce){.universalNav.menuOpen>.navlinks{animation:none!important}}