.imagefilm{position:relative}.imagefilm.is-dark-section{background:#0a0a0a}.imagefilm__frame{position:relative;width:100%;aspect-ratio:16/9;max-height:88vh;overflow:hidden}.imagefilm__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.imagefilm__scrim{position:absolute;inset:0;background:linear-gradient(180deg, rgba(10, 10, 10, 0.25) 0%, rgba(10, 10, 10, 0) 40%, rgba(10, 10, 10, 0.45) 100%);transition:opacity .6s ease;pointer-events:none}.imagefilm__play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:6rem;height:6rem;border-radius:9999px;border:1px solid hsla(0,0%,100%,.6);background:rgba(10,10,10,.28);backdrop-filter:blur(4px);color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .4s ease,transform .5s cubic-bezier(0.16, 1, 0.3, 1),opacity .5s ease}.imagefilm__play:hover{background:hsla(0,0%,100%,.16);color:#fff;transform:translate(-50%, -50%) scale(1.06)}.imagefilm__play-icon{display:block;width:0;height:0;border-style:solid;border-width:.75rem 0 .75rem 1.25rem;border-color:rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0) #fff;margin-left:.25rem}.imagefilm__sound{position:absolute;right:2.5rem;bottom:2.5rem;height:2.75rem;padding:0 1.25rem;border-radius:0;border:1px solid hsla(0,0%,100%,.5);background:rgba(10,10,10,.3);backdrop-filter:blur(4px);color:#fff;font-family:inherit;font-size:.8125rem;letter-spacing:.02em;cursor:pointer;opacity:0;pointer-events:none;transition:opacity .5s ease,background .4s ease}.imagefilm__sound:hover{background:hsla(0,0%,100%,.16);color:#fff}.imagefilm__frame.is-sound .imagefilm__play{opacity:0;pointer-events:none}.imagefilm__frame.is-sound .imagefilm__scrim{opacity:0}.imagefilm__frame.is-sound .imagefilm__sound{opacity:1;pointer-events:auto}@media(max-width: 767px){.imagefilm__play{width:4rem;height:4rem}.imagefilm__play-icon{border-width:.5rem 0 .5rem .875rem}.imagefilm__sound{right:1.25rem;bottom:1.25rem}}