/* About 3.1.6 — layout only. Colours, spacing and content remain editable in Elementor. */
.sp-about-layout-316{
  width:100%;
  max-width:1236px;
  margin:0 auto;
}

.sp-about-layout-316 :is(p,li){
  font-size:17px;
  line-height:1.65;
}

.sp-about-layout-316 :is(h1,h2,h3,h4,p){
  margin-top:0;
}

.sp-about-title .elementor-heading-title{
  font-size:clamp(40px,5vw,68px);
  line-height:1.04;
  letter-spacing:-.035em;
}

.sp-about-hero-316,
.sp-about-story,
.sp-about-mistakes,
.sp-about-fit{
  display:flex;
  gap:clamp(28px,5vw,64px);
}

.sp-about-copy,
.sp-about-story-copy,
.sp-about-quote,
.sp-about-fit-copy,
.sp-about-proof-placeholder{
  flex:1 1 0;
  min-width:0;
}

.sp-about-hero-316>.sp-photo-placeholder,
.sp-about-story>.sp-photo-placeholder{
  flex:0 1 420px;
}

.sp-about-trust{
  display:flex;
  gap:14px;
  flex-wrap:wrap;
}

.sp-about-fact{
  flex:1 1 220px;
  min-height:138px;
  padding:24px;
  border:1px solid #e1e1e1;
  border-radius:20px;
  background:#fff;
}

.sp-about-fact h3{
  margin-bottom:6px;
  font-size:20px;
}

.sp-about-principles .sp-editorial-grid,
.sp-about-trial-steps{
  display:flex;
  gap:18px;
  flex-wrap:wrap;
}

.sp-about-principles .sp-editorial-card,
.sp-about-step{
  flex:1 1 260px;
  padding:28px;
  border:1px solid #e1e1e1;
  border-radius:22px;
  background:#fff;
}

.sp-about-principles .sp-editorial-card:nth-child(2){background:#eef8f7}
.sp-about-principles .sp-editorial-card:nth-child(3){background:#f4eff8}

.sp-about-quote{
  padding-right:24px;
}

.sp-about-fit ul{
  margin:8px 0 0;
  padding-left:1.25em;
}

.sp-about-fit li+li{
  margin-top:8px;
}

.sp-about-proof-placeholder{
  align-self:stretch;
}

.sp-about-personal-316{
  display:block;
}

.sp-about-personal-copy{
  max-width:860px;
}

.sp-about-cta{
  text-align:center;
}

.sp-about-cta .elementor-button-wrapper{
  text-align:center;
}

.sp-about-layout-316 .sp-photo-placeholder{
  min-height:360px;
}

@media(max-width:767px){
  .sp-about-layout-316{
    padding-left:16px!important;
    padding-right:16px!important;
    gap:44px!important;
  }

  .sp-about-hero-316,
  .sp-about-story,
  .sp-about-mistakes,
  .sp-about-fit{
    flex-direction:column!important;
    align-items:stretch!important;
    gap:24px;
  }

  .sp-about-hero-316,
  .sp-about-story-copy,
  .sp-about-mistakes,
  .sp-about-trial,
  .sp-about-personal-316,
  .sp-about-cta{
    padding:26px!important;
    border-radius:22px!important;
  }

  .sp-about-hero-316>.sp-photo-placeholder,
  .sp-about-story>.sp-photo-placeholder{
    flex-basis:auto;
  }

  .sp-about-title .elementor-heading-title{
    font-size:40px;
  }

  .sp-about-layout-316 .sp-photo-placeholder{
    min-height:280px;
  }
}