/* About-style layouts for Partners, Contact and References. */
body:is(.pa-about-partners, .pa-about-contact, .pa-about-references) #wrapper #inner-wrap {
  padding-top: calc(var(--pa-navigation-offset, 112px) - 16px) !important;
}
body:is(.pa-about-contact, .pa-about-references) #wrapper #inner-wrap :is(#primary, .content-container, .entry-content-wrap, .entry-content) {
  width: 100%; max-width: none; margin: 0; padding: 0 !important; background: transparent; box-shadow: none;
}
body:is(.pa-about-contact, .pa-about-references) #wrapper #inner-wrap article.entry { margin: 0; padding: 0; background: transparent; }
#wrapper #inner-wrap :is(.pa-about-partner-heading, .pa-reference-intro, .pa-contact-heading) h1 {
  margin: 0; color: #17123d; font-size: clamp(2rem, 3.3vw, 2.875rem) !important; line-height: 1.2 !important;
}
body.pa-about-partners #wrapper #inner-wrap .pa-partners {
  --pa-partner-ink: #17123d; --pa-partner-body: #514b6a; --pa-partner-accent: #b81660; --pa-partner-soft: #f5f3fb; --pa-partner-border: #e2ddec;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-hero {
  background: transparent !important; overflow: visible; isolation: auto;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-container {
  display: block; width: 100%; max-width: none; padding: 0 !important;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-copy,
#wrapper #inner-wrap .pa-reference-intro,
body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading {
  box-sizing: border-box; display: grid; grid-template-columns: minmax(0,.95fr) minmax(0,1.05fr);
  align-items: start; gap: 64px; width: 100%; max-width: 1170px; margin: 0 auto; padding: 64px 24px 8px; text-align: left;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-eyebrow {
  margin: 0 0 12px; color: #b81660 !important; font-size: .8125rem !important; letter-spacing: .12em; opacity: 1;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-lead,
body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading > p,
#wrapper #inner-wrap .pa-reference-intro > div > p {
  max-width: none; margin: 0; color: #514b6a !important; font-size: 1.125rem !important; line-height: 1.65 !important;
}
body.pa-about-partners #wrapper #inner-wrap .pa-layout-actions { gap: 12px 18px; margin-top: 24px; }
body.pa-about-partners #wrapper #inner-wrap .pa-layout-actions > a { min-height: 44px; padding: 11px 18px; font-size: .875rem !important; gap: 10px; }
body.pa-about-partners #wrapper #inner-wrap .pa-layout-wave { display: none; }
body.pa-about-partners #wrapper #inner-wrap .pa-layout-visual {
  box-sizing: border-box; width: calc(100% - 48px); max-width: 1242px; margin: 56px auto 32px; padding: 32px;
  border-radius: 24px; background: #f5f3fb; box-shadow: none;
}
body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-board {
  grid-template-columns: repeat(4,minmax(0,1fr)); grid-template-rows: repeat(2,100px); gap: 16px;
  min-height: 0; aspect-ratio: auto; padding: 0; border: 0; background: transparent; box-shadow: none;
}
body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-tile { padding: 20px; border-color: #e2ddec; border-radius: 14px; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-tile:focus-visible { outline-color: #b81660; box-shadow: none; }
body.pa-about-partners #wrapper #inner-wrap :is(.pa-partner-section, .pa-partner-expertise, .pa-partner-contact) {
  box-sizing: border-box; width: calc(100% - 48px); max-width: 1242px; margin: 24px auto; padding: 40px;
  border-radius: 24px; background: #f5f3fb !important;
}
body.pa-about-partners #wrapper #inner-wrap .pa-partner-contact { margin-bottom: 80px; }
body.pa-about-partners #wrapper #inner-wrap :is(.pa-partner-grid, .pa-partner-container) { width: 100%; max-width: none; margin: 0; padding: 0; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-grid { gap: 40px; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-content h2,
body.pa-about-partners #wrapper #inner-wrap .pa-partner-section-heading h2,
body.pa-about-partners #wrapper #inner-wrap .pa-partner-contact h2 { font-size: 1.75rem !important; line-height: 1.3 !important; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-role { margin-bottom: 18px; font-size: .9375rem !important; color: #b81660; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-description p { font-size: 1.0625rem !important; line-height: 1.65 !important; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-mark { aspect-ratio: auto; height: 250px; padding: 32px; border-radius: 18px; box-shadow: none; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-mark figure { max-height: 130px; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-image { max-width: 340px; max-height: 130px; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-button { min-height: 44px; padding: 11px 18px; font-size: .875rem; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-section-heading { max-width: 800px; margin: 0 0 28px; text-align: left; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-capability { padding: 28px; border-radius: 18px; box-shadow: none; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-capability h3 { font-size: 1.25rem !important; }
body.pa-about-partners #wrapper #inner-wrap .pa-partner-capability p { font-size: 1rem !important; line-height: 1.6 !important; }

/* Contact uses the same opening and panel widths without changing direct links. */
body.pa-about-contact #wrapper #inner-wrap #direct-contact { background: transparent !important; padding: 0 0 80px; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-container { max-width: none; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading > p { align-self: start; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-grid {
  box-sizing: border-box; width: calc(100% - 48px); max-width: 1242px; margin: 56px auto 0; padding: 40px; gap: 24px;
  border-radius: 24px; background: #f5f3fb;
}
body.pa-about-contact #wrapper #inner-wrap .pa-contact-card { padding: 32px; border-color: #e2ddec; border-radius: 18px; box-shadow: none; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-card h3 { font-size: 1.375rem !important; color: #17123d; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-overline { font-size: .8125rem !important; color: #b81660 !important; letter-spacing: .12em; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-label { color: #655f79; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-legal { color: #514b6a; }
body.pa-about-contact #wrapper #inner-wrap .pa-contact-body a:not(.pa-contact-whatsapp) { color: #b81660; }

