/* 2026-09-02: Jiafeng group material selection.
   Real company imagery carries the scene; verified, current records are kept
   as a quiet editorial evidence rail instead of a certificate wall. */

.story-v2-about-brand__group {
  grid-template-rows: minmax(520px, 1fr) auto;
  min-height: 1040px;
  background: #fafaf8;
}

.story-v2-about-brand__group-media {
  display: grid;
  grid-template-columns: minmax(0, 1.72fr) minmax(190px, 0.68fr);
  gap: 1px;
  min-height: 520px;
  overflow: hidden;
  background: rgba(24, 25, 24, 0.18);
}

.story-v2-about-brand__group .story-v2-about-brand__group-figure {
  position: relative;
  min-width: 0;
  min-height: 0;
  margin: 0;
  overflow: hidden;
  background: #d8d9d5;
}

.story-v2-about-brand__group .story-v2-about-brand__group-figure img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: grayscale(0.94) saturate(0.22) contrast(0.94) brightness(1.02);
  transform: scale(1.002);
}

.story-v2-about-brand__group-figure--primary img {
  object-position: 50% 51%;
}

.story-v2-about-brand__group-figure--secondary img {
  object-position: 52% center;
}

.story-v2-about-brand__group-figure::after {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(20, 21, 20, 0) 64%, rgba(20, 21, 20, 0.34) 100%);
  content: "";
  pointer-events: none;
}

.story-v2-about-brand__group-figure figcaption {
  position: absolute;
  z-index: 1;
  right: 18px;
  bottom: 15px;
  left: 18px;
  color: rgba(250, 250, 248, 0.9);
  font-size: 9px;
  letter-spacing: 0.16em;
  line-height: 1.55;
  text-transform: uppercase;
}

.story-v2-about-brand__group-copy {
  padding: clamp(36px, 3.5vw, 50px) clamp(36px, 4vw, 58px) clamp(34px, 4vw, 54px);
  background: #fafaf8;
}

.story-v2-about-brand__group-copy h3 {
  margin-top: 20px;
}

.story-v2-about-brand__group-copy > p:not(.story-v2-kicker):not(.story-v2-group-note):not(.story-v2-about-brand__proof-source) {
  max-width: 44em;
  margin-top: 18px;
}

.story-v2-about-brand__group-copy .story-v2-group-note {
  margin: 20px 0 0;
  color: rgba(24, 25, 24, 0.5);
  font-size: 10px;
  letter-spacing: 0.18em;
}

.story-v2-about-brand__proofs {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  margin: 30px 0 0;
  padding: 0;
  border-top: 1px solid rgba(24, 25, 24, 0.22);
  border-bottom: 1px solid rgba(24, 25, 24, 0.22);
  list-style: none;
}

.story-v2-about-brand__proofs li {
  min-width: 0;
  min-height: 112px;
  padding: 18px 20px 19px 0;
}

.story-v2-about-brand__proofs li:nth-child(even) {
  padding-right: 0;
  padding-left: 20px;
  border-left: 1px solid rgba(24, 25, 24, 0.2);
}

.story-v2-about-brand__proofs li:nth-child(n + 3) {
  border-top: 1px solid rgba(24, 25, 24, 0.2);
}

.story-v2-about-brand__proofs span,
.story-v2-about-brand__proofs strong,
.story-v2-about-brand__proofs small {
  display: block;
}

.story-v2-about-brand__proofs span {
  color: rgba(24, 25, 24, 0.44);
  font-size: 8px;
  letter-spacing: 0.15em;
  line-height: 1.4;
}

.story-v2-about-brand__proofs strong {
  margin-top: 12px;
  color: #262725;
  font-family: var(--serif);
  font-size: clamp(15px, 1.45vw, 19px);
  font-weight: 400;
  line-height: 1.42;
}

.story-v2-about-brand__proofs small {
  margin-top: 6px;
  color: rgba(24, 25, 24, 0.52);
  font-size: 9px;
  line-height: 1.58;
}

.story-v2-about-brand__proof-source {
  margin: 14px 0 0;
  color: rgba(24, 25, 24, 0.4);
  font-size: 9px;
  letter-spacing: 0.04em;
  line-height: 1.6;
}

@media (max-width: 980px) {
  .story-v2-about-brand__group {
    grid-template-rows: auto auto;
    min-height: 0;
  }

  .story-v2-about-brand__group-media {
    grid-template-columns: minmax(0, 1.62fr) minmax(220px, 0.78fr);
    min-height: 520px;
  }

  .story-v2-about-brand__group .story-v2-about-brand__group-figure {
    aspect-ratio: auto;
  }

  .story-v2-about-brand__group-copy {
    padding: 46px 22px 54px;
  }
}

@media (max-width: 620px) {
  .story-v2-about-brand__group-media {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .story-v2-about-brand__group .story-v2-about-brand__group-figure--primary {
    aspect-ratio: 4 / 3;
  }

  .story-v2-about-brand__group .story-v2-about-brand__group-figure--secondary {
    aspect-ratio: 16 / 9;
  }

  .story-v2-about-brand__group-figure figcaption {
    right: 14px;
    bottom: 12px;
    left: 14px;
    font-size: 8px;
  }

  .story-v2-about-brand__proofs {
    margin-top: 26px;
  }

  .story-v2-about-brand__proofs li {
    min-height: 124px;
    padding: 16px 12px 17px 0;
  }

  .story-v2-about-brand__proofs li:nth-child(even) {
    padding-right: 0;
    padding-left: 12px;
  }

  .story-v2-about-brand__proofs strong {
    font-size: 15px;
  }

  .story-v2-about-brand__proofs small {
    font-size: 8.5px;
  }
}