/* Large-screen cap, added Oct 2026 when the site moved off Webflow.
   The Webflow build sizes almost everything in vw/vh, so on big monitors
   it keeps growing. Each min() below keeps the original scaling up to a
   ~1400px-wide / ~900px-tall screen and freezes it there. Nothing changes
   on laptops, tablets or phones. */

.logo-image { min-width: min(7vw, 98px); max-width: min(10vw, 140px); padding-left: min(1vw, 14px); }
.menu-icon { max-width: min(5vw, 70px); }
.navigation-items { font-size: min(2vw, 28px); line-height: min(3vw, 42px); }

.fron-logo { width: min(50vw, 700px); }
.image-17 { max-width: min(8vw, 112px); }
.image-19 { height: min(15vw, 210px); min-height: min(10vw, 140px); }

.heading-blue, .heading-white, .heading-white-copy { font-size: min(5.5vh, 50px); line-height: min(10vh, 90px); }
.heading-dark { font-size: min(5vw, 70px); line-height: min(10vh, 90px); }
.text-block-heading-white-3columns { font-size: min(3.3vw, 46px); line-height: min(8vw, 112px); }

.margin-bottom-24px-about { min-width: 0; max-width: min(80vw, 1120px); font-size: min(2vw, 28px); line-height: min(3vw, 42px); }
.paragraph-6 { width: min(77vw, 1078px); font-size: min(1.8vw, 25px); line-height: min(5vw, 70px); }
.text-block-2 { font-size: min(2vw, 28px); }
.margin-bottom-24px-white, .margin-bottom-24px-white-copy { font-size: min(1.2vw, 17px); line-height: min(1.8vw, 25px); }
.bold-text-advisor-services-list { font-size: min(2vw, 28px); line-height: min(4vw, 56px); padding-left: min(1vw, 14px); padding-right: min(1vw, 14px); }

.portrait { width: min(25vw, 350px); height: min(25vw, 350px); }
.image-portrait { max-width: min(32vw, 448px); }

.columns { padding-left: min(7vw, 98px); padding-right: min(7vw, 98px); }
.columns-2 { max-width: min(80vw, 1120px); }
.page-container-dark-no-flex { padding-left: min(12vw, 168px); padding-right: min(12vw, 168px); }
.text-block-3 { margin-left: min(25vw, 350px); margin-right: min(25vw, 350px); }
.cta-wrap { width: min(80vw, 1120px); }

/* Centre each section's content in a fixed maximum width on wide screens,
   and push it down from the top edge on very tall screens. */
@media (min-width: 1400px) {
  .page-container-dark-no-flex {
    padding-left: max(12vw, calc((100vw - 1200px) / 2));
    padding-right: max(12vw, calc((100vw - 1200px) / 2));
    padding-top: max(0px, calc((100vh - 1000px) / 2));
  }
  .text-block-3 {
    margin-left: max(25vw, calc((100vw - 740px) / 2));
    margin-right: max(25vw, calc((100vw - 740px) / 2));
  }
  .page-container-light {
    padding-top: max(0px, calc((100vh - 1000px) / 2));
  }
}

/* Smaller hamburger on desktop screens (was 40px). */
@media (min-width: 992px) {
  .menu-icon { width: 30px; max-width: 30px; }
}