/* The archive montage is part of the life story, with a full portrait cover. */
.timeline-film{margin:0 0 35px;width:100%}
.timeline-film-frame{position:relative;border:5px double #aa895866;background:#e8ddc4;box-shadow:0 15px 35px #63421f17}
.timeline-film-cover{display:block;width:100%;padding:0;position:relative;background:none;color:#fff1d4;cursor:pointer}
.timeline-film-cover img{display:block;width:100%;height:auto;mix-blend-mode:multiply}
.montage-play{position:absolute;inset:auto 0 0;display:flex;gap:14px;align-items:center;justify-content:center;padding:38px 15px 22px;background:linear-gradient(transparent,#302118ef);font:18px/1.4 Georgia,Tahoma,serif;text-align:start}
.montage-play>span:first-child{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border:1px solid #efdab2;border-radius:50%;font-size:17px;padding-inline-start:3px}
.timeline-film-cover:hover .montage-play>span:first-child{background:#efdab2;color:#302118}
.timeline-film-cover:focus-visible{outline:3px solid #8d5829;outline-offset:5px}
.timeline-film video{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;background:#17100d}
.timeline-film [hidden]{display:none}
.timeline-film figcaption{padding:18px 0 0;text-align:start;color:#493925}
.timeline-film figcaption .eyebrow{font-size:10px;letter-spacing:.12em;margin:0 0 9px}
.timeline-film figcaption h3{font:normal 27px/1.2 Georgia,Tahoma,serif;margin:0 0 10px}
.timeline-film figcaption>p:not(.eyebrow){font-size:13px;line-height:1.7;max-width:470px;margin:0 0 10px}
.montage-jump{display:inline-block;margin:0 0 30px}
@media(min-width:1000px){.timeline-intro{position:static}.timeline-film{max-width:760px}}
@media(min-width:1000px) and (min-height:920px){.timeline-intro{position:sticky;top:25px}}
@media(max-width:999px){.timeline-film{max-width:620px;margin-inline:auto}}
@media(max-width:700px){.montage-play{font-size:16px;padding:30px 12px 16px}.timeline-film figcaption h3{font-size:25px}}