/* MLG V2.8.0 — approved photographic hero + editorial description typography.
   No edits to V2.7.9.2 assets, routes, scripts or desktop hero visuals.
   Newsreader headings and Manrope UI are retained; descriptions use Cormorant Garamond. */
:root { --type-description: "Cormorant Garamond", Georgia, "Times New Roman", serif; }

/* Descriptive copy across all six routes — do not touch headings, buttons, labels or UI. */
main p:not(.eyebrow):not(.overline):not(.chapter-tag):not(.chapter-index):not(.brand-thesis):not(.gateway-foot-copy),
main .gateway-desc,main .brand-story-copy,main .brand-retail-note,
main .brand-site-access-detail,main .activity-summary,main .activity-card-copy,
main .partner-detail,main .brands-next-copy,main .partnerships-end-copy {
  font-family:var(--type-description);
  font-weight:500;
  font-optical-sizing:auto;
  font-synthesis:none;
  letter-spacing:0;
}
/* Large pullquotes and editorial headings retain their approved Newsreader identity. */
main .next-inner>p, main .gateway-foot>p, main .brand-thesis {font-family:var(--type-display);}
/* Keep typography generous on high-DPI monitors; Cormorant has a smaller x-height. */
main .scene-copy-hero>p {font-size:clamp(22px,1.9vw,26px);line-height:1.30;max-width:565px;}
main .chapter-copy>p {font-size:clamp(20px,1.52vw,23px);line-height:1.34;max-width:475px;}
main .contact-copy>p {font-size:23px;line-height:1.36;}
main .lead {font-size:clamp(21px,1.55vw,24px);line-height:1.38;}
main .editorial-note>p {font-size:23px;line-height:1.36;}
main .section-head>p,main .section-head.compact>p {font-size:22px;line-height:1.39;}
main .gateway-desc {font-size:17px;line-height:1.3;}
main .activity-summary,main .activity-card-copy,main .partner-detail {font-size:clamp(19px,1.35vw,22px);line-height:1.36;}
main .structure-lines p,main .process-flow p,main .partner-steps p,main .capability-lines p {font-size:21px;line-height:1.36;}
main .brand-story-copy,main .brand-detail-copy>p, main .brand-retail-note {font-size:22px;line-height:1.37;}

@media (max-width:720px){
  body[data-page="home"] .hero-scene .hero-media {
    background-image:url('/assets/mlg-home-mobile-v280-extended.webp')!important;
    background-size:100% 100%!important;
    background-position:center top!important;
    filter:saturate(1.055) contrast(1.035);
  }
  /* Keep houses and illuminated tower visible behind the words. */
  body[data-page="home"] .hero-scene .hero-shade{
    background:
      linear-gradient(90deg,rgba(2,9,17,.44) 0%,rgba(3,10,18,.26) 48%,rgba(3,10,18,.055) 94%),
      linear-gradient(180deg,rgba(3,10,17,.07) 0%,transparent 34%,rgba(3,11,19,.015) 55%,rgba(3,11,19,.085) 72%,rgba(9,14,20,.39) 92%,#090e14 100%)!important;
  }
  body[data-page="home"] .hero-scene .hero-content{
    padding-top:clamp(388px,51svh,485px);
    padding-bottom:clamp(43px,5.6svh,64px);
  }
  body[data-page="home"] .hero-scene .scene-copy-hero p {
    font-family:var(--type-description);font-size:clamp(21px,5.6vw,24px);
    font-weight:500;line-height:1.22;letter-spacing:0;
    max-width:375px;margin-top:4px;
    text-shadow:0 2px 9px rgba(1,5,10,.90),0 1px 24px rgba(1,5,10,.65);
  }
  body[data-page="home"] .scene-copy-hero h1{margin-bottom:15px;}
  main .chapter-copy>p,main .lead,main .contact-copy>p,
  main .editorial-note>p,main .section-head>p,main .section-head.compact>p,
  main .structure-lines p,main .process-flow p,main .partner-steps p,
  main .capability-lines p,main .brand-story-copy,main .brand-detail-copy>p,
  main .brand-retail-note,main .activity-summary,main .activity-card-copy,main .partner-detail{
    font-size:clamp(20px,5.35vw,24px);line-height:1.26;
  }
  main .gateway-desc{font-size:19px;line-height:1.3;}
  body[data-page="home"] .hero-scene .hero-actions{margin-top:20px;}
}
@media (max-width:375px){
 body[data-page="home"] .hero-scene .hero-content{padding-top:clamp(355px,51svh,442px);}
 body[data-page="home"] .hero-scene .scene-copy-hero p{font-size:21px;}
}