/* Fleets keeps its fixed navigation. Only the matching header reservation changes. */
:root{--fleets-header-height:122px}
html{scroll-padding-top:calc(var(--fleets-header-height) + 16px)}
header.wf-standard-header[data-site-navigation].scrolled{background:#0b1a26;border-bottom:1px solid #203643;backdrop-filter:none}
body[data-page] #main>.hero{padding-top:var(--fleets-header-height)}
body[data-page] #main>.inner-hero{padding-top:calc(10.5rem - 144px + var(--fleets-header-height))}
.showcase-page #main{padding-top:var(--fleets-header-height)}
@media(max-width:1420px){
body[data-page] #main>.inner-hero{padding-top:calc(10.5rem - 120px + var(--fleets-header-height))}
header.wf-standard-header[data-site-navigation] .wf-standard-nav.is-open{max-height:calc(100dvh - var(--fleets-header-height) - 18px);overflow-y:auto}
}
@media(max-width:1150px){:root{--fleets-header-height:102px}}
@media(max-width:720px){body[data-page] #main>.inner-hero{padding-top:calc(8.5rem - 120px + var(--fleets-header-height))}}
@media(max-width:640px){:root{--fleets-header-height:89.5px}}