@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;1,400&family=Literata:ital,wght@0,400;0,600;1,400&display=swap');
:root{--maroon:#2D0A0C;--mcard:#3E0C0F;--cream:#FAF3E9;--ivory:#F9F7F2;--gold:#DBA754;--wgold:#E9BC7E;--sand:#EBC7A0;--inkm:#2C0D0F;--ink:#272625;--link:#8A6236;--bronze:#512700;--stone:#6E6C68}
*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--ink);font:400 17px/1.6 Literata,serif}
a{color:var(--link)}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--gold);outline-offset:2px}
.wrap{max-width:1200px;margin:0 auto;padding:0 24px}
header{position:relative;z-index:2}.hd{display:flex;align-items:center;justify-content:space-between;height:80px}
.logo{font:500 32px/1 'EB Garamond',serif;color:var(--wgold);text-decoration:none;padding:6px}
nav a{color:#F4EBEC;text-decoration:none;font:400 17px 'EB Garamond',serif;margin-left:24px;padding:6px 0;border-bottom:2px solid transparent}nav a:hover,nav a.on{border-bottom-color:var(--gold)}
h1,h2,h3{font-family:'EB Garamond',serif;font-weight:500;color:var(--inkm)}h2{font-size:32px;line-height:1.2;margin:48px 0 16px}h3{font-size:22px;line-height:1.25;margin:16px 0 8px}
.hero{background:linear-gradient(90deg,var(--maroon) 0%,var(--maroon) 50%,#5a2a1c 100%);color:#FEFBFB;margin-top:-80px;padding:144px 0 80px}
.hero h1{color:#FEFBFB;font-size:56px;line-height:1.1;margin:0}.hero .subl{font:400 40px/1.15 'EB Garamond',serif;color:#FEFBFB;margin:0}.hero em{display:block;color:var(--sand);font:italic 400 18px/1.3 'EB Garamond',serif;margin-top:16px}
.rule{width:80px;height:2px;background:var(--wgold);margin:24px 0}
.btn{display:inline-flex;align-items:center;height:48px;background:var(--gold);color:var(--bronze);padding:0 24px;border-radius:2px;text-transform:uppercase;letter-spacing:.12em;font:500 15px/1 'EB Garamond',serif;text-decoration:none;border:0;cursor:pointer}.btn:hover{background:#C9953F}.btn:focus-visible{outline:2px solid var(--cream)}
.more{color:var(--link);text-transform:uppercase;letter-spacing:.12em;font:500 15px 'EB Garamond',serif;text-decoration:none}.more:hover{text-decoration:underline}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.card{background:var(--ivory);border:1px solid rgba(44,13,15,.08);border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.08);overflow:hidden}.card .body{padding:16px 24px 24px}
.img{aspect-ratio:4/3;border-radius:8px 8px 0 0;background:linear-gradient(135deg,#3E0C0F,#8A6236);display:grid;place-items:center;color:var(--sand);font:italic 15px 'EB Garamond',serif;text-align:center;padding:16px}
.ex{font-size:15px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.meta{color:var(--stone);font-size:14px;line-height:1.4}.sample{background:var(--mcard);color:var(--sand);padding:4px 8px;border-radius:2px;font:500 13px 'EB Garamond',serif;letter-spacing:.12em;text-transform:uppercase;display:inline-block}
.search{background:var(--mcard);color:#FEFBFB;border-radius:4px;padding:32px;margin:48px 0}.search h3{color:#FEFBFB;margin:0}.search em{color:var(--sand);font:italic 18px 'EB Garamond',serif}
.orn{display:flex;align-items:center;gap:12px;margin:0 0 16px}.orn i{flex:1;height:1px;background:var(--wgold)}
.search a.btn{width:100%;justify-content:center;margin-top:16px}
.sister{border-left:4px solid #EFA73A;background:var(--ivory);border-radius:4px;padding:16px 24px;margin:24px 0}.sister .k{color:var(--inkm);text-transform:uppercase;letter-spacing:.12em;font:500 13px 'EB Garamond',serif}
article{max-width:720px}article p{margin:0 0 16px}
.demo{background:var(--gold);color:var(--bronze);text-align:center;font:500 13px 'EB Garamond',serif;letter-spacing:.12em;text-transform:uppercase;padding:6px;position:relative;z-index:3}
footer{background:var(--maroon);color:var(--cream);padding:48px 0 32px;font-size:14px;position:relative}footer:before{content:'';position:absolute;top:0;left:0;right:0;height:12px;opacity:.15;background:repeating-linear-gradient(45deg,var(--cream) 0 2px,transparent 2px 8px),repeating-linear-gradient(-45deg,var(--cream) 0 2px,transparent 2px 8px)}
footer a{color:var(--cream);margin-right:16px}footer .logo{font-size:28px;display:inline-block;margin-bottom:16px;padding:0}
@media(max-width:760px){.hero h1{font-size:36px}.hero .subl{font-size:28px}h2{font-size:24px}h3{font-size:20px}body{font-size:16px}.cards{display:flex;overflow-x:auto}.cards .card{min-width:280px}.hd{height:auto;flex-wrap:wrap;padding:12px 0}nav a{margin:0 12px 0 0}.hero{margin-top:0;padding-top:48px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}