.founder { display: grid; grid-template-columns: minmax(300px, .82fr) minmax(0, 1.18fr); gap: clamp(42px, 9vw, 128px); align-items: center; width: min(100% - 44px, var(--max)); margin: auto; padding: clamp(92px, 12vw, 166px) 0; }
.founder-media { position: relative; width: min(100%, 460px); aspect-ratio: .72; justify-self: center; margin: 0; overflow: hidden; border: 10px solid #eee6da; border-radius: 48% 48% 7% 7% / 24% 24% 4% 4%; background: var(--deep); box-shadow: 0 24px 55px rgba(43,14,49,.2); }
.founder-media::after { position: absolute; right: 16px; bottom: 16px; width: 54px; height: 54px; border: 2px solid var(--sun); border-radius: 50%; box-shadow: 0 0 0 8px rgba(255,189,24,.12); content: ""; }
.founder-media img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 16%; }
.founder-copy { max-width: 590px; }
.founder-copy h2 { max-width: 540px; margin-bottom: 19px; font-size: clamp(2.7rem, 5.2vw, 5rem); }
.founder-role { margin-bottom: 25px; color: var(--plum); font-size: 1.05rem; font-weight: 800; }
.founder-copy > p:not(.section-kicker):not(.founder-role):not(.founder-quote) { color: var(--muted); font-size: 1.08rem; line-height: 1.63; }
.founder-quote { margin: 28px 0; padding: 19px 0 19px 23px; border-left: 3px solid var(--sun); color: var(--deep); font-size: clamp(1.38rem, 2.2vw, 1.75rem); font-weight: 700; letter-spacing: -.045em; line-height: 1.15; }
@media (max-width: 760px) { .founder { grid-template-columns: 1fr; gap: 36px; padding: 76px 0; } .founder-media { width: min(100%, 420px); margin: 0 auto; } .founder-copy h2 { font-size: clamp(2.55rem, 11.5vw, 3.5rem); line-height: 1.01; } .founder-copy > p:not(.section-kicker):not(.founder-role):not(.founder-quote) { font-size: 1rem; } }