:root{color:#24211f;background:#faf5ee;font-family:system-ui,sans-serif;line-height:1.55;--ink:#24211f;--accent:#76182a;--rule:#82776d}
*{box-sizing:border-box}body{max-width:1512px;margin:auto;padding:0 clamp(20px,3vw,48px)}a{color:inherit;text-underline-offset:.19em}a:hover{color:var(--accent)}a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}img{display:block;width:100%;height:auto}figure{margin:0}figcaption{font-size:.9rem;margin-top:.55rem}h1,h2,.brand{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.04;letter-spacing:-.04em;margin:0}h1{font-size:clamp(2.7rem,5.25vw,5.4rem)}h2{font-size:clamp(2rem,3.7vw,3.8rem)}p{margin:.85em 0 0}.bar{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--ink);padding:13px 0 16px}.brand{font-size:clamp(1.55rem,3vw,2.9rem);text-decoration:none;display:flex;align-items:center;gap:10px;white-space:nowrap}.brand-icon{position:relative;flex:none;width:clamp(27px,3vw,44px);aspect-ratio:1;overflow:hidden;border-radius:22.6%}.brand-icon img{position:absolute;max-width:none;width:130.14%;height:auto;left:-13.24%;top:-12.39%}nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:clamp(12px,3vw,40px);font-size:clamp(.79rem,1.5vw,1rem)}nav a{text-decoration:none}.hero{display:grid;grid-template-columns: .82fr 1.18fr;gap:clamp(24px,4vw,64px);align-items:center;padding:clamp(22px,3vw,44px) 0 30px}.hero p,.feature p{font-size:clamp(1rem,1.7vw,1.4rem);max-width:38rem}.button{display:inline-block;margin-top:1.45rem;background:var(--ink);color:white;padding:.78rem 1.2rem;text-decoration:none;border-radius:2px}.button:hover{background:#2e5d69;color:white}.feature{border-top:1px solid var(--ink);padding:30px 0;display:grid;grid-template-columns:.76fr 1.24fr;gap:clamp(20px,4vw,52px);align-items:center}.feature img{aspect-ratio:2/1;object-fit:cover}/* Give the closing introduction space and a centered reading column. */
.about {
  border-top: 1px solid var(--rule);
  padding: clamp(48px, 7vw, 104px) 20px;
  text-align: center;
  scroll-margin-top: 24px;
}
.about h2 {
  max-width: 20ch;
  margin: 0 auto;
}
.about p {
  max-width: 50ch;
  margin: 24px auto 0;
  font-size: clamp(1.05rem, 1.6vw, 1.3rem);
  line-height: 1.7;
}
footer{border-top:1px solid var(--rule);padding:18px 0 30px;font-size:.9rem}.reading{max-width:900px;margin:auto;padding:clamp(28px,5vw,65px) 0}.reading h1{font-size:clamp(2.5rem,5vw,4.8rem)}.reading .meta{font-size:1rem;margin-bottom:1.65rem}.reading .prose{max-width:62ch;margin:1.4em auto;font-size:clamp(1.06rem,1.9vw,1.22rem);line-height:1.7}.reading h2{font-size:clamp(1.6rem,3vw,2.5rem);max-width:740px;margin:1.3em auto .55em}.reading .credit{font-size:.9rem;line-height:1.5;margin-top:1.6rem}.return{display:inline-block;margin-top:1.5rem}
@media(max-width:720px){.hero,.feature{grid-template-columns:1fr;gap:18px}.hero{padding-bottom:25px}.feature{padding:24px 0}.feature div{grid-row:1}.hero p{max-width:38ch}.reading .prose{margin:1.25em 0}.reading h2{margin-top:1.2em}}