/* Shared brand lockup; crop the approved wordmark to keep small lettering out of navigation. */
a.brand-lockup {
  display: inline-flex;
  flex: 0 0 auto;
  align-items: center;
  gap: 11px;
  color: #f4f5f7;
  text-decoration: none;
  min-width: 0;
}
.brand-lockup img.brand-symbol {
  width: 40px;
  height: 32px;
  flex: 0 0 40px;
  border-radius: 0;
  object-fit: contain;
}
.brand-lockup .brand-type {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
}
.brand-lockup .brand-eyebrow {
  display: block;
  font: 600 8px/1 Arial, sans-serif;
  letter-spacing: .36em;
  color: #c9ced5;
  padding-left: 2px;
}
.brand-lockup .brand-wordmark {
  display: block;
  width: 131px;
  height: 24px;
  background: url('../images/brand/alumcraft-wordmark-silver-charcoal-v1.png') 45% 53.4% / 117.405% auto no-repeat;
  mix-blend-mode: screen;
  filter: contrast(1.18);
}
.brand-footer {
  display: block;
  width: min(290px, 100%);
  margin-bottom: 28px;
}
.brand-footer img {
  display: block;
  width: 100%;
  height: auto;
  mix-blend-mode: screen;
  filter: contrast(1.18);
}
.site-footer > .shell:first-child { padding-top: 32px; }
.site-footer .brand-footer { margin-bottom: 0; }
@media (max-width: 1100px) and (min-width: 961px) {
  nav .nav-links { gap: 20px; }
}
@media (max-width: 600px) {
  a.brand-lockup { gap: 8px; }
  .brand-lockup img.brand-symbol { width: 32px; height: 28px; flex-basis: 32px; }
  .brand-lockup .brand-wordmark { width: 110px; height: 20px; }
  .brand-lockup .brand-eyebrow { font-size: 7px; }
  .brand-footer { width: 248px; margin-bottom: 24px; }
}
@media (max-width: 360px) {
  a.brand-lockup { gap: 6px; }
  .brand-lockup .brand-wordmark { width: 96px; height: 18px; }
}
@media (max-width: 380px) {
  .nav-row .brand-lockup img.brand-symbol { width: 26px; flex-basis: 26px; }
  .nav-row .brand-lockup .brand-wordmark { width: 86px; height: 16px; }
  .nav-row > .quote-link {
    max-width: 90px;
    min-width: 0;
    padding: 8px;
    line-height: 1.2;
    text-align: center;
    white-space: normal;
  }
}
