@font-face{font-family:"EB Garamond";src:url(/assets/EBG-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/EBG-Italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:"EB Garamond";src:url(/assets/EBG-SemiBold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/assets/Cinzel-Regular.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Cinzel";src:url(/assets/Cinzel-SemiBold.woff2) format("woff2");font-weight:600;font-display:swap}
:root{--paper:#f5f2ea;--paper2:#ece8dd;--mist:#dfe7e8;--ink:#253034;--ink2:#47565b;--dim:#6d7b7f;--rule:#d7d2c4;--egret:#8fa9b2;--gold:#a88424;--gold2:#c9a43a;--card:#fbf9f4;
--serif:"EB Garamond",Garamond,"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;--caps:"Cinzel","Trajan Pro","EB Garamond",Georgia,serif;color-scheme:light}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--paper:#141b1e;--paper2:#1a2327;--mist:#1d282c;--ink:#e6e8e3;--ink2:#c3cbc8;--dim:#8f9c9e;--rule:#2c393d;--egret:#7f9ba5;--gold:#d4b25a;--gold2:#e2c46e;--card:#182125;color-scheme:dark}}
:root[data-theme="dark"]{--paper:#141b1e;--paper2:#1a2327;--mist:#1d282c;--ink:#e6e8e3;--ink2:#c3cbc8;--dim:#8f9c9e;--rule:#2c393d;--egret:#7f9ba5;--gold:#d4b25a;--gold2:#e2c46e;--card:#182125;color-scheme:dark}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--serif);font-size:1.18rem;line-height:1.62;text-rendering:optimizeLegibility;font-kerning:normal}
a{color:inherit;text-decoration-color:var(--gold);text-underline-offset:.18em}
a:hover{color:var(--gold)}
img{max-width:100%;height:auto;display:block}
.wrap{max-width:68rem;margin:0 auto;padding:0 1rem}
.measure{max-width:36rem;margin:0 auto;padding:0 1rem}
header.top{border-bottom:1px solid var(--rule);background:var(--paper)}
header.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:3.6rem;flex-wrap:wrap}
.brand{font-family:var(--caps);letter-spacing:.08em;font-size:.98rem;text-decoration:none;font-weight:600}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:1.1rem;flex-wrap:wrap;font-family:var(--caps);font-size:.74rem;letter-spacing:.14em}
nav.main a{text-decoration:none;color:var(--ink2)}nav.main a:hover,nav.main a[aria-current]{color:var(--gold)}
.eyebrow{font-family:var(--caps);font-size:.74rem;letter-spacing:.22em;text-transform:uppercase;color:var(--gold)}
h1,h2,h3{font-weight:400;line-height:1.15;color:var(--ink)}
.btn{display:inline-block;font-family:var(--caps);font-size:.76rem;letter-spacing:.16em;padding:.85rem 1.3rem;border:1px solid var(--ink);text-decoration:none;border-radius:2px;margin:.25rem .4rem .25rem 0;background:transparent;color:var(--ink);cursor:pointer}
.btn.solid{background:var(--ink);color:var(--paper)}.btn:hover{border-color:var(--gold);color:var(--gold)}.btn.solid:hover{background:var(--gold);border-color:var(--gold);color:var(--paper)}
/* hero */
.hero{background:linear-gradient(180deg,var(--mist),var(--paper));border-bottom:1px solid var(--rule)}
.hero .wrap{display:grid;grid-template-columns:minmax(0,22rem) minmax(0,1fr);gap:3.5rem;align-items:center;padding-top:3.5rem;padding-bottom:3.5rem}
.hero .cover{box-shadow:0 1.4rem 3rem -1.2rem rgba(20,30,34,.45),0 0 0 1px rgba(0,0,0,.06);border-radius:2px}
.hero h1{font-family:var(--caps);font-size:clamp(2.1rem,4.6vw,3.5rem);letter-spacing:.04em;margin:.6rem 0 .3rem}
.hero .by{font-family:var(--caps);letter-spacing:.2em;font-size:.9rem;color:var(--ink2);margin:0 0 2rem}
.opening{font-size:1.32rem;line-height:1.55;margin:0 0 1.6rem;max-width:32rem}
.opening .first{display:block;font-style:italic;font-size:2.3rem;line-height:1.15;margin-bottom:.6rem}
.meta-row{font-size:.92rem;color:var(--dim);margin-top:1.2rem}
section.band{padding:3.4rem 0;border-bottom:1px solid var(--rule)}
section.band h2{font-size:2rem;margin:.4rem 0 1rem}
.lede{font-size:1.25rem;color:var(--ink2);max-width:40rem}
.books{list-style:none;padding:0;margin:2rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.books li{background:var(--card);border:1px solid var(--rule);padding:1.3rem 1.3rem 1.1rem;border-radius:3px}
.books .num{font-family:var(--caps);font-size:.72rem;letter-spacing:.22em;color:var(--gold)}
.books h3{font-size:1.45rem;margin:.35rem 0 .4rem}.books h3 a{text-decoration:none}
.books p{margin:0 0 .6rem;color:var(--ink2);font-size:1.02rem}
.books .chs{font-size:.92rem;color:var(--dim)}
.new{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem 2.4rem;list-style:none;padding:0;margin:1.6rem 0 0}
.new li{border-left:2px solid var(--gold);padding:.1rem 0 .1rem 1rem}.new b{display:block;font-weight:600}
.cards{list-style:none;padding:0;margin:1.6rem 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem}
.cards li{background:var(--card);border:1px solid var(--rule);padding:1.3rem;border-radius:3px;display:flex;flex-direction:column}
.cards h3{font-size:1.35rem;margin:.2rem 0 .4rem}.cards p{margin:0 0 1rem;color:var(--ink2);font-size:1.02rem;flex:1}
audio{width:100%;margin:.4rem 0 .6rem}
blockquote.pull{margin:2.2rem 0;padding:0 0 0 1.2rem;border-left:2px solid var(--gold);font-size:1.45rem;font-style:italic;line-height:1.4}
footer.bottom{padding:2.6rem 0 3rem;color:var(--dim);font-size:.95rem}
footer.bottom .wrap{display:flex;justify-content:space-between;gap:1.5rem;flex-wrap:wrap}
footer.bottom ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;flex-wrap:wrap}
/* reader */
.progress{position:fixed;top:0;left:0;height:3px;width:0;background:var(--gold);z-index:5}
.chapter{padding-top:3.2rem;padding-bottom:2rem}
.chapter .kicker{text-align:center}
.chapter h1{text-align:center;font-size:clamp(2.1rem,5vw,3rem);margin:.7rem 0 2.4rem}
.chapter .body p{margin:0 0 1.05rem;hyphens:auto;-webkit-hyphens:auto}
.chapter .body>p:first-of-type{font-size:1.12em}.chapter .body>p:first-of-type::first-line{font-variant-caps:small-caps;letter-spacing:.04em}
.chapter .body h2{font-size:1.5rem;margin:2.4rem 0 .9rem;font-style:italic}
.chapter .body ul{padding-left:1.2rem}.chapter .body li{margin:.3rem 0}
.chapter .body strong{font-weight:600}
.chapter .body p.eq{text-align:center;font-style:italic;font-size:1.25em;margin:1.4rem 0;letter-spacing:.02em}
.pager{display:flex;justify-content:space-between;gap:1rem;border-top:1px solid var(--rule);margin-top:3rem;padding-top:1.4rem;font-size:1rem}
.pager a{text-decoration:none;max-width:48%}.pager small{display:block;font-family:var(--caps);font-size:.68rem;letter-spacing:.18em;color:var(--dim)}
.pager .next{text-align:right;margin-left:auto}
.toc .book{margin:2.6rem 0 0}.toc .book h2{font-size:1.75rem;margin:.3rem 0 .3rem}
.toc ol{padding-left:0;list-style:none;margin:.8rem 0 0;counter-reset:none}
.toc ol li{display:grid;grid-template-columns:2.4rem 1fr;border-top:1px solid var(--rule);padding:.5rem 0}
.toc ol li span{font-family:var(--caps);font-size:.8rem;color:var(--dim);padding-top:.25rem}
.toc ol a{text-decoration:none}
.poem{white-space:pre-line;font-size:1.16rem;line-height:1.7}
.poemcard{background:var(--card);border:1px solid var(--rule);padding:1.6rem;border-radius:3px;margin:1.4rem 0}
.poemcard h2{margin:.2rem 0 .3rem;font-size:1.7rem}.poemcard .blurb{color:var(--dim);font-style:italic;margin:0 0 .6rem}
details summary{cursor:pointer;font-family:var(--caps);font-size:.76rem;letter-spacing:.16em;color:var(--gold);margin:.4rem 0}
.interlude{margin:3rem 0 0;padding-top:2rem;border-top:1px solid var(--rule)}
.videos{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2rem;margin:1.6rem 0 0}
.videos li{background:var(--card);border:1px solid var(--rule);border-radius:3px;overflow:hidden}
.videos button{all:unset;cursor:pointer;display:block;width:100%;aspect-ratio:16/9;background:#000 center/cover no-repeat;position:relative}
.videos button::after{content:"";position:absolute;left:50%;top:50%;width:0;height:0;margin:-14px 0 0 -9px;border-left:24px solid #fff;border-top:14px solid transparent;border-bottom:14px solid transparent;filter:drop-shadow(0 0 6px rgba(0,0,0,.6))}
.videos iframe{width:100%;aspect-ratio:16/9;border:0;display:block}
.videos .t{padding:.9rem 1rem 1rem}.videos h3{font-size:1.15rem;margin:0 0 .3rem}.videos p{margin:0;font-size:.95rem;color:var(--dim)}
.continue{display:none;margin-top:.6rem;font-size:1rem}
.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:var(--paper);padding:.5rem;z-index:9}
@media (max-width:900px){.hero .wrap{grid-template-columns:1fr;gap:2rem}.hero .cover{max-width:16rem;margin:0 auto}.books,.cards,.videos{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){body{font-size:1.1rem}.books,.cards,.videos,.new{grid-template-columns:1fr}nav.main ul{gap:.75rem;font-size:.68rem}header.top .wrap{padding-top:.5rem;padding-bottom:.5rem}.opening .first{font-size:1.9rem}.pager{flex-direction:column}.pager a{max-width:100%}}
@media print{header.top,footer.bottom,.pager,.progress{display:none}}