:root{--ink:#1d3550;--paper:#f8f3e7;--muted:#465260;--gold:#8c5e26;--line:#d9cebb;--body:"Instrument Sans",Arial,sans-serif;--serif:"Instrument Serif",Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);line-height:1.65}
a{color:inherit;text-underline-offset:.25em}
a:focus-visible{outline:2px solid currentColor;outline-offset:5px}
img{display:block;width:100%;height:auto}
p,h1,h2,figure,blockquote{margin:0}
.wrap{width:min(1120px,calc(100% - 96px));margin-inline:auto}
.skip{position:fixed;top:1rem;left:1rem;z-index:4;background:white;padding:.6rem 1rem;transform:translateY(-200%)}
.skip:focus{transform:none}
.site-header{border-bottom:1px solid var(--line)}
.header-inner,.footer-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.name{font:400 31px/1 var(--serif);text-decoration:none}
nav{display:flex;gap:30px;font-size:.9rem}
nav a{text-decoration:none}
nav a:hover,.text-link:hover{text-decoration:underline}
.hero{background:radial-gradient(ellipse at 79% 45%,#eaddc3 0%,#f5ede0 35%,var(--paper) 69%)}
.hero-inner{min-height:640px;display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.7fr);align-items:center;gap:55px;padding-block:70px 84px}
.label{color:var(--gold);font-size:.74rem;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:20px}
h1,h2{font-family:var(--serif);font-weight:400;letter-spacing:-.025em}
h1{font-size:clamp(4.75rem,8.6vw,8.1rem);line-height:.84}
h2{font-size:clamp(3.2rem,5.5vw,5.2rem);line-height:.91}
.subtitle{font:italic clamp(1.45rem,2.7vw,2rem)/1.12 var(--serif);max-width:30ch;margin-top:24px}
.intro{max-width:43ch;margin-top:22px;color:var(--muted);font-size:1.05rem}
.actions{display:flex;flex-wrap:wrap;align-items:center;gap:24px;margin-top:30px}
.button{display:inline-flex;align-items:center;gap:15px;padding:12px 18px;background:var(--ink);color:white;text-decoration:none;font-weight:600;font-size:.92rem}
.button:hover{background:#304e70}
.text-link{font-size:.96rem;font-weight:700}
.cover{width:min(100%,333px);margin-inline:auto;box-shadow:0 22px 42px #352a2346,3px 4px 0 #6e604485}
.excerpt{background:var(--ink);color:#fff7e7}
.excerpt-inner,.memoir-inner,.author-inner{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:55px;align-items:center;padding-block:84px}
.excerpt .label{color:#f2cb89}
blockquote{font:italic clamp(1.75rem,3.3vw,2.7rem)/1.2 var(--serif);max-width:34ch}
.attribution{font-size:.84rem;margin-top:20px;color:#f2cb89}
.memoir{background:#f2e7d4}
.memoir-copy,.author-inner>div+div{font-size:1.08rem;color:var(--muted);max-width:54ch}
.author-inner p+p,.memoir-copy p+p{margin-top:20px}
.author-inner .text-link{color:var(--ink)}
footer{border-top:1px solid var(--line);font-size:.83rem;color:var(--muted)}
@media(max-width:800px){.wrap{width:calc(100% - 54px)}.hero-inner{gap:30px;min-height:0}.excerpt-inner,.memoir-inner,.author-inner{gap:35px;padding-block:62px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.header-inner{min-height:66px;gap:12px}.name{font-size:25px}nav{gap:14px;font-size:.82rem}.hero-inner,.excerpt-inner,.memoir-inner,.author-inner{grid-template-columns:1fr;gap:29px}.hero-inner{padding-block:52px 60px}.cover{width:min(76%,280px);margin-top:12px}.hero h1{font-size:clamp(4.1rem,13vw,5.5rem)}.label{margin-bottom:14px}.actions{gap:19px}.excerpt-inner,.memoir-inner,.author-inner{padding-block:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}