/* Interactive gallery, restricted to Mes réalisations. */
#realisations .aw-real-projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#realisations .aw-real-project{min-width:0;border:1px solid #dce5e9;border-radius:8px;overflow:hidden;background:#fff;box-shadow:0 4px 16px #10223208}
#realisations .aw-real-project h3{font-size:22px;line-height:1.3;margin:0;padding:18px 20px}
#realisations .aw-real-open{display:block;position:relative;overflow:hidden;background:#edf1f4}
#realisations .aw-real-image{position:relative;display:block;height:250px;overflow:hidden}
#realisations .aw-real-image img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;transition:opacity .5s ease,transform .5s ease}
#realisations .aw-real-after{opacity:0}
#realisations .is-after .aw-real-after{opacity:1}
#realisations .is-after .aw-real-before{opacity:0}
#realisations .aw-real-badge,#realisations .aw-real-viewer-badge{position:absolute;left:12px;top:12px;padding:5px 10px;border-radius:4px;background:#102232ec;color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;pointer-events:none}
#realisations .is-after .aw-real-badge{background:#ffd329;color:#102232}
#realisations .aw-real-enlarge{position:absolute;bottom:12px;right:12px;border-radius:4px;background:#102232dd;color:white;padding:2px 8px;font-size:24px}
#realisations .aw-real-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 14px;min-height:64px;border-top:1px solid #e0e7eb}
#realisations .aw-real-caption{font-size:13px;color:#405868}
#realisations button{font:inherit;cursor:pointer}
#realisations .aw-real-toggle{font-size:13px;min-height:44px;padding:8px 10px;background:#f0f6f9;color:#146786;border:1px solid #cadae4;border-radius:4px;flex-shrink:0}
#realisations .aw-real-toggle[hidden]{display:none}
#realisations .aw-real-open:focus-visible,#realisations button:focus-visible{outline:3px solid #1686b1;outline-offset:-3px}
#realisations .aw-real-viewer{position:fixed;inset:0;margin:auto;width:min(1050px,calc(100% - 40px));max-width:none;max-height:calc(100dvh - 32px);padding:0;border:1px solid #36576a;border-radius:8px;background:#071722;color:#f1f6f9;overflow:auto;box-shadow:0 20px 70px #0006}
#realisations .aw-real-viewer::backdrop{background:#020b13df}
#realisations .aw-real-viewer-inner{padding:18px}
#realisations .aw-real-viewer-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:12px}
#realisations .aw-real-viewer-header strong{font-size:21px}
#realisations .aw-real-viewer button{background:#102d40;border:1px solid #416174;border-radius:4px;color:white;min-height:44px;padding:8px 14px;font-size:14px}
#realisations .aw-real-viewer .aw-real-close{font-size:27px;line-height:1;min-width:44px}
#realisations .aw-real-viewer-photo{position:relative;height:min(63dvh,680px);background:#030c13}
#realisations .aw-real-viewer-photo>img{display:block;width:100%;height:100%;object-fit:contain}
#realisations .aw-real-viewer-controls{display:flex;justify-content:center;gap:12px;margin:14px 0}
#realisations .aw-real-viewer-controls button[aria-pressed="true"]{background:#ffd329;color:#102232;border-color:#ffd329}
#realisations .aw-real-viewer-nav{display:flex;align-items:center;justify-content:space-between;gap:12px}
#realisations .aw-real-counter{font-size:13px;color:#d1e3ee}
@media(hover:hover) and (pointer:fine){#realisations .aw-real-open:hover img{transform:scale(1.025)}#realisations .aw-real-toggle:hover{background:#e4f0f6}}
@media(max-width:980px){#realisations .aw-real-projects{gap:16px}#realisations .aw-real-image{height:220px}#realisations .aw-real-bottom{flex-wrap:wrap}#realisations .aw-real-project h3{font-size:20px;padding:16px}}
@media(max-width:700px){#realisations .aw-real-projects{grid-template-columns:1fr;gap:20px}#realisations .aw-real-image{height:280px}#realisations .aw-real-bottom{flex-wrap:nowrap}#realisations .aw-real-viewer{width:calc(100% - 16px);max-height:calc(100dvh - 16px)}#realisations .aw-real-viewer-inner{padding:12px}#realisations .aw-real-viewer-photo{height:55dvh}#realisations .aw-real-viewer-nav button{font-size:12px;padding:8px}#realisations .aw-real-viewer-nav{gap:6px}}
@media(prefers-reduced-motion:reduce){#realisations .aw-real-image img{transition:none!important;transform:none!important}}
