.diver{position:relative;z-index:2}.diver.is-fixed .diver__diver-image{height:100%;left:0;position:fixed;top:0;width:100%}.diver.add-mask:not(.is-complete){--mask:0}.diver.add-mask:not(.is-complete) .diver__diver-image{mask:radial-gradient(var(--mask),transparent calc(var(--mask) - .1rem),#000);width:100%}.diver.is-complete .diver__diver-image{display:none}.diver.is-complete .diver__end-image{opacity:1}.diver__diver-image{background:var(--background);height:100vh;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:2}.diver__diver-image img,.diver__diver-image video{margin:0 auto}.diver__diver-image video{clip-path:polygon(.2rem .2rem,.2rem calc(100% - .2rem),calc(100% - .2rem) calc(100% - .2rem),calc(100% - .2rem) .2rem);margin:0 auto;min-height:100vh;mix-blend-mode:multiply;object-fit:cover;pointer-events:none;width:100%}.diver__end-image{background:var(--background);margin:0 auto;max-width:100rem;opacity:0;transition:all .4s;width:80%}@media (width >= 48em){.diver__end-image{width:60%}}.diver__end-image img,.diver__end-image video{margin:0 auto;max-height:100vh}.diver__end-image video{clip-path:polygon(.2rem .2rem,.2rem calc(100% - .2rem),calc(100% - .2rem) calc(100% - .2rem),calc(100% - .2rem) .2rem);mix-blend-mode:multiply;pointer-events:none}