.vkb-project-cta{position:relative;z-index:1;isolation:isolate;overflow:hidden;background:#000;--galaxy-seam:var(--ink);min-height:clamp(480px,75svh,800px);display:grid;place-items:center;padding:clamp(110px,12vw,190px) var(--gutter) clamp(100px,10vw,160px);color:#fff}
.home .vkb-project-cta{--galaxy-seam:#161616}
.vkb-project-cta-copy{position:relative;z-index:2;width:100%;max-width:1120px;text-align:center;min-width:0}
.vkb-project-cta h2{font-size:clamp(36px,5.1vw,88px);line-height:1.08;letter-spacing:-.055em;max-width:22ch;margin-inline:auto;overflow-wrap:anywhere;text-wrap:balance}
.vkb-project-cta p{font-size:clamp(15px,1.2vw,19px);line-height:1.6;color:#d8dbe5;max-width:48ch;margin:26px auto 0;overflow-wrap:anywhere}
.vkb-project-cta .vkb-button{margin-top:clamp(38px,4vw,64px);background:#1a1c24;color:#fff;border:1px solid #3b3e4a;max-width:100%;white-space:normal;text-align:left}
.vkb-project-cta-button-label{min-width:0;overflow-wrap:anywhere}.vkb-project-cta .vkb-arrow{flex-shrink:0}
.vkb-galaxy{position:absolute;inset:0;width:100%;height:100%;z-index:1;overflow:hidden;pointer-events:none;contain:paint;mask-image:linear-gradient(to bottom,#000 calc(var(--galaxy-front,120%) - 16%),transparent calc(var(--galaxy-front,120%) + 16%))}
.vkb-galaxy.has-gpu{mask-image:none}.vkb-galaxy.has-gpu :is(.vkb-galaxy-image,.vkb-galaxy-atmosphere){visibility:hidden}
.vkb-galaxy-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 0;transform-origin:52% -18%;animation:vkb-galaxy-orbit 129600s linear infinite;animation-play-state:paused}
.vkb-galaxy-atmosphere{position:absolute;inset:-18% -12% 35%;background:radial-gradient(ellipse at 48% 0,rgba(122,110,182,.22),rgba(40,67,113,.1) 40%,transparent 68%);filter:blur(24px);animation:vkb-galaxy-air 160s ease-in-out infinite alternate;animation-play-state:paused;mix-blend-mode:screen}
.vkb-galaxy canvas{position:absolute;width:100%;height:100%;inset:0;visibility:hidden}.vkb-galaxy.has-gpu canvas{visibility:visible}
.vkb-galaxy[data-render-state=fallback] canvas{visibility:hidden}
.vkb-galaxy[data-render-state=running] :is(.vkb-galaxy-image,.vkb-galaxy-atmosphere){animation-play-state:running}
.vkb-project-cta::after{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(180deg,var(--galaxy-seam),rgba(0,0,0,.25) 13%,rgba(0,0,0,.3) 30%,rgba(0,0,0,.58) 55%,rgba(0,0,0,.78) 88%,#000 100%)}
.vkb-footer{position:relative;top:auto;bottom:auto;padding-top:0;background:#000}
.vkb-footer-links{padding-top:clamp(60px,6vw,100px);border-top:1px solid #24262e}
@keyframes vkb-galaxy-orbit{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes vkb-galaxy-air{from{transform:translate(-1%,-1%) scale(1)}to{transform:translate(2%,3%) scale(1.06)}}
@media(max-width:767px){.vkb-project-cta{min-height:520px;padding-block:125px 110px}.vkb-project-cta h2{font-size:clamp(34px,8.8vw,60px);max-width:18ch}.vkb-footer-links{grid-template-columns:repeat(3,minmax(0,1fr))}.vkb-footer-links :is(a,h3){overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){body:not([data-motion-override="true"]) .vkb-galaxy :is(.vkb-galaxy-image,.vkb-galaxy-atmosphere){animation:none}body:not([data-motion-override="true"]) .vkb-galaxy canvas{display:none}}
