html.welcome-active{overflow:hidden}
#welcome-screen{position:fixed;inset:0;z-index:2147483000;display:grid;place-items:center;background:#fff;opacity:1;transition:opacity .38s ease;isolation:isolate}
#welcome-screen .welcome-mark{position:relative;width:clamp(230px,65vw,420px);aspect-ratio:1;animation:welcome-reveal .9s ease both}
#welcome-screen .welcome-mark::after{content:"";position:absolute;inset:0;mask:url('/brand/iyad-smoom-transparent.png') center/contain no-repeat;-webkit-mask:url('/brand/iyad-smoom-transparent.png') center/contain no-repeat;background:linear-gradient(110deg,transparent 40%,#fff8d3 49%,#ffdc82 50%,transparent 60%);background-size:350% 100%;opacity:0;mix-blend-mode:screen;pointer-events:none;animation:welcome-gold-sweep 3s ease both}
#welcome-screen img{display:block;width:100%;height:100%;object-fit:contain}
#welcome-screen.welcome-leaving{opacity:0;pointer-events:none}
@keyframes welcome-reveal{from{opacity:0}to{opacity:1}}
@keyframes welcome-gold-sweep{0%,28%{opacity:0;background-position:100% 0}32%{opacity:.8}70%{opacity:.8;background-position:0% 0}76%,100%{opacity:0;background-position:0% 0}}
@media(prefers-reduced-motion:reduce){#welcome-screen{display:none}.welcome-mark{animation:none!important}}