/* Brand description shared by desktop and mobile headers. */
.nav .brand-lockup{display:flex;align-items:center;gap:19px;flex-shrink:0}
.nav .brand-caption{display:block;border-left:1px solid #ffffff40;padding-left:19px;color:#a6a6a2;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.45}
.nav .brand-caption span{color:#ecece7}
.nav-links{gap:22px;margin-right:18px}
.video-hero .hero-intro>.eyebrow{display:none!important}
@media(min-width:901px) and (max-width:1120px){.nav-links{gap:12px;margin-right:10px}.nav{gap:16px}.nav .brand-lockup{gap:12px}.nav .brand-caption{padding-left:12px;font-size:10px}}
@media(min-width:651px) and (max-width:900px){.nav .brand-caption{font-size:11px}.nav .brand-lockup{gap:14px}.nav .brand-caption{padding-left:14px}}
@media(max-width:650px){
 .header .nav{gap:6px;justify-content:space-between}
 .nav .brand-lockup{gap:8px;min-width:0}
 .nav .brand-lockup .wordmark{font-size:20px;flex-shrink:0}
 .nav .brand-caption{padding-left:8px;font-size:10px;line-height:1.3;width:102px;flex-shrink:0}
 .header .nav>.cta{margin-left:auto;flex-shrink:0;width:64px;padding:5px 4px;font-size:10px;line-height:1.2;min-height:36px;text-align:center;white-space:normal}
 .header .nav>.menu{width:36px;height:40px;padding:8px;margin-left:0}
}
@media(max-width:365px){
 .header .nav{gap:4px}
 .nav .brand-lockup{gap:6px}
 .nav .brand-lockup .wordmark{font-size:18px}
 .nav .brand-caption{padding-left:6px;font-size:9.5px;width:90px}
 .header .nav>.cta{width:58px;font-size:9px}
 .header .nav>.menu{width:32px;padding:6px}
}