/* Biblically Responsible Investing page. Generated from site/_mockups/bri-mock.css by tools/bri_mockups/build.py. */
/* BRI page mockups (2026-10-22): pieces shared by bri-a … bri-d.
   The fund cards borrow each fund company's own colors and type so they read as theirs. */

:root{
  --inspire-bg:#e6f1f5; --inspire-ink:#0a192c; --inspire-acc:#db7a27; --inspire-soft:#2c506e;
  --eventide-bg:#192546; --eventide-ink:#ffffff; --eventide-acc:#ffd170; --eventide-soft:#bbc5c7;
  --timothy-bg:#eeb91a; --timothy-ink:#1e2a33; --timothy-acc:#2f4a5c; --timothy-soft:#3d4f5c;
  --biola-bg:#f3f3ef; --biola-ink:#22301a; --biola-acc:#b86f08;
  --c-avoid:#6b4a2e; --c-embrace:#4a7a1c; --c-engage:#b86f08;
}

/* the page's first section draws its own ground (site.css fades every first section) */
main > section.mk-hero{ background:none; }

/* ---------- fund identity ---------- */
.fund{ --bg:var(--paper); --ink:var(--ink); --acc:var(--accent); --soft:var(--ink-soft); background:var(--bg); color:var(--ink); }
.fund.inspire{ --bg:var(--inspire-bg); --ink:var(--inspire-ink); --acc:var(--inspire-acc); --soft:var(--inspire-soft); }
.fund.eventide{ --bg:var(--eventide-bg); --ink:var(--eventide-ink); --acc:var(--eventide-acc); --soft:var(--eventide-soft); }
.fund.timothy{ --bg:var(--timothy-bg); --ink:var(--timothy-ink); --acc:var(--timothy-acc); --soft:var(--timothy-soft); }
.fund.biola{ --bg:var(--biola-bg); --ink:var(--biola-ink); --acc:var(--biola-acc); --soft:var(--ink-soft); }

.wordmark{ display:block; line-height:1; color:var(--ink); }
.inspire .wordmark{ font-family:'Lexend', var(--font-body); font-weight:600; letter-spacing:.02em; text-transform:uppercase; }
.inspire .wordmark b{ font-weight:300; }
.eventide .wordmark{ font-family:'Zilla Slab', Georgia, serif; font-weight:600; letter-spacing:-.01em; }
.timothy .wordmark{ font-family:'Open Sans', var(--font-body); font-weight:800; letter-spacing:-.02em; }
.biola .wordmark{ font-family: var(--font-display); font-weight:600; }
.fund .motto{ color:var(--soft); }
.eventide .motto{ font-family:'Zilla Slab', Georgia, serif; font-style:italic; }
.inspire .motto{ font-family:'Lexend', var(--font-body); font-weight:400; }
.timothy .motto{ font-family:'Open Sans', var(--font-body); font-weight:700; }

/* article links inside a fund block */
.reads{ display:flex; flex-direction:column; }
.read{ display:grid; grid-template-columns:1fr auto; gap:.2rem 1rem; align-items:baseline; padding:.95rem 1rem; color:var(--ink); position:relative; background: color-mix(in srgb, var(--ink) 6%, var(--bg)); transition: background .4s var(--ease); }
.read:hover{ background: color-mix(in srgb, var(--ink) 11%, var(--bg)); }
.read + .read{ margin-top:3px; }
.read .t{ font-weight:600; font-size:1.02rem; line-height:1.35; }
.inspire .read .t{ font-family:'Lexend', var(--font-body); font-weight:500; }
.eventide .read .t{ font-family:'Zilla Slab', Georgia, serif; font-weight:600; font-size:1.15rem; }
.timothy .read .t{ font-family:'Open Sans', var(--font-body); font-weight:700; }
.read .k{ grid-column:1; font-size:.84rem; color:var(--soft); }
.read .go{ grid-row:1 / span 2; grid-column:2; align-self:center; width:2.4rem; height:2.4rem; display:grid; place-items:center; background:var(--acc); color:var(--bg); transition: transform .5s var(--ease); }
.timothy .read .go{ color:#fff; }
.read .go svg{ width:16px; height:16px; transition: transform .5s var(--ease); }
.read:hover .go{ transform: translateX(4px); }
.read:hover .go svg{ transform: rotate(-45deg); }
.read:hover .t{ text-decoration: underline; text-decoration-color: var(--acc); text-decoration-thickness:2px; text-underline-offset:4px; }
.read:focus-visible{ outline:2px solid var(--acc); outline-offset:4px; }

/* the note about outside links and the standard BRI disclosures */
.mk-legal{ padding: clamp(2.6rem,5vw,4rem) 0; background: var(--paper); }
.mk-legal p{ font-size:.76rem; color: var(--muted); line-height:1.75; max-width: 110ch; }
.mk-legal p + p{ margin-top:1em; }

/* white header on a photo or dark hero */
.site-header.on-dark:not(.is-scrolled) .brand img{ content: url("../img/logo-white.png"); }
.site-header.on-dark:not(.is-scrolled) .nav-list a, .site-header.on-dark:not(.is-scrolled) .nav-contact a,
.site-header.on-dark:not(.is-scrolled) .nav-actions .risk, .site-header.on-dark:not(.is-scrolled) .menu-toggle,
.site-header.on-dark:not(.is-scrolled) .home-btn{ color:#fff !important; }
.site-header.on-dark:not(.is-scrolled) .nav-contact a{ border-color: rgba(255,255,255,.35) !important; }
.site-header.on-dark:not(.is-scrolled) .bars span{ background:#fff !important; }


@media (prefers-reduced-motion: reduce){
  .read .go, .read .go svg{ transition:none; }
}