.pt{position:fixed;inset:0;z-index:9999;display:flex;pointer-events:none;left:-1px;right:-1px;}
.pt i{flex:1;background:#131313;transform:scaleY(0);transform-origin:top;transition:transform .7s cubic-bezier(.76,0,.24,1);transition-delay:calc(var(--i) * 60ms);margin-right:-1px;box-shadow:0 0 0 1px #131313;}
.pt i:last-child{margin-right:0;}
html.pt-cover .pt i{transform:scaleY(1);transition:none;}
html.pt-leave .pt{pointer-events:all;}
html.pt-leave .pt i{transform:scaleY(1);transform-origin:bottom;}
@media(prefers-reduced-motion:reduce){.pt{display:none;}}
.pt-label{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;gap:clamp(0.75rem,1.4vw,1.25rem);color:#fff;font-family:var(--display);font-size:var(--fs-h2,clamp(2rem,4vw,3.5rem));line-height:1.1;letter-spacing:-.02em;font-weight:400;opacity:0;transition:opacity .3s ease;white-space:nowrap;}
.pt-dot{width:.2em;height:.2em;border-radius:50%;background:#fff;flex:none;}
html.pt-leave .pt-label{opacity:1;transition:opacity .35s ease .5s;}
html.pt-cover .pt-label{opacity:1;transition:none;}