/* THE LIBRARY — v2. The body of work, not a store.
   Built to THE LIBRARY PAGE UPDATE HANDOFF v2, unblocked by the BROADER CREATIVE HANDOFF
   v2 section 6, which supplied the book images.

   EVIDENCE, NOT ADVERTISING. The accumulation of eight matching Limited Editions is the
   visual event. Nothing here decorates them: no cards, no panels, no badges, no borders,
   no prices, no buttons. The covers carry the page and the black carries the covers.

   THE COVERS ARE PHOTOGRAPHED ON BLACK, which is why they need no frame, no cut-out and no
   drop shadow - the object's own shadow is in the image and the page ground continues it.
   Adding a container would put a box around a book that is already sitting in a room.

   THE PLACEHOLDER BUILD IS GONE. It carried four "Object photograph - not yet made"
   frames, nine HELD slots and a Future Works block. Section 17 removes all three, and
   section 14 is the standing rule that replaces them: if a field has not been supplied,
   the field is omitted - not filled, not labelled, not noted. */

.library { background: var(--bg, #0B0B0C); }

.lib-wrap { max-width: 1180px; margin: 0 auto; padding: 0 6vw 16vh; }

.lib-hero { padding: 14vh 0 6vh; }
.library h1 { font-family: var(--serif); font-size: clamp(2.6rem, 7vw, 4.2rem);
              line-height: 1.04; letter-spacing: -.025em; margin: 0 0 1.6rem; }
.lib-standfirst { font-family: var(--serif); font-size: clamp(1.15rem, 2.4vw, 1.45rem);
                  line-height: 1.5; max-width: 58ch; margin: 0; }

/* ==========================================================================
   THE BOOKS. Four across on desktop, two on tablet, one on phone - section 13.
   Generous black between them; the cover is the dominant visual.
   ======================================================================== */
.lib-sec { padding: 10vh 0 0; }
.lib-sec .lib-h {
  font-family: var(--sans); font-size: .74rem; letter-spacing: .24em; text-transform: uppercase;
  color: var(--muted); margin: 0 0 6vh; padding-bottom: 1.4rem;
  border-bottom: 1px solid rgba(237,231,220,.14);
}

.lib-books {
  display: grid; grid-template-columns: repeat(4, 1fr);
  gap: 8vh 4vw; list-style: none; padding: 0; margin: 0;
}
@media (max-width: 1024px) { .lib-books { grid-template-columns: repeat(2, 1fr); gap: 7vh 5vw; } }
@media (max-width: 620px)  { .lib-books { grid-template-columns: 1fr; gap: 6vh 0; } }

.lib-book img {
  display: block; width: 100%; height: auto;
  /* No border, no radius, no shadow. See the file header. */
}
.lib-book .t {
  font-family: var(--serif); font-size: 1.06rem; line-height: 1.3;
  margin: 1.6rem 0 0; color: var(--ink, #EDE7DC);
}
/* The edition line appears ONLY where one is already established - The Arena and the
   Principles. The other six carry no subtitle, and section 6 is explicit that none is
   authorised, so the element is absent rather than empty. */
.lib-book .s {
  font-family: var(--serif); font-style: italic; font-size: .95rem; line-height: 1.4;
  margin: .35rem 0 0; color: var(--muted);
}

/* ==========================================================================
   THE PLAIN INVENTORIES - Doctrine & Standards, Teaching & Institutional
   Formation, Media. Sections 9, 10 and 11: names only.

   NO DESCRIPTIONS, NO TAGLINES, NO STATUS LABELS, NO TRADEMARK SYMBOLS. The
   handoff says the names themselves establish breadth, and it forbids each of
   those additions by name. They are set as a list because a list is what they
   are - not as cards, which section 10 rules out explicitly.
   ======================================================================== */
.lib-list { list-style: none; padding: 0; margin: 0;
            columns: 2; column-gap: 6vw; }
.lib-list li {
  font-family: var(--serif); font-size: 1.08rem; line-height: 1.5;
  padding: .85rem 0; border-bottom: 1px solid rgba(237,231,220,.09);
  break-inside: avoid;
}
@media (max-width: 620px) { .lib-list { columns: 1; } }

.lib-note { font-family: var(--sans); font-size: .8rem; line-height: 1.8;
            color: var(--muted); margin: 6vh 0 0; max-width: 60ch; }
.library footer.site { border-top: 1px solid rgba(237,231,220,.14); }