/* Curved project transition, observed from Dennis Snellenberg's portfolio. */
.project-curtain{position:fixed;inset:0;z-index:20000;pointer-events:none;visibility:hidden;color:#fff;font-family:SpaceGrotesk,Arial,sans-serif}.project-curtain-panel{position:absolute;inset:0;background:#141517;transform:translateY(110%);will-change:transform}.project-curtain-cap{position:absolute;left:0;width:100%;height:10vh;overflow:hidden;pointer-events:none}.project-curtain-cap::before{content:"";position:absolute;left:-10%;width:120%;height:200%;border-radius:50%;background:#141517}.project-curtain-top{bottom:calc(100% - 1px)}.project-curtain-top::before{top:0}.project-curtain-bottom{top:calc(100% - 1px)}.project-curtain-bottom::before{bottom:0}.project-curtain-label{position:absolute;left:8%;right:8%;top:50%;display:flex;align-items:center;justify-content:center;gap:.6em;font-size:clamp(24px,3.2vw,48px);font-weight:400;line-height:1.25;text-align:center;opacity:0;will-change:transform,opacity}.project-curtain-label::before{content:"";width:.13em;height:.13em;background:currentColor;border-radius:50%;flex-shrink:0}.project-transitioning{cursor:wait}.project-transitioning body{overflow:hidden!important}.project-transitioning .project-curtain{visibility:visible;pointer-events:auto}.project-transitioning .work-hover-preview,.project-transitioning .work-preview-cursor{visibility:hidden!important}.project-arriving .hero-header{visibility:hidden}.project-arriving main{visibility:hidden}

.project-transitioning,.project-transitioning body{overflow-anchor:none;scroll-behavior:auto!important}
.project-curtain-top{transform-origin:bottom;transform:scaleY(0)}.project-curtain-bottom{transform-origin:top;transform:scaleY(1)}
@media(max-width:540px){.project-curtain-cap{height:5vh}}