/* About — founders + "a Tuesday inside" narrative */

.founders-grid { display: grid; gap: clamp(56px, 7vw, 96px); }
.founder { display: grid; grid-template-columns: 1fr 1.1fr; gap: clamp(32px, 5vw, 64px); align-items: center; }
.founder--reverse { grid-template-columns: 1.1fr 1fr; }
.founder--reverse .founder-photo { order: 2; }
.founder-photo { position: relative; aspect-ratio: 4 / 5; overflow: hidden; background: var(--tadelakt-warm); }
.founder-photo img { width: 100%; height: 100%; object-fit: cover; }
.founder-mark {
  position: absolute; right: 16px; bottom: 12px;
  font-family: var(--ff-display);
  font-style: italic;
  color: var(--cuivre);
  font-size: 56px;
  line-height: 1;
  opacity: 0.85;
}
.founder-body { display: grid; gap: 18px; }
.founder-body h3 { font-size: clamp(28px, 3vw, 42px); line-height: 1.05; }
.founder-body p { font-family: var(--ff-display); font-size: 19px; line-height: 1.55; color: var(--argile); margin: 0; }
.founder-meta { list-style: none; padding: 16px 0 0; margin: 0; display: flex; flex-wrap: wrap; gap: 16px; font-size: 11px; letter-spacing: 0.12em; text-transform: uppercase; color: var(--argile-soft); }
.founder-meta li { padding: 6px 12px; border: 1px solid var(--line); border-radius: 999px; }

.way-we-work { background: var(--tadelakt-warm); }
.way-grid { display: grid; grid-template-columns: 1fr 1.6fr; gap: clamp(40px, 6vw, 96px); align-items: start; }
.way-aside { position: sticky; top: 96px; }
.way-aside h2 { font-size: clamp(28px, 3vw, 40px); }

@media (max-width: 820px) {
  .founder, .founder--reverse { grid-template-columns: 1fr; }
  .founder--reverse .founder-photo { order: 0; }
  .way-grid { grid-template-columns: 1fr; }
  .way-aside { position: static; }
}