.about-hero {
    position: relative;
    min-height: 78vh;
    display: flex;
    align-items: center;
    background: #111111;
    color: #f5f1e8;
    overflow: hidden;
  }
  .about-hero__bg {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.55;
  }
  .about-hero__overlay {
    position: absolute;
    inset: 0;
    background: linear-gradient(180deg, rgba(17,17,17,0.55) 0%, rgba(17,17,17,0.85) 100%);
  }
  .about-hero__inner {
    position: relative;
    z-index: 2;
    max-width: 1200px;
    margin: 0 auto;
    padding: 120px 32px 96px;
  }
  .about-hero__eyebrow {
    font-size: 12px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #c9a96a;
    margin-bottom: 28px;
  }
  .about-hero__title {
    font-size: clamp(40px, 5.4vw, 68px);
    line-height: 1.08;
    font-weight: 600;
    max-width: 880px;
    margin: 0 0 28px;
    color: #f5f1e8;
  }
  .about-hero__sub {
    font-size: 18px;
    line-height: 1.65;
    max-width: 620px;
    color: #d9d2c2;
    margin: 0 0 40px;
  }
  .about-hero__meta {
    display: flex;
    flex-wrap: wrap;
    gap: 48px;
    margin-top: 56px;
    padding-top: 32px;
    border-top: 1px solid rgba(201,169,106,0.25);
  }
  .about-hero__meta-item .num {
    font-size: 32px;
    color: #c9a96a;
    font-weight: 500;
    display: block;
    line-height: 1;
    margin-bottom: 8px;
  }
  .about-hero__meta-item .label {
    font-size: 12px;
    letter-spacing: 0.2em;
    text-transform: uppercase;
    color: #b8b0a0;
  }

  .about-section {
    padding: 112px 32px;
    background: #f5f1e8;
    color: #1a1a1a;
  }
  .about-section--dark {
    background: #111111;
    color: #f5f1e8;
  }
  .about-section__inner {
    max-width: 1200px;
    margin: 0 auto;
  }
  .about-eyebrow {
    font-size: 11px;
    letter-spacing: 0.32em;
    text-transform: uppercase;
    color: #c9a96a;
    margin-bottom: 24px;
  }
  .about-h2 {
    font-size: clamp(30px, 3.6vw, 44px);
    line-height: 1.18;
    font-weight: 600;
    margin: 0 0 28px;
    color: inherit;
  }

  .brand-story {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .brand-story__text p {
    font-size: 16px;
    line-height: 1.85;
    color: #3a3a3a;
    margin: 0 0 22px;
  }
  .brand-story__text p strong {
    color: #1a1a1a;
  }
  .brand-story__image {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
    border-radius: 2px;
  }

  .capabilities {
    display: grid;
    grid-template-columns: 1.1fr 1fr;
    gap: 80px;
    align-items: center;
  }
  .capabilities__image {
    width: 100%;
    aspect-ratio: 4/5;
    object-fit: cover;
  }
  .capabilities__grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 36px 32px;
    margin-top: 40px;
  }
  .capability-item h3 {
    font-size: 16px;
    font-weight: 600;
    margin: 0 0 10px;
    color: #f5f1e8;
    letter-spacing: 0.01em;
  }
  .capability-item p {
    font-size: 14px;
    line-height: 1.7;
    color: #b8b0a0;
    margin: 0;
  }
  .capability-item__icon {
    width: 28px;
    height: 28px;
    color: #c9a96a;
    margin-bottom: 18px;
  }

  .markets {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 32px;
    margin-top: 56px;
  }
  .market-card {
    background: #fff;
    border: 1px solid #e6dfd0;
    padding: 40px 32px;
  }
  .market-card h3 {
    font-size: 20px;
    font-weight: 600;
    color: #1a1a1a;
    margin: 0 0 14px;
  }
  .market-card p {
    font-size: 14px;
    line-height: 1.75;
    color: #5a5a5a;
    margin: 0;
  }
  .market-card__tag {
    display: inline-block;
    font-size: 11px;
    letter-spacing: 0.24em;
    text-transform: uppercase;
    color: #c9a96a;
    margin-bottom: 18px;
  }

  .about-cta {
    background: #111111;
    color: #f5f1e8;
    padding: 112px 32px;
    text-align: center;
  }
  .about-cta__inner {
    max-width: 760px;
    margin: 0 auto;
  }
  .about-cta h2 {
    font-size: clamp(30px, 3.8vw, 46px);
    line-height: 1.18;
    font-weight: 600;
    margin: 0 0 24px;
    color: #f5f1e8;
  }
  .about-cta p {
    font-size: 17px;
    line-height: 1.7;
    color: #c9c2b0;
    margin: 0 0 44px;
  }
  .about-cta__buttons {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    gap: 16px;
  }
  .btn-primary {
    display: inline-block;
    padding: 16px 36px;
    background: #c9a96a;
    color: #111111;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #c9a96a;
    transition: background 0.25s, color 0.25s;
  }
  .btn-primary:hover {
    background: transparent;
    color: #c9a96a;
  }
  .btn-secondary {
    display: inline-block;
    padding: 16px 36px;
    background: transparent;
    color: #f5f1e8;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: 0.18em;
    text-transform: uppercase;
    text-decoration: none;
    border: 1px solid #f5f1e8;
    transition: background 0.25s, color 0.25s;
  }
  .btn-secondary:hover {
    background: #f5f1e8;
    color: #111111;
  }

  @media (max-width: 900px) {
    .brand-story, .capabilities {
      grid-template-columns: 1fr;
      gap: 48px;
    }
    .markets {
      grid-template-columns: 1fr;
    }
    .about-hero__inner, .about-section, .about-cta {
      padding-left: 22px;
      padding-right: 22px;
    }
    .about-hero__meta {
      gap: 28px;
    }
  }


