.ot-page-intro .ot-heading { max-width: 850px; }
.ot-about-intro-grid { display: grid; gap: 2rem; align-items: center; }
.ot-about-photo { margin: 0; overflow: hidden; border-radius: 1.25rem; aspect-ratio: 16/9; }
.ot-about-photo img { width: 100%; height: 100%; object-fit: cover; }
.ot-timeline { display: grid; gap: 1rem; }
.ot-timeline-item { padding: 1.4rem; border-inline-start: 3px solid var(--ot-red); background: var(--ot-white); }
.ot-timeline-item strong { font: 700 1.5rem var(--ot-font-en); }
.ot-table-wrap { overflow-x: auto; border: 1px solid var(--ot-line); border-radius: 1rem; }
.ot-data-table { width: 100%; min-width: 42rem; margin: 0; border: 0; border-collapse: collapse; background: var(--ot-white); }
.ot-data-table thead th { padding: .9rem 1rem; background: #111; color: var(--ot-white); text-align: start; font-weight: 700; border: 0; }
.ot-data-table tbody th, .ot-data-table tbody td { padding: .85rem 1rem; border: 0; border-block-start: 1px solid var(--ot-line); background: var(--ot-white); color: var(--ot-ink); text-align: start; font-weight: 400; }
.ot-data-table tbody th { font-weight: 700; font-family: var(--ot-font-en); }
.ot-data-table tbody tr:nth-child(even) th, .ot-data-table tbody tr:nth-child(even) td { background: var(--ot-soft); color: var(--ot-ink); }
@media (min-width: 750px) { .ot-timeline { grid-template-columns: repeat(5,1fr); } }
@media (min-width: 900px) { .ot-about-intro-grid { grid-template-columns: minmax(0,1.1fr) minmax(22rem,.9fr); gap: 4rem; } }