.timeline-page{padding-top:calc(var(--navbar-height) + var(--space-2xl));min-height:100vh;padding-bottom:var(--space-4xl);overflow-x:hidden}.timeline-page__header{text-align:center;margin-bottom:var(--space-4xl)}.timeline-page__title{margin-bottom:var(--space-sm)}.timeline-page__subtitle{color:var(--color-text-muted);max-width:600px;margin:0 auto}.timeline-container{position:relative;max-width:900px;margin:0 auto;padding:0 var(--space-md)}.timeline-container:after{content:"";position:absolute;width:4px;background:linear-gradient(to bottom,transparent,var(--color-gold),var(--color-gold-dark),transparent);top:0;bottom:0;left:50%;transform:translateX(-50%);border-radius:2px}.timeline-event{padding:10px 40px;position:relative;background-color:inherit;width:50%}.timeline-event:nth-child(odd){left:0;text-align:right}.timeline-event:nth-child(2n){left:50%;text-align:left}.timeline-event:after{content:"";position:absolute;width:20px;height:20px;right:-10px;background-color:var(--color-bg);border:4px solid var(--color-gold);top:15px;border-radius:50%;z-index:1;box-shadow:0 0 10px rgba(212,168,67,.4);transition:all var(--transition-base)}.timeline-event:nth-child(2n):after{left:-10px;right:auto}.timeline-event:hover:after{background-color:var(--color-gold);transform:scale(1.2);box-shadow:0 0 15px rgba(212,168,67,.8)}.timeline-content{padding:var(--space-xl);background:var(--color-bg-card);position:relative;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all var(--transition-base)}.timeline-event:hover .timeline-content{border-color:var(--color-gold-muted);box-shadow:var(--shadow-md),var(--shadow-gold);transform:translateY(-5px)}.timeline-period{display:inline-block;font-family:var(--font-display);color:var(--color-gold);font-size:.85rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:var(--space-xs);padding:2px 10px;background:rgba(212,168,67,.1);border-radius:var(--radius-full)}.timeline-title{font-family:var(--font-display);color:var(--color-gold-light);font-size:1.4rem;margin-bottom:var(--space-sm)}.timeline-desc{color:var(--color-text-secondary);font-size:.95rem;line-height:1.6}.timeline-content:after{content:" ";position:absolute;top:15px;right:-10px;border-width:10px 0 10px 10px;border-style:solid;border-color:transparent transparent transparent var(--color-border);transition:border-color var(--transition-base)}.timeline-event:nth-child(2n) .timeline-content:after{right:auto;left:-10px;border-width:10px 10px 10px 0;border-color:transparent var(--color-border) transparent transparent}.timeline-event:hover:nth-child(odd) .timeline-content:after{border-left-color:var(--color-gold-muted)}.timeline-event:hover:nth-child(2n) .timeline-content:after{border-right-color:var(--color-gold-muted)}@media screen and (max-width:768px){.timeline-container:after{left:31px}.timeline-event{width:100%;padding-left:70px;padding-right:25px;text-align:left}.timeline-event:nth-child(2n){left:0}.timeline-event:after{left:21px;right:auto}.timeline-content:after{right:auto;left:-10px;border-width:10px 10px 10px 0;border-color:transparent var(--color-border) transparent transparent}.timeline-event:hover .timeline-content:after,.timeline-event:hover:nth-child(odd) .timeline-content:after{border-right-color:var(--color-gold-muted);border-left-color:transparent}}.timeline-page__controls{position:fixed;top:50%;right:var(--space-xl);transform:translateY(-50%);width:320px;padding:var(--space-lg);background:rgba(18,18,20,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-gold-muted);border-radius:var(--radius-lg);text-align:center;box-shadow:0 10px 30px rgba(0,0,0,.6),0 0 20px rgba(212,168,67,.1);z-index:100}.timeline-page__control-label{display:block;font-family:var(--font-display);color:var(--color-gold-light);font-size:1.1rem;margin-bottom:var(--space-md);letter-spacing:.5px}.timeline-page__control-label span{color:var(--color-text);font-weight:700}.timeline-page__slider{-webkit-appearance:none;appearance:none;width:100%;height:6px;background:var(--color-border);border-radius:3px;outline:none;margin-bottom:var(--space-md);position:relative}.timeline-page__slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:24px;height:24px;border-radius:50%;background:var(--color-gold);cursor:pointer;border:3px solid var(--color-bg);box-shadow:0 0 10px rgba(212,168,67,.5);transition:transform var(--transition-fast),background var(--transition-fast)}.timeline-page__slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--color-gold);cursor:pointer;border:3px solid var(--color-bg);box-shadow:0 0 10px rgba(212,168,67,.5);transition:transform var(--transition-fast),background var(--transition-fast)}.timeline-page__slider::-webkit-slider-thumb:hover,.timeline-page__slider:focus::-webkit-slider-thumb{transform:scale(1.2);background:var(--color-gold-light)}.timeline-page__control-desc{color:var(--color-text-secondary);font-size:.9rem;line-height:1.4;min-height:3.5em;margin:0}@media screen and (max-width:1200px){.timeline-page__controls{right:var(--space-sm);width:260px}}@media screen and (max-width:768px){.timeline-page__controls{top:auto;bottom:0;right:0;left:0;width:100%;transform:none;border-radius:var(--radius-lg) var(--radius-lg) 0 0;border-bottom:none;padding:var(--space-md);background:rgba(18,18,20,.95)}.timeline-page{padding-bottom:200px}}