body{animation:pageIn .45s ease both}.hero{isolation:isolate}.hero:after{background:linear-gradient(180deg,rgba(5,28,44,.02),rgba(5,28,44,.72)),url("assets/marine-yacht.jpg") center/cover!important;animation:yachtDrift 14s ease-in-out infinite alternate;transform-origin:center}.hero-water{display:block!important;position:absolute!important;z-index:2!important;left:47%!important;right:-8%!important;bottom:10%!important;top:auto!important;width:auto!important;height:2px!important;background:rgba(255,255,255,.55)!important;filter:none!important;border-radius:0!important;animation:waterLine 4s ease-in-out infinite}.hero-content{animation:contentEnter 1s cubic-bezier(.2,.7,.2,1) both}.hero-stat div{animation:statEnter .7s ease both}.hero-stat div:nth-child(2){animation-delay:.1s}.hero-stat div:nth-child(3){animation-delay:.2s}.hero-stat div:nth-child(4){animation-delay:.3s}.button:active{transform:translateY(0) scale(.98)}a,button{transition:color .25s,background .25s,border-color .25s,transform .25s}.pillar-grid article,.collab-grid article,.faq-item{transition:background .3s,transform .3s}.pillar-grid article:hover,.collab-grid article:hover{background:rgba(255,255,255,.45);transform:translateX(6px)}@keyframes yachtDrift{0%{background-position:48% 50%;filter:saturate(.9)}100%{background-position:54% 47%;filter:saturate(1.12)}}@keyframes waterLine{0%,100%{transform:translateY(0) skewX(-12deg);opacity:.35}50%{transform:translateY(-12px) skewX(12deg);opacity:.85}}@keyframes contentEnter{from{opacity:0;transform:translateX(-38px)}to{opacity:1;transform:none}}@keyframes statEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes pageIn{from{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}