.t24 .demo-film{background:var(--canvas);border-bottom:1px solid var(--line);padding-block:clamp(36px,4vw,56px)}.t24 .demo-film-layout{grid-template-columns:minmax(0,.7fr) minmax(0,1fr);align-items:center;gap:clamp(24px,2.5vw,36px);display:grid}.t24 .demo-film-copy{justify-items:start;gap:16px;display:grid}.t24 .demo-film-copy h2,.t24 .demo-film-copy p{margin:0}.t24 .demo-film-copy .lead{max-width:38ch}.t24 .demo-film-actions{flex-wrap:wrap;align-items:center;gap:12px 20px;margin-top:4px;display:flex}.t24 .demo-film-media{min-width:0;margin:0}.t24 .demo-film-media video{aspect-ratio:16/9;border:1px solid var(--line);border-radius:var(--radius-lg);background:var(--graphite-900);width:100%;height:auto;box-shadow:var(--shadow),var(--edge);display:block}.t24 .demo-film-media video:focus-visible{outline:3px solid var(--accent-text);outline-offset:4px}.t24 .demo-film-media video::cue{color:#f4f4f5;background-color:#111317;font-size:clamp(12px,1.4vw,20px)}.t24 .demo-film-media video:fullscreen::cue{font-size:clamp(20px,2vw,40px)}.t24 .demo-film-media video::-webkit-media-controls-panel{background-image:none}@media (min-width:640px){.t24 .demo-film-media video::-webkit-media-controls-timeline{transform:translateY(8px)}}@media (max-width:1023px){.t24 .demo-film-layout{grid-template-columns:minmax(0,1fr);gap:24px}}@media (max-width:639px){.t24 .demo-film-actions{flex-direction:column;align-items:flex-start}.t24 .demo-film-media video{border-radius:var(--radius)}}
/*# sourceMappingURL=6fa4f5b5388741a2.css.map*/