/* Only the opening of Beranda uses the navy theme. */
.m-home{--home-navy:#082743;--home-accent:#8ac4ff}
.m-home .m-hero{background:var(--home-navy);color:#fff}
.m-home .m-hero h1{color:#fff}
.m-home .m-hero h1 em{color:var(--home-accent)}
.m-home .m-hero .overline{color:#a2d0ff}
.m-home .m-hero-copy>p{color:#c5d6e6}
.m-home .m-hero .hero-footnote{color:#abc4da}
.m-home .m-hero .line-mark{background:#7fa8ca}
.m-home .m-hero .text-link{color:#b8dcff}
.m-home .m-hero .text-link:hover{color:#fff}
.m-home .m-hero .m-button{background:#176ad1;border-color:#4b91e5;color:#fff}
.m-home .m-hero .m-button:hover{background:#2078e4;border-color:#78b1f7}
.m-home .m-header{transition:background-color .2s ease,border-color .2s ease,box-shadow .2s ease}
.m-home:not(.home-past-hero) .m-header{background:var(--home-navy);border-color:#ffffff20}
.m-home:not(.home-past-hero) .m-brand img{filter:brightness(0) invert(1)}
.m-home:not(.home-past-hero) .m-nav>a,
.m-home:not(.home-past-hero) .m-dropdown>button{color:#dfebf5}
.m-home:not(.home-past-hero) .m-nav>a:hover,
.m-home:not(.home-past-hero) .m-nav>a[aria-current],
.m-home:not(.home-past-hero) .m-dropdown>button:hover{color:var(--home-accent)}
.m-home:not(.home-past-hero) .m-nav>a[aria-current]:after{background:var(--home-accent)}
.m-home:not(.home-past-hero) .m-nav .m-nav-cta{background:#fff;border-color:#fff;color:var(--home-navy)}
.m-home:not(.home-past-hero) .m-nav .m-nav-cta:hover{background:#e3f0fc;border-color:#e3f0fc}
.m-home:not(.home-past-hero) .m-menu-toggle{border-color:#ffffff50}
.m-home:not(.home-past-hero) .m-menu-toggle span{background:#fff}
.m-home.home-past-hero .m-header{background:#fff;border-color:var(--line);box-shadow:0 3px 18px #08274308}
@media(max-width:1080px){
 .m-home:not(.home-past-hero) .m-nav{background:var(--home-navy);border-color:#ffffff26}
 .m-home:not(.home-past-hero) .m-mega{background:var(--home-navy)}
 .m-home:not(.home-past-hero) .m-mega-links>a{color:#dfebf5}
 .m-home:not(.home-past-hero) .m-mega-links small{color:#b2cadf}
 .m-home:not(.home-past-hero) .m-mega-links>a>svg{color:var(--home-accent)}
 .m-home:not(.home-past-hero) .m-mega-links>a:hover{background:#153c5c}
}
@media(prefers-reduced-motion:reduce){.m-home .m-header{transition:none}}