.about-page { padding: 32px 0 56px; }
.breadcrumb { margin-bottom: 18px; color: var(--muted); font-size: 13px; }
.breadcrumb a { color: var(--red); }.breadcrumb span { margin: 0 6px; }
.about-section { margin-top: 26px; padding: 26px; background: #fff; border: 1px solid var(--line); }
.about-article { margin-top:26px; padding:28px; background:#fff; border:1px solid var(--line); }.about-article h1 { margin:0 0 18px; font-size:32px; }.about-banner { display:block;width:100%;max-height:360px;object-fit:cover;margin:-28px -28px 24px;width:calc(100% + 56px); }
.about-overview { display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px;margin-top:24px; }.about-link-card { display:block;padding:22px;background:#fff;border:1px solid var(--line);border-top:4px solid var(--red); }.about-link-card h2 { margin:0 0 12px;font-size:20px; }.about-link-card span { color:var(--red);font-weight:bold;font-size:13px; }
.page-gallery { display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:15px;margin-top:22px; }.page-gallery figure { margin:0;border:1px solid var(--line);padding:8px; }.page-gallery img { width:100%;height:165px;object-fit:cover;display:block; }.page-gallery figcaption { margin-top:6px;color:var(--muted);font-size:12px; }
.about-section h2 { margin: 0 0 12px; font-size: 24px; }.about-text { line-height: 1.75; }
.people-grid,.vehicles-grid { display:grid; grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); gap:16px; margin-top:20px; }
.person-card,.vehicle-card { border:1px solid var(--line); padding:16px; background:#fff; }.person-card { display:flex; gap:14px; }.person-card img { width:72px;height:72px;object-fit:cover;border-radius:50%; }.person-card h3,.vehicle-card h3 { margin:0 0 3px; font-size:17px; }.person-card strong,.vehicle-card strong { display:block;color:var(--red);font-size:13px; }.person-card a,.person-card span { display:block;font-size:12px;margin-top:5px;color:var(--muted); }
.vehicle-card img,.vehicle-image-placeholder { display:block;width:100%;height:130px;object-fit:contain;margin-bottom:13px;background:#f6f6f6; }.vehicle-image-placeholder { display:grid;place-items:center;color:var(--red);font-size:32px;font-weight:bold; }.vehicle-card p { color:var(--muted);font-size:13px;margin:10px 0 0; }
@media (max-width: 800px) { .about-page { padding-top:22px; }.about-section { padding:20px; } }