/* Consistent content spacing across MynTech pages. */
:root {
    --site-section-space: clamp(24px, 2.8vw, 40px);
    --site-heading-space: clamp(24px, 2.5vw, 32px);
}

/* Homepage sections retain their own horizontal layout and backgrounds. */
.home-page .about-sync-section,
.home-page .stats-premium,
.home-page .future-tabs,
.home-page .svc-demo-band,
.home-page .service-grid-section,
.home-page .industries-pro-section,
.home-page .index-about-04,
.home-page .delivery-review,
.home-page .work-vision-mobile-fix {
    padding-block: var(--site-section-space);
}

.home-page .video-hero-responsive {
    min-height: min(820px, 100svh);
    padding-top: 136px;
    padding-bottom: 40px;
}

.home-page .about-sync-header,
.home-page .service-header,
.home-page .slide-header,
.home-page .section-header-fix,
.home-page .testimoao-header {
    margin-bottom: var(--site-heading-space);
}

.home-page .stats-heading { margin-bottom: var(--site-heading-space); }
.home-page .industries-pro-desc { margin-bottom: var(--site-heading-space); }
.home-page .future-heading { margin-bottom: var(--site-heading-space); }
.home-page .m3-kinetic-rail { padding-block: 28px; }
.home-page .work-vision-mobile-fix { min-height: 0; }
.home-page .vision-container-fix { height: 780px; }

/* Service details: natural card heights and shorter gaps between content blocks. */
.service-detail-body .svc-section,
.service-detail-body .about-banner-section + .svc-section,
.service-detail-body .svc-demo-band,
.service-detail-body .svc-cta-final {
    padding-block: var(--site-section-space);
}

.service-detail-body .about-banner-section {
    height: auto;
    min-height: 0;
    padding-top: 136px;
    padding-bottom: 40px;
}

.service-detail-body .svc-cta-final { margin-bottom: var(--site-section-space); }
.service-detail-body .svc-grid,
.service-detail-body .svc-steps { margin-top: var(--site-heading-space); }
.service-detail-body .svc-card { min-height: 0; padding: 24px; }
.service-detail-body .svc-card .svc-icon { margin-bottom: 16px; }
.service-detail-body .svc-step { min-height: 0; }

/* Directory, portfolio and industry pages. Keep image-card dimensions intact. */
.services-hub-body .hub-directory,
.services-hub-body .hub-method,
.services-hub-body .hub-cta,
.portfolio-body .folio-work,
.portfolio-body .folio-cta,
.industries-body .sector-section,
.industries-body .industry-cta {
    padding-block: var(--site-section-space);
}

.services-hub-body .hub-hero,
.portfolio-body .folio-hero,
.industries-body .industry-hero {
    min-height: 0;
    padding-top: 136px;
    padding-bottom: 32px;
}

.services-hub-body .hub-hero-grid,
.portfolio-body .folio-hero-grid,
.industries-body .industry-hero-grid { gap: clamp(24px, 3vw, 48px); }

.services-hub-body .hub-heading,
.portfolio-body .folio-heading,
.industries-body .sector-heading {
    margin-bottom: var(--site-heading-space);
    gap: 28px;
}

.services-hub-body .hub-footer-grid { gap: 32px; }

/* About and contact: compact content sections with space for the fixed nav. */
.about-modern-body .about-modern-hero {
    min-height: 0;
    padding-block: clamp(32px, 4vw, 56px);
    margin-bottom: 24px;
}

.about-modern-body .about-us-01,
.about-modern-body .about-unified-stacked,
.about-modern-body .strategic-brutal-section,
.about-modern-body .about-trust-section { padding-block: var(--site-section-space); }

.about-modern-body .about-container { gap: clamp(24px, 3vw, 48px); }
.about-modern-body .brutal-header,
.about-modern-body .about-trust-intro { margin-bottom: var(--site-heading-space); }
.about-modern-body .about-trust-section { margin-bottom: var(--site-section-space); }
.about-modern-body .stack-card { height: auto; min-height: 0; margin-bottom: 24px; }
.about-modern-body .stack-card:last-child { margin-bottom: 0; }
.about-modern-body .card-inner { height: auto; padding: clamp(24px, 3vw, 40px); }

.contact-modern-body .contact-modern-section {
    padding-top: 136px;
    padding-bottom: var(--site-section-space);
}
.contact-modern-body .contact-001-container { margin-top: 40px; }

/* The sitemap already has a main title; its duplicate banner adds no content. */
.sitemap-body .about-banner-section { display: none; }
.sitemap-body .sitemap-01 {
    min-height: 0;
    padding-top: 136px;
    padding-bottom: var(--site-section-space);
}
.sitemap-body .sitemap-01-header { padding-bottom: 24px; }
.sitemap-body .sitemap-01-col { padding-block: 28px; }
body:not(.service-detail-body) > .svc-section { padding-bottom: var(--site-section-space); }

body .footer-01 .grid-col { padding-block: 28px; }
body .footer-01 .footer-meta-strip { padding-block: 28px; }
body .footer-01 .label-text { margin-bottom: 18px; }
body .footer-01 .bottom-legal { padding-block: 16px; }

@media (max-width: 1100px) {
    .home-page .video-hero-responsive { min-height: 0; }
}

@media (max-width: 768px) {
    .home-page .vision-container-fix { height: auto; gap: 24px; }
    .about-modern-body .about-trust-intro { gap: 24px; }
}

@media (max-width: 700px) {
    .home-page .video-hero-responsive,
    .service-detail-body .about-banner-section,
    .services-hub-body .hub-hero,
    .portfolio-body .folio-hero,
    .industries-body .industry-hero,
    .contact-modern-body .contact-modern-section,
    .sitemap-body .sitemap-01 { padding-top: 112px; }
    .contact-modern-body .contact-001-container { margin-top: 28px; }
    .service-detail-body .banner-title { font-size: clamp(2.5rem, 12vw, 3.1rem); }
}

@media (prefers-reduced-motion: reduce) {
    .service-detail-body .banner-content { animation: none; }
}