/* Actual-page posters paint independently of case HTML, scripts and fonts. */
.project-preview [data-case-poster]{background-size:cover;background-position:center top;background-repeat:no-repeat}
.project-preview img.case-poster{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center top}
.project-preview img.case-poster[hidden]{display:none!important}
.project-cover-link:active .project-open,[data-case-opening] .project-open{background:#0a1b4d;color:#fff;transform:none;transition:none}
.case-navigation-status{position:fixed;z-index:1000;left:50%;bottom:24px;transform:translateX(-50%);margin:0;padding:12px 20px;border-radius:4px;background:#0a1b4d;color:white;font:600 15px/1.6 system-ui,'Microsoft JhengHei',sans-serif;box-shadow:0 4px 18px #0a1b4d26;pointer-events:none}
.case-navigation-status[hidden]{display:none!important}
@media(max-width:700px){.case-navigation-status{bottom:calc(18px + env(safe-area-inset-bottom))}}