@font-face{font-family:Mikhak;src:url('./fonts/Mikhak-variable.woff2') format('woff2');font-style:normal;font-weight:100 900;font-display:swap}
:root{--tl-bg:#0b0c0a;--tl-ink:#f1eee6;--tl-soft:#c7c1b3;--tl-dim:#929184;--tl-line:rgba(231,225,208,.14);--tl-accent:#a8d9b9;--tl-warm:#d7bd8f}
html{scroll-behavior:smooth;scroll-padding-top:100px}
.timeline-page{min-height:100vh;background:radial-gradient(ellipse at 76% 7%,rgba(114,161,128,.12),transparent 32%),var(--tl-bg);color:var(--tl-ink);font-family:Inter,Vazirmatn,sans-serif;overflow-x:hidden}
.timeline-page:dir(rtl){font-family:Mikhak,Vazirmatn,serif}.timeline-noise{position:fixed;inset:0;z-index:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.86' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}
.timeline-header{position:relative;z-index:5;width:min(1320px,calc(100% - 44px));height:70px;margin:20px auto 0;padding:0 22px;border:1px solid rgba(237,229,211,.13);border-radius:20px;display:flex;align-items:center;justify-content:space-between;background:rgba(20,21,18,.66);backdrop-filter:blur(24px);box-shadow:0 16px 60px rgba(0,0,0,.18)}
.timeline-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--tl-ink);font:500 10px Inter,sans-serif;letter-spacing:.2em}.timeline-brand i{width:25px;height:25px;border:1px solid rgba(197,230,205,.65);border-radius:50%;position:relative}.timeline-brand i:after{content:'';position:absolute;width:8px;height:8px;border-radius:50%;background:var(--tl-accent);inset:8px}
.timeline-header nav{height:100%;display:flex;align-items:center;gap:28px}.timeline-header nav a{height:100%;display:flex;align-items:center;position:relative;text-decoration:none;color:#bbb9af;font-size:12px;transition:color .2s}.timeline-header nav a:hover,.timeline-header nav a.is-current{color:#f0eee6}.timeline-header nav .is-current:after{content:'';position:absolute;inset:auto 0 0;height:2px;background:var(--tl-accent)}
.timeline-header-actions{display:flex;align-items:center;gap:16px}.source-note{font-size:10px;color:var(--tl-dim)}.timeline-lang{height:38px;min-width:70px;padding:0 11px;display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(240,234,221,.14);border-radius:99px;color:var(--tl-ink);background:rgba(255,255,255,.055);font:500 9px Inter,sans-serif;letter-spacing:.12em;cursor:pointer}.timeline-lang span{color:#86867c}.timeline-lang b{font-weight:600;color:#d3e6d5}
.timeline-page main,.timeline-footer{position:relative;z-index:1}.timeline-hero{width:min(1320px,calc(100% - 44px));min-height:620px;margin:0 auto;padding:clamp(84px,11vw,145px) 0 85px;display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:5vw;position:relative;isolation:isolate}.timeline-hero-copy{position:relative;z-index:2;max-width:730px}.timeline-kicker{margin:0 0 30px;display:flex;align-items:center;gap:12px;color:#c6c0b1;font:500 9px/1.5 Inter,sans-serif;letter-spacing:.17em}.timeline-kicker>span:first-child{width:7px;height:7px;border-radius:50%;background:#a8d9b9;box-shadow:0 0 16px rgba(168,217,185,.7)}.timeline-kicker small{font:400 10px/1.6 Mikhak,Vazirmatn,serif;letter-spacing:0;color:#96958a}.kicker-rule{height:1px;width:44px;background:rgba(232,225,208,.22)}
.timeline-hero h1{margin:0;color:#f0ede5;font:300 clamp(5.4rem,11vw,10.5rem)/.84 Inter,sans-serif;letter-spacing:-.085em}.timeline-page:dir(rtl) .timeline-hero h1{font-family:Mikhak,Vazirmatn,serif;font-weight:500;line-height:1.05;letter-spacing:0}.timeline-hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px rgba(208,193,155,.76)}.timeline-page:dir(rtl) .timeline-hero h1 em{-webkit-text-stroke:.8px rgba(208,193,155,.78)}
.timeline-intro{max-width:620px;margin:34px 0 0;color:#c1bdb2;font-size:14px;line-height:2.2}.timeline-page:dir(rtl) .timeline-intro{font-size:17px;line-height:2.2}.hero-meta{display:flex;align-items:center;gap:clamp(22px,5vw,68px);margin-top:42px;padding-top:22px;border-top:1px solid var(--tl-line)}.hero-meta>span{display:grid;gap:8px}.hero-meta>span b{font:400 22px Inter,sans-serif;color:#eae6da;letter-spacing:.04em}.hero-meta>span small{font-size:10px;color:#9c9a8e}.journey-credit{margin-inline-start:auto;display:grid;gap:6px;color:#bfc4b4;text-decoration:none;text-align:end;font-size:10px}.journey-credit b{font:500 8px Inter,sans-serif;letter-spacing:.14em;color:var(--tl-accent)}.journey-credit:hover b{color:#e2e3d0}
.hero-orbit{position:absolute;z-index:-1;inset:5% 2% auto auto;width:min(57vw,680px);aspect-ratio:1;pointer-events:none;opacity:.65}.timeline-page:dir(rtl) .hero-orbit{inset-inline-start:2%;inset-inline-end:auto}.hero-orbit i{position:absolute;inset:3%;border:1px solid rgba(216,204,177,.09);border-radius:50%;transform:rotate(-23deg) scaleY(.56)}.hero-orbit i:nth-child(2){inset:14%;transform:rotate(29deg) scaleY(.69)}.hero-orbit i:nth-child(3){inset:27%;transform:rotate(-36deg) scaleY(.75)}.hero-orbit b{position:absolute;inset:48% auto auto 43%;width:12px;height:12px;border-radius:50%;background:#d2bd92;box-shadow:0 0 48px 13px rgba(210,189,146,.14)}
.hero-signal{position:relative;align-self:center;justify-self:stretch;max-width:520px;min-height:340px;margin-inline-start:auto;display:flex;flex-direction:column;justify-content:center;filter:drop-shadow(0 20px 40px rgba(0,0,0,.15))}.hero-signal svg{width:100%;overflow:visible}.hero-signal path:first-child{stroke:rgba(189,217,188,.57);stroke-width:1;stroke-dasharray:5 8;stroke-linecap:round;stroke-linejoin:round;animation:pathDrift 22s linear infinite}.hero-signal path:nth-child(2){stroke:rgba(240,231,211,.17);stroke-width:1}.hero-signal circle{fill:#c9b98e}.hero-signal span{align-self:flex-end;color:rgba(209,202,184,.43);font:500 8px Inter,sans-serif;letter-spacing:.2em}
.timeline-controls{width:min(1320px,calc(100% - 44px));margin:0 auto;padding:28px clamp(22px,4.3vw,58px) 23px;border:1px solid rgba(238,229,211,.13);border-radius:24px;background:linear-gradient(120deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.055),0 22px 80px rgba(0,0,0,.15);backdrop-filter:blur(20px)}.control-top{display:flex;align-items:end;justify-content:space-between;gap:24px}.micro-label{margin:0 0 8px;color:#a9d5b5;font:500 9px Inter,sans-serif;letter-spacing:.16em}.control-top h2{margin:0;font:400 24px/1.3 Mikhak,Vazirmatn,serif;color:#f0ede5}.timeline-page:dir(ltr) .control-top h2{font:300 26px/1.2 Inter,sans-serif;letter-spacing:-.045em}.timeline-search{width:min(350px,40%);height:46px;display:flex;align-items:center;gap:10px;padding:0 14px;border:1px solid rgba(231,225,208,.15);border-radius:13px;background:rgba(6,7,6,.22);color:#a8d9b9}.timeline-search>span{font:26px/1 Inter,sans-serif;transform:rotate(-15deg)}.timeline-search input{width:100%;border:0;outline:0;background:none;color:#f4f0e7;font:400 12px Mikhak,Vazirmatn,serif}.timeline-search input::placeholder{color:#85857a}.timeline-search:focus-within{border-color:rgba(168,217,185,.6);box-shadow:0 0 0 3px rgba(168,217,185,.08)}
.year-rail,.category-rail{display:flex;align-items:center;gap:8px;overflow:auto;scrollbar-width:none}.year-rail::-webkit-scrollbar,.category-rail::-webkit-scrollbar{display:none}.year-rail{margin:28px 0 13px;padding:3px 0}.year-chip,.category-chip{flex:none;border:1px solid rgba(231,225,208,.12);border-radius:999px;color:#aaa99f;background:rgba(6,7,6,.2);cursor:pointer;transition:background .2s,color .2s,border-color .2s,transform .2s}.year-chip{min-width:62px;height:37px;padding:0 12px;font:500 10px Inter,sans-serif;letter-spacing:.05em}.category-chip{height:30px;padding:0 13px;font:400 10px Mikhak,Vazirmatn,serif}.timeline-page:dir(ltr) .category-chip{font:400 9px Inter,sans-serif;letter-spacing:.03em}.year-chip:hover,.category-chip:hover{transform:translateY(-2px);border-color:rgba(168,217,185,.4);color:#e6e5dc}.year-chip.active,.category-chip.active{background:#c4dfc6;border-color:#c4dfc6;color:#132018;box-shadow:0 5px 24px rgba(168,217,185,.1)}.filter-status{margin-top:20px;padding-top:16px;border-top:1px solid rgba(231,225,208,.09);display:flex;justify-content:space-between;align-items:center;color:#8f8e83;font-size:10px}.filter-status button{display:flex;align-items:center;gap:9px;padding:5px 0;border:0;background:none;color:#aaa99d;font:400 10px Mikhak,Vazirmatn,serif;cursor:pointer}.filter-status button b{font:16px Inter,sans-serif;color:#c7dac1}.filter-status button:hover{color:#e4e1d8}
.timeline-layout{width:min(1320px,calc(100% - 44px));margin:0 auto;padding:78px 0 70px;display:grid;grid-template-columns:140px minmax(0,1fr);gap:clamp(25px,6vw,80px);align-items:start}.timeline-progress{position:sticky;top:30vh;display:grid;grid-template-columns:20px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px;row-gap:10px;color:#929184}.progress-stem{grid-row:1/3;position:relative;width:1px;height:100px;margin-inline-start:8px;background:rgba(231,225,208,.16)}.progress-stem i{position:absolute;top:0;left:-1px;width:3px;height:0;display:block;background:var(--tl-accent);box-shadow:0 0 14px rgba(168,217,185,.6);transition:height .2s}.timeline-progress>span:not(.progress-stem){font-size:9px;line-height:1.6}.timeline-progress>b{font:500 10px Inter,sans-serif;color:#d3c5a6;letter-spacing:.1em}.timeline-results{position:relative}.timeline-results:before{content:'';position:absolute;inset:12px auto 40px 15px;width:1px;background:linear-gradient(rgba(200,190,163,.38),rgba(200,190,163,.08))}.timeline-page:dir(rtl) .timeline-results:before{left:auto;right:15px}.year-group{position:relative;margin:0 0 64px;scroll-margin-top:40px}.year-heading{display:flex;align-items:baseline;gap:19px;margin:0 0 23px;padding-inline-start:52px}.timeline-page:dir(rtl) .year-heading{padding-inline-start:0;padding-inline-end:52px}.year-heading strong{font:300 clamp(3.8rem,7vw,6.2rem)/.9 Inter,sans-serif;letter-spacing:-.08em;color:#e6e3db}.timeline-page:dir(rtl) .year-heading strong{font:500 clamp(3.2rem,6vw,5.2rem)/1 Mikhak,Vazirmatn,serif;letter-spacing:0}.year-heading span{color:#8c8b7e;font-size:10px;letter-spacing:.1em}.event-card{position:relative;margin:0 0 14px;padding-inline-start:52px}.timeline-page:dir(rtl) .event-card{padding-inline-start:0;padding-inline-end:52px}.event-dot{position:absolute;top:28px;left:10px;z-index:1;width:11px;height:11px;border:2px solid #c8dbbd;border-radius:50%;background:#0b0c0a;box-shadow:0 0 0 5px rgba(168,217,185,.07),0 0 16px rgba(168,217,185,.15)}.timeline-page:dir(rtl) .event-dot{left:auto;right:10px}.event-card.is-current .event-dot{background:#c8dbbd;box-shadow:0 0 0 7px rgba(168,217,185,.11),0 0 24px rgba(168,217,185,.6)}.event-surface{position:relative;overflow:hidden;border:1px solid rgba(234,225,205,.11);border-radius:19px;background:linear-gradient(110deg,rgba(255,255,255,.05),rgba(255,255,255,.018));transition:border-color .3s,transform .3s,background .3s}.event-surface:hover{transform:translateY(-3px);border-color:rgba(186,212,177,.3);background:linear-gradient(110deg,rgba(178,211,174,.075),rgba(255,255,255,.018))}.event-main{display:grid;grid-template-columns:120px 1fr auto;gap:18px;align-items:start;padding:22px 23px}.event-date{padding-top:3px;color:#cfbd96;font:500 10px/1.5 Inter,sans-serif;letter-spacing:.035em}.event-copy h3{margin:0 0 9px;color:#efeee6;font:400 20px/1.45 Mikhak,Vazirmatn,serif}.timeline-page:dir(ltr) .event-copy h3{font:400 20px/1.3 Inter,sans-serif;letter-spacing:-.035em}.event-copy p{max-width:760px;margin:0;color:#aaa99f;font-size:12px;line-height:1.95}.timeline-page:dir(rtl) .event-copy p{font-size:14px;line-height:2}.event-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.event-category{padding:5px 9px;border:1px solid rgba(168,217,185,.2);border-radius:999px;color:#bad2b4;font:500 8px Inter,sans-serif;letter-spacing:.08em}.event-index{color:#77786e;font:500 8px Inter,sans-serif;letter-spacing:.08em}.event-open{width:34px;height:34px;display:grid;place-items:center;border:1px solid rgba(230,222,204,.15);border-radius:50%;color:#d3cebF;background:rgba(255,255,255,.02);font:16px Inter,sans-serif;cursor:pointer;transition:transform .25s,background .25s}.event-open:hover{transform:rotate(45deg);background:rgba(168,217,185,.12)}.event-detail{display:grid;grid-template-rows:0fr;transition:grid-template-rows .36s ease}.event-surface.is-open .event-detail{grid-template-rows:1fr}.event-detail-inner{overflow:hidden}.event-detail-content{padding:0 23px 22px calc(23px + 120px + 18px);color:#b7b3a8;font-size:12px;line-height:2;border-top:1px solid rgba(231,225,208,.09)}.timeline-page:dir(rtl) .event-detail-content{padding:0 23px 22px 23px}.event-detail-content p{margin:16px 0}.event-source{display:inline-flex;align-items:center;gap:8px;color:#c5d9bd;text-decoration:none;font:500 9px Inter,sans-serif;letter-spacing:.04em}.event-source b{font-size:15px;font-weight:400}.event-source:hover{color:#fff}.event-source:focus-visible,.timeline-header a:focus-visible,.journey-credit:focus-visible{outline:2px solid #bfe2b8;outline-offset:4px}.event-flag{padding:5px 8px;border-radius:99px;background:rgba(221,172,125,.12);color:#dfbd91;font:500 8px Inter,sans-serif;letter-spacing:.08em}.empty-state{grid-column:2;min-height:280px;display:grid;place-content:center;text-align:center;color:#a8a69a}.empty-state>span{font:50px Inter,sans-serif;color:#c3d7b9}.empty-state h2{margin:14px 0 7px;color:#ece9e0;font:400 24px Mikhak,Vazirmatn,serif}.empty-state p{font-size:12px}
.timeline-method{width:min(1320px,calc(100% - 44px));margin:25px auto 120px;padding:28px 32px;display:grid;grid-template-columns:150px 1fr auto;align-items:center;gap:24px;border-block:1px solid rgba(231,225,208,.13)}.timeline-method>span{color:#9e997f;font:500 8px Inter,sans-serif;letter-spacing:.18em}.timeline-method p{margin:0;color:#a8a69b;font-size:12px;line-height:2.2}.timeline-page:dir(rtl) .timeline-method p{font-size:14px}.timeline-method a{white-space:nowrap;color:#c9d9c3;text-decoration:none;font-size:10px}.timeline-method a b{font:16px Inter,sans-serif;margin-inline-start:7px}.timeline-footer{width:min(1320px,calc(100% - 44px));margin:0 auto;padding:24px 0 38px;border-top:1px solid rgba(231,225,208,.12);display:flex;align-items:center;justify-content:space-between;color:#868579;font:500 8px Inter,sans-serif;letter-spacing:.11em}.timeline-footer a{color:#bcb9af;text-decoration:none}.timeline-footer a:hover{color:white}.timeline-footer span{letter-spacing:.04em;font:400 10px Mikhak,Vazirmatn,serif}
.event-card[hidden],.year-group[hidden]{display:none!important}.fade-in{animation:tlIn .5s cubic-bezier(.2,.75,.2,1) both}@keyframes tlIn{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes pathDrift{to{stroke-dashoffset:-260}}
@media(max-width:900px){.timeline-hero{min-height:560px;grid-template-columns:1fr .8fr;gap:0}.hero-signal{min-height:230px}.timeline-layout{grid-template-columns:88px minmax(0,1fr);gap:24px}.timeline-method{grid-template-columns:100px 1fr}.timeline-method a{grid-column:2}.event-main{grid-template-columns:92px 1fr auto;gap:14px}.event-detail-content{padding-left:calc(23px + 92px + 14px)}}
@media(max-width:650px){.timeline-header{width:calc(100% - 20px);height:58px;margin-top:10px;padding:0 13px;border-radius:16px}.timeline-header nav{gap:13px}.timeline-header nav a{font-size:10px}.timeline-header-actions{gap:8px}.source-note{display:none}.timeline-lang{height:34px;min-width:62px}.timeline-hero{width:calc(100% - 36px);min-height:0;padding:85px 0 58px;display:block}.timeline-kicker{flex-wrap:wrap;gap:8px;font-size:8px}.timeline-kicker small{flex-basis:100%;padding-inline-start:16px}.kicker-rule{display:none}.timeline-hero h1{font-size:clamp(5.1rem,18vw,8rem)}.timeline-page:dir(rtl) .timeline-hero h1{font-size:clamp(4.6rem,17vw,7rem)}.timeline-intro{margin-top:24px;font-size:13px}.timeline-page:dir(rtl) .timeline-intro{font-size:15px}.hero-meta{gap:19px;margin-top:28px}.hero-meta>span b{font-size:17px}.hero-meta>span small{font-size:9px}.journey-credit{max-width:132px;font-size:9px}.journey-credit b{font-size:7px}.hero-orbit{inset:7% -5% auto auto;width:110vw;opacity:.45}.hero-signal{min-height:170px;width:88%;margin:22px auto 0;opacity:.8}.timeline-controls{width:calc(100% - 20px);padding:22px 16px 17px;border-radius:19px}.control-top{align-items:start;flex-direction:column;gap:16px}.control-top h2{font-size:20px}.timeline-search{width:100%;height:43px}.year-rail{margin-top:20px}.year-chip{min-width:55px;height:34px}.filter-status{font-size:9px}.timeline-layout{width:calc(100% - 24px);padding:55px 0 45px;grid-template-columns:1fr;gap:18px}.timeline-progress{position:sticky;z-index:3;top:5px;width:max-content;padding:8px 12px;border:1px solid rgba(231,225,208,.12);border-radius:99px;grid-template-columns:13px auto auto;grid-template-rows:1fr;gap:9px;background:rgba(11,12,10,.78);backdrop-filter:blur(16px)}.progress-stem{width:1px;height:18px;grid-row:auto;margin-inline-start:4px}.timeline-progress>span:not(.progress-stem){font-size:8px}.timeline-progress>b{font-size:9px}.timeline-results:before{left:10px;top:10px}.timeline-page:dir(rtl) .timeline-results:before{left:auto;right:10px}.year-group{margin-bottom:45px}.year-heading{padding-inline-start:35px;margin-bottom:16px;gap:12px}.timeline-page:dir(rtl) .year-heading{padding-inline-end:35px}.year-heading strong{font-size:3.7rem}.timeline-page:dir(rtl) .year-heading strong{font-size:3.2rem}.event-card{padding-inline-start:35px;margin-bottom:10px}.timeline-page:dir(rtl) .event-card{padding-inline-end:35px}.event-dot{left:5px;width:10px;height:10px;top:24px}.timeline-page:dir(rtl) .event-dot{left:auto;right:5px}.event-main{grid-template-columns:1fr auto;gap:7px 10px;padding:17px 14px}.event-date{grid-column:1/3;font-size:9px}.event-copy{grid-column:1}.event-copy h3{font-size:17px}.timeline-page:dir(ltr) .event-copy h3{font-size:18px}.event-copy p{font-size:11px}.timeline-page:dir(rtl) .event-copy p{font-size:13px}.event-open{grid-column:2;grid-row:2;width:30px;height:30px}.event-detail-content,.timeline-page:dir(rtl) .event-detail-content{padding:0 14px 17px}.timeline-method{width:calc(100% - 32px);margin:8px auto 80px;padding:20px 0;grid-template-columns:1fr;gap:12px}.timeline-method a{grid-column:auto}.timeline-footer{width:calc(100% - 32px);flex-wrap:wrap;gap:14px}.timeline-footer span{order:3;width:100%}.empty-state{grid-column:1;min-height:220px}}
@media(prefers-reduced-motion:reduce){.timeline-page *, .timeline-page *:before,.timeline-page *:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}