.s-film{gap:.75rem;min-width:0;margin:clamp(2rem,4vw,3.5rem) 0 0;display:grid}.s-film-frame{aspect-ratio:16/9;background:var(--s-ink);border:1px solid var(--s-ink);position:relative;overflow:hidden;box-shadow:0 30px 80px -30px #16130f73}.s-film-poster,.s-film-preview,.s-film-video{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.s-film-video{object-fit:contain;background:#000}.s-film-frame:after{content:"";pointer-events:none;background:linear-gradient(#0000 55%,#16130f73);position:absolute;inset:0}.s-film[data-mode=film] .s-film-frame:after{display:none}.s-film-play{z-index:2;background:var(--s-accent);color:#fff;font:inherit;cursor:pointer;transition:transform .25s var(--s-ease), background-color .2s var(--s-ease);border:0;align-items:center;gap:1rem;padding:.7rem 1.6rem .7rem .7rem;font-size:clamp(1.1rem,2.2vw,1.6rem);font-weight:800;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #c2410c73}.s-film-play:hover{background:var(--s-accent-deep);transform:translate(-50%,-50%)scale(1.04)}.s-film-play:focus-visible{outline-offset:4px;outline:3px solid #fff}.s-film-icon{width:clamp(3.2rem,7vw,4.6rem);height:clamp(3.2rem,7vw,4.6rem);color:var(--s-accent);background:#fff;place-items:center;display:grid}.s-film-icon svg{fill:currentColor;width:45%;height:45%;margin-left:8%}.s-film-text{text-align:left;line-height:1.1;display:grid}.s-film-text small{opacity:.88;font-variant-numeric:tabular-nums;font-size:.62em;font-weight:600}.s-film-cap{color:var(--s-muted);flex-wrap:wrap;align-items:baseline;gap:.4rem 1rem;font-size:.95rem;display:flex}.s-film-label{color:var(--s-ink);text-transform:uppercase;letter-spacing:.08em;font-size:.8rem;font-weight:800}@media (max-width:30rem){.s-film-play{gap:.6rem;padding:.5rem 1rem .5rem .5rem}}@media (prefers-reduced-motion:reduce){.s-film-play{transition:none}.s-film-play:hover{transform:translate(-50%,-50%)}}.s-hero-grid .s-film{margin-top:0}.s-hero-demo-below{max-width:46rem;margin:clamp(1.5rem,3vw,2.5rem) 0 0 auto}@media (max-width:30rem){.s-film-play{font-size:1rem}.s-film-icon{width:2.7rem;height:2.7rem}.s-film-play{top:40%}}
