.timeline-intro{padding:85px 9% 70px;position:relative;overflow:hidden;min-height:590px}.timeline-intro h1{font-size:clamp(65px,8vw,125px);position:relative;z-index:1;max-width:1100px}.timeline-intro .eyebrow{color:#74273a}.timeline-intro-bottom{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1;margin-top:40px}.timeline-intro-bottom p{color:#77706d;font-size:15px;line-height:1.9}.timeline-intro button{border:1px solid #c5aab1;border-radius:50%;background:white;width:65px;height:65px;font-size:26px;color:#74273a;animation:invite 2s ease-in-out infinite}.intro-outline{position:absolute;bottom:-40px;left:5%;font:clamp(90px,16vw,240px) 'Playfair Display',serif;color:#74273a05;white-space:nowrap;pointer-events:none}.life-timeline{max-width:1400px;margin:auto;position:relative;padding:40px 7% 0}.timeline-rail{position:absolute;left:50%;top:0;bottom:0;width:1px;background:#e3d4d7}.timeline-rail i{position:absolute;top:0;width:2px;height:100%;background:#74273a;transform:scaleY(0);transform-origin:top}.timeline-rail b{position:absolute;left:-6px;top:0;width:14px;height:14px;border-radius:50%;background:#74273a;box-shadow:0 0 0 9px #74273a12}.timeline-event{display:grid;grid-template-columns:1fr 1fr;gap:16%;min-height:620px;position:relative;padding:60px 0 100px;perspective:1200px}.timeline-node{position:absolute;left:50%;top:70px;width:11px;height:11px;background:white;border:2px solid #b6919b;border-radius:50%;transform:translateX(-50%);transition:background .4s,box-shadow .4s}.timeline-event.in-view .timeline-node{background:#74273a;box-shadow:0 0 0 7px #74273a10}.event-panel{grid-column:2;grid-row:1;align-self:start;transition:opacity .75s ease,transform .9s cubic-bezier(.2,.65,.2,1);transform:translate3d(50px,60px,-90px) rotateY(-10deg);opacity:0}.timeline-event:nth-of-type(even) .event-panel{grid-column:1;transform:translate3d(-50px,60px,-90px) rotateY(10deg)}.timeline-event.in-view .event-panel{transform:none;opacity:1}.event-era{font-size:11px;letter-spacing:2.5px;color:#74273a;display:block;margin-bottom:23px}.event-panel h2{font-size:clamp(40px,4.4vw,66px);line-height:1.14;letter-spacing:-2px;margin-bottom:26px}.event-lead{color:#6d6764;font-size:15px;line-height:1.95}.event-art{grid-column:1;grid-row:1;align-self:center;opacity:0;transform:translateY(80px) rotate(-4deg);transition:opacity 1s .1s,transform 1.2s cubic-bezier(.2,.65,.2,1)}.timeline-event:nth-of-type(even) .event-art{grid-column:2}.timeline-event.in-view .event-art{opacity:1;transform:translateY(0) rotate(0)}.event-symbol{display:block;font:italic clamp(80px,11vw,155px)/1.1 'Playfair Display',serif;color:#74273a18;letter-spacing:-7px}.event-art>p{font:italic 25px/1.5 'Playfair Display',serif;color:#8a6872;max-width:290px;margin-top:25px}.timeline-portrait{position:relative;background:radial-gradient(ellipse,#f1e7e9 0,transparent 68%);height:420px}.timeline-portrait img{width:100%;height:100%;object-fit:contain;object-position:bottom;mask-image:linear-gradient(#000 75%,transparent);transform-origin:bottom;will-change:transform}.event-panel details{margin-top:25px;border-block:1px solid #e0d5d8}.event-panel summary{list-style:none;display:flex;justify-content:space-between;padding:17px 0;cursor:pointer;font-size:12px;color:#74273a}.event-panel summary::-webkit-details-marker{display:none}.event-panel details[open] summary span{transform:rotate(45deg)}.event-full{padding-top:18px}.event-full h3{font-size:24px;line-height:1.4}.event-full p{font-size:14px;line-height:1.95;color:#706967}.event-full .memoir-section{margin:0 0 35px}.timeline-end{text-align:center;padding:100px 7%;background:#f8f4f5}.timeline-end .eyebrow{justify-content:center}.timeline-end h2{font-size:clamp(37px,4.5vw,65px);line-height:1.25}.timeline-end>p:not(.eyebrow){font-size:12px;color:#8b747b}.timeline-end .line-link{margin-top:25px;display:inline-block}@keyframes invite{50%{transform:translateY(8px)}}@media(max-width:700px){.timeline-intro{padding:55px 7% 65px;min-height:490px}.timeline-intro h1{font-size:clamp(48px,12vw,68px);letter-spacing:-2px}.timeline-intro-bottom{gap:20px;align-items:flex-end}.timeline-intro-bottom p{font-size:13px}.timeline-intro button{width:45px;height:45px;flex-shrink:0}.life-timeline{padding:20px 7% 0 13%}.timeline-rail{left:7%}.timeline-event{grid-template-columns:1fr;gap:25px;padding:45px 0 65px;min-height:0}.timeline-node{left:-7%;top:52px}.event-panel,.timeline-event:nth-of-type(even) .event-panel{grid-column:1;grid-row:1;transform:translate3d(20px,40px,0)}.timeline-event.in-view .event-panel{transform:none}.event-panel h2{font-size:43px}.event-art,.timeline-event:nth-of-type(even) .event-art{grid-column:1;grid-row:2}.event-symbol{font-size:90px}.event-art>p{font-size:23px;max-width:none}.timeline-portrait{height:350px}.event-lead{font-size:14px}.timeline-end{padding:65px 7%}}
/* Continuous reading with a quarter-width timeline. */
.life-timeline{max-width:1500px;padding:40px 7% 0 25%}.timeline-rail{left:25%}.timeline-event{display:block;min-height:0;padding:65px 0 90px 70px}.timeline-node{left:0;top:76px}.event-panel,.timeline-event:nth-of-type(even) .event-panel{opacity:1;transform:none;max-width:830px}.event-panel h2{font-size:clamp(42px,4.8vw,72px)}.event-lead{font-size:17px;max-width:760px}.event-full{border-top:1px solid #e0d5d8;margin-top:35px;padding-top:35px}.event-full p{font-size:16px;line-height:1.95;max-width:760px}.event-full h3{font-size:30px;line-height:1.35;max-width:720px}.event-art,.timeline-event:nth-of-type(even) .event-art{position:relative;opacity:1;transform:none;margin:45px 0 0;max-width:620px}.event-symbol{font-size:80px}.event-art>p{max-width:480px}.timeline-portrait{height:400px;max-width:440px}.story-reveal{opacity:0;transform:translate3d(0,38px,0) rotateX(5deg);transform-origin:center top;transition:opacity .85s ease,transform 1s cubic-bezier(.16,1,.3,1)}.story-reveal.is-visible{opacity:1;transform:none}.event-full .memoir-section{margin-bottom:45px}@media(max-width:700px){.life-timeline{padding:20px 7% 0 9%}.timeline-rail{left:9%}.timeline-event{padding:40px 0 55px 25px}.timeline-node{left:0;top:49px}.event-panel h2{font-size:42px}.event-lead,.event-full p{font-size:15px;line-height:1.9}.event-full h3{font-size:27px}.event-full{margin-top:27px;padding-top:27px}.timeline-portrait{height:330px}.event-art>p{font-size:23px}}
