@charset "UTF-8";
:root{font-family:Arial,Helvetica,sans-serif;color:#34342f;background:#faf8f2;--accent:#a74c3d;--muted:#79786f;--line:#dedbd1;color-scheme:light}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-underline-offset:5px}a:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.skip{position:absolute;left:16px;top:-60px;background:#34342f;color:white;padding:15px}.skip:focus{top:12px}header,main,footer{max-width:1130px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:35px 45px;border-bottom:1px solid var(--line)}.brand{font:italic 26px Georgia,serif;text-decoration:none;letter-spacing:-1px}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:12px}nav a{text-decoration:none}.intro{padding:78px 45px 65px;display:grid;grid-template-columns:1fr 240px;gap:80px;align-items:center}.eyebrow{font:10px ui-monospace,monospace;letter-spacing:2px;color:var(--accent);text-transform:uppercase}h1{font:400 clamp(46px,6.5vw,76px)/1.08 Georgia,serif;letter-spacing:-3px;margin:25px 0}h1 em{color:var(--accent);font-weight:400}.lede{max-width:455px;line-height:1.8;font-size:16px;color:var(--muted)}.sketch{padding:34px 20px;background:#eee9dc;transform:rotate(4deg);box-shadow:3px 7px 0 #dfdbce;border:1px solid #d6d0c2;position:relative}.sketch:before{content:'';position:absolute;top:-12px;left:calc(50% - 30px);width:60px;height:23px;background:#d5cfc190;transform:rotate(-7deg)}.sketch svg{width:100%;height:auto}.sketch p{font:italic 16px Georgia,serif;text-align:center;color:#827768;margin:15px 0 0}.writing{padding:0 45px 80px}.section-top{display:flex;justify-content:space-between;align-items:center;padding:0 0 21px;border-bottom:1px solid var(--line);gap:20px}h2{font:400 29px Georgia,serif;margin:0}label{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--muted)}input{width:180px;border:0;border-bottom:1px solid var(--line);padding:10px 0;background:transparent;font:13px Arial;color:inherit}.post{display:grid;grid-template-columns:150px 1fr 35px;gap:24px;align-items:start;border-bottom:1px solid var(--line);padding:35px 0}.meta{font:10px/1.8 ui-monospace,monospace;text-transform:uppercase;letter-spacing:.6px;color:var(--muted)}.meta span{display:block;color:var(--accent);margin-top:8px}.post h3{font:400 31px/1.2 Georgia,serif;letter-spacing:-.5px;margin:0 0 12px}.post h3 a{text-decoration:none}.post h3 a:hover{color:var(--accent)}.post p{color:var(--muted);line-height:1.75;font-size:14px;max-width:530px;margin:0}.arrow{font-size:22px;text-decoration:none;color:var(--accent)}.about{margin:0 45px 60px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:150px 1fr;gap:24px}.about h2{font:italic 22px Georgia}.about p{font-size:14px;line-height:1.85;max-width:530px;color:var(--muted);margin:0}.about a{color:var(--accent)}footer{padding:25px 45px 35px;display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.article{max-width:780px;margin:auto;padding:65px 35px 100px}.article h1{font-size:55px;letter-spacing:-2px;margin:24px 0 40px}.article .prose{font:20px/1.85 Georgia,serif}.back{display:inline-block;font-size:12px;color:var(--accent);margin-bottom:45px}#empty{color:var(--muted);padding:30px 0}[hidden]{display:none!important}@media(max-width:700px){header{padding:25px 24px}nav{gap:18px}.intro{padding:50px 24px 40px;grid-template-columns:1fr;gap:25px}h1{font-size:55px;letter-spacing:-2px}.sketch{display:none}.writing{padding:0 24px 50px}.section-top{align-items:start;flex-direction:column}label{width:100%}input{flex:1;width:auto}.post{grid-template-columns:1fr 20px;gap:12px}.meta{grid-column:1/-1}.meta span{display:inline;margin-left:15px}.post h3{font-size:28px}.about{margin:0 24px 30px;grid-template-columns:1fr;gap:18px}footer{padding:25px 24px}.article{padding:45px 24px 60px}.article h1{font-size:43px}.article .prose{font-size:18px}}