.hero{background-color:#000;flex-direction:column;width:100vw;min-height:90vh;padding-top:7vh;display:flex;position:relative}.hero-video-wrapper{border-radius:0 0 16px 16px;flex-shrink:0;width:100%;height:100%;overflow:hidden}.hero-video{object-fit:cover;width:100%;height:100%;display:block}.hero-text{flex-direction:column;align-items:center;gap:2vh;padding:3vw 6vw 8vw;animation:.9s cubic-bezier(.22,1,.36,1) .2s both fadeUp;display:flex}.hero-heading{font-family:var(--font-primary);color:#fff;letter-spacing:5px;text-align:center;margin:0;font-size:8vh;line-height:1;font-weight:800!important}.hero-gradient-word{background:linear-gradient(90deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-bottom-row{flex-direction:column;align-items:center;gap:3vh;display:flex}.hero-subtitle{color:#fffc;text-align:center;max-width:36ch;margin:0;font-family:Syne,sans-serif;font-size:1.2rem;line-height:1.65}.hero-cta{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;border-radius:100px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;position:relative;overflow:hidden;box-shadow:0 0 28px #a855f74d}.hero-cta:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff26,#0000);transition:opacity .25s;position:absolute;inset:0}.hero-cta:hover{transform:translateY(-2px);box-shadow:0 0 44px #a855f773}.hero-cta:hover:before{opacity:1}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media (min-width:1024px){.hero{flex-direction:row;justify-content:center;align-items:center;gap:4vw}.hero-text{flex:1;align-items:flex-start;gap:6vh;max-width:540px;padding:6vw 6vw 8vw}.hero-heading{text-align:left;font-size:clamp(3.2rem,5vw,5.5rem)}.hero-bottom-row{align-items:flex-start;gap:6vh}.hero-subtitle{text-align:left}.hero-video-wrapper{border-radius:20px;flex:1;max-width:560px}}@media (min-width:768px) and (max-width:1023px){.hero-video{width:80%;margin-left:10%}.hero-subtitle{font-size:1.7rem}.hero-text{padding:5vw 6vw 8vw}.hero-heading{font-size:6vh}.hero-cta{padding:1rem 2rem;font-size:1.5rem}.hero-cta svg{width:30px;height:30px}}
