
.founder-editorial{padding:110px max(7%,calc((100vw - 1180px)/2));background:#090909;color:#f7f7f5}.founder-page{padding-top:190px}.founder-heading{border-top:1px solid #ffffff38;padding-top:26px;margin-bottom:65px}.founder-heading>.micro{font-size:11px;color:#a7a7a7;letter-spacing:.14em}.founder-heading h1,.founder-heading h2{font-family:var(--display-font);font-size:clamp(58px,7.3vw,108px);font-weight:400;line-height:1.08;letter-spacing:-.035em;margin:32px 0 35px}.founder-heading em{white-space:nowrap}.founder-introduction{max-width:740px;margin-left:auto;font-family:var(--display-font);font-size:clamp(25px,2.5vw,36px);line-height:1.4;letter-spacing:-.015em;color:#e3e2df}.founder-body{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:9%;align-items:start}.founder-photo-rail{--photo-width:270px;display:flex;flex-direction:column;gap:28px;align-items:center;min-width:0}.portrait-frame{width:var(--photo-width);max-width:100%;margin:0;flex-shrink:0;mask-image:linear-gradient(0deg,transparent,black 12%,black 88%,transparent),linear-gradient(90deg,transparent,black 12%,black 88%,transparent);mask-composite:intersect;-webkit-mask-image:linear-gradient(0deg,transparent,black 12%,black 88%,transparent),linear-gradient(90deg,transparent,black 12%,black 88%,transparent);-webkit-mask-composite:source-in}.portrait-frame img{display:block;width:100%;height:auto;filter:grayscale(1)}.bio-chapter{margin:0 0 46px}.bio-chapter:last-child{margin-bottom:0}.bio-chapter h3{display:flex;gap:20px;align-items:center;font:500 12px var(--body-font);text-transform:uppercase;letter-spacing:.12em;border-top:1px solid #ffffff26;padding-top:18px;margin:0 0 25px}.bio-chapter h3 span{color:#7d7d7d;font-size:10px}.bio-chapter p{font:400 17px/1.85 var(--body-font);color:#c8c8c5;margin:0 0 23px;max-width:60ch}.bio-chapter p:last-child{margin-bottom:0}
@media(max-width:800px){.founder-editorial{padding:65px 7%}.founder-page{padding-top:140px}.founder-heading{margin-bottom:40px}.founder-heading h1,.founder-heading h2{font-size:clamp(48px,10vw,72px);margin:25px 0}.founder-heading em{display:block}.founder-introduction{font-size:26px}.founder-body{grid-template-columns:1fr;gap:32px}.founder-photo-rail,.founder-story{display:contents}.portrait-frame{width:min(270px,82%);justify-self:center}.portrait-0{grid-row:1}.chapter-1{grid-row:2}.portrait-1{grid-row:3}.portrait-2{grid-row:4}.chapter-2{grid-row:5}.portrait-3{grid-row:6}.chapter-3{grid-row:7}.portrait-4{grid-row:8}.bio-chapter{margin:0}.bio-chapter p{font-size:16px;line-height:1.8}.bio-chapter h3{margin-bottom:22px}}

/* Keep the replacement event photographs in reading order on mobile. */
@media(max-width:800px){.portrait-3{grid-row:6}.portrait-4{grid-row:7}.chapter-3{grid-row:8}.portrait-5{grid-row:9}}

/* One editorial portrait on mobile, followed by the uninterrupted biography. */
@media(max-width:800px){
 .founder-photo-rail .portrait-frame{display:none}
 .founder-photo-rail .portrait-4{display:block;grid-row:1;width:min(270px,82%)}
 .chapter-1{grid-row:2}.chapter-2{grid-row:3}.chapter-3{grid-row:4}
}

/* Single portrait with a concise introduction and an accessible full biography. */
.founder-heading{margin-bottom:40px}
.founder-heading h1,.founder-heading h2{margin-bottom:0}
.founder-body{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:8%;align-items:start}
.founder-photo-rail{display:flex;align-items:center;position:sticky;top:95px;height:auto}
.founder-photo-rail .portrait-4{width:min(330px,100%)}
.founder-story{display:block}
.founder-story .founder-introduction{margin:0 0 28px;max-width:100%;font-size:clamp(25px,2.2vw,34px)}
.founder-story>p:not(.founder-introduction){font:400 17px/1.85 var(--body-font);color:#c8c8c5;margin:0 0 30px}
.bio-details{border-top:1px solid #ffffff38}
.bio-details>summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:22px 0;font:500 14px var(--body-font);letter-spacing:.02em}
.bio-details>summary::-webkit-details-marker{display:none}
.bio-close-label{display:none}
.bio-details[open] .bio-open-label{display:none}
.bio-details[open] .bio-close-label{display:inline}
.bio-toggle{font-size:26px;font-weight:400;line-height:1}
.bio-details[open] .bio-toggle{transform:rotate(45deg)}
.bio-details-content{padding-top:20px}
@media(max-width:800px){
 .founder-body{display:flex;flex-direction:column;gap:32px}
 .founder-photo-rail{position:static;width:100%;display:flex}
 .founder-photo-rail .portrait-4{display:block;width:min(270px,82%);margin:auto}
 .founder-story{display:block;width:100%}
 .founder-story .founder-introduction{font-size:26px}
 .founder-story>p:not(.founder-introduction){font-size:16px;line-height:1.8}
}
