.wire-opening{position:fixed;inset:0;z-index:99999;display:grid;place-items:center;background:radial-gradient(ellipse at 50% 42%,#214a60 0,#102c40 45%,#081923 100%);color:#eaf2f4;overflow:hidden;transition:opacity .6s,visibility .6s}.wire-opening.leaving{opacity:0;visibility:hidden;pointer-events:none}.wire-opening-content{width:min(800px,95vw);text-align:center}.wire-opening-logo{width:100px;height:85px;object-fit:contain;filter:drop-shadow(0 8px 18px #0005)}.wire-opening .opening-kicker{font-size:10px;letter-spacing:.32em;color:#9fc4cf;margin:12px 0 0}.wire-opening svg{width:100%;height:auto;max-height:43vh;overflow:visible}.wire-opening h2{font-size:clamp(27px,4vw,43px);font-weight:400;letter-spacing:-.03em;margin:0 0 12px;color:#edf4f5}.wire-opening p{font-size:12px;color:#a7bec8;letter-spacing:.04em}.wire-opening-skip{position:absolute;right:28px;top:25px;border:1px solid #6b899a;background:transparent;color:#c6d9e1;padding:10px 16px;cursor:pointer;font-size:11px;letter-spacing:.08em}.coil-wire{fill:none;stroke:url(#wire-silver);stroke-width:3.2;stroke-dasharray:1100;stroke-dashoffset:1100;animation:wind-wire 1.7s cubic-bezier(.2,.65,.3,1) forwards;animation-delay:var(--delay)}.coil-group{transform-origin:400px 205px;animation:coil-settle 4.6s ease-in-out both}.coil-shadow{transform-origin:center;animation:shadow-grow 2s ease both}.binding-strap{fill:none;stroke:#248c77;stroke-width:9;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:650;stroke-dashoffset:650;animation:bind-coil 1s ease-in-out forwards;animation-delay:var(--delay);filter:drop-shadow(1px 2px 1px #031b22)}.strap-highlight{stroke:#77c8a3;stroke-width:1.5;opacity:.7}.binding-lock{fill:#a3bab4;stroke:#d6e5dd;opacity:0;animation:lock-coil .3s ease forwards;animation-delay:3.5s}.coil-glint{fill:url(#glint);opacity:0;animation:coil-glint 1.3s 3.3s ease both}.opening-progress{height:1px;background:#315364;width:140px;margin:26px auto 0;overflow:hidden}.opening-progress:after{content:'';display:block;background:#a3cbd5;height:100%;transform-origin:left;animation:opening-progress 5s linear both}@keyframes wind-wire{to{stroke-dashoffset:0}}@keyframes bind-coil{to{stroke-dashoffset:0}}@keyframes lock-coil{to{opacity:1}}@keyframes coil-settle{0%{transform:translateY(18px) rotate(-5deg) scale(.88)}45%{transform:translateY(-3px) rotate(1deg) scale(1)}75%,100%{transform:translateY(0) rotate(0) scale(1)}}@keyframes shadow-grow{from{opacity:0;transform:scaleX(.7)}to{opacity:1;transform:scaleX(1)}}@keyframes coil-glint{0%,100%{opacity:0}40%{opacity:.65}}@keyframes opening-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@media(prefers-reduced-motion:reduce){.wire-opening{display:none}}

.flowing-wire path{fill:none;stroke-linecap:round;stroke-linejoin:round}.flowing-wire .wire-depth{stroke:#071720;stroke-width:9;transform:translate(0,3px);opacity:.7}.flowing-wire .wire-body{stroke:url(#wire-silver);stroke-width:6}.flowing-wire .wire-light{stroke:#eaf8ff;stroke-width:1.3;transform:translate(0,-1.5px);opacity:.8}.wire-tip{filter:drop-shadow(0 0 7px #c9efff)}.wire-opening-logo{width:145px;height:105px}.wire-opening .opening-kicker{font-size:9px;letter-spacing:.23em}

.opening-logo-stage{position:relative;width:300px;height:190px;margin:0 auto 8px;perspective:850px;overflow:hidden;isolation:isolate;animation:opening-logo-arrive 1s cubic-bezier(.2,.7,.2,1) both}.opening-logo-stage:before{content:'';position:absolute;inset:12% 10%;border-radius:50%;background:radial-gradient(ellipse,#69bce92b,transparent 70%);animation:opening-logo-halo 4.6s ease both;z-index:-1}.wire-opening .wire-opening-logo{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 18px #0006);animation:opening-logo-turn 4.5s ease-in-out both;transform-origin:50% 55%}.opening-logo-gleam{position:absolute;inset:0;background:linear-gradient(110deg,transparent 37%,#c8f3ff66 49%,transparent 61%);mix-blend-mode:screen;clip-path:polygon(10% 5%,90% 5%,90% 94%,10% 94%);transform:translateX(-130%);animation:opening-logo-shine 3.6s .55s ease-in-out both;pointer-events:none}.wire-opening svg{max-height:34vh}.wire-opening .opening-kicker{margin:4px 0 0}.wire-opening h2{font-size:clamp(27px,3.5vw,39px)}@keyframes opening-logo-arrive{from{opacity:0;transform:translateY(18px) scale(.75)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes opening-logo-turn{0%{transform:rotateY(-25deg) rotateZ(-3deg) scale(.93)}30%{transform:rotateY(15deg) rotateZ(1deg) scale(1.04)}65%{transform:rotateY(-10deg) rotateZ(-1deg) scale(1.01)}100%{transform:rotateY(0) rotateZ(0) scale(1)}}@keyframes opening-logo-shine{0%,10%{transform:translateX(-130%);opacity:0}25%{opacity:.8}50%{transform:translateX(130%);opacity:0}65%{transform:translateX(-130%);opacity:0}75%{opacity:.5}100%{transform:translateX(130%);opacity:0}}@keyframes opening-logo-halo{0%{opacity:0;transform:scale(.6)}50%{opacity:1;transform:scale(1.15)}100%{opacity:.6;transform:scale(1)}}@media(max-width:640px){.opening-logo-stage{width:250px;height:170px}.wire-opening svg{max-height:30vh}.wire-opening-content{width:95vw}}@media(max-height:650px){.opening-logo-stage{width:210px;height:130px}.wire-opening svg{max-height:29vh}.opening-progress{margin-top:12px}}

/* Large introductory ALUEX logo above the strand tagline. */
.wire-opening .opening-logo-stage{width:min(460px,88vw);height:290px;margin:0 auto 4px;overflow:visible}.wire-opening .wire-opening-logo{object-fit:contain;animation:opening-logo-turn-large 4.7s ease-in-out both}.wire-opening .opening-logo-gleam{inset:0 9%;overflow:hidden}.wire-opening .opening-kicker{padding:0 18px;line-height:1.8;white-space:normal}.wire-opening svg{max-height:29vh}.wire-opening .opening-progress{margin-top:18px}@keyframes opening-logo-turn-large{0%{opacity:0;transform:translateY(20px) rotateY(-35deg) rotateZ(-5deg) scale(.8)}20%{opacity:1;transform:translateY(-5px) rotateY(20deg) rotateZ(2deg) scale(1.06)}47%{opacity:1;transform:translateY(2px) rotateY(-18deg) rotateZ(-2deg) scale(1.02)}72%{opacity:1;transform:translateY(-3px) rotateY(12deg) rotateZ(1deg) scale(1.04)}100%{opacity:1;transform:translateY(0) rotateY(0) rotateZ(0) scale(1)}}@media(max-width:640px){.wire-opening .opening-logo-stage{width:330px;max-width:90vw;height:235px}.wire-opening svg{max-height:26vh}.wire-opening .opening-kicker{font-size:8px;letter-spacing:.17em}.wire-opening h2{font-size:28px}}@media(max-height:650px){.wire-opening .opening-logo-stage{height:165px;width:270px}.wire-opening svg{max-height:25vh}}
