/* Explain: Styles for overall page layout, header, journey section, and responsiveness. */
.content-width { width: min(100% - 96px, var(--content-width)); margin-inline: auto; }
.site-header { position: fixed; inset: 0 0 auto; z-index: 40; }
.header-inner { width: min(100% - 96px, 1500px); margin-inline: auto; min-height: 98px; padding: 0; flex-wrap: nowrap; }
.desktop-navigation { display: flex; align-items: center; flex-wrap: nowrap; gap: 26px; margin-left: auto; }
.header-actions { display: flex; align-items: center; flex-shrink: 0; gap: 18px; margin-left: 44px; }
.mobile-menu-button { display: none; }
.approach-section { position: relative; z-index: 5; padding: 112px 0 104px; }
.about-intro-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 100px; }
.about-intro-right { padding-top: 16px; }
.expertise-strip { display: grid; grid-template-columns: repeat(4, 1fr); gap: 0; }
.mission-vision-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 40px; }
.markets-section { padding: 0 0 104px; }
.markets-layout { display: grid; grid-template-columns: 0.82fr 1.18fr; gap: 100px; padding-top: 65px; border-top: 1px solid var(--paper-border); }
.site-footer { padding: 72px 0 25px; }
.footer-top { display: flex; align-items: center; justify-content: space-between; gap: 40px; }
.footer-bottom { display: flex; justify-content: space-between; align-items: center; gap: 24px; margin-top: 70px; padding-top: 24px; border-top: 1px solid var(--border-color); }
@media (max-width: 1279px) {
    .desktop-navigation { display: none; }
    .header-actions { margin-left: auto; }
    .mobile-menu-button { display: inline-flex; }
}
@media (max-width: 1023px) {
    .content-width, .header-inner { width: calc(100% - 56px); }
    .about-intro-grid, .markets-layout { gap: 48px; }
    .about-intro-right { padding-top: 0; }
}
@media (max-width: 767px) {
    .content-width, .header-inner { width: calc(100% - 40px); }
    .header-inner { min-height: 82px; }
    .header-actions { gap: 8px; }
    .approach-section { padding: 72px 0 65px; }
    .about-intro-grid, .markets-layout { grid-template-columns: 1fr; gap: 35px; }
    .expertise-strip { grid-template-columns: repeat(2, 1fr); }
    .mission-vision-grid { grid-template-columns: 1fr; gap: 24px; }
    .markets-section { padding-bottom: 64px; }
    .markets-layout { padding-top: 48px; }
    .footer-top { align-items: flex-start; flex-direction: column; gap: 30px; }
    .footer-bottom { margin-top: 50px; flex-wrap: wrap; }
    .site-footer { padding-top: 54px; }
}
@media (max-width: 479px) {
    .header-actions > .liee-button { display: none; }
}
@media (max-height: 550px) and (min-width: 768px) {
    .header-inner { min-height: 74px; }
}