/* Desktop and mobile have independent header layouts. */
.hero .bgi picture{display:block;width:100%;height:100%}
@media(min-width:1101px) and (pointer:fine){
 #nav{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 3%;min-height:88px}
 #nav.sc{padding:14px 3%;min-height:76px}
 #nav>.logo{flex:0 0 auto;font-size:30px;line-height:1.2}
 #nav #nl{display:flex;flex:1;align-items:center;justify-content:center;gap:clamp(16px,1.6vw,28px);min-width:0}
 #nav #nl>a,#nav .nav-group>summary{display:flex;align-items:center;min-height:44px;margin:0;padding:0;font-family:'Poppins',sans-serif;font-weight:600;font-size:14px;line-height:1.2;letter-spacing:.6px;white-space:nowrap;color:#fff}
 #nav .nav-group{display:block;padding:0!important;margin:0;line-height:1.2}
 #nav .nav-group>summary::after{font-size:11px;margin-left:5px}
 #nav .nr{display:flex;align-items:center;gap:10px;flex:0 0 auto}
 #nav .nr .pill{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1;padding:11px 18px;font-size:17px}
 #nav .burg{height:46px;width:46px;flex:none}
 #nav .nav-submenu{top:100%;padding-top:12px}
}
@media(min-width:1101px) and (max-width:1250px) and (pointer:fine){#nav{gap:15px;padding-left:2%;padding-right:2%}#nav #nl{gap:13px}#nav #nl>a,#nav .nav-group>summary{font-size:13px}#nav .nr .pill{padding:10px 12px}}