/* Approved logo, displayed without its presentation canvas. */
.brand-definitions { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }
.brand-logo { display: block; position: relative; width: 236px; aspect-ratio: 1900 / 320; flex: 0 0 auto; overflow: hidden; }
.brand-logo img { display: block; position: absolute; width: 107.789474%; max-width: none; height: auto; left: -3.947368%; top: -53.125%; filter: url(#brand-remove-canvas); }
html[data-theme="light"] .brand-logo img { filter: url(#brand-remove-canvas) invert(1) hue-rotate(180deg) saturate(1.2) brightness(.8); }
html .site-footer .brand-logo img, html .admin-header .brand-logo img { filter: url(#brand-remove-canvas); }
.header-inner { grid-template-columns: minmax(220px, 1fr) auto auto; }
.brand { min-width: 0; }
.footer-logo .brand-logo { width: 248px; }
.modal-brand .brand-logo { width: 218px; }
.admin-brand { flex-direction: column; align-items: flex-start; gap: .35rem; }
.admin-brand .brand-logo { width: 222px; display: block; }
.admin-brand > small { padding-left: 42px; color: rgba(255,255,255,.6); font-size: .66rem; font-weight: 600; letter-spacing: .04em; }
@media (max-width: 1180px) and (min-width: 1081px) {
  .brand-logo { width: 216px; }
  .header-inner { gap: .8rem; grid-template-columns: minmax(216px, 1fr) auto auto; }
  .desktop-nav { gap: .8rem; }
}
@media (max-width: 1080px) { .header-inner { grid-template-columns: minmax(0, 1fr) auto; } }
@media (max-width: 600px) {
  .brand-logo { width: 218px; }
  .admin-brand .brand-logo { width: 200px; }
  .admin-brand > small { padding-left: 37px; }
}