.homeland {
  grid-template-rows: auto calc(0.8823529411 * var(--grid-col-width)) auto 1fr;
}

.homeland-img-wrapper-1 {
  aspect-ratio: 1405 / 840;

  grid-column: 4 / span 8;
  grid-row: 1 / span 2;
}

.homeland-img-wrapper-2 {
  padding-right: calc(0.4176470588 * var(--grid-col-width));
  grid-column: 3 / span 5;
  grid-row: 2 / span 3;
}

.homeland-sun {
  grid-column: 4 / span 8;
  grid-row: 1 / span 1;
}

.homeland-headline.m-0 {
  margin-top: 0.9em;
  margin-bottom: 0.45em;
  grid-column: 8 / span 6;
  grid-row: 3 / span 1;
}

.homeland-map-img {
  width: 45.478125vw;
  height: auto;
}

.homeland-map-img-wrapper {
  margin-top: calc(max(2rem, 3.515625vw) / 2 * (-1));
  margin-left: calc(3.2888888888 * max(2rem, 3.515625vw));
}

.homeland-map-img-wrapper::before {
  content: "";
  width: 20.0989486703%;
  left: 18.4669827526%;
  top: 11.7223478188%;
  position: absolute;
  aspect-ratio: 234/183;
  mask-image: url("../../img/map-arrow.svg");
  background-color: var(--yellow);
  mask-repeat: no-repeat;
  mask-size: contain;
}

.homeland::after {
  content: "";
  width: 95%;
  position: absolute;
  right: 0;
  bottom: 0;
  grid-column: 1 / span 14;
  aspect-ratio: 1920 / 29.78;
  transform: rotate(180deg);
  mask-image: url("../../img/yellow-area-1.svg");
  background-color: var(--dark-yellow);
  mask-repeat: no-repeat;
  mask-size: contain;
}

.homeland-map-wrapper {
  grid-column: 3 / span 10;
}

.homeland-description {
  grid-column: 8 / span 4;
  grid-row: 4 / span 1;
}

@media (max-width: 991.98px) {
  .homeland-img-wrapper-1 {
    grid-column: 3 / span 8;
  }

  .homeland-img-wrapper-2 {
    grid-column: 2 / span 5;
  }

  .homeland-sun {
    grid-column: 3 / span 8;
    grid-row: 1 / span 2;
  }

  .homeland-headline.m-0 {
    grid-column: 7 / span 7;
  }

  .homeland-description {
    grid-column: 7 / span 6;
  }

  .homeland-map-wrapper {
    grid-column: 2 / span 12;
    justify-self: center;
  }
}

@media (max-width: 767.98px) {
  .homeland {
    grid-template-rows: unset;
  }

  .homeland-img-wrapper-1 {
    grid-column: 2 / span 12;
    grid-row: 1 / span 1;
  }

  .homeland-img-wrapper-2 {
    grid-column: 2 / span 12;
    grid-row: 5 / span 1;
    padding-right: 0;
  }

  .homeland-sun.absolute {
    position: relative;
    transform: none;
    justify-self: center;
    margin-bottom: 1.5em;
    grid-column: 2 / span 12;
    grid-row: 4 / span 1;
  }

  .homeland-headline.m-0 {
    grid-column: 2 / span 12;
    grid-row: 2 / span 1;
  }

  .homeland-description {
    grid-column: 2 / span 12;
    grid-row: 3 / span 1;
    margin-bottom: 1.5em;
  }

  .homeland-map-wrapper {
    grid-row: 6 / span 1;
  }
}