.hero{overflow:hidden}.hero__atmosphere{z-index:0;pointer-events:none;perspective:900px;perspective-origin:50% 30%;position:absolute;inset:-20% -10% -5%}.hero__orb{filter:blur(48px);opacity:.28;mix-blend-mode:multiply;will-change:transform;border-radius:50%;position:absolute}.hero__orb--1{background:radial-gradient(circle at 40% 40%,#5a8ac8a6 0%,#5b3d7a33 55%,#0000 70%);width:min(22rem,80vw);height:min(22rem,80vw);animation:16s ease-in-out infinite orb-float-a;top:5%;left:-8%}.hero__orb--2{background:radial-gradient(circle at 60%,#6b4d9e80 0%,#3d6a9e26 50%,#0000 70%);width:min(16rem,60vw);height:min(16rem,60vw);animation:20s ease-in-out 1.2s infinite orb-float-b;top:35%;right:-5%}@keyframes orb-float-a{0%,to{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate3d(3%,4%,12px)scale(1.04)rotate(4deg)}}@keyframes orb-float-b{0%,to{transform:translate(0,0)scale(1)rotate(0)}50%{transform:translate3d(-4%,2%,-8px)scale(1.07)rotate(-5deg)}}.hero__inner{z-index:2;position:relative}.hero:before{z-index:1}@media (prefers-reduced-motion:no-preference){.motion-hero-in{animation:.7s ease-out both rise-in}.hero__eyebrow.motion-hero-in{animation-delay:80ms}.hero__title.motion-hero-in{animation-delay:.12s}.hero__lead.motion-hero-in{animation-delay:.2s}}@keyframes rise-in{0%{opacity:0;transform:translateY(.5rem)}to{opacity:1;transform:translate(0,0)}}@media (prefers-reduced-motion:no-preference){.motion-header{animation:.55s ease-out both header-in}}@keyframes header-in{0%{opacity:0;transform:translateY(-.4rem)}to{opacity:1;transform:translate(0,0)}}.reveal{--reveal-y:.65rem;--reveal-d:.55s;transition:opacity var(--reveal-d) ease-out, transform var(--reveal-d) ease-out}html.with-motion .reveal:not(.is-visible){opacity:0;transform:translate3d(0, var(--reveal-y), 0)}html.with-motion .reveal.is-visible{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:no-preference){.nav a{transition:color .15s,border-color .15s,transform .18s}.nav a:hover{transform:translateY(-1px)}.site-footer .footer-logo{animation:7s ease-in-out infinite footer-logo-breathe}}@keyframes footer-logo-breathe{0%,to{transform:translate(0,0)}50%{transform:translateY(-2px)}}.brand--tilt .brand__mark{transform-style:preserve-3d;transform:perspective(720px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .1s ease-out}@media (prefers-reduced-motion:reduce){.hero__atmosphere,.hero__orb{display:none}.motion-hero-in,.motion-header{animation:none!important}.brand--tilt .brand__mark{transform:none}.site-footer .footer-logo{animation:none!important}html.with-motion .reveal{opacity:1!important;transform:none!important}}