:root{--ink:#152f36;--muted:#63716f;--paper:#f7f5ee;--line:#d4d8ce;--accent:#be8d3b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:6px}.wrap{max-width:1200px;margin:auto;padding:0 48px}.skip{position:absolute;top:-100px;padding:12px;background:var(--ink);color:white}.skip:focus{top:10px;z-index:3}header{display:flex;align-items:center;justify-content:space-between;min-height:116px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:2px;font-size:23px}.brand span{font-size:10px;letter-spacing:1.3px;font-weight:400;margin-left:13px;border-left:1px solid var(--line);padding-left:20px;text-transform:uppercase}nav{display:flex;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:52px;align-items:center;padding:68px 0 76px}.eyebrow{font-size:10px;letter-spacing:2.1px;font-weight:700;margin:0 0 29px}.hero h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.3vw,58px);line-height:1.1;font-weight:400;letter-spacing:-2px;margin:0 0 25px}.hero h1 em{font-weight:400;color:#6c7e75}.intro{max-width:365px;color:var(--muted);font-size:15px;line-height:1.8;margin-bottom:28px}.text-link{display:inline-block;font-size:13px;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:8px}.text-link span{margin-left:28px}.illustration svg{display:block;width:100%;height:auto}.caption{display:block;margin-top:12px;font-size:9px;letter-spacing:2px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:1px solid var(--ink);padding-bottom:20px}.section-head h2{font:400 35px Georgia,serif;margin:0}.section-head p{font-size:12px;color:var(--muted);margin:0}.note{display:grid;grid-template-columns:72px 1fr 48px;align-items:center;border-bottom:1px solid var(--line);padding:28px 0;transition:padding .2s}.note:hover{padding-left:10px}.number{align-self:start;font:italic 19px Georgia,serif;color:var(--muted);padding-top:3px}.category{font-size:9px;letter-spacing:1.6px;text-transform:uppercase;color:var(--muted)}.note h3{font:400 29px Georgia,serif;margin:9px 0}.note p{font-size:13px;color:var(--muted);margin:0;line-height:1.6}.arrow{font-size:28px;justify-self:end}.manifesto{padding:68px 0 75px;display:flex;justify-content:space-between;align-items:center}.manifesto p{font:400 30px/1.35 Georgia,serif;letter-spacing:-.5px;margin:0}.manifesto .text-link{font-size:12px}footer{border-top:1px solid var(--line);padding:27px 0 34px;display:flex;align-items:center;gap:24px;font-size:10px;color:var(--muted)}.foot-brand{font:400 24px Georgia,serif;color:var(--ink)}footer p{flex:1}footer a:hover{text-decoration:underline}.article{max-width:690px;padding:60px 0 90px;margin:auto}.back{display:inline-block;font-size:12px;color:var(--muted);margin-bottom:45px}.article h1{font:400 clamp(38px,5vw,57px)/1.12 Georgia,serif;letter-spacing:-1.5px;margin:12px 0 25px}.lead{font:400 23px/1.5 Georgia,serif;color:var(--muted)}.article-rule{border-top:1px solid var(--line);margin:36px 0}.article h2{font:400 29px/1.3 Georgia,serif;margin:36px 0 15px}.article section p,.article>p:not(.eyebrow):not(.lead){font-size:16px;line-height:1.9;color:#3e5354}.article .text-link{margin-top:30px}@media(max-width:800px){.wrap{padding:0 25px}.brand span{display:none}.hero{gap:25px;padding:45px 0}.hero h1{font-size:40px;letter-spacing:-1px}.section-head p{max-width:210px;text-align:right;line-height:1.6}.manifesto{gap:30px}.manifesto p{font-size:25px}footer{flex-wrap:wrap;gap:13px}footer p{flex-basis:65%}}@media(max-width:560px){header{min-height:85px}.brand{font-size:20px;gap:8px}nav{gap:18px;font-size:12px}.hero{grid-template-columns:1fr;gap:35px}.hero h1{font-size:43px}.intro{max-width:100%}.illustration{max-width:420px}.section-head h2{font-size:30px}.section-head p{max-width:150px;font-size:10px}.note{grid-template-columns:35px 1fr 25px;padding:24px 0}.note h3{font-size:25px}.note p{font-size:12px}.arrow{font-size:23px}.manifesto{display:block;padding:45px 0}.manifesto .text-link{margin-top:24px}.article{padding:35px 0 55px}.article h1{font-size:40px}.article h2{font-size:26px}.article section p,.article>p:not(.eyebrow):not(.lead){font-size:15px}.lead{font-size:21px}footer p{flex-basis:75%;line-height:1.6}footer span{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note{transition:none}}
