/* Financial navigation and the short Company-to-brands chapter. */
@font-face { font-family: DMSerif; src: url('assets/dm-serif-display-latin-regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: Instrument; src: url('assets/instrument-sans-variable.woff2') format('woff2'); font-weight: 100 900; font-display: swap; }
body.w62-site[data-w62-brand="financial"] > .f73-header.site-header {
  position: fixed !important;
  inset: 16px 6vw auto !important;
  width: auto !important;
  max-width: none !important;
  height: auto !important;
  min-height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  display: block !important;
  transform: none !important;
  z-index: 100 !important;
  border: 1px solid rgba(255, 255, 255, .8) !important;
  border-radius: 10px !important;
  background: rgba(250, 249, 245, .76) !important;
  box-shadow: 0 3px 22px rgba(23, 45, 64, .025) !important;
  -webkit-backdrop-filter: blur(22px);
  backdrop-filter: blur(22px);
}
.f73-header-inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr);
  align-items: center;
  min-height: 70px;
  padding: 10px 22px;
  gap: 24px;
}
.f73-brand { display: flex; align-items: center; justify-self: start; min-width: 0; min-height: 44px; }
.f73-brand img { display: block; width: clamp(190px, 17vw, 250px); height: auto; max-height: 36px; object-fit: contain; }
.f73-nav { display: flex; align-items: center; justify-content: center; gap: clamp(24px, 2.2vw, 42px); }
.f73-actions { display: flex; align-items: center; justify-self: end; gap: 8px; }
.f73-header a { color: #172d40; text-decoration: none; }
.f73-nav a, .f73-talk { display: inline-flex; align-items: center; min-height: 44px; font: 450 16px/1.35 Instrument, Arial, sans-serif; white-space: nowrap; }
.f73-header a:hover, .f73-header a[aria-current="page"], .f73-header .f73-talk { color: #197da7; }
.f73-header a[aria-current="page"] { text-decoration: underline; text-underline-offset: 8px; text-decoration-thickness: 1px; }
.f73-header :is(a, button):focus-visible { outline: 2px solid #197da7; outline-offset: 4px; border-radius: 3px; }
.f73-menu-toggle { display: none; width: 44px; height: 44px; padding: 11px; border: 0; border-radius: 7px; background: transparent; color: #172d40; cursor: pointer; }
.f73-menu-toggle span { display: block; width: 22px; height: 1.5px; margin: 6px 0; background: currentColor; transition: transform 200ms ease; }
.f73-menu-toggle[aria-expanded="true"] span:first-child { transform: translateY(3.75px) rotate(45deg); }
.f73-menu-toggle[aria-expanded="true"] span:last-child { transform: translateY(-3.75px) rotate(-45deg); }
.f73-menu { position: absolute; top: calc(100% + 8px); left: 0; right: 0; padding: 12px 20px; border: 1px solid #d8e2e2; border-radius: 10px; background: rgba(250, 249, 245, .98); box-shadow: 0 16px 36px #172d4010; max-height: calc(100svh - 100px); overflow: auto; overscroll-behavior: contain; }
.f73-menu[hidden] { display: none !important; }
.f73-menu:not([hidden]) { display: grid; animation: f73-menu-enter 200ms ease both; }
.f73-menu a { display: flex; align-items: center; min-height: 52px; padding-block: 8px; font: 450 20px/1.4 Instrument, Arial, sans-serif; border-bottom: 1px solid #dce2df; }
.f73-menu a:last-child { border-bottom: 0; }
@keyframes f73-menu-enter { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }

.f73-company { position: relative; z-index: 2; display: flex; align-items: center; min-height: 54svh; padding-block: clamp(48px, 6svh, 80px); scroll-margin-top: 115px; }
.f73-company-copy { width: 51%; max-width: 660px; }
.f73-company-logo { display: block; width: clamp(220px, 22vw, 330px); max-width: 100%; height: auto; margin-bottom: 26px; }
.f73-company h2 { margin: 0 0 22px; font: 400 clamp(36px, 3.4vw, 54px)/1.07 DMSerif, Georgia, serif; letter-spacing: -.035em; }
.f73-company p { max-width: 42ch; margin: 0 0 22px; font: 400 clamp(18px, 1.25vw, 22px)/1.65 Instrument, Arial, sans-serif; color: #455d6d; }
.f73-company .text-link { margin: 0; min-height: 44px; }
.f73-company a { text-underline-offset: 4px; }
.chapter-hero h1 br { display: initial !important; }

@media (max-width: 900px) {
  .f73-header-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 10px; padding: 7px 13px; min-height: 60px; }
  .f73-brand img { width: clamp(165px, 28vw, 235px); }
  .f73-nav { display: none; }
  .f73-actions { grid-column: 2; }
  .f73-menu-toggle { display: block; }
  .f73-talk { font-size: 15px; }
}
@media (max-width: 650px) {
  body.w62-site[data-w62-brand="financial"] > .f73-header.site-header { inset: 10px 12px auto !important; }
  .f73-header-inner { gap: 6px; padding: 6px 8px 6px 12px; min-height: 56px; }
  .f73-brand img { width: clamp(154px, 44vw, 205px); max-height: 30px; }
  .f73-actions { gap: 6px; }
  .f73-talk { font-size: 14px; }
  .f73-company { min-height: 0; padding-block: 36px 28px; scroll-margin-top: 92px; }
  .f73-company-copy { width: 100%; max-width: none; }
  .f73-company-logo { width: min(100%, 265px); margin-bottom: 22px; }
  .f73-company h2 { font-size: clamp(32px, 8.8vw, 42px); }
  .f73-company p { font-size: 17px; max-width: 40ch; }
}
body.w62-site[data-w62-brand="financial"][data-w62-edition="mobile"] > .f73-header.site-header { inset: 10px max(12px, calc((100vw - 456px) / 2)) auto !important; max-width: 456px !important; }
body[data-w62-edition="mobile"] .f73-header-inner { grid-template-columns: minmax(0, 1fr) auto; gap: 6px; padding: 6px 8px 6px 12px; min-height: 56px; }
body[data-w62-edition="mobile"] .f73-brand img { width: min(44vw, 205px); min-width: 154px; max-height: 30px; }
body[data-w62-edition="mobile"] .f73-nav { display: none; }
body[data-w62-edition="mobile"] .f73-menu-toggle { display: block; }
body[data-w62-edition="mobile"] .f73-talk { font-size: 14px; }
body[data-w62-edition="mobile"] .f73-actions { gap: 6px; }
body[data-w62-edition="mobile"] .f73-company { min-height: 0; padding-block: 34px 24px; }
body[data-w62-edition="mobile"] .f73-company-copy { width: 100%; }
body[data-w62-edition="mobile"] .f73-company-logo { width: min(100%, 265px); margin-bottom: 22px; }
body[data-w62-edition="mobile"] .f73-company h2 { font-size: clamp(32px, 8.8vw, 42px); }
body[data-w62-edition="mobile"] .f73-company p { font-size: 17px; max-width: 40ch; }
@media (min-width: 1600px) {
  body.w62-site[data-w62-brand="financial"][data-w62-edition="desktop"] > .f73-header.site-header { left: var(--fluid73-gutter, 4.5vw) !important; right: var(--fluid73-gutter, 4.5vw) !important; }
  .f73-company-copy { max-width: 760px; }
}
@media (prefers-reduced-motion: reduce) { .f73-menu, .f73-menu-toggle span { animation: none !important; transition: none !important; } }
@media print { body.w62-site[data-w62-brand="financial"] > .f73-header.site-header { display: none !important; } }