/* Original vector introduction; no video, fonts or third-party runtime. */
.er-intro{border:0;padding:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;position:fixed;inset:0;margin:0;color:#eaf3f5;background:#030609;overflow:hidden;font-family:Arial,sans-serif}
.er-intro::backdrop{background:#030609}
.er-intro[open]{display:grid;place-items:center}
.er-intro:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#17303699,transparent 60%),linear-gradient(#8ac6ce08 1px,transparent 1px),linear-gradient(90deg,#8ac6ce08 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent)}
.er-intro .er-stage{position:relative;width:min(100%,1100px);text-align:center;padding:40px 20px;box-sizing:border-box}
.er-intro .er-kicker{font-size:10px;letter-spacing:.3em;color:#9bb5bb;margin:0 0 8px}
.er-intro svg{display:block;width:100%;height:min(48vh,460px);overflow:visible;filter:drop-shadow(0 0 18px #78c9d329)}
.er-intro .er-assembly{transform-origin:500px 240px;animation:er-camera 5.4s ease both}
.er-intro .er-piece{animation:er-assemble 2.4s cubic-bezier(.16,1,.3,1) both;animation-delay:var(--delay,0s)}
.er-intro .er-drawing{stroke-dasharray:1800;stroke-dashoffset:1800;animation:er-draw 2.3s .2s ease forwards}
.er-intro .er-title{font-size:clamp(28px,5.6vw,66px);font-weight:400;letter-spacing:.14em;line-height:1.15;margin:10px 0 16px;animation:er-title 1.2s 2.5s both}
.er-intro .er-title span{color:#c6a76a}
.er-intro .er-subtitle{font-size:clamp(11px,1.5vw,15px);letter-spacing:.2em;text-transform:uppercase;color:#a5bdc4;animation:er-title 1s 3s both}
.er-intro .er-skip{position:absolute;right:clamp(18px,4vw,60px);top:24px;background:transparent;border:1px solid #59747b;border-radius:24px;padding:10px 18px;color:#e8edef;cursor:pointer;font:12px Arial,sans-serif;z-index:2}
.er-intro .er-skip:hover,.er-intro .er-skip:focus-visible{border-color:#d7b879;background:#16252c;outline:2px solid #d7b879;outline-offset:3px}
.er-intro .er-bottom{position:absolute;bottom:28px;left:7%;right:7%;display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.14em;color:#82999e}
.er-intro .er-timeline{position:absolute;bottom:0;left:0;height:2px;background:#c6a76a;width:100%;transform-origin:left;animation:er-progress 5.4s linear both}
.er-intro.er-closing{opacity:0;transition:opacity .35s ease;pointer-events:none}
.er-replay{font:inherit;font-size:12px;cursor:pointer;color:inherit;background:transparent;border:1px solid currentColor;padding:7px 12px;border-radius:20px}
@keyframes er-assemble{from{transform:translate(var(--x,0px),var(--y,0px));opacity:0}to{transform:translate(0,0);opacity:1}}
@keyframes er-camera{0%{transform:scale(1.35) rotate(-9deg)}55%{transform:scale(1) rotate(0deg)}100%{transform:scale(.96)}}
@keyframes er-draw{to{stroke-dashoffset:0}}
@keyframes er-title{from{opacity:0;transform:translateY(18px);filter:blur(8px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@keyframes er-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@media(max-width:600px){.er-intro svg{height:32vh}.er-intro .er-title{letter-spacing:.08em}.er-intro .er-subtitle{letter-spacing:.1em}.er-intro .er-bottom{font-size:8px}.er-intro .er-kicker{letter-spacing:.16em}}
@media(prefers-reduced-motion:reduce){.er-intro *{animation:none!important;transition:none!important}.er-intro .er-drawing{stroke-dashoffset:0}.er-intro .er-timeline{display:none}}
