#site .substack-feature {
      background: var(--clr-navy);
      padding: 5rem 0;
    }
#site .substack-inner {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 5rem;
      align-items: center;
    }
#site .substack-content h2 {
      font-family: var(--font-display);
      font-size: clamp(2rem, 4vw, 3.5rem);
      font-weight: 300;
      color: var(--clr-cream);
      line-height: 1.1;
      margin-bottom: 1.5rem;
    }
#site .substack-content p {
      font-size: 1rem;
      line-height: 1.8;
      color: rgba(250,249,247,0.65);
      font-weight: 300;
      margin-bottom: 2rem;
    }
#site .substack-preview {
      padding: 2.5rem;
      border: 1px solid rgba(255,255,255,0.08);
      background: rgba(255,255,255,0.03);
    }
#site .substack-preview-label {
      font-size: 0.68rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--clr-steel);
      margin-bottom: 1.5rem;
    }
#site .substack-preview-title {
      font-family: var(--font-display);
      font-size: 1.6rem;
      font-weight: 400;
      color: var(--clr-cream);
      line-height: 1.25;
      margin-bottom: 1rem;
    }
#site .substack-preview-excerpt {
      font-size: 0.9rem;
      line-height: 1.75;
      color: rgba(250,249,247,0.55);
      font-weight: 300;
    }
#site .book-card {
      padding: 2.5rem;
      border: 1px solid rgba(43,51,60,0.12);
      background: var(--clr-cream);
      transition: border-color var(--dur-fast), transform var(--dur-med) var(--ease-out-expo);
      position: relative;
      overflow: hidden;
    }
#site .book-card::before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 3px;
      height: 0;
      background: var(--clr-gold);
      transition: height var(--dur-slow) var(--ease-out-expo);
    }
#site .book-card:hover::before { height: 100%; }
#site .book-card:hover { border-color: rgba(43,51,60,0.2); }
#site .book-status {
      font-size: 0.65rem;
      letter-spacing: 0.15em;
      text-transform: uppercase;
      color: var(--clr-gold);
      font-weight: 600;
      margin-bottom: 1rem;
    }
#site .book-title {
      font-family: var(--font-display);
      font-size: 1.35rem;
      font-weight: 400;
      margin-bottom: 0.75rem;
      line-height: 1.25;
    }
#site .book-desc {
      font-size: 0.88rem;
      line-height: 1.75;
      color: rgba(43,51,60,0.65);
      font-weight: 300;
    }
#site .essay-list { display: flex; flex-direction: column; gap: 0; }
#site .essay-item {
      display: grid;
      grid-template-columns: 1fr auto;
      gap: 2rem;
      align-items: center;
      padding: 2rem 0;
      border-bottom: 1px solid rgba(43,51,60,0.08);
      transition: padding-left var(--dur-med) var(--ease-out-expo);
      cursor: pointer;
    }
#site .essay-item:first-child,
#site :where(.elementor-widget:first-child) > .essay-item:nth-child(n),
#site :where(.elementor-widget:first-child) > :where(.elementor-widget-container) > .essay-item:nth-child(n) { border-top: 1px solid rgba(43,51,60,0.08); }
#site .essay-item:hover { padding-left: 1rem; }
#site .essay-cat { font-size: 0.65rem; letter-spacing: 0.15em; text-transform: uppercase; color: var(--clr-steel); font-weight: 500; margin-bottom: 0.5rem; }
#site .essay-title { font-family: var(--font-display); font-size: 1.2rem; font-weight: 400; margin-bottom: 0.4rem; }
#site .essay-blurb { font-size: 0.85rem; color: rgba(43,51,60,0.6); font-weight: 300; line-height: 1.6; }
#site .essay-arrow { color: var(--clr-sage); opacity: 0; transition: opacity var(--dur-fast); flex-shrink: 0; }
#site .essay-item:hover .essay-arrow { opacity: 1; }
@media (max-width: 768px) {
#site .substack-inner { grid-template-columns: 1fr; gap: 3rem; }
#site .essay-item { grid-template-columns: 1fr; }
#site .essay-arrow { display: none; }
}