/* Responsive navigation, independent of the desktop menu styles. */
@media (max-width: 760px) {
  header { position: relative; z-index: 100; }
  header > .wrap { display:flex; align-items:center; justify-content:space-between; flex-wrap:nowrap; min-height:72px; gap:16px; }
  header > .wrap > a { flex:0 1 auto; min-width:0; }
  header > .wrap .logo { max-width:100%; max-height:64px; width:auto; object-fit:contain; }
  .bry-menu-toggle {
    display:inline-flex; flex:0 0 auto; align-items:center; justify-content:center;
    width:48px; height:44px; padding:8px; margin-left:auto;
    color:#fff; background:#17111c; border:2px solid var(--pink,#ff29b4);
    box-shadow:3px 3px 0 var(--cyan,#08e8f4); cursor:pointer;
  }
  .bry-menu-toggle svg { width:26px; height:26px; fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; }
  header > .wrap > nav[aria-label="Main navigation"] {
    display:none !important; position:absolute; left:0; right:0; top:100%;
    margin:0; padding:18px 20px 24px; background:#100d14;
    border-bottom:2px solid var(--purple,#a435ff);
    box-shadow:0 16px 24px rgba(0,0,0,.45);
    flex-direction:column; align-items:stretch; gap:6px; width:100%;
  }
  header > .wrap > nav[aria-label="Main navigation"].bry-menu-open { display:flex !important; }
  header > .wrap > nav[aria-label="Main navigation"] a {
    display:flex; justify-content:flex-start; min-height:44px; width:100%;
    padding:10px 12px; margin:0; white-space:normal;
  }
  header > .wrap > nav[aria-label="Main navigation"] a:last-child {
    width:max-content; max-width:100%; margin:8px 0 4px;
  }
  header > .wrap > nav[aria-label="Main navigation"] a[aria-current="page"]::after { display:none; }
}
@media (min-width: 761px) { .bry-menu-toggle { display:none !important; } }

/* Mobile header alignment and complete tap target */
@media (max-width:760px) {
  body header > .wrap, body header .wrap {
    display:flex !important; flex-direction:row !important; flex-wrap:nowrap !important;
    align-items:center !important; justify-content:space-between !important;
    gap:12px !important; min-height:76px;
  }
  body header .wrap > a:has(.logo) {display:flex !important; align-items:center; flex:0 1 auto; width:auto !important; min-width:0; margin:0 !important;}
  body header .wrap .logo {display:block; max-width:min(55vw,220px) !important; max-height:64px !important; width:auto !important; height:auto !important;}
  body header .wrap > .bry-menu-toggle {
    display:flex !important; position:relative; z-index:1002; flex:0 0 48px !important;
    width:48px !important; height:48px !important; padding:0 !important;
    align-items:center !important; justify-content:center !important;
    margin:0 0 0 auto !important; cursor:pointer; touch-action:manipulation;
    pointer-events:auto !important;
  }
  body header .wrap > .bry-menu-toggle svg {pointer-events:none;}
  body header .wrap > nav[aria-label="Main navigation"] {z-index:1001;}
  body header .wrap > nav[aria-label="Main navigation"] a {
    font-size:18px !important; line-height:1.35 !important; font-weight:700;
    padding:13px 14px !important; min-height:50px !important;
    background:transparent !important; box-shadow:none !important;
    border:0 !important; border-radius:0 !important;
    color:#fff !important; width:100% !important; max-width:none !important;
    margin:0 !important; text-decoration:none !important;
  }
  body header .wrap > nav[aria-label="Main navigation"] a:hover,
  body header .wrap > nav[aria-label="Main navigation"] a:focus-visible {color:var(--pink,#ff29b4) !important; background:rgba(255,255,255,.07) !important;}
  body header .wrap > nav[aria-label="Main navigation"] a::before,
  body header .wrap > nav[aria-label="Main navigation"] a::after {display:none !important;}
}