/* Why 506 (about) */
.about-hero__media { margin: 0; aspect-ratio: 16 / 10; }
.about-hero__media img { width: 100%; height: 100%; object-fit: cover; }
.about-reasons { list-style: none; padding: 0; margin: 0; counter-reset: none; }
.about-reason { display: flex; flex-direction: column; gap: var(--sp-2); }
.about-reason__n { font-family: var(--font-display); font-weight: 900; font-size: var(--fs-2xl); line-height: 1; color: var(--fg); }
.about-reason p { margin: 0; }
.about-compare { aspect-ratio: 16 / 9; }
.about-table td { vertical-align: top; }
.about-chips { margin-top: var(--sp-5); gap: var(--sp-2); }
.icon--lg { width: 2.25rem; height: 2.25rem; margin-bottom: var(--sp-3); }
@media (min-width: 960px) {
  .about-hero .hero__grid { align-items: center; }
  .about-hero__media { aspect-ratio: 4 / 3; }
  .about-hero__media img { object-position: 70% 50%; }
}
.about-table th, .about-table td { text-align: left; padding: var(--sp-3); border-bottom: 1px solid var(--line); }
.about-table thead th { font-family: var(--font-display); }
.about-table tbody th[scope="row"] { font-family: var(--font-display); white-space: nowrap; }
.about-table td:nth-child(2) { font-weight: 600; color: var(--fg); }
@media (max-width: 640px) { .about-table tbody th[scope="row"] { white-space: normal; } }