:root{--red:#8C1515;--ink:#1a1a1a;--grey:#5f5a52;--paper:#FBF9F5;--rule:#d9d2c5;--disp:"EB Garamond",Garamond,serif;--text:"Source Serif 4",Georgia,serif}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--text);font-size:1.0625rem;line-height:1.65;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:var(--red);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:2px}
p{margin:0 0 1.1em}
.page{max-width:1040px;margin:0 auto;padding:0 2.5rem}
.sc{font-variant:small-caps;letter-spacing:.08em;text-transform:lowercase}
/* masthead */
.masthead{border-bottom:1px solid var(--red)}
.masthead .page{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;padding-top:1.4rem;padding-bottom:1rem}
.wordmark{display:flex;align-items:center;gap:.9rem;text-decoration:none;color:var(--ink)}
.wordmark img{height:58px;width:auto}
.wordmark .n{font-family:var(--disp);font-size:1.6rem;line-height:1;letter-spacing:.01em;display:block}
.wordmark .s{font-family:var(--disp);font-style:italic;font-size:1.02rem;color:var(--grey);display:block;margin-top:.2rem}
.masthead nav{font-family:var(--disp);font-size:1.05rem;padding-bottom:.15rem}
.masthead nav a{color:var(--ink);text-decoration:none;margin-left:1.5rem}
.masthead nav a:hover,.masthead nav a[aria-current]{color:var(--red)}
/* title page */
.title{display:grid;grid-template-columns:260px 1fr;gap:4rem;align-items:center;padding:4.5rem 0 4rem;border-bottom:1px solid var(--rule)}
.title img{width:240px}
.title h1{font-family:var(--disp);font-weight:400;font-size:1.95rem;line-height:1.25;margin:0 0 1.4rem;max-width:30ch}
.title .motto{font-family:var(--disp);font-size:1.15rem;color:var(--grey);margin:0}
.title .motto i{color:var(--ink);font-size:1.25rem}
/* journal sections */
.sec{display:grid;grid-template-columns:200px minmax(0,65ch);gap:3rem;padding:2.8rem 0;border-bottom:1px solid var(--rule)}
.sec>h2{font-family:var(--text);font-weight:600;font-size:1.0625rem;color:var(--ink);margin:0;line-height:1.65}
.sec .body>:last-child{margin-bottom:0}

.runin{list-style:none;padding:0;margin:1.2rem 0 0;border-top:1px solid var(--rule)}
.runin li{padding:.7rem 0;border-bottom:1px solid var(--rule)}
.runin b{font-weight:600;font-style:italic}
.inline{font-family:var(--disp);font-size:1.2rem;line-height:1.7}
.inline span+span::before{content:" · ";color:var(--red)}
.note{color:var(--grey);font-size:.95rem}
/* profile */
.profile{display:grid;grid-template-columns:260px minmax(0,62ch);gap:3.5rem;padding:3.5rem 0 3rem;border-bottom:1px solid var(--rule)}
.profile figure{margin:0}
.profile figcaption{font-size:.85rem;color:var(--grey);margin-top:.6rem;line-height:1.4}
.profile h1{font-family:var(--disp);font-weight:400;font-size:2.4rem;margin:0 0 .2rem;line-height:1.15}
.profile .role{font-family:var(--disp);font-style:italic;font-size:1.15rem;color:var(--grey);margin-bottom:1.8rem}
.profile h2{font-family:var(--text);font-weight:600;font-size:1.0625rem;margin:2rem 0 .5rem}
.aff{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}
.aff li{padding:.5rem 0;border-bottom:1px solid var(--rule);font-size:.98rem}
/* footer */
footer{padding:2rem 0 3rem;font-size:.9rem;color:var(--grey)}
footer .page{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
footer .n{font-family:var(--disp);font-size:1.05rem;color:var(--ink)}
.menu-toggle{display:none}
@media(max-width:820px){
 .page{padding:0 1.25rem}
 .masthead .page{align-items:center}.wordmark img{height:46px}.wordmark .n{font-size:1.3rem}.wordmark .s{font-size:.92rem}
 .menu-toggle{display:block;background:none;border:0;font:inherit;font-family:var(--disp);font-size:1.05rem;color:var(--red);padding:0;text-decoration:underline;text-underline-offset:.18em}
 .masthead{position:relative}.masthead nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--paper);border-bottom:1px solid var(--red);padding:.5rem 1.25rem;z-index:5}
 .masthead nav.open{display:block}.masthead nav a{display:block;margin:0;padding:.45rem 0}
 .title{grid-template-columns:1fr;gap:1.8rem;padding:2.5rem 0;text-align:center}.title img{width:170px;margin:0 auto}.title h1{font-size:1.6rem;margin-left:auto;margin-right:auto}
 .sec,.profile{grid-template-columns:1fr;gap:.8rem;padding:2rem 0}.profile{gap:1.8rem}.profile figure{max-width:260px}
}
.pagehead{padding:3.5rem 0 2.5rem;border-bottom:1px solid var(--rule)}
.pagehead h1{font-family:var(--disp);font-weight:400;font-size:2.4rem;line-height:1.15;margin:0 0 .6rem}
.pagehead .motto{font-family:var(--disp);font-style:italic;font-size:1.2rem;color:var(--grey);margin:0;max-width:50ch}
@media(max-width:820px){.pagehead{padding:2.2rem 0 1.6rem}.pagehead h1{font-size:1.9rem}}