@import url('/home-hero-photo.css?v=20260930-3');

.header-social{display:flex;align-items:center;justify-content:flex-end;gap:8px}.header-social a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 11px;border:1px solid rgba(16,34,52,.24);background:rgba(255,254,249,.64);color:var(--ink);font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;transition:background .2s ease,border-color .2s ease,color .2s ease}.header-social a:hover,.header-social a:focus{background:var(--deep);border-color:var(--deep);color:var(--white)}.nav-social{display:none}.nav-social-label{font-size:10px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft)}
@media(max-width:1050px){.header-social a{padding:0 9px;font-size:9px}.main-nav{gap:14px}}

/* Refined editorial mobile navigation */
@media(max-width:980px){
  .header-social{display:none}
  .menu-toggle{
    min-width:82px;
    min-height:44px;
    padding:0 16px;
    border:1px solid rgba(16,34,52,.20);
    background:rgba(255,254,249,.72);
    color:var(--ink);
    font-family:Georgia,'Times New Roman',serif;
    font-size:18px;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
  }
  .menu-toggle[aria-expanded="true"]{
    background:var(--deep);
    border-color:var(--deep);
    color:var(--white);
  }

  .main-nav.is-open{
    display:block;
    counter-reset:navitem;
    padding:22px 22px 0;
    border:1px solid rgba(16,34,52,.14);
    border-top:4px solid var(--deep);
    background:rgba(247,245,239,.985);
    box-shadow:0 26px 60px rgba(10,25,40,.18);
    overflow:hidden;
    animation:bip-menu-in .18s ease-out both;
  }
  .main-nav.is-open::before{
    content:"Navigation";
    display:block;
    margin:0 0 10px;
    padding:0 0 14px;
    border-bottom:1px solid rgba(16,34,52,.16);
    color:var(--ink-soft);
    font-family:Arial,Helvetica,sans-serif;
    font-size:10px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .main-nav.is-open>a{
    counter-increment:navitem;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;
    column-gap:8px;
    min-height:62px;
    padding:10px 2px!important;
    border:0!important;
    border-bottom:1px solid rgba(16,34,52,.14)!important;
    color:var(--ink);
    font-family:Georgia,'Times New Roman',serif;
    font-size:clamp(23px,5vw,29px)!important;
    line-height:1.05;
    letter-spacing:-.025em;
    text-decoration:none;
    transition:padding .18s ease,color .18s ease,background .18s ease;
  }
  .main-nav.is-open>a::before{
    content:"0" counter(navitem);
    color:#5b7d9f;
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.12em;
  }
  .main-nav.is-open>a::after{
    content:"";
    width:24px;
    height:1px;
    background:rgba(16,34,52,.28);
    transition:width .18s ease,background .18s ease;
  }
  .main-nav.is-open>a:hover,
  .main-nav.is-open>a:focus-visible{
    padding-left:8px!important;
    color:#2e4f70;
  }
  .main-nav.is-open>a:hover::after,
  .main-nav.is-open>a:focus-visible::after{width:38px;background:#2e4f70}

  .main-nav.is-open>a.active,
  .main-nav.is-open>a[aria-current="page"]{
    margin:0 -22px;
    padding-left:22px!important;
    padding-right:22px!important;
    background:var(--deep);
    color:var(--white);
    border-bottom-color:var(--deep)!important;
  }
  .main-nav.is-open>a.active::before,
  .main-nav.is-open>a[aria-current="page"]::before{color:rgba(255,255,255,.62)}
  .main-nav.is-open>a.active::after,
  .main-nav.is-open>a[aria-current="page"]::after{background:rgba(255,255,255,.62);width:38px}

  .nav-social{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    margin:0 -22px;
    padding:20px 22px 22px;
    border:0;
    background:var(--deep-2);
  }
  .nav-social-label{
    grid-column:1/-1;
    width:auto;
    margin:0 0 3px;
    color:rgba(255,255,255,.66);
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px;
    font-weight:700;
    letter-spacing:.18em;
    text-transform:uppercase;
  }
  .main-nav .nav-social a{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    min-height:42px;
    padding:0 8px!important;
    border:1px solid rgba(255,255,255,.30)!important;
    background:transparent;
    color:var(--white);
    font-family:Arial,Helvetica,sans-serif;
    font-size:9px!important;
    font-weight:700;
    line-height:1.1;
    letter-spacing:.07em;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
    transition:background .2s ease,color .2s ease,border-color .2s ease;
  }
  .main-nav .nav-social a:hover,
  .main-nav .nav-social a:focus{
    background:var(--white);
    border-color:var(--white)!important;
    color:var(--deep);
  }
}

@media(max-width:600px){
  .main-nav.is-open{padding:18px 18px 0}
  .main-nav.is-open>a{min-height:58px;font-size:24px!important}
  .main-nav.is-open>a.active,
  .main-nav.is-open>a[aria-current="page"]{margin:0 -18px;padding-left:18px!important;padding-right:18px!important}
  .nav-social{margin:0 -18px;padding:18px;gap:7px}
  .main-nav .nav-social a{font-size:8px!important;padding:0 5px!important}
}

@keyframes bip-menu-in{
  from{opacity:0;transform:translateY(-7px)}
  to{opacity:1;transform:translateY(0)}
}