.timeline-page{--timeline-gold:#ffc04f;--timeline-ink:#f9f5ec;--timeline-muted:#c9c6be;min-height:100dvh;overflow-x:hidden;color:var(--timeline-ink);background:#030811;font-family:var(--font-geist-sans),sans-serif}.timeline-page *{box-sizing:border-box}.timeline-page a{color:inherit;text-decoration:none}.timeline-experience,.timeline-stage{min-height:calc(100dvh - 92px)}.timeline-stage{position:relative;overflow:hidden;isolation:isolate}.timeline-visual{position:absolute;inset:0;z-index:-3;background:#0a1016;animation:timeline-fade-in .28s ease-out both}.timeline-visual img{object-fit:cover;object-position:center;filter:sepia(.2) saturate(.78) contrast(1.06)}.timeline-scrim{position:absolute;inset:0;z-index:-2;pointer-events:none;background:linear-gradient(90deg,rgba(1,6,12,.92),rgba(2,8,14,.56) 44%,rgba(1,7,13,.2) 67%,rgba(1,6,12,.92)),linear-gradient(0deg,rgba(1,6,12,.94),transparent 58%)}.timeline-kicker{position:absolute;top:clamp(34px,5vh,62px);left:clamp(24px,4vw,68px);display:flex;gap:18px;align-items:center;color:#f1c76c;font-size:.86rem;font-weight:850;letter-spacing:.32em;text-transform:uppercase}.timeline-kicker span{width:66px;height:1px;background:var(--timeline-gold)}.timeline-story{position:absolute;top:14%;right:clamp(230px,17vw,310px);left:clamp(24px,4vw,68px);max-width:860px;animation:timeline-story-in .28s ease-out both}.timeline-phase{margin:0 0 10px;color:#f2cf7c;font-size:.82rem;font-weight:850;letter-spacing:.18em;text-transform:uppercase}.timeline-year{color:var(--timeline-gold);font-size:clamp(5.2rem,9vw,9rem);font-weight:700;letter-spacing:-.055em;line-height:.84;text-shadow:0 0 25px rgba(255,172,45,.22)}.timeline-story h1,.timeline-year{font-family:Georgia,Times New Roman,serif}.timeline-story h1{max-width:18ch;margin:20px 0 16px;font-size:clamp(2.6rem,4vw,4.8rem);font-weight:600;letter-spacing:-.035em;line-height:1;text-transform:uppercase}.timeline-summary{display:-webkit-box;max-width:720px;overflow:hidden;margin:0;color:#fffdf8;font-size:clamp(1.12rem,1.5vw,1.35rem);line-height:1.62;text-shadow:0 2px 12px #000;-webkit-box-orient:vertical;-webkit-line-clamp:3}.timeline-source{max-width:720px;margin:11px 0 0;color:#d2cfc7;font-size:.84rem;line-height:1.5}.timeline-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.timeline-document-action,.timeline-primary-action{display:inline-flex;gap:9px;align-items:center;justify-content:center;min-height:50px;padding:0 20px;font-size:.9rem;font-weight:850;letter-spacing:.05em;text-transform:uppercase}.timeline-primary-action{color:#fff5d7!important;background:rgba(10,10,8,.62);border:1px solid var(--timeline-gold);box-shadow:0 0 20px rgba(255,176,39,.2),inset 0 0 14px rgba(255,192,79,.08)}.timeline-document-action{color:#e7e4dd!important;background:rgba(4,10,16,.68);border:1px solid rgba(255,255,255,.3)}.timeline-document-action:focus-visible,.timeline-document-action:hover,.timeline-primary-action:focus-visible,.timeline-primary-action:hover{color:#fff!important;border-color:#ffe39a;outline:3px solid rgba(255,255,255,.8);outline-offset:3px}.timeline-controls{display:flex;gap:12px;align-items:center;margin-top:20px}.timeline-controls button{display:inline-flex;gap:7px;align-items:center;justify-content:center;min-width:104px;min-height:46px;padding:0 14px;color:#fff;font:inherit;font-size:.9rem;font-weight:750;background:rgba(3,9,15,.72);border:1px solid rgba(255,255,255,.34);cursor:pointer}.timeline-controls button:focus-visible,.timeline-controls button:hover:not(:disabled){border-color:var(--timeline-gold);outline:3px solid rgba(255,217,126,.78);outline-offset:2px}.timeline-controls button:disabled{opacity:.42;cursor:not-allowed}.timeline-controls>span{color:#e4e0d8;font-size:.86rem;font-variant-numeric:tabular-nums}.timeline-index{position:absolute;top:50%;right:clamp(24px,3vw,54px);width:min(210px,16vw);transform:translateY(-50%)}.timeline-index:before{position:absolute;top:22px;bottom:22px;left:10px;width:1px;content:"";background:linear-gradient(transparent,rgba(255,255,255,.7) 12% 88%,transparent)}.timeline-index ol{display:grid;gap:clamp(4px,1vh,12px);margin:0;padding:0;list-style:none}.timeline-index button{position:relative;width:100%;min-height:52px;padding:5px 0 5px 39px;display:grid;gap:2px;align-content:center;color:rgba(213,220,226,.56);font:inherit;text-align:left;background:transparent;border:0;cursor:pointer;transition:color .18s ease,text-shadow .18s ease}.timeline-index-marker{position:absolute;top:50%;left:4px;width:13px;height:13px;background:#091019;border:2px solid;border-radius:50%;transform:translateY(-50%)}.timeline-index button>span:not(.timeline-index-marker){font-size:clamp(1rem,1.45vw,1.35rem);font-weight:750;font-variant-numeric:tabular-nums}.timeline-index button small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.timeline-index button:focus-visible,.timeline-index button:hover{color:#fff;outline:3px solid rgba(255,255,255,.75);outline-offset:2px}.timeline-index button.active{color:var(--timeline-gold);font-weight:850;text-shadow:0 0 15px rgba(255,185,54,.55)}.timeline-index button.active .timeline-index-marker{width:18px;height:18px;left:1px;background:var(--timeline-gold);border:4px solid #fff4cf;box-shadow:0 0 18px var(--timeline-gold)}.timeline-empty{min-height:calc(100dvh - 92px);padding:32px;display:grid;place-items:center;align-content:center;gap:18px;text-align:center;background:radial-gradient(circle,rgba(45,119,160,.18),transparent 30rem),#030811}.timeline-empty p{margin:0;color:var(--timeline-gold);font-weight:850;letter-spacing:.2em;text-transform:uppercase}.timeline-empty h1{max-width:760px;margin:0;font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,5rem);line-height:1.05}.timeline-empty a{min-height:48px;padding:0 20px;display:inline-flex;align-items:center;color:#171003;font-weight:850;background:var(--timeline-gold)}@keyframes timeline-fade-in{0%{opacity:.18}to{opacity:1}}@keyframes timeline-story-in{0%{opacity:.2}to{opacity:1}}@media (max-width:1100px){.timeline-experience,.timeline-stage{min-height:calc(100dvh - 130px)}.timeline-story{top:14%;right:210px}.timeline-index{right:18px;width:170px}}@media (max-width:767px){.timeline-experience,.timeline-stage{min-height:0}.timeline-stage{display:flex;flex-direction:column;overflow:visible;background:#07101a}.timeline-visual{position:relative;inset:auto;z-index:0;order:2;width:100%;aspect-ratio:4/3}.timeline-visual img{object-position:center}.timeline-scrim{display:none}.timeline-kicker{position:relative;inset:auto;order:0;padding:28px 18px 20px;background:#07101a;font-size:.7rem;letter-spacing:.24em}.timeline-kicker span{width:42px}.timeline-story{position:relative;inset:auto;order:3;max-width:none;padding:30px 18px 34px;background:linear-gradient(180deg,#08131e,#050c14);transform:none}.timeline-year{font-size:clamp(4rem,22vw,6.2rem)}.timeline-story h1{max-width:none;margin-top:14px;font-size:clamp(2.2rem,9.5vw,3.3rem)}.timeline-summary{display:block;max-width:60ch;overflow:visible;font-size:1.08rem;line-height:1.65}.timeline-source{font-size:.82rem}.timeline-actions{display:grid;grid-template-columns:1fr}.timeline-document-action,.timeline-primary-action{width:100%;min-height:48px}.timeline-controls{display:grid;grid-template-columns:1fr auto 1fr;gap:8px}.timeline-controls button{min-width:0;min-height:48px}.timeline-index{position:relative;inset:auto;order:1;width:auto;padding:8px 0 14px;transform:none;background:#07101a;border-bottom:1px solid rgba(255,255,255,.12)}.timeline-index:before{top:28px;right:36px;bottom:auto;left:36px;width:auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.7) 10% 90%,transparent)}.timeline-index ol{display:flex;gap:4px;overflow-x:auto;padding:0 14px 8px;scroll-padding-inline:14px;scrollbar-width:thin;overscroll-behavior-x:contain}.timeline-index li{flex:0 0 78px}.timeline-index button{min-height:64px;padding:32px 4px 4px;place-items:center;align-content:start;color:#b4bdc6;text-align:center;touch-action:manipulation}.timeline-index button>span:not(.timeline-index-marker){font-size:1rem}.timeline-index button small{width:100%;font-size:.62rem}.timeline-index button.active .timeline-index-marker,.timeline-index-marker{top:14px;left:50%;transform:translate(-50%,-50%)}.timeline-empty{min-height:calc(100dvh - 130px)}}@media (prefers-reduced-motion:reduce){.timeline-page *,.timeline-page :after,.timeline-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}