:root{--paper:#f4f2ee;--ink:#1b1a18;--body:#35332e;--muted:#8c887f;--line:#e2ded6;--accent:#2f4a6d;--dark:#1b1a18;--dim:#c9c4ba}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:'Spectral',Georgia,'Times New Roman',serif;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--ink)}
::selection{background:#dcd8d0}
.wrap{max-width:1180px;margin:0 auto;padding:0 40px}
.topbar{border-bottom:1px solid var(--line)}
.topbar .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:10px;padding-bottom:10px}
.motto{margin:0;font-size:12.5px;font-style:italic;color:#7d7a73}
.topright{display:flex;align-items:center;gap:18px}
.social{display:flex;align-items:center;gap:18px}
.social a,.gr{display:inline-flex;align-items:center;color:#8c887f;transition:color .25s}
.social a:hover,.gr:hover{color:var(--ink)}
.social svg{width:15px;height:15px}

.social a{display:flex;color:#7d7a73}
.lang{display:flex;align-items:center;gap:6px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}
.lang a{color:#a09c93}
.lang .on{color:var(--ink)}
.lang span{color:var(--dim)}
header.site{position:sticky;top:0;z-index:20;background:rgba(244,242,238,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
header.site .wrap{display:flex;align-items:baseline;justify-content:space-between;gap:40px;padding-top:22px;padding-bottom:22px}
.brand{font-size:20px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
nav.main{display:flex;gap:30px;font-size:14.5px;flex-wrap:wrap}
nav.main a{color:#7d7a73}
nav.main a[aria-current]{color:var(--ink)}
h1.display{margin:0;font-size:76px;line-height:1.02;font-weight:300;letter-spacing:-.02em}
h1.page{margin:0;font-size:60px;font-weight:300;letter-spacing:-.02em}
.rule{width:64px;height:1px;background:var(--accent);margin:30px 0 0}
.kicker{margin:0 0 10px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}
.tagline{margin:0;font-size:23px;line-height:1.55;font-style:italic;color:#3d3b36;max-width:30ch}
.portrait{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;display:block;filter:grayscale(1) contrast(1.02)}
.grid{display:grid}
.hero{grid-template-columns:1.05fr .95fr;gap:70px;align-items:center;padding-top:90px;padding-bottom:40px}
.metarow{border-top:1px solid var(--line);padding-top:16px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;margin-top:70px}
.metarow p{margin:0}
.book{grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-top:30px;padding-bottom:90px}
.cover{width:100%;height:auto;display:block;box-shadow:0 18px 50px rgba(27,26,24,.16)}
h2.title{margin:0 0 30px;font-size:52px;line-height:1.06;font-weight:300;letter-spacing:-.015em}
h2.sub{margin:0 0 26px;font-size:46px;font-weight:300;line-height:1.06}
h3.label{margin:0 0 16px;font-size:13px;letter-spacing:.18em;text-transform:uppercase;color:var(--accent);font-weight:500}
p.prose{margin:0 0 22px;font-size:17px;line-height:1.75;color:var(--body);text-align:justify;-webkit-hyphens:auto;hyphens:auto}
p.byline{margin:0 0 34px;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}
.btn{display:inline-block;border:1px solid var(--accent);color:var(--accent);padding:13px 26px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;background:transparent;cursor:pointer;font-family:inherit}
.btn:hover{background:var(--accent);color:var(--paper)}
.band{background:var(--dark);color:var(--paper)}
.band .wrap{padding-top:80px;padding-bottom:80px}
.bandhead{display:flex;justify-content:space-between;align-items:baseline;gap:20px;border-bottom:1px solid #35332e;padding-bottom:16px;margin-bottom:44px}
.bandhead p{margin:0;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#a09c93}
.bandhead a{color:var(--dim);font-size:13px;letter-spacing:.1em}
.cards{grid-template-columns:repeat(3,1fr);gap:32px}
.card{display:flex;flex-direction:column;border:1px solid #35332e;padding:38px 32px 32px;color:var(--paper)}
.card>.more{margin-top:auto;padding-top:60px}
.card:hover{border-color:var(--muted);color:var(--paper)}
.card .src{margin:0 0 26px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}
.card h4{margin:0 0 14px;font-size:32px;font-weight:300;line-height:1.1}
.card .more{font-size:13px;color:#a09c93;letter-spacing:.05em}
.two{grid-template-columns:1fr 1fr;gap:70px;align-items:start;padding-top:70px;padding-bottom:70px}
.textlink{display:inline-block;border-bottom:1px solid var(--accent);padding-bottom:3px;font-size:12px;letter-spacing:.16em;text-transform:uppercase}
.section-t{border-top:1px solid var(--line)}
h2.small{margin:0 0 50px;font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:400}
.three{grid-template-columns:repeat(3,1fr);gap:44px}
.three .src{margin:0 0 8px;font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent)}
.three h3{margin:0 0 20px;font-size:30px;font-weight:300;line-height:1.1}
.three p{margin:0 0 14px;font-size:15.5px;line-height:1.72;color:#4a4740;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.three p:last-of-type{margin-bottom:22px}
.three a.read{font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--dim);padding-bottom:2px}
.books{grid-template-columns:1.9fr .65fr;gap:50px;align-items:center;padding-top:70px;padding-bottom:110px}
.about{grid-template-columns:.85fr 1.15fr;gap:70px;align-items:start;padding-top:70px;padding-bottom:110px}
.about p{margin:0 0 26px;font-size:18px;line-height:1.78;color:var(--body);text-align:justify;-webkit-hyphens:auto;hyphens:auto}
.about p:last-child{margin-bottom:0}
.contact{grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;padding-top:70px;padding-bottom:110px}
.lead{margin:0 0 24px;font-size:22px;line-height:1.6;font-style:italic;color:#3d3b36;text-align:left;text-wrap:pretty}
.mail{font-size:17px;border-bottom:1px solid var(--dim);padding-bottom:3px}
form.cf{display:grid;gap:24px}
form.cf label{display:grid;gap:8px}
form.cf span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted)}
form.cf input,form.cf textarea{border:0;border-bottom:1px solid #d0cbc2;background:transparent;padding:10px 2px;font-family:inherit;font-size:17px;color:var(--ink);outline:none}
form.cf textarea{resize:vertical}
form.cf input:focus,form.cf textarea:focus{border-bottom-color:var(--accent)}
footer.site{background:var(--dark);color:var(--dim)}
footer.site .cols{display:grid;grid-template-columns:1.6fr 1fr;gap:70px;padding-top:80px;padding-bottom:34px}
footer.site h5{margin:0 0 22px;font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--muted);font-weight:400}
footer.site p{margin:0;font-size:15px;line-height:1.8;color:var(--dim);max-width:62ch;text-align:justify;-webkit-hyphens:auto;hyphens:auto}
footer.site a{color:var(--dim)}
footer.site .fmail{margin:0;font-size:15px;color:var(--dim);text-align:left}
footer.site .fsocial{display:flex;align-items:center;gap:18px;margin-top:26px}
footer.site .fsocial a{display:inline-flex;align-items:center;color:var(--muted);transition:color .25s}
footer.site .fsocial a:hover{color:var(--paper)}
footer.site .fsocial svg{width:16px;height:16px}

footer.site .fsocial a{display:flex;color:var(--muted)}
footer.site .legal{border-top:1px solid #35332e;padding-top:22px;padding-bottom:40px;font-size:12px;letter-spacing:.08em;color:#6f6c66}
@media(max-width:900px){
.wrap{padding:0 24px}
p.prose,.three p,.about p,footer.site p{text-align:justify;-webkit-hyphens:auto;hyphens:auto;word-break:normal;overflow-wrap:break-word}
h1.display{font-size:52px}
h1.page{font-size:40px}
h2.title{font-size:38px}
h2.sub{font-size:32px}
.hero,.book,.two,.three,.cards,.books,.about,.contact,footer.site .cols{grid-template-columns:1fr;gap:40px}
.hero{padding-top:50px}
.topbar .wrap{flex-direction:column;align-items:flex-start;gap:10px}
header.site .wrap{flex-direction:column;align-items:flex-start;gap:16px}
nav.main{gap:18px;font-size:14px}

}