.os007-explore {
  padding-block:var(--os-space) 3.5rem;
}

.os007-explore .os007-eyebrow {
  margin-block-end:1rem;
}

.os007-explore h2 {
  margin-block-end:1.5rem;
}

.os007-explore-grid {
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:1rem;
}

.os007-explore-tile {
  text-decoration:none;
}

.os007-tile-media {
  aspect-ratio:1.24;
  overflow:hidden;
  background:#dfdfd2;
}

.os007-tile-media img {
  inline-size:100%;
  block-size:100%;
  object-fit:cover;
  transition:transform .35s ease;
}

.os007-tile-beach img {
  object-position:36% center;
}

.os007-tile-indio img {
  object-position:center 73%;
}

.os007-tile-cave {
  background:var(--os-teal);
}

.os007-tile-cave img {
  object-fit:contain;
  object-position:center;
}

.os007-explore-tile>span {
  display:flex;
  align-items:center;
  gap:1rem;
  min-block-size:54px;
  font-size:clamp(1.1rem,1.75vw,1.5rem);
}

.os007-explore-tile:hover img {
  transform:scale(1.025);
}

.os007-explore-tile:hover>span {
  text-decoration:underline;
  text-underline-offset:5px;
}

@media(max-width:767px) {
  .os007-explore-grid {
    grid-template-columns:1fr;
    gap:1.75rem;
  }
  .os007-explore h2 {
    max-inline-size:17ch;
  }
  .os007-tile-media {
    aspect-ratio:1.25;
  }
  .os007-explore-tile>span {
    font-size:1.3rem;
  }
  .os007-tile-indio img {
    object-position:center 72%;
  }
}