/* Original 1536 × 1024 brand board, reused without redrawing or recoloring.
   Lockup source window: x=908, y=28, w=592, h=247.
   Emblem source window: x=204, y=82, w=450, h=554.
   The full source PNG is unchanged; these viewports only select what is shown. */
:root { --header-height: 100px; }
.site-header, .mobile-nav, .site-footer-surface { background: #F1EAE1; }
.wordmark { min-width: 0; gap: 0; }
.brand-art { position: relative; display: block; overflow: hidden; flex-shrink: 0; }
.brand-art > img {
  position: absolute;
  display: block;
  max-width: none;
  height: auto;
  aspect-ratio: auto;
  margin: 0;
  padding: 0;
  border: 0;
  object-fit: fill;
  filter: none;
  transform: none;
}
.brand-lockup { width: 224px; aspect-ratio: 592 / 247; }
.brand-lockup > img {
  width: 259.459459459%;
  left: -153.378378378%;
  top: -11.336032389%;
}
.connection { background: #FAF5EE; }
.connection::before { display: none; }
.brand-emblem { width: 100%; max-width: 340px; }
.brand-emblem-art { width: 100%; aspect-ratio: 450 / 554; }
.brand-emblem-art > img {
  width: 341.333333333%;
  left: -45.333333333%;
  top: -14.801444043%;
}
.footer-brand { width: auto; gap: 0; }
.footer-brand .brand-lockup { width: 238px; }
@media (max-width: 760px) {
  :root { --header-height: 86px; }
  .brand-lockup { width: 188px; }
  .brand-emblem { max-width: 290px; }
  .site-footer { grid-template-columns: 1fr; }
  .footer-brand .brand-lockup { width: 220px; }
}
@media (max-width: 440px) {
  :root { --header-height: 80px; }
  .brand-lockup { width: clamp(150px, 46vw, 180px); }
  .header-inner { gap: 8px; }
  .brand-emblem { max-width: 265px; }
}