/*Proyectos post relacionados*/
/* =========================================================
La sección completa es alta para generar recorrido de scroll. Dentro, .projects-sticky permanece fijada a la ventana.
========================================================= */
    .projects-sequence {position: relative;}
    .projects-sticky {position: sticky; top: 0; width: 100%; height: 100vh; min-height: 560px; overflow: hidden; isolation: isolate;}
    
    /* Panel base visible antes de que entre el primer proyecto */
    .projects-intro {position: absolute; inset: 0; z-index: 0; display: grid; align-content: center; padding: clamp(28px, 5vw, 90px); transition: opacity 120ms linear; will-change: opacity; row-gap: 25px;}
    .projects-intro__top {display: flex; align-items: center; justify-content: space-between; gap: 24px;}
    .projects-intro__counter {font-size: 13px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; position: absolute; right: 5%; top: 20%;}
    .projects-intro h2 {max-width: 1400px; margin: 0; font-size:140px; font-weight: 800; line-height: 1; letter-spacing:-6px; text-transform: uppercase;}
    .projects-intro p {max-width: 640px; margin: 0; color: #1a1a1a; font-size: clamp(17px, 1.45vw, 25px); line-height: 1.35;}
    
    /* Cada proyecto se apila sobre el anterior. La máscara se modifica con JS. */
    .project-slide {--reveal: 0; position: absolute; inset: 0; z-index: 1; overflow: hidden; clip-path: polygon(110% 0%, 100% 0%, 100% 100%, 150% 100%); -webkit-clip-path: polygon(110% 0%, 100% 0%, 100% 100%, 150% 100%); will-change: clip-path; pointer-events: none;}
    .project-slide__media {position: absolute; inset: -4%; transform: translate3d(6%, 0, 0) scale(1.08); transform-origin: center; will-change: transform;}
    .project-slide__media::after {content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0, 0, 0, 0.12), rgba(0, 0, 0, 0.56)), linear-gradient(90deg, rgba(0, 0, 0, 0.32), transparent 58%);}
    .project-slide__media img {width: 100%; height: 100%; object-fit: cover;}
    .project-slide__content {position: absolute; inset: 0; z-index: 1; display: flex; flex-direction: column; justify-content: space-between; padding: clamp(26px, 4.5vw, 78px); color: #fff; opacity: 0; transform: translate3d(34px, 0, 0); will-change: opacity, transform;}
    .project-slide__header, .project-slide__footer {display: flex; align-items: flex-start; justify-content: space-between; gap: 24px;}
    .project-slide__number, .project-slide__category, .project-slide__year {font-size: clamp(12px, 1vw, 15px); font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase;}
    .project-slide__category {text-align: right;}
    .project-slide h3 {max-width: 1450px; margin: auto 0 0; font-size: clamp(56px, 10vw, 190px); font-weight: 800; line-height: 0.82; letter-spacing: -2px; text-transform: uppercase; text-wrap: balance;}
    .project-slide__description {max-width: 700px; margin: 0; font-size: clamp(15px, 1.2vw, 21px); line-height: 1.4;}
	  .project-slide__link{cursor: pointer; pointer-events: auto;}

    /* =========================================================
       5. RESPONSIVE
       ========================================================= */
    @media (max-width: 760px) {
      .main-section__bottom, .project-slide__footer {align-items: flex-start; flex-direction: column;}
      .scroll-indicator {align-self: flex-end;}
      .projects-sticky {min-height: 500px;}
      .projects-intro, .project-slide__content {padding: 24px 20px 32px;}
      .project-slide h3 {margin-bottom: 26px;}
      .project-slide__description {max-width: 90%;}
    }

    /* Accesibilidad: sin animación ligada al scroll */
    @media (prefers-reduced-motion: reduce) {
      .projects-sequence {height: auto;}
      .projects-sticky {position: relative; height: auto; min-height: 0; overflow: visible;}
      .projects-intro, .project-slide {position: relative; min-height: 100vh; clip-path: none !important; -webkit-clip-path: none !important;}
      .project-slide__media {inset: 0; transform: none !important;}
      .project-slide__content {opacity: 1 !important; transform: none !important;}
    }