/* Only brand asset fitting; original palette and layout stay in style.css. */
.app-id img, .cta__icon { object-fit: contain; background: #0A0A0B; padding: 6px; border-radius: 22%; }
.footer__brand img { object-fit: contain; }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Compensate for the new wordmark's wider proportions and transparent margins. */
.site-header .nav__brand img{width:132px}
@media(max-width:700px){.site-header .nav__brand img{width:112px}}

/* Larger artwork inside the same rounded app tiles; keep the logo replaceable. */
.brand-icon{display:flex;align-items:center;justify-content:center;overflow:hidden;flex:none;background:#0a0a0b;padding:0}
.app-id__icon{width:64px;height:64px;border-radius:16px}
.brand-icon img,.app-id .brand-icon img{display:block;flex:none;width:112%;height:auto;max-width:none;border-radius:0;padding:0;background:transparent;object-fit:contain}
@media(max-width:700px){.app-id__icon{width:44px;height:44px;border-radius:12px}}