/* Shared three-panel reveal for content imagery. The shutter is added by JS,
   so pages remain fully visible when scripts are unavailable. */
.image-reveal-target{position:relative}
.image-reveal-shutter{position:absolute;inset:0;z-index:2;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,1fr);pointer-events:none;overflow:hidden}
.image-reveal-shutter i{display:block;background:var(--navy);transform:scaleX(1);transform-origin:right;transition:transform 1s cubic-bezier(.22,.61,.36,1)}
.image-reveal-shutter i:nth-child(2){background:var(--silver);transition-delay:.2s}
.image-reveal-shutter i:nth-child(3){transition-delay:.4s}
.image-reveal-shutter.revealed i{transform:scaleX(0)}
.icon-reveal{opacity:0;transition:opacity .7s ease-out}
.icon-reveal.revealed{opacity:1}
/* The administration illustration has intentional breathing room around its
   image; keep the shutter over the artwork and away from that padding/rings. */
.admin-illustration>.image-reveal-shutter{inset:0 45px}
@media(prefers-reduced-motion:reduce){.image-reveal-shutter{display:none}.icon-reveal{opacity:1;transition:none}}
@media(max-width:760px){.admin-illustration>.image-reveal-shutter{inset:0}}