/* Homepage-only viewport adaptations. Content, routes and brand colors are unchanged. */
@media (max-width: 900px) {
  .mc-home .mc-network { padding-block: 24px 30px }
  .mc-home .mc-network .mc-network-grid {
    grid-template-columns: minmax(0, 1fr);
    gap: 12px;
    max-width: 620px;
  }
  .mc-home .mc-network .mc-network-lines { display: none }
  .mc-home .mc-network .mc-network-core {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    height: auto;
    padding: 12px 0 18px;
  }
  .mc-home .mc-network .mc-network-mark { width: 140px; height: 140px; flex-shrink: 0 }
  .mc-home .mc-network .mc-network-mark::after { display: none }
  .mc-home .mc-network .mc-network-brand { margin-top: 18px; font-size: 18px; padding: 10px 22px }
  .mc-home .mc-network .mc-network-list {
    width: 100%;
    margin: 0;
    align-items: stretch;
    gap: 12px;
  }
  .mc-home .mc-network .mc-network-pill {
    box-sizing: border-box;
    width: 100%;
    max-width: none;
    min-height: 78px;
    margin: 0;
    padding: 15px 14px;
    gap: 10px;
    border-radius: 18px;
  }
  .mc-home .mc-network .mc-network-pill > i { width: 26px; min-width: 26px; font-size: 19px }
  .mc-home .mc-network .mc-network-pill strong { font-size: 14px; line-height: 1.4 }
  .mc-home .mc-network .mc-network-pill small { font-size: 12px; line-height: 1.5 }
  .mc-home .mc-network .mc-network-pill b { flex-shrink: 0 }
}
html:has(.mc-home) { scroll-behavior: smooth; scroll-padding-top: 90px }
body:has(.mc-home) { min-width: 0; overflow-x: clip }
.mc-home { overflow: clip }
.mc-home img { max-width: 100% }
.mc-home .mc-wrap, .mc-home .mc-wrap > *, .mc-home .mc-network-grid > * { min-width: 0 }
.mc-home .mc-service-card strong, .mc-home .mc-service-card small,
.mc-home .mc-network-pill strong, .mc-home .mc-network-pill small,
.mc-home .mc-stats strong, .mc-home .mc-stats span { overflow-wrap: anywhere }
.mc-home .mc-section-head { flex-wrap: wrap }
.mc-home .mc-faq summary { font-size: 16px }
.mc-home .mc-bid-closing { flex-wrap: wrap }
.mc-home .mc-bid-copy strong { -webkit-line-clamp: unset }
.mc-home .mc-cta-inner { gap: 20px }
.mc-home .mc-cta-inner > * { min-width: 0 }
.mc-home .mc-cta-inner .mc-btn { flex-shrink: 0 }
body:has(.mc-home) .smc-footer-logo > span { min-width: 0; overflow-wrap: anywhere }
body:has(.mc-home) .smc-footer-nav a, body:has(.mc-home) .smc-footer address { overflow-wrap: anywhere }
body:has(.mc-home) .smc-footer-bottom > div { flex-wrap: wrap }
@media (min-width:901px) and (max-width:1280px) {
  .mc-home .mc-hero-copy { transform: none; padding-block: 24px }
  .mc-home .mc-hero h1 { font-size: clamp(28px, 3.25vw, 42px) }
}
@media (max-width:1100px) {
  .mc-home .mc-story-grid { grid-template-columns: repeat(2, minmax(0, 1fr)) }
  .mc-home .mc-story { min-height: 165px }
}
@media (max-width:1000px) {
  .mc-home .mc-news { grid-template-columns: minmax(0, 1fr) }
  .mc-home .mc-blog-image { height: clamp(120px, 23vw, 210px); flex-basis: clamp(120px, 23vw, 210px) }
}
@media (max-width:900px) {
  .mc-home .mc-stats { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px 10px }
  .mc-home .mc-stats > div { justify-content: start; padding-inline: 10px }
  .mc-home .mc-stats > div:nth-child(2) { border-right: 0 }
}
@media (max-width:760px) {
  .mc-home .mc-network-pill { gap: 9px; padding: 14px 12px; border-radius: 20px }
  .mc-home .mc-network-pill strong { font-size: 12px; line-height: 1.45 }
  .mc-home .mc-network-pill small { font-size: 11px; line-height: 1.5 }
  .mc-home .mc-network-list { margin-left: 30px }
  .mc-home .mc-news-panel { padding: 18px }
  .mc-home .mc-faq summary { font-size: 15px }
  .mc-home .mc-whatsapp { right: max(16px, env(safe-area-inset-right)); bottom: calc(68px + env(safe-area-inset-bottom)) }
  body:has(.mc-home) .nav-links { height: 100dvh; max-width: 100vw; overscroll-behavior: contain }
}
@media (max-width:600px) {
  .mc-home .mc-services { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px }
  .mc-home .mc-service-card { padding: 14px 8px; min-height: 140px }
  .mc-home .mc-service-card strong { font-size: 12px; line-height: 1.4 }
  .mc-home .mc-service-card small { font-size: 11px; line-height: 1.5 }
  .mc-home .mc-service-icon { width: 38px; height: 38px }
  .mc-home .mc-story-grid { grid-template-columns: minmax(0, 1fr); gap: 14px }
  .mc-home .mc-story { min-height: 180px }
  .mc-home .mc-cta-inner { align-items: flex-start }
  .mc-home .mc-cta h2 { line-height: 1.4 }
  body:has(.mc-home) .navbar { gap: 8px; padding-inline: 12px }
  body:has(.mc-home) .logo-wrapper { min-width: 0; flex: 1 }
  body:has(.mc-home) .logo-full { min-width: 0; gap: 8px }
  body:has(.mc-home) .logo-text { min-width: 0 }
  
  
  body:has(.mc-home) .logo-tagline { white-space: normal }
  body:has(.mc-home) .hamburger { flex: 0 0 36px; width: 36px; margin: 0; right: 0 }
}
@media (max-width:360px) {
  .mc-home .mc-wrap { padding-inline: 12px }
  .mc-home .mc-hero-inner { padding-inline: 14px }
  .mc-home .mc-hero h1 { font-size: 26px; overflow-wrap: anywhere }
  .mc-home .mc-eyebrow { align-items: flex-start; font-size: 11px }
  .mc-home .mc-services { gap: 8px }
  .mc-home .mc-service-card strong { font-size: 11px }
  .mc-home .mc-network-mark { width: 180px; height: 180px }
  .mc-home .mc-network-core { height: 260px }
  .mc-home .mc-stats > div { grid-template-columns: 28px minmax(0, 1fr); column-gap: 7px; padding-inline: 4px }
  .mc-home .mc-stats i { font-size: 22px }
  .mc-home .mc-stats strong { font-size: 15px; line-height: 1.3 }
  .mc-home .mc-news-panel { padding: 12px }
  .mc-home .mc-bid { grid-template-columns: 40px minmax(0, 1fr); padding: 12px; gap: 10px }
  .mc-home .mc-bid-copy strong { font-size: 12px }
  .mc-home .mc-blog-grid { grid-template-columns: minmax(0, 1fr) }
  .mc-home .mc-blog-image { height: 145px; flex-basis: 145px }
  .mc-home .mc-faq { padding: 20px 12px }
  .mc-home .mc-faq summary { gap: 10px; padding: 13px 12px }
  .mc-home .mc-licensing-explore-card { padding: 16px 12px; gap: 10px }
  body:has(.mc-home) .smc-footer .smc-footer-inner { padding-inline: 16px }
  body:has(.mc-home) .smc-footer-grid { grid-template-columns: minmax(0, 1fr) }
  body:has(.mc-home) .smc-footer-logo { font-size: 18px }
  body:has(.mc-home) .smc-footer-logo img { width: 54px; height: 54px }
  body:has(.mc-home) .smc-footer-digit { width: 21px; height: 29px }
  .mc-tender-dialog { padding: 42px 16px 20px }
  .mc-tender-detail-content dl { grid-template-columns: minmax(0, 1fr); gap: 5px }
  .mc-tender-detail-content dd { margin-bottom: 10px }
}
@media (prefers-reduced-motion:reduce) {
  html:has(.mc-home) { scroll-behavior: auto }
}
/* Lift the complete hero copy while keeping the mobile text in normal flow. */
@media (min-width:1281px) { .mc-home .mc-hero-copy { transform:translateY(-80px) } }
@media (min-width:901px) and (max-width:1280px) { .mc-home .mc-hero-copy { transform:translateY(-18px) } }
@media (max-width:900px) { .mc-home .mc-hero-inner { padding-top:16px } }