/* about/shared.css: the shared section of about.html. Split from the old inline <style>. */
/* ═══════════════════════════════════
       STATS STRIP
    ═══════════════════════════════════ */
    .about-stats {
      background: var(--ink);
    }


    .about-stats__inner {
      max-width: var(--max-w);
      margin: 0 auto;
      padding: 3.5rem 5vw;
      display: grid;
      grid-template-columns: repeat(5, 1fr);
    }


    .about-stat {
      padding: 0 2.5rem;
      border-left: 1px solid rgba(255,255,255,0.08);
    }


    .about-stat:first-child { border-left: none; padding-left: 0; }


    .about-stat__num {
      font-family: var(--display);
      font-size: clamp(2.2rem, 3.5vw, 3.5rem);
      color: #fff;
      line-height: 1;
      display: block;
      letter-spacing: 0.02em;
    }


    .about-stat__label {
      font-family: var(--display);
      font-size: 0.62rem;
      letter-spacing: 0.18em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.35);
      display: block;
      margin-top: 0.5rem;
    }


    /* Editorial pedigree timeline */
    .ped-intro {
      font-family: var(--sans);
      font-size: 1rem;
      line-height: 1.7;
      color: var(--text-2);
      max-width: 46ch;
      margin: 1.5rem 0 0;
    }


    /* (bilateral spine layout replaced by .roles-clusters above) */

    /* ═══════════════════════════════════
       BOOKS SHOWCASE
    ═══════════════════════════════════ */
    .books-showcase {
      background: var(--ink);
      padding: 7rem 5vw;
      border-top: 1px solid rgba(255,255,255,0.06);
      position: relative;
      overflow: hidden;
    }


    .books-showcase::after {
      content: '8';
      position: absolute;
      right: -3vw;
      top: 50%;
      transform: translateY(-50%);
      font-family: var(--display);
      font-size: clamp(22rem, 38vw, 52rem);
      color: rgba(255,255,255,0.025);
      line-height: 1;
      pointer-events: none;
      user-select: none;
    }


    .books-showcase__inner {
      max-width: var(--max-w);
      margin: 0 auto;
      position: relative;
      z-index: 1;
    }


    .books-showcase__header {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-bottom: 4rem;
      padding-bottom: 3rem;
      border-bottom: 1px solid rgba(255,255,255,0.08);
      flex-wrap: wrap;
      gap: 1.5rem;
    }


    .books-showcase__eyebrow {
      font-family: var(--display);
      font-size: 0.72rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--teal);
      display: block;
      margin-bottom: 1.2rem;
    }


    .books-showcase__title {
      font-family: var(--display);
      font-size: clamp(3rem, 5vw, 6.5rem);
      color: #ffffff;
      line-height: 0.88;
      letter-spacing: 0.01em;
    }


    .books-grid {
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 2rem;
    }


    .book-card {
      display: block;
      text-decoration: none;
      color: inherit;
    }


    .book-card__img-wrap {
      aspect-ratio: 2/3;
      overflow: hidden;
      border-radius: var(--radius);
      background: var(--ink-2);
      margin-bottom: 1.2rem;
      position: relative;
    }


    .book-card__img-wrap img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      display: block;
      transition: transform 0.55s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }


    .book-card:hover .book-card__img-wrap img { transform: scale(1.07); }


    .book-card__overlay {
      position: absolute;
      inset: 0;
      background: linear-gradient(to top, rgba(8,8,8,0.9) 0%, transparent 55%);
      opacity: 0;
      transition: opacity 0.35s ease;
      display: flex;
      align-items: flex-end;
      padding: 1.5rem;
    }


    .book-card:hover .book-card__overlay { opacity: 1; }


    .book-card__overlay-cta {
      font-family: var(--display);
      font-size: 0.8rem;
      letter-spacing: 0.16em;
      text-transform: uppercase;
      color: var(--teal);
    }


    .book-card__meta {
      display: flex;
      align-items: baseline;
      justify-content: space-between;
      margin-bottom: 0.4rem;
    }


    .book-card__num {
      font-family: var(--display);
      font-size: 0.62rem;
      letter-spacing: 0.2em;
      color: var(--teal);
      opacity: 0.7;
    }


    .book-card__title {
      font-family: var(--display);
      font-size: 0.9rem;
      letter-spacing: 0.06em;
      text-transform: uppercase;
      color: rgba(255,255,255,0.5);
      line-height: 1.3;
      transition: color 0.25s;
    }


    .book-card:hover .book-card__title { color: rgba(255,255,255,0.9); }


    /* ═══════════════════════════════════
       BACKGROUND / IDENTITY
    ═══════════════════════════════════ */
    .identity-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 6rem;
      align-items: start;
    }


    .identity-facts {
      display: flex;
      flex-direction: column;
      gap: 0;
      margin-top: 2rem;
    }


    .identity-fact {
      padding: 1.8rem 0;
      border-bottom: 1px solid var(--border);
    }


    .identity-fact:first-child { border-top: 1px solid var(--border); }


    .identity-fact__label {
      font-family: var(--display);
      font-size: 0.7rem;
      letter-spacing: 0.22em;
      text-transform: uppercase;
      color: var(--teal);
      margin-bottom: 0.65rem;
      display: block;
    }


    .identity-fact__text {
      font-family: var(--display);
      font-size: 1.1rem;
      color: var(--ink);
      line-height: 1.5;
      letter-spacing: 0.02em;
    }


    /* ═══════════════════════════════════
       AFFILIATIONS
    ═══════════════════════════════════ */
    .tag-cloud {
      display: flex;
      flex-wrap: wrap;
      gap: 0.6rem;
      margin-top: 2rem;
    }


    .tag--gold {
      background: var(--teal-dim);
      border-color: var(--border-2);
      color: var(--teal);
    }


    /* ═══════════════════════════════════
       RESPONSIVE
    ═══════════════════════════════════ */
    @media (max-width: 1000px) {
      .about-stats__inner { grid-template-columns: repeat(3, 1fr); gap: 2rem 0; }
      .about-stat { border-left: none; padding-left: 0; }
      .identity-grid { grid-template-columns: 1fr; gap: 3rem; }
      .role-featured { flex-direction: column; align-items: flex-start; gap: 1.5rem; }
      .role-featured__icon { width: 52px; }
      .spine-layout::before { display: none; }
      .spine-row { grid-template-columns: 1fr; }
      .spine-node { display: none; }
      .spine-empty { display: none; }
      .spine-card--left { text-align: left; align-items: flex-start; }
      .spine-card--right { border-left: none; }
      .spine-card { padding: 1.6rem 1.8rem; }
      .books-grid { grid-template-columns: repeat(2, 1fr); }
    }


    @media (max-width: 600px) {
      .about-stats__inner { grid-template-columns: repeat(2, 1fr); }
    }


  /* prose visual replacements */
    .pv-list {list-style:none;display:flex;flex-direction:column;gap:0.55rem;margin:0;padding:0}

    .pv-list li {display:flex;align-items:flex-start;gap:0.75rem;font-size:0.88rem;color:var(--text-2);line-height:1.7;font-family:var(--sans)}

    .pv-list__dot {width:6px;height:6px;border-radius:50%;background:var(--teal);flex-shrink:0;margin-top:0.52rem}

    .pv-list--dark .pv-list__dot {background:var(--teal)}

    .pv-stat-row {display:flex;gap:2.5rem;flex-wrap:wrap;align-items:flex-start;margin:0}

    .pv-stat__num {display:block;font-family:'Bebas Neue',var(--display);font-size:2.2rem;color:var(--teal);line-height:1;letter-spacing:0.02em}

    .pv-stat__label {display:block;font-size:0.68rem;letter-spacing:0.14em;text-transform:uppercase;color:var(--muted);margin-top:0.2rem;font-family:var(--display)}

    /* Removed: .pv-tags, .pv-tag and .pv-tag--teal. Rounded chips decorating
       static marketing labels are on the hard no list (no-ai-slop 14 and 16);
       pills are for real filters only. The same words now run as a plain
       comma separated line with weight for hierarchy. Do not re-add. */
    .pv-split {display:grid;grid-template-columns:1fr 1fr;gap:1rem}

    .pv-split__item {padding:1.1rem 1.15rem;background:var(--bg-2);border-radius:8px;border:1px solid var(--border)}

    .pv-split__title {font-family:var(--display);font-size:0.8rem;font-weight:700;color:var(--ink);margin-bottom:0.3rem}

    .pv-split__body {font-size:0.8rem;color:var(--text-2);line-height:1.65;font-family:var(--sans)}

    @media(max-width:600px) {.pv-split {grid-template-columns:1fr}
    }