@media (max-width: 1199px) {
    .ta-about__timeline-track { grid-template-columns: repeat(3, minmax(180px, 1fr)); row-gap: 38px; }
    .ta-about__timeline-track::before { display: none; }
}
@media (max-width: 991px) {
    .ta-about { padding-right: 16px; padding-left: 16px; }
    .ta-about__tabs { grid-template-columns: 1fr; overflow: visible !important; border-radius: 10px; }
    .ta-about__tab { border-left: 0; border-bottom: 1px solid #e3e8ee; }
    .ta-about__tab:last-child { border-bottom: 0; }
    .ta-about__tab.is-active::after { right: 16px; bottom: 50%; left: auto; width: 3px; height: 34px; transform: translateY(50%); }
    .ta-about__intro, .ta-about__vision-main { grid-template-columns: 1fr; }
    .ta-about__intro.is-image-left .ta-about__media { order: 0; }
    .ta-about__media, .ta-about__vision-media { order: 0; }
    .ta-about__copy { order: 1; padding: 18px 14px; }
    .ta-about__cards, .ta-about__members { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 767px) {
    .ta-about { padding-top: 18px; padding-bottom: 36px; }
    .ta-about__tab { justify-content: flex-start; min-height: 58px; padding: 10px 16px; }
    .ta-about__tab-icon { font-size: 22px; }
    .ta-about__intro, .ta-about__vision-main, .ta-about__timeline, .ta-about__board-main { padding: 14px; }
    .ta-about__heading, .ta-about__section-title { margin-bottom: 20px; font-size: 24px; }
    .ta-about__subtitle { font-size: 18px; }
    .ta-about__description, .ta-about__vision-description, .ta-about__board-description { font-size: 14px; line-height: 2; }
    .ta-about__timeline-track { grid-template-columns: 1fr; gap: 30px; }
    .ta-about__timeline-title { min-height: 0; }
    .ta-about__cards, .ta-about__members { grid-template-columns: 1fr; }
    .ta-about__member > img, .ta-about__member-placeholder { height: 250px; }
}


/* Logo story responsive viewport. */
@media (max-width: 991px) {
    .ta-about__logo-story-header { min-height: 62px; padding: 14px 20px; }
    .ta-about__logo-story-header h2 { font-size: 20px; }
    .ta-about__logo-story-scroll {
        height: clamp(440px, 66vh, 600px);
        padding: 24px 22px 30px;
    }
}
@media (max-width: 767px) {
    .ta-about__logo-story { border-radius: 12px; }
    .ta-about__logo-story-header { min-height: 58px; padding: 12px 16px; }
    .ta-about__logo-story-header h2 { font-size: 18px; }
    .ta-about__logo-story-scroll {
        height: 68dvh;
        min-height: 380px;
        max-height: 620px;
        padding: 20px 16px 26px;
    }
    .ta-about__logo-story-content { font-size: 14px; line-height: 2.05; }
    .ta-about__logo-story-content h1,
    .ta-about__logo-story-content h2,
    .ta-about__logo-story-content h3,
    .ta-about__logo-story-content h4,
    .ta-about__logo-story-content h5,
    .ta-about__logo-story-content h6 { margin-top: 1.35em; }
    .ta-about__logo-story-content img { margin-top: 18px; margin-bottom: 18px; }
    .ta-about__logo-story-content .gallery { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
}
@media (max-width: 479px) {
    .ta-about__logo-story-scroll {
        height: 66dvh;
        min-height: 340px;
        padding-right: 14px;
        padding-left: 14px;
    }
    .ta-about__logo-story-content .gallery { grid-template-columns: 1fr; }
}