.nav{display:flex;align-items:center;justify-content:flex-end;gap:2px;flex-wrap:nowrap;min-width:0;flex:1 1 auto}
.nav-scroll{display:contents}
.nav-home,.nav-main{display:block;padding:10px 11px;color:#2d423a;font-size:14px;font-weight:600;white-space:nowrap}
.nav-item{position:relative}
.nav-home:hover,.nav-main:hover,.nav-item.active>.nav-main,.nav-home.active{color:var(--forest)}
.nav-home:after,.nav-main:after{content:"";display:block;width:0;height:2px;margin:5px auto -7px;background:var(--gold);transition:.25s}
.nav-home:hover:after,.nav-main:hover:after,.nav-item.active>.nav-main:after,.nav-home.active:after{width:100%}
.nav-dropdown{display:block;position:absolute;left:50%;top:calc(100% + 12px);min-width:168px;padding:9px;background:#fff;border-top:2px solid var(--gold);box-shadow:0 18px 45px rgba(23,63,53,.14);opacity:0;visibility:hidden;transform:translate(-50%,8px);transition:.22s}
.nav-dropdown:before{content:"";position:absolute;left:0;right:0;top:-14px;height:14px}
.nav-dropdown a{display:block;padding:9px 13px;white-space:nowrap;color:#53625c;font-size:13px}
.nav-dropdown a:hover{background:var(--ivory);color:var(--forest)}
.nav-item:hover>.nav-dropdown,.nav-item:focus-within>.nav-dropdown{opacity:1;visibility:visible;transform:translate(-50%,0)}
@media(min-width:981px) and (max-width:1200px){
  .header .wrap{gap:14px}
  .brand img{width:158px;max-height:58px}
  .nav{gap:0}
  .nav-home,.nav-main{padding:10px 7px;font-size:13px}
}
@media(max-width:980px){
  .header{
    z-index:120;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .header .brand,
  .header .menu{
    position:relative;
    z-index:130;
  }
  html.nav-open .topbar,
  body.nav-open .topbar{
    display:none!important;
  }
  html.nav-open .header,
  body.nav-open .header{
    position:sticky;
    top:0;
    z-index:140;
    background:#fff;
  }
  html.nav-open .menu,
  body.nav-open .menu{
    font-size:28px;
    line-height:1;
  }
  .nav{
    display:none;
    position:fixed;
    left:0;
    right:0;
    top:0;
    bottom:0;
    z-index:135;
    width:100%;
    max-width:100%;
    min-height:0;
    margin:0;
    padding:0;
    background:#fff;
    box-shadow:none;
    flex-direction:column;
    align-items:stretch;
    flex-wrap:nowrap;
    gap:0;
    overflow:hidden;
    box-sizing:border-box;
  }
  .nav.open{display:flex}
  .nav-scroll{
    display:block;
    flex:1 1 auto;
    min-height:0;
    height:100%;
    overflow-x:hidden;
    overflow-y:scroll;
    -webkit-overflow-scrolling:touch;
    overscroll-behavior:contain;
    touch-action:pan-y;
    padding:8px 16px calc(24px + env(safe-area-inset-bottom,0px));
    box-sizing:border-box;
  }
  .nav-item{
    flex:none;
    display:block;
    padding:0;
    border-bottom:1px solid var(--line);
  }
  .nav-home,
  .nav-main{
    padding:10px 2px;
    color:#20312b;
    font-size:15px;
    font-weight:700;
    white-space:normal;
  }
  .nav-home:after,
  .nav-main:after{display:none}
  .nav-dropdown{
    position:static;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    gap:6px;
    min-width:0;
    width:100%;
    padding:0 0 10px;
    border:0;
    box-shadow:none;
    opacity:1;
    visibility:visible;
    transform:none;
  }
  .nav-item:hover>.nav-dropdown,
  .nav-item:focus-within>.nav-dropdown{transform:none}
  .nav-dropdown a{
    min-height:40px;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:8px 10px;
    background:var(--ivory);
    color:#3a4d45;
    font-size:13px;
    white-space:normal;
    text-align:center;
    box-sizing:border-box;
  }
  .nav-dropdown a:last-child:nth-child(odd){
    grid-column:1/-1;
  }
  html.nav-open,
  body.nav-open{
    overflow:hidden!important;
    overscroll-behavior:none;
    height:100%;
  }
}
@media(max-width:380px){
  .nav-scroll{padding-left:12px;padding-right:12px}
  .nav-dropdown{gap:5px}
  .nav-dropdown a{min-height:38px;padding:7px 8px;font-size:12px}
}