/* Shared typography, colors and navigation come from style.css. */
::-webkit-scrollbar{ display: none;}
.founders-page { --page-veil: .7; }
.founders-main, .founders-footer { padding-inline: max(var(--gutter), calc((100% - 1500px) / 2)); }
.founders-main { padding-top: clamp(120px,12vw,190px); }
.founders-page header { position: fixed; inset: 0 0 auto; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; width: 100%; padding: 24px var(--gutter); gap: 24px; }
.founders-page header::before { content: ''; position: absolute; inset: 0; z-index: -1; background: rgba(4, 4, 4, 0);  -webkit-backdrop-filter: blur(12px); opacity: var(--nav-veil,0); }
.founders-page header nav { grid-column: 2; justify-self: center; }
.founders-page header nav ul { margin: 0; }
.founders-back { font-weight: 600; justify-self: start; }
.founders-page nav a[aria-current="page"] { color: var(--red); }
.founders-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(220px,.55fr); align-items: center; gap: 30px; padding-bottom: clamp(64px,9vw,130px); }
.founders-intro h1 { margin: 0; font-size: clamp(3rem,7.5vw,8.5rem); line-height: .95; letter-spacing: -.07em; font-weight: 800; }
.founders-lead { max-width: 43ch; font-size: clamp(.95rem,1.25vw,1.15rem); line-height: 1.75; color: var(--muted); margin: 28px 0 0; }
.founders-logo { width: 100%; height: auto; }
.founders-people { border-top: 1px solid rgba(237,22,14,.3); padding-block: 38px clamp(64px,8vw,110px); }
.founders-names { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: clamp(30px,6vw,100px); margin-top: 48px; }
.founder { min-width: 0; }
.founder-role { color: var(--muted); font-size: .8rem; margin: 0 0 18px; }
.founder h3 { margin: 0; font-size: clamp(2.6rem,5.7vw,6.1rem); line-height: 1.02; letter-spacing: -.06em; font-weight: 800; }
.founder h3 span { color: var(--red); }
.founder-bio { max-width: 46ch; margin: 24px 0 0; font-size: clamp(.95rem,1.2vw,1.05rem); line-height: 1.8; color: var(--muted); }
.founder-bio strong, .founders-origin-copy strong { font-weight: 600; color: white; }
.founders-shared { max-width: 72ch; margin: 48px 0 0; font-size: clamp(.95rem,1.2vw,1.1rem); line-height: 1.8; color: var(--muted); }
.founders-origin { border-top: 1px solid rgba(237,22,14,.3); padding-block: clamp(60px,8vw,120px); display: grid; grid-template-columns: 1fr 1fr; gap: clamp(40px,7vw,100px); align-items: start; }
.founders-origin h2 { font-size: clamp(2.1rem,4vw,4.4rem); font-weight: 800; line-height: 1.05; letter-spacing: -.06em; margin: 0; }
.founders-origin-copy p { font-size: clamp(.95rem,1.2vw,1.05rem); line-height: 1.8; margin: 0 0 22px; }
.founders-link { display: inline-flex; align-items: center; gap: 16px; min-height: 44px; font-size: .85rem; border-bottom: 1px solid rgba(237,22,14,.5); }
.founders-link:hover { color: #ef7772; }
.founders-purpose { padding-block: clamp(40px,5vw,80px) clamp(70px,9vw,130px); }
.founders-purpose h2 { font-size: clamp(1.8rem,3.7vw,4.1rem); font-weight: 800; line-height: 1.1; letter-spacing: -.05em; margin: 0 0 28px; }
.founders-purpose > p:not(.eyebrow) { color: var(--muted); max-width: 68ch; font-size: 1rem; line-height: 1.8; }
.founders-purpose .founders-shared { margin: 24px 0; }
.founders-footer { position: relative; z-index: 1; border-top: 1px solid rgba(237,22,14,.3); padding-block: 28px; display: flex; justify-content: space-between; gap: 24px; }
.founders-footer .eyebrow { margin: 0; align-self: center; }
.founders-story-heading, .founders-next, .founders-progress { display: none; }
.founders-story-footer { padding-bottom: 24px; }
/* With motion enabled, each chapter occupies the same open stage. */
.founders-presenting .founders-main { padding: 0; }
.founders-presenting .founders-stage { height: 100vh; height: 100svh; padding: 128px max(var(--gutter),calc((100% - 1500px) / 2)) 24px; display: flex; flex-direction: column; }
.founders-presenting .founders-story-heading { display: flex; justify-content: space-between; gap: 20px; font-size: .65rem; letter-spacing: .14em; line-height: 1.6; color: var(--muted); }
.founders-presenting .founders-scenes { position: relative; flex: 1; min-height: 0; margin-block: 24px; }
.founders-presenting .founders-people, .founders-presenting .founders-names { display: contents; }
.founders-presenting .founders-people > h2 { display: none; }
.founders-presenting .founders-scene { position: absolute; inset: 0; margin: 0; padding: 0; border: 0; display: flex; flex-direction: column; justify-content: center; align-items: flex-start; }
.founders-presenting .founders-intro { display: grid; grid-template-columns: minmax(0,1fr) minmax(180px,.45fr); align-items: center; }
.founders-presenting .founders-intro h1 { font-size: clamp(3rem,6.5vw,7.6rem); }
.founders-presenting .founder h3 { font-size: clamp(3.2rem,7.3vw,8rem); }
.founders-presenting .founder-bio { max-width: 60ch; }
.founders-presenting .founders-origin { display: grid; grid-template-columns: 1fr 1fr; align-content: center; align-items: start; }
.founders-presenting .founders-purpose h2 { font-size: clamp(2rem,3.6vw,4rem); }
.founders-presenting .founders-story-footer { position: relative; display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 38px; padding-bottom: 12px; }
.founders-presenting .founders-next { display: inline-flex; align-items: center; gap: 8px; margin-left: auto; min-height: 36px; padding: 0; border: 0; background: transparent; color: var(--muted); font: inherit; font-size: .65rem; cursor: pointer; }
.founders-next:hover { color: white; }
.founders-next:focus-visible { outline: 2px solid var(--red); outline-offset: 6px; }
.founders-presenting .founders-progress { display: block; position: absolute; bottom: 0; inset-inline: 0; height: 1px; background: #49201b; }
.founders-progress span { display: block; height: 100%; background: var(--red); transform: scaleX(0); transform-origin: left; }
@media (max-width: 900px) {
    .founders-page header { grid-template-columns: 1fr; gap: 8px; padding-block: 14px; }
    .founders-page header nav { grid-column: 1; }
    .founders-main { padding-top: 132px; }
    .founders-intro { grid-template-columns: 1fr; gap: 0; text-align: center; }
    .founders-logo { grid-row: 1; width: min(100%,320px); justify-self: center; margin-top: -48px; margin-bottom: -44px; }
    .founders-intro h1 { font-size: clamp(2.6rem,10.8vw,5.5rem); }
    .founders-lead { margin-inline: auto; }
    .founders-names { margin-top: 32px; gap: 30px; }
    .founder h3 { font-size: clamp(2rem,5.7vw,3.5rem); }
    .founders-origin { grid-template-columns: 1fr; gap: 32px; }
    .founders-presenting .founders-stage { padding-top: 138px; }
    .founders-presenting .founders-story-heading { font-size: .58rem; letter-spacing: .06em; }
    .founders-presenting .founders-intro { display: flex; align-items: center; text-align: center; }
    .founders-presenting .founders-logo { order: -1; width: min(100%,220px); margin: -38px auto -38px; }
    .founders-presenting .founders-intro h1 { font-size: clamp(2.4rem,10vw,4.5rem); }
    .founders-presenting .founders-lead { margin-top: 18px; font-size: .9rem; line-height: 1.65; }
    .founders-presenting .founder h3 { font-size: clamp(3rem,12.5vw,5.5rem); }
    .founders-presenting .founder-bio { font-size: .9rem; line-height: 1.7; }
    .founders-presenting .founders-origin { display: flex; gap: 24px; }
    .founders-presenting .founders-origin h2 { font-size: clamp(2rem,7.8vw,4rem); }
    .founders-presenting .founders-origin-copy p { font-size: .9rem; line-height: 1.65; margin-bottom: 16px; }
    .founders-presenting .founders-purpose h2 { font-size: clamp(1.7rem,6.7vw,3.2rem); margin-bottom: 18px; }
    .founders-presenting .founders-purpose > p:not(.eyebrow) { font-size: .85rem; line-height: 1.65; margin: 0 0 18px; }
    .founders-presenting .eyebrow { margin-bottom: 16px; }
}
@media (max-width: 540px) {
    .founders-names { grid-template-columns: 1fr; gap: 40px; }
    .founder h3 { font-size: clamp(2.8rem,12.5vw,4rem); }
    .founders-shared { margin-top: 36px; }
    .founders-footer { flex-wrap: wrap; }
}
