/* Official artwork: keep the supplied lettering, colors and aspect ratio. */
.brand.brand--official { width: 220px; max-width: 100%; gap: 0; }
.brand.brand--official .brand-logo {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1000 / 266;
  object-fit: contain;
  transition: filter .25s ease;
}
.brand.brand--official:hover .brand-logo { transform: none; }
.footer .brand.brand--official { width: 240px; }
@media (max-width: 850px) {
  .brand.brand--official { width: 200px; }
}
@media (max-width: 600px) {
  .auth-header-brand .brand.brand--official { width: 184px; }
}

/* Official product artwork. All image files are unchanged from the supplied kits. */
.product-wordmark { display: block; width: 240px; max-width: 100%; height: auto; object-fit: contain; }
.product-logo-heading { display: flex; align-items: center; min-height: 64px; }
.home-solutions .solution-card h3.product-logo-heading { height: 64px; margin-bottom: 14px; }
.home-solutions .product-wordmark { width: 190px; max-width: calc(100% + 20px); flex-shrink: 0; }
.product-logo-heading .product-wordmark--facturo { margin-left: -20px; }
.home-solutions .product-wordmark--operia { width: 220px; margin-left: -9px; }
.product-logo-heading .product-wordmark--valoris { margin-left: -21px; }
.product-family-name { display: inline-flex; align-items: center; gap: 8px; }
.product-family-name img { display: block; width: 48px; height: 48px; object-fit: contain; }
.catalog-card h2.product-logo-heading { min-height: 88px; }
.catalog-card .product-wordmark--facturo { width: 260px; margin-left: -28px; }
.catalog-card .product-wordmark--operia { width: 300px; margin-left: -12px; }
.catalog-card .product-wordmark--valoris { width: 260px; margin-left: -29px; }
.family-card h2.product-logo-heading { height: 86px; margin: 0 0 25px; }
.family-card .product-wordmark { width: 260px; }
.identity-hero .kopra-family-symbol { width: 280px; height: auto; }
.product-identity { margin-bottom: 24px; }
.product-identity .product-wordmark { width: 270px; margin: 0 0 26px -7px; }
.product-identity .product-wordmark--facturo { width: 290px; margin: -25px 0 8px -31px; }
.product-identity .product-wordmark--operia { width: 310px; margin: -10px 0 15px -13px; }
.product-identity .product-wordmark--valoris { width: 290px; margin: -25px 0 8px -32px; }
.product-identity .eyebrow { margin-bottom: 0; }
.product-landing.is-branded { color: #fff; }
.product-landing.is-branded .product-summary .lead { color: #cbd3df; }
.product-landing.is-branded .product-intro .eyebrow { color: #b9c6cc; }
.product-landing.is-branded .product-summary .text-link { color: #dbe3ed; }
.product-landing.is-branded .product-exhibit figcaption { color: #adb8c7; }
.product-landing[data-product-brand="facturo"] { background: #16211b; }
.product-landing[data-product-brand="operia"] { background: #171b35; }
.product-landing.is-branded[data-product-brand="valoris"] { background: #f4f7fb; color: var(--ink); }
.product-landing[data-product-brand="valoris"] .product-summary .lead { color: #52677e; }
.product-landing[data-product-brand="valoris"] .product-intro .eyebrow { color: #4a76a8; }
.product-landing[data-product-brand="valoris"] .product-summary .text-link { color: #1d3550; }
.product-landing[data-product-brand="one"],
.product-landing[data-product-brand="plus"],
.product-landing[data-product-brand="pro"] { background: #0b1020; }
.feature-brand { margin-bottom: 24px; }
.feature-brand .product-wordmark--facturo { width: 250px; margin: -20px 0 -10px -27px; }
.feature-brand .product-wordmark--operia { width: 280px; margin-left: -12px; }
.feature-brand .product-wordmark--valoris { width: 250px; margin: -20px 0 -10px -28px; }
.auth-official-symbol { display: block; width: 36px; height: 40px; }
.auth-official-symbol img { width: 100%; height: 100%; object-fit: contain; }
.auth-official-symbol .symbol-dark { display: none; }
.auth-spaces > button:not(.selected) .auth-official-symbol .symbol-color { display: none; }
.auth-spaces > button:not(.selected) .auth-official-symbol .symbol-dark { display: block; }
.auth-heading-icon .auth-official-symbol { width: 27px; height: 30px; }
.auth-kopra strong.auth-kopra-brand { display: flex; align-items: center; gap: 7px; }
.auth-kopra-brand img { width: 27px; height: 27px; object-fit: contain; }
@media (max-width: 600px) {
  .product-identity .product-wordmark { width: 245px; }
  .product-identity .product-wordmark--facturo { width: 250px; margin-left: -27px; }
  .product-identity .product-wordmark--operia { width: 280px; margin-left: -12px; }
  .product-identity .product-wordmark--valoris { width: 250px; margin-left: -28px; }
  .family-card h2.product-logo-heading { height: 75px; margin-bottom: 20px; }
}