/* ==========================================================================
   LoomReach · Direction E "Showroom" · homepage additions (COPY_V2_PAGES §8, HD3)
   Loaded after site.css on index.html only: the founder strip in HP2-06, the stack
   link in point 3 and the linked "Already have software?" title in HP2-03.
   ========================================================================== */

/* The empty founder photo frame (.lr-photo) is shared, in site.css. */

/* ---------- HD3-03 · Founder strip in HP2-06: one narrow white band, no spheres, no sequence ---------- */
.lr-founder-strip {
  display: grid; grid-template-columns: 80px minmax(0, 1fr); align-items: center; column-gap: 16px;
  width: 100%; padding: 8px 18px 8px 8px; border-radius: var(--lr-r-l);
  background: var(--lr-surface); border: 1px solid rgba(17, 18, 22, .08);
}
.lr-founder-strip__photo { border-radius: 16px; }
.lr-founder-strip__photo .lr-photo__frame { inset: 6px; border-radius: 11px; }
.lr-founder-strip__photo .lr-photo__label { padding: 0 2px; }
.lr-founder-strip__body { display: grid; gap: 2px; min-width: 0; }
.lr-founder-strip__name { font-size: 1.125rem; font-weight: 650; line-height: 1.25; letter-spacing: -.01em; }
.lr-founder-strip__role { font-size: .9375rem; line-height: 1.4; color: var(--lr-muted); }
.lr-founder-strip__links { margin-top: 4px; font-size: .9375rem; line-height: 1.5; color: var(--lr-muted); }
.lr-founder-strip__links .lr-link { font-weight: 600; color: var(--lr-ink); }
@media (min-width: 600px) {
  .lr-founder-strip { grid-template-columns: 96px minmax(0, 1fr); column-gap: 20px; padding: 10px 22px 10px 10px; }
  .lr-founder-strip__photo .lr-photo__frame { inset: 9px; border-radius: 12px; }
}

/* ---------- HD3-04 · Point 3: link to the stack and practices on About ---------- */
.lr-point .lr-point__more { display: flex; flex-wrap: wrap; gap: 6px 28px; margin-top: 8px; }
.lr-point__more .lr-link--arrow { color: var(--lr-ink); font-size: 1rem; }

/* ---------- HD3-01 · "Already have software?" title links to the takeover section ---------- */
.lr-strip__title a { color: var(--lr-ink); text-decoration: underline; text-decoration-color: var(--lr-link-line); text-decoration-thickness: 2px; text-underline-offset: .2em; }
.lr-strip__title a:hover { text-decoration-thickness: 3px; }