/* Gentler Future / exhibition chronologies.  An independent editorial component. */
.gf-chronology{--gf-chrono-ink:#171917;--gf-chrono-muted:#676961;--gf-chrono-line:#c3c5bf;--gf-chrono-bg:#ebede8;position:relative;width:100%;margin:clamp(48px,9vw,160px) 0;padding:clamp(48px,7vw,112px) 0 clamp(60px,9vw,150px);background:var(--gf-chrono-bg);color:var(--gf-chrono-ink);overflow:clip;font-family:var(--gf-sans,Arial,Helvetica,sans-serif)}
.gf-chronology *{box-sizing:border-box}
.gf-chronology-shell{width:min(100% - 64px,1512px);margin-inline:auto}
.gf-chronology-heading{border-top:1px solid var(--gf-chrono-ink);padding-top:16px;margin-bottom:clamp(55px,8vw,120px);display:grid;grid-template-columns:minmax(0,1.45fr) minmax(220px,.55fr);column-gap:6vw}
.gf-chronology-label{grid-column:1/-1;font-size:11px;line-height:1.6;font-family:var(--gf-mono,monospace);letter-spacing:.08em;text-transform:uppercase;display:flex;justify-content:space-between;gap:20px}
.gf-chronology-label span{color:var(--gf-chrono-muted)}
.gf-chronology-heading h2{font-family:var(--gf-sans,Arial,sans-serif);font-weight:500;font-size:clamp(46px,7.2vw,124px);letter-spacing:-.075em;line-height:.9;max-width:11ch;margin:clamp(35px,6vw,75px) 0 0;overflow-wrap:break-word}
.gf-chronology-heading>p{align-self:end;max-width:34ch;font-family:var(--gf-serif,Georgia,serif);font-size:clamp(18px,1.75vw,26px);line-height:1.35;margin:32px 0 0}
.gf-chronology-layout{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);gap:clamp(30px,5vw,90px);align-items:start}
.gf-chronology--text .gf-chronology-layout{grid-template-columns:minmax(0,900px)}
.gf-chronology-moment{display:grid;grid-template-columns:minmax(90px,.33fr) minmax(0,.67fr);gap:clamp(18px,2.2vw,36px);border-top:1px solid var(--gf-chrono-line);padding:clamp(32px,3.5vw,65px) 0 clamp(55px,7vw,120px);min-height:clamp(230px,28vw,445px);position:relative;opacity:.66;transition:opacity .5s ease}
.gf-chronology-moment:last-child{border-bottom:1px solid var(--gf-chrono-line);padding-bottom:30px}
.gf-chronology-moment.is-active,.gf-chronology-moment:hover,.gf-chronology-moment:focus-within{opacity:1}
.gf-chronology-moment:after{content:"";position:absolute;left:0;top:-1px;width:0;height:2px;background:var(--gf-chrono-ink);transition:width .65s cubic-bezier(.2,.8,.2,1)}
.gf-chronology-moment.is-active:after{width:100%}
.gf-chronology-when{display:flex;flex-direction:column;gap:12px;align-items:start}
.gf-chronology-when>span{font-size:clamp(14px,1.3vw,19px);font-weight:500;letter-spacing:-.03em;line-height:1.2}
.gf-chronology-when i{display:block;width:12px;height:12px;border:1px solid currentColor;border-radius:50%;transform:scale(.65);transition:transform .35s ease, background-color .35s ease}
.gf-chronology-moment.is-active .gf-chronology-when i{background:currentColor;transform:scale(1)}
.gf-chronology-index{display:block;font-size:10px;font-family:var(--gf-mono,monospace);letter-spacing:.09em;color:var(--gf-chrono-muted);margin:0 0 25px}
.gf-chronology-copy h3{font-family:var(--gf-sans,Arial,sans-serif);font-size:clamp(27px,3.1vw,55px);line-height:.99;letter-spacing:-.059em;font-weight:500;margin:0 0 18px;max-width:13ch;overflow-wrap:break-word}
.gf-chronology-copy>p{font-family:var(--gf-serif,Georgia,serif);font-size:clamp(15px,1.18vw,19px);line-height:1.55;max-width:39ch;margin:0}
.gf-chronology-link{display:inline-flex;gap:16px;color:inherit!important;margin-top:26px;font-size:11px!important;font-family:var(--gf-mono,monospace)!important;letter-spacing:.04em;text-decoration:none!important;border-bottom:1px solid currentColor;padding-bottom:6px;transition:gap .2s}
.gf-chronology-link:hover{gap:23px}
.gf-chronology-gallery{min-width:0;height:100%}
.gf-chronology-gallery-sticky{position:sticky;top:clamp(75px,8vw,135px);}
.gf-chronology-gallery-caption{font-size:10px;font-family:var(--gf-mono,monospace);text-transform:uppercase;letter-spacing:.08em;margin-bottom:12px;display:flex;justify-content:space-between;color:var(--gf-chrono-muted)}
.gf-chronology-gallery-photos{height:min(62vw,700px);max-height:calc(100vh - 190px);min-height:350px;position:relative;overflow:hidden;background:#d9dcd5}
.gf-chronology-gallery-photos figure{inset:0;position:absolute;margin:0;opacity:0;transform:scale(1.065);transition:opacity .58s ease,transform 1.3s cubic-bezier(.2,.8,.2,1);pointer-events:none}
.gf-chronology-gallery-photos figure.is-active{opacity:1;transform:scale(1);z-index:1}
.gf-chronology-gallery-photos img{display:block;width:100%;height:100%;object-fit:cover}
.gf-chronology-inline-image{display:none}
.gf-chronology-inline-image img{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
.gf-timeline-editor-block{padding:14px 0}.gf-timeline-editor-block .gf-chronology{margin:10px 0}
@media(max-width:1050px){.gf-chronology-heading{grid-template-columns:1fr;gap:25px}.gf-chronology-heading>p{margin:0}.gf-chronology-layout{grid-template-columns:1fr .8fr;gap:36px}.gf-chronology-gallery-photos{min-height:280px}.gf-chronology-moment{grid-template-columns:100px 1fr}}
@media(max-width:767px){
  .gf-chronology{margin:56px 0;padding:45px 0 64px;overflow:visible}
  .gf-chronology-shell{width:calc(100% - 36px)}
  .gf-chronology-heading{padding-top:12px;margin-bottom:55px;grid-template-columns:1fr;gap:20px}
  .gf-chronology-label{font-size:9px}
  .gf-chronology-heading h2{font-size:clamp(43px,12.4vw,76px);margin:34px 0 4px;letter-spacing:-.066em}
  .gf-chronology-heading>p{font-size:19px}
  .gf-chronology-layout,.gf-chronology--text .gf-chronology-layout{display:block}
  .gf-chronology-gallery{display:none}
  .gf-chronology-moment{grid-template-columns:78px minmax(0,1fr);gap:12px;min-height:0;padding:28px 0 70px;opacity:1}
  .gf-chronology-when>span{font-size:13px;line-height:1.25}
  .gf-chronology-when i{height:9px;width:9px}
  .gf-chronology-copy h3{font-size:clamp(27px,8vw,43px);line-height:1.02;max-width:none;margin:0 0 18px}
  .gf-chronology-copy>p{font-size:16px;line-height:1.5}
  .gf-chronology-index{font-size:9px;margin-bottom:14px}
  .gf-chronology-inline-image{display:block;margin:28px 0 0}
}
@media(prefers-reduced-motion:reduce){.gf-chronology *,.gf-chronology *:before,.gf-chronology *:after{transition:none!important;animation:none!important}}