/* Previsia – Carte liste défilante : une liste qui monte cran par cran, l'élément du milieu ressort */
.pvl{--pvl-accent:#096A70;--pvl-ink:#024040;--pvl-muted:#6F7C82;--pvl-dot:#E8711A;--pvl-line:#DCE4E8;--pvl-bg:#fff;--pvl-h:400px;--pvl-row:46px;
  position:relative;display:flex;flex-direction:column;min-height:var(--pvl-h);height:100%;background:var(--pvl-bg);border:1px solid var(--pvl-line);border-radius:4px;overflow:hidden}
.pvl *{box-sizing:border-box}
.pvl-win{position:relative;flex:1;min-height:calc(var(--pvl-row) * 5);display:flex;align-items:center;justify-content:center;padding:24px 26px 0}
.pvl-mask{position:relative;width:100%;height:calc(var(--pvl-row) * 5);overflow:hidden;
  -webkit-mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.pvl-focus{position:absolute;left:0;right:0;top:calc(var(--pvl-row) * 2);height:var(--pvl-row);border-radius:8px;background:color-mix(in srgb,var(--pvl-accent) 7%,#fff);
  box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--pvl-accent) 22%,transparent),0 10px 30px -10px color-mix(in srgb,var(--pvl-accent) 30%,transparent)}
.pvl-track{position:absolute;left:0;right:0;top:0;margin:0;padding:0;will-change:transform}
.pvl-track.go{transition:transform .7s cubic-bezier(.65,0,.35,1)}
.pvl-track .pvl-i{display:flex;align-items:center;gap:12px;height:var(--pvl-row);margin:0;padding:0 14px;line-height:1.2;font-size:17px;font-weight:500;letter-spacing:-.015em;color:color-mix(in srgb,var(--pvl-ink) 38%,transparent);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .5s}
.pvl-track .pvl-i::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;border:1.5px solid color-mix(in srgb,var(--pvl-ink) 25%,transparent);transition:background .4s,border-color .4s,transform .4s}
.pvl-track .pvl-i.on{color:var(--pvl-accent)}
.pvl-track .pvl-i.on::before{background:var(--pvl-dot);border-color:var(--pvl-dot);transform:scale(1.2)}
.pvl-track .pvl-i.last{font-style:normal;color:color-mix(in srgb,var(--pvl-ink) 55%,transparent)}
.pvl-track .pvl-i.last.on{color:var(--pvl-accent)}
.pvl-cap{position:relative;z-index:2;display:grid;gap:6px;padding:24px 26px 26px;margin-top:auto}
.pvl-cap h3{margin:0;font-size:19px;line-height:1.3;font-weight:600;letter-spacing:-.02em;color:var(--pvl-ink)}
.pvl-cap p{margin:0;font-size:14.5px;line-height:1.55;color:var(--pvl-muted);max-width:48ch}
@media (max-width:640px){.pvl{--pvl-row:42px}.pvl-track .pvl-i{font-size:16px}.pvl-win{padding:20px 16px 0}.pvl-cap{padding:20px 20px 24px}}
/* illustration : le bâtiment du secteur au centre se dessine à chaque cran */
.pvl{container-type:inline-size}
.pvl--art .pvl-win{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:center;gap:8px 20px}
.pvl--art .pvl-mask{order:-1}
.pvl-art{--pvf-dark:var(--pvl-ink);--pvf-accent:var(--pvl-dot);--pvp-shade:var(--pvl-accent);position:relative;width:100%;aspect-ratio:360/250}
.pvl-art svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pvl-art .pvp-e{transition-duration:.65s}
.pvl-art .pvp-bld polygon:not(.pvp-e),.pvl-art .pvp-bld line{transition-duration:.3s;transition-delay:.35s}
.pvl-art .pvp-ground{transition-duration:.3s}
.pvl-art .pvp-cast{transition-duration:.3s;transition-delay:.4s}
.pvl-art--static *{transition:none!important}
@container (max-width:540px){
  .pvl--art .pvl-win{grid-template-columns:minmax(0,1fr)}
  .pvl--art .pvl-mask{order:0}
  .pvl-art{max-width:300px;margin:0 auto}
}