/* Reliable brand-mark rendering and the shared four-line hero-title system. */
img[src*="vankpa-brand-mark-v3.png"],
img[src*="vankpa-logo-red-gold-v2.png"],
img[src*="vk-logo.png"] {
  content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 92'%3E%3Cdefs%3E%3ClinearGradient id='r' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23e2262f'/%3E%3Cstop offset='.56' stop-color='%23b20e21'/%3E%3Cstop offset='1' stop-color='%236e0714'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23fff0a3'/%3E%3Cstop offset='.35' stop-color='%23d7b34a'/%3E%3Cstop offset='.72' stop-color='%23bd8d22'/%3E%3Cstop offset='1' stop-color='%237f5610'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23r)' stroke='%237d0714' stroke-width='1.2' d='M3 7h24l25 55 13-28 12 25-24 29H42z'/%3E%3Cpath fill='url(%23g)' stroke='%23805b12' stroke-width='1.2' d='M52 7h19L61 29l-9 19zM76 7h37L78 45l39 40H88L61 58z'/%3E%3Cpath fill='%23fff3b0' opacity='.62' d='M78 9h30L76 43l-4-8z'/%3E%3C/svg%3E") !important;
  object-fit: contain !important;
  object-position: center !important;
}

html body h1.site-hero-title.site-hero-title {
  max-width: 24ch;
  font-size: clamp(3rem, 5.25vw, 5.75rem) !important;
  line-height: .98 !important;
  letter-spacing: -.052em !important;
  text-transform: uppercase !important;
  text-wrap: balance;
  overflow-wrap: normal;
  word-break: normal;
  hyphens: none;
}

html body h1.site-hero-title.vk-title-length--long {
  font-size: clamp(2.7rem, 4.55vw, 5rem) !important;
}

html body h1.site-hero-title.vk-title-length--xlong {
  max-width: 27ch;
  font-size: clamp(2.35rem, 3.85vw, 4.25rem) !important;
}

.site-menu-details[open] .menu-v3::after {
  content: "";
  z-index: 2;
  position: fixed;
  inset: 0 0 auto;
  height: 76px;
  background: #050505;
  border-bottom: 1px solid rgba(215, 179, 74, .26);
}

.site-menu-details[open] .menu-v3-brand {
  z-index: 3;
}

/* Remove the diagonal red decoration from the Services hero. */
#main-content .creativeoServicesPage .creativeoHero::after {
  content: none !important;
  display: none !important;
}

@media (max-width: 767px) {
  html body h1.site-hero-title.site-hero-title {
    max-width: 100%;
    font-size: clamp(2.25rem, 10.2vw, 3.35rem) !important;
    line-height: 1.03 !important;
  }

  html body h1.site-hero-title.vk-title-length--long {
    font-size: clamp(1.9rem, 8.2vw, 2.55rem) !important;
  }

  html body h1.site-hero-title.vk-title-length--xlong {
    font-size: clamp(1.62rem, 7vw, 2.15rem) !important;
    line-height: 1.08 !important;
  }

  .site-menu-details[open] .menu-v3 {
    padding-top: 96px !important;
  }
}