/* ========================================
   WHAT WE DO SECTION - SHARED STYLES
   ======================================== */

.what-we-do-page {
    background: #ffffff;
}

.what-we-do-page .page-hero {
    background: #ffffff;
    border-radius: 0 0 36px 36px;
    margin-bottom: 3rem;
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.08);
}

.what-we-do-page .section-title {
    font-size: 3rem;
    text-align: center;
}

.what-we-do-page .section-title::after {
    content: "";
    display: block;
    width: 200px;
    height: 4px;
    margin: 1rem auto ;
    border-radius: 999px;
    background: linear-gradient(90deg, var(--primary-green), var(--accent-teal));
}

.what-we-do-page .services-grid,
.what-we-do-page .services-grid-masonry,
.what-we-do-page .strategic-cards-grid {
    gap: 1.75rem;
}

.what-we-do-page .service-card,
.what-we-do-page .strategic-card,
.what-we-do-page .mega-card-small,
.what-we-do-page .mega-big-card {
    transition: transform 0.25s ease, box-shadow 0.25s ease;
}

.what-we-do-page .service-card:hover,
.what-we-do-page .strategic-card:hover,
.what-we-do-page .mega-card-small:hover,
.what-we-do-page .mega-big-card:hover {
    transform: translateY(-6px);
    box-shadow: 0 18px 32px rgba(15, 23, 42, 0.1);
}

@media (max-width: 768px) {
  .what-we-do-page .section-title {
    font-size: 2rem;  /* smaller text for mobile */
    text-align: center; /* stays centered */
  }
}