/* v2: opening splash (first visit per session) */
#splash{position:fixed;inset:0;z-index:100;background:var(--primer);overflow:hidden;cursor:pointer;will-change:transform}
#splash canvas{position:absolute;inset:0;width:100%;height:100%}
#splash .sp-tape{position:absolute;left:0;right:0;height:var(--th);top:var(--ty);background:var(--tape);transform-origin:0 50%;transform:scaleX(0);
 clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
#splash .sp-tape i{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 5px)}
#splash .sp-mark{position:absolute;left:0;right:0;top:var(--my);display:flex;justify-content:center;align-items:center;gap:.5em;color:var(--paper);font-size:var(--ms);opacity:0;transform:translateY(.25em)}
#splash .sp-mark b{font:700 1em/1 var(--serif);letter-spacing:-.03em}
#splash .sp-mark span{font:500 .58em/1 var(--sans);opacity:.8}
#splash .sp-mark .chip{width:.5em;height:.66em}
#splash .skip{position:absolute;right:18px;bottom:calc(16px + env(safe-area-inset-bottom));font:500 14px/1 var(--sans);color:var(--ink2);background:none;border:0;padding:10px;opacity:.75}
#splash.go-mark .sp-mark{opacity:1;transform:none;transition:opacity .5s var(--ease),transform .6s var(--ease)}
#splash.tape-on .sp-tape{transform:scaleX(1);transition:transform .5s cubic-bezier(.6,.05,.3,1)}
#splash.tape-off .sp-tape{transform:translate(105%,-30%) rotate(-4deg);transition:transform .7s cubic-bezier(.55,0,.75,.2)}
#splash.leave{transform:translateY(-100%);transition:transform .75s cubic-bezier(.7,0,.25,1)}
html.splash-lock,html.splash-lock body{overflow:hidden}

.has-splash .hero-copy .l1,.has-splash .mh-copy .l1{animation-delay:4.35s}.has-splash .hero-copy .l2,.has-splash .mh-copy .l2{animation-delay:4.48s}
.has-splash .hero-copy .lede,.has-splash .mh-copy .lede{animation-delay:4.66s}.has-splash .hero-copy .ctas,.has-splash .mh-copy .ctas{animation-delay:4.78s}.has-splash .hero-copy .proof,.has-splash .mh-copy .proof{animation-delay:4.9s}
.has-splash .mh-copy .l1{animation-delay:3.95s}.has-splash .mh-copy .l2{animation-delay:4.08s}.has-splash .mh-copy .lede{animation-delay:4.24s}.has-splash .mh-copy .ctas{animation-delay:4.36s}.has-splash .mh-copy .proof{animation-delay:4.48s}

#splash .sp-mark .chip{box-shadow:inset 0 0 0 1.5px rgba(246,244,240,.55)}