.about-page{max-width:1200px;color:var(--ink);margin:auto;padding:0 32px 24px}.about-page nav a,.about-paths a,.about-fine-print a{align-items:center;gap:8px;display:inline-flex}.about-hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;padding:72px 0 80px;display:grid}.about-page h1,.about-page h2,.about-page h3{font-family:Bitter,Georgia,serif;font-weight:800}.about-page h1{letter-spacing:-2px;margin:22px 0;font-size:clamp(40px,5.3vw,68px);line-height:1.08}.about-page p{font-size:18px;line-height:1.7}.about-intro .about-lead{margin-bottom:22px;font-size:24px;line-height:1.4}.about-primary{background:var(--ink);color:var(--paper);align-items:center;gap:28px;margin-top:26px;padding:16px 22px;font-size:18px;display:inline-flex}.about-primary:hover{background:var(--rust)}.about-postcard{background:#faf5e6;border:1px solid #273f3522;margin:0;padding:16px;transform:rotate(2deg)}.about-postcard img{object-fit:cover;width:100%;height:440px;display:block}.about-postcard figcaption{letter-spacing:1.5px;justify-content:space-between;gap:12px;padding:16px 2px 2px;font-size:11px;display:flex}.about-story{border-block:1px solid #273f3533;max-width:760px;margin:0 auto;padding:58px 0}.about-page h2{letter-spacing:-1px;margin:20px 0 24px;font-size:clamp(30px,3.8vw,44px);line-height:1.2}.about-story p+p{margin-top:18px}.about-how{padding:64px 0}.about-paths{grid-template-columns:1fr 1fr;gap:28px;display:grid}.about-paths article{background:#faf5e6;padding:34px}.about-number{letter-spacing:1.6px;color:var(--rust);font-size:12px}.about-paths h3{margin:22px 0 16px;font-size:26px;line-height:1.3}.about-paths a{border-bottom:1px solid var(--ink);margin-top:25px;padding-bottom:5px}.about-fine-print{max-width:760px;margin:auto}.about-fine-print h2{font-size:25px}.about-fine-print a{text-underline-offset:4px;margin-top:18px;text-decoration:underline}.about-outro{text-align:center;padding:80px 0}.about-page .project-credit{padding-inline:0}.about-page a:focus-visible{outline:2px solid var(--rust);outline-offset:5px}@media (max-width:700px){.about-page{padding:0 20px 20px}.about-page .directory-header{flex-wrap:wrap;gap:20px}.about-page .directory-header nav{justify-content:flex-end;width:100%}.about-hero{grid-template-columns:1fr;gap:40px;padding:42px 0 50px}.about-page h1{letter-spacing:-1px}.about-postcard{margin-inline:4px;transform:rotate(1deg)}.about-postcard img{height:330px}.about-story{padding:38px 0}.about-how{padding:44px 0}.about-paths{grid-template-columns:1fr;gap:18px}.about-paths article{padding:26px}.about-outro{padding:56px 0}.about-page p{font-size:17px}}