.intro-overlay{position:fixed;inset:0;z-index:9999;pointer-events:auto}.intro-overlay--done{pointer-events:none}.intro-half{position:absolute;inset:0;overflow:hidden;will-change:transform;transition:transform 1s cubic-bezier(.7,0,.3,1)}.intro-half--left{clip-path:inset(0 calc(50% - .5px) 0 0)}.intro-half--right{clip-path:inset(0 0 0 calc(50% - .5px))}.intro-half--left.intro-half--open{transform:translateX(-100%)}.intro-half--right.intro-half--open{transform:translateX(100%)}.intro-half__inner{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background-color:#0a0a0a;color:#ffffff}.intro-logo{width:clamp(280px,40vw,720px);height:auto;opacity:0;transform:scale(.97);transition:opacity .8s ease-out,transform .8s ease-out;will-change:opacity,transform}.intro-logo--visible{opacity:1;transform:scale(1)}.intro-letter{opacity:1;filter:blur(0);transition:opacity .8s ease-out,filter .8s ease-out;will-change:opacity,filter}.intro-letter--hidden{opacity:0;filter:blur(4px)}.intro-o-translate{transform-box:view-box;transition:transform .8s cubic-bezier(.4,0,.2,1);will-change:transform}.intro-o-translate--centered{transform:translateX(600px) scale(.85)}.intro-o-group{transform-box:fill-box;transform-origin:center;transition:transform 1s cubic-bezier(.4,0,.2,1);will-change:transform}.intro-o-group--rotated{transform:rotate(135deg)}@media (max-width:768px){.intro-logo{width:75vw}}