/* v0.4.41 — more breathing room between homepage copy and photography. */
@media (min-width: 901px) {
  .meom-home-hero-copy {
    width: 43%;
    max-width: 535px;
    padding-right: 34px;
  }

  .meom-hero-media {
    width: 73%;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 14%, #000 36%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .18) 14%, #000 36%);
  }

  #what-is-odyssey .meom-story-copy,
  #why-odyssey-matters .meom-story-copy {
    width: 46%;
  }

  #what-is-odyssey .meom-story-visual,
  #why-odyssey-matters .meom-story-visual {
    width: 57%;
  }

  #what-is-odyssey .meom-story-visual {
    -webkit-mask-image: linear-gradient(90deg, #000 54%, rgba(0, 0, 0, .55) 70%, transparent 86%);
    mask-image: linear-gradient(90deg, #000 54%, rgba(0, 0, 0, .55) 70%, transparent 86%);
  }

  #why-odyssey-matters .meom-story-visual {
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .32) 23%, #000 47%);
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0, 0, 0, .32) 23%, #000 47%);
  }
}

@media (max-width: 900px) {
  .meom-hero-media {
    margin-top: 34px;
  }

  #what-is-odyssey .meom-story-grid,
  #why-odyssey-matters .meom-story-grid {
    gap: 36px;
  }
}