header{background-color:var(--shell)}
.page-header{position:relative;overflow:hidden;display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;justify-content:space-between;width:100%;min-height:clamp(96px,11vw,132px);padding:0 clamp(12px,1.8vw,28px);gap:16px;box-sizing:border-box}
.header-top-container{display:flex;align-items:center;flex:0 0 auto;padding:0;z-index:1}
.brand{display:flex;align-items:center;gap:clamp(8px,1vw,14px);text-decoration:none}
.brand-logo{width:auto;height:clamp(72px,7.5vw,96px);display:block;flex:0 0 auto;align-self:center}
.brand-text{display:flex;flex-direction:column;justify-content:center;gap:clamp(3px,.4vw,6px);height:clamp(72px,7.5vw,96px);line-height:1;align-self:center;padding:0;box-sizing:border-box}
.brand-wordmark{font-family:var(--head);font-weight:700;letter-spacing:.2px;line-height:1;display:flex;gap:.08rem}
.brand-wordmark span{font-size:clamp(1.5rem,2.7vw,2.15rem);display:inline-block;line-height:1}
.brand-wordmark .actively-fragment{color:var(--brand-blue)}
.brand-wordmark .physical-fragment{color:var(--brand-red)}
.brand-tagline{font-family:var(--head);font-weight:600;color:var(--gold);text-transform:uppercase;font-size:clamp(.82rem,1.45vw,1.15rem);display:flex;align-items:center;justify-content:space-between;width:100%;letter-spacing:.5px;line-height:1}
.brand-tagline .tag-word{flex:0 0 auto}
.brand-tagline .tag-dot{flex:1 1 auto;text-align:center;font-weight:900;font-size:1.15em;line-height:1}
.brand-tagline .tag-dot-blue{color:var(--brand-blue)}
.brand-tagline .tag-dot-red{color:var(--brand-red)}
.hero img{width:100%;height:auto}
.page-header::after{content:"";position:absolute;top:0;right:0;bottom:0;width:68%;background-image:var(--header-bg);background-repeat:no-repeat;background-position:right center;background-size:cover;opacity:.9;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 32%,#000 70%);mask-image:linear-gradient(to right,transparent 0%,rgba(0,0,0,.6) 32%,#000 70%)}
.page-header>*{position:relative;z-index:1}
.topnav-container{flex:0 1 auto;width:auto;padding:0;display:flex;align-items:flex-end;z-index:1}
.topnav-container>ul{list-style:none;display:flex;flex-wrap:wrap;justify-content:flex-end;align-items:flex-end;gap:clamp(10px,1.6vw,26px);margin:0;padding:0 0 clamp(10px,1.2vw,16px) 0}
@media(max-width:768px){.page-header{min-height:auto;padding:12px 14px;align-items:center}.page-header::after{width:78%;opacity:.55}.topnav-container{display:none}.header-top-container{flex:1 1 auto;justify-content:space-between;width:100%}}
@media(max-width:420px){.brand-wordmark span{font-size:1.3rem}.brand-logo{height:64px}}