.about-hero { background-image: url('/public/images/about-aurora.webp'); }
.about-principles { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
.about-principles article { padding-block: var(--space-xl); border-block: 1px dashed var(--line); }
@media (max-width: 700px) { .about-principles { grid-template-columns: 1fr; } }