/* Kontrollitud */

.sec--split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(16px, 4vw, 48px);
  align-items: center;
  grid-template-areas: "text media";
}

.sec--split .sec__text {
  grid-area: text;
}
.sec--split .sec__media {
  grid-area: media;
}

.sec--img-left {
  grid-template-areas: "media text";
}
.sec--img-right {
  grid-template-areas: "text media";
}

.sec__media img {
  width: 100%;
  height: auto;
  display: block;
}

.sec--img-right .sec__media {
  display: flex;
  justify-content: flex-end;
}

/* mobile */
@media (max-width: 900px) {
  .sec--split {
    grid-template-columns: 1fr;
    grid-template-areas:
      "text"
      "media";
  }
}

/* spacing (kui vaja) */
.sec {
  padding-left: clamp(10px, 3vw, 24px);
  padding-right: clamp(10px, 3vw, 24px);
}

.split-section {
  display: grid;
  grid-template-columns: 1.1fr 2fr;
  gap: clamp(16px, 4vw, 56px);
  align-items: center;
  padding: clamp(24px, 6vw, 80px);
  max-width: 1440px;
  margin: 0 auto;
  grid-template-areas: "text media";
}

.split-section__text {
  grid-area: text;
}
.split-section__media {
  grid-area: media;
}

.split-section--img-left {
  grid-template-areas: "media text";
}

.split-section__media img {
  width: 100%;
  height: auto;
  display: block;
}

@media (max-width: 900px) {
  .split-section {
    grid-template-columns: 1fr;
    grid-template-areas:
      "text"
      "media";
  }
}