/* Books & art. Calm paper, Source Serif 4, Figtree — the same voice as site.css. */

.desk-books{
  container-type:inline-size;
  color:var(--ink);
  font-family:var(--font);
  padding:12px 0 8px;
}
.desk-books-mast{max-width:38rem;margin:0 auto 34px;text-align:center}
.desk-books-mast h1{
  font-family:var(--display);
  font-weight:500;
  font-size:clamp(44px,6vw,72px);
  letter-spacing:-.03em;
  line-height:1.02;
  margin:0 0 14px;
}
.desk-books-mast h1 em{font-style:italic;font-weight:450;color:var(--accent)}
.desk-books-lede{font-size:19px;line-height:1.55;color:var(--ink-2);margin:0 auto}
.desk-books-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:22px}
.desk-books-nav a{
  font-size:15px;font-weight:600;color:var(--ink-2);
  padding:8px 16px;border-radius:999px;
  border:1px solid var(--line);background:var(--surface);
}
.desk-books-nav a:hover{background:var(--bg-2);color:var(--ink)}
.desk-books-nav a[aria-current="page"]{
  background:var(--accent-soft);color:var(--accent-2);border-color:transparent;
}

.desk-feature{
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  box-shadow:var(--shadow);
  padding:clamp(18px,3vw,32px);
  margin:0 0 22px;
}
.desk-feature-book,
.desk-feature-poem{
  display:grid;
  grid-template-columns:minmax(190px,300px) minmax(0,1fr);
  gap:28px 36px;
  align-items:start;
}
.desk-feature-art{display:flex;flex-direction:column;gap:18px}
.desk-copy{min-width:0}
.desk-copy h2,
.desk-tile h3{
  font-family:var(--display);
  font-weight:500;
  letter-spacing:-.02em;
  line-height:1.08;
}
.desk-copy h2{font-size:clamp(34px,4vw,52px);margin:0 0 8px}
.desk-kicker{
  margin:0 0 10px;
  font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  color:var(--accent);
}
.desk-by{
  margin:0 0 12px;
  font-family:var(--display);
  font-style:italic;font-weight:450;
  font-size:22px;line-height:1.3;color:var(--muted);
}
.desk-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.desk-meta span{
  font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;
  color:var(--ink-2);background:var(--bg-3);
  border-radius:999px;padding:5px 11px;
}
.desk-note{font-size:18px;line-height:1.65;color:var(--ink-2);margin:0 0 18px}
.desk-actions{margin:0 0 16px}
.desk-credit{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.desk-credit a,.desk-more a,.desk-tile h3 a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}
.desk-tile h3 a{text-decoration:none;color:inherit}
.desk-tile h3 a:hover{color:var(--accent)}

.desk-frame{
  display:block;background:var(--bg-3);border-radius:12px;overflow:hidden;
  min-width:0;
}
.desk-cover{aspect-ratio:2/3;box-shadow:var(--shadow-lg);border-radius:4px 14px 14px 4px}
.desk-books img{display:block;max-width:100%;height:auto}
.desk-cover img{width:100%;aspect-ratio:2/3;object-fit:contain;background:var(--bg-3)}
.desk-plate img{width:100%;max-height:680px;object-fit:contain;margin:0 auto;background:var(--bg-3)}
.desk-tile .desk-frame img{width:100%;aspect-ratio:3/4;object-fit:contain;background:var(--bg-3)}
.desk-plate{background:transparent}
.desk-plate .desk-credit{margin-top:10px}

.desk-verse{
  background:var(--bg);
  border-radius:var(--radius);
  border-left:3px solid var(--warm);
  padding:clamp(16px,3vw,28px) clamp(16px,3vw,32px);
  margin:0 0 18px;
}
.desk-verse p{
  font-family:var(--display);
  font-weight:460;
  font-size:clamp(20px,2.1vw,26px);
  line-height:1.45;
  letter-spacing:-.01em;
  white-space:pre-line;
  margin:0 0 1em;
}
.desk-verse p:last-child{margin-bottom:0}

.desk-art{
  margin:0;
  background:var(--bg-3);
  border-radius:var(--radius);
  padding:clamp(10px,2vw,18px);
}
.desk-art img{
  width:auto;max-width:100%;
  height:auto;max-height:min(78vh,880px);
  margin:0 auto;object-fit:contain;
  background:transparent;
}
.desk-art .desk-credit{margin-top:14px;text-align:center}
.desk-art-head{text-align:center}
.desk-art-head .desk-by{margin-bottom:0}
.desk-feature-art .desk-note{max-width:42rem;margin:0 auto}

.desk-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.desk-tile{
  display:grid;grid-template-columns:104px minmax(0,1fr);gap:14px;align-items:start;
  background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);
  box-shadow:var(--shadow);padding:14px;
}
.desk-tile .desk-frame{aspect-ratio:3/4}
.desk-tile h3{font-size:26px;margin:0 0 4px}
.desk-tile .desk-by{font-size:17px;margin:0 0 8px}
.desk-tile .desk-kicker{margin-bottom:6px}
.desk-more{margin:0 0 8px;font-weight:600}
.desk-tile .desk-credit{font-size:13px}

.desk-books-foot{
  margin:22px 0 0;text-align:center;
  font-size:14px;line-height:1.5;color:var(--muted);
}

@container (max-width:620px){
  .desk-feature-book,.desk-feature-poem,.desk-row,.desk-tile{grid-template-columns:1fr}
  .desk-cover{max-width:280px}
  .desk-tile .desk-frame{max-width:180px;aspect-ratio:3/4}
  .desk-art-head,.desk-books-mast{text-align:left}
  .desk-books-nav{justify-content:flex-start}
}
@media (max-width:800px){
  .desk-feature-book,.desk-feature-poem,.desk-row{grid-template-columns:1fr}
  .desk-cover{max-width:280px}
  .desk-tile{grid-template-columns:96px minmax(0,1fr)}
}