:root{--skadi-laiton:#AB6A20;--skadi-charbon:#232E33;}

/* ---- 1. Cadre en arche (motif deco) ---- */
.skadi-arche .elementor-widget-container,
.skadi-arche img{position:relative;}
.skadi-arche img{
  clip-path:url(#skadi-arche-clip);
  display:block;width:100%;height:auto;
}
.skadi-arche{position:relative;}
.skadi-arche .skadi-arche-trace{
  position:absolute;inset:0;width:100%;height:100%;
  pointer-events:none;overflow:visible;
}
.skadi-arche .skadi-arche-trace path{
  fill:none;stroke:var(--skadi-laiton);stroke-width:1;
  vector-effect:non-scaling-stroke;
}

/* ---- 2. Crete (motif montagne) ---- */
.skadi-crete{
  display:block;line-height:0;
  width:100%;max-width:var(--skadi-crete-w,640px);
  margin-inline:auto;
  margin-block:clamp(40px,6vw,80px);
}
.skadi-crete svg{display:block;width:100%;height:auto;overflow:visible;}
.skadi-crete path{
  fill:none;stroke:var(--skadi-glacier,#2082AB);stroke-width:1.25;
  stroke-linecap:round;stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.skadi-crete[data-anim="1"] path{
  stroke-dasharray:var(--skadi-len);
  stroke-dashoffset:var(--skadi-len);
}
.skadi-crete[data-anim="1"].is-drawn path{
  stroke-dashoffset:0;
  transition:stroke-dashoffset 1600ms cubic-bezier(.22,.61,.36,1);
}

/* ---- 3. Ours en filigrane ---- */
.skadi-ours{position:relative;isolation:isolate;overflow:hidden;}
.skadi-ours::before{
  content:"";position:absolute;z-index:-1;
  top:50%;left:50%;
  width:min(58vw,620px);aspect-ratio:1091/960;
  transform:translate(-50%,calc(-50% + var(--skadi-drift,0px)));
  background:var(--skadi-ours-src) center/contain no-repeat;
  opacity:.05;pointer-events:none;
}

@media (prefers-reduced-motion:reduce){
  .skadi-crete[data-anim="1"] path{stroke-dashoffset:0;}
  .skadi-ours::before{transform:translate(-50%,-50%);}
}