:root{--ink:#222;--mut:#666;--line:#ddd;--bg:#fff}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:20px/1.6 "Crimson Text",Georgia,serif}
a{color:inherit}img{max-width:100%;display:block}
header{text-align:center;padding:24px 16px 8px}header img{max-height:120px;margin:0 auto 12px}
nav{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 24px}
nav a{text-decoration:none;font-family:"Alegreya SC",serif;font-size:1.05rem;padding:4px 0;border-bottom:2px solid transparent}
nav a:hover,nav a.on{border-color:var(--ink)}
main{max-width:1000px;margin:0 auto;padding:24px 16px 48px}
h1,h2{font-family:"Alegreya SC",serif;text-align:center;margin:.8em 0 .4em;line-height:1.2}
h3{font-family:"Alegreya SC",serif;margin:0 0 .4em}
.lead{max-width:760px;margin:1em auto}.c{text-align:center}.big{font-size:1.6rem;font-weight:700}
.note{font-size:.85rem;color:var(--mut)}hr{border:0;border-top:1px solid var(--line);margin:32px 0}
.btn{display:inline-block;padding:10px 24px;background:var(--ink);color:#fff;text-decoration:none;font-family:"Alegreya SC",serif;margin-top:8px}
.btn:hover{background:#000}
.wide{max-width:600px;margin:16px auto}
.row{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin:32px 0}
.row.flip img{order:2}.row p{margin:.5em 0}
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:32px 0}.grid.two{grid-template-columns:1fr 1fr}
.grid a{position:relative;display:block}.grid span{position:absolute;inset:auto 0 0;background:rgba(0,0,0,.55);color:#fff;text-align:center;padding:8px;font-family:"Alegreya SC",serif}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:24px 0}.card{border:1px solid var(--line);padding:20px}
footer{text-align:center;padding:24px 16px;border-top:1px solid var(--line);color:var(--mut);font-size:.9rem}
a:focus-visible{outline:3px solid #06c;outline-offset:2px}
@media(max-width:700px){.row,.grid,.grid.two,.cards{grid-template-columns:1fr}.row.flip img{order:0}}