/* Contact uses the approved homepage navigation, without a second logo. */
html:has(.contact-page){--contact-header-height:68px;scroll-padding-top:calc(var(--contact-header-height) + 16px)}
body.contact-page header{position:fixed;inset:0 0 auto;height:var(--contact-header-height);width:100%;max-width:none;margin:0;padding:0 5vw;z-index:15;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.5);border-bottom:1px solid #ffffff20}
.contact-page header .wordmark{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px}
.contact-page header .wordmark img{display:block;width:78px;height:auto}
.contact-page header .menu{width:auto;min-width:44px;min-height:44px;margin:0;padding:10px 0;border:0;background:transparent;color:#fff;cursor:pointer;font:600 13px RobotoCondensed,Arial,sans-serif;text-transform:uppercase}
.contact-page header .menu span{margin-left:12px}
.contact-page #extra-nav{position:absolute;top:100%;right:5vw;min-width:180px;max-height:calc(100dvh - var(--contact-header-height) - 116px);overflow-y:auto;overscroll-behavior:contain;padding:8px 12px 8px 22px;background:rgba(0,0,0,.98);text-align:right}
.contact-page #extra-nav[hidden]{display:none}
.contact-page #extra-nav a{display:flex;align-items:center;justify-content:flex-end;min-height:44px;padding:10px 0;color:#fff;opacity:1;text-decoration:none;font:400 13px RobotoCondensed,Arial,sans-serif;text-transform:uppercase}
.contact-page #extra-nav a:hover,.contact-page #extra-nav a[aria-current]{text-decoration:underline;text-underline-offset:5px}
.contact-page main{margin:0 auto 75px;padding-top:calc(var(--contact-header-height) + 60px)}
.contact-page .contact-email{padding-top:22px}
@media(max-width:760px){html:has(.contact-page){--contact-header-height:56px}.contact-page header{padding:0 6vw!important}.contact-page header .wordmark img{width:60px}.contact-page header .menu{font-size:0}.contact-page header .menu span{font-size:19px;margin:0}.contact-page #extra-nav{right:6vw}.contact-page main{padding-top:calc(var(--contact-header-height) + 38px)}.contact-page .contact-email{padding-top:8px}}
@media(max-height:500px){html:has(.contact-page){--contact-header-height:56px}.contact-page header .wordmark img{width:60px}}