#top.hero {
  min-height: min(1180px, 138vh);
  padding-top: clamp(132px, 16vh, 172px);
}

#top.hero .gl {
  position: relative;
  z-index: 1;
  max-width: 1160px;
  padding: 34px 24px 0;
  border: 0;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  -webkit-backdrop-filter: none;
  backdrop-filter: none;
}

#top.hero .gl h1 {
  max-width: 1160px;
  margin-inline: auto;
  font-size: clamp(46px, 9.4vw, 124px);
  line-height: .95;
  letter-spacing: -.06em;
}

#top.hero .lu {
  position: relative;
  z-index: 1;
  max-width: 1040px;
  margin-top: 56px;
}

@media (max-width: 820px) {
  #top.hero {
    min-height: min(1060px, 130vh);
    padding-top: 105px;
  }

  #top.hero .gl {
    padding: 24px 20px 0;
  }

  #top.hero .gl h1 {
    font-size: clamp(38px, 8.5vw, 72px);
    line-height: .96;
  }

  #top.hero .gl p {
    margin: 22px auto 24px;
    font-size: 16px;
  }

  #top.hero .gl .acts {
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
  }

  #top.hero .lu {
    margin-top: 42px;
    padding-inline: 12px;
  }
}

@media (max-width: 480px) {
  #top.hero {
    min-height: 980px;
    padding-top: 100px;
  }

  #top.hero .gl {
    padding-inline: 18px;
  }

  #top.hero .gl h1 {
    font-size: clamp(40px, 10.4vw, 46px);
  }
}