.timeline-archive{--tl-line-x: 22px;--tl-line-width: 4px;--tl-node-size: 44px;--tl-line-color: #d7d7d7;--tl-fill-color: #000;background:var(--color-background, #fff);padding:0 var(--page-margin, 16px) 80px}.timeline-archive__inner{margin:0 auto}.timeline-archive__head{margin-bottom:28px}.timeline-archive__heading{font-family:var(--font-display, var(--font-sans));font-size:var(--type-heading-md, clamp(28px, 5vw, 44px));font-weight:600;line-height:var(--line-height-tight, 1.05);text-transform:uppercase;letter-spacing:-.02em;margin:0 0 10px;color:var(--color-foreground, #000)}.timeline-archive__intro{font-family:var(--font-body, var(--font-sans));font-size:var(--type-body, 15px);line-height:var(--line-height-copy, 1.45);max-width:60ch;color:var(--color-foreground, #000)}.timeline-archive__intro p{margin:0}.timeline-archive__empty{font-family:var(--font-body, var(--font-sans));font-size:var(--type-body, 15px);color:var(--color-foreground, #000);opacity:.7}.timeline-archive__track{position:relative}.timeline-archive__line{position:absolute;top:0;bottom:0;left:var(--tl-line-x);width:var(--tl-line-width);transform:translate(-50%);background:var(--tl-line-color);z-index:0}.timeline-archive__line-fill{display:block;width:100%;height:0;background:var(--tl-fill-color);will-change:height}.timeline-archive__items{position:relative;padding-left:calc(var(--tl-line-x) + 38px)}.timeline-archive__item{position:relative;margin-bottom:56px}.timeline-archive__item:last-child{margin-bottom:0}.timeline-archive__node{position:absolute;top:0;left:-38px;transform:translate(-50%);width:var(--tl-node-size);height:var(--tl-node-size);background:var(--color-background, #fff);border-radius:999px;z-index:2}.timeline-archive__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible}.timeline-archive__ring-base{fill:none;stroke:var(--tl-line-color);stroke-width:3.5}.timeline-archive__ring-fill{fill:none;stroke:var(--tl-fill-color);stroke-width:3.5;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:calc(1 - var(--ring-progress, 0));transition:stroke-dashoffset .1s linear}.timeline-archive__node-icon{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center}.timeline-archive__node-icon svg,.timeline-archive__node-img{width:44%!important;height:44%!important;object-fit:contain;display:block}.timeline-archive__content{padding-top:4px}.timeline-archive__date{font-family:var(--font-display, var(--font-sans));font-size:var(--type-body, 15px);font-weight:700;text-transform:uppercase;letter-spacing:.01em;margin:0 0 6px;color:var(--color-foreground, #000)}.timeline-archive__desc{font-family:var(--font-body, var(--font-sans));font-size:var(--type-body, 15px);line-height:var(--line-height-copy, 1.45);color:var(--color-foreground, #000)}.timeline-archive__desc p{margin:0 0 .6em}.timeline-archive__desc p:last-child{margin-bottom:0}.timeline-archive__desc a{color:inherit;text-decoration:underline}.timeline-archive__media{display:grid;grid-template-columns:1fr;gap:10px;margin-top:16px}.timeline-archive__figure{margin:0;border-radius:4px;overflow:hidden;background:var(--background-color-variant, #f2f2f2)}.timeline-archive__img{display:block;width:100%;height:auto}.timeline-archive__placeholder svg{width:100%;height:auto;opacity:.3}.timeline-archive__year{position:relative;margin-bottom:56px;min-height:var(--tl-node-size);display:flex;align-items:center;z-index:1}.timeline-archive__year:before{content:"";position:absolute;top:-8px;bottom:-8px;left:-38px;width:20px;transform:translate(-50%);background:var(--color-background, #fff);z-index:0;pointer-events:none}.timeline-archive__node--year{width:36px;height:36px}.timeline-archive__year-label{position:relative;z-index:2;font-family:var(--font-display, var(--font-sans));font-size:var(--type-body, 15px);font-weight:600;color:var(--color-foreground, #000)}[data-reveal]{opacity:0;transform:translateY(40px);transition:opacity .6s ease,transform .6s ease}[data-reveal].is-visible{opacity:1;transform:none}@media(min-width:768px){.timeline-archive{--tl-line-x: 50%;--tl-node-size: 52px}.timeline-archive__items{padding-left:0}.timeline-archive__item{width:50%;margin-bottom:80px}.timeline-archive__item--left{margin-right:auto;padding-right:56px;text-align:right}.timeline-archive__item--right{margin-left:50%;padding-left:56px;text-align:left}.timeline-archive__item--left .timeline-archive__node{left:auto;right:0;transform:translate(50%)}.timeline-archive__item--right .timeline-archive__node{left:0;transform:translate(-50%)}.timeline-archive__media{text-align:left}.timeline-archive__media--2,.timeline-archive__media--3,.timeline-archive__media--4{grid-template-columns:1fr 1fr}.timeline-archive__year{width:100%;justify-content:center;flex-direction:column;gap:8px;text-align:center;margin-bottom:80px}.timeline-archive__year:before{left:50%}.timeline-archive__year .timeline-archive__node{position:relative;left:auto;right:auto;top:auto;transform:none}}@media(min-width:768px){.timeline-archive--horizontal .timeline-archive__track{overflow-x:auto;overflow-y:hidden;padding-bottom:12px;scroll-snap-type:x proximity;overscroll-behavior-x:contain}.timeline-archive--horizontal .timeline-archive__line{top:50%;bottom:auto;left:0;width:0;height:var(--tl-line-width);transform:translateY(-50%)}.timeline-archive--horizontal .timeline-archive__line-fill{width:0;height:100%}.timeline-archive--horizontal .timeline-archive__items{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:stretch;width:max-content;min-height:560px;padding-left:0}.timeline-archive--horizontal .timeline-archive__item,.timeline-archive--horizontal .timeline-archive__item--left,.timeline-archive--horizontal .timeline-archive__item--right{position:relative;flex:0 0 340px;width:340px;margin:0 16px;padding:0;text-align:center;scroll-snap-align:center}.timeline-archive--horizontal .timeline-archive__item .timeline-archive__node,.timeline-archive--horizontal .timeline-archive__year .timeline-archive__node{top:50%;left:50%;right:auto;transform:translate(-50%,-50%)}.timeline-archive--horizontal .timeline-archive__content{position:absolute;left:0;right:0}.timeline-archive--horizontal .timeline-archive__item--left .timeline-archive__content{bottom:calc(50% + 44px)}.timeline-archive--horizontal .timeline-archive__item--right .timeline-archive__content{top:calc(50% + 44px)}.timeline-archive--horizontal .timeline-archive__year{flex:0 0 150px;width:150px;margin:0 16px}.timeline-archive--horizontal .timeline-archive__year-label{position:absolute;top:calc(50% + 34px);left:0;right:0;text-align:center}.timeline-archive--horizontal .timeline-archive__year:before{left:50%;top:0;bottom:0}.timeline-archive--horizontal .timeline-archive__media{margin-top:12px}}@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.timeline-archive__ring-fill{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/51/assets/timeline-archive.css.map */