:root{--ink:#17201d;--paper:#f3f0e8;--line:#c8c5b9;--green:#2f6b5f;--soft:#dce7df;--serif:Georgia,"Times New Roman",serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);line-height:1.55}.shell{width:min(1120px,calc(100% - 40px));margin-inline:auto}header{border-bottom:1px solid var(--line)}nav{height:72px;display:flex;align-items:center;justify-content:space-between}nav div{display:flex;gap:28px}a{color:inherit;text-decoration:none;border-bottom:1px solid transparent}a:hover,a:focus-visible{border-color:currentColor}.mark{font:700 23px var(--serif);letter-spacing:.08em}.hero{padding:100px 0 72px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.15em;color:var(--green)}h1,h2,h3{font-family:var(--serif);font-weight:500;line-height:1.05}h1{max-width:1000px;margin:18px 0 28px;font-size:clamp(49px,8vw,94px);letter-spacing:-.045em}.lead{max-width:720px;font-size:20px;color:#4d5652}.actions{display:flex;gap:22px;align-items:center;margin:38px 0 60px}.actions a{padding:12px 0}.actions .primary{padding:13px 20px;background:var(--ink);color:var(--paper);border:1px solid var(--ink)}.hero img{display:block;width:100%;border:1px solid var(--line);background:#ece8dc}.grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.grid>div,.grid article{padding:44px 28px;border-right:1px solid var(--line)}.grid>*:last-child{border:0}.grid h2,.start h2{font-size:clamp(36px,5vw,58px);margin:12px 0}.grid article span{font-size:12px;color:var(--green)}.grid h3{font-size:24px;margin:55px 0 15px}.grid article p{color:#59615e}.start{padding:100px 0}.start pre{margin:40px 0;padding:24px;max-width:750px;overflow:auto;background:var(--ink);color:#e9ede7;border-left:5px solid var(--green)}.start>p:last-child{max-width:720px}footer{display:flex;justify-content:space-between;padding:28px 0 50px;border-top:1px solid var(--line);font-size:13px;color:#59615e}@media(max-width:850px){.grid{grid-template-columns:1fr}.grid>div,.grid article{border-right:0;border-bottom:1px solid var(--line)}.grid h3{margin-top:25px}}@media(max-width:560px){nav div{gap:14px;font-size:13px}.hero{padding-top:70px}.actions{align-items:flex-start;flex-direction:column}.shell{width:min(100% - 28px,1120px)}footer{gap:20px;flex-direction:column}}
