.timeline-section { background:#e8efe8; color:#07100d; }
.timeline-intro { display:grid; grid-template-columns:1.05fr .8fr; gap:3rem; align-items:end; margin-bottom:4rem; }
.timeline-intro .eyebrow { color:#247542; }
.timeline-intro .eyebrow:before { background:#247542; box-shadow:none; }
.timeline-intro p { max-width:430px; margin:0 0 .4rem; color:#526758; line-height:1.75; }
.timeline { position:relative; display:grid; gap:1.2rem; }
.timeline:before { content:""; position:absolute; top:0; bottom:0; left:calc(50% - .5px); width:1px; background:rgba(10,43,21,.16); }
.timeline-row { position:relative; display:grid; grid-template-columns:1fr 1fr; gap:clamp(2rem,8vw,9rem); align-items:center; }
.timeline-row:nth-child(even) .timeline-card { grid-column:2; }
.timeline-row:nth-child(even) .timeline-photo { grid-column:1; grid-row:1; }
.timeline-card { position:relative; padding:clamp(1.5rem,3vw,2.8rem); background:#f7faf7; border:1px solid rgba(11,42,21,.11); box-shadow:12px 15px 30px rgba(29,53,35,.08); }
.timeline-card:after { content:""; position:absolute; top:50%; right:-1.02rem; width:2rem; height:1px; background:rgba(10,43,21,.22); }
.timeline-row:nth-child(even) .timeline-card:after { left:-1.02rem; right:auto; }
.timeline-year { display:inline-flex; align-items:center; gap:.5rem; color:#128442; font:500 .58rem var(--mono); letter-spacing:.11em; text-transform:uppercase; }
.timeline-year:before { content:""; display:inline-block; width:7px; height:7px; border-radius:50%; background:#12a453; }
.timeline-card h3 { margin:1.3rem 0 .8rem; font-size:clamp(1.55rem,2.7vw,2.7rem); }
.timeline-card p { max-width:440px; margin:0; color:#57685b; font-size:.84rem; line-height:1.7; }
.timeline-photo { position:relative; min-height:300px; overflow:hidden; background:#cdd8cd; }
.timeline-photo img { width:100%; height:100%; position:absolute; inset:0; object-fit:cover; filter:saturate(.83) contrast(1.02); }
.timeline-photo:after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(5,27,13,.36),transparent 50%); }
.timeline-photo span { position:absolute; z-index:1; left:1rem; bottom:1rem; color:#edfff0; font:500 .55rem var(--mono); letter-spacing:.08em; text-transform:uppercase; }
@media(max-width:980px) { .timeline-intro { grid-template-columns:1fr; gap:1rem; } .timeline:before { left:1rem; } .timeline-row,.timeline-row:nth-child(even) { grid-template-columns:1fr; gap:0; padding-left:2.5rem; } .timeline-card,.timeline-row:nth-child(even) .timeline-card { grid-column:1; } .timeline-photo,.timeline-row:nth-child(even) .timeline-photo { grid-column:1; grid-row:auto; min-height:240px; } .timeline-card:after,.timeline-row:nth-child(even) .timeline-card:after { left:-1.5rem; right:auto; } }