/* No persistent badge: reveal only while interacting. */
.image-button{isolation:isolate;touch-action:pan-y;}
.image-button::after{content:'';position:absolute;inset:0;background:#fff;opacity:0;transition:opacity .22s ease;pointer-events:none;z-index:1;}
.image-button .image-link{position:absolute;inset:0;width:100%;height:100%;display:grid;place-items:center;background:transparent;color:#fff;font-family:var(--sans);font-size:clamp(22px,3vw,38px);font-weight:400;font-style:normal;letter-spacing:.22em;line-height:1;text-indent:.22em;text-shadow:0 1px 12px #0003;opacity:0;transform:none;transition:opacity .22s ease;pointer-events:none;z-index:2;}
.image-button:hover img{transform:none;}
.image-button:hover .image-link{opacity:0;transform:none;}
.image-button.is-touching::after,.image-button:focus-visible::after{opacity:.2;}
.image-button.is-touching .image-link,.image-button:focus-visible .image-link{opacity:1;}
@media(hover:hover) and (pointer:fine){.image-button:hover::after{opacity:.2;}.image-button:hover .image-link{opacity:1;}}
@media(prefers-reduced-motion:reduce){.image-button::after,.image-button .image-link{transition:none;}}