.opening{z-index:50;justify-content:center;align-items:center;animation:.7s 2.9s both opening-clears;display:flex;position:fixed;inset:0}:root[data-opened] .opening{display:none}.opening[data-live]{animation:none}.opening__paper{background:#fff;position:absolute;inset:0}.opening[data-live].is-clearing .opening__paper,.opening[data-live].is-clearing:not(.is-scattering) .opening__mark{opacity:0;transition:opacity .9s}.opening__mark{aspect-ratio:1;width:clamp(220px,38vw,380px);position:relative}.opening__mark video{object-fit:contain;width:100%;height:100%;transition:opacity .62s;display:block}.opening.is-scattering .opening__mark video{opacity:0}.opening.is-scattering{pointer-events:none}.opening__grain{opacity:0;pointer-events:none;width:100%;height:100%;transition:opacity .62s;position:absolute;inset:0}.opening.is-scattering .opening__grain{opacity:1}@keyframes opening-clears{0%{opacity:1;visibility:visible}99%{opacity:0;visibility:visible}to{opacity:0;visibility:hidden}}@media (prefers-reduced-motion:reduce){.opening{animation:.3s .8s both opening-clears}}.closed{z-index:50;background:#fff;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.closed__mark{aspect-ratio:1;object-fit:contain;width:clamp(220px,38vw,380px);height:auto;display:block}