.site-intro{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 42%,#33302b 0,#151719 45%,#090b0e 100%);color:#fff;isolation:isolate;transition:opacity .42s ease,visibility .42s ease}
.site-intro.is-leaving{opacity:0;visibility:hidden;pointer-events:none}
.site-intro:before,.site-intro:after{content:"";position:absolute;width:48vw;height:48vw;min-width:360px;min-height:360px;border-radius:50%;filter:blur(90px);opacity:.15;pointer-events:none}
.site-intro:before{background:#e32636;left:-20vw;top:-24vw}.site-intro:after{background:#d49b3d;right:-18vw;bottom:-24vw}
.intro-orbit{position:absolute;left:50%;top:48%;width:min(72vw,650px);aspect-ratio:1;border:1px solid rgba(212,155,61,.18);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none}
.intro-orbit-one{animation:intro-turn 12s linear infinite}.intro-orbit-one:before{content:"";position:absolute;top:10%;left:12%;width:8px;height:8px;border-radius:50%;background:#d49b3d;box-shadow:0 0 20px #d49b3d}
.intro-orbit-two{width:min(90vw,810px);border-color:rgba(255,255,255,.08);animation:intro-turn 18s linear infinite reverse}
.intro-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:min(84vw,460px);text-align:center;animation:intro-rise .65s ease both}
.intro-kicker{color:#e0ad5a;font-size:12px;font-weight:800;letter-spacing:.42em;margin:0 0 22px}
.intro-emblem{display:block;width:min(76vw,330px);height:auto;padding:12px;background:#fff;border-radius:18px;box-shadow:0 24px 70px rgba(0,0,0,.42)}
.intro-motto{font-size:clamp(17px,3vw,25px);font-style:italic;font-weight:900;letter-spacing:.13em;margin:28px 0 22px}
.intro-progress{width:min(64vw,260px);height:3px;background:rgba(255,255,255,.16);border-radius:3px;overflow:hidden}.intro-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#d71f2e,#dba749);transform-origin:left;animation:intro-fill 4.2s ease-out forwards}
.intro-skip{position:absolute;z-index:2;right:clamp(20px,4vw,56px);bottom:clamp(20px,4vw,45px);border:1px solid rgba(255,255,255,.35);background:rgba(255,255,255,.07);color:#fff;padding:12px 18px;border-radius:999px;font:inherit;font-size:13px;font-weight:700;cursor:pointer}.intro-skip:hover,.intro-skip:focus-visible{background:#fff;color:#151719;outline:none}.intro-skip span{margin-left:8px}
@keyframes intro-turn{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes intro-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes intro-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-height:600px){.intro-emblem{width:min(38vh,220px)}.intro-kicker{margin-bottom:10px}.intro-motto{margin:12px 0}.intro-orbit{top:50%}}
@media(prefers-reduced-motion:reduce){.site-intro,.intro-content,.intro-orbit,.intro-progress span{animation:none!important;transition:none!important}}