:root{--field:#fbf6ec;--field-2:#f4ecdc;--ink:#2a2119;--ink-2:#5d5145;--ink-3:#8d8072;--light:#b86f2c;--warm:#9a5a1f;--rule:#e6dac4}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;overflow-x:clip;background:var(--field)}
body{margin:0;background:var(--field);color:var(--ink);font:400 20px/1.7 "Newsreader",Georgia,serif;-webkit-font-smoothing:antialiased}
a{color:var(--warm)}
.hero{position:relative;height:clamp(560px,88vh,860px);display:flex;align-items:flex-end;overflow:hidden;
  background:radial-gradient(circle at 80% 26%,#ffe9b8 0%,#fbe3b4 14%,#f7e7c9 34%,#f8efe0 60%,#fbf6ec 100%)}
.art{position:absolute;inset:0;width:100%;height:100%}
.art .short{display:none}
@media (max-width:700px){.art .long{display:none}.art .short{display:inline}}
.hero .inner{position:relative;max-width:1100px;width:100%;margin:0 auto;padding:0 28px 11vh}
h1{font-family:"Fraunces",Georgia,serif;font-weight:700;font-size:clamp(76px,15vw,196px);line-height:.86;letter-spacing:-.02em;margin:0;color:var(--ink)}
.tag{font-style:italic;font-size:clamp(24px,3.2vw,36px);color:var(--light);margin:22px 0 0}
.by{font:500 15px/1 "IBM Plex Mono",monospace;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 0}
main{max-width:720px;margin:0 auto;padding:0 24px}
section{padding:72px 0 8px}
h2{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:32px;line-height:1.15;margin:0 0 18px;color:var(--ink)}
.k{font:700 26px/1.2 "Fraunces",Georgia,serif;letter-spacing:0;color:var(--warm);margin:0 0 16px}
p{margin:0 0 1.1em}
.lede{font-size:24px;line-height:1.55;color:var(--ink)}
.quiet{color:var(--ink-2)}
.listen{display:flex;flex-wrap:wrap;gap:12px;margin:8px 0 0;padding:0;list-style:none}
.listen a{display:inline-block;padding:12px 20px;border:1px solid var(--light);border-radius:999px;color:var(--ink);
  text-decoration:none;font:500 14px/1 "IBM Plex Mono",monospace;letter-spacing:.08em}
.listen a:hover{background:var(--light);color:#fff}
.soon{border:1px solid var(--rule);border-radius:10px;padding:18px 20px;color:var(--ink-2);font-size:18px}
.books{display:grid;gap:16px;margin:8px 0 0}
.book{display:block;text-decoration:none;border-radius:12px;padding:26px 26px 22px;border:2px solid #c9ad84;box-shadow:0 1px 0 rgba(255,255,255,.6) inset,0 10px 26px rgba(70,45,20,.12)}
.book .t{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:28px;line-height:1.1;margin:0 0 6px}
.book .l{font-style:italic;font-size:20px;margin:0 0 8px}
.book .d{font-size:17px;line-height:1.5;margin:0}
.book .u{font:500 15px/1 "IBM Plex Mono",monospace;letter-spacing:.06em;margin:16px 0 0}
.night{background:radial-gradient(circle at 85% 20%,#2c2216 0,#101215 60%);color:#ece6d9;border-color:#c79c57}.night .l,.night .u{color:#c79c57}
.sand{background:#efe6d5;color:#2b1f17;border-color:#c9a17e}.sand .l,.sand .u{color:#9b5536}
.fleece{background:#f2efe7;color:#1d221c;border-color:#a9b79c}.fleece .l,.fleece .u{color:#5b6e4f}
.book:hover{outline:2px solid var(--light);outline-offset:3px}
.eps{list-style:none;padding:0;margin:0;border-top:1px solid var(--rule)}
.eps li{border-bottom:1px solid var(--rule);padding:16px 0}
.eps .p{font-family:"Fraunces",Georgia,serif;font-weight:600;font-size:22px}
.eps .m{font:500 12px "IBM Plex Mono",monospace;letter-spacing:.1em;color:var(--ink-3)}
.closing{position:relative;margin:96px 0 0}
.closing img{display:block;width:100%;height:clamp(340px,48vw,600px);object-fit:cover;object-position:center 55%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 58%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 26%,#000 58%,transparent 100%)}
.closing .c-text{position:absolute;left:0;right:0;bottom:34px;z-index:1;max-width:720px;margin:0 auto;padding:0 24px;font-size:22px;color:var(--ink)}
.closing .c-text p{margin:0 0 .4em}
.closing .k{color:var(--ink)}
.foot{max-width:720px;margin:30px auto 0;padding:34px 24px 70px;border-top:1px solid var(--rule);color:var(--ink-3);font-size:16px;line-height:1.6}
.foot p{margin:.4em 0}.foot a{color:var(--ink-2)}
@media (max-width:560px){.k{font-size:24px}body{font-size:18.5px}.lede{font-size:21px}.hero{height:clamp(520px,82vh,760px)}.hero .inner{padding:0 18px 9vh}main{padding:0 18px}section{padding:56px 0 4px}}

.hero{background:linear-gradient(0deg,rgba(12,14,17,.74) 0%,rgba(12,14,17,.28) 36%,rgba(12,14,17,0) 58%),linear-gradient(90deg,rgba(12,14,17,.38) 0%,rgba(12,14,17,0) 52%),url("/img/hero.jpg") center 80%/cover no-repeat}
.hero .art{display:none}
.hero h1{color:#f6f0e4}.hero .tag{color:#ffd98a}.hero .by{color:#e2dccf}
@media (max-width:700px){.hero{background:linear-gradient(0deg,rgba(12,14,17,.85) 0%,rgba(12,14,17,.45) 45%,rgba(12,14,17,0) 70%),url("/img/hero.jpg") center 80%/cover no-repeat}}