/* Reuse Company Overview components; adjust only layout and video sizing. */
.legacy-layout { clear: both; }
.legacy-page section { float: none; }
.legacy-page [id] { scroll-margin-top: 100px; }
.legacy-page .legacy-banner { background: #081831 url('../img/co1-bg.png') center / cover no-repeat; padding: 120px 0 70px; }
.legacy-page .banner-text-upper { position: relative; width: 100%; left: auto; top: auto; padding: 15px 0; }
.legacy-page .banner-text-head-upper { position: relative; margin: 20px 0 45px; }
.legacy-page .banner-text-head-upper::after { top: auto; bottom: -22px; }
.legacy-page .banner-text-para-upper { top: auto; margin-bottom: 25px; }
.legacy-page .main-img-upper { position: static; float: none; width: 100%; max-width: 420px; }
.legacy-page .legacy-section { padding: 65px 0; }
.legacy-page .company-heading { padding: 0 0 20px; margin-top: 0; }
.legacy-page .company-para { padding: 0; margin: 0 0 24px; }
.legacy-page .company-btn { display: inline-block; padding-left: 0; text-decoration: none; }
.legacy-page .company-btn img { margin-left: 10px; }
.legacy-page .legacy-player { margin: 30px 0 8px; background: #081831; }
.legacy-page .legacy-player video { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: contain; }
.legacy-page .legacy-history-row { display: flex; align-items: center; }
.legacy-page .legacy-founder-profile { width: 100%; max-width: 360px; margin: 0; padding: 12px 12px 0; border: 1px solid #e3e5ee; border-radius: 6px; background: #fff; }
.legacy-page .legacy-founder { display: block; width: 100%; height: auto; border-radius: 3px; }
.legacy-page .legacy-founder-profile figcaption { padding: 20px 8px; text-align: center; }
.legacy-page .legacy-founder-profile figcaption strong { display: block; color: #081831; font-size: 18px; font-weight: 600; }
.legacy-page .legacy-founder-profile figcaption span { display: block; margin-top: 6px; color: #5b6372; font-size: 13px; }
.legacy-page .legacy-history-row .company-heading { line-height: 1.35; padding-bottom: 0; margin-bottom: 24px; }
.legacy-page .legacy-history-row .company-para { line-height: 1.7; margin-bottom: 18px; }
.legacy-page .legacy-history-row .company-btn { padding-top: 8px; }
.legacy-page .special-interest-text-company { padding: 0; float: none; }
.legacy-page .legacy-purpose { background: #081831; color: #fff; }
.legacy-page .legacy-purpose .team-heading { margin: 0 0 24px; }
.legacy-page .legacy-purpose .company-para, .legacy-page .legacy-purpose .key-item { color: #fff; }
.legacy-page .legacy-purpose ul { list-style: none; padding: 0; margin: 25px 0 0; }
.legacy-page .key-item { display: flex; align-items: baseline; line-height: 1.6; }
.legacy-page a:focus-visible { outline: 2px solid #2abbdd; outline-offset: 5px; }
body:has(.legacy-page) #mynav { background: #081831 !important; }
@media (max-width: 1024px) { body:has(.legacy-page) .dropdown-menu { min-width: 0; } }
@media (max-width: 767px) {
    .legacy-page .legacy-banner { padding: 100px 0 40px; }
    .legacy-page .banner-text-para-upper { font-size: 24px; padding-bottom: 0; }
    .legacy-page .main-img-upper { display: block; width: 75%; max-width: 300px; margin: 25px auto 0; }
    .legacy-page .legacy-section { padding: 40px 0; }
    .legacy-page .legacy-history-row { display: block; }
    .legacy-page .legacy-founder-profile { margin: 0 auto 30px; }
    .legacy-page .company-heading { font-size: 26px; }
    .legacy-page .company-para, .legacy-page .company-btn { font-size: 16px; }
    .legacy-page .container { padding-left: 25px; padding-right: 25px; }
}