/* L'Encre Interdite — cadre de la carte + diaporama. Vanilla, aucune dépendance.
   Coordonnées de la fenêtre calées sur cadre-cafe.png (737×1055). Si l'image source change,
   seules les 4 variables --ei-win-* sont à reprendre. */
.ei-cadre{--ei-win-l:22.8%;--ei-win-t:9.1%;--ei-win-w:67.3%;--ei-win-h:69.8%;position:relative;width:min(100%,560px);margin-inline:auto;aspect-ratio:737/1055;background:var(--ei-cadre-img) center/100% 100% no-repeat;box-shadow:0 30px 80px rgba(0,0,0,.55)}
.ei-cadre__win{position:absolute;left:var(--ei-win-l);top:var(--ei-win-t);width:var(--ei-win-w);height:var(--ei-win-h);overflow:hidden;background:#E9DCC2;box-shadow:0 0 0 1px rgba(122,86,40,.55),0 0 0 4px #E6D7BA,0 0 0 5px rgba(205,168,98,.7),0 6px 18px rgba(40,22,10,.35)}
.ei-cadre__win::after{content:"";position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 0 40px rgba(60,32,14,.38)}
.ei-cadre__slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.1s cubic-bezier(.4,0,.2,1)}
.ei-cadre__slide.is-on{opacity:1}
.ei-cadre__slide img{display:block;width:100%;height:100%;object-fit:cover}
.ei-cadre__dots{position:absolute;left:var(--ei-win-l);width:var(--ei-win-w);bottom:calc(100% - var(--ei-win-t) - var(--ei-win-h) + 1.2%);display:flex;justify-content:center;gap:6px;z-index:2}
.ei-cadre__dot{appearance:none;width:22px;height:22px;padding:0;border:0;border-radius:0;background:none;cursor:pointer;display:grid;place-items:center}
.ei-cadre__dot::before{content:"";width:7px;height:7px;transform:rotate(45deg);border:1px solid #F4EBDC;background:rgba(21,16,13,.35);box-shadow:0 0 6px rgba(0,0,0,.5);transition:background .3s}
.ei-cadre__dot[aria-current="true"]::before{background:#CDA862;border-color:#CDA862}
.ei-cadre__dot:focus-visible{outline:2px solid #CDA862;outline-offset:2px}
@media (prefers-reduced-motion:reduce){.ei-cadre__slide{transition:none}}