/* References keeps the supplied dashboard, all solution links and photography. */
.pa-reference-page, .pa-reference-page * { box-sizing: border-box; }
#wrapper #inner-wrap .pa-reference-intro strong { font-size: 1.375rem; font-weight: 600; color: #17123d; }
#wrapper #inner-wrap .pa-reference-panel {
  width: calc(100% - 48px); max-width: 1242px; margin: 40px auto 0; padding: 40px; border-radius: 24px; background: #f5f3fb;
}
#wrapper #inner-wrap .pa-reference-dashboard { max-width: 840px; margin: 0 auto; padding: 12px; border: 1px solid #e2ddec; border-radius: 18px; background: #fff; }
#wrapper #inner-wrap .pa-reference-dashboard img { display: block; width: 100%; height: auto; border-radius: 10px; }
#wrapper #inner-wrap .pa-reference-dashboard figcaption { margin: 12px 2px 0; font-size: .8125rem; line-height: 1.6; color: #655f79; }
#wrapper #inner-wrap .pa-reference-panel h2 { margin: 0 0 28px; color: #17123d; font-size: 1.75rem !important; line-height: 1.3 !important; }
#wrapper #inner-wrap .pa-reference-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 24px; }
#wrapper #inner-wrap .pa-reference-grid .pa-reference-card {
  display: flex; flex-direction: column; align-items: flex-start; height: 100%; padding: 28px; border: 1px solid #e2ddec;
  border-radius: 18px; background: #fff; text-align: left; text-decoration: none;
}
#wrapper #inner-wrap .pa-reference-card .kt-blocks-info-box-media-container { margin: 0 0 18px; }
#wrapper #inner-wrap .pa-reference-card .kt-blocks-info-box-media { padding: 0; background: transparent; }
#wrapper #inner-wrap .pa-reference-card svg { width: 30px; height: 30px; color: #b81660; }
#wrapper #inner-wrap .pa-reference-card h2 { margin: 0 0 12px; font-size: 1.375rem !important; }
#wrapper #inner-wrap .pa-reference-card p { margin: 0; color: #514b6a; font-size: 1.0625rem !important; line-height: 1.65 !important; }
#wrapper #inner-wrap .pa-reference-card:hover { border-color: #b81660; }
#wrapper #inner-wrap .pa-reference-cta { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); align-items: center; gap: 40px; margin-bottom: 80px; }
#wrapper #inner-wrap .pa-reference-cta > div { padding: 12px 0; }
#wrapper #inner-wrap .pa-reference-cta h2 { margin-bottom: 16px; }
#wrapper #inner-wrap .pa-reference-cta p { margin: 0 0 24px; color: #514b6a; font-size: 1.0625rem !important; line-height: 1.65 !important; }
#wrapper #inner-wrap .pa-reference-cta figure { margin: 0; }
#wrapper #inner-wrap .pa-reference-cta img { display: block; width: 100%; height: auto; border-radius: 14px; }
#wrapper #inner-wrap .pa-reference-cta a { display: inline-flex; padding: 11px 18px; border-radius: 24px; background: #b81660; color: #fff; font-size: .875rem; font-weight: 600; text-decoration: none; }
#wrapper #inner-wrap .pa-reference-page a:focus-visible { outline: 3px solid #b81660; outline-offset: 4px; }

