/* 2026 top: full-bleed Hero + Global Opportunities override
   The background/photo spans the full browser width.
   Inner UI stays aligned to the existing 1200px content area. */

body.kpmg-home-2026 {
  overflow-x: hidden;
}

/* Hero: full browser width */
.kpmg-hero {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kpmg-hero__inner {
  position: relative;
  width: 100%;
  max-width: 1200px;
  min-height: inherit;
  margin: 0 auto;
}

/* Global Opportunities: full browser width */
.kpmg-global {
  width: 100vw;
  max-width: none;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}

.kpmg-global__inner {
  width: 100%;
  max-width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

@supports (width: 100dvw) {
  .kpmg-hero,
  .kpmg-global {
    width: 100dvw;
    margin-left: calc(50% - 50dvw);
    margin-right: calc(50% - 50dvw);
  }
}

@media (max-width: 767.98px) {
  .kpmg-hero__inner,
  .kpmg-global__inner {
    max-width: none;
  }
}


/* Wide desktop: 4-column Our firms grid */
@media (min-width: 1200px) {
  .kpmg-firms__grid {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    column-gap: 22px;
  }

  .kpmg-firm {
    grid-template-columns: 34px 60px minmax(0, 1fr) 18px;
    gap: 8px;
    min-height: 108px;
  }

  .kpmg-firm__thumb {
    width: 60px;
    height: 60px;
  }

  .kpmg-firm__num {
    font-size: 28px;
  }

  .kpmg-firm__name {
    font-size: 14px;
  }

  .kpmg-firm__desc {
    font-size: 11px;
    line-height: 1.45;
  }

  .kpmg-firm__arrow {
    font-size: 20px;
  }
}