/* Global Brand Bang On typography lock. Loaded after page, navigation and editor CSS. */
body.bbo-typography-lock .f-white,
body.bbo-typography-lock .f-white * {
  color: #FFFFFF !important;
}
body.bbo-typography-lock main p.f-white:not(.eyebrow):not(.lead):not(.statement),
body.bbo-typography-lock main .f-white p:not(.eyebrow):not(.lead):not(.statement) {
  color: #FFFFFF !important;
}

body.bbo-typography-lock main,
body.bbo-typography-lock main p,
body.bbo-typography-lock main li,
body.bbo-typography-lock main blockquote,
body.bbo-typography-lock main h1,
body.bbo-typography-lock main h2,
body.bbo-typography-lock main h3,
body.bbo-typography-lock main h4,
body.bbo-typography-lock main a,
body.bbo-typography-lock main span {
  font-family: Arial, Helvetica, sans-serif !important;
}

body.bbo-typography-lock main.slides > .slide:not(.cover) {
  padding-top: 150px !important;
  scroll-margin-top: 150px !important;
}
body.bbo-typography-lock main.slides > #strategy {
  padding-top: 105px !important;
}
body.bbo-typography-lock main.slides > #strategy .copy > .eyebrow,
body.bbo-typography-lock main.slides > #strategy .copy > h2 {
  line-height: 1.05 !important;
}
body.bbo-typography-lock main.slides > #identity {
  padding-top: 105px !important;
}
body.bbo-typography-lock main.slides > #identity .copy > .eyebrow,
body.bbo-typography-lock main.slides > #identity .copy > h2 {
  line-height: 1.05 !important;
}
body.bbo-typography-lock main.slides > #digital {
  padding-top: 105px !important;
}
body.bbo-typography-lock main.slides > #digital .copy > .eyebrow,
body.bbo-typography-lock main.slides > #digital .copy > h2 {
  line-height: 1.05 !important;
}
body.bbo-typography-lock main.slides > #atl-btl {
  padding-top: 105px !important;
}
body.bbo-typography-lock main.slides > #atl-btl .copy > .eyebrow,
body.bbo-typography-lock main.slides > #atl-btl .copy > h2 {
  line-height: 1.05 !important;
}

body.bbo-typography-lock main p:not(.eyebrow):not(.lead):not(.statement) {
  color: #747477 !important;
  font-size: clamp(14px, 1.02vw, 17px) !important;
  font-weight: 400 !important;
  line-height: 1.43 !important;
  letter-spacing: normal !important;
  text-transform: none !important;
}

body.bbo-typography-lock main p:not(.eyebrow):not(.lead):not(.statement) *,
body.bbo-typography-lock main li *,
body.bbo-typography-lock main blockquote * {
  color: inherit !important;
  font-family: inherit !important;
  font-size: inherit !important;
  line-height: inherit !important;
  letter-spacing: inherit !important;
}

body.bbo-typography-lock main p.lead {
  color: #555555 !important;
  font-size: clamp(16px, 1.3vw, 20px) !important;
  font-weight: 600 !important;
  line-height: 1.35 !important;
  text-transform: uppercase !important;
}

body.bbo-typography-lock main p.statement {
  color: var(--ink, #0A2A5B) !important;
  font-size: clamp(13px, .95vw, 15px) !important;
  font-weight: 600 !important;
  line-height: 1.43 !important;
  text-transform: uppercase !important;
}

body.bbo-typography-lock main .eyebrow {
  font-size: clamp(38px, 5vw, 78px) !important;
  font-weight: 300 !important;
  line-height: .92 !important;
  letter-spacing: -.045em !important;
}

body.bbo-typography-lock main h1 {
  font-size: clamp(48px, 6.5vw, 108px) !important;
  font-weight: 300 !important;
  line-height: .92 !important;
}

body.bbo-typography-lock main h3 {
  font-size: 24px !important;
  font-weight: 300 !important;
  line-height: 1.05 !important;
}

body.bbo-typography-lock main .what-we-do {
  font-size: clamp(42px, 4.4vw, 72px) !important;
  font-weight: 300 !important;
  line-height: .82 !important;
  letter-spacing: -.06em !important;
}

body.bbo-typography-lock main .partners-summary {
  color: #F1F4F7 !important;
}
/* Featured Work cards use a dark/gradient fill, so keep their copy high contrast. */
body.bbo-typography-lock main .industry-card.featured p:not(.eyebrow):not(.lead):not(.statement) {
  color: #FFFFFF !important;
}
body.bbo-typography-lock main .industry-card {
  justify-content: center !important;
}
body.bbo-typography-lock main .industry-card > .index {
  display: none !important;
}
body.bbo-typography-lock main .industry-card > h3 {
  margin: 0 0 16px !important;
}
body.bbo-typography-lock main .approach .section-title > p,
body.bbo-typography-lock main .approach-card > p {
  color: #D1D5DB !important;
}
body.bbo-typography-lock main .approach-card {
  display: flex !important;
  flex-direction: column !important;
  justify-content: center !important;
}
body.bbo-typography-lock main .approach-card > span {
  display: none !important;
}
body.bbo-typography-lock main .approach-card > h3 {
  margin: 0 0 15px !important;
}
body.bbo-typography-lock:not(.home) .site-footer {
  width: 100vw !important;
  max-width: none !important;
  margin: 0 0 0 calc(50% - 50vw) !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(2) .footer-icon,
body.bbo-typography-lock .site-footer .footer-item:nth-child(2) .footer-details > span {
  color: #FF8800 !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(3) .footer-icon,
body.bbo-typography-lock .site-footer .footer-item:nth-child(3) .footer-details > span {
  color: #FF2D6F !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(4) .footer-icon,
body.bbo-typography-lock .site-footer .footer-item:nth-child(4) .footer-details > span {
  color: #00C6FF !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(2) .footer-details > a,
body.bbo-typography-lock .site-footer .footer-item:nth-child(2) .location-links a {
  text-decoration-color: #FF8800 !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(3) .footer-details > a,
body.bbo-typography-lock .site-footer .footer-item:nth-child(3) .location-links a {
  text-decoration-color: #FF2D6F !important;
}
body.bbo-typography-lock .site-footer .footer-item:nth-child(4) .footer-details > a,
body.bbo-typography-lock .site-footer .footer-item:nth-child(4) .location-links a {
  text-decoration-color: #00C6FF !important;
}
body.bbo-typography-lock main .contact p:not(.eyebrow):not(.lead):not(.statement) {
  color: #BFC7D0 !important;
}
body.bbo-typography-lock main .process-section p:not(.eyebrow):not(.lead):not(.statement) {
  color: #B7B7B9 !important;
}

@media (max-width: 900px) {
  body.bbo-typography-lock main.slides > .slide:not(.cover) {
    padding-top: 100px !important;
    scroll-margin-top: 100px !important;
  }
  body.bbo-typography-lock main.slides > #strategy { padding-top: 80px !important; }
  body.bbo-typography-lock main.slides > #identity { padding-top: 80px !important; }
  body.bbo-typography-lock main.slides > #digital { padding-top: 80px !important; }
  body.bbo-typography-lock main.slides > #atl-btl { padding-top: 80px !important; }
  body.bbo-typography-lock main p:not(.eyebrow):not(.lead):not(.statement) { font-size: 16px !important; }
  body.bbo-typography-lock main .eyebrow { font-size: clamp(36px, 12vw, 56px) !important; }
  body.bbo-typography-lock main h1 { font-size: clamp(40px, 8vw, 62px) !important; }
  body.bbo-typography-lock main h3 { font-size: 24px !important; }
}