/* Desktop uses the original horizontal timeline unchanged. */
.mobile-history{display:none}
@media(max-width:760px){
  .ep-main .history-timeline>.timeline-years,.ep-main .history-timeline>.history-card,.ep-main .history-timeline>.timeline-track{display:none}
  .ep-main .mobile-history{display:block;position:relative;list-style:none;margin:0;padding:0 0 0 25px;isolation:isolate}
  .mobile-history::before{content:"";position:absolute;top:23px;bottom:24px;left:4px;width:1px;background:linear-gradient(to bottom,#b8cce65c 0%,#b8cce630 92%,transparent 100%);z-index:-1}
  .mobile-history-moment{position:relative;margin:0;padding:0 0 52px;list-style:none}
  .mobile-history-moment:last-child{padding-bottom:0}
  .mobile-history-moment::before{content:"";position:absolute;left:-25px;top:17px;width:9px;height:9px;border-radius:50%;background:#7c96b4;box-shadow:0 0 0 5px #142a47;transition:background .8s ease,box-shadow .8s ease}
  .mobile-history-moment.is-in-view::before{background:#e0eafa;box-shadow:0 0 0 5px #142a47,0 0 0 6px #b8cce62e}
  .ep-main .mobile-history-year{margin:0 0 20px;color:#fff;font-size:35px;line-height:1.2;font-weight:500;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
  .mobile-history-card{overflow:hidden;background:#203b5b;border:1px solid #ffffff0a;border-radius:3px}
  .mobile-history-photo{aspect-ratio:16/10;overflow:hidden;background:#eaf0f6}
  .mobile-history-photo img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1);transition:transform 1.25s cubic-bezier(.22,1,.36,1)}
  .mobile-history-photo.is-logo img{object-fit:contain;padding:24px;background:#f6f7f8}
  .mobile-history-copy{padding:26px 23px 30px}
  .ep-main .mobile-history-copy h3{margin:0 0 14px;color:#fff;font-size:clamp(25px,6vw,33px);line-height:1.2;font-weight:500;letter-spacing:-.03em}
  .ep-main .mobile-history-copy p{margin:0;color:#dce5f1;font-size:15px;line-height:1.8}
  .mobile-history-moment.will-reveal .mobile-history-year,.mobile-history-moment.will-reveal .mobile-history-card{transition:opacity .85s cubic-bezier(.22,1,.36,1),transform .95s cubic-bezier(.22,1,.36,1)}
  .mobile-history-moment.will-reveal:not(.is-in-view) .mobile-history-year,.mobile-history-moment.will-reveal:not(.is-in-view) .mobile-history-card{opacity:0;transform:translateY(22px)}
  .mobile-history-moment.will-reveal:not(.is-in-view) .mobile-history-photo img{transform:scale(1.035)}
  .mobile-history-moment.will-reveal .mobile-history-card{transition-delay:70ms}
}
@media(max-width:380px){.mobile-history-copy{padding:23px 18px 26px}.ep-main .mobile-history{padding-left:21px}.mobile-history-moment::before{left:-21px}}
@media(prefers-reduced-motion:reduce){.mobile-history *, .mobile-history *::before{transition:none!important;transform:none!important;opacity:1!important}}
/* Crop the scanned white side border from the 1992 photo on mobile. */
@media(max-width:760px){.mobile-history-photo img[src$="baderie-vlaggen-1992.jpg"]{width:104%;max-width:none;margin-left:-2%}}
