/* ==========================================================
   KVA STUDIOS
   P15-WEB-R5 BRAND FOUNDATION
   Official approved identity integration
   ========================================================== */

.brand-mark img,
.site-brand img,
.hero-brand img,
.hero-symbol img,
.brand-symbol img {
  object-fit: contain;
  object-position: center;
}

.brand-mark img,
.site-brand img {
  display: block;
  width: auto;
  max-width: 100%;
}

.hero-brand img,
.hero-symbol img,
.brand-symbol img {
  display: block;
  max-width: 100%;
  height: auto;
}

img[src*="kva-studios-symbol.png"],
img[src*="kva-studios-logo.png"] {
  object-fit: contain;
  object-position: center;
}

@media (max-width: 760px) {
  .brand-mark img,
  .site-brand img {
    max-width: 100%;
  }
}
/* ==========================================================
   KVA P15-WEB-R5C
   BRAND SYSTEM CONSOLIDATION
   ========================================================== */

/* Corporate header signature */

.brand {
  gap: 12px;
}

.brand-symbol {
  width: 38px;
  height: 38px;
  flex: 0 0 38px;
}

.brand-symbol img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
}

.brand-name {
  gap: 1px;
}

.brand-name strong {
  line-height: 1;
  letter-spacing: -.045em;
}

.brand-name small {
  margin-top: 3px;
  letter-spacing: .18em;
}

/* Home ecosystem symbol */

.ecosystem-core .core-mark {
  width: 122px;
  height: 122px;
  margin-inline: auto;
  margin-bottom: 12px;
}

.ecosystem-core .core-mark img {
  width: 112px;
  height: 112px;
  object-fit: contain;
  object-position: center;
}

/* Participation keeps a compact, private-experience signature */

.participation-brand .brand-symbol {
  width: 36px;
  height: 36px;
  flex-basis: 36px;
}

.participation-brand .brand-symbol img {
  width: 100%;
  height: 100%;
}

/* Product and corporate pages keep one consistent top-level mark */

.site-header .brand-symbol {
  filter: drop-shadow(0 8px 18px rgba(212,168,83,.08));
}

/* Avoid accidental stretching on all approved brand assets */

img[src*="kva-studios-logo.png"],
img[src*="kva-studios-symbol.png"] {
  object-fit: contain;
  object-position: center;
}

/* Mobile */

@media (max-width: 760px) {
  .brand {
    gap: 9px;
  }

  .brand-symbol {
    width: 33px;
    height: 33px;
    flex-basis: 33px;
  }

  .ecosystem-core .core-mark {
    width: 104px;
    height: 104px;
  }

  .ecosystem-core .core-mark img {
    width: 96px;
    height: 96px;
  }

  .participation-brand .brand-symbol {
    width: 32px;
    height: 32px;
    flex-basis: 32px;
  }
}

@media (max-width: 420px) {
  .brand-symbol {
    width: 31px;
    height: 31px;
    flex-basis: 31px;
  }

  .ecosystem-core .core-mark {
    width: 94px;
    height: 94px;
  }

  .ecosystem-core .core-mark img {
    width: 86px;
    height: 86px;
  }
}