.timeline-shell{color:#1f251f;background:#f4f1ea;min-height:100vh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.timeline-header{z-index:5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f4f1eaeb;border-bottom:1px solid #1f251f1a;grid-template-columns:1fr auto;align-items:center;height:68px;padding:0 24px;display:grid;position:sticky;top:0}.timeline-header>a{color:#4d584d;font-size:14px;text-decoration:none}.timeline-header strong{letter-spacing:.08em}.timeline-header strong span{color:#687166;font-size:12px}.timeline-main{max-width:880px;margin:0 auto;padding:34px 24px 120px}.timeline-intro{max-width:720px}.timeline-kicker{letter-spacing:.18em;color:#697568;margin:0 0 10px;font-size:12px;font-weight:700}.timeline-intro h1{letter-spacing:-.05em;margin:0 0 12px;font-size:clamp(34px,6vw,52px);line-height:1.05}.timeline-intro>p:not(.timeline-kicker){color:#646b63;margin:0;font-size:15px;line-height:1.7}.timeline-about-link{color:#826541;margin-top:12px;font-size:13px;font-weight:750;text-decoration:none;display:inline-block}.timeline-filter{scrollbar-width:none;gap:8px;margin:22px 0;padding:8px 0 4px;display:flex;overflow-x:auto}.timeline-filter::-webkit-scrollbar{display:none}.timeline-filter button{color:#4d574d;cursor:pointer;background:#f8f9f6;border:1px solid #d7dcd4;border-radius:999px;flex:none;padding:9px 13px;font-size:12px}.timeline-filter button.is-active{color:#fff;background:#9d7e54;border-color:#9d7e54}.timeline-state,.timeline-demo,.timeline-empty{background:#fff;border:1px solid #1f251f1a;border-radius:20px;gap:8px;padding:22px;display:grid}.timeline-state span,.timeline-empty p,.timeline-demo span{color:#667066;line-height:1.7}.timeline-state a,.timeline-empty a{color:#233126;font-weight:700}.timeline-demo{background:#eef1eb;margin-bottom:16px}.timeline-groups{gap:30px;display:grid}.timeline-month>header{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.timeline-month>header h2{margin:0;font-size:20px}.timeline-month>header span{color:#737c72;font-size:12px}.timeline-list{display:grid}.timeline-entry{color:inherit;grid-template-columns:28px 1fr;text-decoration:none;display:grid}.timeline-entry-rail{position:relative}.timeline-entry-rail:before{content:"";background:#cdd5cc;width:1px;position:absolute;top:0;bottom:0;left:8px}.timeline-entry-rail span{background:#355945;border-radius:50%;width:9px;height:9px;position:absolute;top:25px;left:4px;box-shadow:0 0 0 5px #edf1eb}.timeline-entry-body{background:#fff;border:1px solid #1f251f1a;border-radius:18px;margin-bottom:12px;padding:18px;transition:transform .16s,border-color .16s}.timeline-entry:hover .timeline-entry-body{border-color:#35594547;transform:translateY(-1px)}.timeline-entry-meta{color:#6a7469;align-items:center;gap:8px;font-size:12px;display:flex}.timeline-entry-meta span{background:#eef1eb;border-radius:999px;padding:4px 8px}.timeline-entry-photo{object-fit:cover;background:#ece7df;border-radius:14px;width:100%;max-height:360px;margin:12px 0;display:block}.timeline-entry h3{margin:10px 0 8px;font-size:18px;line-height:1.5}.timeline-entry p{color:#555f55;white-space:pre-wrap;-webkit-line-clamp:4;-webkit-box-orient:vertical;margin:0;line-height:1.75;display:-webkit-box;overflow:hidden}.timeline-entry footer{border-top:1px solid #eceee9;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;padding-top:12px;font-size:12px;display:flex}.timeline-entry footer span{color:#707a70}.timeline-entry footer strong{color:#355945}.timeline-message{color:#744d45;background:#f5ece9;border-radius:14px;margin:18px 0 0;padding:12px 14px}.timeline-more{justify-content:center;margin-top:24px;display:flex}.timeline-more button{color:#324436;cursor:pointer;background:#fff;border:1px solid #ced5cd;border-radius:999px;padding:12px 18px;font-weight:700}.timeline-more button:disabled{opacity:.55;cursor:default}@media (max-width:640px){.timeline-header{padding:0 16px}.timeline-main{padding:26px 14px 100px}.timeline-intro h1{font-size:36px}.timeline-intro>p:not(.timeline-kicker){font-size:14px}.timeline-filter{margin:18px 0 20px}.timeline-entry{grid-template-columns:22px 1fr}.timeline-entry-rail:before{left:6px}.timeline-entry-rail span{left:2px}.timeline-entry-body{border-radius:16px;padding:16px}.timeline-entry-photo{border-radius:12px;max-height:280px}.timeline-entry footer{flex-direction:column;align-items:flex-start}}
