/* ============================================================
   CARLTON 2026 : the top bar, one definition for every page.
   The homepage look MJ chose: transparent over the photo, thin
   cream lettering with a gold underline on hover, gold-underlined
   Capital Portal / Submit a Deal, larger logo. Firm and Deals open
   on hover (no caret). Once the reader scrolls off the opening
   photo the bar fills in dark (.solid, set by header-2026.js) so it
   stays readable over cream sections.
   Literal colors on purpose: the homepage does not carry the
   site-2026 tokens.
   ============================================================ */
header#hdr{position:fixed;top:0;left:0;right:0;z-index:60;
  background:linear-gradient(180deg,rgba(14,16,21,.62),rgba(14,16,21,0)) !important;
  backdrop-filter:none !important;-webkit-backdrop-filter:none !important;border-bottom:0 !important;box-shadow:none !important;
  transition:background .35s ease,box-shadow .35s ease}
header#hdr.solid,header#hdr.menu-open{background:rgba(18,20,26,.96) !important;box-shadow:0 1px 0 rgba(195,161,92,.22),0 10px 30px rgba(0,0,0,.18) !important}

.nav2{display:flex;align-items:center;height:82px;max-width:none !important;margin:0 !important;padding:0 clamp(22px,3vw,54px) !important;gap:0}
.nav2 .brand{line-height:0;margin-right:32px;flex-shrink:0}
.nav2 .brand img{height:44px;width:auto;display:block}

/* links */
.nav2-links{display:flex;align-items:center;gap:clamp(12px,1.3vw,22px);margin-left:auto}
.n2-item{position:relative}
.n2-top{position:relative;display:flex;align-items:center;height:82px;padding:0 !important;
  font-family:'Figtree',-apple-system,BlinkMacSystemFont,'Segoe UI',Helvetica,Arial,sans-serif;
  font-size:10.5px !important;font-weight:600;letter-spacing:.12em !important;text-transform:uppercase;line-height:1;white-space:nowrap;
  color:#F4F0E8 !important;text-decoration:none;transition:color .2s}
.n2-top::after{content:"";position:absolute;left:0;bottom:30px;height:1px;width:0;background:#C3A15C;transition:width .28s}
.n2-top:hover,.n2-item:hover>.n2-top,.n2-item:focus-within>.n2-top,.n2-item.on>.n2-top{color:#DBBF7C !important}
.n2-top:hover::after,.n2-item:hover>.n2-top::after,.n2-item:focus-within>.n2-top::after,.n2-item.on>.n2-top::after{width:100%}
.car{display:none !important}
.ext2::after{content:"\2197" !important;position:static !important;width:auto !important;height:auto !important;background:none !important;
  font-size:9px;margin-left:3px;color:#C3A15C !important;opacity:1}

/* hover drop-downs */
.n2-drop{position:absolute;top:100%;left:-20px;min-width:230px;padding:10px 0;
  background:rgba(16,18,24,.97) !important;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(195,161,92,.26) !important;border-top:1px solid #C3A15C !important;border-radius:0 !important;
  box-shadow:0 18px 44px rgba(0,0,0,.4);opacity:0;visibility:hidden;transform:translateY(6px);
  transition:opacity .18s ease,transform .18s ease,visibility .18s;z-index:61}
.n2-item:hover>.n2-drop,.n2-item:focus-within>.n2-drop{opacity:1;visibility:visible;transform:translateY(0)}
.n2-drop a{display:block;padding:11px 20px;font-family:'Figtree',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;
  color:#E7E1D5 !important;white-space:nowrap;text-decoration:none;transition:color .15s,background .15s}
.n2-drop a:hover,.n2-drop a.on{color:#DBBF7C !important;background:rgba(195,161,92,.08) !important}

/* Capital Portal / Submit a Deal : gold-underlined text links */
.n2-ctas{display:flex;align-items:center;gap:clamp(16px,1.6vw,26px);margin-left:clamp(18px,2vw,34px)}
.n2-btn,.n2-btn.solid,.n2-btn.ghost{display:inline-flex;align-items:center;position:relative;
  background:none !important;border:0 !important;border-radius:0 !important;padding:0 0 6px !important;
  font-family:'Figtree',sans-serif;font-size:11px;font-weight:600;letter-spacing:.18em !important;text-transform:uppercase;line-height:1;
  color:#F4F0E8 !important;white-space:nowrap;text-decoration:none;transition:color .2s;filter:none !important}
.n2-btn::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:100%;background:rgba(244,240,232,.34);transition:background .25s}
.n2-btn:hover{color:#DBBF7C !important}
.n2-btn:hover::after{background:#DBBF7C}
.n2-ctas .n2-btn:last-child,.m2-ctas .n2-btn:last-child{color:#DBBF7C !important}
.n2-ctas .n2-btn:last-child::after,.m2-ctas .n2-btn:last-child::after{background:#C3A15C}

/* "Menu" button (phones and small laptops) */
.burger2{display:none;grid-template-columns:auto 24px;grid-template-rows:repeat(3,auto);column-gap:10px;row-gap:4px;align-items:center;
  cursor:pointer;background:none;border:none;padding:8px 0;margin-left:auto}
.burger2::before{content:"Menu";grid-column:1;grid-row:1 / 4;font-family:'Figtree',sans-serif;font-size:11px;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:#F4F0E8}
.burger2 span{grid-column:2;width:24px;height:1.5px;background:#F4F0E8 !important;display:block;transition:.3s}
header.menu-open .burger2 span:nth-child(1){transform:translateY(5.5px) rotate(45deg)}
header.menu-open .burger2 span:nth-child(2){opacity:0}
header.menu-open .burger2 span:nth-child(3){transform:translateY(-5.5px) rotate(-45deg)}
.m2-panel{display:none}

@media(max-width:1400px){.nav2-links{gap:clamp(10px,1vw,16px)}.n2-top{letter-spacing:.1em !important}.n2-btn,.n2-btn.solid{letter-spacing:.14em !important}.nav2 .brand{margin-right:22px}}
@media(max-width:1260px){
  .nav2{height:72px}
  .nav2 .brand img{height:38px}
  .nav2-links,.n2-ctas{display:none}
  .burger2{display:grid}
  /* full-screen menu, large serif links, like the homepage had */
  .m2-panel{position:fixed;inset:0;height:100vh;height:100dvh;background:#101218 !important;backdrop-filter:none;
    padding:100px clamp(22px,5vw,88px) 40px;flex-direction:column;overflow-y:auto;z-index:55}
  header.menu-open .m2-panel{display:flex}
  .m2-group{font-family:'Figtree',sans-serif;font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:#DBBF7C !important;font-weight:600;margin:22px 0 4px}
  .m2-group:first-child{margin-top:0}
  .m2-panel>a{display:flex;justify-content:space-between;align-items:baseline;padding:9px 0;
    font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(24px,6.2vw,34px);font-weight:500;letter-spacing:0;text-transform:none;
    color:#F4F0E8 !important;border-bottom:1px solid rgba(244,240,232,.14) !important;text-decoration:none}
  .m2-panel>a::after{content:"\2192";font-family:'Figtree',sans-serif;font-size:14px;color:#C3A15C}
  .m2-panel>a.ext2::after{content:"\2197" !important;font-size:14px}
  .m2-panel>a.on{color:#DBBF7C !important}
  .m2-ctas{display:flex;flex-wrap:wrap;gap:28px;margin-top:30px}
  .m2-ctas .n2-btn{padding:0 0 6px !important}
}