/* Laptop scale. The type and spacing were sized for 1920 px monitors, which made 13–15 inch laptops (1280–1536 px)
   feel oversized. Between 1024 and 1919 px these values scale with the viewport and reach the original sizes at about
   1920 px. Phones, tablets and large monitors keep their existing rules. Selectors match the rules they replace, so this
   file must load last. */
@media (min-width:1024px) and (max-width:1919px){
  /* Header and section rhythm */
  .header-inner{min-height:clamp(72px,5.2vw,100px)}
  .brand img{width:clamp(124px,8vw,154px)}
  .section{padding-block:clamp(72px,5.6vw,108px)}
  h2{font-size:clamp(30px,2.8vw,54px)}

  /* Homepage */
  .immersive-inner{min-height:min(clamp(520px,39vw,750px),calc(100svh - 150px));padding-block:clamp(44px,3.9vw,74px) 25px}
  .immersive-hero h1{font-size:clamp(44px,4.2vw,86px)}
  .hero-image-note{margin-bottom:clamp(40px,3.9vw,75px)}
  .hero-image-note>p:not(.eyebrow){font-size:clamp(24px,1.8vw,31px)}
  .home-client-update .metrics{padding-block:clamp(24px,2vw,38px)}
  /* Framework cards: smaller type and art on laptops (the equal grid itself is in framework-grid.css) */
  .home-client-update #capabilities .capability>h3{font-size:clamp(23px,1.85vw,36px);min-height:clamp(54px,4.1vw,78px)}
  .home-client-update #capabilities .reference-art{height:clamp(60px,4.8vw,100px);margin:2px 0 14px}
  .home-client-update #capabilities .reference-art>svg{max-width:clamp(140px,10.5vw,200px)}
  .home-client-update #capabilities .cap-copy>p{font-size:clamp(14px,.78vw,15px);line-height:1.65}
  .home-client-update #capabilities .cap-copy>.cap-tagline{font-size:clamp(17px,1.1vw,21px)}
  .evidence-compact .section-heading h2{font-size:clamp(30px,2.8vw,46px)}
  #industries.industry-immersive .section-title > h2{font-size:clamp(30px,2.8vw,52px)}
  .faq h2{font-size:clamp(28px,2.5vw,45px)}
  .cta h2{font-size:clamp(38px,3.5vw,68px)}
  .cta-art{min-height:clamp(380px,27vw,525px)}
  #industries.industry-immersive{min-height:clamp(520px,40vw,690px)}
  .evidence-slider .slide-result strong{font-size:clamp(26px,2.1vw,38px)}

  /* Capability pages */
  .cx-hero h1{font-size:clamp(38px,3.5vw,68px)}
  .cx-hero-image{min-height:clamp(420px,32vw,550px)}
  .cx-image-note > p{font-size:clamp(24px,2vw,42px)}
  .cx-symbol{font-size:clamp(32px,2.3vw,42px);width:clamp(46px,3.3vw,58px);height:clamp(46px,3.3vw,58px)}
  .capability-info-grid h3{font-size:clamp(23px,1.8vw,29px)}
  #solutions.data-solutions-short[data-design="editorial"] .cx-solution{padding:clamp(24px,2vw,32px) clamp(28px,2.4vw,38px)}
  .cx-layer{padding:clamp(20px,1.7vw,28px)}
  .cx-solution h3{font-size:clamp(26px,2.2vw,43px)}
  .cx-cta h2{font-size:clamp(36px,3.5vw,70px)}

  /* About, Industries and Contact */
  .about-hero h1,.page-hero h1{font-size:clamp(38px,3.5vw,76px)}
  .about-heading h2,.contact-page h2,.industries-page .sector-intro h2{font-size:clamp(30px,2.8vw,55px)}
  .sector-identity h3{font-size:clamp(26px,2.1vw,42px)}
  .about-counter{font-size:clamp(38px,3.2vw,72px)}
  .about-timeline strong{font-size:clamp(28px,2.1vw,36px)}
  .about-company h3{font-size:clamp(26px,1.9vw,32px)}
  .about-photo{min-height:clamp(340px,26vw,420px)}
  .about-photo strong{font-size:clamp(22px,1.6vw,34px)}
  .map-selection h3{font-size:clamp(24px,1.8vw,29px)}
  .contact-office h3{font-size:clamp(26px,2vw,34px)}
  .industry-hero-photo,.leadership-orb{min-height:clamp(330px,26vw,420px)}

  /* Blogs and research */
  .insight-index h1{font-size:clamp(30px,2.8vw,54px)}
  .article-hero h1{font-size:clamp(34px,3.3vw,64px)}
  .research-hero h1{font-size:clamp(32px,2.9vw,54px)}
  .paper-card h3{font-size:clamp(24px,2vw,36px)}
}

/* Industry cards on the homepage stage: a two-row grid up to 1399 px, a flexible row above it. */
@media (min-width:1024px) and (max-width:1399px){
  #industries.industry-immersive .industry-button,#industries.industry-immersive .industry-button[aria-pressed="true"]{min-height:clamp(180px,16vw,235px)}
}
@media (min-width:1400px) and (max-width:1919px){
  #industries.industry-immersive .industry-button{min-height:clamp(160px,11vw,210px)}
  #industries.industry-immersive .industry-button[aria-pressed="true"]{min-height:clamp(220px,14.6vw,280px)}
}