/**
 * BINW Board of Directors — SiteOrigin editable migration v1
 * TEST ONLY: Faith's Playground 3, draft 72972.
 * Scoped to new row classes. Does not modify current [binw_board] page.
 * Source: existing Board of Directors PHP snippet #59 and its global CSS.
 */
#content .binw-board-migration {
  --board-green: #78A22F;
  --board-teal: #39736E;
  --board-deepgreen: #0C5C44;
  --board-ink: #343538;
  --board-font: "Trebuchet MS", Helvetica, Arial, sans-serif;
  box-sizing: border-box;
  width: min(1180px, calc(100% - 40px));
  max-width: 1180px;
  margin-left: auto !important;
  margin-right: auto !important;
  color: var(--board-ink);
  font-family: var(--board-font) !important;
}
#content .panel-grid:has(> .binw-board-migration) { margin: 0 !important; }
#content .binw-board-migration *,
#content .binw-board-migration *::before,
#content .binw-board-migration *::after { box-sizing: border-box; }
#content .binw-board-migration > .panel-grid-cell {
  min-width: 0 !important;
  margin-bottom: 0 !important;
  padding: 0 !important;
}
#content .binw-board-migration .so-panel,
#content .binw-board-migration .panel-widget-style,
#content .binw-board-migration .siteorigin-widget-tinymce { min-width: 0; }
#content .binw-board-migration .so-panel { margin: 0 !important; }
#content .binw-board-migration :is(h1,h2,h3,p,summary,a,button) {
  font-family: var(--board-font) !important;
  text-transform: none !important;
  letter-spacing: normal !important;
}
#content .binw-board-migration :is(h1,h2,h3,p) { padding: 0 !important; }
#content .binw-board-migration :is(a,button,summary):focus-visible,
.binw-board-mig-dialog :is(a,button):focus-visible {
  outline: 3px solid #0C5C44; outline-offset: 3px;
}
/* The dark existing hero, made from one normal Editor widget. */
#content .binw-board-migration.binw-board-mig-hero {
  position: relative;
  width: min(1180px, calc(100% - 40px));
  display: block !important;
  padding: 56px 46px !important;
  margin-top: 42px !important;
  margin-bottom: 58px !important;
  overflow: hidden;
  border-radius: 30px;
  background: radial-gradient(circle at top left,rgba(120,162,47,.16),transparent 28%),linear-gradient(135deg,#343538,#2f3135 55%,#2a2c30);
  box-shadow: 0 22px 54px rgba(52,53,56,.16);
}
#content .binw-board-mig-hero::before {
  content:"";position:absolute;bottom:0;left:34px;right:34px;height:7px;
  border-radius:999px 999px 0 0;background:linear-gradient(90deg,#78A22F,#39736E 55%,#0C5C44);
}
#content .binw-board-mig-hero-content { max-width: 780px; margin: 0 auto !important; }
#content .binw-board-mig-hero h1 {
  margin:0 !important;font-size:clamp(42px,5vw,70px) !important;line-height:1.05 !important;
  font-weight:800 !important;color:white !important;
}
#content .binw-board-mig-hero p {
  max-width:650px;margin:24px 0 0 !important;font-size:18px !important;
  line-height:1.62 !important;color:rgba(255,255,255,.88) !important;
}
/* Three-column director grid. Every card is a normal SiteOrigin column with two Editor widgets. */
#content .binw-board-migration.binw-board-mig-members-row {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:32px !important;margin-bottom:58px !important;align-items:start !important;
}
#content .binw-board-mig-members-row > .panel-grid-cell { width:auto !important;flex:none !important; }
#content .binw-board-mig-profile .siteorigin-widget-tinymce { display:flex;flex-direction:column;align-items:flex-start; }
#content .binw-board-mig-profile .binw-board-mig-image {
  position:relative;width:100%;height:430px;margin:0 0 18px !important;
  overflow:hidden;border-radius:24px;background:#eef1e8;
  box-shadow:0 10px 26px rgba(52,53,56,.08);
}
#content .binw-board-mig-profile .binw-board-mig-image img {
  display:block;width:100% !important;height:100% !important;max-width:none !important;
  object-fit:cover;object-position:center;border:0;margin:0 !important;
  transition:transform .24s ease,filter .24s ease;
}
#content .binw-board-mig-profile .binw-board-mig-image::after {
  content:"";position:absolute;inset:0;border:1px solid rgba(52,53,56,.1);
  border-radius:24px;pointer-events:none;
}
#content .binw-board-mig-profile .binw-board-mig-image.is-clickable { cursor:pointer; }
#content .binw-board-mig-profile .binw-board-mig-image.is-clickable:hover img { transform:scale(1.015);filter:saturate(1.02) contrast(1.02); }
#content .binw-board-mig-profile .binw-board-mig-name {
  width:100%;margin:0 0 7px !important;color:var(--board-ink) !important;
  font-size:24px !important;line-height:1.13 !important;font-weight:800 !important;
}
#content .binw-board-mig-profile .binw-board-mig-role {
  width:100%;margin:0 0 8px !important;color:var(--board-deepgreen) !important;
  font-size:15px !important;line-height:1.35 !important;font-weight:800 !important;
  letter-spacing:.04em !important;text-transform:uppercase !important;
}
#content .binw-board-mig-profile .binw-board-mig-work {
  width:100%;max-width:96%;margin:0 0 10px !important;color:#555a59 !important;
  font-size:16px !important;line-height:1.5 !important;
}
#content .binw-board-mig-profile .binw-board-mig-location {
  width:100%;margin:0 0 14px !important;color:#707372 !important;
  font-size:14px !important;line-height:1.35 !important;text-transform:uppercase !important;
}
#content .binw-board-mig-profile .binw-board-mig-social {
  display:flex;align-items:center;flex-wrap:wrap;gap:8px;width:100%;
  margin:0 !important;padding-top:13px !important;border-top:1px solid rgba(52,53,56,.12);
}
#content .binw-board-mig-profile .binw-board-mig-social :is(a,button) {
  display:inline-flex;align-items:center;justify-content:center;
  min-height:34px;width:auto;margin:0 !important;padding:7px 12px !important;
  border-radius:999px;background:transparent !important;
  color:var(--board-teal) !important;border:1px solid rgba(57,115,110,.28) !important;
  box-shadow:none !important;text-decoration:none !important;
  font-size:12px !important;line-height:1.2 !important;font-weight:800 !important;
  text-transform:uppercase !important;cursor:pointer;
}
#content .binw-board-mig-profile .binw-board-mig-social button {
  color:var(--board-ink) !important;border-color:rgba(52,53,56,.12) !important;
  background:#F2F4ED !important;
}
#content .binw-board-mig-profile .binw-board-mig-social :is(a,button):hover { background:#e9f1e7 !important; }
#content .binw-board-mig-bio-widget .binw-board-mig-details {
  margin:12px 0 0;padding:14px 16px;border:1px solid #dfe4dc;
  border-radius:14px;background:#f7f9f5;
}
#content .binw-board-mig-bio-widget .binw-board-mig-details summary {
  font-size:14px;line-height:1.4;color:var(--board-teal);font-weight:800;cursor:pointer;
}
#content .binw-board-mig-bio-widget .binw-board-mig-details p {
  margin:12px 0 0 !important;color:#454b48;font-size:15px;line-height:1.65;
}
#content .binw-board-mig-bio-widget .binw-board-mig-details .binw-board-mig-since {
  color:var(--board-teal);font-weight:700;
}
#content .binw-board-mig-members-row.is-enhanced .binw-board-mig-bio-widget { display:none !important; }
/* Advisory members preserve the existing simple, text-only cards. */
#content .binw-board-migration.binw-board-mig-advisory-heading-row {
  display:block !important;margin-top:14px !important;margin-bottom:24px !important;
  padding-top:40px !important;border-top:1px solid #dfe5dc;
}
#content .binw-board-mig-advisory-heading-row .binw-board-mig-kicker {
  margin:0 0 10px !important;color:var(--board-green) !important;font-size:16px !important;
  font-weight:800;text-transform:uppercase !important;letter-spacing:.07em !important;
}
#content .binw-board-mig-advisory-heading-row h2 {
  margin:0 !important;font-size:clamp(28px,3.6vw,38px) !important;line-height:1.2 !important;
  color:var(--board-ink) !important;font-weight:800 !important;
}
#content .binw-board-migration.binw-board-mig-advisors-row {
  display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px !important;margin-bottom:18px !important;
}
#content .binw-board-mig-advisors-row > .panel-grid-cell { width:auto !important;flex:none !important; }
#content .binw-board-mig-advisor {
  height:100%;padding:24px !important;border:1px solid #dfe5dc;
  border-radius:18px;background:#f8faf6;
}
#content .binw-board-mig-advisor h3 {
  margin:0 0 10px !important;font-size:21px !important;line-height:1.25 !important;
  color:var(--board-ink) !important;font-weight:800 !important;
}
#content .binw-board-mig-advisor p { margin:0 0 16px !important;font-size:15px !important;line-height:1.6 !important;color:#505753; }
#content .binw-board-mig-advisor p:last-child { margin:0 !important; }
#content .binw-board-mig-advisor a { color:var(--board-teal) !important;font-weight:800;text-underline-offset:4px; }
/* Native dialog copies the editable bio and metadata, never stores a second bio. */
.binw-board-mig-dialog:not([open]) { display:none !important; }
.binw-board-mig-dialog[open] { display:block; }
.binw-board-mig-dialog {
  position:fixed;inset:0;width:min(760px,calc(100vw - 32px));
  max-width:none;max-height:calc(100dvh - 42px);margin:auto;
  padding:30px;background:white;border:0;border-radius:26px;
  color:#343538;font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
  overflow-y:auto;box-shadow:0 28px 80px rgba(0,0,0,.24);
}
.binw-board-mig-dialog::backdrop { background:rgba(25,32,29,.65); }
.binw-board-mig-dialog__close {
  position:absolute;top:14px;right:14px;width:44px;height:44px;padding:0;
  display:grid;place-items:center;cursor:pointer;border-radius:50%;
  background:#f0f2eb;border:1px solid #dce5d2;color:#343538;font-size:27px;line-height:1;
}
.binw-board-mig-dialog__header {
  display:grid;grid-template-columns:135px minmax(0,1fr);align-items:center;
  gap:22px;padding-right:32px;margin-bottom:22px;
}
.binw-board-mig-dialog__photo { width:135px;height:160px;object-fit:cover;border-radius:20px; }
.binw-board-mig-dialog__name { margin:0 0 10px !important;font-size:clamp(27px,3vw,36px) !important;line-height:1.14 !important;color:#343538; }
.binw-board-mig-dialog__meta { margin:0 0 7px !important;color:#56615c;font-size:16px;line-height:1.45; }
.binw-board-mig-dialog__body { font-size:16px;line-height:1.75;color:#404845; }
.binw-board-mig-dialog__body p { margin:0 0 16px; }
.binw-board-mig-dialog__footer a { display:inline-block;margin-top:12px;color:#39736E;font-size:15px;font-weight:800; }
@media(max-width:980px) {
  #content .binw-board-migration.binw-board-mig-members-row { grid-template-columns:repeat(2,minmax(0,1fr));row-gap:36px !important; }
  #content .binw-board-migration.binw-board-mig-advisors-row { grid-template-columns:repeat(2,minmax(0,1fr)); }
  #content .binw-board-mig-profile .binw-board-mig-image { height:360px; }
}
@media(max-width:640px) {
  #content .binw-board-migration { width:calc(100% - 28px); }
  #content .binw-board-migration.binw-board-mig-hero { width:calc(100% - 28px);margin-top:22px !important;margin-bottom:35px !important;padding:36px 24px !important;border-radius:22px; }
  #content .binw-board-mig-hero h1 { font-size:40px !important; }
  #content .binw-board-mig-hero p { font-size:16px !important; }
  #content .binw-board-migration.binw-board-mig-members-row { grid-template-columns:1fr;gap:32px !important;margin-bottom:32px !important; }
  #content .binw-board-mig-profile .binw-board-mig-image { height:min(110vw,450px); }
  #content .binw-board-migration.binw-board-mig-advisors-row { grid-template-columns:1fr;gap:14px !important;margin-bottom:14px !important; }
  .binw-board-mig-dialog { padding:22px 20px;border-radius:18px;max-height:calc(100dvh - 22px); }
  .binw-board-mig-dialog__header { grid-template-columns:90px 1fr;gap:14px;padding-right:16px; }
  .binw-board-mig-dialog__photo { width:90px;height:110px;border-radius:12px; }
  .binw-board-mig-dialog__name { font-size:24px !important; }
  .binw-board-mig-dialog__meta { font-size:14px; }
}
@media(prefers-reduced-motion:reduce) { #content .binw-board-mig-image img { transition:none !important; } }
