.power-film{position:relative;z-index:5;height:220svh;background:#fff9e9;isolation:isolate}
.power-film-pin{position:fixed;top:0;left:0;width:100%;height:100svh;overflow:hidden;visibility:hidden;opacity:0}
.power-film video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.power-film-white{position:absolute;inset:0;background:#fff9e9;pointer-events:none}
.power-film-cloud{position:absolute;top:-15%;width:90%;height:130%;pointer-events:none}
.power-film-cloud::before{content:"";position:absolute;inset:0;background:url('../assets/gallery/cloud-mist.svg') center/100% 100% no-repeat}
.power-film-cloud-right::before{transform:scaleX(-1)}
.power-film-cloud-left{left:-25%}.power-film-cloud-right{right:-25%}
.power-film-toggle{position:absolute;right:6vw;bottom:7vh;background:#173b43a6;color:#fff9e9;border:1px solid #fff9e980;padding:10px 18px;font:inherit;cursor:pointer;opacity:0}
.power-film-toggle:focus-visible{outline:2px solid #fff9e9;outline-offset:4px}
@media(max-width:700px){.power-film-toggle{bottom:13vh}}
@media(prefers-reduced-motion:reduce){.power-film{height:100svh}.power-film-pin{position:relative;visibility:visible;opacity:1}.power-film-cloud,.power-film-white{display:none}.power-film-toggle{opacity:1!important}}