/* The movie stays fixed while page content scrolls in either direction. */
body{isolation:isolate}
.office-sequence{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:var(--bg);contain:strict;--office-dim:.845}
.office-sequence::after{content:"";position:absolute;inset:0;z-index:2;background:oklch(.125 .028 264);opacity:var(--office-dim);pointer-events:none}
.office-frame{position:absolute;inset:0;display:block;width:100%;height:100%;margin:0;max-width:none}
.office-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}
.office-frame[hidden]{display:none}
.office-video{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;opacity:0;pointer-events:none}
.office-sequence.is-playing .office-video{opacity:1}
body>.hero,body>#valor,body>#time,body>#faq,body>footer{position:relative;z-index:1}
body>.hero,body>.sec,#lotes,#inscricao,body>footer{background:transparent}
@media(max-width:1023px){.office-sequence{--office-dim:.884}}
@media(max-width:719px){.office-sequence{--office-dim:.91}}