/* About: leave the central architecture clear; wrap right-hand copy around El. */
#el{--section-heading-size:clamp(36px,3.6vw,58px);color:#211e19;background:#f0ddbf url("../assets/images/founder-rotunda-sep22-evening.png") center/100% 100% no-repeat;min-height:100svh;padding:clamp(28px,5vh,60px) 5%;display:flex;align-items:center}
#el .founder-editorial{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:18%;row-gap:24px;align-items:start;width:100%;max-width:1680px;margin:auto}
#el h2{grid-column:1;margin:0}
#el .founder-intro{grid-column:1;padding:0}
#el .founder-continuation{grid-column:2;grid-row:1/3;padding:0;display:flow-root;align-self:center}
#el p{font:400 clamp(18px,1.42vw,21px)/1.4 Georgia,"Times New Roman",serif;margin:0 0 1.2em}
#el p:last-child{margin-bottom:0}
#el strong{font-weight:700}
#el .founder-rule{display:none}
#el .founder-photo{float:right;width:42%;margin:0 0 18px 20px}
#el .founder-photo img{display:block;width:100%;height:auto}
@media(max-width:1000px){
 #el{min-height:0;padding:64px 6%;background-size:cover;background-image:linear-gradient(#f7ecd9b3,#f7ecd9b3),url("../assets/images/founder-rotunda-sep22-evening.png")}
 #el .founder-editorial{column-gap:12%;row-gap:28px}
 #el p{font-size:18px}
 #el .founder-photo{float:none;width:70%;margin:0 auto 24px}
}
@media(max-width:650px){
 #el{padding:55px 7%;--section-heading-size:clamp(36px,9vw,50px);background-image:linear-gradient(#f7ecd9db,#f7ecd9db),url("../assets/images/founder-rotunda-sep22-evening.png")}
 #el .founder-editorial{display:block}
 #el h2{margin-bottom:28px}
 #el p{font-size:18px}
 #el .founder-continuation{margin-top:26px}
 #el .founder-photo{float:right;width:43%;margin:0 0 16px 18px}
}
/* The uncropped image alone determines the desktop section height. */
#el{position:relative;display:block;container-type:inline-size;min-height:0;height:auto;padding:0;margin:0;background:none}
#el .founder-background{display:block;width:100%;height:auto}
#el .founder-editorial{position:absolute;top:50%;left:5%;transform:translateY(-50%);width:90%;max-width:none;margin:0;row-gap:1.5cqw}
#el h2{font-size:3.6cqw}
#el p{font-size:1.3cqw;margin-bottom:1.2em}
#el .founder-photo{width:42%;margin:0 0 1.2cqw 1.6cqw}
@media(max-width:1000px) and (min-width:651px){
 #el .founder-editorial{column-gap:18%;row-gap:1.5cqw}
 #el .founder-photo{float:right;width:42%;margin:0 0 1.2cqw 1.6cqw}
}
/* On phones the copy remains readable in normal flow, without stretching the image. */
@media(max-width:650px){
 #el .founder-editorial{position:relative;top:auto;left:auto;transform:none;width:90%;margin:0 auto}
 #el h2{font-size:clamp(36px,9vw,50px)}
 #el p{font-size:18px}
 #el .founder-photo{width:43%;margin:0 0 16px 18px}
}