/*  — selected LOONG logo integration. The logo can be replaced later by overwriting
   assets/brand/loong-marker-works-logo.png with the same filename. */
.brand.brand-logo{display:inline-flex;align-items:center;flex:0 0 auto;letter-spacing:0;line-height:1}
.brand-logo-img{display:block;width:210px;max-width:23vw;height:auto;object-fit:contain}
.nav .brand-logo-img{width:205px;max-height:54px}
.footer{background:#f6f4ee;color:var(--v53-navy);border-top:1px solid #dedbd3}
.footer .footer-brand-logo{display:block;width:230px;max-width:100%;height:auto;margin-bottom:14px}
.footer p,.footer a{color:#606978}
.footer h4{color:var(--v53-navy)}
.footer .copyright{color:#7b8290;border-top-color:#d9d6ce}
.footer a:hover{color:var(--v53-cobalt)}

/* The selected wordmark is wider than the old placeholder mark, so the compact menu starts earlier. */
@media(max-width:1120px){
  .nav-links{display:none}
  .mobile-toggle{display:block}
  .nav-cta{display:none}
  body.menu-open .nav-links{display:flex;position:absolute;left:0;right:0;top:78px;background:#fff;flex-direction:column;align-items:flex-start;padding:20px;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(0,0,0,.06)}
}
@media(max-width:640px){
  .nav .brand-logo-img{width:165px;max-width:52vw;max-height:48px}
  body.menu-open .nav-links{top:66px}
  .footer .footer-brand-logo{width:210px}
}