/* Sdílené rozložení sekce s představením Kuklínka. */

.kuk-wrap {
  max-width: 1440px;
}

.kuk-intro {
  display: grid;
  grid-template-columns: minmax(0, .86fr) minmax(0, 1.14fr);
  column-gap: clamp(28px, 4vw, 64px);
  align-items: start;
  justify-content: stretch;
  margin-top: clamp(40px, 5vw, 64px);
}

.kuk-image {
  grid-column: 1;
  grid-row: 1 / span 2;
  align-self: center;
  justify-self: center;
  display: block;
  width: min(100%, 560px);
  height: auto;
  margin: 0;
  filter: drop-shadow(0 24px 28px rgba(47, 59, 47, .12));
}

.kuk-presentation {
  grid-column: 2;
  grid-row: 1;
  align-self: start;
  width: 100%;
}

.kuk-after {
  grid-column: 2;
  grid-row: 2;
  align-self: start;
  max-width: 760px;
  margin: clamp(-42px, -3vw, -28px) 0 0;
  font-size: clamp(17px, 1.45vw, 20px);
  line-height: 1.7;
}

@media (max-width: 760px) {
  .kuk-intro {
    grid-template-columns: 1fr;
    row-gap: 0;
    margin-top: 32px;
  }

  .kuk-presentation {
    grid-column: 1;
    grid-row: auto;
    order: 1;
    justify-self: center;
    width: min(100%, 560px);
  }

  .kuk-image {
    grid-column: 1;
    grid-row: auto;
    order: 2;
    width: min(100%, 440px);
    margin: -20px auto 0;
  }

  .kuk-after {
    grid-column: 1;
    grid-row: auto;
    order: 3;
    width: min(32rem, 100%);
    margin: 24px auto 0;
    font-size: 16px;
    line-height: 1.65;
  }
}