/* Preserve the exact ALPHASEC silhouette; blend away the opaque source canvas. */
.header .brand img{filter:none;mix-blend-mode:multiply}
.header[data-brand-tone=white] .brand img{filter:grayscale(1) invert(1) brightness(5);mix-blend-mode:screen}
.header[data-brand-tone=white] .brand{background:transparent}
/* Submenus have their own light surface, independent of the header theme. */
.header .nav-dropdown-links,.header .language-options,.header .full-menu{background:#fff;color:#20294d;color-scheme:light}
.header .nav-dropdown-links a,.header .nav-dropdown-links a:visited,.header .language-options a,.header .language-options a:visited,.header .full-menu a,.header .full-menu summary{color:#20294d}
.header .nav-dropdown-links a:hover,.header .nav-dropdown-links a:focus-visible,.header .language-options a:hover,.header .language-options a:focus-visible,.header .full-menu a:hover,.header .full-menu a:focus-visible{background:#eef2fc!important;color:#16477f!important}
.header .nav-dropdown-links a[aria-current=page],.header .language-options a[aria-current=page]{background:#eef2fc;color:#16477f!important}
/* Choose the mark from the rendered header surface, not the OS preference.
   A light header always keeps the original blue brand colors. */

.hait-page .strategy-phases{grid-template-columns:repeat(2,minmax(0,1fr))}.hait-page .strategy-hero h1{font-size:clamp(29px,3.2vw,47px);max-width:24ch}.hait-page .strategy-blueprint h2{font-size:clamp(23px,2vw,30px)}
@media(max-width:650px){.hait-page .strategy-phases{grid-template-columns:1fr}}

.hait-page .strategy-blueprint p{color:#dce7f5!important;font-size:18px;line-height:1.8}