.ointro{--ointro-ink:#050506;--ointro-paper:#f6f8fa;--h:clamp(30px, 7.4cqw, 76px);z-index:40;background:var(--ointro-ink);color:var(--ointro-paper);cursor:pointer;opacity:1;place-items:center;display:grid;position:absolute;inset:0;overflow:hidden;container-type:size}.ointro[data-leaving]{opacity:0;pointer-events:none;transition:opacity .35s ease-out}.ointro[data-waiting]{opacity:0;visibility:hidden;pointer-events:none}.ointro-video{object-fit:contain;background:var(--ointro-ink);pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.ointro canvas{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}@keyframes ointro-grain{0%{transform:translate(0)}20%{transform:translate(-7%,4%)}40%{transform:translate(5%,-6%)}60%{transform:translate(-3%,7%)}80%{transform:translate(6%,2%)}}