/* BrandMentions header + footer (2026-11). Own namespace (.bmh / .bmf) so the
   legacy .nav / .snav / .mega / .site-footer rules never reach this markup. */
:root{
  --hf-ink:#0E1119;--hf-ink-2:#474E63;--hf-ink-3:#646B7E;
  --hf-line:#E8E9F1;--hf-line-2:#DCDEEA;--hf-mist:#F6F7FB;--hf-tint:#F2F1FD;
  --hf-indigo:#5B5BE6;--hf-focus:#4C6FE8;
  --hf-grad:linear-gradient(135deg,#4C6FE8 0%,#7A63EE 52%,#9D6BF6 100%);
  --hf-ease:cubic-bezier(.2,.8,.2,1);
  --hf-display:'Space Grotesk','Inter',system-ui,-apple-system,sans-serif;
  --hf-body:'Inter',system-ui,-apple-system,'Segoe UI',sans-serif;
}
.bmh *,.bmh-drawer *,.bmf *{box-sizing:border-box}

/* ───────── header: full-width bar, flush to the top ───────── */
.bmh{position:fixed;top:0;left:0;right:0;z-index:1000;
  background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);
  border-bottom:1px solid var(--hf-line);transition:background-color .2s,box-shadow .2s}
/* scrolled or a menu open: opaque, so content never shows through */
.bmh.is-scrolled,.bmh.has-open{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}
.bmh.is-scrolled{box-shadow:0 10px 30px -22px rgba(30,35,70,.35)}
.bmh__bar{max-width:1280px;height:72px;margin:0 auto;padding:0 24px;
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}

/* !important: a legacy mobile rule forces img{height:auto!important} */
.bmh__logo{display:inline-flex;align-items:center;justify-self:start;text-decoration:none;border-radius:4px}
.bmh__logo img{display:block;height:36px!important;width:auto!important;max-width:none!important}

.bmh__nav{justify-self:center;height:100%}
.bmh__menu{display:flex;align-items:stretch;height:100%;gap:4px;margin:0;padding:0;list-style:none}
.bmh__item{display:flex;align-items:center;margin:0;padding:0;list-style:none}

.bmh__trigger,.bmh__link{display:inline-flex;align-items:center;gap:6px;height:100%;padding:0 12px;margin:0;
  font:500 15px/1 var(--hf-body);letter-spacing:-.005em;color:var(--hf-ink-2);text-decoration:none;
  background:transparent;border:0;border-radius:0;cursor:pointer;position:relative;z-index:1;transition:color .15s}
.bmh__trigger:hover,.bmh__link:hover,.bmh__item.is-open>.bmh__trigger{color:var(--hf-ink)}
/* indicator sits on the header's bottom edge: open menu, current page, current section */
.bmh__trigger::after,.bmh__link::after{content:"";position:absolute;left:12px;right:12px;bottom:-1px;height:2px;
  background:var(--hf-indigo);transform:scaleX(0);transform-origin:left;transition:transform .2s var(--hf-ease)}
.bmh__item.is-open>.bmh__trigger::after,.bmh__trigger.is-current::after,.bmh__link[aria-current="page"]::after{transform:none}
.bmh__trigger.is-current,.bmh__link[aria-current="page"]{color:var(--hf-ink)}
.bmh__chev{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .2s var(--hf-ease);flex:none}
.bmh__item.is-open>.bmh__trigger .bmh__chev{transform:rotate(180deg)}

/* dropdown: a full-width sheet attached to the bar's bottom edge */
.bmh__panel{position:absolute;top:100%;left:0;right:0;background:#fff;border-top:1px solid var(--hf-line);border-bottom:1px solid var(--hf-line);
  box-shadow:0 28px 48px -30px rgba(30,35,70,.35);
  opacity:0;visibility:hidden;transform:translateY(-6px);
  transition:opacity .16s var(--hf-ease),transform .22s var(--hf-ease),visibility 0s linear .22s}
.bmh__item.is-open>.bmh__panel{opacity:1;visibility:visible;transform:none;transition-delay:0s}
.bmh__panel-in{max-width:1280px;margin:0 auto;padding:28px 24px 32px;
  display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:40px}

.bmh__links{display:grid;gap:4px 16px;margin:0;padding:0;list-style:none;align-content:start}
.bmh__links--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.bmh__links--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.bmh__links li{margin:0;padding:0;list-style:none}
.bmh__links a{display:flex;align-items:flex-start;gap:14px;padding:12px;border-radius:8px;text-decoration:none;
  color:var(--hf-ink);transition:background-color .15s}
