@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;600&family=Libre+Caslon+Display&display=swap');
:root{--paper:#faf9f6;--ink:#252722;--muted:#777970;--line:#e3e3db;--accent:#6b7057}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}header{height:126px;padding:37px 55px;display:flex;align-items:center;justify-content:space-between}.logo{font-family:'Libre Caslon Display',Georgia,serif;font-size:47px;line-height:1;letter-spacing:-3px}.logo span{color:var(--accent)}.header-note{font-size:12px;color:var(--muted);letter-spacing:.04em}nav{position:fixed;left:40px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;padding:12px 7px;border:1px solid var(--line);border-radius:19px;background:#fffefa;box-shadow:0 5px 18px #292b2410;z-index:5}nav a{width:75px;min-height:66px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:7px;border-radius:11px;transition:background .2s,color .2s;color:#6e7168}nav a:hover{background:#f1f1e9;color:var(--ink)}nav a[aria-current=page]{background:#eeeee3;color:#343b28}nav svg{height:23px;width:23px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round}nav span{font-size:9px;font-weight:500}main{margin:9px 70px 100px clamp(185px,18.2vw,290px);max-width:930px;min-height:610px}.illustration{height:213px;position:relative;display:flex;align-items:center;gap:15px}#drawing{width:230px;height:205px;overflow:visible}#ink{stroke:var(--ink);stroke-width:2;fill:none;stroke-linecap:round;stroke-linejoin:round}h1{font-family:'Libre Caslon Display',Georgia,serif;font-size:clamp(52px,5.1vw,77px);font-weight:400;letter-spacing:-.045em;line-height:1.07;margin:15px 0 25px}h1 em{font-weight:400;color:#737961}p{margin:0}.eyebrow{font-size:10px;letter-spacing:.18em;font-weight:600;color:#797d70;margin-top:10px}.intro{font-size:16px;line-height:1.85;color:#55594e;max-width:680px}.body-copy{font-size:15px;line-height:1.85;margin-top:22px;color:#777b70}.text-link{display:inline-flex;gap:39px;align-items:center;margin-top:30px;font-size:13px;border-bottom:1px solid #a9ad9d;padding:0 0 9px}.text-link span{font-size:20px}.text-link:hover{color:var(--accent)}footer{margin:0 56px 27px clamp(185px,18.2vw,290px);display:flex;justify-content:space-between;color:#8b8e82;font-size:10px;letter-spacing:.04em}.draft-note{font-size:11px;line-height:1.5;color:#818573;margin-top:16px}.entries{max-width:790px;margin-top:28px}.entries article{display:flex;gap:25px;padding:24px 0;border-top:1px solid var(--line);align-items:baseline}.index{font-size:10px;color:#919586}.entries h2{font-family:'Libre Caslon Display',Georgia,serif;font-size:29px;letter-spacing:-.025em;font-weight:400;margin:0 0 7px}.entries p{font-size:13px;color:#757a6c;line-height:1.7;max-width:550px}.pending{font-size:10px;white-space:nowrap;margin-left:auto;color:#878c7c}.role{font-size:9px;letter-spacing:.13em;color:#888d7d;display:block;margin-bottom:8px}form{margin-top:27px;max-width:660px}label{display:flex;flex-direction:column;font-size:12px;gap:10px;flex:1}.form-row{display:flex;gap:23px;margin-bottom:22px}input,textarea{width:100%;border:0;border-bottom:1px solid #cfd2c5;border-radius:0;padding:10px 0;background:transparent;font:14px 'DM Sans',sans-serif;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--accent)}textarea{resize:vertical}::placeholder{color:#a4a697}.form-end{display:flex;align-items:center;gap:20px;margin-top:25px}.form-end button{background:var(--ink);color:var(--paper);border:0;border-radius:6px;padding:14px 18px;font:12px 'DM Sans',sans-serif;cursor:pointer;white-space:nowrap}.form-end button span{margin-left:22px}.form-end p{font-size:10px;color:var(--muted)}output{display:block;font-size:13px;line-height:1.7;margin-top:20px;white-space:pre-wrap}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}#content.arrive{animation:arrive .4s ease both}@keyframes arrive{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1500px){main{margin-top:40px}.illustration{height:240px}}@media(max-width:760px){header{height:95px;padding:26px 24px}.logo{font-size:39px}.header-note{font-size:10px}nav{left:12px;padding:8px 4px;border-radius:15px;gap:7px}nav a{width:55px;min-height:60px}nav span{font-size:8px}nav svg{width:21px;height:21px}main{margin:5px 23px 65px 98px;min-height:650px}.illustration{height:182px;gap:0}#drawing{width:175px;height:170px}h1{font-size:48px;line-height:1.09;letter-spacing:-.043em;margin-top:19px}.eyebrow{font-size:8px;line-height:1.7;letter-spacing:.11em}.intro{font-size:14px;line-height:1.85}.body-copy{font-size:13px}.desktop{display:none}footer{margin:0 24px 24px 98px;font-size:9px}.entries article{gap:12px;flex-wrap:wrap}.entries article>div{flex:1;min-width:0}.entries h2{font-size:26px}.entries p{font-size:12px}.pending{width:100%;margin-left:25px}.form-row{flex-direction:column;gap:22px}.form-end{flex-direction:column;align-items:flex-start;gap:12px}.text-link{font-size:12px;gap:20px}}/* Keep the artwork beside the title, not above it. */
#content{display:grid;grid-template-columns:minmax(0,1fr) 230px;column-gap:24px;align-items:start}#content>*{grid-column:1 / -1}#content>h1{grid-column:1;grid-row:2}#content>.illustration{grid-column:2;grid-row:2;height:auto;align-self:center;justify-content:flex-end}#content .illustration #drawing{width:100%;height:auto;aspect-ratio:300 / 260}#content>.eyebrow{grid-row:1}#content>.text-link{justify-self:start}main{padding-top:45px}
@media(max-width:1100px){#content{grid-template-columns:minmax(0,1fr) 160px;column-gap:16px}}
@media(max-width:760px){main{padding-top:25px}#content{grid-template-columns:minmax(0,1fr) 72px;column-gap:8px}#content>.illustration{align-self:start;margin-top:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}