@import"https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&display=swap";:root{color:#000;background:#fff;font-family:DM Mono,monospace;--ink: #000;--muted: #000;--line: rgba(0, 0, 0, .22);--accent: #000}*{box-sizing:border-box}html,body,#root{width:100%;min-width:0;height:100%;margin:0;overflow:hidden}body{background:#fff}.timeline-page{position:relative;display:flex;width:100%;height:100svh;min-height:360px;align-items:center;padding:clamp(18px,5vw,88px);overflow:hidden}.timeline-heading{position:absolute;top:clamp(22px,4vw,52px);left:50%;z-index:2;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;width:max-content;max-width:calc(100% - 28px);transform:translate(-50%);font-size:clamp(.62rem,.74vw,.7rem);letter-spacing:.03em}h1{margin:0;color:var(--ink);font:inherit;white-space:nowrap}.timeline-filters{display:flex;align-items:center;gap:6px;color:var(--muted)}select{color-scheme:light;min-height:28px;padding:3px 5px;border:1px solid var(--line);border-radius:4px;background:#fff;color:var(--ink);font:inherit;cursor:pointer}select:hover{border-color:var(--muted)}select:focus-visible{outline:1px solid var(--accent);outline-offset:3px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.empty-state{z-index:1;justify-self:center;background:#fff;padding:12px;color:var(--muted);font-size:.75rem}.timeline{position:relative;display:grid;grid-template-columns:repeat(var(--event-count),minmax(0,1fr));width:100%;height:min(62vh,510px);min-height:255px;align-items:center}.timeline:before{position:absolute;right:0;left:0;top:50%;height:1px;background:var(--line);content:""}.timeline-entry{--stem: clamp(42px, 6vw, 86px);position:relative;height:100%;min-width:0}.timeline-entry:nth-child(4n+1){--stem: clamp(68px, 9vw, 122px)}.timeline-entry:nth-child(4n+2){--stem: clamp(48px, 7vw, 94px)}.timeline-entry:nth-child(4n+3){--stem: clamp(76px, 10vw, 132px)}.timeline-entry:nth-child(4n){--stem: clamp(56px, 8vw, 108px)}.marker{position:absolute;top:calc(50% - 3px);left:50%;z-index:1;width:7px;height:7px;border:1px solid #fff;border-radius:50%;background:var(--accent);transform:translate(-50%)}.marker:before{position:absolute;left:2px;width:1px;height:var(--stem);background:var(--line);content:""}.event{position:absolute;left:50%;width:min(118%,142px);color:var(--muted);font-size:clamp(.35rem,.63vw,.58rem);letter-spacing:-.035em;line-height:1.35;transform:translate(-50%);text-align:center}.above .event{bottom:calc(50% + var(--stem) + 12px)}.above .marker:before{bottom:5px}.below .event{top:calc(50% + var(--stem) + 12px)}.below .marker:before{top:5px}time,.event p{display:block;margin:0}time{margin-bottom:3px;color:var(--accent);font-size:.9em;letter-spacing:.02em}.event p{color:var(--ink)}@media(max-width:560px){.timeline-page{padding:16px 7px}.timeline{height:78vw;min-height:210px}.timeline-entry{--stem: 31px}.timeline-entry:nth-child(4n+1){--stem: 46px}.timeline-entry:nth-child(4n+2){--stem: 34px}.timeline-entry:nth-child(4n+3){--stem: 52px}.timeline-entry:nth-child(4n){--stem: 39px}.event{width:124%;font-size:clamp(.27rem,1.55vw,.45rem);line-height:1.25}.marker{width:5px;height:5px;top:calc(50% - 2px)}.marker:before{left:1px}.above .event{bottom:calc(50% + var(--stem) + 8px)}.below .event{top:calc(50% + var(--stem) + 8px)}time{margin-bottom:2px}}