/* Hallmark · theme: locked ape.camp · shape: Long Document · redesign: full · scope: page · signature: a curious charcoal ape beside the question that started the camp */
/* Hallmark · pre-emit critique: P4 H4 E4 S5 R4 V4 · weakest: hierarchy; give curiosity an immediate next step, then let readers choose the founder's research depth */
/* Hallmark · waive 44c · custom run in the locked owner design system · About is a readable origin story; its next section begins while the invitation remains in the first viewport instead of adding empty hero height. */
/* Hallmark · waive 78 · Long Document with inline identity and story heads · The founder name and narrative headings sit at reading scale; larger type is reserved for the opening question. */
html:has(.public-about),body.public-about { overflow-x:clip; }
body.public-about { margin:0; }
.public-about>header>a { display:flex; align-items:center; min-height:44px; }
.public-about .hero .split { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:64px; }
.public-about section.wrap.hero { padding-top:56px; padding-bottom:88px; }
.public-about .hero .copy { container-type:normal; }
.public-about .hero .display { font-size:clamp(40px,5.2vw,72px); line-height:1.08; text-wrap:balance; min-width:0; overflow-wrap:break-word; }
.public-about .story-heading>span { white-space:normal; }
.public-about .hero .story-question { font-size:20px; line-height:1.5; margin-top:24px; margin-bottom:var(--space-16); max-width:32ch; }
.public-about .hero .story-intro { font-size:17px; line-height:1.65; max-width:44ch; }
.public-about .stage-ape { width:min(100%,420px); }
.public-about .about-actions { display:flex; flex-wrap:wrap; align-items:center; gap:var(--space-16) 28px; margin-top:28px; }
.public-about .about-actions>.btn { margin:0; box-shadow:none; }
.public-about .about-founder-link { display:inline-flex; align-items:center; min-height:44px; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.public-about .idea { grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:64px; padding-top:40px; border-top:1px solid var(--color-border-line); }
.public-about .idea .title { font-size:38px; max-width:12ch; }
.public-about .idea blockquote { font-size:19px; font-style:normal; margin-top:24px; max-width:30ch; }
.public-about .story-copy { font-size:17px; line-height:1.75; }
.public-about section.wrap.tight { padding-top:32px; padding-bottom:64px; }
.public-about .fcard { border-radius:0; background:none; box-shadow:none; padding:40px 0 0; border-top:1px solid var(--color-border-line); }
.public-about .about-founder-main { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1.15fr); gap:64px; }
.public-about .fcard .id { align-items:flex-start; gap:var(--space-20); }
.public-about .fcard .id img { width:72px; height:72px; margin-top:var(--space-xs); }
.public-about .founder-label { font-size:13px; font-weight:400; margin:var(--space-md) 0 0; }
.public-about .id h2 { font-size:34px; line-height:1.15; font-weight:600; letter-spacing:-.03em; scroll-margin-top:28px; }
.public-about .fcard .founder-handle { margin-top:var(--space-12); min-height:44px; padding-block:var(--space-md); font-size:14px; }
.public-about .fcard .bio { margin:0; font-size:17px; line-height:1.75; }
.public-about .stats { grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; margin:32px 0 0; padding:28px 0; border-top:1px solid var(--color-border-line); }
.public-about .stats dt { font-size:32px; line-height:1.15; font-weight:600; font-variant-numeric:tabular-nums; letter-spacing:-.03em; }
.public-about .stats dd { margin-top:var(--space-10); max-width:28ch; color:var(--color-text-muted); font-size:14px; line-height:1.6; }
.public-about .about-research { border-top:1px solid var(--color-border-line); border-bottom:1px solid var(--color-border-line); }
.public-about .about-research>summary { display:flex; align-items:center; justify-content:space-between; gap:var(--space-20); min-height:68px; padding-block:var(--space-16); list-style:none; cursor:pointer; font-size:18px; font-weight:500; }
.public-about .about-research>summary::-webkit-details-marker { display:none; }
.public-about .about-disclosure-mark { font-size:24px; font-weight:400; }
.public-about .about-research[open] .about-disclosure-mark { font-size:0; }
.public-about .about-research[open] .about-disclosure-mark::before { content:'−'; font-size:24px; }
.public-about .about-research-content { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:64px; padding:var(--space-16) 0 36px; }
.public-about .fcard .edu small { font-size:13px; font-weight:400; letter-spacing:0; }
.public-about .fcard .edu h3 { font-size:26px; line-height:1.3; margin:var(--space-md) 0 24px; }
.public-about .founder-school { font-size:26px; margin:0 0 24px; }
.public-about .founder-ranks { max-width:440px; }
.public-about .founder-ranks dt { font-size:40px; }
.public-about .founder-ranks dt>span { font-size:18px; }
.public-about .founder-ranks dd,.public-about .fcard .founder-ranks small { font-size:13px; line-height:1.5; }
.public-about .founder-sources { font-size:12px; line-height:1.7; }
.public-about .founder-focus { margin:0; }
.public-about .founder-focus h3 { font-size:18px; font-weight:500; margin-bottom:var(--space-20); }
.public-about .founder-focus ul { display:block; }
.public-about .founder-focus li { border:0; border-top:1px solid var(--color-border-line); border-radius:0; background:none; font-size:15px; padding:var(--space-14) 0; }
.public-about .final { grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); padding:40px 0 0; gap:64px; border-radius:0; background:none; box-shadow:none; }
:root[data-theme=dark] .public-about .final { background:none; }
.public-about .final>div { padding-bottom:0; }
.public-about .final .title { font-size:40px; }
.public-about .final .lede { font-size:18px; line-height:1.6; margin:var(--space-20) 0 28px; }
.public-about .final .btn { box-shadow:none; }
.public-about .final .ape-stills { width:100%; padding:0; align-self:center; }
.public-about :is(a,button,summary,[tabindex]):focus-visible { outline:2px solid var(--color-focus-ring); outline-offset:4px; }
.public-about .theme button { min-width:44px; min-height:44px; }
.public-about .theme { border-radius:99px; }
@media(max-width:760px) {
 .public-about .nav { height:72px; }
 .public-about .nav .logo { width:132px; height:auto; }
 .public-about section.wrap.hero { padding-top:var(--space-12); padding-bottom:56px; }
 .public-about .hero .split { grid-template-columns:minmax(0,1fr); gap:var(--space-20); }
 .public-about .hero .art { order:-1; }
 .public-about .stage-ape { width:176px; }
 .public-about .hero .display { font-size:36px; }
 .public-about .hero .story-question { font-size:18px; margin-top:var(--space-20); }
 .public-about .hero .story-intro { font-size:16px; }
 .public-about .about-actions { margin-top:24px; gap:var(--space-md) var(--space-20); }
 .public-about .about-actions .btn { padding-inline:var(--space-20); }
 .public-about .idea,.public-about .about-founder-main,.public-about .about-research-content { grid-template-columns:minmax(0,1fr); gap:28px; }
 .public-about .idea { padding-top:32px; }
 .public-about .idea .title { font-size:30px; max-width:none; }
 .public-about .idea blockquote { margin-top:var(--space-20); font-size:18px; }
 .public-about .story-copy,.public-about .fcard .bio { font-size:16px; }
 .public-about section.wrap.tight { padding-top:0; padding-bottom:48px; }
 .public-about .fcard { padding-top:32px; }
 .public-about .stats { grid-template-columns:minmax(0,1fr); gap:0; padding:var(--space-12) 0; margin-top:24px; }
 .public-about .stats>div { display:grid; grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr); gap:var(--space-20); align-items:center; padding-block:var(--space-16); }
 .public-about .stats dt { font-size:27px; }
 .public-about .stats dd { margin:0; font-size:13px; }
 .public-about .about-research>summary { font-size:17px; }
 .public-about .about-research-content { padding-bottom:28px; }
 .public-about .final { grid-template-columns:minmax(0,1fr); gap:28px; padding-top:var(--space-md); }
 .public-about .final .title { font-size:32px; }
 .public-about .final .lede { font-size:17px; }
 .public-about .final .ape-stills { max-width:300px; }
}
@media(prefers-reduced-motion:reduce) { .public-about { scroll-behavior:auto; } }

.public-about :is(a,button,summary):active { opacity:.8; }
.public-about button:disabled { opacity:.5; cursor:not-allowed; }