/* ABOUT-TRUST CSS START */
.cp-about-aeo{
      background:#000;
      color:#fff;
      padding:110px 24px 130px;
      font-family:Inter, Arial, sans-serif;
      position:relative;
      overflow:hidden;
    }

    .cp-about-aeo *{box-sizing:border-box}

    .cp-about-wrap{
      max-width:1400px;
      margin:auto;
      position:relative;
      z-index:2;
    }

    .cp-about-top{
      display:flex;
      justify-content:space-between;
      border-top:1px solid rgba(255,255,255,.32);
      padding-top:14px;
      margin-bottom:90px;
      font-size:13px;
      font-weight:600;
    }

    .cp-about-title{
      font-size:clamp(42px,5.8vw,46px);
      line-height:1.08;
      letter-spacing:-4px;
      font-weight:500;
      max-width:1180px;
      margin-bottom:90px;
    }

    .cp-about-title span{
      color:rgba(255,255,255,.52);
    }

    .cp-about-aeo-line{
      max-width:680px;
      margin:0 auto 52px;
      text-align:center;
      font-family:"Space Mono", monospace;
      font-size:15px;
      line-height:1.7;
      color:#fff;
    }

    .cp-logo-marquee{
      width:100%;
      overflow:hidden;
      display:grid;
      gap:22px;
      opacity:.52;
    }

    .cp-logo-track{
      display:flex;
      width:max-content;
      gap:58px;
      align-items:center;
      white-space:nowrap;
      will-change:transform;
      animation:cpLogoMove 28s ease-in-out infinite alternate;
    }

    .cp-logo-track:nth-child(2){
      animation-name:cpLogoMoveReverse;
      animation-duration:34s;
    }

    @keyframes cpLogoMove{
      from{transform:translateX(0)}
      to{transform:translateX(-42%)}
    }

    @keyframes cpLogoMoveReverse{
      from{transform:translateX(-42%)}
      to{transform:translateX(0)}
    }

    .cp-logo-item{
      font-size:clamp(20px,2vw,32px);
      font-weight:800;
      letter-spacing:-1.5px;
      color:#fff;
      opacity:.45;
      transition:.35s ease;
    }

    .cp-logo-item:hover{
      opacity:1;
      color:#ff4b15;
      transform:translateY(-4px);
    }

    .cp-about-noise{
      position:absolute;
      inset:0;
      opacity:.12;
      pointer-events:none;
      background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E");
    }

    @media(max-width:900px){
      .cp-about-aeo{padding:80px 18px 95px}
      .cp-about-top{margin-bottom:60px}
      .cp-about-title{
        letter-spacing:-2px;
        margin-bottom:60px;
      }
      .cp-logo-track{gap:36px}
    }

/* ABOUT-TRUST CSS END */