.bmh__links--plain a{align-items:center;padding:10px 12px}
.bmh__links a:hover{background:var(--hf-mist)}
.bmh__links a[aria-current="page"]{background:var(--hf-tint)}
.bmh__ic{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:8px;
  background:var(--hf-tint);color:var(--hf-indigo);transition:background-color .15s,color .15s}
.bmh__links--plain .bmh__ic{width:34px;height:34px}
.bmh__ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.bmh__links a:hover .bmh__ic{background:var(--hf-indigo);color:#fff}
.bmh__tx{display:flex;flex-direction:column;gap:3px;padding-top:1px;min-width:0}
.bmh__lt{font:600 15px/1.3 var(--hf-display);letter-spacing:-.01em;color:var(--hf-ink)}
.bmh__ld{font:400 13.5px/1.4 var(--hf-body);color:var(--hf-ink-3)}
.bmh__links--plain .bmh__lt{font:500 15px/1.3 var(--hf-body);letter-spacing:0}

.bmh__aside{display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:24px;border-left:1px solid var(--hf-line);
  background:var(--hf-mist);border-radius:8px}
.bmh__aside-t{margin:0;font:600 17px/1.3 var(--hf-display);letter-spacing:-.015em;color:var(--hf-ink)}
.bmh__aside-d{margin:0 0 6px;font:400 14px/1.55 var(--hf-body);color:var(--hf-ink-2)}
.bmh__aside-a{display:inline-flex;align-items:center;gap:6px;margin-top:4px;font:600 14.5px/1.3 var(--hf-body);
  color:var(--hf-indigo);text-decoration:none;border-radius:4px}
.bmh__aside-a+.bmh__aside-a{margin-top:2px}
.bmh__aside-a svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;
  transition:transform .2s var(--hf-ease)}
.bmh__aside-a:hover{text-decoration:underline;text-underline-offset:3px}
.bmh__aside-a:hover svg{transform:translateX(3px)}
.bmh__aside-a--quiet{color:var(--hf-ink-2);font-weight:500}

.bmh__actions{display:flex;align-items:center;gap:8px;justify-self:end}
.bmh__cta{display:inline-flex;align-items:center;justify-content:center;height:44px;padding:0 20px;border-radius:999px;
  font:600 14.5px/1 var(--hf-body);color:#fff;text-decoration:none;white-space:nowrap;background:var(--hf-grad);
  box-shadow:0 8px 20px -12px rgba(76,111,232,.7);transition:transform .2s var(--hf-ease),box-shadow .2s}
