/* Scoped additions; the existing style5.css remains unchanged. */
.consulting-section { min-height: auto; scroll-margin-top: 80px; }
.consulting-section .section-inner { max-width: 1100px; }
.consulting-section .buttons { justify-content: center; }
.consulting-section h2, .consulting-page h1 { overflow-wrap: anywhere; }
.consulting-heading { padding-top: 160px; }
.consulting-heading h1 { font-size: var(--fs-h1); margin-bottom: var(--space-sm); }
.consulting-heading .lead-text { text-align: left; }
.consulting-pillars, .consulting-transformations {
    display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: var(--space-sm); margin: var(--space-md) 0; padding: 0; list-style: none;
}
.consulting-pillars .card { text-align: center; font-weight: 700; }
.consulting-transformations .card { min-width: 0; }
.consulting-navigation nav a { white-space: nowrap; }
.consulting-navigation nav { gap: clamp(10px, 1.2vw, 20px); }
.consulting-navigation nav a[aria-current="page"] { color: #13777e; }
@media (min-width: 1201px) {
    .consulting-navigation nav a { font-size: 0.95rem; }
}
/* Reuse the original menu button, click handler and active classes. */
@media (max-width: 1200px) {
    .consulting-navigation .menu-trigger {
        display: flex; flex-direction: column; justify-content: space-between;
        width: 30px; height: 22px; background: none; border: 0; cursor: pointer;
        z-index: 10000; padding: 0;
    }
    .consulting-navigation .menu-trigger span {
        width: 100%; height: 3px; background: var(--text); border-radius: 4px;
        transition: transform .3s ease, opacity .3s ease;
    }
    .consulting-navigation .menu-trigger.active span:nth-child(1) { transform: translateY(9.5px) rotate(45deg); }
    .consulting-navigation .menu-trigger.active span:nth-child(2) { opacity: 0; }
    .consulting-navigation .menu-trigger.active span:nth-child(3) { transform: translateY(-9.5px) rotate(-45deg); }
    .consulting-navigation nav {
        position: fixed; top: 0; left: 0; width: 100%; height: 100dvh;
        background: rgba(255,255,255,.98); backdrop-filter: blur(10px);
        flex-direction: column; justify-content: flex-start;
        padding: 90px 24px 32px; gap: 16px; overflow-y: auto;
        transform: translateY(-100%); opacity: 0; visibility: hidden;
        transition: transform .4s ease, opacity .3s ease; z-index: 9998;
    }
    .consulting-navigation nav.active { transform: translateY(0); opacity: 1; visibility: visible; }
    .consulting-navigation nav a { font-size: 1.1rem; flex-shrink: 0; }
    .consulting-navigation nav a.nav-btn { width: 80%; max-width: 300px; padding: 10px 24px; }
}
@media (max-width: 600px) {
    .consulting-pillars, .consulting-transformations { grid-template-columns: 1fr; }
    .consulting-heading { padding-top: 130px; }
}
