/**
 * Réalisations — layout manifesto (intro scroll + carrousel).
 */

#portfolio.site-portfolio--manifesto {
  padding-top: clamp(20px, 3.5vh, 40px);
  padding-bottom: clamp(48px, 8vh, 88px);
  overflow: visible;
}

#portfolio.site-portfolio--manifesto.section-padding {
  padding-left: 0;
  padding-right: 0;
}

.site-portfolio-carousel-shell {
  margin-top: 0;
  padding-top: clamp(8px, 1.5vh, 16px);
}

#portfolio.site-portfolio--manifesto .site-scroll-statement--portfolio {
  scroll-margin-top: 96px;
}

/* Masque cercles : SVG (#site-portfolio-dots-mask), piloté par site-portfolio-carousel-mask.js */
.site-portfolio-carousel-mask__viewport {
  --pf-p: 1;
  position: relative;
  overflow: hidden;
  transform: translateZ(0);
}

/* Masque uniquement sur la piste Owl — pas sur .owl-dots / pastilles ni le bouton index. */
.site-portfolio-carousel-mask__viewport.is-pf-dots-mask-active .owl-stage-outer {
  -webkit-mask-image: url("#site-portfolio-dots-mask");
  mask-image: url("#site-portfolio-dots-mask");
  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
}

/* Révélation terminée : plus de masque (évite les trous au défilement horizontal Owl). */
.site-portfolio-carousel-mask__viewport.is-pf-dots-mask-active.is-pf-mask-revealed
  .owl-stage-outer {
  -webkit-mask-image: none !important;
  mask-image: none !important;
}

@media (prefers-reduced-motion: reduce) {
  .site-portfolio-carousel-mask__viewport.is-pf-dots-mask-active .owl-stage-outer {
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
}