/* The About page (Meet the Team): its own design, kept here (it used to sit inline in the page) so it doesn't fight
 * pages.css, which it builds on. Loaded on a page whose content has class "oyb-about" (site/includes/core.php).
 * Night colors come from pages.css (the --oyb-* names). */
.oyb-ap.oyb-about{
  --oyb-pink:#ed367e; --oyb-magenta:#c026d3;
  --oyb-navy:#1a1a2e; --oyb-navy-2:#25253f;
  --oyb-bg:#fafaf8; --oyb-card:#ffffff; --oyb-border:#e8e8f0;
  --oyb-text:#1a1a2e; --oyb-muted:#4a4a63; --oyb-muted-2:#6b6b85; --oyb-muted-3:#8b8ba3;
  --oyb-max:1120px; --oyb-narrow:820px;
  font-family:'Nunito',system-ui,-apple-system,"Segoe UI",sans-serif;
  color:var(--oyb-text); background:var(--oyb-bg); line-height:1.6; overflow-x:hidden;
}
.oyb-ap.oyb-about *,.oyb-ap.oyb-about *::before,.oyb-ap.oyb-about *::after{box-sizing:border-box;}
.oyb-ap.oyb-about p,.oyb-ap.oyb-about h1,.oyb-ap.oyb-about h2,.oyb-ap.oyb-about h3,.oyb-ap.oyb-about ul,.oyb-ap.oyb-about figure{margin:0;padding:0;}
.oyb-ap.oyb-about ul{list-style:none;}
.oyb-ap.oyb-about img{max-width:100%;height:auto;display:block;}
.oyb-ap.oyb-about a{color:var(--oyb-pink);}
.oyb-ap.oyb-about a:focus-visible{outline:2px solid var(--oyb-pink);outline-offset:3px;border-radius:6px;}
.oyb-ap.oyb-about .oyb-wrap{max-width:var(--oyb-max);margin:0 auto;}
.oyb-ap.oyb-about .oyb-wrap--narrow{max-width:var(--oyb-narrow);margin:0 auto;}
.oyb-ap.oyb-about .oyb-section{padding:clamp(48px,6vw,80px) 24px;}
.oyb-ap.oyb-about .oyb-section--white{background:var(--oyb-card);}
.oyb-ap.oyb-about .oyb-section--rule-t{border-top:2px solid var(--oyb-border);}
.oyb-ap.oyb-about .oyb-section--rule-b{border-bottom:2px solid var(--oyb-border);}
.oyb-ap.oyb-about .oyb-section--last{padding-bottom:clamp(80px,9vw,112px);}
.oyb-ap.oyb-about .oyb-kicker{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oyb-pink);margin-bottom:14px;}
.oyb-ap.oyb-about .oyb-h2{font-family:'Brandon Grotesque','Sora',sans-serif;font-weight:700;font-size:clamp(26px,4vw,40px);line-height:1.14;letter-spacing:-.03em;text-wrap:balance;}
.oyb-ap.oyb-about .oyb-body{font-size:17.5px;line-height:1.78;color:var(--oyb-muted);text-wrap:pretty;}
.oyb-ap.oyb-about .oyb-mb-16{margin-bottom:16px;}
.oyb-ap.oyb-about .oyb-mb-40{margin-bottom:40px;}

