:root{--earth:#39281e;--sun:#db8a31;--cream:#f7f1e7;--green:#667a4d;--ink:#2b2825;--line:#d8cabc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.78 system-ui,-apple-system,"PingFang SC",sans-serif}.top{display:flex;align-items:center;gap:26px;padding:15px max(20px,calc((100% - 1100px)/2));background:var(--earth);color:white}.brand{color:white;text-decoration:none;font-weight:900;font-size:20px}.brand span{display:block;color:#e8bd78;font-size:9px;letter-spacing:.16em}.top nav{display:flex;gap:20px;margin-left:auto}.top nav a{color:#e7ddd6;text-decoration:none;font-size:13px;font-weight:700}.get{background:var(--sun);color:white;padding:8px 12px;text-decoration:none;font-weight:800;font-size:12px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:44px;max-width:1100px;margin:auto;padding:65px 20px 74px;align-items:center}.eyebrow,.section-head p{font-size:11px;font-weight:900;letter-spacing:.18em;color:var(--sun)}h1{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(40px,6vw,72px);line-height:1.05;margin:14px 0 22px}.hero-copy>p:not(.eyebrow){font-size:18px;color:#62584f}.hero figure{margin:0}.hero img{width:100%;height:480px;object-fit:cover;border-radius:140px 140px 18px 18px}.hero figcaption{font-size:12px;margin-top:10px;color:#74685e}.themes,.stories,.notes,.faq,.article{max-width:1100px;margin:auto;padding:70px 20px}.section-head{display:grid;grid-template-columns:170px 1fr;align-items:end;margin-bottom:32px}.section-head p{grid-row:1/3;margin:0}.section-head h2{font-family:Georgia,"Noto Serif SC",serif;font-size:clamp(29px,5vw,46px);line-height:1.15;margin:0}.theme-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.theme-grid article{padding:22px;background:white;border:1px solid var(--line);border-radius:16px}.theme-grid h3{font-size:20px}.theme-grid p{color:#675d55;font-size:14px}.stories{background:white;max-width:none;padding-left:max(20px,calc((100% - 1060px)/2));padding-right:max(20px,calc((100% - 1060px)/2))}.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.story-grid article{border:1px solid var(--line);background:var(--cream)}.story-grid img{width:100%;height:300px;object-fit:cover}.story-grid div{padding:18px}.story-grid span{font-size:11px;color:var(--sun);font-weight:900}.story-grid h3{font-size:21px;margin:5px 0}.story-grid p{color:#635950}.story-grid a{color:var(--earth);font-weight:900}.notes{display:grid;grid-template-columns:.8fr 1.2fr;gap:38px}.note-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.note-list article{padding:18px;background:#e9dfcf}.note-list h3{margin:0}.note-list p{font-size:14px;color:#625850}.faq details{padding:17px 0;border-top:1px solid var(--line)}.faq summary{font-weight:900}.faq p{color:#635950}footer{padding:45px max(20px,calc((100% - 1060px)/2));background:var(--earth);color:white}footer a{color:#edb366}.article-hero{display:grid;grid-template-columns:1fr .75fr;gap:45px;max-width:1040px;margin:auto;padding:68px 20px}.article-hero img{width:100%;height:430px;object-fit:cover;border-radius:18px}.article-hero .tag{color:var(--sun);font-size:12px;font-weight:900}.article-hero p{color:#635950}.article section{margin:0 0 42px}.article h2{font-family:Georgia,"Noto Serif SC",serif;font-size:31px}.article p{color:#5c534c}.article .quote{padding:22px;border-left:6px solid var(--sun);background:white}.article .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.article .facts div{padding:18px;background:white;border:1px solid var(--line)}@media(max-width:760px){.top{padding:12px 16px}.top nav{display:none}.get{margin-left:auto}.hero,.article-hero{grid-template-columns:1fr;padding:42px 18px 55px}h1{font-size:40px}.hero-copy>p:not(.eyebrow){font-size:16px}.hero figure{width:82%;margin:auto}.hero img{height:340px}.themes,.stories,.notes,.faq,.article{padding:54px 18px}.section-head{display:block}.section-head p{margin-bottom:7px}.section-head h2{font-size:30px}.theme-grid{grid-template-columns:1fr 1fr}.story-grid{grid-template-columns:1fr 1fr}.story-grid img{height:220px}.notes{grid-template-columns:1fr}.note-list{grid-template-columns:1fr}.article-hero img{height:300px;order:-1}.article .facts{grid-template-columns:1fr}}