body.variant-v2:before {
  background:
    linear-gradient(90deg, rgba(5,5,5,.96) 0%, rgba(5,5,5,.76) 48%, rgba(5,5,5,.28) 100%),
    radial-gradient(circle at 78% 35%, rgba(242,180,0,.20), transparent 24rem),
    url("../public/images/personal/eric-03.jpeg") right 18% top 14% / auto 92vh no-repeat,
    #050505;
}

.variant-v2 .hero-grid { display: block; }
.variant-v2 .hero-copy { max-width: 760px; }
.variant-v2 .nav-logo,
.variant-v2 .hero-logo-showcase,
.variant-v2 .footer-brand .nav-logo {
  background: transparent;
  border-color: transparent;
  box-shadow: none;
}

.variant-v2 .nav-logo {
  width: clamp(230px, 16vw, 320px);
  height: 70px;
  padding: 0;
}

.variant-v2 .hero-logo-showcase {
  width: min(560px, 100%);
  padding: 0;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.variant-v2 h1 { max-width: 780px; font-size: clamp(2.7rem, 5vw, 5.3rem); }
.variant-v2 .personal-hero { display: none; }

.variant-v2 .authority-metrics {
  max-width: 820px;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  border-color: rgba(242,180,0,.42);
}

.variant-v2 .authority-metrics span {
  min-height: 104px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.variant-v2 .authority-metrics b {
  font-size: clamp(1.35rem, 1.8vw, 2rem);
  line-height: 1;
  text-transform: uppercase;
}

@media (max-width: 900px) {
  body.variant-v2:before {
    background:
      linear-gradient(rgba(5,5,5,.78), rgba(5,5,5,.94)),
      url("../public/images/personal/eric-03.jpeg") center top / cover no-repeat,
      #050505;
  }

  .variant-v2 .authority-metrics {
    grid-template-columns: 1fr;
  }
}