@media (max-width: 1024px) {
  img { max-width: 100% !important; }
  [style*="grid-template-columns"] { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; }
}
@media (max-width: 767px) {
  *, *::before, *::after { box-sizing: border-box; }
  body { overflow-x: hidden; }
  [style*="grid-template-columns"] { grid-template-columns: 1fr !important; }
  [style*="display: flex"] { max-width: 100% !important; flex-wrap: wrap !important; }
  img { max-width: 100% !important; }
  video { max-width: 100% !important; }
}


/* === Entrance animations === */
@keyframes w-fade-in { from { opacity: 0; } to { opacity: 1; } }
@keyframes w-fade-up { from { opacity: 0; transform: translateY(24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-down { from { opacity: 0; transform: translateY(-24px); } to { opacity: 1; transform: translateY(0); } }
@keyframes w-fade-left { from { opacity: 0; transform: translateX(24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-fade-right { from { opacity: 0; transform: translateX(-24px); } to { opacity: 1; transform: translateX(0); } }
@keyframes w-zoom-in { from { opacity: 0; transform: scale(0.85); } to { opacity: 1; transform: scale(1); } }
@keyframes w-zoom-out { from { opacity: 0; transform: scale(1.15); } to { opacity: 1; transform: scale(1); } }
@keyframes w-flip-x { from { opacity: 0; transform: perspective(400px) rotateX(90deg); } to { opacity: 1; transform: perspective(400px) rotateX(0); } }
@keyframes w-flip-y { from { opacity: 0; transform: perspective(400px) rotateY(90deg); } to { opacity: 1; transform: perspective(400px) rotateY(0); } }
@keyframes w-bounce { 0% { opacity: 0; transform: translateY(-40px); } 60% { opacity: 1; transform: translateY(8px); } 80% { transform: translateY(-4px); } 100% { transform: translateY(0); } }
@keyframes w-rotate { from { opacity: 0; transform: rotate(-180deg); } to { opacity: 1; transform: rotate(0); } }
@keyframes w-swing { 20% { transform: rotate(15deg); } 40% { transform: rotate(-10deg); } 60% { transform: rotate(5deg); } 80% { transform: rotate(-5deg); } 100% { transform: rotate(0); } }
@keyframes w-slide-up { from { transform: translateY(100%); } to { transform: translateY(0); } }

/* === Responsive hide === */
@media (max-width: 1024px) { [data-w-hide-tablet="1"] { display: none !important; } }
@media (max-width: 640px) { [data-w-hide-mobile="1"] { display: none !important; } }
@media (min-width: 1025px) { [data-w-hide-desktop="1"] { display: none !important; } }

/* === Scroll effects === */
[data-w-scroll-effect]:not([data-w-scroll-effect^="sticky"]) { will-change: transform, opacity, filter; }
/* 吸顶:top 走变量,运行时按顶部导航实际占的高度赋值(手填 sticky-<px> 时用那个值),否则会被固定导航盖住 */
[data-w-scroll-effect^="sticky"] { position: sticky !important; top: var(--w-sticky-top, 0px) !important; z-index: 40; }


[data-edit-root="contact_cta"] > div > div > a:nth-child(1):hover {
  color: #000000;
  background-color: rgb(168, 126, 47);
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] > div:nth-child(3) > p:nth-child(1) {
  margin: 0px 0px 15px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] > div:nth-child(3) > p:nth-child(3) {
  margin: 0px 0px 15px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] > div:nth-child(3) > h1 {
  margin: 0px 0px 20px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] > div:nth-child(3) > div {
  margin: 25px 0px 0px 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] > div:nth-child(3) {
  height: 850.72px !important;
  padding: 40px 22px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="about_hero"] {
  height: 850.72px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="brand_story"] > div > div > div > p:nth-child(4) {
  margin: 0px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="brand_story"] {
  height: 1170.88px !important;
  padding: 40px 22px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="capabilities"] {
  padding: 40px 22px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="markets"] {
  padding: 40px 22px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="contact_cta"] {
  padding: 40px 22px !important;
}
}

@media (max-width: 640px) {
[data-edit-root="footer"] > div > div {
  padding: 40px 0px 0px 0px !important;
}
}


[data-edit-root="contact_cta"] .btn-primary:hover {
  background-color: rgb(168, 126, 47) !important;
  color: #ffffff !important;
}


[data-edit-root="contact_cta"] a.btn-secondary:hover {
  background-color: rgb(168, 126, 47) !important;
  color: #ffffff !important;
}

[data-edit-root="contact_cta"] .about-cta__buttons a.btn-secondary{background-color:#ffffff;color:#000000;transition:background-color 0.25s ease, color 0.25s ease;}[data-edit-root="contact_cta"] .about-cta__buttons a.btn-secondary:hover{background-color:rgb(168,126,47);color:#ffffff;}