.bmh__cta:hover{color:#fff;transform:translateY(-1px);box-shadow:0 12px 26px -12px rgba(76,111,232,.8)}
.bmh__burger,.bmh-drawer__close{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;
  background:#fff;border:1px solid var(--hf-line-2);border-radius:8px;color:var(--hf-ink);cursor:pointer}
.bmh__burger svg,.bmh-drawer__close svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}

.bmh a:focus-visible,.bmh button:focus-visible,.bmh-drawer a:focus-visible,.bmh-drawer button:focus-visible,
.bmh-drawer summary:focus-visible,.bmf a:focus-visible{outline:2px solid var(--hf-focus);outline-offset:2px}

/* ───────── mobile drawer ───────── */
/* above the WhatsApp bubble (99999), below the booking modal (999999) */
.bmh-drawer{position:fixed;inset:0;z-index:100000;display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;
  background:#fff;opacity:0;transform:translateY(-8px);transition:opacity .22s var(--hf-ease),transform .28s var(--hf-ease)}
.bmh-drawer[hidden]{display:none}
.bmh-drawer.is-open{opacity:1;transform:none}
.bmh-drawer__head{display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;flex:none;
  border-bottom:1px solid var(--hf-line)}
.bmh-drawer__close{display:inline-flex}
.bmh-drawer__body{padding:4px 20px 24px}
.bmh-acc{border-bottom:1px solid var(--hf-line)}
.bmh-acc summary{display:flex;align-items:center;justify-content:space-between;padding:18px 0;list-style:none;cursor:pointer;
  font:600 20px/1.2 var(--hf-display);letter-spacing:-.015em;color:var(--hf-ink)}
.bmh-acc summary::-webkit-details-marker{display:none}
.bmh-acc summary .bmh__chev{width:18px;height:18px;color:var(--hf-ink-3)}
.bmh-acc[open] summary .bmh__chev{transform:rotate(180deg)}
.bmh-acc ul{margin:-4px 0 0;padding:0 0 14px;list-style:none}
.bmh-acc li{margin:0;list-style:none}
.bmh-acc a{display:block;padding:10px 0;font:400 16px/1.4 var(--hf-body);color:var(--hf-ink-2);text-decoration:none}
.bmh-acc a[aria-current="page"]{color:var(--hf-indigo);font-weight:600}
.bmh-drawer__direct{display:block;padding:18px 0;border-bottom:1px solid var(--hf-line);text-decoration:none;
  font:600 20px/1.2 var(--hf-display);letter-spacing:-.015em;color:var(--hf-ink)}
.bmh-drawer__foot{margin-top:auto;padding:20px 20px 28px;background:var(--hf-mist);border-top:1px solid var(--hf-line)}
.bmh__cta--block{display:flex;width:100%;height:52px;font-size:16px}
.bmh-drawer__foot p{margin:12px 0 0;text-align:center;font:400 14px/1.5 var(--hf-body);color:var(--hf-ink-3)}

@media (max-width:1180px){
  .bmh__trigger,.bmh__link{padding:0 9px}
  .bmh__trigger::after,.bmh__link::after{left:9px;right:9px}
}
@media (max-width:1080px){
  .bmh__bar{grid-template-columns:1fr auto}
  .bmh__nav{display:none}
  .bmh__burger{display:inline-flex}
}
@media (max-width:640px){
  .bmh__bar{height:64px;padding:0 16px}
  .bmh__logo img,.bmh-drawer__head .bmh__logo img{height:34px!important}
  .bmh__actions .bmh__cta{display:none}
}
@media (max-width:380px){
  .bmh__logo img,.bmh-drawer__head .bmh__logo img{height:32px!important}
}

/* ───────── footer ───────── */
.bmf{background:var(--hf-mist);border-top:1px solid var(--hf-line);color:var(--hf-ink-2);font-family:var(--hf-body)}
.bmf__inner{max-width:1280px;margin:0 auto;padding:clamp(48px,6vw,72px) 24px 32px}
.bmf__logo{display:inline-flex;border-radius:4px}
.bmf__logo img{display:block;height:34px!important;width:auto!important;max-width:100%!important}

.bmf__index{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.55fr) minmax(0,1fr) minmax(0,.8fr);
  gap:32px;padding:0 0 clamp(40px,4.5vw,56px)}
.bmf .bmf__h{margin:0 0 16px!important;padding:0;font:600 15px/1.3 var(--hf-display)!important;letter-spacing:-.005em!important;
  color:var(--hf-ink)!important;text-transform:none!important}
.bmf__h a{color:inherit;text-decoration:none}
.bmf__h a:hover{color:var(--hf-indigo)}
.bmf__group ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.bmf__group li{margin:0;padding:0;list-style:none;line-height:1.45}
.bmf__group ul.bmf__cols{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px}
.bmf__group ul a{font:400 14.5px/1.45 var(--hf-body);color:var(--hf-ink-2);text-decoration:none;border-radius:4px}
.bmf__group ul a:hover{color:var(--hf-ink);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px}
.bmf__group ul a[aria-current="page"]{color:var(--hf-ink);font-weight:600}

.bmf__base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px;
  padding-top:24px;border-top:1px solid var(--hf-line-2);font:400 13.5px/1.5 var(--hf-body);color:var(--hf-ink-3)}
.bmf__base p{margin:0}
.bmf__copy{margin-right:auto!important}
.bmf__legal{display:flex;flex-wrap:wrap;gap:8px 24px;margin:0;padding:0;list-style:none}
.bmf__legal li{margin:0;list-style:none}
.bmf__legal a{color:var(--hf-ink-3);text-decoration:none}
.bmf__legal a:hover{color:var(--hf-ink);text-decoration:underline;text-underline-offset:3px}

@media (max-width:1080px){
  .bmf__index{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}
  .bmf__group--wide{grid-column:1/-1;order:-1}
}
@media (max-width:420px){
  .bmf__inner{padding-left:20px;padding-right:20px}
  .bmf__index{gap:36px 20px}
  .bmf__group ul.bmf__cols{column-gap:20px}
}

@media (prefers-reduced-motion:reduce){
  .bmh,.bmh__panel,.bmh__chev,.bmh-drawer,.bmh__cta,.bmh__aside-a svg,.bmh__trigger::after,.bmh__link::after{transition:none!important}
}