section.timeline{height:100%;background-color:var(--bg-color-dark);color:var(--text-color-primary);--text-color-accent: var(--text-color-yellow);padding-inline:var(--standard-section-padding-x);padding-block:var(--spacing-3xl)}section.timeline.white{background-color:unset;color:var(--text-color-secondary);--text-color-accent: var(--text-color-green)}section.timeline .top-content{display:flex;flex-direction:column;align-items:center;text-align:center;max-width:45rem;margin-inline:auto;gap:var(--spacing-md);margin-bottom:var(--spacing-sm)}@media(min-width: 48rem){section.timeline .top-content{gap:var(--spacing-xs);margin-bottom:var(--spacing-xxl)}}section.timeline .top-content h2{text-shadow:0 0 .25em var(--bg-color-white),0 0 .25em var(--bg-color-white);text-transform:capitalize}section.timeline .top-content p{line-height:1.5;font-size:var(--font-size-body-md)}@media(min-width: 96rem){section.timeline .top-content p{font-size:var(--font-size-body-lg)}}section.timeline .timeline-container{display:flex;flex-direction:column;width:100%;position:relative;padding-top:var(--spacing-lg)}section.timeline .timeline-container::before{content:"";position:absolute;inset:var(--spacing-xxs) 0 0 var(--spacing-xxs);transform:translateX(-50%);background-color:var(--bg-color-dark);width:3px;height:100%}@media(min-width: 48rem){section.timeline .timeline-container::before{inset:var(--spacing-xxs) 50% 0 50%;width:4px}}section.timeline .timeline-item{display:grid}@media(min-width: 48rem){section.timeline .timeline-item{grid-template-columns:1fr 1fr}}section.timeline .timeline-item .timeline-item-date{text-align:left;position:relative;align-self:start;z-index:1;padding:var(--spacing-xs) 0 var(--spacing-xs) var(--spacing-xl);font-size:var(--font-size-heading-lg)}@media(min-width: 48rem){section.timeline .timeline-item .timeline-item-date{position:sticky;top:20vh;text-align:right;padding:var(--spacing-xs) var(--spacing-xxl) var(--spacing-xs) 0;font-size:var(--font-size-heading-md)}}@media(min-width: 96rem){section.timeline .timeline-item .timeline-item-date{font-size:var(--font-size-heading-lg)}}section.timeline .timeline-item .timeline-item-date .timeline-item-date-dot{position:absolute;top:50%;left:.75rem;width:2rem;aspect-ratio:1/1;transform:translate(-50%, -50%);mix-blend-mode:multiply}section.timeline .timeline-item .timeline-item-date .timeline-item-date-dot::after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50%;aspect-ratio:1/1;background-color:var(--bg-color-dark);border-radius:50%}@media(min-width: 48rem){section.timeline .timeline-item .timeline-item-date .timeline-item-date-dot{left:auto;right:-2rem}}section.timeline .timeline-item .timeline-item-content{margin-left:var(--spacing-xl);margin-top:var(--spacing-xs);margin-bottom:var(--spacing-4xl)}@media(min-width: 48rem){section.timeline .timeline-item .timeline-item-content{margin-top:var(--spacing-sm);margin-left:var(--spacing-xxl);padding-left:var(--spacing-xxs);margin-bottom:var(--spacing-xxl)}}section.timeline .timeline-item .timeline-item-content p{font-size:var(--font-size-body-lg)}section.timeline .timeline-item .timeline-item-content p a{text-decoration:underline;text-underline-offset:.15em;transition:text-underline-offset var(--transition-duration-fast) var(--transition-timing-function);font-style:italic}section.timeline .timeline-item .timeline-item-content p a:hover{text-underline-offset:.25em !important}@media(min-width: 48rem){section.timeline .timeline-item .timeline-item-content p{font-size:var(--font-size-heading-sm);padding-bottom:var(--spacing-3xs)}}@media(min-width: 96rem){section.timeline .timeline-item .timeline-item-content p{font-size:var(--font-size-heading-md)}}section.timeline .timeline-item .timeline-item-content .img{width:100%;padding-bottom:var(--spacing-xxs);aspect-ratio:7/5;overflow:hidden}section.timeline .timeline-item .timeline-item-content .img img{display:block;width:100%;height:100%;object-fit:contain;object-position:top left}/*# sourceMappingURL=timeline.css.map */
