.noto-timeline-section{display:flow-root}.noto-timeline{--color-border: var(--color-foreground);margin-block:var(--timeline-margin-top-mobile) var(--timeline-margin-bottom-mobile);padding-block:var(--timeline-padding-top-mobile) var(--timeline-padding-bottom-mobile);color:rgb(var(--color-foreground));background:var(--timeline-background, rgb(var(--color-background)))}.noto-timeline__layout{display:grid;grid-template-columns:minmax(0,1fr);grid-template-areas:"media" "content";gap:0}.noto-timeline .noto-timeline__content{display:flex;grid-area:content;flex-direction:column;justify-content:center;row-gap:5rem;min-width:0;padding-block:5rem;padding-inline:var(--page-gutter);overflow-wrap:anywhere}.noto-timeline__content>*{margin:0;padding:0}.noto-timeline__intro{display:flex;flex-direction:column;row-gap:var(--sp-8)}.noto-timeline__items{display:grid;grid-template-columns:max-content minmax(0,1fr);column-gap:var(--sp-12);row-gap:var(--sp-8);min-width:0}.noto-timeline__items:not(:has(.noto-timeline__year)){column-gap:0}.noto-timeline .text-block,.noto-timeline__item{font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-light);font-size:1.8rem;line-height:2.55rem;letter-spacing:0}.noto-timeline__item{display:grid;grid-template-columns:subgrid;grid-column:1 / -1;row-gap:var(--sp-4);width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:0;color:inherit;background:transparent;text-align:start;overflow-wrap:anywhere;cursor:pointer;opacity:1;transition:opacity var(--duration-default) ease}.noto-timeline--item-opacity .noto-timeline__item{opacity:.2}.noto-timeline--item-opacity .noto-timeline__item:not(.is-active):has(+.is-active),.noto-timeline--item-opacity .is-active+.noto-timeline__item:not(.is-active){opacity:.5}.noto-timeline--item-opacity .noto-timeline__item.is-active{opacity:1}.noto-timeline__year{grid-column:1;grid-row:1;align-self:center;color:var(--noto-accent-color, inherit);font-size:2.2rem}.noto-timeline__year,.noto-timeline__title{font-weight:var(--font-bold)}.noto-timeline__title{grid-row:1;font-size:1.7rem;letter-spacing:.05em}.noto-timeline__title--uppercase{text-transform:uppercase}.noto-timeline__lead{grid-row:1;font-size:1.6rem;line-height:2.2rem}.noto-timeline__title,.noto-timeline__lead{grid-column:2;min-width:0}.noto-timeline__title~.noto-timeline__lead{grid-row:2}.noto-timeline__button-wrapper{display:flex;justify-content:center}.noto-timeline__button-wrapper .button.button--noto-action{width:100%;max-width:25.2rem}.noto-timeline__media{display:grid;grid-area:media;min-width:0;background-color:transparent}.noto-timeline__image-wrapper{position:relative;width:100%;min-width:0;min-height:35.7rem;aspect-ratio:var(--timeline-image-ratio, 1);overflow:hidden}.noto-timeline__image,.noto-timeline__image-wrapper>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center}.noto-timeline__image-wrapper>svg{color:rgba(var(--color-foreground),.55);fill:currentColor;background-color:rgba(var(--color-foreground),.04)}.shopify-design-mode .noto-timeline__item{min-height:4.4rem}@media(hover:hover){.noto-timeline--item-opacity .noto-timeline__item:not(.is-active):hover{opacity:1}.noto-timeline--item-opacity .noto-timeline__item:not(.is-active):has(+.noto-timeline__item:hover),.noto-timeline--item-opacity .noto-timeline__item:hover+.noto-timeline__item:not(.is-active){opacity:.5}}@media screen and (min-width:46.875rem){.noto-timeline{margin-block:var(--timeline-margin-top) var(--timeline-margin-bottom);padding-block:var(--timeline-padding-top) var(--timeline-padding-bottom)}.noto-timeline__layout{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-areas:"content media";column-gap:10rem}.noto-timeline .noto-timeline__content{padding-block:10rem;padding-inline-end:0}.noto-timeline__intro{row-gap:5rem}.noto-timeline__items{column-gap:5rem}.noto-timeline__year{font-size:2.8rem}.noto-timeline__title,.noto-timeline__lead{font-size:inherit}.noto-timeline__lead{line-height:inherit}.noto-timeline__button-wrapper{justify-content:flex-start}.noto-timeline__button-wrapper .button.button--noto-action{max-width:46rem}.noto-timeline__image-wrapper{min-height:100%}.noto-timeline--inverted .noto-timeline__layout{grid-template-areas:"media content"}.noto-timeline--inverted .noto-timeline__content{padding-inline-start:0;padding-inline-end:var(--page-gutter)}}
/*# sourceMappingURL=/cdn/shop/t/26/assets/section-noto-time-line.css.map */