.elementor-551 .elementor-element.elementor-element-d23f78b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:-1px;--padding-bottom:-1px;--padding-left:-1px;--padding-right:-1px;}.elementor-551 .elementor-element.elementor-element-5371033{width:100%;max-width:100%;}@media(min-width:768px){.elementor-551 .elementor-element.elementor-element-d23f78b{--width:100%;}}/* Start custom CSS for html, class: .elementor-element-5371033 *//* About page (551) — force content to match homepage full-width */
/* Kill Elementor's inner wrapper constraint */
body.page-id-551 .elementor-551 .e-con,
body.page-id-551 .elementor-551 .e-con-inner {
  max-width: 100% !important;
  width: 100% !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
}
/* Force the Resonant code's .ctn container to go full-width with 80px gutters */
body.page-id-551 .ctn {
  max-width: 100% !important;
  width: 90% !important;
  padding-left: 50px !important;
  padding-right: 50px !important;
  box-sizing: border-box !important;
}
/* Keep .ctn-sm reasonably constrained for centered CTA sections */
body.page-id-551 .ctn-sm {
  max-width: 900px !important;
  padding-left: 80px !important;
  padding-right: 80px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  box-sizing: border-box !important;
}
/* Tablet */
@media (max-width: 900px) {
  body.page-id-551 .ctn,
  body.page-id-551 .ctn-sm {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
}
/* Mobile */
@media (max-width: 600px) {
  body.page-id-551 .ctn,
  body.page-id-551 .ctn-sm {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
}

/* Reduce hero padding */
body.page-id-551 .hero {
  padding-top: 90px !important;
  padding-bottom: 140px !important;
}
/* Tablet */
@media (max-width: 900px) {
  body.page-id-551 .hero {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
}
/* Mobile */
@media (max-width: 600px) {
  body.page-id-551 .hero {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
}
/* About page (551) — nuclear override */
body.page-id-551 .e-con {
  --width: 100% !important;
  --content-width: 100% !important;
  --container-max-width: 100% !important;
  max-width: 100% !important;
  width: 100% !important;
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-d23f78b *//* ===== PAGE WIDTH SYSTEM ===== */
:root{
  --page-max: 1440px;
  --page-gutter: clamp(20px, 4vw, 64px);
  --section-y: clamp(72px, 8vw, 120px);
  --section-y-lg: clamp(80px, 9vw, 140px);
}

/* Full-bleed sections without causing horizontal scrollbar issues */
.r-hero,
.r-section,
.r-section--muted,
.r-belief,
.work-with,
.how-we-work,
.final-cta{
  inline-size: auto !important;
  max-inline-size: none !important;
  margin-inline: calc(50% - 50vw) !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
}

/* One consistent inner width across the entire page */
.r-container,
.container,
.container-narrow{
  width: min(var(--page-max), calc(100vw - (var(--page-gutter) * 2)));
  max-width: none;
  margin-inline: auto;
  padding-inline: 0;
}

.container-narrow{
  width: min(920px, calc(100vw - (var(--page-gutter) * 2)));
}

/* Consistent section rhythm */
.r-section,
.r-section--muted,
.r-belief,
.work-with,
.how-we-work,
.final-cta{
  padding-block: var(--section-y);
}

.r-hero{
  padding-block: var(--section-y-lg);
}/* End custom CSS */