@media(max-width:1000px) {
  body.pa-about-partners #wrapper #inner-wrap .pa-layout-copy,
  #wrapper #inner-wrap .pa-reference-intro,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading { gap: 36px; }
  body.pa-about-partners #wrapper #inner-wrap :is(.pa-partner-section,.pa-partner-expertise,.pa-partner-contact),
  #wrapper #inner-wrap .pa-reference-panel, body.pa-about-contact #wrapper #inner-wrap .pa-contact-grid { padding: 32px; }
}
@media(max-width:900px) {
  body.pa-about-partners #wrapper #inner-wrap .pa-layout-copy,
  #wrapper #inner-wrap .pa-reference-intro,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading { grid-template-columns: 1fr; gap: 24px; padding-top: 40px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-board { grid-template-columns: repeat(2,minmax(0,1fr)); grid-template-rows: repeat(4,90px); }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-grid { grid-template-columns: 1fr; gap: 28px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-mark { height: 200px; }
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-grid { grid-template-columns: 1fr; }
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-card { max-width: none; }
}
@media(max-width:599px) {
  body.pa-about-partners #wrapper #inner-wrap .pa-layout-copy,
  #wrapper #inner-wrap .pa-reference-intro,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading { padding: 32px 24px 0; }
  body.pa-about-partners #wrapper #inner-wrap .pa-layout-lead,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-heading > p,
  #wrapper #inner-wrap .pa-reference-intro > div > p { font-size: 1rem !important; }
  body.pa-about-partners #wrapper #inner-wrap :is(.pa-layout-visual,.pa-partner-section,.pa-partner-expertise,.pa-partner-contact),
  #wrapper #inner-wrap .pa-reference-panel, body.pa-about-contact #wrapper #inner-wrap .pa-contact-grid {
    width: calc(100% - 32px); padding: 22px; border-radius: 18px;
  }
  body.pa-about-partners #wrapper #inner-wrap .pa-layout-visual,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-grid { margin-top: 40px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-board { gap: 12px; grid-template-rows: repeat(4,80px); }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-logo-tile { padding: 12px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-mark { height: 170px; padding: 24px; border-radius: 14px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-contact > .pa-partner-container { display: block; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-contact .pa-partner-button { margin-top: 24px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-expertise-grid,
  #wrapper #inner-wrap .pa-reference-grid,
  #wrapper #inner-wrap .pa-reference-cta { grid-template-columns: 1fr; gap: 20px; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-capability,
  #wrapper #inner-wrap .pa-reference-grid .pa-reference-card,
  body.pa-about-contact #wrapper #inner-wrap .pa-contact-card { padding: 24px; border-radius: 14px; }
  #wrapper #inner-wrap .pa-reference-panel h2 { font-size: 1.5rem !important; }
  #wrapper #inner-wrap .pa-reference-card h2 { font-size: 1.25rem !important; }
  body.pa-about-partners #wrapper #inner-wrap .pa-partner-contact,
  #wrapper #inner-wrap .pa-reference-cta { margin-bottom: 48px; }
  body.pa-about-contact #wrapper #inner-wrap #direct-contact { padding-bottom: 48px; }
}
