:root{--n:#12355b;--sl:#26313a;--sky:#dbe9f4}
*{box-sizing:border-box}body{margin:0;background:#fff;color:var(--sl);font:19px/1.65 Literata,Georgia,serif}
a{color:var(--n);text-underline-offset:3px}a:hover{text-decoration-thickness:2px}
:focus-visible{outline:3px solid var(--n);outline-offset:2px}
header.site{background:var(--sky);padding:24px 20px 14px}
.in{max-width:680px;margin:0 auto}
.brand{font-family:"Work Sans",sans-serif;font-weight:700;color:var(--n);font-size:28px;text-decoration:none}
.tag{font-family:"Work Sans",sans-serif;font-size:15px;margin:4px 0 12px;color:#35506e}
nav.arts{font-family:"Work Sans",sans-serif;display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
nav.arts a{text-decoration:none;font-weight:600}nav.arts a:hover{text-decoration:underline}
main{padding:30px 20px 44px}
h1{font-family:"Work Sans",sans-serif;font-weight:700;color:var(--n);font-size:clamp(28px,5vw,38px);line-height:1.15;margin:0 0 8px}
h2{font-family:"Work Sans",sans-serif;font-weight:700;color:var(--n);font-size:23px;line-height:1.25;margin:36px 0 10px}
.byline{font-family:"Work Sans",sans-serif;font-size:14px;color:#51606d;margin-bottom:24px}
p{margin:0 0 18px}
.callout{background:#eef3f7;border-radius:2px;padding:14px 18px;margin:0 0 20px;font-size:17px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:34px 0 0}
.grid a{display:block;border-top:2px solid var(--n);padding-top:10px;text-decoration:none;font-family:"Work Sans",sans-serif;font-weight:600;font-size:16px;line-height:1.35}
.grid a span{display:block;font-weight:400;font-size:13px;color:#51606d;margin-top:6px}
.more{margin-top:36px}.more h3{font-family:"Work Sans",sans-serif;color:var(--n);font-size:17px;margin:0 0 6px}.more ul{margin:0;padding-left:18px}
.bio{margin-top:26px;font-size:16px;color:#51606d}
footer{background:var(--n);color:#cfe0f0;padding:20px 20px 32px;font-family:"Work Sans",sans-serif;font-size:13px}
footer .towns{color:#9fbfdc;margin-top:6px}
@media(max-width:640px){.grid{grid-template-columns:1fr}}
@media(max-width:480px){body{font-size:16.5px}h2{font-size:21px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}