.enter{z-index:85;background-color:var(--primary);color:var(--on-slab);text-align:center;place-items:center;padding:40px;display:grid;position:fixed;inset:0;overflow:hidden}.enter.in{animation:enter-in .24s var(--ease-out) both}.enter.out{animation:.5s cubic-bezier(.5,0,.75,0) both enter-out}@keyframes enter-in{0%{clip-path:polygon(0 0,0 0,-30% 100%,0 100%)}to{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}}@keyframes enter-out{0%{clip-path:polygon(0 0,130% 0,100% 100%,0 100%)}to{clip-path:polygon(130% 0,130% 0,100% 100%,100% 100%)}}.enter-in{justify-items:center;gap:14px;max-width:min(1100px,92vw);display:grid;position:relative}.enter h2{text-wrap:balance;font-size:clamp(38px,6.4vw,104px);line-height:.96}.enter h2 span{animation:enter-word .6s var(--ease-out) both;animation-delay:calc(var(--k,0) * 90ms);margin:0 .12em;display:inline-block}.enter p{opacity:.9;animation:enter-word .55s var(--ease-out) both;font-size:clamp(15px,1.4vw,19px);font-weight:600;animation-delay:.28s}.enter:is(.in,.kept) :is(h2 span,.enter-in p){animation:none}.enter.in .enter-st{display:none}@keyframes enter-word{0%{opacity:0;transform:translateY(34px)}}.enter .enter-load{letter-spacing:.01em;opacity:.92;justify-content:center;align-items:center;gap:12px;font-size:15px;font-weight:600;animation:none;display:flex;position:absolute;bottom:clamp(28px,7vh,64px);left:0;right:0}.enter-load .veil-bars{gap:5px;display:flex}.enter-load .veil-bars i{background:var(--on-slab);width:22px;height:7px;animation:1.05s ease-in-out infinite veil;transform:skew(-28deg)}.enter-load .veil-bars i:nth-child(2){animation-delay:.16s}.enter-load .veil-bars i:nth-child(3){animation-delay:.32s}@keyframes veil{0%,to{opacity:.16}40%{opacity:1}}.enter-st{pointer-events:none;position:absolute;inset:0}.enter-st i{width:clamp(18px,2vw,30px);animation:enter-drop .85s var(--ease-out) both;animation-delay:calc(var(--k) * .1s + .1s);position:absolute;top:-8%;transform:skew(-17deg)translateY(-125%)}@keyframes enter-drop{to{transform:skew(-17deg)}}.enter-st i:first-child{--k:0;background:color-mix(in srgb, var(--on-slab) 22%, transparent);height:34%;right:7vw}.enter-st i:nth-child(2){--k:1;background:var(--slab-lit);height:25%;right:10.5vw}.enter-st i:nth-child(3){--k:2;background:color-mix(in srgb, var(--primary) 55%, black);height:16%;right:14vw}.enter-st i:nth-child(n+4){top:auto;bottom:-8%;transform:skew(-17deg)translateY(125%)}.enter-st i:nth-child(4){--k:3;background:color-mix(in srgb, var(--primary) 55%, black);height:30%;left:7vw}.enter-st i:nth-child(5){--k:4;background:var(--slab-lit);height:19%;left:10.5vw}.enter.calm,.enter.calm *{animation:none!important}.enter.calm .enter-st i{transform:skew(-17deg)}
