:root{color-scheme:light;--ink:#183b43;--muted:#627c80;--paper:#f6f4ed;--line:#d7dfd8;--blue:#c7dfdf;--green:#456858}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.7 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:5px}header,main,footer{width:min(1120px,calc(100% - 48px));margin:auto}header{display:flex;align-items:center;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--line)}.logo{font:800 25px/1 system-ui,sans-serif;letter-spacing:-2px;text-decoration:none}.logo span{color:var(--green)}nav{display:flex;gap:28px;font:13px/1.5 system-ui,sans-serif}nav a{text-decoration:none}.eyebrow,.meta{font:12px/1.6 system-ui,sans-serif;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.hero{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:72px 0 64px}h1{font-weight:400;font-size:clamp(42px,5.5vw,76px);line-height:1.08;letter-spacing:-2px;margin:16px 0 28px}.lead{font-size:20px;color:var(--muted);max-width:480px}.landscape{width:100%;height:auto;display:block;border-radius:180px 180px 8px 8px}.section-title{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid var(--line);padding-top:28px;margin-bottom:20px}.section-title h2{font-size:29px;font-weight:400;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-bottom:72px}.card{border-bottom:1px solid var(--line);padding-bottom:24px}.card h3{font-size:26px;line-height:1.25;font-weight:400;margin:16px 0}.card h3 a{text-decoration:none}.card p{color:var(--muted);font-size:16px}.number{display:block;color:#6c8e82;font:13px system-ui,sans-serif;padding-top:12px}.essay{max-width:720px;margin:70px auto 90px}.essay h1{font-size:clamp(40px,5vw,60px);margin-bottom:35px}.essay h2{font-size:28px;font-weight:400;margin-top:40px}.essay p{margin:22px 0}.essay .intro{font-size:22px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:28px 0 40px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:12px/1.6 system-ui,sans-serif}.back{font:13px system-ui,sans-serif}a:hover{color:#467b6d}a:focus-visible{outline:2px solid #467b6d;outline-offset:5px}@media(max-width:700px){header,main,footer{width:calc(100% - 36px)}.hero{grid-template-columns:1fr;gap:30px;padding-top:44px}.hero .art{max-width:430px;width:100%;margin:auto}.cards{grid-template-columns:1fr;gap:15px}.section-title .meta{display:none}.essay{margin-top:44px}nav{gap:18px}footer{flex-direction:column;gap:6px}}