/* ImageGen originals are consumed directly: no SVG redraw or color-erasing filter. */
.site-header .brand .generated-logo,
.site-footer .generated-logo,
.visit-mark .generated-logo,
.authorial-mark .generated-logo,
.brand-breakdown > .generated-logo {
  display: block;
  height: auto;
  max-width: 100%;
  object-fit: contain;
  filter: none;
}
.site-header .brand { width: fit-content; }
.site-header .brand .generated-logo { width: 240px; }
.site-footer > div { display: flex; flex-direction: column; align-items: flex-start; gap: 18px; }
.site-footer .generated-logo { width: 330px; }
.visit-mark .generated-logo { width: 290px; }
.authorial-mark .generated-logo { width: 180px; border-radius: 3px; }
.authorial-mark { flex-shrink: 0; }
.brand-breakdown { grid-template-columns: minmax(230px, .8fr) 1fr 1fr; }
.brand-breakdown > .generated-logo { width: 360px; }
@media (max-width: 900px) {
  .brand-breakdown { grid-template-columns: 1fr; }
  .site-header .brand .generated-logo { width: 210px; }
}
@media (max-width: 620px) {
  .authorial-mark .generated-logo { width: 165px; }
  .site-footer .generated-logo { width: 280px; }
}
@media (max-width: 360px) {
  .site-header .brand .generated-logo { width: 185px; }
  .authorial-mark .generated-logo { width: 145px; }
}