.nudient-timeline{container-type:inline-size;position:relative;display:block;padding-block:56px var(--nudient-spacing-48);--nudient-timeline-margin: var(--nudient-spacing-16);--nudient-timeline-tab: var(--nudient-spacing-24);--nudient-timeline-gap: var(--nudient-spacing-4);--nudient-timeline-count: 2;--nudient-timeline-card: calc( (100cqw - var(--nudient-timeline-margin) - var(--nudient-timeline-tab) - var(--nudient-timeline-count) * var(--nudient-timeline-gap)) / var(--nudient-timeline-count) )}@media(min-width:768px){.nudient-timeline{padding-block:var(--nudient-spacing-64);--nudient-timeline-margin: var(--nudient-spacing-24);--nudient-timeline-tab: var(--nudient-spacing-48);--nudient-timeline-count: 3}}@media(min-width:1440px){.nudient-timeline{--nudient-timeline-count: 4}}.nudient-timeline__head{position:absolute;inset-block-start:var(--nudient-timeline-margin);inset-inline:var(--nudient-timeline-margin);display:flex;align-items:center;justify-content:space-between;height:var(--nudient-type-label-large-line-height)}.nudient-timeline__heading{margin:0;font-family:var(--nudient-font-family);font-size:var(--nudient-type-label-large-size);font-weight:var(--nudient-type-label-large-weight);line-height:var(--nudient-type-label-large-line-height);letter-spacing:var(--nudient-type-label-large-letter-spacing);text-transform:uppercase;color:var(--color-foreground-heading)}.nudient-timeline__nav{display:flex;align-items:center;gap:var(--nudient-spacing-8);margin-block:calc((var(--nudient-type-label-large-line-height) - var(--nudient-touch-target)) / 2);margin-inline-start:auto}.nudient-timeline[data-static] .nudient-timeline__nav{display:none}.nudient-timeline__track{display:flex;gap:var(--nudient-timeline-gap);margin:0;margin-inline-start:var(--nudient-timeline-margin);padding:0;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none}.nudient-timeline__track:focus-visible{outline:var(--nudient-focus-width) solid var(--color-input-focus-border);outline-offset:calc(var(--nudient-focus-width) * -1)}@media(prefers-reduced-motion:no-preference){.nudient-timeline__track{scroll-behavior:smooth}}.nudient-timeline__card{position:relative;flex:0 0 var(--nudient-timeline-card);aspect-ratio:3 / 4;overflow:hidden;background-color:var(--nudient-color-surface-image);scroll-snap-align:start}.nudient-timeline__card:last-child{scroll-snap-align:end}.nudient-timeline__image{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover}.nudient-timeline__text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:space-between;padding:var(--nudient-spacing-16);background-color:transparent;color:var(--color-foreground-heading)}.nudient-timeline__year{margin:0;font-family:var(--nudient-font-family);font-size:var(--nudient-type-heading-h3-size);font-weight:var(--nudient-type-heading-h3-weight);line-height:var(--nudient-type-heading-h3-line-height);letter-spacing:var(--nudient-type-heading-h3-letter-spacing);color:var(--color-foreground-heading)}.nudient-timeline__caption{margin:0;margin-block-start:auto;font-family:var(--nudient-font-family);font-size:var(--nudient-type-body-default-size);font-weight:var(--nudient-type-body-default-weight);line-height:var(--nudient-type-body-default-line-height);letter-spacing:var(--nudient-type-body-default-letter-spacing);color:var(--color-foreground-heading)}@media(min-width:768px){.nudient-timeline__text{padding:var(--nudient-spacing-24)}.nudient-timeline__year{font-size:var(--nudient-type-heading-h2-size);font-weight:var(--nudient-type-heading-h2-weight);line-height:var(--nudient-type-heading-h2-line-height);letter-spacing:var(--nudient-type-heading-h2-letter-spacing)}}@media(min-width:1440px){.nudient-timeline__year{font-size:var(--nudient-type-heading-h1-size);font-weight:var(--nudient-type-heading-h1-weight);line-height:var(--nudient-type-heading-h1-line-height);letter-spacing:var(--nudient-type-heading-h1-letter-spacing)}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/nudient-timeline.css.map */