/* BMY CORE 2.5.23 — Multi-Mode Header Studio
   Desktop-only signature navigation concepts. Mobile retains the proven compact header. */
.bmy-header-mode-stage,.bmy-header-mode{display:none}

@media(min-width:901px){
  body[data-ui="bm-v080"] .bmy-header-mode-stage{display:block;position:absolute;inset:0;pointer-events:none;z-index:1}
  body[data-ui="bm-v080"] .bmy-header-mode{pointer-events:auto}
  body[data-ui="bm-v080"] .bmy-header-inner{position:relative;z-index:3}
  body[data-ui="bm-v080"] .bmy-header-mode a{text-decoration:none}

  /* ---------------------------------------------------------------
     01 Navigation Compass
     --------------------------------------------------------------- */
  body[data-header-mode="compass"] .bmy-header-compass{display:block;position:absolute;left:50%;top:8px;width:60px;height:60px;transform:translateX(-50%);z-index:4}
  body[data-header-mode="compass"] .bmy-header-charter{margin-right:6px}
  body[data-header-mode="compass"] .bmy-compass-core{position:absolute;inset:0;display:grid;place-items:center;align-content:center;gap:1px;width:60px;height:60px;border:1px solid rgba(255,255,255,.22);border-radius:50%;background:rgba(3,18,30,.22);color:#fff;backdrop-filter:blur(16px);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .3s cubic-bezier(.2,.72,.2,1)}
  body[data-header-mode="compass"] .bmy-compass-core small{font-size:7px;letter-spacing:.18em;color:rgba(255,255,255,.48)}
  body[data-header-mode="compass"] .bmy-compass-core b{font-size:8px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
  body[data-header-mode="compass"] .bmy-compass-core i{position:absolute;right:-4px;bottom:2px;display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#74dcff;color:#052037;font-size:11px;font-style:normal;box-shadow:0 0 16px rgba(116,220,255,.34);transition:transform .3s ease}
  body[data-header-mode="compass"] .bmy-compass-axis{position:absolute;left:50%;top:50%;width:98px;height:98px;border:1px solid rgba(121,222,255,.16);border-radius:50%;transform:translate(-50%,-50%) scale(.54);opacity:0;transition:transform .35s cubic-bezier(.2,.72,.2,1),opacity .25s ease;pointer-events:none}
  body[data-header-mode="compass"] .bmy-compass-axis::before,body[data-header-mode="compass"] .bmy-compass-axis::after{content:"";position:absolute;left:50%;top:50%;background:rgba(121,222,255,.15);transform:translate(-50%,-50%)}
  body[data-header-mode="compass"] .bmy-compass-axis::before{width:120px;height:1px}body[data-header-mode="compass"] .bmy-compass-axis::after{width:1px;height:120px}
  body[data-header-mode="compass"] .bmy-compass-orbit{position:absolute;left:50%;top:50%;width:340px;height:76px;transform:translate(-50%,-50%) scale(.82);opacity:0;visibility:hidden;pointer-events:none;transition:transform .35s cubic-bezier(.2,.72,.2,1),opacity .25s ease,visibility .25s ease}
  body[data-header-mode="compass"] .bmy-compass-orbit a{position:absolute;top:50%;display:grid;gap:2px;min-width:70px;padding:9px 12px;border:1px solid rgba(255,255,255,.14);background:rgba(4,20,33,.82);color:#fff;backdrop-filter:blur(18px);transform:translateY(-50%);transition:border-color .2s ease,background .2s ease}
  body[data-header-mode="compass"] .bmy-compass-orbit a:nth-child(1){left:0}body[data-header-mode="compass"] .bmy-compass-orbit a:nth-child(2){left:80px}body[data-header-mode="compass"] .bmy-compass-orbit a:nth-child(3){right:80px}body[data-header-mode="compass"] .bmy-compass-orbit a:nth-child(4){right:0}
  body[data-header-mode="compass"] .bmy-compass-orbit small{font-size:7px;color:#79dcff;letter-spacing:.14em}body[data-header-mode="compass"] .bmy-compass-orbit span{font-size:9px;letter-spacing:.10em;text-transform:uppercase}
  body[data-header-mode="compass"] .bmy-header-compass:hover .bmy-compass-orbit,body[data-header-mode="compass"] .bmy-header-compass:focus-within .bmy-compass-orbit{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}
  body[data-header-mode="compass"] .bmy-header-compass:hover .bmy-compass-axis,body[data-header-mode="compass"] .bmy-header-compass:focus-within .bmy-compass-axis{opacity:1;transform:translate(-50%,-50%) scale(1)}
  body[data-header-mode="compass"] .bmy-header-compass:hover .bmy-compass-core i{transform:rotate(45deg)}
  body[data-header-mode="compass"] .site-header.scrolled .bmy-compass-core{background:#f5fbfd;color:#0a2942;border-color:rgba(7,31,47,.12)}
  body[data-header-mode="compass"] .site-header.scrolled .bmy-compass-core small{color:#718694}

  /* ---------------------------------------------------------------
     02 Coastline Header
     --------------------------------------------------------------- */
  body[data-header-mode="coastline"] .bmy-header-coastline{display:block;position:absolute;left:50%;top:17px;width:min(650px,48vw);height:50px;transform:translateX(-50%)}
  body[data-header-mode="coastline"] .bmy-header-coastline svg{position:absolute;inset:7px 0 0;width:100%;height:40px;overflow:visible}
  body[data-header-mode="coastline"] .bmy-header-coastline path{fill:none;stroke:rgba(125,220,252,.36);stroke-width:1;stroke-dasharray:3 8;vector-effect:non-scaling-stroke;animation:bmy-coastline-flow 9s linear infinite}
  body[data-header-mode="coastline"] .bmy-header-coastline a{position:absolute;left:var(--node-x);top:16px;display:grid;justify-items:center;gap:5px;color:rgba(255,255,255,.72);transform:translateX(-50%);transition:color .2s ease,transform .2s ease}
  body[data-header-mode="coastline"] .bmy-header-coastline a i{display:block;width:7px;height:7px;border:1px solid #79dcff;border-radius:50%;background:#071b2d;box-shadow:0 0 0 4px rgba(121,220,255,.06);transition:box-shadow .2s ease,background .2s ease}
  body[data-header-mode="coastline"] .bmy-header-coastline a span{font-size:8px;letter-spacing:.12em;text-transform:uppercase;white-space:nowrap}
  body[data-header-mode="coastline"] .bmy-header-coastline a:hover{color:#fff;transform:translateX(-50%) translateY(-2px)}body[data-header-mode="coastline"] .bmy-header-coastline a:hover i{background:#79dcff;box-shadow:0 0 16px rgba(121,220,255,.45)}
  body[data-header-mode="coastline"] .site-header.scrolled .bmy-header-coastline path{stroke:rgba(20,104,142,.28)}body[data-header-mode="coastline"] .site-header.scrolled .bmy-header-coastline a{color:#38566b}body[data-header-mode="coastline"] .site-header.scrolled .bmy-header-coastline a i{background:#f5fbfd}
  @keyframes bmy-coastline-flow{to{stroke-dashoffset:-44}}

  /* ---------------------------------------------------------------
     03 Route Ribbon
     --------------------------------------------------------------- */
  body[data-header-mode="ribbon"] .bmy-header-ribbon{display:flex;position:absolute;left:50%;top:19px;align-items:center;justify-content:center;gap:0;width:min(680px,50vw);height:40px;transform:translateX(-50%);color:#fff}
  body[data-header-mode="ribbon"] .bmy-ribbon-label{margin-right:16px;font-size:7px;letter-spacing:.16em;color:rgba(255,255,255,.36);white-space:nowrap}
  body[data-header-mode="ribbon"] .bmy-header-ribbon a{position:relative;display:flex;align-items:center;gap:7px;min-width:112px;height:40px;padding:0 12px;color:rgba(255,255,255,.68);font-size:8px;letter-spacing:.10em;text-transform:uppercase}
  body[data-header-mode="ribbon"] .bmy-header-ribbon a::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:rgba(255,255,255,.12);z-index:-1}
  body[data-header-mode="ribbon"] .bmy-header-ribbon a i{width:7px;height:7px;border:1px solid #7bddff;border-radius:50%;background:#061a2c;box-shadow:0 0 0 4px rgba(123,221,255,.045)}
  body[data-header-mode="ribbon"] .bmy-header-ribbon a b{font-weight:560;white-space:nowrap;background:rgba(5,21,35,.75);padding:3px 5px}
  body[data-header-mode="ribbon"] .bmy-header-ribbon a:hover{color:#fff}body[data-header-mode="ribbon"] .bmy-header-ribbon a:hover i{background:#7bddff;box-shadow:0 0 14px rgba(123,221,255,.45)}
  body[data-header-mode="ribbon"] .bmy-ribbon-ray{position:absolute;left:140px;top:19px;width:50px;height:1px;background:linear-gradient(90deg,transparent,#7bddff,transparent);box-shadow:0 0 10px rgba(123,221,255,.45);animation:bmy-ribbon-ray 5.2s ease-in-out infinite}
  @keyframes bmy-ribbon-ray{0%,12%{transform:translateX(0);opacity:0}24%{opacity:1}76%{opacity:.75}100%{transform:translateX(420px);opacity:0}}
  body[data-header-mode="ribbon"] .site-header.scrolled .bmy-header-ribbon{color:#15384f}body[data-header-mode="ribbon"] .site-header.scrolled .bmy-ribbon-label{color:#78909e}body[data-header-mode="ribbon"] .site-header.scrolled .bmy-header-ribbon a{color:#476579}body[data-header-mode="ribbon"] .site-header.scrolled .bmy-header-ribbon a::after{background:rgba(7,31,47,.10)}body[data-header-mode="ribbon"] .site-header.scrolled .bmy-header-ribbon a b{background:#f4fafc}body[data-header-mode="ribbon"] .site-header.scrolled .bmy-header-ribbon a i{background:#f4fafc}

  /* ---------------------------------------------------------------
     04 Morphing Brand Dock
     --------------------------------------------------------------- */
  body[data-header-mode="dock"].home-page .site-header:not(.scrolled){background:transparent!important;border-color:transparent!important;backdrop-filter:none!important}
  body[data-header-mode="dock"] .bmy-header-dock{display:flex;position:fixed;z-index:49;left:50%;bottom:26px;align-items:center;gap:0;min-width:510px;height:58px;padding:0 10px;border:1px solid rgba(255,255,255,.16);border-radius:0;background:rgba(3,18,30,.74);color:#fff;box-shadow:0 18px 48px rgba(0,8,15,.18);backdrop-filter:blur(22px) saturate(120%);transform:translateX(-50%);transition:top .34s cubic-bezier(.2,.72,.2,1),bottom .34s cubic-bezier(.2,.72,.2,1),height .34s ease,background .25s ease,border-color .25s ease,border-radius .25s ease}
  body[data-header-mode="dock"] .bmy-header-dock a{display:grid;grid-template-columns:24px auto;align-items:center;gap:5px;min-width:116px;height:40px;padding:0 12px;border-right:1px solid rgba(255,255,255,.09);color:rgba(255,255,255,.72);transition:color .2s ease,background .2s ease}
  body[data-header-mode="dock"] .bmy-header-dock a:last-child{border-right:0}body[data-header-mode="dock"] .bmy-header-dock small{font-size:7px;color:#75d9fb;letter-spacing:.12em}body[data-header-mode="dock"] .bmy-header-dock b{font-size:9px;font-weight:560;letter-spacing:.10em;text-transform:uppercase}body[data-header-mode="dock"] .bmy-header-dock a:hover{color:#fff;background:rgba(255,255,255,.035)}
  body[data-header-mode="dock"] .bmy-dock-signal{position:absolute;left:14px;right:14px;top:-1px;height:1px;overflow:hidden}body[data-header-mode="dock"] .bmy-dock-signal::after{content:"";display:block;width:70px;height:1px;background:linear-gradient(90deg,transparent,#79dcff,transparent);animation:bmy-dock-signal 4.8s ease-in-out infinite}
  @keyframes bmy-dock-signal{0%{transform:translateX(-90px);opacity:0}20%{opacity:1}100%{transform:translateX(470px);opacity:0}}
  body[data-header-mode="dock"] .site-header.scrolled .bmy-header-dock{position:absolute;top:7px;bottom:auto;height:50px;border-radius:0;background:rgba(244,250,252,.95);border-color:rgba(7,31,47,.09);color:#14364c;box-shadow:none}
  body[data-header-mode="dock"] .site-header.scrolled .bmy-header-dock a{height:34px;color:#4b697b;border-right-color:rgba(7,31,47,.08)}body[data-header-mode="dock"] .site-header.scrolled .bmy-header-dock a:hover{color:#0b2a41;background:rgba(7,31,47,.025)}

  /* ---------------------------------------------------------------
     05 Split-Corner Header
     Existing logo/actions are the top corners; two extra bottom corners appear on homepage.
     --------------------------------------------------------------- */
  body[data-header-mode="corners"].home-page .site-header:not(.scrolled){height:0!important;background:transparent!important;border:0!important;backdrop-filter:none!important}
  body[data-header-mode="corners"].home-page .site-header:not(.scrolled) .bmy-header-inner{position:fixed;left:32px;right:32px;top:18px;width:auto!important;height:54px!important;margin:0!important}
  body[data-header-mode="corners"] .bmy-header-corners{display:none}
  body[data-header-mode="corners"].home-page .site-header:not(.scrolled) .bmy-header-corners{display:block}
  body[data-header-mode="corners"] .bmy-header-corners .corner{position:fixed;z-index:48;bottom:26px;display:grid;grid-template-columns:28px auto 20px;align-items:center;gap:8px;min-width:170px;height:44px;padding:0 12px;border-top:1px solid rgba(255,255,255,.24);color:#fff;background:linear-gradient(180deg,transparent,rgba(3,18,30,.12));backdrop-filter:blur(4px)}
  body[data-header-mode="corners"] .bmy-header-corners .corner-bl{left:32px}body[data-header-mode="corners"] .bmy-header-corners .corner-br{right:32px}
  body[data-header-mode="corners"] .bmy-header-corners small{font-size:7px;letter-spacing:.14em;color:#79dcff}body[data-header-mode="corners"] .bmy-header-corners b{font-size:9px;font-weight:560;letter-spacing:.10em;text-transform:uppercase}body[data-header-mode="corners"] .bmy-header-corners i{font-style:normal;text-align:right;color:rgba(255,255,255,.55)}
  body[data-header-mode="corners"] .bmy-header-corners .corner:hover{border-top-color:#79dcff}

  /* ---------------------------------------------------------------
     06 Chart Coordinates Header
     --------------------------------------------------------------- */
  body[data-header-mode="coordinates"] .bmy-header-coordinates{display:flex;position:absolute;left:50%;top:14px;align-items:center;justify-content:center;width:min(660px,50vw);height:48px;transform:translateX(-50%)}
  body[data-header-mode="coordinates"] .bmy-header-coordinates a{display:grid;grid-template-columns:auto auto;align-items:center;gap:8px;min-width:128px;padding:0 12px;color:rgba(255,255,255,.7)}
  body[data-header-mode="coordinates"] .bmy-header-coordinates a small{font-size:7px;letter-spacing:.14em;color:#7bddff}body[data-header-mode="coordinates"] .bmy-header-coordinates a b{font:500 9px/1 var(--ui-sans);letter-spacing:.08em;white-space:nowrap}
  body[data-header-mode="coordinates"] .bmy-header-coordinates>span{width:1px;height:22px;background:rgba(255,255,255,.12)}
  body[data-header-mode="coordinates"] .bmy-header-coordinates a:hover{color:#fff}
  body[data-header-mode="coordinates"] .site-header.scrolled .bmy-header-coordinates a{color:#496779}body[data-header-mode="coordinates"] .site-header.scrolled .bmy-header-coordinates>span{background:rgba(7,31,47,.10)}

  /* ---------------------------------------------------------------
     07 No-Header Hero
     Homepage starts with only brand / menu / shortlist. Full controls return after scroll.
     --------------------------------------------------------------- */
  body[data-header-mode="noheader"].home-page .site-header:not(.scrolled){background:transparent!important;border-color:transparent!important;backdrop-filter:none!important;height:74px!important}
  body[data-header-mode="noheader"].home-page .site-header:not(.scrolled) .bmy-header-charter{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-5px)}
  body[data-header-mode="noheader"].home-page .site-header:not(.scrolled) .bmy-header-shortlist span,body[data-header-mode="noheader"].home-page .site-header:not(.scrolled) .bmy-menu-toggle>span{display:none!important}
  body[data-header-mode="noheader"] .bmy-header-charter{transition:opacity .22s ease,visibility .22s ease,transform .22s ease,background .2s ease,border-color .2s ease!important}

  /* Interior pages keep every experimental mode usable without hero-specific fixed pieces. */
  body:not(.home-page)[data-header-mode="dock"] .bmy-header-dock{position:absolute;top:9px;bottom:auto;height:50px;background:rgba(244,250,252,.94);color:#14364c;border-color:rgba(7,31,47,.10);box-shadow:none}
  body:not(.home-page)[data-header-mode="corners"] .bmy-header-corners{display:none!important}

  /* Prevent mode UI from colliding with logo/actions on mid-sized desktop. */
  @media(max-width:1260px){
    body[data-header-mode="coastline"] .bmy-header-coastline,body[data-header-mode="ribbon"] .bmy-header-ribbon,body[data-header-mode="coordinates"] .bmy-header-coordinates{width:46vw}
    body[data-header-mode="ribbon"] .bmy-ribbon-label{display:none}body[data-header-mode="ribbon"] .bmy-header-ribbon a{min-width:95px;padding-inline:8px}
    body[data-header-mode="dock"] .bmy-header-dock{min-width:450px}body[data-header-mode="dock"] .bmy-header-dock a{min-width:100px;padding-inline:9px}
  }
}

@media(max-width:900px){
  /* All signature desktop modes intentionally fall back to the existing premium mobile header. */
  body[data-ui="bm-v080"] .bmy-header-mode-stage,body[data-ui="bm-v080"] .bmy-header-mode{display:none!important}
}

@media(min-width:901px) and (prefers-reduced-motion:reduce){
  body[data-header-mode="coastline"] .bmy-header-coastline path,
  body[data-header-mode="ribbon"] .bmy-ribbon-ray,
  body[data-header-mode="dock"] .bmy-dock-signal::after{animation:none!important}
}

@media(min-width:901px){
  /* Signature modes are intentionally a homepage experience. Interior pages retain the proven compact header. */
  body:not(.home-page)[data-ui="bm-v080"] .bmy-header-mode-stage{display:none!important}
}
