.hn-stage{--hn-x:0;--hn-y:0}.hn-layer{will-change:transform;transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hn-slogan .hn-underline path{stroke-dasharray:1;stroke-dashoffset:0}@keyframes hn-word-in{0%{opacity:0;transform:translateY(.45em)}to{opacity:1;transform:none}}@keyframes hn-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@media (prefers-reduced-motion:no-preference){.hn-layer-1{transform:translate3d(calc(var(--hn-x) * -14px), calc(var(--hn-y) * -10px), 0)}.hn-layer-2{transform:translate3d(calc(var(--hn-x) * 22px), calc(var(--hn-y) * 16px), 0)}.hn-layer-3{transform:translate3d(calc(var(--hn-x) * 38px), calc(var(--hn-y) * 26px), 0)}.hn-word{animation:.5s cubic-bezier(.2,.8,.2,1) both hn-word-in}.hn-slogan .hn-underline path{animation:.9s ease-out .5s both hn-draw}}.hn-rail-fill{transform-origin:top}@keyframes hn-rail-grow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes hn-dot-on{0%{opacity:.35;transform:scale(.55)}to{opacity:1;transform:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.hn-road{view-timeline-name:--hn-road}.hn-rail-fill{animation:linear both hn-rail-grow;animation-timeline:--hn-road;animation-range:entry 50% exit 50%}.hn-dot{animation:linear both hn-dot-on;animation-timeline:view();animation-range:cover 30% cover 50%}}}@keyframes hn-build{0%,6%{opacity:0;transform:translateY(10px)}16%,88%{opacity:1;transform:none}to{opacity:0;transform:none}}@keyframes hn-bar{0%,6%{transform:scaleY(.12)}30%,88%{transform:scaleY(1)}to{transform:scaleY(.12)}}@keyframes hn-swatch{0%,to{transform:none}12%{transform:translateY(-8px)scale(1.08)}24%{transform:none}}@keyframes hn-rise{0%,10%{transform:translateY(2.6rem)}40%,to{transform:none}}.hn-bar{transform-origin:bottom}@media (prefers-reduced-motion:no-preference){.hn-build{animation:hn-build 7s calc(var(--i,0) * .45s) ease-out infinite both}.hn-bar{animation:hn-bar 6s calc(var(--i,0) * .18s) cubic-bezier(.2, .8, .2, 1) infinite both}.hn-swatch{animation:hn-swatch 5s calc(var(--i,0) * .5s) ease-in-out infinite}.hn-rise{animation:6s cubic-bezier(.2,.8,.2,1) infinite alternate both hn-rise}.hn-tile{transition:transform .3s,border-color .3s}.hn-tile:hover{transform:translateY(-6px)}}@keyframes hn-panel-in{0%{opacity:0;transform:translateY(14px)scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:no-preference){.hn-panel{animation:.45s cubic-bezier(.2,.8,.2,1) both hn-panel-in}}