/* obra.css — página catálogo */

.obra-head {
  padding-top: var(--s-7);
  padding-bottom: var(--s-5);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--s-5);
  align-items: end;
}

@media (max-width: 720px) {
  .obra-head {
    grid-template-columns: 1fr;
    padding-top: var(--s-5);
  }
}

.obra-head h1 {
  font-size: clamp(2.5rem, 6vw, 4.25rem);
  letter-spacing: -0.025em;
}

.obra-head p {
  color: var(--ink-60);
  max-width: 42ch;
  font-size: 1rem;
}