/* Approved brand-kit artwork; display window removes transparent padding only. */
.brand {
  position: relative;
  display: inline-block;
  flex: 0 0 auto;
  width: 180px;
  max-width: 100%;
  height: auto;
  aspect-ratio: 2070 / 315;
  overflow: hidden;
  vertical-align: middle;
}
.brand .brand-logo {
  position: absolute;
  display: block;
  width: 104.927536%;
  max-width: none;
  height: auto;
  left: -1.690821%;
  top: -60.31746%;
}
.site-footer .brand { width: 156px; }
img.app-mark { display: inline-block; flex-shrink: 0; object-fit: contain; }
@media (max-width: 800px) { .navigation .brand { width: 170px; } }
@media (max-width: 480px) {
  .navigation .brand { width: clamp(120px, calc(100vw - 210px), 156px); }
  .site-footer .brand { width: 144px; }
  .demo-header .brand { width: 156px; }
}
@media (max-width: 360px) {
  .site-footer .brand { width: 136px; }
  .demo-header .brand { width: 150px; }
}