/* About page only. All content rules are rooted at .respon-about-page. */
.respon-about-page {
  --about-navy: #062b63;
  --about-blue: #06459a;
  --about-red: #e31b23;
  --about-line: #d8e0e9;
  --about-pale: #f5f7fa;
  width: 100% !important;
  gap: 0 !important;
  color: #0c2245;
  --padding-top: 0px;
  --padding-block-start: 0px;
  --padding-bottom: 0px;
  --padding-block-end: 0px;
  display: block !important;
}

/* About v7 — authoritative balance and rhythm refinement. */
@media(min-width:1101px){
  .respon-about-page .respon-about-story { grid-template-columns:minmax(0,32fr) minmax(0,40fr) minmax(280px,28fr); grid-template-rows:auto; align-items:stretch; }
  .respon-about-page .respon-about-portrait,.respon-about-page .respon-about-portrait .elementor-widget-container,.respon-about-page .respon-about-portrait img,.respon-about-page .respon-about-trust-panel { height:100% !important; min-height:610px; }
  .respon-about-page .respon-about-story-copy { height:auto; min-height:610px; overflow:visible; }
  .respon-about-page .respon-about-trust-panel { padding:54px 34px; justify-content:center !important; }
  .respon-about-page .respon-about-trust-panel > .e-con-inner { height:auto; display:flex !important; flex-direction:column !important; justify-content:center !important; gap:62px !important; }
  .respon-about-page .respon-about-trust-point { flex:0 0 auto; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper { grid-template-columns:72px minmax(0,1fr); column-gap:26px; align-items:center; }
  .respon-about-page .respon-about-trust-point .elementor-icon { width:70px; height:70px; font-size:29px; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-title { margin:0 0 7px; font-size:21px; line-height:1.25; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-description { font-size:16px; line-height:1.55; }
}
.respon-about-page .respon-about-value-card .elementor-icon::after { content:none !important; display:none !important; }
.respon-about-page .respon-about-values { width:100% !important; max-width:1460px; padding:105px 48px 96px; background:#fff; }
.respon-about-page .respon-about-values-grid { margin-top:78px; }
.respon-about-page .respon-about-value-card { width:33.333% !important; flex:0 0 33.333%; min-height:310px; padding:42px 48px; text-align:center; }
.respon-about-page .respon-about-value-card .elementor-icon-box-wrapper { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.respon-about-page .respon-about-value-card .elementor-icon-box-icon { margin:0 0 31px !important; }
.respon-about-page .respon-about-value-card .elementor-icon { width:82px; height:82px; font-size:35px; }
.respon-about-page .respon-about-value-card .elementor-icon-box-title { margin:0 0 20px; font-size:23px; font-weight:700; line-height:1.25; }
.respon-about-page .respon-about-value-card .elementor-icon-box-description { max-width:350px; margin:0 auto; font-size:17px; line-height:1.6; }
.respon-about-page .respon-about-expertise { width:100% !important; max-width:1460px; margin:0 auto; padding:92px 48px 112px; border-radius:0; background:#fff; }
.respon-about-page .respon-about-expertise-grid { margin-top:76px; }
.respon-about-page .respon-about-expertise-card { width:20% !important; flex:0 0 20%; min-height:310px; padding:42px 28px; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-wrapper { height:100%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-icon { height:auto; margin:0 0 30px !important; }
.respon-about-page .respon-about-expertise-card .elementor-icon { font-size:78px; line-height:1; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-title { min-height:0; margin:0 0 20px; font-size:22px; line-height:1.3; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-description { max-width:250px; margin:0 auto; font-size:16px; line-height:1.6; }
.respon-about-cta { margin:0 !important; }
.respon-about-cta-buttons,.respon-about-cta-buttons > .e-con-inner { gap:22px !important; }
@media(max-width:1100px) and (min-width:768px){
  .respon-about-page .respon-about-trust-panel { min-height:0; padding:58px 42px; }
  .respon-about-page .respon-about-values { padding:88px 28px 82px; }
  .respon-about-page .respon-about-values-grid { margin-top:66px; }
  .respon-about-page .respon-about-value-card { min-height:300px; padding:36px 25px; }
  .respon-about-page .respon-about-expertise { padding:90px 28px 105px; }
  .respon-about-page .respon-about-expertise-grid { margin-top:66px; }
  .respon-about-page .respon-about-expertise-card { width:50% !important; flex-basis:50%; min-height:280px; padding:38px 30px; }
}
@media(max-width:767px){
  .respon-about-page .respon-about-trust-panel { height:auto !important; min-height:0; padding:50px 28px; }
  .respon-about-page .respon-about-trust-panel > .e-con-inner { justify-content:center; gap:42px !important; }
  .respon-about-page .respon-about-values { padding:72px 20px 68px; }
  .respon-about-page .respon-about-values-grid { margin-top:52px; }
  .respon-about-page .respon-about-value-card { min-height:0; padding:40px 10px; }
  .respon-about-page .respon-about-value-card .elementor-icon-box-icon { margin-bottom:28px !important; }
  .respon-about-page .respon-about-value-card .elementor-icon-box-title { font-size:22px; }
  .respon-about-page .respon-about-value-card .elementor-icon-box-description { font-size:16px; }
  .respon-about-page .respon-about-expertise { width:100% !important; margin:0; padding:76px 20px 90px; }
  .respon-about-page .respon-about-expertise-grid { margin-top:52px; }
  .respon-about-page .respon-about-expertise-card { min-height:0; padding:40px 10px; }
  .respon-about-page .respon-about-expertise-card .elementor-icon-box-icon { margin-bottom:27px !important; }
  .respon-about-page .respon-about-expertise-card .elementor-icon-box-title { font-size:21px; }
}

/* Compact horizontal trust card. Content and card height stay unchanged. */
@media(min-width:1101px){
 .respon-about-page .respon-about-trust-panel{height:610px!important;min-height:0;padding:72px 28px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
 .respon-about-page .respon-about-trust-panel>.e-con-inner{width:100%;height:auto;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:58px!important}
 .respon-about-page .respon-about-trust-point{width:100%!important;flex:0 0 auto;display:block}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper{width:100%;display:grid!important;grid-template-columns:58px minmax(0,1fr)!important;column-gap:24px!important;align-items:center;text-align:left!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-icon{grid-column:1;grid-row:1/span 2;margin:0!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-content{grid-column:2;min-width:0;width:100%;text-align:left!important}
 .respon-about-page .respon-about-trust-point .elementor-icon{width:58px!important;height:58px!important;font-size:26px!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-title{margin:0 0 7px!important;color:#062b63!important;font-size:20px!important;font-weight:700;line-height:1.15!important;text-align:left!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-description{max-width:none;margin:0;color:#243953;font-size:16px!important;line-height:1.5!important;text-align:left!important}
}
@media(max-width:1100px){
 .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper{grid-template-columns:58px minmax(0,1fr)!important;column-gap:24px!important;text-align:left!important}
 .respon-about-page .respon-about-trust-point .elementor-icon{width:58px!important;height:58px!important;font-size:26px!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-title{color:#062b63!important;font-size:20px!important;line-height:1.15!important;text-align:left!important}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-description{font-size:16px!important;line-height:1.5!important;text-align:left!important}
}

/* Wide About CTA inner layout. The background section is already full width;
 * this targets the actual boxed Elementor content wrapper inside it. */
@media(min-width:1101px){
 .respon-about-cta{min-height:320px!important;display:flex!important;align-items:center!important;margin:0!important}
 .respon-about-cta>.e-con-inner{width:100%!important;max-width:none!important;min-height:320px;display:block!important;margin:0!important;padding:0!important}
 .respon-about-cta-copy{width:100%!important;max-width:none!important;min-height:320px!important;margin:0!important;padding:68px 80px!important;display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(500px,.65fr)!important;align-items:center!important;column-gap:96px!important}
 .respon-about-cta-copy>.e-con-inner{width:100%!important;max-width:none!important;display:contents!important;margin:0!important;padding:0!important}
 .respon-about-cta-title{width:100%!important;max-width:none!important;margin:0!important}
 .respon-about-cta-title .elementor-heading-title{margin:0!important;color:#fff!important;font:800 52px/1.12 Manrope,sans-serif!important;letter-spacing:-.03em}
 .respon-about-cta-buttons,.respon-about-cta-buttons>.e-con-inner{width:100%!important;max-width:none!important;display:flex!important;flex-direction:row!important;justify-content:flex-end!important;align-items:center!important;gap:24px!important;margin:0!important;padding:0!important}
 .respon-about-cta-buttons .elementor-widget-button{width:auto!important;flex:0 0 auto!important;margin:0!important}
 .respon-about-cta-primary .elementor-button,.respon-about-cta-secondary .elementor-button{height:60px;min-height:60px}
}

@media(max-width:1100px) and (min-width:768px){
 .respon-about-cta{min-height:400px!important}
 .respon-about-cta>.e-con-inner{width:100%!important;max-width:none!important;min-height:400px}
 .respon-about-cta-copy,.respon-about-cta-copy>.e-con-inner{width:100%!important;max-width:none!important;min-height:400px;padding:64px 40px!important}
 .respon-about-cta-title{max-width:720px}
 .respon-about-cta-title .elementor-heading-title{font-size:44px!important;line-height:1.13!important}
 .respon-about-cta-buttons,.respon-about-cta-buttons>.e-con-inner{flex-direction:row!important;gap:24px!important}
}

@media(max-width:767px){
 .respon-about-cta-buttons,.respon-about-cta-buttons>.e-con-inner{gap:16px!important}
}

.respon-about-page > .e-con-inner {
  display: block !important;
  width: 100%;
  max-width: none;
  padding-top: 0;
  padding-bottom: 0;
  gap: 0;
}

/* The About reference transitions directly from its page CTA into the footer. */
body:has(.respon-about-page) > .respon-cta-bar { display: none; }

/* Hero */
.respon-about-page .respon-about-hero {
  width: 100% !important;
  min-height: 500px;
  position: relative;
  display: block !important;
  overflow: hidden;
  background: #fff;
}

.respon-about-page .respon-about-hero-image {
  position: absolute !important;
  inset: 0 0 0 29%;
  width: 71% !important;
  height: 100%;
}

.respon-about-page .respon-about-hero-image,
.respon-about-page .respon-about-hero-image .elementor-widget-container,
.respon-about-page .respon-about-hero-image img { height: 100% !important; }

.respon-about-page .respon-about-hero-image img {
  display: block;
  width: 100% !important;
  object-fit: cover;
  object-position: center 57%;
}

.respon-about-page .respon-about-hero:after {
  content: '';
  position: absolute;
  z-index: 1;
  inset: 0 42% 0 0;
  background: linear-gradient(90deg, #fff 0%, #fff 49%, rgba(255,255,255,.94) 71%, rgba(255,255,255,0) 100%);
  pointer-events: none;
}

.respon-about-page .respon-about-hero-copy {
  width: 610px !important;
  min-height: 500px;
  position: absolute !important;
  z-index: 2;
  top: 0;
  left: max(40px, calc((100vw - 1360px) / 2));
  justify-content: center;
  align-items: flex-start;
  padding: 45px 0 35px;
}

.respon-about-page .respon-about-eyebrow { margin: 0 !important; }
.respon-about-page .respon-about-eyebrow span {
  display: inline-block;
  position: relative;
  padding-bottom: 12px;
  color: var(--about-red);
  font-size: 14px;
  font-weight: 800;
  text-transform: uppercase;
}

.respon-about-page .respon-about-eyebrow span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 42px;
  height: 4px;
  background: var(--about-red);
}

.respon-about-page .respon-about-title .elementor-heading-title {
  margin: 17px 0 18px;
  color: var(--about-navy) !important;
  font: 700 58px/.99 'Barlow Condensed', sans-serif !important;
  text-transform: uppercase;
}

.respon-about-page .respon-about-title em,
.respon-about-cta-title em { color: #e31b23; font-style: normal; }
.respon-about-page .respon-about-hero-text { width: 500px !important; max-width: 100%; font-size: 16px; line-height: 1.72; }
.respon-about-page .respon-about-hero-text p { margin: 0; }

/* David/company story */
.respon-about-page .respon-about-story {
  width: 100% !important;
  max-width: 1360px;
  display: grid !important;
  grid-template-columns: 31% minmax(0, 1fr) 26%;
  gap: 42px !important;
  margin: 0 auto;
  padding: 48px 0 42px;
  align-items: stretch;
}

.respon-about-page .respon-about-story > .e-con-inner { display: contents !important; }
.respon-about-page .respon-about-portrait,
.respon-about-page .respon-about-portrait .elementor-widget-container,
.respon-about-page .respon-about-portrait img { width: 100% !important; height: 610px !important; }
.respon-about-page .respon-about-portrait { overflow: hidden; border-radius: 9px; box-shadow: 0 12px 28px rgba(6,43,99,.1); }
.respon-about-page .respon-about-portrait img { display: block; object-fit: cover; object-position: center 18%; }

.respon-about-page .respon-about-story-copy {
  width: 100% !important;
  min-width: 0;
  justify-content: center;
  align-items: flex-start;
  gap: 0;
  padding: 22px 0;
}

.respon-about-page .respon-about-story-title .elementor-heading-title {
  margin: 13px 0 24px;
  color: var(--about-navy) !important;
  font: 800 44px/1.13 Manrope, sans-serif !important;
}

.respon-about-page .respon-about-story-text { font-size: 16px; line-height: 1.72; }
.respon-about-page .respon-about-story-text p { margin: 0 0 17px; }
.respon-about-page .respon-about-person-name .elementor-heading-title { margin: 17px 0 3px; color: var(--about-navy) !important; font: 700 27px/1.1 'Barlow Condensed', sans-serif !important; text-transform: uppercase; }
.respon-about-page .respon-about-person-role { color: #334760; font-size: 14px; font-weight: 700; text-transform: uppercase; }
.respon-about-page .respon-about-person-role p { margin: 0; }
.respon-about-page .respon-about-work-image,
.respon-about-page .respon-about-work-image .elementor-widget-container,
.respon-about-page .respon-about-work-image img { width: 100% !important; height: 140px !important; }
.respon-about-page .respon-about-work-image { margin-top: 8px; overflow: hidden; border-radius: 7px; }
.respon-about-page .respon-about-work-image img { display: block; object-fit: cover; object-position: center; }

.respon-about-page .respon-about-trust-panel {
  width: 100% !important;
  justify-content: center;
  min-height: 610px;
  gap: 0;
  padding: 44px 34px;
  border-radius: 9px;
  background: var(--about-pale);
}
.respon-about-page .respon-about-trust-panel > .e-con-inner { width: 100%; height: 100%; display: grid !important; grid-template-rows: repeat(3, 1fr); gap: 0; }

.respon-about-page .respon-about-trust-point { width: 100% !important; display: flex; align-items: center; }
.respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper { display: grid; grid-template-columns: 66px 1fr; column-gap: 19px; align-items: center; text-align: left; }
.respon-about-page .respon-about-trust-point .elementor-icon-box-icon { grid-row: 1 / span 2; margin: 0 !important; }
.respon-about-page .respon-about-trust-point .elementor-icon {
  width: 64px;
  height: 64px;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
  background: #062b63;
  color: #fff;
  font-size: 26px;
}
.respon-about-page .respon-about-trust-point .elementor-icon i,
.respon-about-page .respon-about-trust-point .elementor-icon svg { color: #fff !important; fill: #fff !important; }
.respon-about-page .respon-about-trust-point .elementor-icon-box-title { margin: 0 0 7px; color: var(--about-navy); font-size: 16px; line-height: 1.25; }
.respon-about-page .respon-about-trust-point .elementor-icon-box-description { margin: 0; color: #243953; font-size: 14px; line-height: 1.55; }

.respon-about-page .respon-about-mini-process {
  width: 100% !important;
  margin-top: 10px;
  padding-top: 0;
  border-top: 0;
  gap: 12px;
}
.respon-about-page .respon-about-process-eyebrow { margin: 0; color: var(--about-red); font-size: 10px; font-weight: 800; letter-spacing: .12em; line-height: 1.35; text-transform: uppercase; }
.respon-about-page .respon-about-process-eyebrow p { margin: 0; }
.respon-about-page .respon-about-process-steps { position: relative; width: 100% !important; display: flex !important; flex-direction: row !important; gap: 0; }
.respon-about-page .respon-about-process-steps > .e-con-inner { width: 100%; display: flex !important; flex-direction: row !important; gap: 0; }
.respon-about-page .respon-about-process-steps::before,
.respon-about-page .respon-about-process-steps::after { content: ''; position: absolute; left: 12.5%; right: 12.5%; top: 16px; height: 1px; transform-origin: left; }
.respon-about-page .respon-about-process-steps::before { background: #c4d0dc; }
.respon-about-page .respon-about-process-steps::after { background: linear-gradient(90deg, var(--about-red), var(--about-navy)); transform: scaleX(0); transition: transform .85s cubic-bezier(.2,.75,.25,1); }
.respon-about-page .respon-about-process-step { position: relative; z-index: 1; width: 25% !important; flex: 0 0 25%; margin: 0; opacity: 0; transform: translateY(8px); text-align: center; transition: opacity .34s ease, transform .34s ease; }
.respon-about-page .respon-about-process-step .elementor-widget-container { display: flex; flex-direction: column; align-items: center; min-height: 66px; gap: 8px; }
.respon-about-page .respon-about-process-step p { display: contents; margin: 0; }
.respon-about-page .respon-about-step-number { width: 31px; height: 31px; flex: 0 0 31px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #f0a7aa; border-radius: 50%; background: var(--about-pale); color: var(--about-red); font-size: 9px; font-weight: 800; letter-spacing: .04em; }
.respon-about-page .respon-about-process-step strong { color: var(--about-navy); font-size: 12px; font-weight: 800; letter-spacing: .055em; text-transform: uppercase; }
.respon-about-page .respon-about-mini-process.is-visible .respon-about-process-steps::after { transform: scaleX(1); }
.respon-about-page .respon-about-mini-process.is-visible .respon-about-process-step { opacity: 1; transform: none; }
.respon-about-page .respon-about-mini-process.is-visible .respon-about-process-step:nth-child(2) { transition-delay: .12s; }
.respon-about-page .respon-about-mini-process.is-visible .respon-about-process-step:nth-child(3) { transition-delay: .24s; }
.respon-about-page .respon-about-mini-process.is-visible .respon-about-process-step:nth-child(4) { transition-delay: .36s; }

/* Values */
.respon-about-page .respon-about-values {
  width: 100% !important;
  padding: 28px max(40px, calc((100vw - 1360px) / 2)) 46px;
  align-items: center;
  gap: 9px;
  text-align: center;
}

.respon-about-page .respon-about-eyebrow--center span:after { left: 50%; transform: translateX(-50%); }
.respon-about-page .respon-about-section-title .elementor-heading-title { margin: 0 0 21px; color: var(--about-navy) !important; font: 800 31px/1.2 Manrope, sans-serif !important; }
.respon-about-page .respon-about-values-grid { width: 100% !important; display: flex !important; flex-flow: row nowrap !important; gap: 0 !important; }
.respon-about-page .respon-about-values-grid > .e-con-inner { width: 100%; display: flex !important; flex-flow: row nowrap !important; gap: 0 !important; }
.respon-about-page .respon-about-value-card { width: 33.333% !important; flex: 0 0 33.333%; min-height: 160px; padding: 20px 38px; border-right: 1px solid var(--about-line); text-align: left; }
.respon-about-page .respon-about-value-card:last-child { border-right: 0; }
.respon-about-page .respon-about-value-card .elementor-icon-box-wrapper { display: grid; grid-template-columns: 72px 1fr; column-gap: 22px; align-items: center; }
.respon-about-page .respon-about-value-card .elementor-icon-box-icon { grid-row: 1 / span 2; margin: 0 !important; }
.respon-about-page .respon-about-value-card .elementor-icon { position: relative; width: 70px; height: 70px; display: flex; align-items: center; justify-content: center; border: 2px solid var(--about-blue); border-radius: 50%; color: var(--about-blue); font-size: 30px; background: #fff; }
.respon-about-page .respon-about-value-card .elementor-icon i,
.respon-about-page .respon-about-value-card .elementor-icon svg { display: block; color: var(--about-blue); fill: var(--about-blue); }
.respon-about-page .respon-about-value-card .elementor-icon::after { content: ''; position: absolute; right: -3px; bottom: 7px; width: 20px; height: 4px; border-radius: 4px; background: var(--about-red); transform: rotate(-38deg); }
.respon-about-page .respon-about-value--responsible .elementor-icon,
.respon-about-page .respon-about-value--responsive .elementor-icon,
.respon-about-page .respon-about-value--reliable .elementor-icon { background-image: none; }
.respon-about-page .respon-about-value-card .elementor-icon-box-title { margin: 0 0 7px; color: var(--about-navy); font-size: 15px; text-transform: uppercase; }
.respon-about-page .respon-about-value-card .elementor-icon-box-description { margin: 0; color: #263b54; font-size: 12px; line-height: 1.55; }

/* Five reference-style expertise columns */
.respon-about-page .respon-about-expertise {
  width: min(1360px, calc(100% - 80px)) !important;
  margin: 0 auto 50px;
  padding: 36px 30px 30px;
  align-items: center;
  gap: 9px;
  border-radius: 9px;
  background: var(--about-pale);
  text-align: center;
}

.respon-about-page .respon-about-expertise-grid { width: 100% !important; display: flex !important; flex-flow: row nowrap !important; gap: 0 !important; }
.respon-about-page .respon-about-expertise-grid > .e-con-inner { width: 100%; display: flex !important; flex-flow: row nowrap !important; gap: 0 !important; }
.respon-about-page .respon-about-expertise-card { width: 20% !important; flex: 0 0 20%; min-height: 230px; padding: 20px 25px; border-right: 1px solid #cbd5e0; }
.respon-about-page .respon-about-expertise-card:last-child { border-right: 0; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-wrapper { display: flex; height: 100%; flex-direction: column; align-items: center; justify-content: flex-start; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-icon { height: 68px; margin: 0 0 14px !important; }
.respon-about-page .respon-about-expertise-card .elementor-icon { color: var(--about-blue); font-size: 54px; }
.respon-about-page .respon-about-expertise-card .elementor-icon i,
.respon-about-page .respon-about-expertise-card .elementor-icon svg { color: var(--about-blue) !important; fill: var(--about-blue) !important; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-title { min-height: 43px; margin: 0 0 9px; color: var(--about-navy); font-size: 16px; line-height: 1.28; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-description { margin: 0; color: #263b54; font-size: 11px; line-height: 1.55; }

/* Image-backed CTA */
.respon-about-cta {
  width: 100% !important;
  max-width: none !important;
  margin-left: 0;
  margin-right: 0;
  margin: 0 !important;
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-height: 270px;
  position: relative;
  display: block !important;
  overflow: hidden;
  background: var(--about-navy);
}
.respon-about-cta-image { position: absolute !important; inset: 0; width: 100% !important; height: 100%; }
.respon-about-cta-image,
.respon-about-cta-image .elementor-widget-container,
.respon-about-cta-image img { height: 100% !important; }
.respon-about-cta-image img { display: block; width: 100% !important; object-fit: cover; object-position: center 50%; }
.respon-about-cta:after { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(90deg, rgba(0,35,78,.98) 0%, rgba(0,35,78,.93) 46%, rgba(0,35,78,.66) 74%, rgba(0,35,78,.48) 100%); }
.respon-about-cta-copy {
  width: min(1360px, calc(100% - 80px)) !important;
  min-height: 270px;
  position: relative !important;
  z-index: 2;
  margin: auto;
  display: flex !important;
  flex-direction: row !important;
  align-items: center;
  gap: 45px;
  color: #fff;
}
.respon-about-cta-copy > .e-con-inner { width: 100%; display: flex !important; flex-direction: row !important; align-items: center; gap: 45px; }
.respon-about-cta-title { width: auto !important; max-width: 690px; margin-right: auto; }
.respon-about-cta-title .elementor-heading-title { margin: 0; color: #fff !important; font: 800 35px/1.24 Manrope, sans-serif !important; }
.respon-about-cta-buttons { width: auto !important; display: flex !important; flex-direction: row !important; gap: 16px; }
.respon-about-cta-buttons > .e-con-inner { display: flex !important; flex-direction: row !important; gap: 16px; }
.respon-about-cta-buttons .elementor-widget-button { width: auto !important; }
.respon-about-cta-primary .elementor-button,
.respon-about-cta-secondary .elementor-button { min-width: 205px; height: 56px; min-height: 56px; display: inline-flex; align-items: center; justify-content: center; padding: 0 27px !important; font-size: 13px; font-weight: 800; line-height: 1; text-align: center; text-transform: uppercase; }
.respon-about-cta-primary .elementor-button-content-wrapper,
.respon-about-cta-secondary .elementor-button-content-wrapper { display: inline-flex; align-items: center; justify-content: center; line-height: 1; }
.respon-about-cta-primary .elementor-button { border: 1px solid #e31b23; background: #e31b23 !important; color: #fff !important; }
.respon-about-cta-secondary .elementor-button { border: 1px solid #fff; background: #fff !important; color: #062b63 !important; box-shadow: none !important; }

@media (max-width: 1100px) {
  .respon-about-page .respon-about-story { width: calc(100% - 56px); grid-template-columns: 37% minmax(0, 1fr); }
  .respon-about-page .respon-about-trust-panel { grid-column: 1 / -1; display: flex !important; flex-direction: row !important; }
  .respon-about-page .respon-about-trust-panel > .e-con-inner { display: flex !important; flex-direction: row !important; flex-wrap: wrap !important; }
  .respon-about-page .respon-about-trust-point { width: 33.333% !important; }
  .respon-about-page .respon-about-values { padding-left: 28px; padding-right: 28px; }
  .respon-about-page .respon-about-value-card { padding-left: 20px; padding-right: 20px; }
  .respon-about-page .respon-about-expertise { width: calc(100% - 56px) !important; }
  .respon-about-page .respon-about-expertise-grid,
  .respon-about-page .respon-about-expertise-grid > .e-con-inner { flex-wrap: wrap !important; justify-content: center; }
  .respon-about-page .respon-about-expertise-card { width: 33.333% !important; flex-basis: 33.333%; margin-bottom: 18px; }
  .respon-about-page .respon-about-expertise-card:nth-child(3) { border-right: 0; }
  .respon-about-cta-copy { width: calc(100% - 56px) !important; }
  .respon-about-cta-buttons,
  .respon-about-cta-buttons > .e-con-inner { flex-direction: column !important; }
}

@media (max-width: 767px) {
  .respon-about-page,
  .respon-about-page .elementor-widget,
  .respon-about-page .elementor-widget-container,
  .respon-about-page .elementor-icon-box-content { min-width: 0; max-width: 100%; }
  .respon-about-page .elementor-heading-title,
  .respon-about-page .elementor-icon-box-title,
  .respon-about-page .elementor-icon-box-description,
  .respon-about-page p { white-space: normal !important; overflow-wrap: anywhere; }

  .respon-about-page .respon-about-hero { min-height: 600px; background: var(--about-navy); }
  .respon-about-page .respon-about-hero-image { z-index: 0; inset: 0; width: 100% !important; height: 100% !important; }
  .respon-about-page .respon-about-hero-image img { width: 100% !important; height: 100% !important; object-fit: cover; object-position: center; }
  .respon-about-page .respon-about-hero:after { inset: 0; background: rgba(3,43,84,.72); }
  .respon-about-page .respon-about-hero-copy { width: 100% !important; min-height: 600px; left: 0; justify-content: center; padding: 65px 18px 70px; }
  .respon-about-page .respon-about-title .elementor-heading-title { font-size: 46px !important; }
  .respon-about-page .respon-about-title .elementor-heading-title { color: #fff !important; }
  .respon-about-page .respon-about-hero-text { width: 100% !important; color: rgba(255,255,255,.9); font-size: 14px; }

  .respon-about-page .respon-about-story { width: 100%; display: flex !important; flex-direction: column !important; padding: 34px 20px; gap: 25px !important; }
  .respon-about-page .respon-about-story > .e-con-inner { display: flex !important; flex-direction: column !important; gap: 25px; }
  .respon-about-page .respon-about-portrait,
  .respon-about-page .respon-about-portrait .elementor-widget-container,
  .respon-about-page .respon-about-portrait img { height: 510px !important; }
  .respon-about-page .respon-about-story-copy { padding: 0; }
  .respon-about-page .respon-about-story-copy > .respon-about-eyebrow,
  .respon-about-page .respon-about-story-copy > .respon-about-story-title { width: 100% !important; text-align: center; }
  .respon-about-page .respon-about-story-copy > .respon-about-eyebrow span:after { left: 50%; transform: translateX(-50%); }
  .respon-about-page .respon-about-story-title .elementor-heading-title { font-size: 27px !important; }
  .respon-about-page .respon-about-story-text { font-size: 14px; }
  .respon-about-page .respon-about-person-name,
  .respon-about-page .respon-about-person-role { width: 100% !important; max-width: 100%; }
  .respon-about-page .respon-about-person-role,
  .respon-about-page .respon-about-person-role p { white-space: normal !important; overflow-wrap: break-word; }
  .respon-about-page .respon-about-work-image,
  .respon-about-page .respon-about-work-image .elementor-widget-container,
  .respon-about-page .respon-about-work-image img { height: 190px !important; }
  .respon-about-page .respon-about-trust-panel,
  .respon-about-page .respon-about-trust-panel > .e-con-inner { width: 100%; flex-direction: column !important; }
  .respon-about-page .respon-about-trust-point { width: 100% !important; }
  .respon-about-page .respon-about-mini-process { margin-top: 12px; padding-top: 0; }
  .respon-about-page .respon-about-process-steps,
  .respon-about-page .respon-about-process-steps > .e-con-inner { flex-direction: column !important; }
  .respon-about-page .respon-about-process-steps::before,
  .respon-about-page .respon-about-process-steps::after { left: 15px; right: auto; top: 16px; bottom: 16px; width: 1px; height: auto; transform-origin: top; }
  .respon-about-page .respon-about-process-steps::after { background: linear-gradient(180deg, var(--about-red), var(--about-navy)); transform: scaleY(0); }
  .respon-about-page .respon-about-mini-process.is-visible .respon-about-process-steps::after { transform: scaleY(1); }
  .respon-about-page .respon-about-process-step { width: 100% !important; flex: 0 0 auto; text-align: left; }
  .respon-about-page .respon-about-process-step .elementor-widget-container { min-height: 43px; flex-direction: row; align-items: center; gap: 14px; }

  .respon-about-page .respon-about-values { padding: 30px 20px 36px; }
  .respon-about-page .respon-about-section-title .elementor-heading-title { font-size: 26px !important; }
  .respon-about-page .respon-about-values-grid,
  .respon-about-page .respon-about-values-grid > .e-con-inner { flex-direction: column !important; }
  .respon-about-page .respon-about-value-card { width: 100% !important; flex: 0 0 auto; min-height: 0; padding: 24px 5px; border-right: 0; border-bottom: 1px solid var(--about-line); }
  .respon-about-page .respon-about-value-card:last-child { border-bottom: 0; }

  .respon-about-page .respon-about-expertise { width: calc(100% - 36px) !important; margin-bottom: 36px; padding: 30px 20px 20px; }
  .respon-about-page .respon-about-expertise-grid,
  .respon-about-page .respon-about-expertise-grid > .e-con-inner { flex-direction: column !important; flex-wrap: nowrap !important; }
  .respon-about-page .respon-about-expertise-card { width: 100% !important; flex: 0 0 auto; min-height: 0; margin: 0; padding: 25px 8px; border-right: 0; border-bottom: 1px solid #cbd5e0; }
  .respon-about-page .respon-about-expertise-card:last-child { border-bottom: 0; }
  .respon-about-page .respon-about-expertise-card .elementor-icon-box-title { min-height: 0; }

  .respon-about-cta { height: auto !important; min-height: 0; margin: 0 !important; }
  .respon-about-cta > .e-con-inner { min-height: 0 !important; padding: 0 !important; }
  .respon-about-cta:after { background: rgba(0,35,78,.82); }
  .respon-about-cta-copy { width: 100% !important; min-height: 0; flex-direction: column !important; justify-content: center; align-items: stretch; gap: 0; padding: 45px 18px 50px; }
  .respon-about-cta-copy > .e-con-inner { width: 100% !important; min-height: 0; flex-direction: column !important; justify-content: center; align-items: stretch; gap: 32px; padding: 0 !important; }
  .respon-about-cta-title { width: 100% !important; }
  .respon-about-cta-title .elementor-heading-title { font-size: 29px !important; }
  .respon-about-cta-buttons,
  .respon-about-cta-buttons,
  .respon-about-cta-buttons > .e-con-inner { width: 100%; gap: 14px !important; }
  .respon-about-cta-buttons .elementor-widget-button,
  .respon-about-cta-buttons .elementor-button { width: 100% !important; }
}

.respon-about-page .respon-about-how-we-work{width:100%!important;padding:82px max(28px,calc((100vw - 1240px)/2));background:#f4f7fa;text-align:center}
.respon-about-page .respon-about-how-copy{max-width:820px;margin:0 auto 38px;color:#31465f;font-size:16px;line-height:1.72}
.respon-about-page .respon-about-how-grid{width:100%;display:block!important;padding:0!important}
.respon-about-page .respon-about-how-grid>.e-con-inner{width:100%;max-width:none;display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px!important;padding:0!important}
.respon-about-page .respon-about-how-card{padding:28px 22px;border:1px solid #d8e1ea;border-radius:9px;background:#fff;text-align:left}
.respon-about-page .respon-about-how-card .elementor-icon{color:var(--about-blue);font-size:30px}
.respon-about-page .respon-about-how-card .elementor-icon-box-title{margin:13px 0 8px;color:var(--about-navy);font-size:15px;text-transform:uppercase}
.respon-about-page .respon-about-how-card .elementor-icon-box-description{color:#31465f;font-size:12px;line-height:1.55}
@media(max-width:1100px){.respon-about-page .respon-about-how-grid>.e-con-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:767px){.respon-about-page .respon-about-how-we-work{padding:58px 20px}.respon-about-page .respon-about-how-copy{font-size:14px}.respon-about-page .respon-about-how-grid>.e-con-inner{grid-template-columns:1fr;gap:20px!important}.respon-about-page .respon-about-how-card{width:100%!important;padding:24px 20px}}

@media (prefers-reduced-motion: reduce) {
  .respon-about-page .respon-about-process-steps::after { transform: scaleX(1); transition: none; }
  .respon-about-page .respon-about-process-step { opacity: 1; transform: none; transition: none; }
  @media (max-width: 767px) {
    .respon-about-page .respon-about-process-steps::after { transform: scaleY(1); }
  }
}

/* About v6 scale and rhythm refinement. Existing content and icon choices are
 * preserved; these rules correct proportion, alignment and unintended blocks. */
@media(min-width:1101px){
  .respon-about-page .respon-about-trust-panel {
    min-height:610px;
    padding:78px 38px;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }
  .respon-about-page .respon-about-trust-panel > .e-con-inner {
    height:auto;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
    gap:66px !important;
  }
  .respon-about-page .respon-about-trust-point { flex:0 0 auto; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper { grid-template-columns:72px minmax(0,1fr); column-gap:22px; }
  .respon-about-page .respon-about-trust-point .elementor-icon { width:70px; height:70px; font-size:29px; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-title { margin-bottom:8px; font-size:20px; line-height:1.25; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-description { font-size:16px; line-height:1.58; }
}

.respon-about-page .respon-about-values {
  max-width:1460px;
  margin:0 auto;
  padding:105px 48px 86px;
  gap:0;
  background:#fff;
}
.respon-about-page .respon-about-values .respon-about-eyebrow { margin-bottom:18px !important; }
.respon-about-page .respon-about-values .respon-about-eyebrow span,
.respon-about-page .respon-about-expertise .respon-about-eyebrow span { font-size:18px; line-height:1.3; }
.respon-about-page .respon-about-section-title .elementor-heading-title {
  margin:0 !important;
  font:800 clamp(44px,3.6vw,52px)/1.15 Manrope,sans-serif !important;
  letter-spacing:-.025em;
}
.respon-about-page .respon-about-values-grid { margin-top:62px; }
.respon-about-page .respon-about-value-card { min-height:245px; padding:34px 46px; }
.respon-about-page .respon-about-value-card .elementor-icon-box-wrapper { display:flex; flex-direction:column; align-items:center; text-align:center; }
.respon-about-page .respon-about-value-card .elementor-icon-box-icon { margin:0 0 25px !important; }
.respon-about-page .respon-about-value-card .elementor-icon { width:78px; height:78px; font-size:34px; }
.respon-about-page .respon-about-value-card .elementor-icon-box-title { margin:0 0 14px; font-size:21px; line-height:1.25; }
.respon-about-page .respon-about-value-card .elementor-icon-box-description { max-width:330px; margin:0 auto; font-size:17px; line-height:1.62; }

.respon-about-page .respon-about-expertise {
  width:min(1460px,calc(100% - 80px)) !important;
  margin:0 auto 80px;
  padding:76px 44px 62px;
  gap:0;
  background:#f5f7fa;
}
.respon-about-page .respon-about-expertise .respon-about-eyebrow { margin-bottom:18px !important; }
.respon-about-page .respon-about-expertise-grid { margin-top:62px; }
.respon-about-page .respon-about-expertise-card { min-height:260px; padding:28px 30px; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-wrapper { justify-content:flex-start; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-icon { height:82px; margin:0 0 24px !important; }
.respon-about-page .respon-about-expertise-card .elementor-icon { font-size:74px; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-title { min-height:54px; margin:0 0 14px; font-size:20px; line-height:1.3; }
.respon-about-page .respon-about-expertise-card .elementor-icon-box-description { max-width:245px; margin:0 auto; font-size:16px; line-height:1.6; }

/* Remove leftover timeline artefacts from the earlier About experiment. */
.respon-about-page .respon-about-mini-process,
.respon-about-page .respon-about-process-steps { display:none !important; }

@media(max-width:1100px){
  .respon-about-page .respon-about-trust-panel { padding:64px 42px; }
  .respon-about-page .respon-about-trust-panel > .e-con-inner { justify-content:center; gap:42px !important; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-title { font-size:19px; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-description { font-size:16px; }
  .respon-about-page .respon-about-values { padding:86px 28px 72px; }
  .respon-about-page .respon-about-value-card { padding:30px 25px; }
  .respon-about-page .respon-about-expertise { margin-bottom:70px; padding:68px 28px 50px; }
  .respon-about-page .respon-about-expertise-card { width:50% !important; flex-basis:50%; min-height:250px; padding:30px; }
  .respon-about-page .respon-about-expertise-card:nth-child(3) { border-right:1px solid #cbd5e0; }
  .respon-about-page .respon-about-expertise-card:nth-child(even) { border-right:0; }
}

@media(max-width:767px){
  .respon-about-page .respon-about-trust-panel { padding:48px 28px; }
  .respon-about-page .respon-about-trust-panel > .e-con-inner { display:flex !important; flex-direction:column !important; gap:38px !important; }
  .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper { grid-template-columns:64px minmax(0,1fr); column-gap:18px; }
  .respon-about-page .respon-about-trust-point .elementor-icon { width:62px; height:62px; }
  .respon-about-page .respon-about-values { padding:72px 20px 60px; }
  .respon-about-page .respon-about-values .respon-about-eyebrow span,
  .respon-about-page .respon-about-expertise .respon-about-eyebrow span { font-size:16px; }
  .respon-about-page .respon-about-section-title .elementor-heading-title { font-size:36px !important; line-height:1.18 !important; }
  .respon-about-page .respon-about-values-grid { margin-top:46px; }
  .respon-about-page .respon-about-value-card { min-height:0; padding:35px 10px; }
  .respon-about-page .respon-about-value-card .elementor-icon-box-description { font-size:16px; }
  .respon-about-page .respon-about-expertise { width:calc(100% - 40px) !important; margin-bottom:56px; padding:58px 24px 38px; }
  .respon-about-page .respon-about-expertise-grid { margin-top:44px; }
  .respon-about-page .respon-about-expertise-card { width:100% !important; flex-basis:100%; min-height:0; padding:34px 10px; border-right:0 !important; }
  .respon-about-page .respon-about-expertise-card .elementor-icon { font-size:68px; }
  .respon-about-page .respon-about-expertise-card .elementor-icon-box-title { min-height:0; font-size:19px; }
  .respon-about-page .respon-about-expertise-card .elementor-icon-box-description { font-size:16px; }
}

/* About v7 final cascade: keep these page-scoped corrections authoritative. */
@media(min-width:1101px){
 .respon-about-page .respon-about-story{grid-template-columns:minmax(0,32fr) minmax(0,40fr) minmax(280px,28fr);grid-template-rows:auto;align-items:stretch;overflow:visible}
 .respon-about-page .respon-about-portrait,.respon-about-page .respon-about-portrait .elementor-widget-container,.respon-about-page .respon-about-portrait img,.respon-about-page .respon-about-trust-panel{height:100%!important;min-height:610px}
 .respon-about-page .respon-about-story-copy{height:auto;min-height:610px;overflow:visible}
 .respon-about-page .respon-about-trust-panel{padding:54px 34px;justify-content:center!important}
 .respon-about-page .respon-about-trust-panel>.e-con-inner{height:auto;display:flex!important;flex-direction:column!important;justify-content:center!important;gap:62px!important}
 .respon-about-page .respon-about-trust-point{flex:0 0 auto}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-wrapper{grid-template-columns:72px minmax(0,1fr);column-gap:26px;align-items:center}
 .respon-about-page .respon-about-trust-point .elementor-icon{width:70px;height:70px;font-size:29px}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-title{margin:0 0 7px;font-size:21px;line-height:1.25}
 .respon-about-page .respon-about-trust-point .elementor-icon-box-description{font-size:16px;line-height:1.55}
}
.respon-about-page .respon-about-value-card .elementor-icon::after{content:none!important;display:none!important}
.respon-about-page .respon-about-values{width:100%!important;max-width:1460px;padding:105px 48px 96px;background:#fff}
.respon-about-page .respon-about-values-intro{width:100%!important;max-width:820px!important;margin:22px auto 0;text-align:center;color:#53657a;font-size:16px;line-height:1.72}
.respon-about-page .respon-about-values-intro p{margin:0}
.respon-about-page .respon-about-values-grid{margin-top:58px}
.respon-about-page .respon-about-value-card{width:33.333%!important;flex:0 0 33.333%;min-height:400px;padding:42px 44px;text-align:center}
.respon-about-page .respon-about-value-card .elementor-icon-box-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.respon-about-page .respon-about-value-card .elementor-icon-box-icon{margin:0 0 31px!important}
.respon-about-page .respon-about-value-card .elementor-icon{width:82px;height:82px;font-size:35px}
.respon-about-page .respon-about-value-card .elementor-icon-box-title{margin:0 0 20px;font-size:23px;font-weight:700;line-height:1.25}
.respon-about-page .respon-about-value-card .elementor-icon-box-description{max-width:350px;margin:0 auto;font-size:17px;line-height:1.6}
.respon-about-page .respon-about-expertise{width:100%!important;max-width:1460px;margin:0 auto;padding:92px 48px 112px;border-radius:0;background:#fff}
.respon-about-page .respon-about-expertise-grid{margin-top:76px}
.respon-about-page .respon-about-expertise-card{width:20%!important;flex:0 0 20%;min-height:310px;padding:42px 28px}
.respon-about-page .respon-about-expertise-card .elementor-icon-box-wrapper{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.respon-about-page .respon-about-expertise-card .elementor-icon-box-icon{height:auto;margin:0 0 30px!important}
.respon-about-page .respon-about-expertise-card .elementor-icon{font-size:78px;line-height:1}
.respon-about-page .respon-about-expertise-card .elementor-icon-box-title{min-height:0;margin:0 0 20px;font-size:22px;line-height:1.3}
.respon-about-page .respon-about-expertise-card .elementor-icon-box-description{max-width:250px;margin:0 auto;font-size:16px;line-height:1.6}
.respon-about-cta{margin:0!important}.respon-about-cta-buttons,.respon-about-cta-buttons>.e-con-inner{gap:22px!important}
@media(max-width:1100px) and (min-width:768px){
 .respon-about-page .respon-about-trust-panel{min-height:0;padding:58px 42px}
 .respon-about-page .respon-about-values{padding:88px 28px 82px}.respon-about-page .respon-about-values-intro{max-width:760px;margin-top:20px}.respon-about-page .respon-about-values-grid{margin-top:52px}.respon-about-page .respon-about-value-card{min-height:440px;padding:36px 25px}
 .respon-about-page .respon-about-expertise{padding:90px 28px 105px}.respon-about-page .respon-about-expertise-grid{margin-top:66px}.respon-about-page .respon-about-expertise-card{width:50%!important;flex:0 0 50%;min-height:280px;padding:38px 30px}
}
@media(max-width:767px){
 .respon-about-page .respon-about-trust-panel{height:auto!important;min-height:0;padding:50px 28px}.respon-about-page .respon-about-trust-panel>.e-con-inner{justify-content:center;gap:42px!important}
 .respon-about-page .respon-about-values{padding:72px 20px 68px}.respon-about-page .respon-about-values-intro{margin-top:18px;font-size:15px;line-height:1.68}.respon-about-page .respon-about-values-grid{margin-top:38px}.respon-about-page .respon-about-value-card{width:100%!important;flex:0 0 auto;min-height:0;padding:38px 10px}.respon-about-page .respon-about-value-card .elementor-icon-box-icon{margin-bottom:28px!important}
 .respon-about-page .respon-about-expertise{width:100%!important;margin:0;padding:76px 20px 90px}.respon-about-page .respon-about-expertise-grid{margin-top:52px}.respon-about-page .respon-about-expertise-card{width:100%!important;flex:0 0 100%;min-height:0;padding:40px 10px}
}

/* About mobile-only hero, story-heading and closing CTA corrections. */
@media(max-width:767px){
 .respon-about-page>.e-con-inner{padding-left:0!important;padding-right:0!important}
 .respon-about-page .respon-about-hero{height:auto!important;min-height:0!important;--min-height:0;--gap:0;--row-gap:0;gap:0!important;padding:0!important;background:#fff;display:flex!important;flex-direction:column!important}
 .respon-about-page .respon-about-hero>.e-con-inner{height:auto!important;min-height:0!important;display:flex!important;flex-direction:column!important;padding:0!important}
 .respon-about-page .respon-about-hero:after{display:none!important}
 .respon-about-page .respon-about-hero-copy{position:relative!important;inset:auto!important;order:1;width:100%!important;min-height:0;padding:60px 14px 50px;background:#fff}
 .respon-about-page .respon-about-hero-copy>.e-con-inner{gap:0!important}
 .respon-about-page .respon-about-hero-copy .respon-about-eyebrow{margin-bottom:20px!important}
 .respon-about-page .respon-about-title .elementor-heading-title{margin:0 0 22px;color:var(--about-navy)!important}
 .respon-about-page .respon-about-title em{color:var(--about-red)!important}
 .respon-about-page .respon-about-hero-text{color:#31465f;font-size:15px;line-height:1.65}
 .respon-about-page .respon-about-hero-image{position:relative!important;inset:auto!important;order:2;width:100%!important;height:auto!important;aspect-ratio:auto;background:#fff}
 .respon-about-page .respon-about-hero-image .elementor-widget-container{height:auto!important}
 .respon-about-page .respon-about-hero-image img{display:block;width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover;object-position:center 57%}
 .respon-about-page .respon-about-story-copy .respon-about-eyebrow,
 .respon-about-page .respon-about-story-copy .respon-about-story-title{width:100%!important;text-align:center!important}
 .respon-about-page .respon-about-story-copy .respon-about-eyebrow span:after{left:50%!important;transform:translateX(-50%)}
 .respon-about-page .respon-about-story-copy .respon-about-story-text,
 .respon-about-page .respon-about-story-copy .respon-about-person-name,
 .respon-about-page .respon-about-story-copy .respon-about-person-role{text-align:left}
 .respon-about-cta-buttons,
 .respon-about-cta-buttons>.e-con-inner{gap:14px!important}
}

/* Desktop only: centre each values icon wrapper on the same axis as its
 * heading and description, without positional offsets. */
@media(min-width:1101px){
 .respon-about-page .respon-about-value-card .elementor-icon-box-icon{
  width:82px;
  height:82px;
  flex:0 0 82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 31px!important;
 }
 .respon-about-page .respon-about-value-card .elementor-icon{
  width:82px;
  height:82px;
  flex:0 0 82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto;
 }
}

/* About mobile only: centre the values icons and let the How We Work section
 * background span the viewport while its content remains comfortably inset. */
@media(max-width:767px){
 .respon-about-page .respon-about-value-card .elementor-icon-box-wrapper{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
 }
 .respon-about-page .respon-about-value-card .elementor-icon-box-icon{
  width:82px;
  height:82px;
  flex:0 0 82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin:0 auto 28px!important;
 }
 .respon-about-page .respon-about-value-card .elementor-icon{
  width:82px;
  height:82px;
  flex:0 0 82px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-right:auto;
  margin-left:auto;
 }
 .respon-about-page .respon-about-value-card .elementor-icon-box-title,
 .respon-about-page .respon-about-value-card .elementor-icon-box-description{
  width:100%;
  text-align:center!important;
 }
 .respon-about-page .respon-about-how-we-work{
  width:100vw!important;
  max-width:none!important;
  position:relative;
  left:50%;
  margin-right:-50vw;
  margin-left:-50vw;
  padding:68px 22px!important;
  border-radius:0;
 }
 .respon-about-page .respon-about-how-we-work>.e-con-inner{
  width:100%!important;
  max-width:none!important;
  padding:0!important;
 }
 .respon-about-page .respon-about-how-grid>.e-con-inner{gap:22px!important}
}

/* About mobile only: keep the complete Who We Are copy and identity block on
 * the same centred axis as its eyebrow and heading. */
@media(max-width:767px){
 .respon-about-page .respon-about-story-copy,
 .respon-about-page .respon-about-story-copy>.e-con-inner{
  align-items:center!important;
  gap:0!important;
  text-align:center!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-story-title .elementor-heading-title{
  margin:13px 0 40px!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-story-text{
  width:100%!important;
  max-width:360px;
  margin:0 auto 52px!important;
  text-align:center!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-story-text p{
  margin-right:auto;
  margin-left:auto;
  text-align:center!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-story-text p:first-child{margin-bottom:24px}
 .respon-about-page .respon-about-story-copy .respon-about-story-text p:last-child{margin-bottom:0}
 .respon-about-page .respon-about-story-copy .respon-about-person-name,
 .respon-about-page .respon-about-story-copy .respon-about-person-role{
  width:100%!important;
  max-width:360px;
  margin-right:auto!important;
  margin-left:auto!important;
  text-align:center!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-person-name .elementor-heading-title{
  margin:0 0 14px!important;
  text-align:center!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-person-role{
  margin-bottom:40px!important;
 }
 .respon-about-page .respon-about-story-copy .respon-about-person-role p{text-align:center!important}
}

/* About mobile only: connect David's identity directly to the same portrait
 * by reordering the existing story elements; no duplicate image is created. */
@media(max-width:767px){
 .respon-about-page .respon-about-story,
 .respon-about-page .respon-about-story>.e-con-inner{
  gap:12px!important;
 }
 .respon-about-page .respon-about-story-copy{order:1}
 .respon-about-page .respon-about-portrait{order:2;width:100%!important;height:auto!important;margin:0 auto 10px!important}
 .respon-about-page .respon-about-trust-panel{order:3}
 .respon-about-page .respon-about-portrait .elementor-widget-container,
 .respon-about-page .respon-about-portrait img{
  width:100%!important;
  height:auto!important;
 }
 .respon-about-page .respon-about-portrait img{
  display:block;
  object-fit:cover;
  object-position:center 18%;
 }
 .respon-about-page .respon-about-story-copy .respon-about-person-role{margin-bottom:0!important}
}

/* About mobile only: remove the stacked bottom/top padding between the final
 * value and the following expertise heading. */
@media(max-width:767px){
 .respon-about-page .respon-about-values{padding-bottom:10px!important}
 .respon-about-page .respon-about-values-grid{margin-top:0!important}
 .respon-about-page .respon-about-value-card:first-child{padding-top:10px!important}
 .respon-about-page .respon-about-value-card:last-child{padding-bottom:0!important}
 .respon-about-page .respon-about-expertise{padding-top:15px!important}
 .respon-about-page .respon-about-expertise-grid{margin-top:0!important}
 .respon-about-page .respon-about-expertise-card:first-child{padding-top:10px!important}
}