:root{color-scheme:light;--paper:#efeee8;--ink:#34472f;--muted:#707c6a;--line:#d9ddcf;--sage:#d0dbbc;--accent:#b9482d}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 system-ui,-apple-system,sans-serif}a{color:inherit;text-underline-offset:4px}nav,main,footer{max-width:960px;margin:auto;padding:24px}nav{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);gap:20px}.brand{font-size:36px;font-weight:800;letter-spacing:-2px;text-decoration:none}.brand span{color:var(--accent)}nav .links,footer{display:flex;gap:20px;flex-wrap:wrap;font-size:14px}main{padding-top:56px;padding-bottom:64px}h1,h2{font-family:Georgia,serif;line-height:1.12;font-weight:500}h1{font-size:clamp(36px,6vw,66px);letter-spacing:-2px;margin:14px 0 24px}h2{font-size:29px;margin:38px 0 14px}.eyebrow{font-size:11px;letter-spacing:3px;text-transform:uppercase}.lead{font-size:21px;max-width:650px}.muted,small{color:var(--muted)}.hero{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:36px}.icon{width:100%;height:auto;border-radius:28%;mix-blend-mode:multiply}.pill{display:inline-block;border:1px solid var(--line);border-radius:999px;padding:10px 18px;font-size:13px;background:#ffffff60}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0}.card{padding:24px;border-radius:18px;background:#ffffff65;border:1px solid var(--line)}.card h2{font:600 18px system-ui;margin:0 0 10px}.card p{font-size:14px;margin:0}.article{max-width:760px}.article p,.article li{font-size:16px}.article li{margin:10px 0}.note{padding:20px 24px;border-left:4px solid var(--accent);background:#ffffff55;border-radius:0 12px 12px 0}footer{border-top:1px solid var(--line);padding-top:24px;padding-bottom:40px}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:600;cursor:pointer}details p{margin-bottom:0}@media(max-width:650px){nav{align-items:flex-start}.links{gap:12px!important;max-width:210px;justify-content:flex-end}.hero{grid-template-columns:1fr;gap:10px}.hero .icon{width:230px;margin:auto;grid-row:1}.cards{grid-template-columns:1fr}main{padding-top:32px}h1{letter-spacing:-1px}.lead{font-size:18px}}