/* 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; }
/* Match the reference serif italic; heading letters and digits share gold. */
.hero__title .brand-wordmark,
.cta__title .brand-wordmark,
.section-title .heading-brand {
  display: inline-block;
  font-family: var(--serif);
  font-style: italic;
  font-weight: 800;
  font-synthesis: none;
  font-variant-numeric: lining-nums;
  letter-spacing: -0.02em;
  padding-inline-end: 0.035em;
  white-space: nowrap;
}
.brand-wordmark__letters { color: #ededed; }
.brand-wordmark__digits { color: #ffd369; }
/* Give italic ink its own paint area; keep the wordmark's advance unchanged. */
.brand-wordmark__digits {
  display: inline-block;
  padding-inline-end: 0.12em;
  margin-inline-end: -0.12em;
}
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .brand-wordmark__letters,
  .brand-wordmark__digits {
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    paint-order: stroke fill;
    -webkit-text-stroke: 0.008em #b8b8b8;
    filter: drop-shadow(0 0.018em 0.012em #0009);
  }
  .brand-wordmark__letters {
    background-image: linear-gradient(165deg, #ffffff 0%, #ffffff 24%, #dedede 34%, #ffffff 45%, #969696 49%, #d7d7d7 54%, #ffffff 64%, #f8f8f8 84%, #bdbdbd 100%);
    -webkit-text-stroke-color: #d4d4d4;
  }
  .brand-wordmark__digits {
    background-image: linear-gradient(165deg, #fff9db 7%, #ffe3a0 26%, #ffedac 38%, #df9c21 52%, #94510a 67%, #ffc744 82%, #fff3bf 96%);
    -webkit-text-stroke-color: #f5c96c;
    /* The gradient defines the silver edge without an extra hairline outline. */
    -webkit-text-stroke-width: 0;
  }
}
@media (forced-colors: active) {
  .brand-wordmark__letters,
  .brand-wordmark__digits {
    color: CanvasText;
    background: none;
    -webkit-text-fill-color: currentColor;
    -webkit-text-stroke: 0;
    filter: none;
  }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation: none !important; transition: none !important; }
}

/* Fit the supplied KS99 artwork without stretching or clipping. */
.site-header .nav__brand img{width:124px}
@media(max-width:700px){.site-header .nav__brand img{width:100px}}

/* 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:92%;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}}

/* All title wordmarks share the hero's serif italic and silver/gold colors. */
.heading-brand { display: inline-block; white-space: nowrap; }
.heading-brand__letters,
.heading-brand__digits { color: #ffd45c; }
.heading-brand-group { white-space: nowrap; }