/* ========================= 
   BAOJIA ABOUT - SECTION 02 
   WHO WE ARE 
========================= */ 
 
.baojia-about-story { 
  width: 100%; 
  background: #ffffff; 
  padding: 82px 24px; 
  box-sizing: border-box; 
  font-family: Arial, Helvetica, sans-serif; 
} 
 
.baojia-about-story * { 
  box-sizing: border-box; 
} 
 
.baojia-about-story .story-inner { 
  width: 100%; 
  max-width: 1360px; 
  margin: 0 auto; 
  display: grid; 
  grid-template-columns: 1.08fr 0.92fr; 
  align-items: center; 
  gap: 70px; 
} 
 
 
/* ========================= 
   LEFT IMAGE 
========================= */ 
 
.baojia-about-story .story-image { 
  width: 100%; 
  overflow: hidden; 
  border-radius: 10px; 
  background: #f2f4f7; 
} 
 
.baojia-about-story .story-image img { 
  width: 100%; 
  height: auto; 
  aspect-ratio: 4 / 3; 
  object-fit: cover; 
  object-position: center center; 
  display: block; 
} 
 
 
/* ========================= 
   RIGHT CONTENT 
========================= */ 
 
.baojia-about-story .story-content { 
  width: 100%; 
  max-width: 560px; 
} 
 
.baojia-about-story .story-eyebrow { 
  display: inline-block; 
  margin: 0 0 16px 0; 
  color: #2475df; 
  font-size: 17px; 
  line-height: 1.2; 
  font-weight: 700; 
  letter-spacing: 1.4px; 
  text-transform: uppercase; 
} 
 
 
/* ========================= 
   TITLE
========================= */ 

.baojia-about-story .story-title { 
  margin: 0 0 24px 0 !important; 
  padding: 0 !important; 
  color: #0b2345 !important; 
  font-family: Arial, Helvetica, sans-serif !important; 
  font-size: 21px !important; 
  line-height: 1.35 !important; 
  font-weight: 700 !important; 
  letter-spacing: -0.2px !important; 
} 
 
 
/* ========================= 
   TEXT
========================= */ 

.baojia-about-story .story-text { 
  margin: 0 0 17px 0; 
  color: #5f6b7a; 
  font-size: 16px; 
  line-height: 1.75; 
  font-weight: 400; 
} 
 
 
/* ========================= 
   SIGNATURE
========================= */ 

.baojia-about-story .story-signature { 
  margin-top: 28px; 
  padding-left: 18px; 
  border-left: 3px solid #2475df; 
  color: #0b2345; 
  font-size: 15px; 
  line-height: 1.6; 
  font-weight: 600; 
} 
 
 
/* ========================= 
   TABLET 
========================= */ 
 
@media screen and (max-width: 992px) { 
 
  .baojia-about-story { 
    padding: 60px 22px; 
  } 
 
  .baojia-about-story .story-inner { 
    grid-template-columns: 1fr; 
    gap: 38px; 
  } 
 
  .baojia-about-story .story-content { 
    max-width: 720px; 
  } 
 
  .baojia-about-story .story-image img { 
    aspect-ratio: 16 / 9; 
  } 
 
  .baojia-about-story .story-title { 
    font-size: 21px !important; 
  } 
 
} 
 
 
/* ========================= 
   MOBILE 
========================= */ 
 
@media screen and (max-width: 640px) { 
 
  .baojia-about-story { 
    padding: 48px 18px; 
  } 
 
  .baojia-about-story .story-inner { 
    display: flex; 
    flex-direction: column; 
    gap: 28px; 
  } 
 
  .baojia-about-story .story-image { 
    width: 100%; 
    border-radius: 8px; 
  } 
 
  .baojia-about-story .story-image img { 
    width: 100%; 
    aspect-ratio: 4 / 3; 
    object-fit: cover; 
  } 
 
  .baojia-about-story .story-content { 
    width: 100%; 
    max-width: none; 
  } 
 
  .baojia-about-story .story-eyebrow { 
    margin-bottom: 12px; 
    font-size: 14px; 
  } 
 
  .baojia-about-story .story-title { 
    margin-bottom: 18px !important; 
    font-size: 21px !important; 
    line-height: 1.35 !important; 
  } 
 
  .baojia-about-story .story-text { 
    margin-bottom: 14px; 
    font-size: 15px; 
    line-height: 1.7; 
  } 
 
  .baojia-about-story .story-signature { 
    margin-top: 22px; 
    padding-left: 15px; 
    font-size: 14px; 
  } 
 
}