.demo-intro{padding-block:clamp(26px,5vw,60px) 28px}.film-specs{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.film-specs span,.film-label{border:1px solid var(--line);border-radius:100px;padding:7px 13px;font-size:13px;font-weight:600}.demo-player{padding:clamp(16px,3.2vw,32px);margin-bottom:44px}.film-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:22px}.film-heading h2{margin:6px 0 0}.film-heading .eyebrow{margin:0}.film-label{flex-shrink:0;color:var(--text)}.demo-player video{display:block;width:100%;height:auto;aspect-ratio:16/9;max-height:75vh;background:#101928;border:1px solid var(--line);border-radius:18px;box-shadow:0 7px 22px #07152230}.film-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:24px}.film-actions .button{min-height:48px;display:inline-flex;align-items:center;justify-content:space-between;gap:26px}.film-actions>a:not(.button){font-size:14px}.film-note{font-size:13px;line-height:1.7}.film-transcript{margin-block:22px}.film-transcript summary,.demo-how summary{min-height:44px;cursor:pointer;padding-block:10px;font-weight:600}.film-transcript ol{padding-left:24px;line-height:1.8}.film-transcript li+li{margin-top:10px}.demo-player a{overflow-wrap:anywhere}.demo-how{max-width:860px}.demo-how>ol{line-height:1.8}.demo-how>ol>li+li{margin-top:14px}a:focus-visible,summary:focus-visible,video:focus-visible{outline:3px solid var(--accent);outline-offset:5px}@media(max-width:540px){.film-heading{align-items:flex-start;flex-direction:column}.film-actions{align-items:stretch;flex-direction:column;gap:16px}.film-label{font-size:12px}.demo-player video{border-radius:10px}.film-specs{gap:7px}.film-specs span{font-size:12px;padding:7px 10px}}