/* src/styles/mobile-manifesto.css */
@media (max-width: 900px) {
  .manifesto {
    height: calc(100svh * 4.6) !important;
  }

  .manifesto-sticky {
    position: sticky !important;
    top: 0 !important;
    height: 100svh !important;
    display: grid !important;
    place-items: center !important;
    text-align: center !important;
    padding-block: 0 !important;
    padding-inline: var(--gutter) !important;
  }

  .manifesto-item {
    grid-area: 1 / 1 !important;
    width: 100%;
    margin: 0;
    opacity: 0;
    transform: scale(1.06);
    filter: blur(8px);
    transition: opacity 0.35s ease, transform 0.35s ease, filter 0.35s ease;
  }

  .manifesto-item.is-active {
    opacity: 1;
    transform: scale(1);
    filter: blur(0);
  }
}