.manifiesto {
  position: relative;
  overflow: clip;
}
.manifiesto__quote {
  font-family: var(--f-ancha);
  font-weight: 900;
  text-transform: uppercase;
  line-height: 0.95;
  letter-spacing: -0.015em;
  font-size: clamp(2rem, 3.45vw, 3.6rem);
  color: var(--tinta);
  margin: 0;
}
.manifiesto__line {
  display: block;
}
.manifiesto .thumb-inline {
  overflow: hidden;
  border-radius: 4px;
  vertical-align: -0.08em;
  cursor: pointer;
}
.manifiesto .thumb-inline img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform 0.4s cubic-bezier(0.2, 0, 0, 1);
  will-change: transform;
}
.manifiesto .thumb-inline:hover img {
  transform: scale(1.22);
}
.manifiesto__polaroids {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  margin-top: clamp(3rem, 6vw, 5.5rem);
  padding-bottom: 2rem;
  position: relative;
}
.manifiesto__polaroid {
  flex: 0 0 clamp(160px, 14vw, 205px);
  width: clamp(160px, 14vw, 205px);
  background: var(--blanco);
  padding: 10px 10px 32px;
  box-shadow: 0 10px 28px rgba(31, 34, 48, 0.16);
  border-radius: 2px;
  position: relative;
  translate: var(--mouse-x, 0px) var(--mouse-y, 0px);
  rotate: var(--giro, 0deg);
  transition: transform .35s cubic-bezier(0.2, 0, 0, 1), rotate .35s cubic-bezier(0.2, 0, 0, 1), box-shadow .35s ease;
  will-change: transform, rotate;
  cursor: pointer;
}
.manifiesto__polaroid img {
  width: 100%;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  display: block;
}
.manifiesto__polaroid .polaroid__nota {
  font-family: var(--f-mano);
  font-size: 0.85rem;
  color: var(--tinta);
  text-align: center;
  margin-top: 10px;
  line-height: 1.2;
}
.manifiesto__handwritten {
  position: absolute;
  top: 16px;
  left: 16px;
  font-family: var(--f-mano);
  font-size: 0.85rem;
  color: #fff;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  pointer-events: none;
  z-index: 2;
  transform: rotate(-6deg);
}
.manifiesto__polaroid:hover,
.manifiesto__polaroid:focus-within {
  rotate: 0deg !important;
  transform: translateY(-14px) scale(1.06);
  box-shadow: 0 22px 45px rgba(31, 34, 48, 0.28);
  z-index: 10 !important;
}

@media (min-width: 900px) {
  .manifiesto__line--1 {
    text-align: right;
  }
  .manifiesto__line--2 {
    text-align: left;
  }
  .manifiesto__line--3 {
    text-align: left;
  }
  .manifiesto__line--4 {
    text-align: right;
  }
  .manifiesto__polaroid:not(:first-child) {
    margin-left: clamp(-30px, -2.4vw, -15px);
  }
  .manifiesto__polaroid:nth-child(1) {
    margin-top: clamp(40px, 4vw, 70px);
    z-index: 1;
  }
  .manifiesto__polaroid:nth-child(2) {
    margin-top: 0;
    z-index: 2;
  }
  .manifiesto__polaroid:nth-child(3) {
    margin-top: clamp(50px, 5vw, 80px);
    z-index: 3;
  }
  .manifiesto__polaroid:nth-child(4) {
    margin-top: clamp(10px, 1.5vw, 25px);
    z-index: 2;
  }
  .manifiesto__polaroid:nth-child(5) {
    margin-top: clamp(60px, 6vw, 90px);
    z-index: 3;
  }
  .manifiesto__polaroid:nth-child(6) {
    margin-top: clamp(15px, 2vw, 30px);
    z-index: 2;
  }
}

@media (max-width: 899px) {
  .manifiesto__line--1,
  .manifiesto__line--2,
  .manifiesto__line--3,
  .manifiesto__line--4 {
    text-align: left;
  }
  .manifiesto__quote {
    font-size: clamp(1.7rem, 6.8vw, 2.6rem);
    line-height: 1.05;
  }
  .manifiesto__polaroids {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.25rem;
    padding: 1.5rem var(--pad-x) 2.5rem;
    margin-inline: calc(var(--pad-x) * -1);
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }
  .manifiesto__polaroid {
    flex: 0 0 clamp(210px, 62vw, 270px);
    width: clamp(210px, 62vw, 270px);
    scroll-snap-align: center;
    margin: 0 !important;
  }
}
@media (max-width:899px) {
  .manifiesto { padding-bottom:2rem; }
  .manifiesto__quote .motion-word { opacity:1 !important; }
  .manifiesto .thumb-inline { width:2.2em; height:.82em; clip-path:none !important; }
  .manifiesto__polaroids { justify-content:flex-start; gap:4vw; overflow-x:auto; scroll-snap-type:x mandatory; scrollbar-width:none; padding:1.5rem 11% 2rem; margin-inline:calc(var(--pad-x) * -1); overscroll-behavior-x:contain; }
  .manifiesto__polaroids::-webkit-scrollbar { display:none; }
  .manifiesto__polaroid { flex:0 0 100%; width:100%; scroll-snap-align:center; margin:0 !important; rotate:var(--giro); translate:none; }
  .manifiesto__polaroid:hover,.manifiesto__polaroid:focus-within { transform:none; rotate:var(--giro) !important; }
  .manifiesto__dots { display:flex; justify-content:center; gap:.6rem; margin:0 0 1rem; }
  .manifiesto__dots button { width:12px; height:12px; padding:0; border:0; border-radius:50%; background:#b8b8a5; }
  .manifiesto__dots button[aria-current="true"] { background:var(--oliva); }
}
@media (min-width:900px) { .manifiesto__dots { display:none; } }
