/* Petroleum-blue masthead, coordinated with the existing navy identity. */
.hero .header{width:100%;max-width:none;padding-left:max(6%,calc((100% - 1320px)/2));padding-right:max(6%,calc((100% - 1320px)/2));background:linear-gradient(115deg,#192e3a 0%,#132733 50%,#0e202b 100%);border-bottom:1px solid #ffffff16;box-shadow:0 6px 28px #07162218;color:#eef2f4}
.header #navigation{background:#10253208;border-color:#eef2f420}
.header #navigation a{color:#d3dde3}
.header #navigation a.active,.header #navigation a:hover,.header #navigation a:focus-visible{color:#ead4b3}
.header .nav-indicator{background:#ffffff30;border-color:#eef2f43a;box-shadow:0 3px 12px #46330f0c}
.header .nav-indicator:after{background:linear-gradient(90deg,transparent,#d7bea0,transparent)}
.header .header-contact{background:#102532;color:#f4e4ca;border-color:#eef2f4;backdrop-filter:none}
.header .header-contact:hover{background:#304a59}
.header .menu{color:#eef2f4;border-color:#eef2f440;background:#ffffff1a}
@media(max-width:600px){
 .hero .header{padding:0 18px}
 .header #navigation{left:18px;right:18px;background:#1b323f;border-color:#ffffff20;box-shadow:0 12px 30px #07162230;backdrop-filter:none}
}
@media(max-width:360px){.hero .header{padding:0 14px}.header #navigation{left:14px;right:14px}}