/*
   Wide screens (>1440px), every page — the October 2026 decision (mockup v10, css/wide-screen.css):
   above 1440 nothing grows. The content keeps its 1320px track and type, icons, GenArrows and the
   header stay as they are at 1440. Loaded last.

   So this file only pins what the page stylesheets size in vw, which would otherwise keep growing
   with the window, to its value at 1440, and keeps the ecosystem band's building in check.
   Mockup → here for the News page: .nw-filter label = .nl-tags a, .nw-card = .nl-card,
   .nw-ex = .nl-excerpt, .nw-foot = .nl-foot, .nw-cat = .nl-foot .tag.
*/
@media (min-width: 1441px) {
    .site .ga-sig.ga-xl { --s: 5.04rem; }
    .site .quad .stat-n { font-size: 4.5rem; }
    .site .quad .stat-card h3 { font-size: 1.485rem; }
    .site .eco-fig .eco4-i .q-ic { width: 8.37rem; height: 8.37rem; }
    .site .eco-fig .eco4-i h4 { font-size: 1.08rem; }
    .site .sh-white .sh-copy { font-size: 2.295rem; }
    .site .sh-white .sh-sub { font-size: 1.305rem; }
    .site[data-page="about"] .ab-if-ph { width: 6.84rem; }
    .site[data-page="cosmetics"] .tk-sec h2 .ga-sig.lead,
    .site[data-page="pharmaceutical"] .tk-sec h2 .ga-sig.lead { width: 1.5rem; height: 1.5rem; }
    .site[data-page="blog"] .nl-tags a { font-size: .702rem; }
    .site[data-page="blog"] .nl-card h3 { font-size: 1.314rem; }
    .site[data-page="blog"] .nl-excerpt p { font-size: .882rem; }
    .site[data-page="blog"] .nl-foot .tlink { font-size: .936rem; }
    .site[data-page="blog"] .nl-foot .tag { font-size: .774rem; }

    /* Blocks whose height follows the width stop at the 1920 design's proportion. */
    .site .quad .pill-card.stat-card { min-height: min(26.3vw, 505px); }

    /* The ecosystem band's building is held to the 1920 design's width rather than the window's, so
       on a wider screen its dome never rises over Our Solutions' copy. */
    .site .eco-fig { min-height: min(34.6vw, 664px); }
    .site .eco-fig-bg img { width: min(100vw, 1920px); margin: 0 auto; }
}
/* Past 1920 the building no longer spans the window: its sides fade rather than stopping short. */
@media (min-width: 1921px) {
    .site .eco-fig-bg img {
        -webkit-mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
        mask-image: linear-gradient(90deg, transparent 0, #000 14%, #000 86%, transparent 100%);
    }
}