.history{--history-gutter:clamp(1.25rem,4vw,5rem);--history-line:var(--base-400);position:relative;overflow:hidden;padding:0 var(--history-gutter) clamp(3rem,4vw,8rem);color:var(--base-100);background:var(--base-500)}.history__intro{display:flex;align-items:stretch;justify-content:flex-end;gap:clamp(2rem,5vw,4rem);width:calc(100% + (var(--history-gutter) * 2));min-height:clamp(18rem,30vw,26rem);max-width:none;margin:0 calc(-1 * var(--history-gutter)) clamp(2.5rem,5vw,4rem);padding:0 var(--history-gutter);border-top:1px solid var(--base-400)}.history-entry__axis,.history__outro span{font-family:var(--font-dm-mono),monospace;letter-spacing:.06em;text-transform:uppercase}.history__intro-map{display:flex;flex:0 1 auto;align-items:flex-start;justify-content:flex-end;margin-right:calc(-1 * var(--history-gutter));margin-left:auto;width:clamp(18rem,42vw,44rem);max-width:100%}.history__intro-map img{display:block;width:100%;height:clamp(18rem,30vw,26rem);object-fit:contain;object-position:right top}.history__timeline{position:relative;width:100%;max-width:112rem;margin:clamp(-13rem,-13vw,-7rem) auto 0}.history__timeline:before{position:absolute;top:clamp(-20rem,-20vw,-11rem);bottom:0;left:50%;width:1px;background:var(--history-line);content:"";transform:translateX(-50%)}.history-entry{position:relative;display:grid;align-content:start;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto auto minmax(5rem,auto) auto;column-gap:clamp(5rem,10vw,12rem);min-height:clamp(34rem,54vw,58rem);padding-bottom:clamp(4rem,8vw,9rem)}.history-entry:first-child{min-height:clamp(30rem,48vw,50rem)}.history-entry:first-child .history-entry__axis{top:clamp(2rem,4vw,4rem)}.history-entry:last-child{min-height:34rem;padding-bottom:3rem}.history-entry__axis{position:absolute;top:clamp(5rem,9vw,10rem);left:50%;z-index:3;display:grid;justify-items:center;color:var(--primary-light);transform:translateX(-50%)}.history-entry__axis i{display:block;width:.85rem;height:.85rem;border:3px solid var(--base-500);border-radius:50%;background:var(--primary);box-shadow:0 0 0 1px rgba(var(--primary-rgb),.2)}.history-entry__period{align-self:start;font-size:clamp(4rem,7vw,8.75rem);letter-spacing:-.065em;line-height:.86;text-transform:none}.history-entry__period,.history__title{position:relative;z-index:2;margin:0;color:var(--primary);font-family:var(--font-crimson-pro),serif;font-weight:600}.history__title{display:inline-flex;align-items:center;gap:clamp(.65rem,1.2vw,1rem);grid-column:1;grid-row:1;justify-self:end;padding-right:clamp(2rem,5vw,5rem);font-size:clamp(2rem,3.5vw,4.375rem);letter-spacing:-.04em;line-height:1}.history__title-flag{display:inline-flex;flex-shrink:0;width:clamp(1.75rem,2.8vw,2.5rem);border:1px solid rgba(35,27,28,.12);border-radius:.15rem;overflow:hidden;box-shadow:0 1px 4px rgba(35,27,28,.08)}.history__title-flag svg{display:block;width:100%;height:auto}.history-entry__image{position:relative;z-index:1;align-self:start;width:calc(100% + clamp(2rem, 5vw, 6rem));margin:0}.history-entry__image:before{position:absolute;inset:-.65rem;z-index:-1;border:1px solid var(--base-400);content:""}.history-entry__image-frame{position:relative;overflow:hidden;aspect-ratio:4/3}.history-entry__image img{display:block;width:100%;height:120%;min-height:100%;object-fit:cover;filter:saturate(.82) contrast(1.03);will-change:transform}.history-entry__heading{position:relative;z-index:3;align-self:start}.history-entry__heading h2{max-width:13ch;margin:0;font-family:var(--font-crimson-pro),serif;font-size:clamp(2.6rem,4vw,5.25rem);font-weight:400;letter-spacing:-.055em;line-height:.96}.history-entry__card{position:relative;z-index:4;align-self:start;width:calc(100% + clamp(2rem, 5vw, 6rem));padding:clamp(1.75rem,3.5vw,3.75rem);border:1px solid rgba(35,27,28,.07);background:color-mix(in srgb,var(--base-500) 94%,white 6%);box-shadow:0 1.5rem 4rem rgba(35,27,28,.12)}.history-entry__card p{max-width:42rem;margin:0;color:var(--base-250);font-size:clamp(1rem,1.3vw,1.22rem);font-weight:500;line-height:1.65}.history-entry__card strong{color:var(--base-100);font-weight:750}.history-entry--left .history-entry__period{grid-column:1;grid-row:3;justify-self:end;padding-right:clamp(1rem,2vw,4rem);text-align:right}.history-entry--left .history-entry__image{grid-column:2;grid-row:3/span 2;margin-top:clamp(2rem,5vw,5rem);margin-left:clamp(-2rem,-4vw,-5rem)}.history-entry--left .history-entry__heading{grid-column:1;grid-row:3;justify-self:end;padding-top:clamp(7rem,8vw,10rem);text-align:right}.history-entry--left .history-entry__card{grid-column:1;grid-row:4;justify-self:end;margin-top:clamp(2rem,4vw,4rem);margin-right:clamp(-2rem,-5vw,-6rem)}.history-entry--right .history-entry__period{grid-column:2;grid-row:3;padding-left:clamp(2rem,5vw,5rem)}.history-entry--right .history-entry__image{grid-column:1;grid-row:3/span 2;justify-self:end;margin-top:clamp(2rem,5vw,5rem);margin-right:clamp(-2rem,-4vw,-5rem)}.history-entry--right .history-entry__heading{grid-column:2;grid-row:3;padding-top:clamp(7rem,8vw,10rem)}.history-entry--right .history-entry__card{grid-column:2;grid-row:4;margin-top:clamp(2rem,4vw,4rem);margin-left:clamp(-2rem,-5vw,-6rem)}.history__outro{display:grid;grid-template-columns:1fr 2fr;gap:3rem;max-width:112rem;padding-top:2.25rem;border-top:1px solid var(--base-400)}.history__outro span{color:var(--primary-light);font-size:.68rem}.history__outro p{max-width:22ch;margin:0;font-family:var(--font-crimson-pro),serif;font-size:clamp(2.5rem,4vw,5rem);font-weight:400;letter-spacing:-.05em;line-height:.98}@media (max-width:900px){.history{--history-gutter:1rem}.history__intro{flex-direction:column;align-items:stretch;min-height:0;gap:2rem;margin-bottom:4rem}.history__intro-map{align-self:flex-end;margin-right:0;width:min(100%,44rem)}.history__intro-map img{height:clamp(14rem,52vw,20rem)}.history__timeline{margin-top:0}.history__timeline:before{top:0;left:1rem}.history-entry,.history-entry:last-child{display:grid;grid-template-columns:2rem minmax(0,1fr);grid-template-rows:auto;gap:0 1rem;min-height:0;padding-bottom:8rem}.history-entry__axis{position:relative;top:auto;left:auto;grid-column:1;grid-row:1;align-self:start;background:var(--base-500);transform:none}.history__title{grid-column:2;grid-row:1;justify-self:start;padding:0 0 .35rem;font-size:clamp(1.625rem,7.5vw,2.75rem);text-align:left}.history__title-flag{width:clamp(1.5rem,6vw,2rem)}.history-entry:first-child .history-entry__axis{grid-row:2}.history-entry--left .history-entry__period,.history-entry--right .history-entry__period,.history-entry__period{grid-column:2;grid-row:1;justify-self:start;padding:0 0 1rem;font-size:clamp(3.25rem,15vw,5.5rem);text-align:left}.history-entry:first-child .history-entry__period{grid-row:2}.history-entry--left .history-entry__image,.history-entry--right .history-entry__image,.history-entry:first-child .history-entry__image,.history-entry__image{grid-column:2;grid-row:2;width:100%;margin:0}.history-entry:first-child .history-entry__image{grid-row:3}.history-entry__image-frame{aspect-ratio:4/3}.history-entry__image img{height:100%}.history-entry--left .history-entry__heading,.history-entry--right .history-entry__heading,.history-entry__heading{grid-column:2;grid-row:3;justify-self:start;padding:2rem 0 0;text-align:left}.history-entry:first-child .history-entry__heading{grid-row:4}.history-entry__heading h2{font-size:clamp(2.5rem,11vw,4rem)}.history-entry--left .history-entry__card,.history-entry--right .history-entry__card,.history-entry__card{grid-column:2;grid-row:4;width:calc(100% + .25rem);margin:1.5rem 0 0 -.25rem;padding:1.5rem}.history-entry:first-child .history-entry__card{grid-row:5}.history-entry__card p{font-size:.92rem;line-height:1.62}.history__outro{grid-template-columns:1fr;gap:1.5rem;margin-left:3rem}}html[data-theme=dark] .history-entry__card{border-color:rgba(242,237,230,.1);box-shadow:0 1.5rem 4rem rgba(0,0,0,.26)}