/* =========================================================================
   Fonds décoratifs « vagues » (ingeo-fonds.php), préfixés par body.ingeo-fonds.
   Les motifs (lignes rouges et grises sur fond transparent) sont posés en ::before,
   derrière le contenu, en faible opacité pour ne pas gêner la lecture.
   ========================================================================= */
.ingeo-fonds .ag-page .ag-section,.ingeo-fonds .ag-page .ag-appel,.ingeo-fonds .if-footer{position:relative;isolation:isolate;overflow:hidden}
.ingeo-fonds .ag-page .ag-section > .ag-wrap,.ingeo-fonds .if-footer > *{position:relative;z-index:1}

/* Page QRSE. Les vagues 2 et 3 ont des lignes coupées net sur leurs bords gauche et droit (pas en haut ni en bas) :
   elles occupent donc exactement toute la largeur de la section (bords coupés = bords de la section), à leur hauteur
   naturelle, calées en haut ou en bas, sans jamais être recoupées à l'intérieur de la section. Un masque en dégradé
   horizontal les estompe côté texte. */
.ingeo-fonds .ag-qrse :is(#organisation,#biodiversite,#batiments,#engagements)::before{content:"";position:absolute;z-index:0;pointer-events:none;
  inset:0;background-repeat:no-repeat;background-size:100% auto}
.ingeo-fonds .ag-qrse #organisation::before{background-image:url(ingeo-fonds/vagues-2.webp);background-position:center bottom;opacity:.22;
  -webkit-mask-image:linear-gradient(to right,transparent 25%,#000 70%);mask-image:linear-gradient(to right,transparent 25%,#000 70%)}
.ingeo-fonds .ag-qrse #biodiversite::before{background-image:url(ingeo-fonds/vagues-3.webp);background-position:center bottom;opacity:.2;transform:scaleY(-1);
  -webkit-mask-image:linear-gradient(to left,transparent 30%,#000 75%);mask-image:linear-gradient(to left,transparent 30%,#000 75%)}
.ingeo-fonds .ag-qrse #batiments::before{background-image:url(ingeo-fonds/vagues-2.webp);background-position:center bottom;opacity:.2;transform:scaleX(-1);
  -webkit-mask-image:linear-gradient(to left,transparent 25%,#000 70%);mask-image:linear-gradient(to left,transparent 25%,#000 70%)}
.ingeo-fonds .ag-qrse #engagements::before{background-image:url(ingeo-fonds/vagues-3.webp);background-position:center bottom;opacity:.2;
  -webkit-mask-image:linear-gradient(to right,transparent 40%,#000 80%);mask-image:linear-gradient(to right,transparent 40%,#000 80%)}

/* Pied de page : la bande large (vagues-1) sur toute la largeur, calée en haut ; lignes éclaircies pour l'anthracite */
.ingeo-fonds .if-footer::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;
  background:url(ingeo-fonds/vagues-1.webp) center top/100% auto no-repeat;opacity:.16;filter:brightness(2.2) saturate(1.3)}
/* Grand écran : à sa hauteur naturelle (largeur / 3), la bande dépasserait du pied de page (une ligne) et serait
   coupée en bas ; elle est alors ajustée exactement au pied de page. En dessous, elle tient entière. */
@media (min-width:970px){.ingeo-fonds .if-footer::before{background-size:100% 100%}}