/* Hero */
.oyb-ap.oyb-about .oyb-hero{position:relative;padding:clamp(50px,6.5vw,88px) 24px clamp(40px,5vw,64px);text-align:center;}
.oyb-ap.oyb-about .oyb-hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(900px 420px at 12% -10%,rgba(237, 54, 126,.07),transparent 60%),radial-gradient(700px 380px at 92% 0%,rgba(192,38,211,.07),transparent 62%);}
.oyb-ap.oyb-about .oyb-hero__inner{position:relative;max-width:var(--oyb-narrow);margin:0 auto;}
.oyb-ap.oyb-about .oyb-motto{font-size:11.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--oyb-pink);margin-bottom:20px;}
.oyb-ap.oyb-about .oyb-name{font-family:'Brandon Grotesque','Sora',sans-serif;font-weight:700;font-size:clamp(42px,7vw,70px);line-height:1;letter-spacing:-.035em;}
.oyb-ap.oyb-about .oyb-tagline{margin:22px auto 0;max-width:58ch;font-size:clamp(16.5px,1.9vw,19px);line-height:1.68;color:var(--oyb-muted);text-wrap:pretty;}
.oyb-ap.oyb-about .oyb-creed{margin-top:26px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-creed .s{color:var(--oyb-pink);margin:0 8px;}

/* Founder cards */
.oyb-ap.oyb-about .oyb-team{display:grid;grid-template-columns:1fr;gap:22px;max-width:var(--oyb-max);margin:0 auto;}
.oyb-ap.oyb-about .oyb-member{background: var(--oyb-card, #fff);border:2px solid var(--oyb-border);border-radius:22px;padding:clamp(22px,3vw,32px);text-align:center;box-shadow:0 20px 50px -34px rgba(26,26,46,.4);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.oyb-ap.oyb-about .oyb-member:hover{border-color:var(--oyb-pink);box-shadow:0 24px 56px -30px rgba(237, 54, 126,.4);transform:translateY(-3px);}
.oyb-ap.oyb-about .oyb-member__photo{width:min(240px,70%);margin:0 auto;aspect-ratio:1/1;border-radius:20px;overflow:hidden;box-shadow:0 18px 40px -22px rgba(26,26,46,.45);}
.oyb-ap.oyb-about .oyb-member__photo img{width:100%;height:100%;object-fit:cover;object-position:50% 12%;}
.oyb-ap.oyb-about .oyb-member h2{font-family:'Brandon Grotesque','Sora',sans-serif;font-weight:700;font-size:clamp(24px,3vw,30px);letter-spacing:-.025em;margin-top:22px;}
.oyb-ap.oyb-about .oyb-member__role{margin-top:6px;font-size:14px;font-weight:700;color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-member__hook{margin:14px auto 0;max-width:42ch;font-size:15.5px;line-height:1.7;color:var(--oyb-muted);text-wrap:pretty;}
.oyb-ap.oyb-about .oyb-btn{display:inline-flex;align-items:center;gap:9px;margin-top:22px;font-weight:700;font-size:15px;color:#fff;text-decoration:none;border-radius:999px;padding:13px 26px;background:linear-gradient(135deg,var(--oyb-magenta),var(--oyb-pink));box-shadow:0 14px 30px -16px rgba(237, 54, 126,.6);transition:transform .16s ease,box-shadow .16s ease;}
.oyb-ap.oyb-about .oyb-btn:hover{transform:translateY(-2px);box-shadow:0 18px 38px -16px rgba(237, 54, 126,.7);color:#fff;}

/* Press */
.oyb-ap.oyb-about .oyb-press{display:grid;grid-template-columns:1fr;gap:18px;max-width:var(--oyb-max);margin:0 auto;}
.oyb-ap.oyb-about .oyb-press a{display:flex;flex-direction:column;align-items:center;gap:12px;background: var(--oyb-card, #fff);border:2px solid var(--oyb-border);border-radius:18px;padding:22px;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;}
.oyb-ap.oyb-about .oyb-press a:hover{border-color:var(--oyb-pink);transform:translateY(-3px);box-shadow:0 20px 46px -26px rgba(237, 54, 126,.35);}
.oyb-ap.oyb-about .oyb-press img{max-height:88px;width:auto;object-fit:contain;}
.oyb-ap.oyb-about .oyb-press span{font-size:13px;font-weight:700;color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-press a:hover span{color:var(--oyb-pink);}

/* Standards links (funnel cards, matches the author pages) */
/* "Our word, in writing": three cards in a row, centered, each with a "Read" line at the foot (Derek, 2026-10-18). */
.oyb-ap.oyb-about .oyb-section:has(.oyb-links) .oyb-wrap--narrow{max-width:1000px;text-align:center;}
.oyb-ap.oyb-about .oyb-section:has(.oyb-links) .oyb-body{max-width:60ch;margin-left:auto;margin-right:auto;}
.oyb-ap.oyb-about .oyb-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:none;margin:0 auto;}
.oyb-ap.oyb-about .oyb-link{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 26px 26px;border:2px solid var(--oyb-border);border-radius:18px;background:var(--oyb-card, #fff);text-decoration:none;box-shadow:0 14px 34px -26px rgba(26,26,46,.35);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.oyb-ap.oyb-about .oyb-link b{display:block;font-family:'Brandon Grotesque','Nunito',sans-serif;font-weight:700;font-size:21px;line-height:1.2;color:var(--oyb-ink, #1a1a2e);transition:color .16s ease;}
.oyb-ap.oyb-about .oyb-link span{display:block;margin-top:10px;font-size:15px;line-height:1.6;color:var(--oyb-muted-2);text-wrap:pretty;}
.oyb-ap.oyb-about .oyb-link::after{content:"Read \2192";margin-top:auto;padding-top:20px;font-size:14px;font-weight:800;color:var(--oyb-pink);transition:transform .18s ease;}
.oyb-ap.oyb-about .oyb-link:hover{border-color:var(--oyb-pink);box-shadow:0 0 0 3px rgba(237, 54, 126,.14),0 18px 38px -24px rgba(237, 54, 126,.5);transform:translateY(-3px);}
.oyb-ap.oyb-about .oyb-link:hover b{color:var(--oyb-pink);}
.oyb-ap.oyb-about .oyb-link:hover::after{transform:translateX(3px);}
.oyb-ap.oyb-about .oyb-link--soon{cursor:default;border-style:dashed;box-shadow:none;background:var(--oyb-bg);}
.oyb-ap.oyb-about .oyb-link--soon b{color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-link--soon::after{content:"Coming soon";color:var(--oyb-muted-3);}
.oyb-ap.oyb-about .oyb-link--soon:hover{border-color:var(--oyb-border);box-shadow:none;transform:none;}
.oyb-ap.oyb-about .oyb-link--soon:hover b{color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-link--soon:hover::after{transform:none;}

/* Social pills */
.oyb-ap.oyb-about .oyb-social{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;}
.oyb-ap.oyb-about .oyb-social a{font-size:14px;font-weight:700;color: var(--oyb-ink-2, #25253f);background: var(--oyb-card, #fff);border:2px solid var(--oyb-border);padding:10px 18px;border-radius:999px;text-decoration:none;transition:border-color .16s ease,color .16s ease,transform .16s ease;}
.oyb-ap.oyb-about .oyb-social a:hover{border-color:var(--oyb-pink);color:var(--oyb-pink);transform:translateY(-2px);}
.oyb-ap.oyb-about .oyb-center{text-align:center;}

/* Per-person contact cards */
.oyb-ap.oyb-about .oyb-talk{display:grid;grid-template-columns:1fr;gap:16px;margin-top:30px;text-align:center;}
.oyb-ap.oyb-about .oyb-talk__card{background: var(--oyb-card, #fff);border:2px solid var(--oyb-border);border-radius:18px;padding:24px 20px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;}
.oyb-ap.oyb-about .oyb-talk__card:hover{border-color:var(--oyb-pink);box-shadow:0 20px 46px -26px rgba(237, 54, 126,.35);transform:translateY(-3px);}
.oyb-ap.oyb-about .oyb-lead-sm{margin:48px 0 0;font-size:15px;color:var(--oyb-muted-2);}
.oyb-ap.oyb-about .oyb-talk__card h3{font-family:'Nunito',system-ui,sans-serif;font-weight:800;font-size:20px;letter-spacing:-.01em;margin:0 0 3px;}
.oyb-ap.oyb-about .oyb-role-sm{font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--oyb-muted-3);margin:0 0 16px;}
.oyb-ap.oyb-about .oyb-talk .oyb-social{margin-top:0;display:grid;grid-template-columns:1fr;gap:8px;}
.oyb-ap.oyb-about .oyb-talk .oyb-social a{display:block;text-align:center;}
.oyb-ap.oyb-about .oyb-social a.oyb-donate{border-color:rgba(237, 54, 126,.45);color:var(--oyb-pink);background:linear-gradient(135deg,rgba(192,38,211,.07),rgba(237, 54, 126,.07));}
.oyb-ap.oyb-about .oyb-social a.oyb-donate:hover{border-color:var(--oyb-pink);}
.oyb-ap.oyb-about .oyb-org-note{margin:48px 0 0;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--oyb-muted-3);}
@media (min-width:700px){.oyb-ap.oyb-about .oyb-talk{grid-template-columns:1fr 1fr;}}

@media (min-width:760px){
  .oyb-ap.oyb-about .oyb-team{grid-template-columns:1fr 1fr;}
  .oyb-ap.oyb-about .oyb-press{grid-template-columns:repeat(3,1fr);}
}
.oyb-ap.oyb-about .oyb-org-note + .oyb-social{margin-top:14px;}
@media (max-width:760px){.oyb-ap.oyb-about .oyb-links{grid-template-columns:1fr;max-width:460px;}}
@media (prefers-reduced-motion:reduce){.oyb-ap.oyb-about *{transition:none !important;animation:none !important;}}