@font-face{font-family:ELGATECEntry;src:url('/fonts/elgatec-display-regular.woff2') format('woff2');font-display:swap;font-weight:400}
#socio-transition{display:none}
html.socio-connecting,html.socio-connecting body{margin:0!important;min-height:100vh;background:#080909!important;color:#f7f3e9;color-scheme:dark}
html.socio-connecting body>:not(#socio-transition){display:none!important}
html.socio-connecting body>#socio-transition{position:fixed;inset:0;z-index:2147483647;display:flex!important;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;box-sizing:border-box;padding:32px 24px;background:radial-gradient(ellipse at 50% 74%,#342c1466,transparent 55%),linear-gradient(180deg,#080b0d,#0b0b09 62%,#090909);font:15px/1.5 Inter,system-ui,sans-serif;text-align:center}
.socio-grid-scene{position:absolute;inset:40% -55% -55%;perspective:570px;pointer-events:none;z-index:-2;opacity:.62;mask-image:linear-gradient(transparent,#000 18%,#000 74%,transparent)}
.socio-grid{position:absolute;inset:-70% -15%;background-image:linear-gradient(#d7b45b38 1px,transparent 1px),linear-gradient(90deg,#d7b45b30 1px,transparent 1px);background-size:76px 76px;transform:rotateX(63deg);transform-origin:center;animation:socio-grid-travel 12s linear infinite}
.socio-grid-glow{position:absolute;inset:0;background:radial-gradient(ellipse at center,#d4a94833,transparent 55%);animation:socio-grid-light 7s ease-in-out infinite alternate}
.socio-aura{position:absolute;width:min(650px,110vw);height:min(650px,110vw);border:1px solid #e1be6512;border-radius:50%;box-shadow:0 0 100px #e2b95508,inset 0 0 85px #e2b95505;transform:translateY(-30px);pointer-events:none;z-index:-1}
.socio-aura:after{content:'';position:absolute;inset:45px;border:1px solid #e1be650a;border-radius:50%}
.socio-transition-content{position:relative;width:min(470px,100%);padding:32px 24px 38px;box-sizing:border-box;animation:socio-content-in .6s ease-out both}
.socio-wordmark{display:flex;justify-content:center;font:400 clamp(32px,5vw,49px)/1.2 ELGATECEntry,sans-serif;letter-spacing:.025em;text-shadow:0 3px 35px #000;color:#f1f2f3}
.socio-wordmark span:last-child{color:#efd17e}
.socio-eyebrow{font-size:9px;letter-spacing:.4em;color:#c6ad74;margin:16px 0 30px;font-weight:500}
.socio-orbit{position:relative;width:76px;height:76px;margin:0 auto 30px;display:grid;place-items:center}
.socio-orbit:before,.socio-orbit:after{content:'';position:absolute;border-radius:50%}
.socio-orbit:before{inset:0;border:1px solid #debb5d22}
.socio-orbit:after{inset:8px;border:1px solid #debb5d12}
.socio-orbit i{position:absolute;inset:0;border:1px solid transparent;border-top-color:#ebcf8b;border-right-color:#a77f2c55;border-radius:50%;animation:socio-orbit-turn 2.8s linear infinite;filter:drop-shadow(0 0 5px #d9b35d44)}
.socio-orbit b{position:absolute;inset:12px;border:1px solid transparent;border-bottom-color:#aa883b77;border-radius:50%;animation:socio-orbit-turn 5.2s linear infinite reverse}
.socio-orbit span{font:300 31px/1 system-ui;color:#e9ce88;animation:socio-arrow-glow 3s ease-in-out infinite}
#socio-transition h1{font-size:clamp(23px,3vw,30px);font-weight:400;line-height:1.2;letter-spacing:-.025em;color:#f7f4ec;margin:0 0 13px}
#socio-transition p{font-size:13px;line-height:1.7;font-weight:400;color:#a9a89e;margin:0 auto;max-width:355px}
.socio-progress{height:1px;position:relative;overflow:hidden;background:#dcb76022;width:160px;margin:29px auto 0}
.socio-progress i{position:absolute;height:1px;width:55%;background:linear-gradient(90deg,transparent,#f0d99c,transparent);animation:socio-progress-sweep 2.4s ease-in-out infinite}
#socio-transition nav{display:flex;justify-content:center;gap:12px;margin:26px -4px 0;flex-wrap:wrap}
#socio-transition nav[hidden]{display:none}
#socio-transition a{font-size:12px;color:#e6cb85;border:1px solid #c9a24e4d;border-radius:6px;padding:10px 16px;text-decoration:none;background:#17170fa6;transition:border-color .2s,background .2s}
#socio-transition a:hover{border-color:#f1cf79;background:#252216}
#socio-transition a:focus-visible{outline:2px solid #f1cf79;outline-offset:4px}
#socio-transition[aria-busy=false] .socio-orbit i,#socio-transition[aria-busy=false] .socio-progress i{animation-play-state:paused}
.socio-transition-foot{position:absolute;bottom:max(32px,env(safe-area-inset-bottom));left:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:10px;font-size:8px;letter-spacing:.22em;color:#958769}
.socio-transition-foot span{height:3px;width:3px;border-radius:50%;background:#c8a75a;box-shadow:0 0 10px #d8b85499}
@keyframes socio-grid-travel{from{background-position:0 0;transform:rotateX(63deg) translateY(0)}to{background-position:0 76px;transform:rotateX(63deg) translateY(0)}}
@keyframes socio-grid-light{from{opacity:.4;transform:translateX(-9%)}to{opacity:1;transform:translateX(9%)}}
@keyframes socio-orbit-turn{to{transform:rotate(360deg)}}
@keyframes socio-arrow-glow{50%{opacity:.55;transform:translate(2px,-2px)}}
@keyframes socio-progress-sweep{from{transform:translateX(-110%)}to{transform:translateX(300%)}}
@keyframes socio-content-in{from{opacity:1;transform:translateY(7px)}to{opacity:1;transform:none}}
@media(max-width:600px){.socio-grid-scene{inset:42% -125% -50%;perspective:380px}.socio-grid{background-size:60px 60px}.socio-transition-content{padding:22px 12px}.socio-transition-foot{font-size:7px;bottom:28px}.socio-eyebrow{letter-spacing:.32em}.socio-aura{width:420px;height:420px}}
@media(prefers-reduced-motion:reduce){#socio-transition *{animation:none!important;transition:none!important}.socio-grid{transform:rotateX(63deg)}.socio-progress i{left:23%}.socio-transition-content{opacity:1}}