/* The supplied film remains 16:9 and uncropped. All covers have independent CSS failsafes. */
html.tx-intro-pending::after{content:'';position:fixed;inset:0;z-index:1000;background:#faf7f2;pointer-events:none;animation:tx-intro-release .01s 3s forwards}
.tx-intro{position:fixed;inset:0;width:100%;height:100%;height:100dvh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#faf7f2;color:#25221f;overflow:hidden;opacity:1;transition:opacity .7s ease;animation:tx-intro-release .01s 14s forwards}
.tx-intro::backdrop{background:#faf7f2;transition:opacity .7s ease;animation:tx-intro-release .01s 14s forwards}
.tx-intro.is-leaving,.tx-intro.is-leaving::backdrop{opacity:0;pointer-events:none}
.tx-intro video{display:block;width:100%;height:100%;object-fit:contain}
.tx-intro-skip{position:absolute;right:max(22px,env(safe-area-inset-right));bottom:max(22px,env(safe-area-inset-bottom));min-height:48px;padding:10px 22px;border:1px solid #25221f;border-radius:3px;background:#25221f;color:#fff;font:600 16px/1.4 system-ui,sans-serif;cursor:pointer}
.tx-intro-skip:focus-visible{outline:3px solid #a8481f;outline-offset:4px}
.intro-replay{padding:4px 0;border:0;background:none;color:inherit;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
@keyframes tx-intro-release{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){html.tx-intro-pending::after,.tx-intro{display:none}.tx-intro,.tx-intro::backdrop{transition:none}}
