@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@500;600;700;900&family=ZCOOL+XiaoWei&display=swap');
:root{--ink:#20332f;--paper:#f8f4eb;--orange:#e9623c;--yellow:#f2c958;--green:#8ead86;--line:#d9d1c1;--serif:"Noto Serif SC",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);line-height:1.75}.hero{min-height:650px;background:var(--ink);color:#fff7e8;padding:24px max(5vw,28px) 0;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #506a64;border-radius:50%;right:-150px;top:80px;box-shadow:0 0 0 35px #29433d,0 0 0 36px #506a64,0 0 0 70px #29433d,0 0 0 71px #506a64;opacity:.7}nav{display:flex;align-items:flex-start;justify-content:space-between;position:relative;z-index:1}.brand{color:#fff7e8;text-decoration:none;font-size:26px;font-weight:900;letter-spacing:3px;line-height:1}.brand span{display:block;color:var(--yellow);font-family:Arial,sans-serif;font-size:8px;letter-spacing:2px;margin-top:6px}.nav-link{color:#fff7e8;text-decoration:none;border-bottom:1px solid var(--yellow);font-size:14px}.hero-copy{position:relative;z-index:1;max-width:740px;padding:108px 0 120px}.eyebrow{color:var(--orange);font-family:Arial,sans-serif;font-weight:bold;letter-spacing:2px;font-size:12px;text-transform:uppercase;margin:0 0 11px}.hero h1{font-size:clamp(37px,5.4vw,70px);letter-spacing:1px;line-height:1.25;margin:0 0 23px}.hero h1 em{color:var(--yellow);font-style:normal}.intro{max-width:570px;font-size:18px;color:#d8e0c9;margin-bottom:28px}.button{font:700 15px var(--serif);border:0;display:inline-block;text-decoration:none;cursor:pointer;padding:12px 22px;border-radius:2px}.primary{background:var(--orange);color:white}.quiet{color:#fff7e8;margin-left:8px;border-bottom:1px solid var(--yellow)}.dynasty-strip{position:absolute;bottom:0;left:0;right:0;z-index:1;display:flex;align-items:center;gap:12px;overflow:auto;padding:18px 5vw;background:#172924;color:#bdd1c0;font-size:13px;white-space:nowrap}.dynasty-strip i{height:1px;width:32px;background:var(--yellow);flex:none}.section{padding:98px max(5vw,28px)}.section-heading{max-width:610px}.section h2{font-size:clamp(29px,4vw,48px);line-height:1.35;margin:0 0 9px}.section-heading>p:last-child{color:#6a746d;margin:0}.timeline{display:flex;margin-top:46px;border-bottom:1px solid var(--line);overflow:auto}.era{background:none;border:0;color:var(--ink);font-family:var(--serif);text-align:left;min-width:150px;padding:0 22px 21px 0;margin-right:18px;cursor:pointer;position:relative}.era b{display:block;font-size:32px}.era small{display:block;color:var(--orange);font-size:15px}.era span{font-family:Arial,sans-serif;color:#758078;font-size:11px}.era.active:after{content:"";height:5px;width:100%;position:absolute;left:0;bottom:-2px;background:var(--orange)}.era-card{max-width:800px;background:#fffdf6;border-left:6px solid var(--yellow);padding:30px 36px;margin-top:37px;box-shadow:9px 9px 0 #eae2d2}.era-card h3{font-size:25px;margin:0 0 10px;line-height:1.5}.era-card p{margin:8px 0}.card-kicker{color:var(--orange);font-size:13px;font-weight:bold}.memory{color:#637268}.story{background:#dae6d4;display:grid;grid-template-columns:1.3fr .7fr;gap:55px}.story-card h2{font-size:clamp(28px,3.5vw,44px)}.fact-row{display:flex;gap:20px;flex-wrap:wrap;margin-top:25px}.fact-row span{background:#f4f8ed;padding:7px 12px;font-size:13px}.fact-row b{display:block;color:var(--orange);font-size:11px}.why{border-left:1px solid #93aa8d;padding:34px 0 0 35px}.quote{font:90px Georgia;color:var(--orange);line-height:.4}.why h3{font-size:25px;line-height:1.5}.quiz{background:#e9623c;color:#fffaf0}.quiz .eyebrow{color:#ffe29b}.quiz-box{background:#fffaf0;color:var(--ink);max-width:720px;margin-top:38px;padding:28px 32px;box-shadow:10px 10px 0 #bd452b}.quiz-progress{display:flex;align-items:center;gap:15px;font:12px Arial;color:#758078}.quiz-progress>div{height:5px;flex:1;background:#e5ddd0}.quiz-progress i{height:100%;display:block;background:var(--orange);width:33%;transition:width .3s}.quiz-box h3{font-size:23px;line-height:1.55}.answers{display:grid;gap:9px}.answer{font:16px var(--serif);text-align:left;padding:13px 15px;background:white;border:1px solid var(--line);color:var(--ink);cursor:pointer}.answer:hover:not(:disabled){border-color:var(--orange)}.answer.correct{background:#dcebd8;border-color:#71966c}.answer.wrong{background:#f7dfd7;border-color:var(--orange)}.feedback{min-height:28px;color:#466443;font-size:14px;margin:14px 0 4px}.feedback.error{color:#a14331}.next{margin-top:8px}.habit{display:grid;grid-template-columns:1fr 1fr;gap:70px}.habit ol{margin:0;padding:0;list-style:none}.habit li{display:flex;gap:22px;padding:18px 0;border-top:1px solid var(--line)}.habit li:last-child{border-bottom:1px solid var(--line)}.habit li b{color:var(--orange);font:700 14px Arial}.habit li strong{display:block;font-size:19px}footer{background:var(--ink);color:#f6f0e4;padding:25px 5vw;font-size:14px}footer span{color:#9fb0a2;margin-left:17px;font-size:12px}@media(max-width:650px){.hero{min-height:600px}.hero-copy{padding-top:80px}.intro{font-size:16px}.section{padding-top:70px;padding-bottom:70px}.story,.habit{grid-template-columns:1fr;gap:25px}.why{padding:20px 0 0 22px}.era-card{padding:24px 22px}.quiz-box{padding:22px}.quiet{display:none}.timeline{margin-right:-28px}}