/* /about · page scoped CSS (prefix pg-about-). Spacing between shared blocks, plus two small figure parts this page introduces
   (promote requests): the founder portrait pair (.pg-about-duo, real photos from assets/founders) and the name specimen plate
   (.pg-about-spec). */

/* fig. 01 · the two cofounders, side by side, square photos (DS: photos are read, radius 0) */
.pg-about-duo{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--pg-gap)}
.pg-about-duo__photo{aspect-ratio:4/5}
.pg-about-duo__photo img{object-position:50% 30%}
.pg-about-duo__name{margin-top:16px;font-size:18px;font-weight:500;line-height:1.3;color:var(--s-ink)}
.pg-about-duo__role{margin-top:4px;font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}

/* why we exist: the closing line one title gap under the cells */
.pg-about-say{margin-top:var(--pg-title-gap);max-width:30em;line-height:1.35;color:var(--s-ink)}

/* what changed: the story in two columns under the head, the cells one title gap below, the link line under them */
.pg-about-story{row-gap:20px;color:var(--s-ink-2)}
.pg-about-story__a{grid-column:1/span 6;max-width:30em}
.pg-about-story__b{grid-column:7/span 6;max-width:30em}
.pg-about-dirs{margin-top:var(--pg-title-gap)}
@media (max-width:899px){.pg-about-story__a,.pg-about-story__b{grid-column:1/-1}}
.pg-about-links{max-width:38em;margin-top:40px;align-items:baseline;color:var(--s-ink-2);font-size:17px;line-height:1.5}

/* what we believe: the manifesto in the reading measure, the drawer beside it, the principles one title gap below */
.pg-about-manifesto{align-items:start;row-gap:40px}
.pg-about-manifesto__text{grid-column:1/span 7;min-width:0}
.pg-about-manifesto__text>.cy-lead{max-width:34em;color:var(--s-ink)}
.pg-about-manifesto__chips{margin-top:28px}
.pg-about-words{grid-column:9/span 4;min-width:0}
.pg-about-words__rows{display:grid;margin:0}
.pg-about-words__rows>div{display:grid;gap:4px;padding:14px 0;border-top:1px solid var(--s-line)}
.pg-about-words__rows>div:first-child{border-top:0;padding-top:0}
.pg-about-words__rows dt{font-family:var(--font-mono);font-size:13px;line-height:1.4;color:var(--s-ink-3)}
.pg-about-words__rows dd{margin:0;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:-.02em;line-height:1.3;color:var(--s-ink);text-wrap:balance}
.pg-about-principles{margin-top:var(--pg-title-gap)}
@media (max-width:1019px){.pg-about-manifesto__text{grid-column:1/span 6}.pg-about-words{grid-column:7/span 6}}
@media (max-width:899px){.pg-about-manifesto__text,.pg-about-words{grid-column:1/-1}}

/* the people and the company */
.pg-about-co{max-width:44em;margin-top:40px;display:grid;gap:12px}
.pg-about-co__line{display:flex;align-items:center;gap:12px;font-size:17px;line-height:1.5;color:var(--s-ink)}
.pg-about-co__say{font-size:17px;line-height:1.5;color:var(--s-ink-2)}
.pg-about-co .cy-links{margin-top:12px}

/* recognition: the source link sits at the foot of each cell */
.pg-about-marks__go{margin-top:auto;padding-top:24px}

/* the name: kicker above the heading inside the split, then the specimen plate */
.pg-about-name__kicker{margin-bottom:20px}
.pg-about-spec__mark{display:flex;justify-content:center;padding:36px 0 44px}
.pg-about-spec__rows{display:grid;margin:0}
.pg-about-spec__rows>div{display:grid;grid-template-columns:128px minmax(0,1fr);column-gap:16px;padding:10px 0;border-top:1px solid var(--s-line)}
.pg-about-spec__rows dt{font-family:var(--font-mono);font-size:13px;line-height:1.5;color:var(--s-ink-3)}
.pg-about-spec__rows dd{margin:0;font-size:16px;line-height:1.45;color:var(--s-ink)}
@media (max-width:519px){
  .pg-about-spec__mark .cybee-lockup{--cy-wordmark-width:150px !important}
  .pg-about-spec__rows>div{grid-template-columns:minmax(0,1fr);row-gap:2px}
}

/* the German pass (29 Sep 2026): the company line wraps in German; keep it to a readable line length */
html[lang^="de"] .pg-about-co__say{max-width:62ch}