.about-page { width: min(1232px, calc(100% - 48px)); margin-inline: auto; padding: 0 0 48px; }
.about-hero { text-align: center; padding: 48px 0; }
.about-hero .eyebrow { font-family: ui-monospace, monospace; font-size: 12px; font-weight: 500; letter-spacing: .15em; color: var(--site-accent); }
.about-hero h1 { max-width: none; margin: 22px 0 20px; font-size: var(--hero-display); font-weight: 700; line-height: 1.08; letter-spacing: -.04em; }
.about-hero h1 span { color: var(--site-accent); }
.about-hero > p:last-child { max-width: 600px; margin: 0 auto; color: var(--site-muted); font-size: 16px; line-height: 1.65; }
.about-label { display: flex; align-items: center; gap: 20px; margin: 0 0 22px; font-family: ui-monospace,monospace; font-size: 11px; font-weight: 500; letter-spacing: .16em; text-transform: uppercase; color: var(--site-muted); }
.about-label::after { content: ''; flex: 1; height: 1px; background: var(--site-line); }
.about-columns { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.about-card { padding: 30px; border: 1px solid var(--site-line); border-radius: 16px; display: flex; flex-direction: column; background: #0a0a0a; }
.about-number { margin: 0 0 18px; font-family: ui-monospace,monospace; font-size: 11px; letter-spacing: .1em; text-transform: uppercase; color: var(--site-accent); }
.about-card h3 { font-size: 26px; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 16px; }
.about-card > p:not(.about-number), .about-principles p:not(.about-number), .about-follow p { font-size: 16px; line-height: 1.7; color: var(--site-muted); margin: 0 0 22px; }
.about-link { display: inline-flex; align-items: center; gap: 12px; font-size: 14px; font-weight: 600; line-height: 1.6; color: var(--site-accent); text-decoration: none; padding-block: 6px; }
.about-link:hover { color: #d0caff; }
.about-card > .about-link, .about-card-links { margin-top: auto; }
.about-card-links { display: flex; flex-wrap: wrap; gap: 8px 28px; }
.about-principles { display: grid; grid-template-columns: 1fr 1.4fr; gap: 64px; padding: 44px 0; margin-top: 40px; border-top: 1px solid var(--site-line); }
.about-principles h2 { font-size: 34px; line-height: 1.12; letter-spacing: -.03em; margin: 0; }
.about-follow { display: flex; align-items: center; justify-content: space-between; gap: 32px; padding: 32px; background: #aaa5fa08; border: 1px solid #aaa5fa30; border-radius: 16px; }
.about-follow h2 { font-size: 26px; line-height: 1.2; letter-spacing: -.03em; margin: 0 0 12px; }
.about-follow p { max-width: 600px; margin: 0; }
.about-follow .site-button { flex-shrink: 0; }
.about-contact { display: flex; justify-content: space-between; align-items: center; gap: 24px; padding-top: 24px; }
.about-contact p { font-size: 14px; color: var(--site-muted); line-height: 1.6; margin: 0; }
@media(max-width:760px) {
 .about-page { width: calc(100% - 40px); }
 .about-hero { padding: 32px 0 36px; }
 .about-hero h1 { font-size: 36px; }
 .about-columns { grid-template-columns: 1fr; gap: 16px; }
 .about-card { padding: 24px; }
 .about-card h3 { font-size: 24px; }
 .about-principles { grid-template-columns: 1fr; gap: 24px; padding: 32px 0; margin-top: 32px; }
 .about-principles h2 { font-size: 30px; }
 .about-follow { flex-direction: column; align-items: flex-start; padding: 24px; gap: 24px; }
 .about-follow .site-button { width: 100%; padding-inline: 16px; }
 .about-contact { flex-direction: column; align-items: flex-start; gap: 8px; }
}