/* Display the original, unmodified logo in a larger, contrasting frame. */
html{scroll-padding-top:152px}
.header{height:136px}
.brand{gap:16px}
.brand img{width:168px;height:112px;object-fit:contain;flex-shrink:0;padding:6px;background:#fff;border:1px solid #fff;border-radius:5px;box-shadow:0 3px 14px #0004}
.footer .brand img{width:192px;height:128px}
.hero{height:calc(100svh - 210px)}
@media(max-width:1100px){
  html{scroll-padding-top:124px}
  .header{height:108px;padding-inline:20px;gap:12px}
  .header .brand{gap:12px;font-size:15px}
  .header .brand img{width:132px;height:88px;padding:5px}
  .header .brand-sub{font-size:7px;letter-spacing:.16em}
  .header .desktop-nav,.header-actions>.button,.header .open-status{display:none}
  .header-actions{gap:0}
  .menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:42px;height:42px;background:transparent;border:1px solid #ffffff30;padding:10px}
  .menu-toggle span{width:20px;height:1px;background:white;transition:transform .2s}
  .menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}
  .menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}
  .mobile-nav{display:flex;position:absolute;top:108px;left:0;right:0;padding:10px 20px 24px;background:#15181e;border-bottom:1px solid #ffffff20;flex-direction:column}
  .mobile-nav a{padding:15px 0;border-bottom:1px solid #ffffff15;font-size:18px}
  .mobile-nav[hidden]{display:none}
  .hero{height:calc(100svh - 182px)}
}
@media(max-width:760px){
  .footer .brand{gap:14px}
  .footer .brand img{width:162px;height:108px;padding:5px}
  .hero{height:700px;max-height:calc(100svh - 108px)}
}
@media(max-width:380px){
  .header{padding-inline:14px;gap:8px}
  .header .brand{font-size:13px;gap:9px}
  .header .brand-sub{font-size:6px}
}

@media(max-width:480px){.brand>span{display:none}}
.header .brand-copy{display:block;min-width:0}
.header .brand-address{display:block;margin-top:10px;font-size:11px;font-weight:400;letter-spacing:0;line-height:1.6;color:#d1d4db}
.header-actions{flex-shrink:0}
@media(max-width:1100px){.header .brand-address{font-size:10px;margin-top:7px}}
@media(max-width:480px){
  .header{padding-inline:14px;gap:8px}
  .header .brand{gap:10px;font-size:13px}
  .header .brand img{width:100px;height:68px;padding:4px}
  .header .brand>.brand-copy{display:block}
  .header .brand-sub{font-size:6px}
  .header .brand-address{font-size:9.5px;margin-top:6px}
}