/* Personal-page composition. Typography and palette use the shared system. */
.about-page { overflow-x:clip; }
.about-page h3 { font-size:var(--size-card);line-height:1.2;margin:0 0 16px; }
.about-page p { font-size:var(--size-body);line-height:1.5;max-width:65ch;margin:0 0 16px; }
.about-page .visual-kicker { font-size:var(--size-small); }
.about-page .proto-hero { padding-top:40px; }
.about-facts { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;padding-block:var(--section-space); }
.about-facts b { display:block;color:var(--pink);font-size:var(--size-section);line-height:1.1;margin-bottom:12px; }
.about-facts p { max-width:24ch;margin:0; }
.about-section { padding-block:var(--section-space);border-top:1px solid var(--line); }
.about-section > :last-child { margin-bottom:0; }
.about-service-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-bottom:32px; }
.about-service-grid > a { color:var(--ink);text-decoration:none; }
.about-service-grid > a > span { display:block;color:var(--pink);margin-bottom:16px; }
.about-service-grid b { color:var(--blue);font-weight:400;text-decoration:underline;text-underline-offset:4px; }
.about-principles { list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0;margin:32px 0; }
.about-career { list-style:none;padding:0;margin:24px 0;display:grid;gap:32px; }
.about-career > li > span { display:block;color:var(--pink);margin-bottom:12px; }
.about-work-video { display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:0; }
.about-page .youtube-preview { margin-bottom:16px; }
.about-page .catalog-contact { border-bottom:1px solid var(--line); }
.about-page .case-related .catalog-category { font-size:var(--size-small); }
@media(max-width:700px) {
 .about-facts,.about-service-grid,.about-principles { grid-template-columns:1fr;gap:28px; }
 .about-page .proto-hero { padding-top:24px; }
}