.block--hero {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  height: 100vh;
  max-width: 100vw;
  width: 100%;
  margin: 0 auto;
  overflow: hidden; }
  .block--hero .hero__background {
    display: block;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 0; }
    .block--hero .hero__background img {
      width: 100%;
      height: 100%;
      object-fit: cover; }
  .block--hero .hero__text {
    display: grid;
    gap: 49px;
    align-items: end;
    grid-template-columns: repeat(3, 1fr);
    max-width: calc(100vw - 48px);
    width: 965px;
    position: relative;
    z-index: 1; }
    .block--hero .hero__text .hero__headline {
      grid-column: 1 / 2; }
    .block--hero .hero__text .hero__copy {
      grid-column: 2 / 4;
      letter-spacing: -0.48px; }
    @media screen and (max-width: 800px) {
      .block--hero .hero__text {
        grid-template-columns: 1fr;
        gap: 16px;
        width: calc(100vw - 48px); }
        .block--hero .hero__text .hero__headline {
          grid-column: 1 / 2; }
        .block--hero .hero__text .hero__copy {
          grid-column: 1 / 2; } }
  .block--hero .hero__levitate {
    position: relative;
    z-index: 1; }
    .block--hero .hero__levitate img {
      max-width: 300px;
      width: 50vw;
      animation: float 6s ease-in-out infinite; }

@keyframes float {
  0% {
    transform: translatey(-35px); }
  50% {
    transform: translatey(35px); }
  100% {
    transform: translatey(-35px); } }

@keyframes scale {
  0% {
    transform: scale(1); }
  100% {
    transform: scale(1.5); } }