/* Azrowadome — Galerie premium : reveal rideau + ouverture elastique v2.0.0 */

.az-mosaic__grid{perspective:none}
.az-tile{cursor:pointer;position:relative;overflow:hidden;clip-path:inset(0 0 0 0)}
.az-tile__clip{position:absolute;inset:0;overflow:hidden;border-radius:inherit}
.az-tile img{transition:transform .7s cubic-bezier(.16,1,.3,1);transform:scale(1.18);will-change:transform}
.az-tile:hover img{transform:scale(1.06)}

.az-tile.az-reveal{opacity:0}
.az-tile.az-reveal .az-tile__clip{clip-path:inset(0 0 100% 0)}
.az-tile.az-reveal img{transform:scale(1.3)}
.az-tile.az-reveal.is-in{opacity:1;transition:opacity .05s linear}
.az-tile.az-reveal.is-in .az-tile__clip{clip-path:inset(0 0 0% 0);transition:clip-path 1s cubic-bezier(.16,1,.3,1)}
.az-tile.az-reveal.is-in img{transform:scale(1.06);transition:transform 1.1s cubic-bezier(.16,1,.3,1)}
.az-tile.az-reveal.is-in:hover img{transform:scale(1.12)}

.az-tile__cap{display:flex;align-items:center;gap:8px;transform:translateY(6px);opacity:0;transition:opacity .5s ease .15s,transform .5s ease .15s}
.az-tile.is-in .az-tile__cap{opacity:1;transform:translateY(0)}
.az-tile__cap::after{content:"⤡";font-family:Jost,sans-serif;font-size:15px;color:#E9C46A;opacity:0;transform:translateX(-6px);transition:opacity .3s ease,transform .3s ease}
.az-tile:hover .az-tile__cap::after{opacity:1;transform:translateX(0)}

.az-tile__ring{position:absolute;inset:0;border-radius:inherit;border:1px solid rgba(244,239,230,0);transition:border-color .4s ease;pointer-events:none}
.az-tile:hover .az-tile__ring{border-color:rgba(233,196,106,.55)}

@media(prefers-reduced-motion:reduce){
.az-tile,.az-tile img,.az-tile__clip,.az-tile__cap{transition:none!important}
.az-tile.az-reveal{opacity:1}
.az-tile.az-reveal .az-tile__clip{clip-path:none}
.az-tile.az-reveal img{transform:none}
}

/* ---- HERO CLONE : image qui grandit depuis sa position exacte ---- */
.az-hero-clone{position:fixed;z-index:99999;overflow:hidden;border-radius:3px;box-shadow:0 30px 90px -20px rgba(0,0,0,.65);will-change:transform,width,height,top,left}
.az-hero-clone img{width:100%;height:100%;object-fit:cover;display:block}

.az-lb-backdrop{position:fixed;inset:0;z-index:99997;background:rgba(15,22,34,.96);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}
.az-lb-backdrop.is-open{opacity:1;visibility:visible}
html.az-lb-lock{overflow:hidden}

.az-lb{position:fixed;inset:0;z-index:99998;display:flex;align-items:center;justify-content:center;pointer-events:none}
.az-lb.is-active{pointer-events:auto}
.az-lb__cap{position:absolute;left:0;right:0;bottom:8%;text-align:center;font-family:Marcellus,serif;color:#F4EFE6;font-size:1.05rem;opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease;padding:0 60px}
.az-lb__cap.is-shown{opacity:1;transform:translateY(0)}
.az-lb__close,.az-lb__prev,.az-lb__next{position:absolute;background:rgba(244,239,230,.08);border:1px solid rgba(244,239,230,.25);color:#F4EFE6;width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .3s ease,border-color .3s ease,transform .25s ease;z-index:2;opacity:0}
.az-lb-backdrop.is-open .az-lb__close,.az-lb-backdrop.is-open .az-lb__prev,.az-lb-backdrop.is-open .az-lb__next{opacity:1}
.az-lb__close:hover,.az-lb__prev:hover,.az-lb__next:hover{background:rgba(233,196,106,.2);border-color:#E9C46A}
.az-lb__close:active,.az-lb__prev:active,.az-lb__next:active{transform:scale(.92)}
.az-lb__close{top:22px;right:22px}
.az-lb__close svg{width:18px;height:18px}
.az-lb__prev{left:clamp(8px,2vw,28px);top:50%;margin-top:-24px}
.az-lb__next{right:clamp(8px,2vw,28px);top:50%;margin-top:-24px}
.az-lb__prev svg,.az-lb__next svg{width:20px;height:20px}
.az-lb__count{position:fixed;top:26px;left:26px;z-index:99998;font-family:Jost,sans-serif;color:rgba(244,239,230,.6);font-size:13px;letter-spacing:.1em;opacity:0;transition:opacity .4s ease}
.az-lb-backdrop.is-open ~ .az-lb__count,.az-lb__count.is-shown{opacity:1}

@media(max-width:640px){
.az-lb__prev,.az-lb__next{width:42px;height:42px}
.az-lb__prev{left:6px}.az-lb__next{right:6px}
.az-lb__close{width:40px;height:40px;top:14px;right:14px}
.az-lb__count{top:16px;left:16px}
.az-lb__cap{bottom:6%;font-size:.95rem;padding:0 50px}
}
