:root{color-scheme:dark;--bg:#181818;--fg:#eeeae2;--muted:#aaa69e;--line:#3b3a36}html[data-theme=light]{color-scheme:light;--bg:#f3f0e9;--fg:#232321;--muted:#68655e;--line:#d5d0c6}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:Arial,Helvetica,sans-serif;line-height:1.65}main,header,footer{max-width:1050px;margin:auto;padding-inline:48px}header{display:flex;align-items:center;justify-content:space-between;padding-top:35px;font-size:12px;letter-spacing:.1em}button{background:none;color:var(--muted);border:1px solid var(--line);padding:8px 13px;border-radius:30px;cursor:pointer;font:inherit;letter-spacing:0}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:6px}a:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:6px}.hero{padding:100px 0 78px;max-width:870px}.label{font-size:11px;letter-spacing:.17em;text-transform:uppercase;color:var(--muted)}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(50px,7vw,86px);letter-spacing:-.05em;line-height:1.06;margin:23px 0 30px}.intro{font-family:Georgia,serif;font-size:clamp(23px,3vw,31px);line-height:1.45;max-width:700px}.intro p{margin:0}.intro p+p{margin-top:10px}.section{border-top:1px solid var(--line);display:grid;grid-template-columns:220px 1fr;gap:40px;padding:42px 0;font-size:17px}.section p{margin:0 0 18px}h2{font-family:Georgia,serif;font-weight:400;font-size:34px;line-height:1.2;margin:0 0 13px}.muted{color:var(--muted)}.essay{display:block;border-top:1px solid var(--line);margin-top:28px;padding:23px 0 2px}h3{font-family:Georgia,serif;font-weight:400;font-size:24px;margin:0 0 8px}.essay p{font-size:14px}.links{display:flex;flex-wrap:wrap;gap:30px}.thread{padding:35px 0 55px;font-family:Georgia,serif;font-size:23px;font-style:italic;max-width:700px}.thread .label{font-family:Arial,sans-serif;font-style:normal;display:block}.thread p{margin:12px 0 0}footer{border-top:1px solid var(--line);padding-top:22px;padding-bottom:30px;display:flex;justify-content:space-between;color:var(--muted);font-size:11px}@media(max-width:650px){main,header,footer{padding-inline:24px}.hero{padding:70px 0 55px}.section{grid-template-columns:1fr;gap:20px;padding:30px 0}h1{font-size:54px}footer{gap:20px}}
