.vx-entrance{
  --vx-progress:0;--vx-pointer-x:0px;--vx-pointer-y:0px;
  position:relative;isolation:isolate;height:min(1000px,calc(100svh - 88px));min-height:800px;max-height:1100px;
  overflow:hidden;background:var(--kt-bg);color:var(--kt-text);perspective:1200px;
}
.vx-entrance :where(h1,p){margin:0}
.vx-environment{position:absolute;z-index:-1;inset:0;overflow:hidden;pointer-events:none}
.vx-image{position:absolute;inset:0;overflow:hidden}
.vx-image>img{display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:65% 45%;transform:translate3d(var(--vx-pointer-x),calc(var(--vx-pointer-y) - var(--vx-progress)*36px),0) scale(calc(1.04 + var(--vx-progress)*.08));transition:transform 650ms var(--kt-ease)}
.vx-image--back{z-index:0;opacity:.78}
.vx-image--back::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,7,11,.24),transparent 30%,transparent 85%,rgba(8,7,11,.3)),linear-gradient(180deg,rgba(8,7,11,.35),transparent 30%)}
.vx-image--front{z-index:3;mask-image:radial-gradient(ellipse 34% 49% at 73% 45%,#000 35%,rgba(0,0,0,.98) 59%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 34% 49% at 73% 45%,#000 35%,rgba(0,0,0,.98) 59%,transparent 83%)}
.vx-light{position:absolute;z-index:1;border-radius:50%;mix-blend-mode:screen;pointer-events:none}
.vx-light--one{width:950px;height:950px;right:-290px;top:-310px;background:radial-gradient(ellipse,rgba(139,68,255,.17),rgba(139,68,255,.06) 39%,transparent 67%);animation:vx-illumination 10s ease-in-out infinite alternate}
.vx-light--two{width:700px;height:500px;left:5%;bottom:-230px;background:radial-gradient(ellipse,rgba(183,133,255,.12),rgba(139,68,255,.025) 44%,transparent 70%);animation:vx-illumination 13s ease-in-out -5s infinite alternate-reverse}
.vx-orbit{position:absolute;z-index:2;left:70%;top:45%;width:min(74vw,1000px);aspect-ratio:1;transform:translate3d(calc(-50% + var(--vx-pointer-x)*-.5),calc(-50% + var(--vx-pointer-y)*-.5),0) rotate(calc(-8deg + var(--vx-progress)*18deg));opacity:.8;transition:transform 850ms var(--kt-ease)}
.vx-orbit>svg{display:block;width:100%;height:100%;overflow:visible;stroke:url(#vx-orbit-gradient);stroke-width:.7}
.vx-orbit__outer{opacity:.42}.vx-orbit__inner{opacity:.15}.vx-orbit__ellipse{opacity:.36}
.vx-orbit__aperture{opacity:.25;stroke-width:.65}
.vx-orbit__arc{stroke-width:2;opacity:.85;filter:drop-shadow(0 0 9px rgba(183,133,255,.4));animation:vx-orbit-light 7s ease-in-out infinite alternate}
.vx-orbit__ticks{stroke:var(--kt-accent);stroke-width:1;opacity:.4}
.vx-entrance-sculpture{position:absolute;z-index:2;left:50%;top:14%;width:max-content;font:700 clamp(80px,26vw,400px)/.9 var(--kt-font-display);letter-spacing:-.09em;color:var(--kt-text);background:linear-gradient(160deg,var(--kt-text) 10%,rgba(245,241,248,.86) 30%,var(--kt-accent) 52%,rgba(139,68,255,.09) 72%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;transform:translate3d(calc(-50% + var(--vx-pointer-x)*-.9),calc(var(--vx-pointer-y)*-.9 - var(--vx-progress)*70px),0) perspective(900px) rotateX(7deg) rotateY(-8deg);opacity:.82;transition:transform 850ms var(--kt-ease);text-shadow:0 30px 90px rgba(139,68,255,.08)}
.vx-vignette{position:absolute;z-index:4;inset:0;background:linear-gradient(180deg,rgba(8,7,11,.16),transparent 19%,transparent 47%,rgba(8,7,11,.54) 70%,rgba(8,7,11,.95) 96%),radial-gradient(ellipse at 50% 45%,transparent 35%,rgba(8,7,11,.32) 100%)}
.vx-kicker{position:absolute;z-index:5;top:30px;left:50%;display:flex;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 40px);transform:translateX(-50%);color:var(--kt-text);font:500 10px/1.6 var(--kt-font-body);letter-spacing:.14em;text-align:center}
.vx-kicker>span{display:block;flex:0 0 auto;width:6px;height:6px;border:1px solid var(--kt-accent);border-radius:50%;box-shadow:0 0 14px rgba(183,133,255,.35)}
.vx-fragment{position:absolute;z-index:5;display:flex;align-items:center;gap:16px;min-height:90px;padding:19px 25px;border:1px solid rgba(183,133,255,.22);border-radius:18px;background:linear-gradient(135deg,rgba(245,241,248,.055),rgba(18,16,22,.55));box-shadow:0 24px 64px rgba(0,0,0,.28),inset 0 1px rgba(245,241,248,.06);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);pointer-events:none}
.vx-fragment>svg{width:43px;height:43px;stroke:var(--kt-accent);stroke-width:.8}
.vx-fragment>span:last-child{color:var(--kt-muted);font:400 9px/1.8 var(--kt-font-body);letter-spacing:.04em}
.vx-fragment strong{font-size:11px;font-weight:500;color:var(--kt-text);letter-spacing:.03em}
.vx-fragment--left{left:10%;top:42%;transform:translate3d(calc(var(--vx-pointer-x)*-1.3),calc(var(--vx-pointer-y)*-1.3 - var(--vx-progress)*48px),0) rotate(-8deg);transition:transform 750ms var(--kt-ease)}
.vx-fragment--right{right:5%;top:57%;transform:translate3d(calc(var(--vx-pointer-x)*-1.1),calc(var(--vx-pointer-y)*-1.1 + var(--vx-progress)*25px),0) rotate(7deg);transition:transform 750ms var(--kt-ease)}
.vx-fragment__layers{position:relative;display:block;width:43px;height:43px;flex:0 0 auto}
.vx-fragment__layers>i{position:absolute;left:6px;top:5px;width:31px;height:22px;border:1px solid var(--kt-accent);border-radius:3px;background:rgba(139,68,255,.07);transform:rotate(-30deg) skewX(25deg)}
.vx-fragment__layers>i:nth-child(2){top:12px;opacity:.6}.vx-fragment__layers>i:nth-child(3){top:19px;opacity:.3}
.vx-entrance-access{position:absolute;z-index:6;left:50%;bottom:92px;display:flex;align-items:center;flex-direction:column;width:min(650px,calc(100% - 40px));transform:translateX(-50%);text-align:center}
.vx-entrance-access__glyph{width:42px;height:23px;margin-bottom:17px;color:var(--kt-accent)}
.vx-entrance-access__glyph>svg{display:block;width:100%;height:100%;stroke:currentColor;stroke-width:.8;filter:drop-shadow(0 0 7px rgba(183,133,255,.3))}
.vx-entrance-access h1{font:500 clamp(36px,3.2vw,48px)/1.08 var(--kt-font-display);letter-spacing:-.055em;color:var(--kt-text);text-wrap:balance}
.vx-entrance-access h1>em{font-style:normal;color:var(--kt-accent)}
.vx-entrance-access>p{margin-top:16px;color:var(--kt-muted);font:400 12px/1.8 var(--kt-font-body);text-wrap:balance}
.vx-entrance-access__actions{display:flex;align-items:center;justify-content:center;gap:25px;margin-top:25px}
.vx-entrance-enter{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:space-between;gap:29px;min-height:62px;padding:8px 8px 8px 26px;border:1px solid rgba(183,133,255,.7);border-radius:40px;background:linear-gradient(120deg,rgba(183,133,255,.14),rgba(18,16,22,.9));box-shadow:0 0 0 5px rgba(183,133,255,.035),0 6px 36px rgba(139,68,255,.14),inset 0 1px rgba(245,241,248,.08);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--kt-text);font:500 13px/1.5 var(--kt-font-body);text-decoration:none;transition:border-color var(--kt-duration-feedback) var(--kt-ease-in-out),box-shadow var(--kt-duration-feedback) var(--kt-ease-in-out)}
.vx-entrance-enter::before{content:"";position:absolute;z-index:-1;inset:-12px;border:1px solid rgba(183,133,255,.12);border-radius:45px;opacity:0;pointer-events:none;transition:opacity var(--kt-duration-feedback) var(--kt-ease-in-out)}
.vx-entrance-enter__arrow{display:flex;align-items:center;justify-content:center;flex:0 0 auto;width:44px;height:44px;border-radius:50%;background:var(--kt-accent);color:var(--kt-bg);box-shadow:0 0 22px rgba(183,133,255,.2);transition:background-color var(--kt-duration-feedback) var(--kt-ease-in-out)}
.vx-entrance-enter__arrow>svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.4}
.vx-entrance-enter:hover{border-color:var(--kt-accent);box-shadow:0 0 0 5px rgba(183,133,255,.055),0 6px 42px rgba(139,68,255,.2)}
.vx-entrance-enter:hover::before{opacity:1}
.vx-entrance-enter:hover .vx-entrance-enter__arrow{background:var(--kt-text)}
.vx-account{display:flex;flex-direction:column;justify-content:center;gap:4px;min-height:48px;color:var(--kt-muted);font:400 10px/1.6 var(--kt-font-body);text-align:left;text-decoration:none}
.vx-account>span{display:inline-flex;align-items:center;gap:13px;color:var(--kt-text);font-size:11px;transition:color var(--kt-duration-feedback) var(--kt-ease-in-out)}
.vx-account>span>span{color:var(--kt-accent);font-size:15px}
.vx-account:hover>span{color:var(--kt-accent)}
.vx-discover{position:absolute;z-index:6;bottom:17px;left:50%;display:flex;align-items:center;flex-direction:column;justify-content:center;gap:9px;min-height:48px;transform:translateX(-50%);color:var(--kt-muted);font:400 9px/1.4 var(--kt-font-body);text-decoration:none}
.vx-discover>svg{display:block;width:12px;height:20px;stroke:var(--kt-accent);stroke-width:1}
.vx-discover:hover{color:var(--kt-text)}
.vx-entrance.is-paused .vx-light,.vx-entrance.is-paused .vx-orbit__arc{animation-play-state:paused}
@keyframes vx-illumination{from{opacity:.55;transform:translate3d(-12px,8px,0) scale(.96)}to{opacity:.9;transform:translate3d(12px,-8px,0) scale(1.04)}}
@keyframes vx-orbit-light{from{opacity:.4}to{opacity:.85}}
@media(min-width:1700px){.vx-image>img{object-position:65% 42%}.vx-entrance-sculpture{top:12%}.vx-orbit{width:1050px}.vx-fragment--left{left:16%}.vx-fragment--right{right:10%}}
@media(max-width:1100px){.vx-entrance{min-height:800px}.vx-entrance-sculpture{top:16%}.vx-fragment{min-height:76px;padding:15px 20px;gap:12px}.vx-fragment--left{left:5%;top:42%}.vx-fragment--right{right:3%;top:55%}.vx-fragment>svg,.vx-fragment__layers{width:35px;height:35px}.vx-fragment strong{font-size:10px}.vx-fragment>span:last-child{font-size:8px}.vx-orbit{width:95vw}.vx-entrance-access{bottom:92px}.vx-entrance-access h1{font-size:42px}}
@media(max-width:960px){.vx-entrance{height:min(900px,calc(100svh - 76px));min-height:800px}.vx-image>img{object-position:74% 45%}.vx-image--front{mask-image:radial-gradient(ellipse 45% 48% at 65% 42%,#000 35%,rgba(0,0,0,.98) 59%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 45% 48% at 65% 42%,#000 35%,rgba(0,0,0,.98) 59%,transparent 83%)}.vx-entrance-sculpture{top:17%}.vx-orbit{left:65%;top:42%;width:110vw}.vx-fragment--left{left:3%;top:38%;transform:rotate(-9deg)}.vx-fragment--right{top:54%;right:-15px;transform:rotate(8deg)}.vx-entrance-access h1{font-size:40px}.vx-light--one{width:780px;height:780px;right:-260px;top:-250px}}
@media(max-width:640px){
 .vx-entrance{height:min(850px,calc(100svh - 70px));min-height:800px;max-height:850px}
 .vx-kicker{top:27px;gap:9px;font-size:8px;letter-spacing:.13em}
 .vx-image>img{object-position:77% 39%;transform:translate3d(0,calc(var(--vx-progress)*-20px),0) scale(calc(1.04 + var(--vx-progress)*.04))}
 .vx-image--back{opacity:.85}.vx-image--front{mask-image:radial-gradient(ellipse 65% 39% at 53% 35%,#000 32%,rgba(0,0,0,.98) 57%,transparent 83%);-webkit-mask-image:radial-gradient(ellipse 65% 39% at 53% 35%,#000 32%,rgba(0,0,0,.98) 57%,transparent 83%)}
 .vx-entrance-sculpture{top:13%;letter-spacing:-.105em;opacity:.85;transform:translate3d(-50%,calc(var(--vx-progress)*-35px),0) perspective(900px) rotateY(-8deg)}
 .vx-orbit{left:58%;top:34%;width:165vw;max-width:none;opacity:.7;transform:translate3d(-50%,-50%,0) rotate(calc(-8deg + var(--vx-progress)*12deg))}
 .vx-vignette{background:linear-gradient(180deg,rgba(8,7,11,.1),transparent 17%,transparent 37%,rgba(8,7,11,.64) 58%,rgba(8,7,11,.96) 83%),radial-gradient(ellipse at 53% 35%,transparent 34%,rgba(8,7,11,.27) 100%)}
 .vx-light--one{width:620px;height:620px;right:-300px;top:-170px}.vx-light--two{left:-100px;bottom:-200px;width:580px;height:500px}
 .vx-fragment{border-radius:13px;min-height:66px;padding:11px 14px;gap:10px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
 .vx-fragment--left{left:-18px;top:35%;transform:rotate(-10deg);opacity:.85}.vx-fragment--right{right:-22px;top:49%;transform:rotate(9deg);opacity:.8}
 .vx-fragment>svg{width:30px;height:30px}.vx-fragment>span:last-child{font-size:7px;line-height:1.8}.vx-fragment strong{font-size:8px}.vx-fragment__layers{transform:scale(.75);width:31px;height:31px}
 .vx-entrance-access{bottom:88px;width:calc(100% - 40px)}.vx-entrance-access__glyph{width:37px;height:20px;margin-bottom:17px}.vx-entrance-access h1{font-size:33px;line-height:1.08;letter-spacing:-.055em;white-space:nowrap}.vx-entrance-access>p{font-size:11px;line-height:1.85;margin-top:15px;letter-spacing:-.01em}
 .vx-entrance-access__actions{flex-direction:column;gap:12px;margin-top:24px}.vx-entrance-enter{min-height:61px;padding:8px 8px 8px 27px;gap:35px;font-size:13px}.vx-entrance-enter__arrow{width:43px;height:43px}.vx-account{flex-direction:row;align-items:center;gap:8px;font-size:10px;min-height:40px;text-align:center}.vx-account>span{font-size:10px;gap:7px}.vx-account>span>span{font-size:13px}
 .vx-discover{font-size:8px;bottom:17px;gap:8px}.vx-discover>svg{height:17px}
}
@media(max-width:360px){.vx-entrance-access h1{font-size:29px}.vx-entrance-access>p{font-size:10px}.vx-kicker{font-size:7px}.vx-fragment--right{right:-35px}.vx-fragment--left{left:-30px}.vx-account{font-size:9px}.vx-account>span{font-size:9px}}
@supports not (backdrop-filter:blur(1px)){.vx-fragment,.vx-entrance-enter{background:var(--kt-panel)}}
@media(prefers-reduced-motion:reduce){.vx-light,.vx-orbit__arc{animation:none}.vx-image>img{transform:scale(1.04)}.vx-entrance-sculpture{transform:translateX(-50%) perspective(900px) rotateX(7deg) rotateY(-8deg)}.vx-orbit{transform:translate(-50%,-50%) rotate(-8deg)}.vx-fragment--left{transform:rotate(-8deg)}.vx-fragment--right{transform:rotate(7deg)}.vx-entrance-access{transform:translateX(-50%)}.vx-entrance-enter:hover .vx-entrance-enter__arrow,.vx-account:hover>span>span,.vx-discover:hover>svg{transform:none}.vx-entrance-enter::before{display:none}}