#loader{position:fixed;inset:0;z-index:400;overflow:hidden;pointer-events:none;display:none}
#loader.on{display:block;animation:lbail .4s 10s forwards}
@keyframes lbail{to{opacity:0;visibility:hidden}}
.lpane{position:absolute;inset:0;background:var(--ball-500);z-index:2;will-change:transform}
 
.lpane.lp-b{display:none}
 
.lboard{position:absolute;left:50%;top:44%;transform:translate(-50%,-50%);z-index:3;text-align:center;white-space:nowrap;
  font-family:'Clash Display','Clash Fallback',sans-serif;font-weight:700;letter-spacing:-.02em;line-height:1;
  font-size:clamp(64px,min(24.9vw,42vh),376px);color:var(--iron-800);perspective:1800px}
.lboard .flap{position:relative;height:1em;margin:0 auto;transform-style:preserve-3d}
.lboard .h{position:absolute;left:0;right:0;height:50%;overflow:hidden;background:var(--ball-500);
  backface-visibility:hidden;-webkit-backface-visibility:hidden;font-weight:inherit;font-style:normal}
 
.lboard s{text-decoration:none}
.lboard .h s{position:absolute;left:0;right:0;top:0;height:1em;line-height:1;display:block;text-align:center}
.lboard .top{top:0}.lboard .bot{top:50%}.lboard .bot s{top:-.5em}
 
.lboard .seam{position:absolute;left:-.04em;right:-.04em;top:50%;height:2px;margin-top:-1px;background:var(--ball-600);z-index:3;opacity:.9;transform:translateZ(2px)}
 
.lboard .fl{transform-origin:50% 100%;z-index:2;transform:translateZ(1px)}
.lboard .fl2{transform-origin:50% 0;z-index:2;transform:translateZ(1px) rotateX(90deg)}
@media(prefers-reduced-motion:reduce){#loader{display:none}}