/* Revision 8: the original logo artwork displayed as a horizontal lockup. */
.header{height:66px;gap:16px;background:var(--cream)}
.header .brand-horizontal{display:flex;align-items:center;gap:7px;width:191px;min-height:44px;flex-shrink:0;mix-blend-mode:darken}
.brand-horizontal svg{display:block;flex-shrink:0;overflow:hidden}
.brand-horizontal .brand-symbol{width:40px;height:40px}
.brand-horizontal .brand-wordmark{width:144px;height:29px}
.how-step-marker{justify-content:flex-start}
@media(min-width:900px){.header{height:78px}.header .brand-horizontal{width:225px;gap:9px}.brand-horizontal .brand-symbol{width:46px;height:46px}.brand-horizontal .brand-wordmark{width:170px;height:34px}}
/* Revision 21: customer access lives inside the navigation menu. */
.header .menu-toggle{display:inline-grid}
.header .mobile-menu{display:flex;max-height:calc(100dvh - 110px);overflow-y:auto;overscroll-behavior:contain}
.menu-account-access{border-top:1px solid var(--line);margin-top:8px;padding-top:8px}
.menu-account-access a{display:flex;align-items:center;justify-content:space-between;gap:12px;font-weight:600;color:var(--green-dark)}
.menu-account-access .icon{width:19px;height:19px}
.mobile-menu a:hover{color:var(--red)}
@media(min-width:900px){.header .mobile-menu{left:auto;right:0;width:300px;border:1px solid var(--line);border-radius:0 0 12px 12px}.header-cta{margin-left:auto}}
@media(min-width:900px) and (max-width:1099px){.header .desktop-nav{display:none}}