.heros-onde{z-index:1;left:calc(var(--onde-x,10%) - 26px);top:var(--y-fil,84%);pointer-events:none;position:absolute;transform:translateY(-50%)}.heros-contenu{padding-block:calc(var(--entete-h) + 32px) 22vh;position:relative}.heros-bloc{width:fit-content;max-width:100%;position:relative}.heros-bloc>*{z-index:3;position:relative}.heros-mur{z-index:0;position:absolute;inset:0}.mur-tuile{left:calc(var(--mur-x,0px) + var(--gap) + var(--x) * (var(--tuile) + var(--gap)));top:calc(var(--gap) + var(--y) * (var(--tuile) + var(--gap)));width:var(--tuile);height:var(--tuile);border-radius:calc(var(--tuile) * .07);background:linear-gradient(160deg, var(--cyber-clair), var(--cyber));position:absolute;overflow:hidden;box-shadow:0 0 0 1.5px #ffffff8c,0 14px 26px -16px #021720cc}.mur-tuile picture{display:contents}.mur-tuile img{object-fit:cover;width:100%;height:100%}html.js .heros-mur:not(.pose) .mur-tuile{opacity:0;transform:scale(.55)}.heros-mur.cascade .mur-tuile{animation:tuile-arrive .62s var(--ease-rebond) both;animation-delay:calc(var(--dist) * 85ms)}.heros-mur.pose .mur-tuile{opacity:1;transform:none}@keyframes tuile-arrive{0%{opacity:0;transform:scale(.55)}to{opacity:1;transform:none}}.heros-voile{z-index:1;pointer-events:none;background:linear-gradient(#02172000 56%, #02172080 74%, #021720d1 93%, var(--nuit-profond) 100%), linear-gradient(90deg, #021720db 0%, #021720cc 22%, #021720ad 40%, #02172080 56%, #02172052 70%, #0217202e 84%, #0217201a 100%);position:absolute;inset:0}html.reduit .heros .heros-bloc>*{opacity:1!important}html.reduit .mur-tuile{opacity:1!important;animation:none!important;transform:none!important}