.loading-screen{box-sizing:border-box;position:fixed;inset:0;z-index:10000;color:#29163e;background-color:#f6f3fa;font-family:"DM Sans",sans-serif;transition:opacity .28s ease;background:#f6f3fa url(/brand/loading/background.webp) center/cover no-repeat;min-height:100svh;display:grid;align-items:center;padding:50px 5vw;overflow:hidden}
.loading-screen .loading-layout{width:min(100%,1320px,calc((100svh - 100px)*1.43));margin:auto;display:grid;grid-template-columns:53% 47%;align-items:center;gap:0}
.loading-screen .cabinet-stage{position:relative;width:100%;}
.loading-screen .cabinet{display:block;width:112%;margin-left:-5%;height:auto;filter:drop-shadow(0 18px 16px #54307715);animation:startup-lights 3.6s ease-in-out infinite}
.loading-screen .loading-copy{padding:0 0 0 48px;}
.loading-screen .loading-title{font-family:'Space Grotesk',sans-serif;font-size:clamp(40px,min(7.9vw,12vh),116px);white-space:nowrap;letter-spacing:-.055em;line-height:1.02;margin:0;font-weight:700}
.loading-screen .loading-title span{color:#7040a4}
.loading-screen p{font-size:clamp(22px,2.35vw,36px);color:#7c5b9c;line-height:1.4;margin:24px 0 0}
@property --startup-lit {syntax:'<percentage>';inherits:false;initial-value:24%;}
.loading-screen .panel-charge{position:absolute;left:-5%;top:0;width:112%;height:100%;pointer-events:none}
.loading-screen .panel-charge img{display:block;width:100%;height:100%;filter:brightness(.28) sepia(1) saturate(1.6) hue-rotate(220deg);clip-path:polygon(27.7% 61.9%,85.2% 61.7%,86.4% 62.3%,89.1% 66.4%,90.8% 69.9%,91.3% 72%,90.8% 73.3%,87.4% 73.5%,31.9% 74.6%,30.6% 73.8%,30.3% 70.5%,29.1% 66.1%,26.9% 62.9%);mask-image:linear-gradient(to right,transparent calc(var(--startup-lit,24%) - 2%),#000 calc(var(--startup-lit,24%) + 2%));transition:--startup-lit .65s ease}

 .loading-screen .sparkle{position:absolute;stroke:#ffcc5b;width:28px;height:28px;opacity:0;animation:startup-twinkle 3.6s ease-in-out infinite}
.loading-screen .sparkle-one{left:71%;top:35%}.loading-screen .sparkle-two{left:22%;top:14%;animation-delay:1.8s;width:18px;height:18px}

@keyframes startup-lights{0%,100%{filter:drop-shadow(0 18px 16px #54307715) brightness(1)}50%{filter:drop-shadow(0 18px 20px #e9b45422) brightness(1.035)}}

@keyframes startup-twinkle{0%,20%,65%,100%{transform:scale(.3) rotate(-12deg);opacity:0}40%{transform:scale(1) rotate(0deg);opacity:1}52%{transform:scale(.85) rotate(10deg);opacity:.7}}

@keyframes startup-arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.loading-screen{position:fixed;inset:0;z-index:10000;color:#29163e;background-color:#f6f3fa;font-family:"DM Sans",sans-serif;transition:opacity .28s ease;padding:35px 20px}.loading-screen .loading-layout{grid-template-columns:1fr;max-width:400px;gap:20px}.loading-screen .cabinet-stage{width:86%;margin:auto}.loading-screen .loading-copy{text-align:center;padding:0}.loading-screen .loading-title{font-size:46px;letter-spacing:-.055em}.loading-screen p{font-size:21px;margin-top:14px} .loading-screen .sparkle{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.loading-screen *,.loading-screen *::before,.loading-screen *::after{animation:none!important;transition:none!important} .loading-screen .sparkle{display:none}.loading-screen .panel-charge img{display:none}}

.loading-screen.is-ready{opacity:0;pointer-events:none}
.loading-screen *{box-sizing:border-box}
.loading-screen[hidden]{display:none}
@media(max-height:550px) and (min-width:701px){.loading-screen{padding:16px 7vw}.loading-screen .loading-layout{width:min(100%,900px,calc((100svh - 32px)*1.43));max-width:900px}.loading-screen .cabinet-stage{width:75%;margin:auto}.loading-screen .loading-title{font-size:clamp(32px,min(7vw,12vh),75px)}}