.mobile-splash{display:none}
@media(max-width:640px){
 .sfs-splash-active .mobile-splash{position:fixed;inset:0;z-index:3000;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#24262B;color:#FFFFFF;overflow:hidden;animation:splash-dismiss 250ms 1450ms ease forwards}
 .mobile-splash::before{content:"";position:absolute;inset:0;background:url('/assets/sfs-grain-white.svg');opacity:.06;pointer-events:none}
 .mobile-splash::after{content:"";position:absolute;width:35%;height:160%;background:#E32332;transform:rotate(25deg);opacity:.15;right:0;pointer-events:none}
 .mobile-splash-brand{position:relative;z-index:1;width:min(73%,300px);animation:splash-brand 650ms cubic-bezier(.2,.75,.25,1) both}
 .mobile-splash-brand img{display:block;width:100%;height:auto}
 .mobile-splash-line{height:3px;background:#E32332;margin:24px auto 0;transform-origin:left;animation:splash-line 1100ms 150ms ease both}
 .mobile-splash p{margin:17px 0 0;text-align:center;font:400 9px/1.5 Arial,sans-serif;letter-spacing:.17em;text-transform:uppercase}
 .mobile-splash button{position:absolute;z-index:2;right:20px;bottom:max(25px,env(safe-area-inset-bottom));padding:10px 15px;background:transparent;color:#FFFFFF;border:1px solid #ffffff66;border-radius:5px;font:12px Arial,sans-serif;cursor:pointer}
}
@keyframes splash-brand{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@keyframes splash-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes splash-dismiss{to{opacity:0;visibility:hidden;pointer-events:none}}
@media(prefers-reduced-motion:reduce){
 .sfs-splash-active .mobile-splash{animation:splash-dismiss 1ms 300ms forwards}
 .mobile-splash-brand,.mobile-splash-line{animation:none}
}