/* =========================================================
   Ventures page — page-specific overrides
   Loaded after style.css on ventures.html only
   ========================================================= */

.ventures-page header.hero {
  padding-top: 72px;
  padding-bottom: 56px;
}

.ventures-page .card-img-top {
  border-radius: var(--radius-md) var(--radius-md) 0 0;
  height: 200px;
  object-fit: cover;
  background: var(--surface-alt);
  padding: 20px;
}

.ventures-page .card-title {
  margin-bottom: 6px;
  font-size: 1.15rem;
}

/* Diagonal "opens elsewhere" arrow — same visual language as the
   Experience cards on index.html (Brittany Chiang-style link icon).
   landing.css isn't loaded on this page, so the base/hover pair lives
   here instead, scoped to the venture cards themselves. */
.ventures-page .entry-link-icon {
  font-size: 0.7em;
  margin-left: 6px;
  color: var(--text-faint);
  vertical-align: -1px;
  transform: translate(0, 0);
  transition: color 150ms ease, transform 150ms ease;
}

.ventures-page .card:hover .entry-link-icon {
  color: var(--accent);
  transform: translate(2px, -2px);
}

.ventures-page .card-text {
  font-size: 0.98rem;
  margin-bottom: 10px;
}

#notify-form input.form-control {
  background: var(--surface-alt);
  border: 1px solid var(--border);
  color: var(--text);
  border-radius: var(--radius-sm);
  padding: 11px 14px;
}

#notify-form input.form-control:focus {
  background: var(--surface-alt);
  color: var(--text);
  border-color: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-soft);
}

#notify-form input.form-control::placeholder {
  color: var(--text-faint);
}

#notify-message.text-success {
  color: #8fd8a4;
}

#notify-message.text-danger {
  color: #f2a4a4;
}