.op-pre{z-index:100;background:#040806;position:fixed;inset:0}html.vv-seen .op-pre{display:none}.opening{z-index:100;background:#040806;transition:opacity .9s;position:fixed;inset:0}.opening.out{opacity:0;pointer-events:none}.opening canvas{width:100%;height:100%;display:block}.op-text{pointer-events:none;place-items:center;padding-inline:16px;display:grid;position:absolute;inset:0}.op-text>*{text-align:center;opacity:0;grid-area:1/1;transition:opacity 1s,transform 1s;transform:translateY(8px)}.op-text>.on{opacity:1;transform:none}.op-line{letter-spacing:.12em;color:#eef3e8;text-shadow:0 2px 18px #000c;margin:46vh 0 0;font-size:clamp(18px,2.6vw,30px);font-weight:500}.op-brand{margin-top:-74vh}.op-brand .eb{letter-spacing:.22em;color:#eef3e8;text-shadow:0 0 30px #9be07a8c;font-size:clamp(28px,5vw,64px);display:block}.op-brand p{letter-spacing:.2em;color:var(--leaf);margin:8px 0 0;font-size:clamp(14px,1.8vw,20px)}.op-skip{right:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));color:#eef3e8;letter-spacing:.1em;background:#04080680;border:1px solid #eef3e84d;border-radius:99px;padding:6px 18px;font-size:13px;position:absolute}.op-skip:hover{border-color:var(--leaf)}@media (prefers-reduced-motion:reduce){.opening,.op-text>*{transition:none}}