/* Founder strip: homepage A/B test (2026-10). File name = founder-strip-<sha1[:10] of this file>.css
   (/css/ is served immutable for a year): after ANY edit, re-hash, rename and update the <link> in index.html.
   The inline <head> script sets <html data-founder="show|hide">.
   JS off = no attribute = the strip shows. Classes are fdr-* to stay clear of the page script. */
[data-founder="hide"] #founder{display:none}

.founder{background:var(--bg,#FCFDFB);padding:clamp(8px,2vw,24px) 0 clamp(72px,9vw,120px)}
.founder .eyebrow{margin-bottom:20px}

.fdr-card{max-width:1080px;margin:0 auto;background:#fff;border:1px solid rgba(22,52,84,.12);border-radius:20px;padding:20px 20px 10px;display:grid;grid-template-columns:72px minmax(0,1fr);gap:16px;align-items:center;box-shadow:0 1px 2px rgba(22,52,84,.04)}

.fdr-av{width:72px;height:72px;border-radius:50%;overflow:hidden;background:var(--lgreen,#E8F5D4);box-shadow:0 0 0 4px var(--lgreen,#E8F5D4)}
.fdr-av img{width:100%;height:100%;object-fit:cover}

.fdr-name{font:700 20px/1.15 var(--font-display,'Outfit',system-ui,sans-serif);letter-spacing:-.015em;color:var(--navy,#163454)}
.fdr-role{font:600 14px/1.3 var(--font,'Inter',system-ui,sans-serif);color:var(--green-ink,#4F7415);margin-top:3px}
/* same treatment as the /us/ card's .edu line: normal weight, muted grey */
.fdr-edu{font:400 14.5px/1.45 var(--font,'Inter',system-ui,sans-serif);color:var(--ink-2,#5B6672);margin-top:6px}
.fdr-sep{display:none}
.fdr-yrs{display:block}

.fdr-line{grid-column:1/-1;font-size:16px;line-height:1.5;color:var(--ink,#2E3F50);max-width:62ch}

/* navy text, lime underline (never white on lime); 44px tap target */
.fdr-link{grid-column:1/-1;justify-self:start;display:inline-flex;align-items:center;min-height:44px;font:600 16px/1 var(--font,'Inter',system-ui,sans-serif);color:var(--navy,#163454);white-space:nowrap;background:linear-gradient(var(--green,#94C23C),var(--green,#94C23C)) 0 calc(50% + 12px)/100% 2px no-repeat}
@media (hover:hover){.fdr-link:hover{background-image:linear-gradient(var(--navy,#163454),var(--navy,#163454))}}

@media (min-width:900px){
  .fdr-card{grid-template-columns:96px auto minmax(0,1fr) auto;gap:0 28px;padding:24px 32px}
  .fdr-av{width:96px;height:96px}
  .fdr-line{grid-column:auto;padding-left:28px;border-left:1px solid var(--line,#E3E8E1)}
  .fdr-link{grid-column:auto;justify-self:end}
}