/* ═══════════════════════════════════════════════════════════
   AMAYNÜ — MOTIFS AMAZIGHS · gravure fine
   Traits capillaires, géométrie ornementale, terminaisons soignées.
   Utilisés en masque CSS : la couleur vient du fond, jamais du SVG.
   ═══════════════════════════════════════════════════════════ */
:root{
  /* 01 — Talwaht · le losange, protection du foyer */
  --p1:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.4'%3E%3Cpath d='M80 6 154 80 80 154 6 80Z'/%3E%3Cpath d='M80 20 140 80 80 140 20 80Z'/%3E%3Cpath d='M80 46 114 80 80 114 46 80Z'/%3E%3Cpath d='M80 62 98 80 80 98 62 80Z' fill='%23fff'/%3E%3Cpath d='M80 6V20M80 140v14M6 80h14M140 80h14'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='80' cy='33' r='2'/%3E%3Ccircle cx='80' cy='127' r='2'/%3E%3Ccircle cx='33' cy='80' r='2'/%3E%3Ccircle cx='127' cy='80' r='2'/%3E%3C/g%3E%3C/svg%3E");

  /* 02 — Yaz · ⵣ, l'homme libre */
  --p2:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.6' stroke-linecap='round'%3E%3Cpath d='M80 34v92'/%3E%3Cpath d='M80 34 46 12M80 34 114 12'/%3E%3Cpath d='M80 126 46 148M80 126 114 148'/%3E%3Cpath d='M34 80h92'/%3E%3Cpath d='M34 80 22 68M34 80 22 92M126 80 138 68M126 80 138 92'/%3E%3Cpath d='M62 62 80 44 98 62M62 98 80 116 98 98' opacity='.5'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='80' cy='80' r='3'/%3E%3C/g%3E%3C/svg%3E");

  /* 03 — Aman · l'eau, la ligne des sommets */
  --p3:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.3' stroke-linejoin='round'%3E%3Cpath d='M8 44 44 12 80 44 116 12 152 44'/%3E%3Cpath d='M8 62 44 30 80 62 116 30 152 62' opacity='.65'/%3E%3Cpath d='M8 98 44 130 80 98 116 130 152 98' opacity='.65'/%3E%3Cpath d='M8 116 44 148 80 116 116 148 152 116'/%3E%3Cpath d='M8 80h144' stroke-dasharray='2 7'/%3E%3C/g%3E%3C/svg%3E");

  /* 04 — Le quatre-pétales de la charte AMAYNÜ */
  --p4:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.4'%3E%3Ccircle cx='80' cy='80' r='72'/%3E%3Ccircle cx='80' cy='80' r='58' stroke-dasharray='1.5 6'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cellipse cx='80' cy='80' rx='54' ry='15' transform='rotate(45 80 80)'/%3E%3Cellipse cx='80' cy='80' rx='54' ry='15' transform='rotate(-45 80 80)'/%3E%3C/g%3E%3C/svg%3E");

  /* 05 — Tiddar · la croix de protection */
  --p5:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.5' stroke-linecap='round'%3E%3Cpath d='M80 18v124M18 80h124'/%3E%3Cpath d='M64 18h32M64 142h32M18 64v32M142 64v32'/%3E%3Cpath d='M52 52 108 108M108 52 52 108' opacity='.35'/%3E%3Ccircle cx='80' cy='80' r='16'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='24' cy='24' r='2.4'/%3E%3Ccircle cx='136' cy='24' r='2.4'/%3E%3Ccircle cx='24' cy='136' r='2.4'/%3E%3Ccircle cx='136' cy='136' r='2.4'/%3E%3Ccircle cx='80' cy='80' r='3.5'/%3E%3C/g%3E%3C/svg%3E");

  /* 06 — Tafzimt · la fibule */
  --p6:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 160'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.4' stroke-linejoin='round'%3E%3Cpath d='M14 74 80 10 146 74Z'/%3E%3Cpath d='M34 74 80 30 126 74Z' opacity='.6'/%3E%3Cpath d='M14 150 80 86 146 150Z'/%3E%3Cpath d='M34 150 80 106 126 150Z' opacity='.6'/%3E%3Cpath d='M80 74v12' stroke-dasharray='2 4'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='80' cy='56' r='2.6'/%3E%3Ccircle cx='80' cy='128' r='2.6'/%3E%3C/g%3E%3C/svg%3E");

  /* 07 — Médaillon · composition centrale, réservée au splash */
  --pm:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 400'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1'%3E%3Ccircle cx='200' cy='200' r='196'/%3E%3Ccircle cx='200' cy='200' r='172' stroke-dasharray='1 8'/%3E%3Ccircle cx='200' cy='200' r='132'/%3E%3Ccircle cx='200' cy='200' r='74' stroke-dasharray='1 6'/%3E%3Cpath d='M200 68 332 200 200 332 68 200Z'/%3E%3Cpath d='M200 108 292 200 200 292 108 200Z' opacity='.55'/%3E%3Cpath d='M200 4v64M200 336v60M4 200h64M336 200h60'/%3E%3Cpath d='M62 62 106 106M338 62 294 106M62 338 106 294M338 338 294 294' opacity='.5'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Cellipse cx='200' cy='200' rx='58' ry='16' transform='rotate(45 200 200)'/%3E%3Cellipse cx='200' cy='200' rx='58' ry='16' transform='rotate(-45 200 200)'/%3E%3Ccircle cx='200' cy='68' r='3'/%3E%3Ccircle cx='200' cy='332' r='3'/%3E%3Ccircle cx='68' cy='200' r='3'/%3E%3Ccircle cx='332' cy='200' r='3'/%3E%3C/g%3E%3C/svg%3E");

  /* 08 — Frise · bande horizontale de séparation */
  --pf:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 40'%3E%3Cg fill='none' stroke='%23fff' stroke-width='1.2'%3E%3Cpath d='M0 20h44M196 20h44' stroke-dasharray='1 6'/%3E%3Cpath d='M60 20 76 4 92 20 76 36Z'/%3E%3Cpath d='M120 20 140 2 160 20 140 38Z'/%3E%3Cpath d='M148 20 164 4 180 20 164 36Z'/%3E%3Cpath d='M92 20h28M180 20h16'/%3E%3C/g%3E%3Cg fill='%23fff'%3E%3Ccircle cx='120' cy='20' r='2'/%3E%3Ccircle cx='50' cy='20' r='1.6'/%3E%3Ccircle cx='190' cy='20' r='1.6'/%3E%3C/g%3E%3C/svg%3E");
}

.m1{-webkit-mask-image:var(--p1);mask-image:var(--p1)}
.m2{-webkit-mask-image:var(--p2);mask-image:var(--p2)}
.m3{-webkit-mask-image:var(--p3);mask-image:var(--p3)}
.m4{-webkit-mask-image:var(--p4);mask-image:var(--p4)}
.m5{-webkit-mask-image:var(--p5);mask-image:var(--p5)}
.m6{-webkit-mask-image:var(--p6);mask-image:var(--p6)}
.mm{-webkit-mask-image:var(--pm);mask-image:var(--pm)}
.mf{-webkit-mask-image:var(--pf);mask-image:var(--pf)}
.msk{-webkit-mask-size:contain;mask-size:contain;
     -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
     -webkit-mask-position:center;mask-position:center}