.phone::after{content:"Illustrative example";position:absolute;left:50%;bottom:100%;transform:translateX(-50%);margin-bottom:10px;white-space:nowrap;font:600 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(13,15,18,.74);padding:5px 9px;border-radius:999px;pointer-events:none;z-index:3}
.ui{position:relative}
.ui::after,.phone.code::after{content:"Illustrative example";position:absolute;left:auto;right:10px;top:auto;bottom:10px;transform:none;margin:0;white-space:nowrap;font:600 9.5px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(13,15,18,.74);padding:4px 8px;border-radius:999px;pointer-events:none;z-index:3}
.ui.phoneui::after{content:none}
.illus-tag{display:inline-block;font:600 10px/1 "IBM Plex Mono",ui-monospace,monospace;letter-spacing:.08em;text-transform:uppercase;color:#fff;background:rgba(13,15,18,.74);padding:5px 9px;border-radius:999px;white-space:nowrap}
.film .stage:has(video)::after{content:"Dramatization. Actors portrayed.";position:absolute;left:14px;bottom:10px;z-index:6;font:500 11px/1.3 "Public Sans",system-ui,sans-serif;color:rgba(255,255,255,.82);text-shadow:0 1px 4px rgba(0,0,0,.65);pointer-events:none}
.drama-note{font-size:12px;line-height:1.5;opacity:.75;margin:10px 0 0}
.legal-line{flex-basis:100%;width:100%;font-size:12px;line-height:1.7;opacity:.85;margin-top:6px}
.legal-line a{white-space:nowrap}
form .consent{display:flex!important;flex-direction:row!important;gap:10px;align-items:flex-start;font-size:13px!important;font-weight:400!important;line-height:1.45;text-transform:none!important;letter-spacing:normal!important;margin:4px 0;text-align:left;cursor:pointer}
form .consent input[type=checkbox]{width:18px!important;height:18px!important;min-height:0!important;flex:0 0 18px;margin:2px 0 0!important;padding:0!important;accent-color:#0F6F6A;cursor:pointer}
form .consent input[type=checkbox]:focus-visible{outline:2px solid #0F6F6A;outline-offset:2px}
form .consent a{color:inherit;text-decoration:underline}
form .consent[data-bad]{color:#B54708}
@media (max-width:767px){footer a,.legal-line a{display:inline-block;padding:6px 0;min-height:24px}}

/* Phones: same scenes and captions, about half the swipes per film. Desktop untouched; reduced-motion keeps its own layout. */
@media (max-width:767px) and (prefers-reduced-motion:no-preference){section.film[style*="height:320vh"]{height:200vh!important}section.film[style*="height:340vh"]{height:210vh!important}section.film[style*="height:400vh"]{height:240vh!important}section.film[style*="height:420vh"]{height:250vh!important}section.film[style*="height:440vh"]{height:260vh!important}section.film[style*="height:460vh"]{height:270vh!important}section.film[style*="height:480vh"]{height:280vh!important}section.film[style*="height:500vh"]{height:290vh!important}section.film[style*="height:540vh"]{height:310vh!important}section.film[style*="height:560vh"]{height:310vh!important}section.film[style*="height:620vh"]{height:340vh!important}section.film[style*="height:640vh"]{height:350vh!important}section.film[style*="height:720vh"]{height:400vh!important}section.film[style*="height:880vh"]{height:480vh!important}section.film[style*="height:900vh"]{height:500vh!important}section.film[style*="height:3400vh"]{height:1900vh!important}#walk.walk{height:560vh!important}}
