/* Texture Previsia : posée au-dessus du fond du conteneur, sous son contenu */
.pva-tex-on{position:relative;isolation:isolate}
.pva-tex-on::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:inherit;opacity:var(--pva-tex-op,8%);
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1.1 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:220px 220px}
.pva-tex--paper::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='400'%3E%3Cfilter id='p'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.02 .35' numOctaves='3' seed='4' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .9 -.4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .8 -.15'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:400px 400px,220px 220px}
.pva-tex--dots::after{mix-blend-mode:normal;background-image:radial-gradient(var(--pva-tex-color,#024040) .9px,transparent 1.2px);background-size:9px 9px}
.pva-tex--hatch::after{mix-blend-mode:normal;background-image:repeating-linear-gradient(135deg,var(--pva-tex-color,#024040) 0 .7px,transparent .7px 7px)}
.pva-tex-fade-bottom::after{-webkit-mask-image:linear-gradient(transparent 35%,#000);mask-image:linear-gradient(transparent 35%,#000)}
.pva-tex-fade-top::after{-webkit-mask-image:linear-gradient(#000,transparent 65%);mask-image:linear-gradient(#000,transparent 65%)}
.pva-tex-fade-center::after{-webkit-mask-image:radial-gradient(ellipse at center,#000 15%,transparent 70%);mask-image:radial-gradient(ellipse at center,#000 15%,transparent 70%)}
/* trame en vagues : image générée par texture.js */
.pva-tex--halftone::after{mix-blend-mode:normal;background-image:var(--pva-ht,none);background-size:100% 100%;background-repeat:no-repeat}
.pva-ht-drift-on::after{inset:-3%;animation:pva-ht-drift 18s ease-in-out infinite alternate}
@keyframes pva-ht-drift{from{transform:translate3d(-1.2%,-.8%,0) scale(1.01)}to{transform:translate3d(1.2%,.8%,0) scale(1.03)}}
@media (prefers-reduced-motion:reduce){.pva-ht-drift-on::after{animation:none}}
