/* about.css — About-Us-Seite (Developer-Vorstellung).
   Referenz: scrape/screens/{en,ru}-about-us-*.jpg (CN: EN-Layout mit CN-Text,
   siehe Task-10-Brief). Layout-Bausteine (.intro, .split, .prose, .btn, …)
   kommen aus home.css — hier nur seitenspezifische Ergänzungen. */

.about { background: #fffdfb; }

/* Erster Block: CTA sitzt zwischen Fließtext und Bild (statt danach wie bei
   home.mustache) — Bild selbst bringt keinen Top-Abstand mit, daher hier. */
.developer-intro .btn { margin-bottom: 2rem; }

/* Zweiter Block: Bild + "VISIT OUR SALES GALLERY" links, Fließtext + Pillars
   + "GET MORE INFORMATION" rechts (Bild-Crop bewusst wiederverwendet, das
   Original zeigt zwei Zuschnitte desselben Turms). */
.split__media { display: flex; flex-direction: column; align-items: flex-start; }

.pillars { display: flex; flex-direction: column; gap: 0.9rem; margin: 1.2rem 0 0.4rem; }
.pillars li { padding-left: 1.1rem; position: relative; }
.pillars li::before { content: "•"; position: absolute; left: 0; color: var(--color-accent); }
.pillars__title { color: var(--color-primary); }