:root{--ink:#222b25;--dark:#172720;--paper:#f5f1e7;--sand:#e9dfcc;--gold:#b58a4f;--muted:#606b60}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,serif}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:0 28px}.mast{background:var(--dark);color:#f7f3e8}.nav{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px;border-bottom:1px solid #ffffff25}.brand{text-decoration:none;text-transform:uppercase;letter-spacing:.12em;font-size:15px}.brand b{color:#d5b475}.links{display:flex;gap:22px;flex-wrap:wrap;font:11px Arial,sans-serif;text-transform:uppercase;letter-spacing:.1em}.links a{text-decoration:none;color:#e0e5d9}.links a:hover,.links a[aria-current]{color:#e2bb79}.hero{padding:100px 0 90px;max-width:800px}.tag{font:11px Arial,sans-serif;letter-spacing:.2em;text-transform:uppercase;color:#c5a36d}.hero h1{font-size:clamp(50px,7vw,86px);line-height:1.03;letter-spacing:-.04em;font-weight:normal;margin:24px 0}.hero p{font-size:20px;line-height:1.6;color:#d3dbd0;max-width:640px}.hero small{font:12px Arial,sans-serif;letter-spacing:.1em;color:#d7b983;text-transform:uppercase}.homehero{position:relative;overflow:hidden}.homehero:after{content:'◯';position:absolute;right:9%;top:60px;font-size:280px;line-height:1;color:#d1af7240;pointer-events:none}.intro{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;padding-top:85px;padding-bottom:80px}.intro h2,.section-title{font-size:clamp(34px,4vw,52px);line-height:1.1;font-weight:normal;margin:18px 0}.intro p,.lead{font-size:18px;line-height:1.8;color:#596459;margin:0}.periods{background:var(--sand);padding:80px 0}.period{display:grid;grid-template-columns:65px 1fr 1fr 30px;gap:28px;align-items:center;border-top:1px solid #c9bda8;padding:28px 0;text-decoration:none}.period:last-child{border-bottom:1px solid #c9bda8}.period:hover h3{text-decoration:underline;text-underline-offset:5px}.period .number{color:#a27d4a;font:12px Arial,sans-serif}.period h3{font-size:25px;font-weight:normal;margin:0}.period p{font:14px/1.7 Arial,sans-serif;color:#626b5e;margin:0}.arrow{font-size:25px;color:#a27d4a}.article{display:grid;grid-template-columns:240px 1fr;gap:75px;padding-top:80px;padding-bottom:80px}.side{font:13px/1.8 Arial,sans-serif;color:#70796d}.side strong{display:block;font-size:10px;letter-spacing:.16em;color:#a4814e;text-transform:uppercase;margin-bottom:15px}.side a{display:block;text-decoration:none;margin-bottom:8px}.side a:hover{text-decoration:underline}.prose{max-width:720px}.prose section{margin:0 0 52px}.prose h2{font-size:32px;font-weight:normal;line-height:1.2;margin:0 0 18px}.prose p{font-size:18px;line-height:1.85;color:#48554a;margin:0}.sources{border-top:1px solid #d2c9b8;padding-top:32px}.sources h2{font-size:24px}.sources ul{padding-left:20px}.sources li{font:14px/1.8 Arial,sans-serif;color:#5d685c}.sources a{text-underline-offset:4px}.pagination{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #d2c9b8;padding-top:30px;font:13px/1.5 Arial,sans-serif}.pagination a{text-decoration:none;color:#80633e}.pagination a:hover{text-decoration:underline}.note{padding:65px 0;background:#293c31;color:#e4e9df}.note p{font-size:25px;line-height:1.5;max-width:780px}footer{padding:30px 0;border-top:1px solid #d6cfbf;font:11px Arial,sans-serif;color:#778073;letter-spacing:.08em;text-transform:uppercase}footer .wrap{display:flex;justify-content:space-between;gap:20px}@media(max-width:750px){.nav{padding:20px 0;align-items:flex-start;flex-direction:column}.links{gap:12px}.hero{padding:70px 0}.homehero:after{font-size:160px;right:0;top:100px}.hero h1,.hero p,.hero .tag{position:relative;z-index:1}.intro{grid-template-columns:1fr;gap:10px;padding-top:60px;padding-bottom:60px}.periods{padding:60px 0}.period{grid-template-columns:40px 1fr 25px;gap:12px}.period p{grid-column:2/3}.period .arrow{grid-column:3;grid-row:1}.article{display:block;padding-top:55px}.side{margin-bottom:45px}.side a{display:inline-block;margin-right:14px}.prose h2{font-size:28px}footer .wrap{flex-direction:column}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}