.gate{position:fixed;inset:0;z-index:2147483000;overflow:hidden;background:#012437;--gate-crest-y:46%;--gate-crest-gap:clamp(78px,12.5vmin,116px);--gate-crest-feather:clamp(30px,5vmin,52px)}.gate__stage{position:absolute;inset:0;perspective:1700px;perspective-origin:50% var(--gate-crest-y)}.gate__door{position:absolute;top:0;bottom:0;width:50%;overflow:hidden;backface-visibility:hidden;background:radial-gradient(110% 70% at 50% 40%,rgba(0,132,209,.35),transparent 62%),linear-gradient(158deg,#0b6ea8,#024a76 42%,#01243a);will-change:transform,filter}.gate__door--left{left:0;transform-origin:left center;box-shadow:inset 0 0 160px rgba(0,0,0,.5),inset -40px 0 90px -45px rgba(143,216,255,.85)}.gate__door--right{right:0;transform-origin:right center;box-shadow:inset 0 0 160px rgba(0,0,0,.5),inset 40px 0 90px -45px rgba(143,216,255,.85)}.gate__door:before{content:"";position:absolute;inset:-20%;background:repeating-linear-gradient(58deg,rgba(255,255,255,.045),rgba(255,255,255,.045) 1px,transparent 0,transparent 9px);opacity:.55}.gate__door:after{content:"";position:absolute;top:-40%;bottom:-40%;width:55%;background:linear-gradient(100deg,transparent,rgba(143,216,255,.14),transparent);filter:blur(22px);animation:gate-sheen 7s cubic-bezier(.45,0,.55,1) infinite}.gate__door--left:after{animation-direction:alternate}.gate__door--right:after{animation-direction:alternate-reverse}@keyframes gate-sheen{0%{transform:translateX(-60%)}to{transform:translateX(180%)}}.gate__moulding{position:absolute;inset:clamp(18px,3.5vmin,46px);border:1px solid rgba(255,255,255,.09);border-radius:2px;box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 1px 0 rgba(0,0,0,.25)}.gate__moulding:after{content:"";position:absolute;inset:clamp(10px,1.8vmin,22px);border:1px solid rgba(255,255,255,.05);border-radius:1px}.gate__crest{position:absolute;top:var(--gate-crest-y);display:flex;flex-direction:column;align-items:center;gap:clamp(14px,2.4vmin,26px);animation:gate-crest-breathe 3.4s ease-in-out infinite}.gate__door--left .gate__crest{right:0;transform:translate(50%,-50%)}.gate__door--right .gate__crest{left:0;transform:translate(-50%,-50%)}.gate__mark{display:block;width:clamp(64px,11vmin,104px);height:auto;filter:brightness(0) invert(1) drop-shadow(0 0 18px rgba(143,216,255,.5))}.gate__rule{width:clamp(150px,26vmin,280px);height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.5) 50%,transparent)}.gate__lockup{font-size:clamp(9px,1.45vmin,12.5px);font-weight:600;line-height:1;letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;white-space:nowrap;color:rgba(255,255,255,.78)}@keyframes gate-crest-breathe{0%,to{opacity:.82}50%{opacity:1}}.gate__halo{position:absolute;top:var(--gate-crest-y);width:clamp(360px,62vmin,720px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(143,216,255,.22) 0,rgba(0,105,169,.14) 38%,transparent 68%);animation:gate-halo-breathe 3.4s ease-in-out infinite;pointer-events:none}.gate__door--left .gate__halo{right:0;transform:translate(50%,-50%)}.gate__door--right .gate__halo{left:0;transform:translate(-50%,-50%)}@keyframes gate-halo-breathe{0%,to{opacity:.5}50%{opacity:1}}.gate__seamline{position:absolute;inset:0;pointer-events:none;--gate-mask:linear-gradient(to bottom,#000 0,#000 calc(var(--gate-crest-y) - var(--gate-crest-gap) - var(--gate-crest-feather)),transparent calc(var(--gate-crest-y) - var(--gate-crest-gap)),transparent calc(var(--gate-crest-y) + var(--gate-crest-gap)),#000 calc(var(--gate-crest-y) + var(--gate-crest-gap) + var(--gate-crest-feather)),#000 100%);-webkit-mask-image:var(--gate-mask);mask-image:var(--gate-mask)}.gate.is-opening .gate__seamline{-webkit-mask-image:none;mask-image:none}.gate__seam{top:0;bottom:0;width:2px;margin-left:-1px;background:linear-gradient(180deg,transparent,rgba(143,216,255,.35) 12%,rgba(255,255,255,.75) 50%,rgba(143,216,255,.35) 88%,transparent);box-shadow:0 0 12px rgba(143,216,255,.55),0 0 42px rgba(0,105,169,.45);will-change:transform,opacity}.gate__seam,.gate__spark{position:absolute;left:50%}.gate__spark{width:3px;height:24vh;margin-left:-1.5px;border-radius:999px;background:linear-gradient(180deg,transparent,rgba(255,255,255,.95),transparent);filter:blur(2px);animation:gate-spark 2.6s cubic-bezier(.5,0,.5,1) infinite}@keyframes gate-spark{0%{transform:translateY(-30vh);opacity:0}22%,74%{opacity:1}to{transform:translateY(106vh);opacity:0}}.gate__underlight{left:50%;bottom:0;width:min(80vw,900px);height:26vh;transform:translateX(-50%);background:radial-gradient(ellipse at 50% 100%,rgba(143,216,255,.28) 0,rgba(0,105,169,.12) 40%,transparent 72%);animation:gate-halo-breathe 3.4s ease-in-out infinite}.gate__underlight,.gate__wash{position:absolute;pointer-events:none}.gate__wash{inset:0;opacity:0;background:radial-gradient(circle at 50% var(--gate-crest-y),rgba(255,255,255,.85) 0,rgba(214,240,255,.35) 35%,transparent 70%)}.gate.is-opening .gate__door{animation-duration:1.25s;animation-timing-function:cubic-bezier(.45,0,.25,1);animation-fill-mode:forwards}.gate.is-opening .gate__door--left{animation-name:gate-swing-left}.gate.is-opening .gate__door--right{animation-name:gate-swing-right}@keyframes gate-swing-left{0%{transform:rotateY(0deg) translateX(0);filter:brightness(1)}12%{transform:rotateY(2.5deg) translateX(.4%);filter:brightness(1.2)}to{transform:rotateY(-58deg) translateX(-104%);filter:brightness(.5)}}@keyframes gate-swing-right{0%{transform:rotateY(0deg) translateX(0);filter:brightness(1)}12%{transform:rotateY(-2.5deg) translateX(-.4%);filter:brightness(1.2)}to{transform:rotateY(58deg) translateX(104%);filter:brightness(.5)}}.gate.is-opening .gate__seam{animation:gate-seam-flare 1.05s cubic-bezier(.3,0,.2,1) forwards}@keyframes gate-seam-flare{0%{transform:scaleX(1);opacity:1}22%{transform:scaleX(9);opacity:1}to{transform:scaleX(40);opacity:0}}.gate.is-opening .gate__spark,.gate.is-opening .gate__underlight{animation:none;opacity:0;transition:opacity .26s ease-out}.gate.is-opening .gate__crest,.gate.is-opening .gate__halo{animation:none}.gate.is-opening .gate__wash{animation:gate-wash 1.25s cubic-bezier(.4,0,.2,1) forwards}@keyframes gate-wash{0%{opacity:0}26%{opacity:.55}to{opacity:0}}.gate.is-opening{background:transparent;animation:gate-dissolve 1.35s linear forwards}@keyframes gate-dissolve{0%,90%{opacity:1}to{opacity:0;visibility:hidden}}.gate-bar{display:none;position:fixed;top:0;left:0;right:0;height:3px;z-index:2147483000;background:rgba(0,105,169,.12);overflow:hidden}.gate-bar:after{content:"";position:absolute;inset:0;width:38%;border-radius:999px;background:linear-gradient(90deg,transparent,#0069a9 45%,#8fd8ff 75%,transparent);animation:gate-bar-slide 1.1s cubic-bezier(.65,0,.35,1) infinite}@keyframes gate-bar-slide{0%{transform:translateX(-100%)}to{transform:translateX(363%)}}.gate[data-failsafe="1"]{animation:gate-failsafe .6s 5s forwards}@keyframes gate-failsafe{to{opacity:0;visibility:hidden;pointer-events:none}}@media (prefers-reduced-motion:reduce){.gate-bar:after,.gate.is-opening,.gate.is-opening .gate__door,.gate.is-opening .gate__seam,.gate.is-opening .gate__wash,.gate__crest,.gate__door:after,.gate__halo,.gate__spark,.gate__underlight{animation:none!important}.gate.is-opening{opacity:0;visibility:hidden;transition:opacity .26s ease-out,visibility 0s .26s}}