/* La nostra storia — estensione guida */

.storia-split {
  max-width: 1100px;
  margin: 0 auto;
  padding: 0 1.5rem;
  display: grid;
  gap: 2rem;
  align-items: center;
}

@media (min-width: 900px) {
  .storia-split {
    grid-template-columns: 1.05fr 0.95fr;
    gap: 2.75rem;
  }

  .storia-split--media-first .storia-split__text {
    order: 2;
  }

  .storia-split--media-first .storia-split__media {
    order: 1;
  }
}

.storia-split__text .guide-h2 {
  margin-bottom: 1.1rem;
}

.storia-split__media {
  margin: 0;
  padding: 0.55rem;
  border: 1px solid var(--rule);
  background: var(--paper);
  box-sizing: border-box;
}

.storia-split__media img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  object-position: center;
}

.storia-media {
  padding: 0 1.5rem 3.5rem;
  background: var(--cream);
}

.storia-media--paper {
  background: var(--paper);
}

.storia-media__wide,
.storia-media__mid {
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--rule);
}

.storia-media__wide {
  max-width: 1120px;
}

.storia-media__mid {
  max-width: 800px;
}

.storia-media img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 520px;
  object-fit: cover;
}

.storia-media__mid img {
  max-height: 480px;
}