.proyectos-hero { padding: 80px 0 60px; }
.proyectos-hero .hero-grid { max-width: 760px; }
.proyectos-hero h1 { font-size: 46px; }

.proyectos-list .proyecto {
  display: grid;
  grid-template-columns: 1.1fr 1fr;
  gap: 56px;
  align-items: center;
  padding: 48px 0;
  border-bottom: 1px solid var(--line);
}
.proyectos-list .proyecto:first-child { padding-top: 0; }
.proyectos-list .proyecto:last-child { border-bottom: none; padding-bottom: 0; }
.proyecto-reverse .proyecto-media { order: 2; }
.proyecto-reverse .proyecto-copy { order: 1; }

.proyecto-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  aspect-ratio: 4/3;
}
.proyecto-media a { display: block; overflow: hidden; }
.proyecto-media a img { transition: transform .4s ease; }
.proyecto-media a:hover img { transform: scale(1.04); }
@media (prefers-reduced-motion: reduce) {
  .proyecto-media a img { transition: none; }
}
.proyecto-media-split {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 4px;
}
.proyecto-media-split img { aspect-ratio: 3/4; }

.proyecto-copy p { color: var(--gray); font-size: 15.5px; }
.proyecto-link {
  display: inline-block; margin-top: 14px; font-family: var(--font-condensed);
  font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .4px;
  color: var(--orange-dark); text-decoration: none;
}
.proyecto-link:hover { color: var(--navy); }

@media (max-width: 800px) {
  .proyectos-list .proyecto {
    grid-template-columns: 1fr;
    gap: 26px;
    padding: 36px 0;
  }
  .proyecto-reverse .proyecto-media,
  .proyecto-reverse .proyecto-copy { order: initial; }
  .proyecto-media-split img { aspect-ratio: 4/3; }
}