*{box-sizing:border-box}
body{margin:0;background:#e6cf9f;color:#1c1a17;font-family:Spectral,Georgia,serif;font-size:17px;line-height:1.65;text-wrap:pretty}
a{color:#1c1a17;text-decoration:none}a:hover{color:#b8441f}
img{max-width:100%;display:block}
.frame{max-width:1240px;margin:clamp(0px,1.2vw,14px) auto;background:#f1dfb8;border:2px solid #1c1a17}
.sc{font-family:'Marcellus SC',serif;letter-spacing:.16em}
h1,h2,h3{font-family:Marcellus,serif;font-weight:400;margin:0;line-height:1.15}
.pad{padding:clamp(36px,5vw,56px) clamp(18px,3.5vw,40px)}
.rule{border-bottom:2px solid #1c1a17}
.label{font-family:'Marcellus SC',serif;font-size:14px;letter-spacing:.26em;color:#9c3618;margin:0 0 12px}
header.site{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px 28px;padding:18px clamp(18px,3.5vw,40px);border-bottom:2px solid #1c1a17}
.brand{display:flex;align-items:baseline;gap:12px}.brand b{font-family:Marcellus,serif;font-weight:400;font-size:34px;line-height:1}.brand span{font-family:'Marcellus SC',serif;font-size:16px;letter-spacing:.28em}
nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 24px;font-family:'Marcellus SC',serif;font-size:15px;letter-spacing:.16em}
nav a{display:inline-block;padding:8px 0;border-bottom:2px solid transparent}nav a[aria-current]{border-bottom-color:#b8441f}
.btn{display:inline-flex;align-items:center;min-height:48px;padding:12px 24px;border:2px solid #1c1a17;font-family:'Marcellus SC',serif;font-size:15px;letter-spacing:.16em}
.btn.solid{background:#1c1a17;color:#f1dfb8}.btn.solid:hover{background:#b8441f;border-color:#b8441f;color:#f3e2bd}
.btn:hover{border-color:#b8441f}
.btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.ul{border-bottom:2px solid #b8441f;padding-bottom:3px}
.hero{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:2px;background:#1c1a17;border-bottom:2px solid #1c1a17}
.hero>div{background:#f1dfb8}.hero .logo{background:#ecd6a8;display:flex;align-items:center}
.hero .text{padding:clamp(32px,5vw,52px) clamp(20px,4vw,44px);display:flex;flex-direction:column;justify-content:center}
.hero h1{font-size:clamp(34px,4.4vw,50px);line-height:1.1}
.bar{width:90px;height:3px;background:#b8441f;margin:24px 0}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,260px),1fr));gap:2px;background:#1c1a17;border:2px solid #1c1a17}
.tile{padding:22px;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;gap:6px;color:#f3e2bd}
.tile h3{font-size:24px}.tile p{margin:0;font-size:16px;line-height:1.5}
.tile:hover{color:#f3e2bd;outline:3px solid #f1dfb8;outline-offset:-8px}
.rust{background:#b8441f}.slate{background:#3f5f78}.ochre{background:#d99a4a;color:#1c1a17}.ochre:hover{color:#1c1a17;outline-color:#1c1a17}.ink{background:#1c1a17}.sand{background:#ecd6a8;color:#1c1a17}.sand:hover{color:#1c1a17;outline-color:#1c1a17}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,500px),1fr));gap:40px 48px}
.book{display:grid;grid-template-columns:minmax(0,140px) minmax(0,1fr);gap:22px;align-items:start}
.book img{width:100%;aspect-ratio:3/4;object-fit:cover;border:2px solid #1c1a17;background:#ecd6a8}
.book h3{font-size:22px;line-height:1.25}.book .meta{font-size:15px;margin-top:4px}.book p{margin:8px 0 10px;font-size:16px}
.grid4{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,210px),1fr));gap:24px 32px;border-top:2px solid #1c1a17;padding-top:22px}
.grid4 h3{font-size:21px;margin-bottom:6px}.grid4 p{margin:0;font-size:16px}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,380px),1fr));gap:2px;background:#1c1a17;border-bottom:2px solid #1c1a17}
.split>div{background:#f1dfb8}.split>.slate{background:#3f5f78}.split .slate{color:#f3e2bd}.split .slate a{color:#f3e2bd;border-bottom:2px solid #d99a4a;padding-bottom:3px}
h2{font-size:clamp(28px,4vw,38px);margin-bottom:22px}
.prose{max-width:720px}.prose h2{font-size:clamp(24px,3vw,30px);margin:38px 0 10px}.prose p{margin:0 0 14px}
footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;padding:24px clamp(18px,3.5vw,40px);font-family:'Marcellus SC',serif;font-size:14px;letter-spacing:.14em}
footer ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px 24px}
@media (max-width:600px){body{font-size:16px}.brand b{font-size:28px}nav ul{gap:2px 18px;font-size:14px}.book{grid-template-columns:minmax(0,110px) minmax(0,1fr);gap:16px}.tile{min-height:120px}}