/* Readable alternatives belong to the film, without adding copy to the portfolio sections. */
.film-fallback { position:fixed;inset:0;box-sizing:border-box;display:grid;place-content:center;gap:16px;padding:24px;overflow:auto;text-align:center;color:#eef6ff;background:#0e141d;font:400 16px/1.6 Manrope,Arial,sans-serif; }
.film-fallback h1 { margin:0;font-size:24px; }
.film-fallback p { max-width:36ch;margin:0 auto; }
.film-fallback a { color:#a9ceff;text-underline-offset:4px; }
.film-transcript-link { position:fixed;z-index:30;left:clamp(16px,4vw,48px);bottom:calc(84px + env(safe-area-inset-bottom));display:inline-flex;align-items:center;min-height:40px;padding:0 14px;border:1px solid #ffffff40;border-radius:20px;background:#0c1424cc;color:#f4f1e9;font:600 11px/1 Manrope,Arial,sans-serif;letter-spacing:.08em;text-decoration:none; }
.film-transcript-link:focus-visible,.film-fallback a:focus-visible { outline:2px solid #a9ceff;outline-offset:4px; }
.film-mounted .film-fallback { display:none; }
.film-failed .film { display:none; }
.film-failed .film-transcript-link { display:none; }
.film-export .film-transcript-link { display:none; }
/* While the Technology film plays, its link steps aside with the screen's other controls, and the pointer with them; any
   movement, tap or key brings them back (the film page's script sets film-idle). A silent loop inside a slide is a picture. */
.film-transcript-link { transition:opacity .35s ease,transform .5s cubic-bezier(.2,.8,.2,1); }
.film-idle .film-transcript-link:not(:focus-visible) { opacity:0;transform:translateY(8px);pointer-events:none; }
.film-idle,.film-idle * { cursor:none !important; }
.film-loop .film-transcript-link,.film-loop .film-fallback { display:none; }
@media (prefers-reduced-motion:reduce) { .film-transcript-link { transition:none; } }