.dc-about-story{
  --dc-story-height:473px;
  --dc-story-content-width:1280px;
  --dc-story-backdrop-top:35px;
  --dc-story-badge-top:120px;
  --dc-story-heading-top:173px;
  --dc-story-copy-top:254px;
  --dc-story-pad-top:88px;
  --dc-story-pad-right:32px;
  --dc-story-pad-bottom:72px;
  --dc-story-pad-left:32px;
  --dc-story-duration:700ms;
  --dc-story-easing:cubic-bezier(.22,1,.36,1);
  --dc-story-backdrop-start-y:18px;
  --dc-story-badge-start-y:-14px;
  --dc-story-heading-start-y:24px;
  --dc-story-copy-start-y:20px;
  position:relative;
  width:100%;
  min-width:0;
}
.dc-about-story,.dc-about-story *{box-sizing:border-box}
.dc-about-story__stage{
  position:relative;
  width:var(--dc-story-viewport-width,100vw);
  max-width:none;
  min-height:var(--dc-story-height);
  margin-left:var(--dc-story-viewport-shift,0px);
  overflow:hidden;
  isolation:isolate;
  background:#fff;
}
.dc-about-story__backdrop{
  position:absolute;
  z-index:0;
  top:var(--dc-story-backdrop-top);
  left:0;
  right:0;
  margin:0 auto;
  text-align:center;
  white-space:nowrap;
  pointer-events:none;
  user-select:none;
  background:linear-gradient(180deg,var(--dc-story-backdrop-top-color,rgba(0,0,0,.10)) 0%,var(--dc-story-backdrop-bottom-color,rgba(0,0,0,0)) 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  -webkit-text-fill-color:transparent;
  font-size:180px;
  font-weight:700;
  line-height:1;
  letter-spacing:-3px;
}
.dc-about-story__badge{
  position:absolute;
  z-index:2;
  top:var(--dc-story-badge-top);
  left:0;
  right:0;
  margin:0 auto;
  display:flex;
  align-items:center;
  justify-content:center;
  width:135px;
  min-height:42px;
  border:1px solid rgba(0,0,0,.05);
  border-radius:21px;
  background:#fcfcfc;
  color:#011139;
  text-align:center;
  gap:8px;
  font-size:16px;
  font-weight:400;
  line-height:1.2;
}
.dc-about-story__badge-dot{
  display:block;
  flex:0 0 auto;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#011139;
}
.dc-about-story__heading{
  position:absolute;
  z-index:2;
  top:var(--dc-story-heading-top);
  left:0;
  right:0;
  margin:0 auto;
  padding:0 24px;
  text-align:center;
  white-space:normal;
  color:#222;
  font-size:40px;
  font-weight:700;
  line-height:48px;
  letter-spacing:-1px;
}
.dc-about-story__heading-main,.dc-about-story__heading-highlight{display:inline}
.dc-about-story__heading-main{color:#222}
.dc-about-story__heading-highlight{color:#ff9600}
.dc-about-story__heading-highlight::before{content:" ";white-space:pre}
.dc-about-story__copy{
  position:absolute;
  z-index:2;
  top:var(--dc-story-copy-top);
  left:0;
  right:0;
  width:min(var(--dc-story-content-width),calc(100% - 48px));
  margin:0 auto;
  display:flex;
  flex-direction:column;
  align-items:stretch;
  text-align:center;
  color:#525252;
  gap:10px;
  font-size:18px;
  font-weight:400;
  line-height:27px;
}
.dc-about-story__paragraph,
.dc-about-story__paragraph p{
  margin:0;
  padding:0;
  color:inherit;
  font:inherit;
  line-height:inherit;
  text-align:inherit;
}
.dc-about-story__paragraph p + p{margin-top:.55em}
.dc-about-story__highlight{color:#ff9600;font-weight:500}

/* Motion is opt-in only after JS initializes, so content never stays hidden when JS is unavailable. */
.dc-about-story.is-motion-ready [data-dc-motion-item]{
  opacity:0;
  transition-property:opacity,transform;
  transition-duration:var(--dc-story-duration);
  transition-timing-function:var(--dc-story-easing);
  will-change:opacity,transform;
}
.dc-about-story.is-motion-ready .dc-about-story__backdrop{transform:translate3d(0,var(--dc-story-backdrop-start-y),0)}
.dc-about-story.is-motion-ready .dc-about-story__badge{transform:translate3d(0,var(--dc-story-badge-start-y),0)}
.dc-about-story.is-motion-ready .dc-about-story__heading{transform:translate3d(0,var(--dc-story-heading-start-y),0)}
.dc-about-story.is-motion-ready .dc-about-story__paragraph{transform:translate3d(0,var(--dc-story-copy-start-y),0)}
.dc-about-story.is-motion-ready.is-visible [data-dc-motion-item]{opacity:1;transform:translate3d(0,0,0)}

@media (max-width:1199px){
  .dc-about-story__stage{
    min-height:0;
    padding:var(--dc-story-pad-top) var(--dc-story-pad-right) var(--dc-story-pad-bottom) var(--dc-story-pad-left);
    display:flex;
    flex-direction:column;
    align-items:center;
    overflow:hidden;
  }
  .dc-about-story__backdrop{
    top:22px;
    font-size:clamp(92px,15vw,150px)!important;
    letter-spacing:-2px!important;
  }
  .dc-about-story__badge,
  .dc-about-story__heading,
  .dc-about-story__copy{
    position:relative;
    top:auto;
    left:auto;
    right:auto;
    margin-left:auto;
    margin-right:auto;
  }
  .dc-about-story__badge{margin-top:0}
  .dc-about-story__heading{margin-top:18px;padding:0;max-width:900px}
  .dc-about-story__copy{margin-top:28px;width:min(var(--dc-story-content-width),100%)}
}

@media (max-width:767px){
  .dc-about-story{
    --dc-story-pad-top:74px;
    --dc-story-pad-right:20px;
    --dc-story-pad-bottom:58px;
    --dc-story-pad-left:20px;
  }
  .dc-about-story__backdrop{
    top:18px;
    font-size:clamp(58px,18vw,86px)!important;
    line-height:1!important;
    letter-spacing:-1.5px!important;
  }
  .dc-about-story__badge{width:auto;min-width:128px}
  .dc-about-story__heading{margin-top:16px;font-size:32px!important;line-height:1.18!important;letter-spacing:-.6px!important}
  .dc-about-story__copy{margin-top:24px;font-size:16px!important;line-height:1.65!important;text-align:left}
}

@media (prefers-reduced-motion:reduce){
  .dc-about-story [data-dc-motion-item]{opacity:1!important;transform:none!important;transition:none!important;will-change:auto!important}
}
