.hero{isolation:isolate;overflow:hidden;perspective:1200px}.hero:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#080706d9 0,#0807068a 37%,#0807061f 70%,transparent),linear-gradient(0deg,#080706b8 0,transparent 48%)}.hero:after{z-index:2;background:linear-gradient(105deg,transparent 30%,#ffd6b51f 45%,transparent 58%);width:65%;left:-80%;right:auto;animation:heroLight 7s ease-in-out infinite;mix-blend-mode:screen}@keyframes heroLight{0%,15%{transform:translateX(0)}60%,100%{transform:translateX(310%)}}
.heroVisualGrid{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(90deg,#000,transparent 78%);opacity:.45;animation:gridDrift 18s linear infinite}@keyframes gridDrift{to{background-position:80px 80px}}
.heroNoise{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}
.heroCopy{z-index:5;transition:transform .15s linear,opacity .15s linear}.hero .kicker{overflow:hidden}.hero .kicker,.hero h1,.hero p,.hero .cta{animation:heroReveal .95s cubic-bezier(.2,.8,.2,1) both}.hero h1{animation-delay:.12s}.hero p{animation-delay:.25s}.hero .cta{animation-delay:.36s}@keyframes heroReveal{from{opacity:0;transform:translateY(55px);filter:blur(8px)}to{opacity:1;transform:none;filter:blur(0)}}
.hero h1{position:relative}.hero h1 i{position:relative;display:inline-block}.hero h1 i:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:#ef8a6f;transform-origin:left;animation:drawLine 1.1s .8s both}@keyframes drawLine{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.heroChip{position:absolute;z-index:5;border:1px solid #ffffff42;background:#1111114d;backdrop-filter:blur(10px);color:#fff;border-radius:100px;padding:12px 17px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;pointer-events:none;animation:chipFloat 5s ease-in-out infinite}.heroChip.one{right:10%;top:28%}.heroChip.two{right:28%;bottom:17%;animation-delay:-2.5s}.heroChip:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef8a6f;margin-right:9px;box-shadow:0 0 0 5px #ef8a6f1f}@keyframes chipFloat{0%,100%{transform:translateY(-8px) rotate(-1deg)}50%{transform:translateY(10px) rotate(2deg)}}
.heroScrollRing{position:absolute;right:4vw;bottom:6vh;z-index:5;width:86px;height:86px;border:1px solid #ffffff48;border-radius:50%;display:grid;place-items:center}.heroScrollRing:before{content:"";position:absolute;inset:8px;border:1px dashed #ffffff55;border-radius:50%;animation:ringSpin 10s linear infinite}.heroScrollRing span{font-size:20px;animation:arrowBounce 1.6s ease-in-out infinite}@keyframes ringSpin{to{transform:rotate(360deg)}}@keyframes arrowBounce{50%{transform:translateY(5px)}}
.heroTransition{position:absolute;left:0;right:0;bottom:-1px;height:80px;z-index:6;background:#111;clip-path:polygon(0 100%,100% 100%,100% 72%,72% 72%,68% 32%,30% 32%,26% 72%,0 72%)}
@media(max-width:900px){.heroChip.one{right:5%}.heroChip.two{display:none}.heroScrollRing{right:25px}}
@media(max-width:580px){.heroVisualGrid{background-size:45px 45px}.heroChip{display:none}.heroScrollRing{width:62px;height:62px;right:18px;bottom:25px}.heroTransition{height:45px}.hero h1 i:after{bottom:-3px}}
@media(prefers-reduced-motion:reduce){.hero:after,.heroVisualGrid,.heroChip,.heroScrollRing:before{animation:none!important}}