/* A portrait study fills the timeline's left column without covering its records. */
.timeline-intro{min-width:0}
.timeline .timeline-intro h2{margin:30px 0 20px;max-width:none}
.timeline-portrait{margin:0 0 35px;width:100%;max-width:760px}
.timeline-portrait img{display:block;width:100%;height:auto;mix-blend-mode:multiply;mask-image:radial-gradient(ellipse at 50% 48%,#000 48%,#000b 65%,transparent 83%)}
.timeline-portrait figcaption{font:italic 16px/1.6 Georgia,serif;color:#766044;text-align:center;margin-top:-10px}
@media(min-width:1000px){.timeline-intro{position:sticky;top:25px;float:inline-start;width:40%}.timeline .timeline-intro h2{font-size:clamp(42px,4.3vw,82px)}.timeline-list{margin-inline-start:46%}.timeline:after{content:'';display:block;clear:both}}
@media(max-width:999px){.timeline-portrait{max-width:620px;margin-inline:auto}.timeline-intro{margin-bottom:35px}}
@media(max-width:700px){.timeline .timeline-intro h2{font-size:42px}.timeline-portrait{margin-bottom:15px}.timeline-portrait figcaption{font-size:14px}}
html[dir=rtl] .timeline .timeline-intro h2{font-family:ArchiveNastaliq,Tahoma,serif;font-size:clamp(32px,4vw,60px);line-height:2;letter-spacing:0}
.timeline-portrait img{mask-image:linear-gradient(to bottom,transparent,#000 10%,#000 84%,transparent),radial-gradient(ellipse at 50% 48%,#000 48%,#000b 65%,transparent 83%);mask-composite:intersect}