/* Stage 1: centered 4:5 window; original 9:16 remains available, masters unchanged. */
.sequencia .service-video-demo{width:100%;max-width:480px;min-height:0;padding:20px;justify-self:center;align-self:start}
.sequencia .service-video-demo .demo-top{margin-bottom:16px}
.sequencia .service-video-demo .service-media-layout{display:flex;flex-direction:column;gap:0;align-items:stretch}
.sequencia .service-video-demo .service-film{width:100%;max-width:none;aspect-ratio:9/16;border-radius:10px;align-self:stretch;background:#f5f1e9}
.sequencia .service-video-demo .service-film.is-framed{aspect-ratio:4/5}
.sequencia .service-video-demo .service-loop{object-fit:cover;object-position:50% 50%}
.sequencia .service-video-demo .service-film.is-entire{aspect-ratio:9/16}
.sequencia .service-video-demo .service-film.is-entire .service-loop{object-fit:contain}
.service-film-tools{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:8px}
.service-film-tools button{min-height:46px;border:0;background:transparent;color:var(--v-ink);font:inherit;font-size:12px;cursor:pointer;padding:8px}
.service-film-tools .service-loop-toggle{position:static;flex-shrink:0;width:46px;border:1px solid var(--v-line);border-radius:50%;background:white}
.service-film-tools button:focus-visible,.service-examples summary:focus-visible{outline:2px solid #c24100;outline-offset:3px}
.service-examples{border-top:1px solid var(--v-line);margin-top:14px;min-width:0}
.service-examples summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;cursor:pointer;font-size:13px;list-style:none}
.service-examples summary::-webkit-details-marker{display:none}
.service-examples summary span{font-size:22px}
.service-examples[open] summary span{transform:rotate(45deg)}
.service-examples .service-demo-content{padding:4px 0 12px}
.sequencia .service-video-demo .service-demo-content .visual-stage{height:280px}
@media(max-width:1050px) and (min-width:721px){
 .sequencia .service-unit[data-kind="ai"],.sequencia .service-unit[data-kind="visual"]{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
 .sequencia .service-video-demo{padding:14px}
}
@media(max-width:720px){
 .sequencia .service-video-demo{padding:12px;max-width:420px;align-self:center}
 .sequencia .service-video-demo .demo-top{margin-bottom:12px}
}
