/* Initial-screen loading uses the existing brand assets and measured readiness. */
html.sobati-welcome-active,html.sobati-welcome-active body{overflow:hidden!important;overscroll-behavior:none}
.sobati-welcome,.sobati-welcome::backdrop{--welcome-exit-duration:650ms;--welcome-exit-ease:cubic-bezier(.7,0,1,1)}
.sobati-welcome:not([open]){display:none}
.sobati-welcome[open]{--welcome-progress:0;--welcome-outline-offset:1000;--welcome-fill:0;position:fixed;inset:0;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;overflow:hidden;background:#240004;color:#fff;display:grid;place-items:center;outline:none}
.sobati-welcome::backdrop{background:transparent}
.sobati-welcome__image,.sobati-welcome__shade{position:absolute;inset:0;width:100%;height:100%}
.sobati-welcome__image{object-fit:cover;object-position:center}
.sobati-welcome__shade{background:rgba(0,0,0,.7)}
.sobati-welcome__copy{position:relative;display:flex;flex-direction:column;align-items:center;gap:clamp(24px,3.2vw,44px);width:100%;padding:24px;opacity:1}
.sobati-welcome__mark{position:relative;width:clamp(240px,28vw,420px);max-width:100%;aspect-ratio:1766/772}
.sobati-welcome__logo,.sobati-welcome__assembly{display:block;width:100%;height:100%;position:absolute;inset:0}
.sobati-welcome__assembly{overflow:visible;fill:none;opacity:calc(1 - var(--welcome-fill));transition:opacity 300ms ease 260ms}
.sobati-welcome__outline{fill:none;stroke:#fff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1000;stroke-dashoffset:var(--welcome-outline-offset);transition:stroke-dashoffset 300ms cubic-bezier(.2,.8,.2,1)}
.sobati-welcome__logo{opacity:var(--welcome-fill);transition:opacity 300ms ease 260ms}
.sobati-welcome__text{margin:0;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4em .65em;text-align:center;line-height:1.4}
.sobati-welcome__intro{font-family:Montserrat,sans-serif!important;font-size:clamp(18px,3.1vw,42px);font-weight:300;letter-spacing:.04em}
.sobati-welcome__name{font-family:ABNES,Montserrat,sans-serif!important;font-size:clamp(22px,3.4vw,48px);font-weight:400;font-synthesis:none;letter-spacing:0}
.sobati-welcome__progress{width:min(220px,55vw);height:2px;background:rgba(255,255,255,.18);overflow:hidden}
.sobati-welcome__progress>span{display:block;width:100%;height:100%;background:#fff;transform-origin:left center;transform:scaleX(var(--welcome-progress));transition:transform 300ms cubic-bezier(.2,.8,.2,1)}
/* Only the exit is timed. Loading itself never advances on an animation clock. */
.sobati-welcome.is-exiting{animation:sobati-welcome-exit var(--welcome-exit-duration) var(--welcome-exit-ease) both}
.sobati-welcome.is-paused,.sobati-welcome.is-paused *{animation-play-state:paused!important}
@keyframes sobati-welcome-exit{from{transform:translateY(0)}to{transform:translateY(-100%)}}
@media(max-width:767px){.sobati-welcome__mark{width:clamp(190px,62vw,280px)}.sobati-welcome__image{object-fit:contain}.sobati-welcome[open]{height:100%;height:100dvh;background:linear-gradient(90deg,#e50017 0%,#650008 25%,#580008 50%,#73000a 75%,#e9001d 100%) top/100% 50% no-repeat,#000}.sobati-welcome__copy{box-sizing:border-box;max-width:100%;padding-top:max(24px,env(safe-area-inset-top,0px));padding-bottom:max(24px,env(safe-area-inset-bottom,0px));padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.sobati-welcome__text{max-width:100%}.sobati-welcome__intro{font-size:clamp(16px,4vw,24px)}.sobati-welcome__name{font-size:clamp(20px,5.2vw,30px)}}
@media(prefers-reduced-motion:reduce){.sobati-welcome__outline,.sobati-welcome__assembly,.sobati-welcome__logo,.sobati-welcome__progress>span{transition:none!important}.sobati-welcome.is-exiting{--welcome-exit-duration:160ms;animation:sobati-welcome-fade var(--welcome-exit-duration) linear both!important}@keyframes sobati-welcome-fade{from{opacity:1}to{opacity:0}}}
