/* Asset-specific overrides for the approved DNA Toolworks mockup visuals. */

.brand-mark {
  width: auto;
  height: 58px;
  object-fit: contain;
}

.footer-brand .brand-mark {
  height: 50px;
}

@media (min-width: 981px) {
  .hero-grid {
    grid-template-columns: 1.08fr 0.92fr;
  }

  .hero-visual img {
    object-fit: contain;
    object-position: right center;
    background: #061522;
  }
}

@media (max-width: 640px) {
  .brand-mark {
    width: auto;
    height: 46px;
  }
}