body:not(.auth-body):not(.panel-body):not(.sentinel-panel-body) .hero.single-hero {
  grid-template-columns: minmax(0, 1fr);
  grid-template-rows: auto auto;
  justify-items: center;
  align-content: center;
  gap: 20px;
  padding-right: clamp(20px, 5vw, 76px);
  padding-bottom: 72px;
}

.hero.single-hero .logo-core {
  grid-row: 1;
  align-self: auto;
  justify-self: center;
  width: min(230px, 42vw);
  min-height: 0;
  padding: 0;
}

.hero.single-hero .logo-core img {
  display: block;
  width: 100%;
  max-height: 230px;
  filter:
    drop-shadow(0 0 18px rgba(71, 255, 125, 0.42))
    drop-shadow(0 0 42px rgba(37, 226, 96, 0.28))
    drop-shadow(0 14px 20px rgba(0, 0, 0, 0.42));
}

.hero.single-hero .hero-copy {
  grid-row: 2;
  width: min(100%, 940px);
  max-width: 940px;
  text-align: center;
}

.hero.single-hero .hero-title {
  max-width: none;
  font-size: clamp(3rem, 6.2vw, 5.7rem);
  line-height: 1;
}

.hero.single-hero .hero-subtitle {
  max-width: 760px;
  margin: 20px auto 0;
  font-size: clamp(1.04rem, 1.5vw, 1.22rem);
  line-height: 1.65;
}

.hero.single-hero .hero-actions {
  justify-content: center;
  margin-top: 26px;
}

@media (max-width: 720px) {
  body:not(.auth-body):not(.panel-body):not(.sentinel-panel-body) .hero.single-hero {
    gap: 16px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .hero.single-hero .logo-core {
    position: relative;
    overflow: visible;
    width: 160px;
  }

  .hero.single-hero .logo-core img {
    max-height: 160px;
    filter: sepia(0.9) saturate(3.2) hue-rotate(72deg) brightness(0.9) contrast(1.08);
    mix-blend-mode: screen;
  }

  .hero.single-hero .hero-title {
    font-size: clamp(2.45rem, 10.2vw, 3.55rem);
  }

  .hero.single-hero .hero-subtitle {
    margin-top: 14px;
    font-size: 1.02rem;
  }

  .hero.single-hero .hero-actions {
    margin-top: 20px;
  }
}