@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Newsreader:opsz,wght@6..72,500;6..72,600&display=swap");

:root { font-family:"DM Sans",sans-serif; color:#17201d; background:#f4f1e9; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 85% 0,rgba(194,220,205,.8),transparent 34rem); }
main { width:min(940px,calc(100% - 40px)); margin:auto; padding:12vh 0 80px; }
.eyebrow { color:#176b58; text-transform:uppercase; letter-spacing:.16em; font-size:11px; font-weight:600; }
h1 { font:600 clamp(64px,12vw,132px)/.8 "Newsreader",serif; margin:30px 0; letter-spacing:-.04em; }
.intro { max-width:620px; color:#66706b; font-size:18px; line-height:1.6; }
section { margin-top:12vh; border-top:1px solid #cfd2ca; }
a { display:grid; grid-template-columns:55px 1fr 35px; gap:20px; align-items:start; padding:28px 5px; color:inherit; text-decoration:none; border-bottom:1px solid #cfd2ca; transition:.2s ease; }
a:hover { padding-left:15px; background:rgba(255,255,255,.35); }
.number { color:#176b58; font-size:11px; }
h2 { font:600 31px/1 "Newsreader",serif; margin:0 0 9px; }
a p { color:#66706b; line-height:1.6; margin:0; max-width:650px; font-size:13px; }
.arrow { font-size:20px; }