/* MLG V2.8.2: isolate the new mobile scenic composition and restore desktop
   description typography, without touching the desktop hero image or page layout. */
/* Cormorant has a shorter x-height than Manrope. Restore the desktop editorial
   scale by calibrating visible size rather than copying the mobile font size. */
@media (min-width:981px) {
  body[data-page="home"] main .hero-scene .scene-copy-hero > p {
    font-family:var(--type-description);font-size:23px;line-height:1.35;max-width:565px;
  }
  main .chapter-copy > p {font-size:20px;line-height:1.42;max-width:425px;}
  main .lead {font-size:21px;line-height:1.4;}
  main .contact-copy > p{font-size:20px;line-height:1.44;}
  main .editorial-note > p,main .section-head > p,main .section-head.compact > p{font-size:20px;line-height:1.42;}
  main .activity-summary, main .activity-card-copy, main .partner-detail {font-size:19px;line-height:1.43;}
  main .structure-lines p,main .process-flow p,main .partner-steps p,main .capability-lines p{font-size:19px;line-height:1.43;}
  main .brand-story-copy,main .brand-detail-copy > p,main .brand-retail-note{font-size:20px;line-height:1.43;}
  main .gateway-desc{font-size:16px;line-height:1.46;}
}
@media (min-width:721px) and (max-width:980px){
  body[data-page="home"] main .hero-scene .scene-copy-hero>p{font-size:20px;line-height:1.40;}
  main .chapter-copy>p,main .lead,main .contact-copy>p {font-size:19px;line-height:1.42;}
  main .activity-summary,main .activity-card-copy,main .partner-detail {font-size:18px;line-height:1.4;}
}
/* Everything below is mobile-only: no desktop photographic, headline, layout,
   transitions, header or controls are modified. */
@media (max-width:720px){
  body[data-page="home"] .hero-scene .hero-media {
    background-image:url('/assets/mlg-home-mobile-v282-continuidad.webp')!important;
    background-size:100% 100%!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    filter:saturate(1.02) contrast(1.02)!important;
  }
  /* Remove the former double-vignette: the art already includes legible dark
     space behind real DOM text, with vegetation continuing beside the CTA. */
  body[data-page="home"] .hero-scene .hero-shade {
    background:linear-gradient(90deg,rgba(3,10,19,.23) 0%,rgba(3,11,20,.11) 48%,transparent 100%),
      linear-gradient(180deg,rgba(3,10,18,.07) 0%,transparent 56%,rgba(4,12,21,.035) 76%,rgba(5,14,22,.18) 100%)!important;
  }
  body[data-page="home"] .hero-scene .hero-content {
    padding-bottom:clamp(29px,4svh,42px);
  }
  body[data-page="home"] .gateway-scene .gateway-backgrounds{
    -webkit-mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 30px,#000 72px)!important;
    mask-image:linear-gradient(to bottom,transparent 0%,rgba(0,0,0,.65) 30px,#000 72px)!important;
  }
}