/* Company identity and its three businesses form one clear header. */
.cosmos-site .brand-header { gap: 24px; }
.header-identity { display: flex; align-items: center; gap: 26px; flex: none; min-width: 0; color: #f3f7ff; }
.brand-lockup { display: block; position: relative; filter: drop-shadow(0 0 .4px rgba(255,255,255,.85)); }
.cosmos-site .brand-header .brand-logo { width: 230px; height: auto; clip-path: inset(0 0 0 18%); }
.brand-lockup .brand-symbol { position: absolute; inset: 0; display: block; width: 100%; height: 100%; clip-path: inset(0 82% 0 0); }
.header-businesses { display: flex; align-items: center; gap: .35rem; margin: 0; color: #c8d5e8; font-size: .75rem; line-height: 1.7; }
.header-businesses > span { white-space: nowrap; }
.business-separator { opacity: .5; }
.cosmos-site .header-identity a:focus-visible { outline: 2px solid #d8efff; outline-offset: 5px; }
.cosmos-site .brand-header .desktop-nav { gap: 16px; }
.cosmos-site .brand-header .desktop-nav > a { font-size: .875rem; }
.business-brand-logo { display: block; width: 126px; max-width: calc(100% - 76px); height: 46px; padding: 8px 10px; object-fit: contain; background: #f5f7fc; border-radius: 5px; }
@media (min-width: 1381px) and (max-width: 1500px) {
  .cosmos-site .brand-header { padding-inline: 25px; gap: 18px; }
  .cosmos-site .brand-header .desktop-nav { gap: 13px; }
  .cosmos-site .brand-header .brand-logo { width: 210px; }
  .header-identity { gap: 24px; }
}
@media (max-width: 1380px) {
  .cosmos-site .brand-header { min-height: 92px; padding-block: 12px; gap: 22px; }
  .cosmos-site .brand-header .desktop-nav { display: none; }
  .cosmos-site .brand-header .mobile-menu { display: block; }
  .cosmos-site .brand-header .mobile-menu > summary { display: flex; align-items: center; gap: 14px; list-style: none; cursor: pointer; min-height: 44px; font-family: var(--en); font-size: .875rem; letter-spacing: .1em; }
  .cosmos-site .brand-header .mobile-menu > summary::-webkit-details-marker { display: none; }
  .cosmos-site .brand-header .menu-lines { width: 26px; height: 9px; border-top: 1px solid currentColor; border-bottom: 1px solid currentColor; }
  .cosmos-site .brand-header .mobile-menu > nav { position: absolute; top: 100%; left: 0; right: 0; padding: 24px 40px 35px; max-height: calc(100svh - 92px - 70px); overflow-y: auto; border-bottom: 1px solid #456393; box-shadow: 0 35px 50px #0005; }
  .cosmos-site .brand-header .mobile-menu > nav > a { display: flex; justify-content: space-between; align-items: center; padding: 17px 0; font-size: 1rem; border-bottom: 1px solid #263149; }
  .cosmos-site .brand-header .mobile-menu > nav > a > span { font: .75rem var(--en); color: var(--gold); }
}
@media (max-width: 740px) {
  html { scroll-padding-top: 116px; }
  .cosmos-site .brand-header { padding: 10px 12px; gap: 10px; }
  .header-identity { display: grid; grid-template-columns: minmax(0, 200px) auto; gap: 12px; flex: 1; justify-content: start; }
  .header-identity > .brand { min-width: 0; }
  .cosmos-site .brand-header .brand-logo { width: 200px; max-width: 100%; }
  .header-businesses { display: flex; flex-direction: column; align-items: flex-start; gap: 0; font-size: .75rem; line-height: 1.7; }
  .header-businesses .business-separator { display: none; }
  .cosmos-site .brand-header .mobile-menu > summary { width: 44px; justify-content: center; }
  .cosmos-site .brand-header .mobile-menu > summary > span:first-child { display: none; }
  .cosmos-site .brand-header .mobile-menu > nav { padding: 17px 24px 25px; }
  .cosmos-site .cosmos-hero, .cosmos-site .life-hero.life-book-hero { padding-top: 92px; }
  .cosmos-site .recruit-video-hero { padding-top: 136px; }
}
@media print { .cosmos-site .brand-header { display: none; } }