/* Estrutura e experiência Avibra */
.intro-with-mosaic {
  max-width: 1420px;
  grid-template-columns: minmax(150px, 0.42fr) minmax(280px, 0.9fr) minmax(420px, 1.3fr);
  gap: clamp(34px, 4vw, 68px);
}

.intro-with-mosaic .intro-logo {
  width: clamp(175px, 15vw, 220px);
  height: clamp(175px, 15vw, 220px);
}

.intro-with-mosaic .intro-copy h2 {
  margin-top: 13px;
}

.structure-mosaic {
  min-height: 390px;
  display: grid;
  grid-template-columns: 0.9fr 1.2fr 0.9fr;
  grid-template-rows: 1fr 1fr;
  gap: 10px;
}

.structure-tile {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  border-radius: 3px;
  background: #d5eae3;
}

.structure-tile picture,
.structure-tile img,
.structure-tile video {
  display: block;
  width: 100%;
  height: 100%;
}

.structure-tile img,
.structure-tile video {
  object-fit: cover;
}

.structure-one { grid-column: 1; grid-row: 1; }
.structure-two { grid-column: 3; grid-row: 1; }
.structure-video { grid-column: 2; grid-row: 1 / span 2; box-shadow: 0 0 0 1px rgba(5, 58, 88, 0.2); }
.structure-three { grid-column: 1; grid-row: 2; }
.structure-four { grid-column: 3; grid-row: 2; }

.structure-video video { object-position: center; }

@media (max-width: 1150px) {
  .intro-with-mosaic {
    grid-template-columns: 0.5fr 0.9fr;
  }

  .structure-mosaic {
    grid-column: 1 / span 2;
    min-height: 460px;
  }
}

@media (max-width: 650px) {
  .intro-with-mosaic {
    display: grid;
    grid-template-columns: 1fr;
    gap: 43px;
  }

  .intro-with-mosaic .intro-logo {
    width: 180px;
    height: 180px;
  }

  .structure-mosaic {
    grid-column: auto;
    min-height: 480px;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1.1fr 1fr 1fr;
    gap: 8px;
  }

  .structure-video { grid-column: 1 / span 2; grid-row: 1; }
  .structure-one { grid-column: 1; grid-row: 2; }
  .structure-two { grid-column: 2; grid-row: 2; }
  .structure-three { grid-column: 1; grid-row: 3; }
  .structure-four { grid-column: 2; grid-row: 3; }
}