/* Project archive: isolated from the approved homepage and single-case layouts. */
.projects-page { background: var(--bg-primary); overflow: clip; }
.projects-page__intro { padding-block: clamp(68px, 7vw, 116px) clamp(58px, 6vw, 88px); }
.projects-page__eyebrow { display: flex; align-items: center; gap: 14px; color: var(--text-secondary); font: 400 11px/1.5 var(--font-mono); letter-spacing: .14em; }
.projects-page__marker { width: 7px; height: 7px; flex: 0 0 7px; background: var(--accent); }
.projects-page__counter { margin-left: auto; color: var(--text-muted); }
.projects-page__intro-row { display: grid; grid-template-columns: 1fr minmax(0, 420px); align-items: end; gap: var(--space-40); margin-top: var(--space-24); }
.projects-page__intro h1 { margin: 0; font-size: clamp(52px, 6.5vw, 100px); line-height: 1.02; font-weight: 600; letter-spacing: -.06em; }
.projects-page__intro-row p { max-width: 42ch; padding-bottom: 7px; font-size: clamp(15px, 1.35vw, 18px); line-height: 1.65; color: var(--text-secondary); }
.projects-page__list { padding-bottom: 0; }
.projects-page .project--archive { grid-template-columns: minmax(0, 4.5fr) minmax(0, 7.5fr); align-items: center; gap: clamp(38px, 6vw, 102px); padding-block: clamp(54px, 6.5vw, 100px); border-top: 1px solid var(--border); }
.projects-page .project--archive:last-child { padding-bottom: clamp(32px, 4vw, 64px); }
.projects-page .project--archive:nth-child(even) { grid-template-columns: minmax(0, 7.5fr) minmax(0, 4.5fr); }
.projects-page .project--archive:nth-child(even) .project-image { grid-column: 1; grid-row: 1; }
.projects-page .project--archive:nth-child(even) .project__copy { grid-column: 2; grid-row: 1; }
.projects-page .project__copy { min-width: 0; max-width: 500px; }
.projects-page .project__number { margin-bottom: var(--space-24); color: var(--accent); }
.projects-page .project__number span { width: 66px; background: var(--border); }
.projects-page .project h2 { font-size: clamp(32px, 3.4vw, 52px); line-height: 1.08; letter-spacing: -.045em; margin-bottom: var(--space-16); }
.projects-page .project__subtitle { max-width: 440px; margin-bottom: 21px; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.4; }
.projects-page .project__description { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5; line-clamp: 5; overflow: hidden; max-width: 48ch; margin-bottom: 27px; font-size: var(--text-15); line-height: 1.75; }
.projects-page .text-link { padding-block: 5px; font-size: var(--text-15); }
.projects-page .project-image { position: relative; width: 100%; height: auto; aspect-ratio: 16 / 10; align-self: center; margin: 0; border: 1px solid var(--border-strong); border-radius: 4px; overflow: hidden; background: var(--surface); }
.projects-page .project-image img { position: absolute; inset: 0; display: block; width: 100%; height: 100%; object-fit: cover; object-position: center top; transition: transform 320ms ease; }
.projects-page .project-image:not(.project-image--empty)::after { content: ''; position: absolute; inset: 70% 0 0; background: linear-gradient(180deg, transparent, rgba(4, 11, 17, .35)); pointer-events: none; }
.projects-page .project--archive:hover .project-image img { transform: scale(1.018); }
.projects-page .project-image--empty { display: flex; align-items: center; justify-content: center; }
.projects-page .project-image figcaption { padding: var(--space-28); font-size: var(--text-14); color: var(--text-secondary); }
.projects-page__empty { padding-block: 60px; color: var(--text-secondary); }
@media (max-width: 1000px) {
  .projects-page__intro-row { grid-template-columns: 1fr minmax(0, 300px); gap: var(--space-32); }
  .projects-page .project--archive, .projects-page .project--archive:nth-child(even) { grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: 30px; }
  .projects-page .project--archive:nth-child(even) { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
  .projects-page .project__number { margin-bottom: var(--space-16); }
  .projects-page .project__description { font-size: var(--text-14); line-height: 1.65; -webkit-line-clamp: 4; line-clamp: 4; }
}
@media (max-width: 760px) {
  .projects-page__intro { padding-block: 68px 54px; }
  .projects-page__intro-row { display: block; margin-top: var(--space-20); }
  .projects-page__intro h1 { font-size: clamp(48px, 12vw, 66px); }
  .projects-page__intro-row p { margin-top: 22px; padding: 0; font-size: var(--text-16); }
  .projects-page .project--archive, .projects-page .project--archive:nth-child(even) { grid-template-columns: minmax(0, 1fr); gap: 26px; padding-block: 46px; }
  .projects-page .project--archive:nth-child(even) .project__copy, .projects-page .project--archive:nth-child(even) .project-image { grid-column: auto; grid-row: auto; }
  .projects-page .project__copy { max-width: none; }
  .projects-page .project h2 { font-size: 34px; }
  .projects-page .project__subtitle { margin-bottom: var(--space-16); font-size: var(--text-18); }
  .projects-page .project__description { max-width: 52ch; margin-bottom: 19px; font-size: var(--text-15); -webkit-line-clamp: 5; line-clamp: 5; }
  .projects-page .project--archive:last-child { padding-bottom: var(--space-32); }
}
@media (prefers-reduced-motion: reduce) {
  .projects-page .project-image img { transition: none; }
  .projects-page .project--archive:hover .project-image img { transform: none; }
}