/* Layout B (arsiv/b.html); also loaded by index.html (layout C). */
.topbar { justify-content: space-between; }
.badge-top { height: 96px; }
.badge-top img { height: 100%; width: auto; }

.hero { display: block; }
.hero h1 {
  margin-top: 0;
  font-size: clamp(40px, 6.5vw, 84px);
  line-height: 1.05;
  letter-spacing: 0;
  text-wrap: balance;
}
.anyway { margin-top: 28px; }
.formats { margin-top: 40px; padding-top: 0; }

.card-top { justify-content: flex-end; margin-bottom: 20px; }
.product-logo {
  height: 80px; width: auto; max-width: 100%;
  object-fit: contain; object-position: left center;
  align-self: flex-start; margin-bottom: 20px;
}
/* KORDER's thin strokes read smaller: scale up ~12% (height only, width follows the ratio). */
.product-logo[src$="korder-logo.svg"] { height: 90px; }