@layer components{.timeline{--timeline-progress:1;gap:clamp(2rem,5vw,3.5rem);margin:0;padding:0;list-style:none;display:grid;position:relative}.timeline:before{background:linear-gradient(180deg, var(--color-green), var(--color-red), var(--color-gold));content:"";transform-origin:top;width:.28rem;transform:scaleY(var(--timeline-progress));border-radius:999px;position:absolute;top:.5rem;bottom:.5rem;left:.44rem}@supports (animation-timeline:view()){.timeline:before{animation:1ms linear both timeline-grow view();animation-range:entry 10% exit 70%}}@keyframes timeline-grow{0%{--timeline-progress:0}to{--timeline-progress:1}}@property --timeline-progress{syntax:"<number>";inherits:false;initial-value:1}.timeline__item{--timeline-accent:var(--color-green);grid-template-columns:2rem minmax(0,1fr);align-items:center;gap:clamp(1.5rem,4vw,4.5rem);display:grid;position:relative}.timeline__item:nth-child(2){--timeline-accent:var(--color-red)}.timeline__item:nth-child(3){--timeline-accent:var(--color-gold-deep)}.timeline__item:nth-child(4){--timeline-accent:var(--color-green)}.timeline__item:nth-child(5){--timeline-accent:var(--color-red)}.timeline__item:nth-child(6){--timeline-accent:var(--color-gold-deep)}.timeline__rail{z-index:2;justify-self:center;padding-top:.25rem;position:relative}.timeline__rail span{background:var(--timeline-accent);border:.2rem solid var(--surface-page);width:.9rem;height:.9rem;box-shadow:0 0 0 .0625rem var(--timeline-accent);border-radius:50%;display:block}.timeline__photo{margin:0;position:relative}.timeline__photo img{aspect-ratio:4/3;object-fit:cover;background:var(--surface-muted);border-radius:var(--radius-surface);width:100%;height:auto;max-height:21rem;box-shadow:1rem 1rem 0 var(--timeline-accent);transition:transform var(--duration-slow) var(--ease-smooth-out), box-shadow var(--duration-slow) var(--ease-smooth-out);display:block;transform:rotate(-1.25deg)}.timeline__item:nth-child(2n) .timeline__photo img{box-shadow:-1rem 1rem 0 var(--timeline-accent);transform:rotate(1.25deg)}.timeline__photo:hover img,.timeline__photo:focus-within img{transform:rotate(0)scale(1.02)}.timeline__year{z-index:3;color:var(--color-paper);background:var(--timeline-accent);border-radius:var(--radius-control);font-family:var(--font-display);font-size:var(--fs-md);padding:.5rem .9rem;line-height:1;display:inline-block;position:absolute;bottom:1rem;left:1rem;box-shadow:.25rem .25rem #20211f2e}.timeline__content{grid-column:2;gap:.7rem;padding-bottom:.25rem;display:grid}.timeline__media{grid-column:2}.timeline__content h3{max-width:16ch;font-size:var(--fs-xl);line-height:var(--leading-tight)}.timeline__content>p:last-child{max-width:40rem;color:var(--text-secondary);font-size:var(--fs-base);line-height:var(--leading-normal)}.timeline__open{background:var(--surface-elevated);border:.22rem dashed var(--color-gold-deep);border-radius:var(--radius-surface);align-content:space-between;justify-items:start;gap:2rem;min-height:16rem;padding:clamp(1.25rem,3vw,2rem);display:grid;position:relative}.timeline__open .timeline__year{color:var(--color-gold-deep);box-shadow:none;font-size:var(--fs-xl);background:0 0;padding:0;position:static}.timeline__open-mark{width:2.75rem;height:2.75rem;color:var(--color-ink);background:var(--color-gold);font-family:var(--font-display);font-size:var(--fs-lg);border-radius:50%;place-items:center;line-height:1;display:grid;transform:rotate(7deg)}.timeline__open-note{color:var(--text-secondary);font-size:var(--fs-sm);line-height:var(--leading-normal)}@media (width>=48rem){.timeline:before{transform:translateX(50%) scaleY(var(--timeline-progress));left:auto;right:50%}.timeline__item{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(1.5rem,4vw,4.5rem)}.timeline__content,.timeline__media{grid-column:auto}.timeline__item:nth-child(2n) .timeline__content{order:2}.timeline__rail{padding-top:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline__rail span{width:1.05rem;height:1.05rem;box-shadow:0 0 0 .125rem var(--timeline-accent);border-width:.3rem}.timeline__item.is-revealed .timeline__rail span{animation:timeline-node-pulse .9s var(--ease-smooth-out) .15s}.timeline__item:after{z-index:0;color:#0000;content:attr(data-year);font-family:var(--font-display);font-size:calc(var(--fs-4xl) * 1.5);letter-spacing:-.05em;opacity:.55;pointer-events:none;-webkit-text-stroke:.09rem color-mix(in srgb, var(--timeline-accent) 55%, transparent);font-weight:800;line-height:1;position:absolute;top:50%;left:-.5rem;transform:translateY(-58%)}.timeline__item:nth-child(2n):after{left:auto;right:-.5rem}.timeline__item.is-revealed:after{animation:timeline-ghost-in .7s var(--ease-smooth-out) both}.timeline__item:nth-child(2n) .timeline__year{left:auto;right:1rem}}@keyframes timeline-node-pulse{0%{box-shadow:0 0 0 .125rem var(--timeline-accent), 0 0 0 0rem color-mix(in srgb, var(--timeline-accent) 45%, transparent)}to{box-shadow:0 0 0 .125rem var(--timeline-accent), 0 0 0 1.4rem transparent}}@keyframes timeline-ghost-in{0%{opacity:0;transform:translateY(-40%)}to{opacity:.55;transform:translateY(-58%)}}@media (width<=48rem){.timeline{gap:2.25rem;padding-left:2.25rem}.timeline:before{left:.6rem;transform:none}.timeline__item{grid-template-columns:minmax(0,1fr);gap:1rem}.timeline__item:before{top:1.2rem;left:-1.75rem;transform:none}.timeline__item:nth-child(2n) .timeline__photo{order:initial}.timeline__photo img,.timeline__item:nth-child(2n) .timeline__photo img{max-height:15rem;box-shadow:.7rem .7rem 0 var(--timeline-accent)}.timeline__year{bottom:.75rem;left:.75rem}}@media (prefers-reduced-motion:reduce){.timeline__photo img{transition:none}.timeline__photo:hover img,.timeline__photo:focus-within img{transform:none}.timeline:before{--timeline-progress:1;animation:none}.timeline__item.is-revealed .timeline__rail span{animation:none}.timeline__item.is-revealed:after{opacity:.55;animation:none;transform:translateY(-58%)}}}