.about-main { padding-block: 56px 96px; }
.about-intro h1 { max-width: 1100px; font-size: clamp(48px, 5.2vw, 76px); text-wrap: balance; }
.about-intro > p { max-width: 65ch; margin-top: 24px; color: var(--muted); }
.about-intro a, .founder-copy a { text-underline-offset: 4px; text-decoration-thickness: 1px; }
.about-intro a { color: var(--plum); }
.about-intro a:hover, .founder-copy a:hover { text-decoration-thickness: 2px; }
.founders { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(32px, 5vw, 80px); margin-top: 56px; }
.founder { min-width: 0; scroll-margin-top: 32px; }
.founder h2 { margin-bottom: 24px; font-size: clamp(28px, 2.6vw, 40px); line-height: 1.15; letter-spacing: -.025em; }
.founder-portrait { position: relative; aspect-ratio: 4 / 3; overflow: hidden; }
.founder-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.agata-photo { object-position: center 48%; }
.przemek-photo { left: -7%; right: auto; width: 114%; max-width: none; object-position: center top; }
.founder-copy { margin-top: 32px; max-width: 65ch; color: var(--muted); }
.founder-copy p + p { margin-top: 24px; }
.founder-copy .founder-lead { color: var(--plum); font-size: 20px; line-height: 1.55; }
.about-invitation { background: var(--plum); color: var(--paper); }
.about-invitation-inner { display: flex; justify-content: space-between; align-items: center; gap: 64px; padding-block: 72px; }
.about-invitation p { max-width: 48ch; margin-top: 24px; color: var(--light-muted); }
.about-invitation .button { flex-shrink: 0; }
.about-invitation :focus-visible { outline-color: var(--paper); }
.about-page .footer-inner { border-top: 1px solid #68576e; }
@media (max-width: 850px) {
  .about-main { padding-block: 48px 72px; }
  .about-intro h1 { font-size: 58px; }
  .founders { grid-template-columns: 1fr; gap: 64px; margin-top: 40px; }
  .founder h2 { font-size: 36px; }
  .founder-portrait { aspect-ratio: 5 / 4; }
  .founder-copy { max-width: 65ch; }
  .about-invitation-inner { flex-direction: column; align-items: flex-start; gap: 32px; padding-block: 56px; }
}
@media (max-width: 520px) {
  .about-main { padding-block: 36px 60px; }
  .about-intro h1 { font-size: clamp(42px, 12vw, 58px); line-height: 1.055; }
  .about-intro > p { margin-top: 20px; }
  .founders { gap: 56px; margin-top: 40px; }
  .founder h2 { margin-bottom: 20px; font-size: 30px; }
  .founder-portrait { aspect-ratio: 1; }
  .agata-photo { object-position: center 46%; }
  .founder-copy { margin-top: 24px; }
  .founder-copy .founder-lead { font-size: 18px; }
  .founder-copy p + p { margin-top: 20px; }
  .about-invitation-inner { padding-block: 48px; }
  .about-invitation h2 { font-size: 36px; }
  .about-invitation .button { width: 100%; padding-inline: 18px; gap: 16px; }
}