*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f3f0e7;color:#192f27;font:16px/1.7 Arial,sans-serif}a{color:inherit}a:focus-visible{outline:3px solid #b86c43;outline-offset:5px}.shell{max-width:1180px;padding:0 30px;margin:auto}.top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px 0;border-bottom:1px solid #c9cec0}.brand{font:bold 20px monospace;text-decoration:none;letter-spacing:1px}.brand span{color:#b76841}.top nav{display:flex;gap:25px;font:12px monospace}.top nav a{text-decoration:none}.top nav a:hover{text-decoration:underline}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:center;padding:65px 0 70px}.label{font:11px/1.7 monospace;letter-spacing:2px;text-transform:uppercase;color:#768371}h1,h2,h3{font-family:Georgia,serif;font-weight:400}h1{font-size:clamp(42px,5vw,66px);line-height:1.08;letter-spacing:-2px;margin:20px 0}h1 em{color:#a15e39;font-style:normal}.lead{max-width:520px;color:#697364;font-size:16px;line-height:1.9}.button{display:inline-block;margin-top:15px;background:#234435;color:#f3f0e7;padding:13px 23px;text-decoration:none;font:12px/1.6 monospace;border-radius:3px}.button:hover{background:#172f24}.hero-display{background:#203c32;color:#e9e3ce;border-radius:8px;overflow:hidden;box-shadow:12px 12px 0 #dce0d1}.hero-display img{width:100%;height:auto;display:block}.display-foot{display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid #60715c;font:11px monospace;color:#c4cbb2}.section-title{display:flex;justify-content:space-between;align-items:end;gap:25px;margin:30px 0}h2{font-size:37px;line-height:1.2;margin:12px 0}.muted{font:12px/1.8 monospace;color:#71816f}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.card{text-decoration:none;display:block}.card img{width:100%;height:auto;display:block;border-radius:5px}.card .meta{display:flex;justify-content:space-between;margin-top:15px;font:11px monospace;color:#7b876f}h3{font-size:29px;line-height:1.3;margin:10px 0}.card p{font-size:14px;color:#697364;margin:0}.card:hover h3{text-decoration:underline;text-underline-offset:6px}.timeline{margin:70px 0;background:#e4e8db;padding:38px;border-radius:6px}.timeline-list{display:grid;grid-template-columns:repeat(6,1fr);margin-top:30px;gap:12px}.timeline-list a{border-top:2px solid #9aa890;padding-top:17px;text-decoration:none}.year{font:22px monospace;color:#a15e39}.timeline-list span{display:block;font:11px/1.7 monospace;margin-top:8px}.about{max-width:780px;margin:60px auto}.about p{color:#697364}.footer{border-top:1px solid #c9cec0;margin-top:65px;padding:25px 0 35px;display:flex;justify-content:space-between;gap:25px;font:11px/1.8 monospace;color:#768371}.crumb{display:inline-block;margin-top:35px;text-decoration:none;font:12px monospace}.article-head{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;padding:35px 0 45px}.article-head img{width:100%;height:auto;border-radius:6px}.article-body{max-width:740px;margin:0 auto 60px;font-size:17px;line-height:1.9}.specs{display:flex;gap:25px;margin:25px 0;padding:22px;background:#e4e8db;font:13px monospace}.sources{border-top:1px solid #c9cec0;margin-top:40px;padding-top:15px;font:12px/1.8 monospace} @media(max-width:800px){.hero,.article-head{grid-template-columns:1fr;gap:25px;padding:35px 0 45px}.hero-display{max-width:600px}.grid{grid-template-columns:repeat(2,1fr)}.timeline-list{grid-template-columns:repeat(3,1fr);gap:25px}.section-title{align-items:start;flex-direction:column;gap:0}}@media(max-width:480px){.shell{padding:0 20px}.top{flex-wrap:wrap;padding:20px 0;gap:16px}.top nav{gap:18px;font-size:11px}.brand{font-size:18px}h1{font-size:45px}h2{font-size:32px}.grid{grid-template-columns:1fr}.timeline{padding:25px;margin:45px 0}.timeline-list{grid-template-columns:repeat(2,1fr)}.footer{flex-direction:column;gap:8px}.specs{flex-direction:column;gap:12px}.article-body{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}