.hz-mult-pic-timeline {
  background: var(--hz-timeline-bg, #111);
  color: var(--hz-timeline-text-color, #c7c7c7);
  padding: var(--hz-timeline-padding-top, 88px) 0 var(--hz-timeline-padding-bottom, 72px);
}
.hz-mult-pic-timeline__inner { max-width: var(--hz-timeline-max-width, 1440px); margin: 0 auto; }
.hz-mult-pic-timeline__intro { display: grid; grid-template-columns: minmax(0, 1fr) minmax(280px, 1.35fr); gap: var(--hz-timeline-intro-gap, 48px); align-items: start; margin-bottom: var(--hz-timeline-content-gap, 96px); }
.hz-mult-pic-timeline__heading { white-space: pre-line; margin: 0; color: var(--hz-timeline-title-color, #fff); font-family: var(--hz-timeline-heading-font); font-size: var(--hz-timeline-heading-size, clamp(30px, 4vw, 68px)); font-weight: var(--hz-timeline-heading-weight, 800); font-style: var(--sort-title-font-style, normal); line-height: var(--hz-timeline-heading-line-height, .98); letter-spacing: var(--hz-timeline-heading-letter-spacing, .03em); text-align: right; text-transform: var(--hz-timeline-heading-transform, none); }
.hz-mult-pic-timeline__description { max-width: 620px; font-family: var(--hz-timeline-body-font); font-size: var(--hz-timeline-body-size, clamp(14px, 1.2vw, 18px)); font-weight: var(--hz-timeline-body-weight, 400); line-height: var(--hz-timeline-body-line-height, 1.7); text-align: left; }
.hz-mult-pic-timeline__description p { margin: 0; }
.hz-mult-pic-timeline__items { position: relative; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: clamp(12px, 2vw, 32px); }
.hz-mult-pic-timeline__items::before { content: ""; position: absolute; left: 0; right: 0; top: calc(100% - 30px); height: 1px; background: var(--hz-timeline-line-color, #555); }
.hz-mult-pic-timeline__item { position: relative; min-width: 0; cursor: pointer; outline: none; }
.hz-mult-pic-timeline__media { aspect-ratio: 4 / 3; overflow: hidden; background: #272727; }
.hz-mult-pic-timeline__media img, .hz-mult-pic-timeline__media svg { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1); opacity: .58; transition: filter .25s ease, opacity .25s ease, transform .25s ease; }
.hz-mult-pic-timeline__item:hover .hz-mult-pic-timeline__media img, .hz-mult-pic-timeline__item:focus-visible .hz-mult-pic-timeline__media img, .hz-mult-pic-timeline__item.is-active .hz-mult-pic-timeline__media img { filter: grayscale(0); opacity: 1; transform: scale(1.02); }
.hz-mult-pic-timeline__label { display: flex; flex-direction: column; align-items: center; gap: 5px; padding: 18px 4px 42px; color: var(--hz-timeline-muted-color, #777); text-align: center; transition: color .25s ease; }
.hz-mult-pic-timeline__generation { font-size: clamp(13px, 1.2vw, 18px); font-weight: 700; letter-spacing: .04em; }
.hz-mult-pic-timeline__years { font-size: clamp(12px, 1vw, 15px); }
.hz-mult-pic-timeline__item:hover .hz-mult-pic-timeline__label, .hz-mult-pic-timeline__item:focus-visible .hz-mult-pic-timeline__label, .hz-mult-pic-timeline__item.is-active .hz-mult-pic-timeline__label { color: var(--hz-timeline-accent, #d71920); }
.hz-mult-pic-timeline__dot { position: absolute; z-index: 1; left: 50%; bottom: 0; width: 10px; height: 10px; border: 2px solid var(--hz-timeline-line-color, #555); border-radius: 50%; background: var(--hz-timeline-bg, #111); transform: translate(-50%, 50%); transition: background .25s ease, border-color .25s ease, transform .25s ease; }
.hz-mult-pic-timeline__item:hover .hz-mult-pic-timeline__dot, .hz-mult-pic-timeline__item:focus-visible .hz-mult-pic-timeline__dot, .hz-mult-pic-timeline__item.is-active .hz-mult-pic-timeline__dot { border-color: var(--hz-timeline-accent, #d71920); background: var(--hz-timeline-accent, #d71920); transform: translate(-50%, 50%) scale(1.25); }
@media (max-width: 768px) {
  .hz-mult-pic-timeline { padding-top: calc(var(--hz-timeline-padding-top, 88px) * .6); padding-bottom: calc(var(--hz-timeline-padding-bottom, 72px) * .6); }
  .hz-mult-pic-timeline__intro { display: block; margin-bottom: 44px; }
  .hz-mult-pic-timeline__heading { text-align: left; }
  .hz-mult-pic-timeline__description { margin-top: 24px; }
  .hz-mult-pic-timeline__items { display: flex; gap: 16px; overflow-x: auto; padding: 0 4px 2px; scroll-snap-type: x mandatory; scrollbar-width: none; }
  .hz-mult-pic-timeline__items::-webkit-scrollbar { display: none; }
  .hz-mult-pic-timeline__items::before { left: 4px; right: 4px; top: calc(100% - 30px); }
  .hz-mult-pic-timeline__item { flex: 0 0 min(76vw, 310px); scroll-snap-align: start; }
}