
/* Studio A Stream cinematic branding / app splash */
.sas-logo{display:flex;align-items:center;flex:0 0 auto;height:38px;width:142px;overflow:hidden}
.sas-logo img{display:block;width:142px;height:auto;max-height:38px;object-fit:contain;object-position:left center}
.sas-footer-brand img{display:block;width:min(250px,70vw);height:auto;margin-bottom:14px}
.sas-account-brand img{display:block;width:min(300px,78vw);height:auto;margin-bottom:24px}
.sas-landing-kicker img{display:block;width:min(280px,70vw);height:auto;max-height:80px;object-fit:contain;object-position:left center}
.sas-creator-brand{display:flex!important;align-items:center;gap:14px}
.sas-creator-brand img{display:block;width:180px;height:auto;max-height:55px;object-fit:contain}
.sas-app-splash{position:fixed;inset:0;z-index:2147483000;background:#000;display:flex;align-items:center;justify-content:center;opacity:1;visibility:visible;pointer-events:auto;transition:opacity .55s ease,visibility .55s ease}
.sas-app-splash.is-done{opacity:0;visibility:hidden;pointer-events:none}
.sas-splash-inner{width:min(760px,82vw);display:flex;flex-direction:column;align-items:center;gap:32px;transform:scale(.86);opacity:0;animation:sasSplashLogo 1.55s cubic-bezier(.2,.8,.2,1) .08s forwards}
.sas-splash-inner img{display:block;width:100%;height:auto;filter:drop-shadow(0 0 26px rgba(229,9,20,.18))}
.sas-splash-line{width:min(280px,52vw);height:3px;background:#242424;border-radius:99px;overflow:hidden}
.sas-splash-line span{display:block;width:0;height:100%;background:#e50914;border-radius:99px;animation:sasSplashProgress 1.45s ease .2s forwards}
@keyframes sasSplashLogo{0%{opacity:0;transform:scale(.82)}55%{opacity:1;transform:scale(1.04)}100%{opacity:1;transform:scale(1)}}
@keyframes sasSplashProgress{0%{width:0}100%{width:100%}}
@media (max-width:700px){
  .sas-logo{width:124px;height:32px}.sas-logo img{width:124px;max-height:32px}
  .sas-splash-inner{gap:24px}
  .sas-footer-brand img{width:210px}
  .sas-creator-brand img{width:150px;max-height:46px}
}
@media (prefers-reduced-motion:reduce){
  .sas-splash-inner,.sas-splash-line span{animation:none}
  .sas-splash-inner{opacity:1;transform:none}.sas-splash-line span{width:100%}
}
