/* Occasional overlays and repeated controls: feedback without moving editorial content. */
:root{--native-ease-out:cubic-bezier(0.23,1,0.32,1)}
:where(button,.archive-return,.motion-toggle,.archive-motion,.dialog-close,.film-close,.prev-btn,.next-btn,.slick-arrow){transition:opacity 160ms ease,transform 160ms var(--native-ease-out)}
@media(hover:hover) and (pointer:fine){:where(button,.archive-return,.prev-btn,.next-btn,.slick-arrow):hover{opacity:.86}}
:where(.motion-toggle,.archive-motion,.archive-dialog button,.archive-film-dialog button,.archive-image-paging button):active{transform:scale(.97)}
dialog{opacity:0;transform:scale(.96);transition:opacity 200ms var(--native-ease-out),transform 200ms var(--native-ease-out),display 200ms allow-discrete,overlay 200ms allow-discrete}
dialog[open]{opacity:1;transform:none}
dialog::backdrop{opacity:0;transition:opacity 200ms var(--native-ease-out),display 200ms allow-discrete,overlay 200ms allow-discrete}
dialog[open]::backdrop{opacity:1}
/* Healing Bobby keeps its edge-to-edge film takeover; only the fade changes. */
dialog.film-overtake{transform:none}
@starting-style{dialog[open]{opacity:0;transform:scale(.96)}dialog.film-overtake[open]{transform:none}dialog[open]::backdrop{opacity:0}}
@media(prefers-reduced-motion:reduce){
 dialog,dialog.film-overtake{transform:none!important;transition:opacity 100ms ease,display 100ms allow-discrete,overlay 100ms allow-discrete!important}
 dialog::backdrop{transition:opacity 100ms ease,display 100ms allow-discrete,overlay 100ms allow-discrete!important}
 :where(button,.archive-return,.motion-toggle,.archive-motion,.prev-btn,.next-btn,.slick-arrow){transition:opacity 100ms ease!important}
 :where(.motion-toggle,.archive-motion,.archive-dialog button,.archive-film-dialog button,.archive-image-paging button):active{transform:none}
}
html[data-native-input=keyboard] :is(dialog,button,.archive-return,.popup,.content,.content>div,.big_slide>figure){transition:none!important;animation:none!important}
html[data-native-input=keyboard] dialog::backdrop{transition:none!important}
