/* Proyectos: proporciones nativas, composición editorial y espacio blanco. */
.studio-project { background: #fff; color: #171717; }
.studio-project .studio-header:not(.is-scrolled):not(.is-menu-open) .studio-navigation { color: #171717; }
.project-page { --project-gutter: clamp(32px, 9vw, 220px); flex: 1; min-width: 0; width: min(1400px, calc(100% - var(--project-gutter) * 2)); margin-inline: auto; padding-top: calc(var(--studio-header-height) + clamp(100px, 9vw, 210px)); padding-bottom: clamp(200px, 18vw, 420px); }
.project-story__header { margin-bottom: clamp(110px, 11vw, 250px); }
.project-story__title { max-width: 100%; margin: 0; font-size: clamp(20px, 1.4vw, 28px); line-height: 1.25; letter-spacing: 0.12em; font-weight: 400; text-transform: uppercase; }
.project-story__service { max-width: 700px; margin: 12px 0 0; color: #777; font-size: clamp(15px, 1.1vw, 20px); line-height: 1.5; }
.project-editorial { display: flex; flex-direction: column; gap: clamp(140px, 15vw, 340px); }
.project-editorial__row { min-width: 0; }
.project-editorial__figure { min-width: 0; margin: 0; }
/* No se fijan altura ni relación de aspecto: cada imagen conserva sus dimensiones. */
.project-editorial__image { display: block; width: auto; max-width: 100%; height: auto; margin-inline: auto; }
.project-editorial__row--pair { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; column-gap: clamp(80px, 11vw, 240px); }
.project-editorial__row--pair .project-editorial__figure:nth-child(2) { margin-top: clamp(80px, 10vw, 220px); }
.project-editorial__row--landscape { width: 84%; align-self: center; }
.project-editorial__row--portrait { width: 42%; }
.project-editorial__row--square { width: 54%; }
.project-editorial__row--position-0:not(.project-editorial__row--pair) { align-self: center; }
.project-editorial__row--position-1:not(.project-editorial__row--pair) { align-self: flex-start; }
.project-editorial__row--position-2:not(.project-editorial__row--pair) { align-self: flex-end; }
.project-story__setup { padding-block: 40px; font-size: 14px; }
@media (min-width: 1000px) {
  .studio-project .studio-header .studio-navigation .menu { gap: clamp(30px, 4.2vw, 90px); }
  .studio-project .studio-header .studio-navigation a { font-size: clamp(14px, 1.05vw, 21px); }
}
@media (max-width: 1000px) {
  .project-editorial__row--portrait { width: 56%; }
  .project-editorial__row--square { width: 68%; }
}
@media (max-width: 700px) {
  .project-page { --project-gutter: 28px; padding-top: calc(var(--studio-header-height) + 80px); padding-bottom: 190px; }
  .project-story__title { font-size: 20px; letter-spacing: 0.08em; }
  .project-story__header { margin-bottom: 90px; }
  .project-editorial { gap: 100px; }
  .project-editorial__row--pair { grid-template-columns: 1fr; gap: 100px; }
  .project-editorial__row--pair .project-editorial__figure:nth-child(2) { margin-top: 0; }
  .project-editorial__row--landscape, .project-editorial__row--portrait, .project-editorial__row--square { width: 100%; }
}