.company-gallery {
  padding: 0;
  background: var(--paper);
}

.company-gallery-item {
  margin: 0;
  overflow: hidden;
  background: var(--navy);
}

.company-gallery-item img {
  display: block;
  width: 100%;
  height: clamp(220px, 34vw, 520px);
  object-fit: cover;
}

.home-gallery-inline .company-gallery-item img {
  object-position: center;
}

/* En Inicio, el panel de información de ambos proyectos debe ser blanco. */
body:has(#inicio) #proyectos .project-nativo > .project-copy,
body:has(#inicio) #proyectos .project-residencias > .project-copy {
  background: #fff;
}

body:has(#inicio) #proyectos .project-art-label {
  text-transform: none;
  font-weight: 400;
  font-size: 13px;
}

@media (width <= 1041px) {
  /* El espacio lateral se reduce de forma gradual hasta 10 px en pantallas pequeñas. */
  body:has(#inicio) #proyectos .project-nativo > .project-copy,
  body:has(#inicio) #proyectos .project-residencias > .project-copy {
    padding-inline: clamp(10px, calc(11.36vw - 34.32px), 54px);
  }
}

@media (width <= 700px) {
  .company-gallery-item img {
    height: 220px;
  }
}