/* about-founder.html - styles for this page only. */
.brand{display:flex;align-items:center;justify-content:flex-start;flex:none;}

.brand-logo{height:59.375px;width:auto;display:block;}

.pull-quote{font-family:var(--serif);font-style:italic;font-size:clamp(1.3rem,2.4vw,1.7rem);color:#000;
    border-left:2px solid var(--gold);padding-left:28px;margin:48px 0;line-height:1.55;}

.closing-quote blockquote{font-family:var(--serif);font-style:italic;font-size:clamp(1.28rem,2.2vw,1.53rem);color:#fff;
    border-left:2px solid var(--gold);padding:6px 0 6px 28px;margin:0 auto;max-width:66ch;line-height:1.65;text-align:justify;hyphens:none;-webkit-hyphens:none;}

.closing-quote .attrib{display:block;margin-top:16px;font-style:normal;font-size:1.213rem;color:var(--gold-soft);}

.cta-final p.lede{max-width:50ch;margin:0 auto 40px;color:#454b52;font-size:1.103rem;}

.footer-bottom{border-top:1px solid var(--line-on-dark);padding-top:26px;display:flex;justify-content:center;text-align:center;font-size:.863rem;flex-wrap:wrap;gap:12px;color:#fff;}

.cred-logos{display:grid;grid-template-columns:repeat(5,1fr);gap:26px;margin-top:48px;max-width:1180px;margin-left:auto;margin-right:auto;}

.cred-logo-card{height:132px;display:flex;align-items:center;justify-content:center;}

.cred-logo-card img{max-height:112px;max-width:100%;width:auto;height:auto;display:block;}

@media (max-width:900px){
  .cred-logos{grid-template-columns:repeat(3,1fr);gap:20px;}
  .cred-logo-card{height:112px;}
  .cred-logo-card img{max-height:92px;}
}

@media (max-width:600px){
  .cred-logos{grid-template-columns:repeat(2,1fr);gap:16px;}
  .cred-logo-card{height:104px;}
  .cred-logo-card img{max-height:88px;}
}

#credentials{scroll-margin-top:110px;}

/* Keep the main nav on one line on desktop widths */
@media (min-width:901px){
  nav.links{flex-wrap:nowrap;}
  nav.links>.nav-item,nav.links>.nav-item>a{white-space:nowrap;}
}

/* Founder portrait keeps its natural proportions (the width/height attributes must not stretch it). */
.fh-photo{height:auto;}
/* Phones: "The Founder" label centered above the name. */
@media (max-width:700px){ .hero-copy .eyebrow{text-align:center !important;} }

/* Phones held sideways: keep "The Founder" centred above the name. */
@media (orientation:landscape) and (max-height:500px) and (hover:none) and (pointer:coarse){ .hero-copy .eyebrow{text-align:center !important;} }