.curtain{z-index:450;background:var(--ws-bg);pointer-events:none;clip-path:inset(100% 0 0);transition:clip-path .52s var(--ws-ease-inout);flex-direction:column;justify-content:center;align-items:center;gap:1.1rem;display:flex;position:fixed;inset:0}.curtain[data-phase=covering],.curtain[data-phase=covered]{clip-path:inset(0)}.curtain[data-phase=revealing]{clip-path:inset(0 0 100%);transition-duration:.62s}.curtain__label{color:var(--ws-ink);opacity:0;transition:opacity .26s var(--ws-ease) .14s, transform .38s var(--ws-ease) .14s;font-size:clamp(2.2rem,8vw,6rem);transform:translateY(18px)}.curtain[data-phase=covering] .curtain__label,.curtain[data-phase=covered] .curtain__label{opacity:1;transform:none}.curtain[data-phase=revealing] .curtain__label{opacity:0;transition-duration:.2s;transition-delay:0s;transform:translateY(-14px)}.curtain__rule{background:var(--ws-accent);transform-origin:50%;width:clamp(3rem,8vw,6rem);height:2px;transition:transform .42s var(--ws-ease) .2s;transform:scaleX(0)}.curtain[data-phase=covering] .curtain__rule,.curtain[data-phase=covered] .curtain__rule{transform:scaleX(1)}.curtain[data-phase=revealing] .curtain__rule{transition-duration:.18s;transition-delay:0s;transform:scaleX(0)}html[data-curtain-in] .curtain{clip-path:inset(0);transition:none}