/* ================================================================
 * v3.7.0 — About Us Premium Polish
 * Preserves the WITHOUT-MARK master composition. No redesign.
 * ================================================================ */
body.page-about-us .site-main{
  background:#fff!important;
  overflow-x:clip;
}

/* Keep the original artwork crisp and stable while it loads. */
.cs-about-master--hero .elementor-widget-image,
.cs-about-master--trusted .elementor-widget-image{
  width:100%!important;
  overflow:hidden!important;
  background:#fff!important;
}
.cs-about-master--trusted .elementor-widget-image{background:#100307!important}
.cs-about-master-image--hero img{
  aspect-ratio:1228/624;
  object-fit:contain!important;
  background:#fff!important;
}
.cs-about-master-image--trusted img{
  aspect-ratio:1228/224;
  object-fit:contain!important;
  background:#100307!important;
}

/* Mission / Vision / Why Choose: premium interaction only. */
.cs-about-master-card{
  position:relative!important;
  overflow:hidden!important;
  transition:background-color .2s ease,box-shadow .2s ease,transform .2s ease,border-color .2s ease!important;
}
.cs-about-master-card::before{
  content:"";
  position:absolute;
  left:0;right:0;top:0;
  height:3px;
  background:#ef1c25;
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform .2s ease;
}
@media (hover:hover) and (pointer:fine){
  .cs-about-master-card:hover{
    z-index:2;
    background:#fffafa!important;
    border-color:rgba(239,28,37,.18)!important;
    box-shadow:0 12px 28px rgba(15,23,42,.07)!important;
    transform:translateY(-2px)!important;
  }
  .cs-about-master-card:hover::before{transform:scaleX(1)}
  .cs-about-master-card:hover .elementor-icon{transform:translateY(-1px) scale(1.05)}
}
.cs-about-master-iconbox .elementor-icon{
  transition:transform .2s ease,color .2s ease,fill .2s ease!important;
}
.cs-about-master-iconbox .elementor-icon-box-title,
.cs-about-master-iconbox .elementor-icon-box-description{
  text-wrap:pretty;
}

/* Reference images remain edge-to-edge with no accidental Elementor gaps. */
.cs-about-master--hero+.cs-about-master--values,
.cs-about-master--values+.cs-about-master--trusted{margin-top:0!important}
.cs-about-master--trusted{margin-bottom:0!important}

/* Progressive reveal: cosmetic only, content stays visible without JS. */
.cs-js body.page-about-us .cs-about-premium-reveal{
  opacity:0;
  transform:translateY(12px);
  transition:opacity .42s ease,transform .42s ease;
}
.cs-js body.page-about-us .cs-about-premium-reveal.cs-about-in-view{
  opacity:1;
  transform:none;
}
.cs-js body.page-about-us .cs-about-master-card.cs-about-premium-reveal:nth-child(2){transition-delay:.055s}
.cs-js body.page-about-us .cs-about-master-card.cs-about-premium-reveal:nth-child(3){transition-delay:.11s}

@media (max-width:1024px){
  .cs-about-master-card{
    min-height:146px!important;
    padding:20px 18px!important;
  }
  .cs-about-master-iconbox .elementor-icon-box-wrapper{align-items:flex-start!important}
}

@media (max-width:767px){
  body.page-about-us .site-main{overflow-x:hidden!important}
  .cs-about-master--hero,.cs-about-master--trusted{width:100vw!important;max-width:100vw!important;margin-inline:calc(50% - 50vw)!important}
  .cs-about-master--hero>.e-con-inner,.cs-about-master--trusted>.e-con-inner{width:100%!important;max-width:100%!important}
  .cs-about-master-image--hero img,.cs-about-master-image--trusted img{width:100%!important;max-width:100%!important;height:auto!important}

  .cs-about-master-values-row{gap:0!important}
  .cs-about-master-card{
    min-height:108px!important;
    padding:17px 18px!important;
    border-left:0!important;
    border-right:0!important;
    box-shadow:none!important;
  }
  .cs-about-master-card::before{height:2px}
  .cs-about-master-iconbox .elementor-icon-box-wrapper{
    align-items:center!important;
    gap:14px!important;
  }
  .cs-about-master-iconbox .elementor-icon-box-icon{flex-basis:48px!important}
  .cs-about-master-iconbox .elementor-icon{width:46px!important;height:46px!important;font-size:35px!important}
  .cs-about-master-iconbox .elementor-icon-box-title{font-size:18px!important;line-height:1.15!important}
  .cs-about-master-iconbox .elementor-icon-box-description{font-size:13.5px!important;line-height:1.42!important}
  .cs-js body.page-about-us .cs-about-premium-reveal{transform:translateY(8px)}
}

@media (max-width:420px){
  .cs-about-master-card{padding:16px!important}
  .cs-about-master-iconbox .elementor-icon-box-wrapper{gap:12px!important}
  .cs-about-master-iconbox .elementor-icon-box-title{font-size:17px!important}
  .cs-about-master-iconbox .elementor-icon-box-description{font-size:13px!important}
}

@media (prefers-reduced-motion:reduce){
  .cs-about-master-card,
  .cs-about-master-card::before,
  .cs-about-master-iconbox .elementor-icon,
  .cs-about-premium-reveal{
    transition:none!important;
    animation:none!important;
    transform:none!important;
  }
}

/* Elementor editing should always remain direct and distraction-free. */
.elementor-editor-active .cs-about-premium-reveal{
  opacity:1!important;
  transform:none!important;
}
.elementor-editor-active .cs-about-master-card:hover{
  transform:none!important;
  box-shadow:none!important;
}