.history-page{min-width:0;padding-block:clamp(2rem,6vw,5rem);overflow:clip}.history-timeline{--history-axis-bottom: 9.5rem;--history-project-accent: #c43d91;--history-country-accent: #147d73;width:100%;min-width:0}[data-theme=dark] .history-timeline{--history-project-accent: #f06fbd;--history-country-accent: #42b9ad}.history-timeline__shell{position:relative;min-width:0}.history-timeline__viewport{position:relative;min-width:0;height:clamp(30rem,calc(100svh - 10rem),42rem);overflow-x:auto;overflow-y:hidden;overscroll-behavior-inline:contain;cursor:grab;scrollbar-color:var(--accent) transparent;scrollbar-width:thin;touch-action:pan-x}.history-timeline__viewport.is-dragging{cursor:grabbing;user-select:none}.history-timeline__canvas{position:relative;width:calc(var(--history-years) * var(--history-year-width) + 12rem);min-width:100%;height:100%}.history-timeline__axis{position:absolute;right:0;bottom:var(--history-axis-bottom);left:0;height:1px;background:var(--foreground)}.history-timeline__break{position:absolute;z-index:7;bottom:calc(var(--history-axis-bottom) - .62rem);left:calc(6rem + var(--history-break-x) * var(--history-year-width));width:2.4rem;height:1.25rem;background:var(--background);transform:translate(-50%)}.history-timeline__break:before,.history-timeline__break:after{position:absolute;top:.08rem;left:.78rem;width:1px;height:1.1rem;background:var(--foreground);content:"";transform:rotate(24deg)}.history-timeline__break:after{left:1.48rem}.history-country-track{position:absolute;right:0;bottom:0;left:0;height:var(--history-axis-bottom);overflow:visible}.history-country-period{--country-current: var(--country-color);position:absolute;z-index:1;top:2.25rem;bottom:0;left:calc(6rem + var(--country-x) * var(--history-year-width));width:calc(var(--country-span) * var(--history-year-width));min-width:1px;color:var(--country-current);transition:filter .18s ease,opacity .18s ease}.history-country-period__band{position:absolute;top:0;right:0;left:0;height:1.15rem;background:var(--country-current);box-shadow:inset -1px 0 color-mix(in srgb,var(--background) 72%,transparent);transform-origin:center;transition:height .18s ease,transform .18s ease,box-shadow .18s ease}.history-country-period__pin{position:absolute;top:1.15rem;left:calc(var(--country-label-x) * var(--history-year-width));width:1px;height:calc(1.05rem + var(--country-label-lane) * 1.55rem);background:currentColor;opacity:.58;transform:translate(-50%)}.history-country-period__pin:before{position:absolute;top:-.2rem;left:50%;width:.42rem;height:.42rem;border:2px solid var(--background);border-radius:50%;background:currentColor;content:"";transform:translate(-50%)}.history-country-period__label{position:absolute;z-index:2;top:calc(2.3rem + var(--country-label-lane) * 1.55rem);left:calc(var(--country-label-x) * var(--history-year-width));display:grid;justify-items:center;width:max-content;max-width:11rem;text-align:center;white-space:nowrap;transform:translate(-50%)}.history-country-period__label strong{font-family:var(--font-display);font-size:clamp(1.15rem,2vw,1.55rem);font-weight:400;letter-spacing:-.04em;line-height:1}.history-country-period__label small{margin-top:.28rem;font-size:.48rem;letter-spacing:.055em;line-height:1;text-transform:uppercase}.history-country-track:has(.history-country-period:hover) .history-country-period:not(:hover){filter:grayscale(1);opacity:.28}.history-country-period:hover{z-index:5}.history-country-period:hover .history-country-period__band{height:1.45rem;box-shadow:0 .55rem 1.8rem color-mix(in srgb,currentColor 28%,transparent);transform:translateY(-.15rem)}.history-country-period:hover .history-country-period__pin{opacity:1}.history-year{position:absolute;bottom:calc(var(--history-axis-bottom) - .28rem);left:calc(6rem + var(--year-x) * var(--history-year-width));width:1px;height:.55rem;background:color-mix(in srgb,var(--foreground) 34%,transparent)}.history-year.is-major,.history-year.is-edge{height:.85rem;background:var(--foreground)}.history-year span{position:absolute;top:1.2rem;left:0;display:none;color:var(--muted-foreground);font-size:.58rem;letter-spacing:.05em;transform:translate(-50%)}.history-year.is-major span,.history-year.is-edge span{display:block}.history-event{--history-event-accent: var(--accent);position:absolute;z-index:2;bottom:var(--history-axis-bottom);left:calc(6rem + var(--event-x) * var(--history-year-width));width:calc(var(--event-span) * var(--history-year-width));min-width:1px;transition:filter .18s ease,opacity .18s ease}.history-event:before{position:absolute;z-index:3;bottom:-.85rem;left:-.55rem;width:calc(100% + 1.1rem);height:1.7rem;content:"";cursor:pointer}.history-event.is-own-project{--history-event-accent: var(--history-project-accent)}.history-event__duration{position:absolute;z-index:4;bottom:-.14rem;left:0;width:100%;height:.3rem;background:var(--history-event-accent);opacity:0;transform:scaleX(0);transform-origin:left;transition:opacity .16s ease,transform .34s cubic-bezier(.2,.8,.2,1)}.history-event__duration:after{position:absolute;top:50%;right:-.28rem;width:.55rem;height:.55rem;border-radius:50%;background:var(--history-event-accent);content:"";transform:translateY(-50%)}.history-event__duration span{position:absolute;right:0;bottom:.75rem;color:var(--history-event-accent);font-size:.56rem;letter-spacing:.06em;white-space:nowrap;text-transform:uppercase}.history-event__stem{position:absolute;bottom:0;left:0;width:1px;height:calc(5rem + var(--event-lane) * 2.15rem);background:color-mix(in srgb,var(--foreground) 24%,transparent);transform-origin:bottom;transition:height .2s ease,background .16s ease}.history-event__stem:before{position:absolute;top:0;bottom:0;left:-.45rem;width:.9rem;content:"";cursor:pointer}.history-event__point{position:absolute;z-index:5;bottom:-.24rem;left:-.24rem;width:.5rem;height:.5rem;border-radius:50%;background:var(--foreground);transition:background .16s ease,transform .16s ease}.history-event__flag{position:absolute;z-index:5;bottom:calc(5rem + var(--event-lane) * 2.15rem);left:-.14rem;display:flex;width:max-content;max-width:13rem;align-items:flex-start;gap:.48rem;border:0;background:transparent;color:inherit;font:inherit;text-align:left;transform:translateY(.16rem)}.history-event__flag-shape{flex:0 0 auto;width:.9rem;height:.68rem;margin-top:.03rem;background:var(--foreground);clip-path:polygon(0 0,100% 0,70% 50%,100% 100%,0 100%);transition:background .16s ease,transform .16s ease}.history-event__flag-copy{display:grid}.history-event__flag-copy>span{color:var(--muted-foreground);font-size:.55rem;letter-spacing:.055em;line-height:1;text-transform:uppercase}.history-event__flag strong{margin-top:.25rem;font-family:var(--font-display);font-size:clamp(1.1rem,2vw,1.45rem);font-weight:400;letter-spacing:-.04em;line-height:.95;text-wrap:balance;transition:color .16s ease}.history-event.is-active{z-index:8}.history-timeline:has(.history-event.is-active) .history-event:not(.is-active){filter:grayscale(1);opacity:.24}.history-event.is-active .history-event__duration{opacity:1;transform:scaleX(1)}.history-event.is-own-project .history-event__point,.history-event.is-own-project .history-event__flag-shape{background:var(--history-event-accent)}.history-event.is-own-project .history-event__flag strong{color:var(--history-event-accent)}.history-event.is-active .history-event__stem,.history-event.is-active .history-event__point,.history-event.is-active .history-event__flag-shape{background:var(--history-event-accent)}.history-event.is-active .history-event__point{transform:scale(1.45)}.history-event.is-active .history-event__flag-shape{transform:translate(.18rem)}.history-event.is-active .history-event__flag strong{color:var(--history-event-accent)}.history-focus-stack{position:absolute;z-index:15;top:0;left:0;width:min(23rem,calc(100% - 2rem));pointer-events:none;will-change:transform}.history-focus-card{overflow:hidden;background:color-mix(in srgb,var(--background) 96%,transparent);box-shadow:0 1.5rem 5rem color-mix(in srgb,var(--foreground) 18%,transparent);backdrop-filter:blur(16px);pointer-events:auto;animation:history-card-in .18s ease both}.history-focus-card[hidden]{display:none}.history-focus-card__image{display:block;width:100%;height:8.5rem;object-fit:cover;object-position:center 36%;filter:grayscale(1) contrast(1.05)}.history-focus-card__meta{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem 0;color:var(--muted-foreground);font-size:.56rem;letter-spacing:.065em;text-transform:uppercase}.history-focus-card__body{padding:.85rem 1rem 1.1rem}.history-focus-card__body>p:first-child{color:var(--muted-foreground);font-size:.56rem;letter-spacing:.06em;text-transform:uppercase}.history-focus-card h2{margin-top:.4rem;font-family:var(--font-display);font-size:clamp(2rem,4vw,3.1rem);font-weight:400;letter-spacing:-.055em;line-height:.92}.history-focus-card__summary{margin-top:.7rem;font-size:.72rem;line-height:1.45}.history-focus-card__details{margin-top:.75rem;color:var(--muted-foreground);font-size:.61rem;line-height:1.48}.history-focus-card__details p+p{margin-top:.45rem}.history-focus-card nav{display:flex;flex-wrap:wrap;gap:.4rem .85rem;margin-top:.8rem}.history-focus-card nav a{border-bottom:1px solid currentColor;font-size:.57rem;letter-spacing:.045em;text-transform:uppercase}.history-focus-card nav a:hover{color:var(--accent)}@keyframes history-card-in{0%{opacity:0;transform:translateY(.45rem)}}@media(max-width:52rem){.history-page{padding-block:1rem 2rem}.history-timeline__viewport{height:calc(100svh - 9rem);min-height:29rem}.history-focus-stack{width:calc(100% - 2rem)}.history-focus-card{max-height:calc(100svh - 12rem);overflow-y:auto}.history-focus-card__image{height:7rem}}@media print{.site-header,.site-footer{display:none!important}.history-page{padding:0}.history-timeline__viewport{height:36rem;overflow:visible}.history-timeline__canvas{width:100%;transform:scale(.3);transform-origin:top left}}