:root{--green:#102c27;--green2:#183c34;--gold:#c6a46a;--cream:#f5f2e9;--paper:#fbfaf6;--ink:#202a26;--muted:#777d74;--line:#dedbd0;--serif:"Playfair Display",Georgia,serif;--sans:"DM Sans",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.7}.topline{height:4px;background:var(--gold)}a{color:inherit;text-decoration:none}.site-header{height:82px;padding:0 7.5%;display:flex;align-items:center;justify-content:space-between;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(20,44,38,.08)}.brand{display:flex;align-items:center;gap:11px;color:var(--green);letter-spacing:2px}.brand-mark{font-size:32px;color:var(--gold)}.brand b{display:block;font-size:14px;line-height:1.2}.brand small{font-size:9px;letter-spacing:3px}.site-header nav{display:flex;gap:36px;font-size:12px;color:#68716b}.site-header nav a:hover,.site-header nav a.active{color:var(--green)}.header-cta{font-size:11px;font-weight:700;letter-spacing:.4px;color:var(--green);border-bottom:1px solid var(--gold);padding:9px 0}.header-cta span{color:var(--gold);padding-left:9px}.menu-toggle{display:none;border:0;background:none;font-size:23px;color:var(--green)}
.hero{min-height:650px;background:var(--green);color:#f8f5ed;position:relative;overflow:hidden;padding:100px 10% 90px;display:flex;align-items:center}.hero-pattern{position:absolute;inset:0;opacity:.10;background-image:repeating-linear-gradient(45deg,transparent 0 30px,#c6a46a 31px,transparent 32px 60px),repeating-linear-gradient(-45deg,transparent 0 30px,#c6a46a 31px,transparent 32px 60px);mask-image:linear-gradient(90deg,transparent,black 60%,black)}.hero-content{position:relative;max-width:650px;z-index:1}.eyebrow,.section-kicker{font-size:10px;letter-spacing:2.4px;font-weight:700;color:var(--gold)}.eyebrow span{display:inline-block;width:28px;height:1px;background:var(--gold);vertical-align:middle;margin-right:12px}.arabic{font-family:"Amiri",serif;font-size:27px;color:#d4b77f;margin:34px 0 5px}.hero h1{font:600 clamp(48px,6vw,78px)/1.12 var(--serif);letter-spacing:-2px;margin:0}.hero h1 em,.section-heading h2 em,.intro h2 em,.sources-section h2 em,.method-section h2 em{font-weight:500;color:var(--gold)}.hero-copy{max-width:490px;color:#c8d0c8;font-size:14px;line-height:1.9;margin:26px 0 30px}.hero-actions{display:flex;align-items:center;gap:30px}.button{display:inline-flex;gap:28px;align-items:center;padding:14px 20px;font-size:11px;font-weight:700;letter-spacing:.4px}.button-gold{background:var(--gold);color:#172c26}.text-link{font-size:11px;font-weight:700;border-bottom:1px solid var(--gold);padding-bottom:7px}.text-link span{color:var(--gold);margin-left:8px}.hero-note{display:flex;align-items:center;gap:12px;margin-top:76px;font-size:9px;letter-spacing:1.7px;color:#aebbb1}.note-line{height:1px;width:34px;background:var(--gold)}.hero-side{position:absolute;right:12%;top:25%;width:230px;height:300px;border:1px solid rgba(198,164,106,.35);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gold);z-index:1}.side-ornament{font-size:100px;line-height:1}.side-caption{font:24px "Amiri",serif;margin-top:10px}.side-rule{width:45px;height:1px;background:var(--gold);margin:20px}.hero-side small{font-size:9px;color:#b8c2b8;text-align:center;padding:0 24px;line-height:1.7}.hero-bottom{position:absolute;bottom:25px;left:10%;right:10%;display:flex;justify-content:space-between;color:#9ba99e;font-size:9px;letter-spacing:1.5px}
.section-wrap{max-width:1160px;margin:auto;padding-left:35px;padding-right:35px}.intro{padding-top:105px;padding-bottom:100px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%;align-items:center;margin-top:25px}.intro h2,.section-heading h2,.sources-section h2,.method-section h2{font:500 clamp(34px,4vw,49px)/1.25 var(--serif);letter-spacing:-1px;margin:0;color:var(--green)}.intro h2 em,.sources-section h2 em,.method-section h2 em{color:#b18c51}.intro-text{font-size:13px;color:#4f5b54;line-height:2}.muted{color:#899087;font-size:12px}.stat-row{display:flex;border-top:1px solid var(--line);margin-top:55px;padding-top:28px;gap:90px}.stat-row div{display:flex;flex-direction:column}.stat-row b{font:38px var(--serif);color:var(--green)}.stat-row span{font-size:9px;letter-spacing:1.3px;color:#858a80}
.timeline-section{background:#f0eee6;padding:95px 0 110px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-top:22px}.section-heading p{font-size:13px;color:#7b8179;margin:12px 0 0}.heading-seal{font-size:55px;color:#c6a46a}.period-tabs{display:flex;gap:9px;margin:42px 0 35px;flex-wrap:wrap}.period-tab{border:1px solid #d9d5c9;background:transparent;color:#73786f;padding:10px 17px;font:600 10px var(--sans);cursor:pointer}.period-tab.selected,.period-tab:hover{background:var(--green);color:white;border-color:var(--green)}.timeline-layout{display:grid;grid-template-columns:230px 1fr;gap:65px}.aside-sticky{position:sticky;top:120px}.aside-label{font-size:9px;letter-spacing:2px;color:#a28b63}.period-marker{display:flex;gap:13px;align-items:flex-start;margin-top:26px}.marker-dot{width:9px;height:9px;border-radius:50%;background:var(--green);margin-top:7px;box-shadow:0 0 0 5px #dce2d9}.marker-dot.gold{background:var(--gold);box-shadow:0 0 0 5px #e9e0ce}.period-marker b{font-size:12px;display:block;color:var(--green)}.period-marker small{font-size:10px;color:#888e84}.aside-tip{margin-top:50px;border-left:1px solid var(--gold);padding:8px 0 8px 17px;color:#8b8d83}.aside-tip span{color:var(--gold);font-size:18px}.aside-tip p{font-size:10px;line-height:1.8;margin:4px 0}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:8px;top:12px;bottom:12px;width:1px;background:#d4d0c4}.timeline-card{position:relative;padding:0 0 30px 42px}.timeline-card:before{content:"";position:absolute;left:3px;top:7px;width:11px;height:11px;border-radius:50%;background:var(--gold);border:3px solid #f0eee6;box-shadow:0 0 0 1px var(--gold)}.timeline-card button{width:100%;text-align:left;border:1px solid #e1ded4;background:#fbfaf6;padding:20px 24px;display:grid;grid-template-columns:90px 1fr 25px;gap:20px;align-items:center;cursor:pointer;transition:.2s}.timeline-card button:hover{border-color:#b89a68;transform:translateY(-2px);box-shadow:0 8px 24px #253c3010}.event-year{font:20px var(--serif);color:#ad8c55}.event-period{display:block;font:9px var(--sans);letter-spacing:1px;color:#93968d;margin-top:5px}.event-title{font:600 17px var(--serif);color:var(--green);display:block}.event-desc{font-size:11px;color:#858a81;display:block;margin-top:5px;line-height:1.6}.event-arrow{font-size:19px;color:var(--gold)}.empty-state{padding:35px;color:#777}
.sources-section{background:var(--green);color:#f8f5ed;padding:105px 0}.sources-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:9%;align-items:center}.sources-section h2{color:#f8f5ed;margin:24px 0}.source-lead{font-size:13px;line-height:2;color:#bac5bb;max-width:410px;margin-bottom:28px}.dark-link{color:#f5f2e9}.source-card{background:#f8f6ef;color:var(--green);padding:25px 30px}.source-card-head{display:flex;justify-content:space-between;color:#9c8359;font-size:9px;letter-spacing:1.5px;padding-bottom:17px;border-bottom:1px solid #e3dfd3}.source-item{display:grid;grid-template-columns:35px 1fr 15px;gap:12px;align-items:center;padding:18px 0;border-bottom:1px solid #e8e4da}.source-number{font:18px var(--serif);color:#b28e54}.source-item b{font:600 13px var(--serif);display:block}.source-item small{font-size:10px;color:#888d83}.source-item>span:last-child{color:#b28e54}.source-disclaimer{font-size:10px;line-height:1.8;color:#888d83;margin:20px 0 0}
.method-section{padding:100px 0}.method-inner{text-align:center}.method-section h2{margin:20px 0 55px}.method-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:left}.method-cards article{border-top:1px solid var(--gold);padding:22px 15px}.method-cards article>span{font:20px var(--serif);color:#b18c51}.method-cards h3{font:600 18px var(--serif);color:var(--green);margin:14px 0 7px}.method-cards p{font-size:12px;color:#7b8179;line-height:1.9;margin:0}
footer{background:#0b211d;color:#d9dfd7;text-align:center;padding:40px 20px}footer .footer-brand{display:flex;align-items:center;justify-content:center;gap:10px;letter-spacing:2px;font-size:12px}footer .brand-mark{font-size:25px}footer p{font:italic 15px var(--serif);color:#c6a46a;margin:10px}footer small{font-size:9px;color:#8c9b90}
.modal-backdrop{display:none;position:fixed;inset:0;background:#071914c9;z-index:50;padding:25px;overflow:auto;align-items:center;justify-content:center}.modal-backdrop.open{display:flex}.event-modal{background:#fbfaf6;max-width:650px;width:100%;padding:48px;position:relative;max-height:90vh;overflow:auto}.modal-close{position:absolute;right:20px;top:15px;border:0;background:none;font-size:30px;color:#7c8177;cursor:pointer}.modal-kicker{font-size:10px;letter-spacing:2px;color:#b18c51}.event-modal h2{font:600 34px/1.2 var(--serif);color:var(--green);margin:15px 0}.modal-summary{font-size:14px;line-height:1.9;color:#59645c}.modal-divider{height:1px;background:#e1ddd2;margin:25px 0}.event-modal h3{font:600 16px var(--serif);color:var(--green)}.event-modal #modalDetail{font-size:13px;line-height:2;color:#606a62}.reference-box{background:#f0eee6;padding:18px 20px;margin-top:25px}.reference-box b{font-size:9px;letter-spacing:1.5px;color:#a18452}.reference-box p{font-size:12px;color:#445047;line-height:1.8}.reference-box small{font-size:10px;color:#858a81;line-height:1.7;display:block}
@media(max-width:850px){.site-header{padding:0 5%}.site-header nav{gap:18px}.hero{padding-left:7%;padding-right:7%}.hero-side{right:7%;width:190px;height:260px}.timeline-layout{grid-template-columns:175px 1fr;gap:30px}.sources-grid{gap:5%}}
@media(max-width:650px){.site-header{height:70px}.menu-toggle{display:block}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--paper);padding:20px 7%;flex-direction:column;gap:16px;border-bottom:1px solid var(--line)}.site-header nav.open{display:flex}.header-cta{display:none}.hero{min-height:650px;padding:80px 7% 95px}.hero-side{opacity:.18;right:-35px;top:24%;transform:scale(.85)}.hero-content{max-width:100%}.hero h1{font-size:54px}.hero-copy{font-size:13px;max-width:370px}.hero-bottom{left:7%;right:7%;font-size:8px}.section-wrap{padding-left:23px;padding-right:23px}.intro{padding-top:75px;padding-bottom:75px}.intro-grid,.sources-grid{grid-template-columns:1fr;gap:25px}.intro h2,.section-heading h2,.sources-section h2,.method-section h2{font-size:38px}.stat-row{gap:0;justify-content:space-between}.stat-row b{font-size:31px}.stat-row span{font-size:8px;letter-spacing:.6px}.timeline-section,.sources-section,.method-section{padding:75px 0}.timeline-layout{display:block}.timeline-aside{display:none}.timeline-card{padding-left:28px}.timeline-card button{grid-template-columns:65px 1fr 15px;gap:12px;padding:15px 12px}.event-year{font-size:17px}.event-title{font-size:15px}.event-desc{font-size:10px}.method-cards{grid-template-columns:1fr;gap:5px}.method-section h2{margin-bottom:35px}.source-card{padding:20px}.event-modal{padding:38px 23px}.event-modal h2{font-size:28px}.hero-actions{gap:20px}.button{padding:13px 14px;gap:12px}}


/* GLASSMORPHISM EDITION — visual layer */
:root{--green:#071d1b;--green2:#0d302c;--gold:#d8b778;--cream:#eaf0ed;--paper:#071a19;--ink:#e8efeb;--muted:#a9bbb4;--line:rgba(214,232,223,.14)}
body{background:radial-gradient(ellipse at 12% 8%,rgba(34,111,94,.34),transparent 34%),radial-gradient(ellipse at 90% 35%,rgba(191,151,86,.12),transparent 28%),#071a19;color:#e8efeb}
.site-header{background:rgba(5,23,22,.72);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(225,240,232,.12);color:#edf5f0}
.brand,.site-header nav a:hover,.site-header nav a.active,.header-cta{color:#edf5f0}
.hero{background:linear-gradient(120deg,rgba(7,29,27,.93),rgba(10,49,43,.76)),radial-gradient(circle at 78% 48%,rgba(203,164,101,.22),transparent 26%);min-height:700px}
.hero:after{content:"";position:absolute;width:410px;height:410px;right:10%;top:18%;border-radius:50%;border:1px solid rgba(221,190,132,.25);box-shadow:0 0 0 35px rgba(255,255,255,.018),0 0 0 75px rgba(255,255,255,.014),inset 0 0 80px rgba(211,177,116,.08);pointer-events:none}
.hero-side{background:rgba(255,255,255,.055);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.2);border-radius:28px;box-shadow:0 24px 70px rgba(0,0,0,.22)}
.button-gold{border-radius:14px;box-shadow:0 10px 28px rgba(198,164,106,.2)}
.intro{color:#e7eee9}.intro h2,.section-heading h2,.method-section h2{color:#edf4ef}.intro-text{color:#c1d0c8}.muted,.section-heading p{color:#9aada4}.stat-row{border-color:rgba(220,239,228,.16)}.stat-row b{color:#e8f0eb}.stat-row span{color:#9bada4}
.timeline-section{background:linear-gradient(145deg,#0a2421,#0d2d28 55%,#0a211f);position:relative;overflow:hidden}.timeline-section:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(rgba(218,190,137,.12) 1px,transparent 1px);background-size:34px 34px;opacity:.28}.timeline-section>.section-wrap{position:relative;z-index:1}
.timeline-tools{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:35px 0 14px}.search-box{display:flex;align-items:center;gap:12px;max-width:540px;flex:1;padding:0 17px;height:48px;border:1px solid rgba(235,247,240,.17);border-radius:15px;background:rgba(255,255,255,.07);backdrop-filter:blur(16px);box-shadow:inset 0 1px rgba(255,255,255,.08)}.search-box span{font-size:24px;color:var(--gold)}.search-box input{width:100%;border:0;outline:0;background:transparent;color:#f2f7f3;font:12px var(--sans)}.search-box input::placeholder{color:#9aada4}.event-count{font-size:10px;color:#b5c5bc;letter-spacing:.5px;white-space:nowrap}
.period-tab{border:1px solid rgba(232,245,237,.18);background:rgba(255,255,255,.045);color:#c3d0c8;border-radius:999px;padding:11px 19px;backdrop-filter:blur(12px)}.period-tab.selected,.period-tab:hover{background:rgba(215,181,119,.18);color:#f7e8c9;border-color:rgba(215,181,119,.55)}
.timeline:before{background:linear-gradient(#d8b778,rgba(216,183,120,.08))}.timeline-card:before{background:#d8b778;border-color:#0b2824;box-shadow:0 0 0 1px rgba(216,183,120,.8),0 0 18px rgba(216,183,120,.35)}
.timeline-card button{background:linear-gradient(135deg,rgba(255,255,255,.105),rgba(255,255,255,.035));border:1px solid rgba(225,242,232,.15);border-radius:19px;color:#eaf2ed;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:0 12px 32px rgba(0,0,0,.12),inset 0 1px rgba(255,255,255,.1);transition:transform .25s,border-color .25s,background .25s;animation:glassIn .45s both;animation-delay:calc(var(--item-index)*18ms)}.timeline-card button:hover{background:linear-gradient(135deg,rgba(255,255,255,.16),rgba(255,255,255,.06));border-color:rgba(216,183,120,.65);transform:translateY(-4px);box-shadow:0 18px 40px rgba(0,0,0,.22)}.event-year{color:#e0bd7c}.event-period{color:#8fa69a}.event-title{color:#f0f5f1}.event-desc{color:#a8bbb1}.event-arrow{color:#d8b778}.aside-label,.period-marker b{color:#e4ece6}.period-marker small,.aside-tip{color:#9bada4}.marker-dot{box-shadow:0 0 0 5px rgba(216,183,120,.13)}.marker-dot.gold{box-shadow:0 0 0 5px rgba(216,183,120,.2)}
.sources-section{background:linear-gradient(135deg,#061715,#0d302b);border-top:1px solid rgba(255,255,255,.1)}.source-card{background:rgba(255,255,255,.075);color:#eaf2ed;border:1px solid rgba(255,255,255,.16);border-radius:24px;backdrop-filter:blur(20px);box-shadow:0 24px 65px rgba(0,0,0,.18)}.source-card-head,.source-item{border-color:rgba(255,255,255,.13)}.source-item b{color:#edf4ef}.source-item small,.source-disclaimer{color:#a6b8ae}.source-number{color:#d8b778}.source-lead{color:#b8c9c0}.dark-link{color:#f5f2e9}
.method-section{background:radial-gradient(ellipse at 50% 0,rgba(38,103,85,.22),transparent 55%),#081d1b}.method-section h2{color:#edf4ef}.method-cards article{background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(216,183,120,.7);border-radius:18px;padding:25px;backdrop-filter:blur(14px)}.method-cards h3{color:#edf4ef}.method-cards p{color:#a8bbb1}
footer{background:#041210;border-top:1px solid rgba(255,255,255,.1)}.modal-backdrop{background:rgba(1,12,11,.78);backdrop-filter:blur(12px)}.event-modal{background:linear-gradient(145deg,rgba(20,55,48,.97),rgba(7,28,25,.98));color:#eaf2ed;border:1px solid rgba(255,255,255,.18);border-radius:25px;box-shadow:0 30px 100px rgba(0,0,0,.45)}.event-modal h2,.event-modal h3{color:#f2f6f2}.modal-summary,.event-modal #modalDetail{color:#c1d0c8}.modal-divider{background:rgba(255,255,255,.15)}.reference-box{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);border-radius:15px}.reference-box p{color:#d2ded7}.reference-box small{color:#a6b8ae}.modal-close{color:#d8e4dc}.empty-state{color:#c3d0c8;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:16px}
@keyframes glassIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:650px){.site-header nav{background:rgba(5,23,22,.96);backdrop-filter:blur(20px)}.hero{min-height:650px}.hero:after{right:-170px;top:28%;width:330px;height:330px}.timeline-tools{align-items:stretch;flex-direction:column}.search-box{max-width:none}.event-count{align-self:flex-end}.timeline-card button{grid-template-columns:65px 1fr 15px}.source-card{padding:20px}.method-cards article{padding:21px}}