@keyframes hn-about-timeline-in{0%{opacity:0;transform:translateY(1.4rem)}to{opacity:1;transform:translateY(0)}}.hn-about-timeline{position:relative;background:var(--hn-dark-glow);color:#fff;overflow:hidden}.hn-about-timeline__inner{width:100%;max-width:132rem;margin:0 auto;padding:0 2rem}@media screen and (min-width:750px){.hn-about-timeline__inner{padding:0 4rem}}@media screen and (min-width:990px){.hn-about-timeline__inner{padding:0 6rem}}.hn-about-timeline__header{max-width:72rem;margin:0 0 5.6rem}.hn-about-timeline__heading{margin:0;text-wrap:balance}.hn-about-timeline__subheading{margin:1.2rem 0 0;font-family:var(--hn-font-body);font-size:clamp(1.5rem,1.1vw,1.7rem);line-height:1.6;color:#ffffffb8;max-width:56rem}.hn-about-timeline__rail{position:relative;list-style:none;margin:0;padding:0;display:grid;gap:4rem}.hn-about-timeline__rail:before{content:"";position:absolute;left:1.1rem;top:.6rem;bottom:.6rem;width:2px;background:var(--hn-red)}.hn-about-timeline__milestone{position:relative;padding-left:4rem;animation:hn-about-timeline-in .6s ease both;animation-delay:calc(var(--milestone-i, 0) * .08s)}.hn-about-timeline__node{position:absolute;left:.4rem;top:.6rem;width:1.6rem;height:1.6rem;border-radius:50%;background:var(--hn-red);box-shadow:0 0 0 .4rem #060606,0 0 0 .5rem var(--hn-red)}.hn-about-timeline__year{font-family:var(--hn-font-display);font-size:clamp(4rem,7vw,5.6rem);font-weight:400;line-height:.9;letter-spacing:0;color:var(--hn-red);margin:0 0 .6rem;text-transform:uppercase}.hn-about-timeline__milestone-headline{font-family:var(--hn-font-body);font-size:clamp(1.5rem,1.3vw,1.8rem);font-weight:var(--hn-bold);line-height:1.3;color:#fff;margin:0 0 .6rem;text-transform:uppercase;letter-spacing:var(--hn-ls-ui)}.hn-about-timeline__caption{font-family:var(--hn-font-body);font-size:1.4rem;line-height:1.55;color:#ffffffb3;margin:0;max-width:36rem}@media(prefers-reduced-motion:reduce){.hn-about-timeline__milestone{animation:none}}@media screen and (min-width:990px){.hn-about-timeline__rail{grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:0;column-gap:2.4rem;padding:0}.hn-about-timeline__rail:before{left:calc(50% / var(--milestone-cols, 5));right:calc(50% / var(--milestone-cols, 5));top:1rem;bottom:auto;width:auto;height:2px;transform:translateY(-50%)}.hn-about-timeline__milestone{padding:4rem 0 0;text-align:center}.hn-about-timeline__node{left:50%;top:1rem;transform:translate(-50%,-50%);width:2rem;height:2rem;box-shadow:0 0 0 .5rem #060606,0 0 0 .7rem var(--hn-red)}.hn-about-timeline__node:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:1.6rem;margin-top:.5rem;background:var(--hn-red);transform:translate(-50%)}.hn-about-timeline__year{font-size:clamp(5rem,4.2vw,6.4rem);margin-bottom:.8rem}.hn-about-timeline__milestone-headline{font-size:clamp(1.5rem,1.2vw,1.7rem)}.hn-about-timeline__caption{margin:0 auto;max-width:24rem}}@media(forced-colors:active){.hn-about-timeline{background:Canvas;color:CanvasText}.hn-about-timeline__rail:before,.hn-about-timeline__node,.hn-about-timeline__node:after{background:Highlight;box-shadow:none}.hn-about-timeline__year,.hn-about-timeline__milestone-headline,.hn-about-timeline__caption,.hn-about-timeline__heading,.hn-about-timeline__subheading,.hn-about-timeline__label{color:CanvasText}}
/*# sourceMappingURL=/cdn/shop/t/87/assets/hn-about-timeline.css.map */