.brand img {
  object-fit: contain;
  object-position: center;
}

/* Keep the complete ant artwork visible, at about three quarters of the old logo width. */
.site-header {
  background: rgba(240, 240, 240, .96);
}

.brand {
  width: 118px;
  height: 64px;
  overflow: visible;
}

.brand::after {
  display: none;
}

.footer-bottom a {
  display: inline;
  width: auto;
  margin: 0;
  color: inherit;
  font-size: inherit;
}

.primary-nav .nav-verify {
  margin-top: 0;
  border: 0;
  padding: .6rem 0 !important;
}

.primary-nav .nav-verify:hover {
  background: transparent;
  color: inherit;
}

.primary-nav .nav-verify::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: .2rem;
  height: 2px;
  background: var(--red);
  transition: right .25s;
}

.primary-nav .nav-verify:hover::after {
  right: 0;
}

.about {
  position: relative;
}

.about::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/about-background.jpg') center / cover no-repeat;
  opacity: .3;
  pointer-events: none;
}

.about-grid {
  position: relative;
  z-index: 1;
}

.verify-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  background: url('../images/verify-background.jpg') center / cover no-repeat;
  opacity: .2;
  pointer-events: none;
}

.hero-copy,
.hero-visual {
  min-width: 0;
}

html,
body {
  max-width: 100%;
  overflow-x: hidden;
}

@media (max-width: 900px) {
  :root { --shell: calc(100vw - 32px); }
  .header-inner { width: 100%; padding-inline: 16px; }
  .brand { width: 100px; height: 54px; }
  .site-header .primary-nav { background: #f0f0f0; }
  .nav-toggle { display: block !important; position: absolute; right: 12px; top: 12px; width: 44px; height: 44px; z-index: 110; }
  .nav-toggle span { background: #111114 !important; }
  .hero-copy,
  .hero-lead { width: 100%; min-width: 0; }
  .hero h1,
  .hero-lead { max-width: 100%; overflow-wrap: anywhere; }
  .hero-lead { word-break: break-all; }
}

@media (max-width: 1100px) {
  .primary-nav .nav-verify {
    margin-top: 0;
    padding: 1rem 0 !important;
  }
}
