:root{--paper:#f7f1e3;--ink:#1d1f24;--oxblood:#7a2e2e;--rule:#c9bda3}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Georgia,'Times New Roman',Times,serif;font-size:18px;line-height:1.7}
.site-header,main,.site-footer{max-width:40rem;margin:0 auto;padding:2rem 1.25rem;text-align:center}
.motto{margin:0;color:var(--oxblood);font-style:italic;letter-spacing:.08em}
.motto-gloss{margin:.25rem 0 1.5rem;font-size:.9rem;color:var(--ink)}
h1{font-size:clamp(2rem,6vw,2.8rem);font-weight:normal;margin:0 0 .5rem;letter-spacing:.02em}
h2{font-size:1.4rem;font-weight:normal;margin:0 0 .75rem}
.tagline{font-style:italic;margin:0;border-top:1px solid var(--rule);padding-top:1rem;display:inline-block}
.ornament{color:var(--oxblood);font-size:1.5rem;margin-top:1rem}
.welcome p{text-align:left;margin:0}
.divider{width:6rem;height:0;margin:2.5rem auto;border-top:1px solid var(--oxblood)}
.quote{margin:0}
blockquote{margin:0;font-size:1.3rem;font-style:italic}
blockquote p{margin:0}
figcaption{margin-top:.75rem;color:var(--ink);font-size:.95rem}
.cta{margin:2.5rem 0}
.button{display:inline-block;padding:.75rem 1.75rem;border:1px solid var(--oxblood);background:var(--oxblood);color:var(--paper);text-decoration:none;border-radius:2px;font-family:inherit;letter-spacing:.03em}
.button:hover{background:var(--paper);color:var(--oxblood)}
a:focus-visible,.button:focus-visible{outline:3px solid var(--oxblood);outline-offset:3px}
.enter{border-top:1px solid var(--rule);margin-top:2rem;padding-top:1.5rem}
.enter:focus{outline:none}
.site-footer{border-top:1px solid var(--rule);font-size:.9rem;margin-top:2rem}
.site-footer p{margin:.25rem 0}
@media (max-width:480px){body{font-size:17px}.welcome p{text-align:left}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}
