/* Jack Bramley's approved founder portrait. Uses one bundled portrait asset on Home and About. */
.founder-portrait{margin:0;overflow:hidden;background:#f7f5ed;border-radius:16px;box-shadow:0 16px 40px rgb(8 29 20 / 18%)}
.founder-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 38%}

html[data-reference-study] body.design-review main .reference-founder>.site-container{display:grid;grid-template-columns:minmax(220px,300px) minmax(0,1fr);gap:56px;align-items:center;min-height:0}
html[data-reference-study] body.design-review main .reference-founder .founder-portrait-home{width:100%;max-width:300px;aspect-ratio:3/4}
html[data-reference-study] body.design-review main .reference-founder .founder-copy{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:56px;align-items:center}

/* About BCF: keep the portrait inside the centred content grid. */
.founder-profile::before{content:none!important;display:none!important}
.founder-profile>.site-container{display:grid!important;grid-template-columns:minmax(260px,330px) minmax(210px,.72fr) minmax(0,1.28fr)!important;gap:48px!important;align-items:start!important}
.founder-profile>.site-container::before{content:"";display:block;width:100%;max-width:330px;aspect-ratio:3/4;background-color:#f7f5ed;background-image:var(--founder-image,none);background-position:center 38%;background-size:cover;background-repeat:no-repeat;border-radius:16px;box-shadow:0 16px 40px rgb(8 29 20 / 14%)}
.founder-profile .founder-label{align-self:start;min-width:0}
.founder-profile .founder-story{min-width:0;margin-top:0}

@media(max-width:1000px){
 html[data-reference-study] body.design-review main .reference-founder>.site-container{grid-template-columns:minmax(190px,250px) minmax(0,1fr);gap:38px}
 html[data-reference-study] body.design-review main .reference-founder .founder-copy{grid-template-columns:1fr;gap:18px}
 html[data-reference-study] body.design-review main .reference-founder .founder-copy h2{max-width:none}
 .founder-profile>.site-container{grid-template-columns:minmax(220px,280px) minmax(0,1fr)!important;gap:36px!important}
 .founder-profile>.site-container::before{grid-column:1;grid-row:1/3;max-width:280px}
 .founder-profile .founder-label,.founder-profile .founder-story{grid-column:2}
}

@media(max-width:760px){
 html[data-reference-study] body.design-review main .reference-founder>.site-container{grid-template-columns:1fr;gap:24px;align-items:start}
 html[data-reference-study] body.design-review main .reference-founder .founder-portrait-home{max-width:260px;margin:0 auto}
 html[data-reference-study] body.design-review main .reference-founder .founder-copy{grid-template-columns:1fr;gap:18px}
 .founder-profile>.site-container{grid-template-columns:1fr!important;gap:24px!important}
 .founder-profile>.site-container::before{grid-column:1;grid-row:auto;width:min(100%,260px);max-width:260px;margin:0 auto}
 .founder-profile .founder-label,.founder-profile .founder-story{grid-column:1}
}