.montage{width:100%;aspect-ratio:100 / var(--hauteur);position:relative}.tirage{left:calc(var(--x) * 1%);top:calc(var(--y) / var(--hauteur) * 100%);width:calc(var(--l) * 1%);padding:calc(var(--l) * 0.03%) calc(var(--l) * 0.03%) calc(var(--l) * 0.075%);rotate:var(--r);transition:rotate .5s var(--sortie), scale .5s var(--sortie), box-shadow .5s var(--sortie);background:#fdfcfa;position:absolute;box-shadow:0 0 0 1px #2e28230d,0 1px 2px #2e28231f,0 10px 24px -14px #2e282380}.montage .tirage img{aspect-ratio:4/3;object-fit:cover;background:var(--sable);width:100%;height:auto;display:block}.tirage .agrandir:focus-visible{outline:2px solid var(--encre);outline-offset:3px}@media (hover:hover) and (pointer:fine){.tirage:hover{rotate:0deg;scale:1.035;box-shadow:0 0 0 1px #2e28230d,0 2px 4px #2e28231f,0 22px 40px -18px #2e28238c;z-index:30!important}}.tirage:focus-within{z-index:30!important}@media (prefers-reduced-motion:reduce){.tirage{transition:none}}@media (max-width:760px){.montage{width:auto;margin-inline:calc(.375rem - var(--marge))}.tirage{padding:max(3px, calc(var(--l) * 0.03%)) max(3px, calc(var(--l) * 0.03%)) max(7px, calc(var(--l) * 0.075%));box-shadow:0 0 0 1px #2e28230d,0 1px 1.5px #2e282324,0 6px 14px -8px #2e282380}}