/* Homepage enhancements — research-driven (acquisitions contact, development detail, scroll reveal) */

/* Acquisitions block — named-principal contact (Dermody pattern) */
.acq-lead { margin-bottom: 22px; }
.acq-contact { display: flex; gap: 14px; align-items: center; margin-bottom: 22px; }
.acq-avatar { width: 52px; height: 52px; border-radius: 50%; background: var(--panel); border: 1px solid var(--line); flex: none; }
.acq-name { font-size: 15px; font-weight: 600; color: var(--text); }
.acq-role { font-size: 10px; letter-spacing: .16em; color: var(--bronze); margin-top: 4px; text-transform: uppercase; font-family: var(--mono); }
.acq-co { font-size: 12px; color: var(--faint); margin-top: 5px; font-family: var(--mono); }
.acq-co a { color: inherit; }
.acq-co a:hover { color: var(--bronze); }

/* Development-card detail (Cascadia Airbnb link, Brookside framing) */
.dev-desc { font-size: 12px; color: var(--faint); line-height: 1.55; margin-top: 11px; }
.dev-link { display: inline-block; margin-top: 11px; font-size: 11.5px; letter-spacing: .04em; color: var(--bronze); font-weight: 600; }
.dev-link:hover { color: var(--bronze2); }

/* Subtle scroll reveal — CSS-only, progressive enhancement.
   Content is ALWAYS visible by default; the animation applies only where the
   browser supports scroll-driven timelines, so there is no risk of hidden
   content if a browser (or environment) can't run it. */
@media (prefers-reduced-motion: no-preference) {
  @supports (animation-timeline: view()) {
    main .sec {
      animation: pra-rise linear both;
      animation-timeline: view();
      animation-range: entry 4% cover 22%;
    }
    @keyframes pra-rise {
      from { opacity: 0; transform: translateY(20px); }
      to   { opacity: 1; transform: none; }
    }
  }
}