:root{--black:#090806;--gold:#d7a72a;--gold2:#f3d57b;--cream:#f4efe3;--muted:#b8ae99;--line:rgba(215,167,42,.28);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--cream);font-family:Arial,Helvetica,sans-serif;line-height:1.6}img{max-width:100%;display:block}a{color:inherit}button,input,select{font:inherit}[hidden]{display:none!important}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}.skip{position:absolute;left:-999px;top:10px;background:#fff;color:#000;padding:10px;z-index:99}.skip:focus{left:10px}.eyebrow{color:var(--gold2);font-size:.78rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
header{position:sticky;top:0;z-index:50;background:rgba(9,8,6,.96);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:Georgia,serif;font-weight:700;letter-spacing:.04em}.brand img{width:55px;height:55px;border-radius:50%}.navlinks{display:flex;align-items:center;gap:22px}.navlinks a{text-decoration:none;font-size:.9rem;font-weight:700}.navlinks a:hover,.navlinks a:focus,.navlinks a.active{color:var(--gold2)}.menu{display:none;border:1px solid var(--line);background:transparent;color:#fff;font-size:1.5rem;border-radius:5px;padding:4px 11px}
.timeline-hero{padding:85px 0;background:radial-gradient(circle at 80% 42%,rgba(180,121,15,.26),transparent 28%),linear-gradient(115deg,#050504,#171006 58%,#070605);border-bottom:1px solid var(--line)}.hero-grid{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;gap:65px}.timeline-hero h1{font-family:Georgia,serif;font-size:clamp(3rem,7vw,6rem);line-height:.95;margin:12px 0 24px;letter-spacing:-.04em}.timeline-hero p{max-width:760px;color:#d6cebf;font-size:1.15rem}.hero-mark{justify-self:end;width:min(100%,290px);aspect-ratio:1;border:1px solid var(--gold);border-radius:50%;display:grid;place-content:center;text-align:center;background:rgba(0,0,0,.3)}.hero-mark strong{font-family:Georgia,serif;color:var(--gold2);font-size:5.5rem;line-height:.9}.hero-mark span{color:#d7ccb5;text-transform:uppercase;letter-spacing:.12em;font-size:.72rem;font-weight:900;margin-top:18px}
.explorer{padding:80px 0}.section-head{max-width:850px;margin-bottom:30px}.section-head h2,.timeline-cta h2{font-family:Georgia,serif;font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;margin:8px 0 15px}.section-head p{color:#c8bead}.category-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:30px 0 40px}.category-button{border:1px solid var(--line);background:#100e0a;color:#e7dece;padding:15px 12px;text-align:left;cursor:pointer;min-height:83px}.category-button strong{display:block;color:var(--gold2);font-family:Georgia,serif;font-size:1.05rem}.category-button span{color:#aaa18f;font-size:.78rem}.category-button:hover,.category-button:focus,.category-button.active{border-color:var(--gold);background:#2a1d07}.timeline-tools{display:grid;grid-template-columns:1.5fr .75fr .65fr;gap:14px;border:1px solid var(--line);background:#100e0a;padding:22px}.timeline-tools label{display:block;color:#ded5c5;font-size:.8rem;font-weight:900;margin-bottom:7px}.timeline-tools input,.timeline-tools select{width:100%;min-height:49px;border:1px solid #80641f;background:#050504;color:#fff;padding:10px 12px}.timeline-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:25px 0}.timeline-summary p{margin:0;color:#d6ccba;font-weight:800}.text-button{border:0;background:transparent;color:var(--gold2);font-weight:900;text-decoration:underline;cursor:pointer}
.category-summary{margin-top:-18px}.category-list{margin-bottom:20px}.search-timeline-head{margin-top:85px;padding-top:55px;border-top:1px solid var(--line)}
.timeline-list{position:relative;margin-top:10px}.timeline-list:before{content:"";position:absolute;left:117px;top:0;bottom:0;width:1px;background:linear-gradient(var(--gold),rgba(215,167,42,.08))}.period-heading{position:relative;display:grid;grid-template-columns:95px 1fr;gap:44px;align-items:center;margin:45px 0 20px}.period-heading:first-child{margin-top:0}.period-heading strong{color:var(--gold2);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase;text-align:right}.period-heading h2{font-family:Georgia,serif;font-size:2rem;margin:0}.timeline-card{position:relative;display:grid;grid-template-columns:95px 1fr;gap:44px;margin-bottom:18px}.timeline-year{text-align:right;color:var(--gold2);font-family:Georgia,serif;font-weight:800;font-size:1.05rem;padding-top:22px}.timeline-content{position:relative;border:1px solid var(--line);background:#100e0a;padding:21px 23px}.timeline-content:before{content:"";position:absolute;left:-31px;top:28px;width:11px;height:11px;border:2px solid var(--gold);border-radius:50%;background:#090806}.timeline-content h3{font-family:Georgia,serif;font-size:1.55rem;line-height:1.15;margin:0 0 5px}.timeline-title{color:var(--gold2);font-weight:900;margin:0 0 10px}.timeline-description{color:#cfc5b4;margin:0 0 15px}.tag-row{display:flex;gap:7px;flex-wrap:wrap;margin:13px 0}.tag{border:1px solid var(--line);color:#cfc5b4;padding:4px 8px;font-size:.7rem;text-transform:uppercase;letter-spacing:.06em}.card-actions{display:flex;gap:14px;flex-wrap:wrap}.card-actions a{color:var(--gold2);font-weight:900;text-decoration:none}.card-actions a:hover,.card-actions a:focus{text-decoration:underline}.button{display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#f0ca67,#ae7813);color:#100c05;text-decoration:none;padding:13px 20px;border-radius:4px;font-weight:900;border:1px solid #f5db87;cursor:pointer}.button.alt{background:transparent;color:var(--gold2);border-color:var(--gold)}.load-area{text-align:center;margin-top:35px}.empty-state{text-align:center;border:1px solid var(--line);padding:55px 20px}.empty-state h3{font-family:Georgia,serif;font-size:2rem;margin:0 0 10px}
.timeline-cta{padding:70px 0;background:#f2eee4;color:#18140d}.timeline-cta .eyebrow{color:#8e630d}.cta-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:center}.actions{display:flex;gap:12px;flex-wrap:wrap}.timeline-cta .button.alt{color:#704b07}.noscript{padding:20px;background:#7a1d1d;color:#fff;text-align:center}footer{padding:45px 0;background:#050504;color:#aaa18f}.foot{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.foot strong,.foot a{color:#e6c45f}.social{display:flex;gap:18px;justify-content:flex-end;flex-wrap:wrap}.social a{text-decoration:none;font-weight:800}.legal{font-size:.82rem;border-top:1px solid var(--line);margin-top:30px;padding-top:20px}
@media(max-width:1100px){.menu{display:block}.navlinks{display:none;position:absolute;top:78px;left:0;right:0;padding:20px;background:#0b0a08;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex}.category-buttons{grid-template-columns:repeat(3,1fr)}}
@media(max-width:800px){.hero-grid,.cta-grid{grid-template-columns:1fr}.hero-mark{justify-self:start;width:190px}.timeline-tools{grid-template-columns:1fr}.category-buttons{grid-template-columns:repeat(2,1fr)}.cta-grid{gap:25px}.foot{grid-template-columns:1fr}.social{justify-content:flex-start}}
@media(max-width:600px){.wrap{width:min(calc(100% - 26px),var(--max))}.brand span{font-size:.84rem}.brand img{width:48px;height:48px}.timeline-hero{padding:55px 0}.hero-mark{width:150px}.hero-mark strong{font-size:3.8rem}.explorer{padding:55px 0}.category-buttons{grid-template-columns:1fr}.timeline-summary{align-items:flex-start;flex-direction:column}.timeline-list:before{left:10px}.period-heading,.timeline-card{grid-template-columns:1fr;gap:8px;padding-left:32px}.period-heading strong,.timeline-year{text-align:left;padding:0}.timeline-content:before{left:-29px}.timeline-content{padding:18px}.actions,.actions .button{width:100%}.card-actions{flex-direction:column;gap:8px}}