.people-page{background:var(--paper)}
.people-page main h1,.people-page main h2{font-weight:500;letter-spacing:-.03em;line-height:1.08;text-wrap:balance}
.people-page main p{line-height:1.6}
.people-page main strong{font-weight:500}
.people-page main .portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.people-page main .portrait.herman{object-position:50% 30%}
.people-page main .bio p+p{margin-top:18px}
.people-page main .bio p:last-child{font-weight:500}
.people-page main figure{margin:0}
.people-page main .cta-links{display:flex;flex-wrap:wrap;align-items:center;gap:24px}
.people-page main .cta-links a{min-height:44px;display:inline-flex;align-items:center}
.people-page .site-footer-expanded{margin-top:0}
/* Selected About Us layout: belief and workflow, story, founders, goal. */
.people-page{color:#202020;background:#f5f5f5}
.people-page .detail-navigation{background:#f5f5f5}
.people-page main{color:#202020}
.people-page main h1,.people-page main h2,.people-page main h3,.people-page main p{margin:0}
.people-frame{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.people-hero{padding:48px 0 64px}
.people-opening{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(0,1fr);gap:64px;align-items:center}
.people-page .people-belief h1{font-size:clamp(44px,4.45vw,64px);line-height:1.05;max-width:16ch;letter-spacing:-.035em;text-wrap:balance}
.people-intro{max-width:46ch;margin-top:32px}
.people-page .people-intro p{font-size:18px;line-height:1.55}
.people-page .people-intro p+p{margin-top:16px}
.people-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-self:center}
.people-photo{aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:#202020}
.people-page main .people-photo .portrait{object-fit:cover;object-position:50% 50%}
.people-page main .people-photo .portrait.herman{object-position:50% 30%}
.people-page main .people-pair figcaption{margin-top:16px;line-height:1.3}
.people-pair figcaption span{display:block;font-weight:500;font-size:22px;letter-spacing:-.02em}
.people-pair figcaption small{display:block;margin-top:6px;font-size:14px}
.founder-linkedin{display:inline-flex;align-items:center;gap:6px;min-height:44px;margin-top:4px;font-size:14px;line-height:1.4;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.founder-linkedin svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
.people-story{padding:60px 0;background:#ecff2c;border-radius:24px}
.people-page .people-lead{font-size:27px;line-height:1.45;letter-spacing:-.02em;max-width:52ch}
.people-outcomes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:44px;padding-top:30px;border-top:1px solid #202020}
.people-page .people-outcomes p{font-size:18px;line-height:1.55;max-width:33ch}
.people-founders{padding-top:64px;padding-bottom:64px}
.people-page .people-founders h2{font-size:40px;margin-bottom:32px}
.people-bios{margin-top:32px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.people-bio{min-width:0;border-top:1px solid #202020;padding-top:24px}
.people-page .people-bio h3{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.people-page .people-bio p{font-size:17px;line-height:1.6;max-width:64ch}
.people-goal{background:#202020;color:#f5f5f5;padding:56px 0;border-radius:24px}
.people-page .people-goal p{font-size:32px;line-height:1.3;letter-spacing:-.025em;max-width:40ch;text-wrap:pretty}
.people-goal .cta-links{margin-top:32px}
.people-goal .button{background:#ecff2c;color:#202020}
.people-goal .text-link{color:#f5f5f5}
.people-page main ::selection{background:#202020;color:#ecff2c}
.people-page .people-goal ::selection{background:#ecff2c;color:#202020}
.people-page main a:focus-visible{outline:3px solid #202020;outline-offset:5px}
.people-page .people-goal a:focus-visible{outline-color:#ecff2c}
@media(max-width:1100px){
 .people-opening{gap:40px}
 .people-frame{width:calc(100% - 60px)}
 .people-page .people-belief h1{font-size:52px}
 .people-pair{gap:16px}
 .people-pair figcaption span{font-size:20px}
 .people-outcomes{gap:28px}
 .people-bios{gap:40px}
}
@media(max-width:800px){
 .people-opening{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:28px}
 .people-page .people-belief h1{font-size:42px}
 .people-page .people-intro p{font-size:16px}
 .people-intro{margin-top:24px}
 .people-pair{gap:12px}
 .people-pair figcaption span{font-size:18px}
 .people-pair figcaption small{font-size:13px}
 .people-page .people-lead{font-size:24px;max-width:56ch}
 .people-outcomes{grid-template-columns:1fr;gap:18px;padding-top:24px;margin-top:28px}
 .people-page .people-outcomes p{max-width:65ch;font-size:17px}
 .people-bios{gap:32px}
 .people-page .people-bio p{font-size:16px}
 .people-page .people-goal p{font-size:28px}
}
@media(max-width:600px){
 .people-frame{width:calc(100% - 40px)}
 .people-hero{padding:24px 0 36px}
 .people-opening{grid-template-columns:1fr;gap:0}
 .people-belief{display:contents}
 .people-page .people-belief h1{font-size:34px;max-width:19ch;line-height:1.08;grid-row:1;margin-bottom:24px}
 .people-pair{gap:16px}
 .people-photo{aspect-ratio:3/4;border-radius:12px}
 .people-page main .people-pair figcaption{margin-top:12px}
 .people-pair figcaption span{font-size:18px}
 .people-pair figcaption small{font-size:13px;margin-top:4px}
 .people-intro{grid-row:3;margin-top:28px;max-width:52ch}
 .people-page .people-intro p{font-size:16px;line-height:1.55}
 .people-page .people-intro p+p{margin-top:12px}
 .people-story{padding:36px 0;border-radius:20px}
 .people-page .people-lead{font-size:22px;line-height:1.45}
 .people-outcomes{gap:16px;margin-top:24px;padding-top:22px}
 .people-page .people-outcomes p{font-size:16px}
 .people-founders{padding-top:36px;padding-bottom:36px}
 .people-page .people-founders h2{font-size:30px;margin-bottom:24px}
 .people-bios{grid-template-columns:1fr;gap:28px}
 .people-bio{padding-top:20px}
 .people-page .people-bio h3{position:static;width:auto;height:auto;clip-path:none;white-space:normal;font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.02em;margin-bottom:18px}
 .people-page .people-bio p{font-size:16px}
 .people-goal{padding:36px 0;border-radius:20px}
 .people-page .people-goal p{font-size:25px;line-height:1.35}
 .people-goal .cta-links{margin-top:26px;gap:22px}
}
@media(max-width:360px){
 .people-page .people-belief h1{font-size:32px}
 .people-pair{gap:12px}
 .people-pair figcaption span{font-size:17px}
}

/* Source-to-action motion keeps the diagram readable through the entire loop. */
.people-founders .people-pair{gap:64px}
.about-workflow{padding:28px 28px 12px;background:var(--white);border:1px solid var(--line);border-radius:20px;min-width:0}
.about-workflow-sources,.about-workflow-outputs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0}
.about-workflow-sources>span,.about-workflow-outputs>span{min-width:0;display:flex;align-items:center;justify-content:center;gap:8px;font-size:14px;line-height:1.3;padding:13px 6px;margin-inline:6px;border:1px solid var(--line);border-radius:8px;background:var(--white);color:var(--ink);animation:workflow-source 7.2s ease-in-out infinite both;animation-play-state:paused}
.about-workflow-sources img{width:22px;height:22px;object-fit:contain}
.about-workflow-wires{display:block;width:100%;height:44px;fill:none;stroke:var(--line);stroke-width:1.2}
.about-workflow-wires path{vector-effect:non-scaling-stroke}
.about-workflow-wires .workflow-signal{stroke:var(--ink);stroke-width:1.8;stroke-linecap:round;stroke-dasharray:16 100;stroke-dashoffset:100;opacity:0;animation:workflow-in 7.2s linear infinite both;animation-play-state:paused}
.about-workflow-wires .signal-out{animation-name:workflow-out}
.about-workflow-core{width:min(100%,264px);min-height:88px;margin:auto;display:flex;align-items:center;justify-content:center;gap:16px;padding:18px 20px;background:var(--hero-yellow);border:1px solid transparent;border-radius:12px;animation:workflow-core 2.4s ease-in-out infinite both;animation-play-state:paused}
.about-workflow-core img{display:block;flex-shrink:0;width:40px;height:40px}
.about-workflow-core strong{font-size:20px;line-height:1.2;letter-spacing:-.02em;white-space:nowrap}
.about-workflow-outputs>span{font-weight:500;animation-name:workflow-output;animation-timing-function:steps(1,end)}
.about-workflow-outputs svg{width:18px;height:18px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.about-workflow-sources>span:nth-child(2),.about-workflow-outputs>span:nth-child(2),.about-workflow .branch-1{animation-delay:2.4s}
.about-workflow-sources>span:nth-child(3),.about-workflow-outputs>span:nth-child(3),.about-workflow .branch-2{animation-delay:4.8s}
.about-workflow-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:22px;padding-top:10px;border-top:1px solid var(--line)}
.about-workflow-review{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);line-height:1.4}
.about-workflow-review .icon{width:16px;height:16px}
.about-workflow-motion{display:grid;place-items:center;min-width:44px;min-height:44px;padding:10px;border:0;border-radius:50%;background:transparent;color:var(--muted);cursor:pointer}
.about-workflow-motion:hover{background:var(--paper);color:var(--ink)}
.about-workflow-motion[hidden]{display:none}
.about-workflow-motion svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.about-workflow-motion .motion-play,.about-workflow-motion[data-paused=true] .motion-pause{display:none}
.about-workflow-motion[data-paused=true] .motion-play{display:block}
.about-workflow-motion:focus-visible{outline:2px solid var(--focus);outline-offset:2px}
.about-workflow[data-motion=running] .about-workflow-sources>span,.about-workflow[data-motion=running] .about-workflow-outputs>span,.about-workflow[data-motion=running] .about-workflow-core,.about-workflow[data-motion=running] .workflow-signal{animation-play-state:running}
@keyframes workflow-source{0%,3%,27%,100%{border-color:var(--line);background:var(--white)}9%,17%{border-color:var(--ink);background:var(--paper)}}
@keyframes workflow-in{0%,3%{stroke-dashoffset:100;opacity:0}4%{opacity:1}15%{stroke-dashoffset:-16;opacity:1}17%,100%{stroke-dashoffset:-16;opacity:0}}
@keyframes workflow-core{0%,20%,85%,100%{border-color:transparent;box-shadow:0 0 0 0 var(--paper)}45%,60%{border-color:var(--ink);box-shadow:0 0 0 5px var(--paper)}}
@keyframes workflow-out{0%,14%{stroke-dashoffset:100;opacity:0}15%{opacity:1}25%{stroke-dashoffset:-16;opacity:1}27%,100%{stroke-dashoffset:-16;opacity:0}}
@keyframes workflow-output{0%,21%,37%,100%{background:var(--white);border-color:var(--line);color:var(--ink)}25%,32%{background:var(--ink);border-color:var(--ink);color:var(--white)}}
@media(max-width:1100px){.people-founders .people-pair{gap:40px}.about-workflow{padding:22px 18px 8px}.about-workflow-sources>span,.about-workflow-outputs>span{flex-direction:column;gap:7px;padding:10px 4px;margin-inline:4px}.about-workflow-core{gap:12px;padding-inline:14px}.about-workflow-core strong{font-size:18px}}
@media(max-width:800px) and (min-width:601px){.people-founders .people-pair{gap:32px}.about-workflow{padding:18px 12px 6px}.about-workflow-core{min-height:80px;gap:10px}.about-workflow-core img{width:32px;height:32px}.about-workflow-core strong{font-size:16px}.about-workflow-review{font-size:12px}.about-workflow-footer{gap:4px}}
@media(max-width:600px){.about-workflow{grid-row:2;padding:20px 16px 6px;border-radius:16px}.about-workflow-sources>span,.about-workflow-outputs>span{padding:10px 4px;font-size:13px;flex-direction:row;gap:6px;margin-inline:4px}.about-workflow-sources img{width:18px;height:18px}.about-workflow-wires{height:30px}.about-workflow-core{width:78%;min-height:76px;padding:16px 12px;gap:12px}.about-workflow-core img{width:32px;height:32px}.about-workflow-core strong{font-size:18px}.about-workflow-outputs svg{width:16px;height:16px}.about-workflow-footer{margin-top:16px;padding-top:6px}.about-workflow-review{font-size:12px}.people-founders .people-pair{grid-row:auto;gap:16px}.people-bios{margin-top:24px}}
@media(max-width:360px){.about-workflow{padding-inline:12px}.about-workflow-sources>span,.about-workflow-outputs>span{font-size:12px;gap:4px;margin-inline:3px;flex-direction:column}.about-workflow-core{width:84%}.about-workflow-core strong{font-size:16px}.people-founders .people-pair{gap:12px}}