.home-hero {
  padding:clamp(4rem, 9vw, 7rem) clamp(1rem, 7vw, 7rem);
  color:var(--ink);
  background-color:var(--surface);
  background-image:
    linear-gradient(90deg, rgba(255, 254, 250, .97) 0%, rgba(255, 254, 250, .92) 55%, rgba(238, 246, 250, .7) 72%, rgba(238, 246, 250, .26) 100%),
    url("/assets/images/home-hero-background.png");
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  border-bottom:1px solid var(--line);
}
.home-hero h1 {
  max-width:1160px;
  margin:0 0 clamp(1.35rem, 2vw, 1.75rem);
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
  font-size:clamp(2.65rem, 3.7vw, 4rem);
  font-weight:800;
  letter-spacing:-.025em;
  line-height:1.08;
  overflow-wrap:anywhere;
  text-wrap:balance;
}
.hero-proof {
  max-width:900px;
  margin:0 0 .85rem;
  color:var(--gold-strong);
  font-size:clamp(1.05rem, 1.5vw, 1.35rem);
  font-weight:800;
  letter-spacing:.02em;
  line-height:1.45;
  text-wrap:balance;
}
.hero-description {
  max-width:960px;
  margin:0;
  color:var(--muted);
  font-size:clamp(1rem, 1.35vw, 1.18rem);
  line-height:1.65;
  text-wrap:pretty;
}
.operator-section {
  position:relative;
  padding:clamp(4rem, 7vw, 6.5rem) clamp(1rem, 5vw, 5rem);
  overflow:hidden;
  background:
    linear-gradient(135deg, rgba(238, 246, 250, .92), rgba(255, 254, 250, .96) 62%),
    var(--surface);
  border-bottom:1px solid var(--line);
}
.operator-section::before {
  content:"";
  position:absolute;
  inset-block:clamp(2rem, 5vw, 4rem);
  inset-inline-start:0;
  inline-size:4px;
  background:linear-gradient(var(--gold), rgba(185, 147, 80, .12));
}
.operator-layout {
  display:grid;
  grid-template-columns:minmax(0, .92fr) minmax(0, 1.08fr);
  gap:clamp(2.5rem, 6vw, 6rem);
  max-width:1440px;
  margin-inline:auto;
  align-items:start;
}
.section-eyebrow {
  margin:0 0 1rem;
  color:var(--gold-strong);
  font-size:.78rem;
  font-weight:800;
  letter-spacing:.18em;
  text-transform:uppercase;
}
.operator-intro h2 {
  max-width:17em;
  margin:0;
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
  font-size:clamp(2rem, 3vw, 3.25rem);
  letter-spacing:-.025em;
  line-height:1.08;
  text-wrap:balance;
}
.operator-name-cn {
  margin:.9rem 0 0;
  color:var(--blue-strong);
  font-size:clamp(1rem, 1.35vw, 1.2rem);
  font-weight:700;
  letter-spacing:.04em;
}
.operator-summary {
  max-width:690px;
  margin:1.5rem 0 0;
  color:var(--muted);
  font-size:1.02rem;
  line-height:1.75;
}
.operator-actions {
  display:flex;
  flex-wrap:wrap;
  gap:.75rem;
  margin-top:1.75rem;
}
.operator-actions a {
  display:inline-flex;
  min-height:46px;
  padding:.72rem 1.1rem;
  align-items:center;
  justify-content:center;
  border:1px solid var(--blue-strong);
  border-radius:999px;
  font-weight:800;
  text-decoration:none;
  transition:background-color .2s ease, color .2s ease, border-color .2s ease;
}
.operator-primary { color:var(--white); background:var(--blue-strong); }
.operator-secondary { color:var(--blue-strong); background:rgba(255, 255, 255, .72); }
.operator-actions a:hover,
.operator-actions a:focus-visible { color:var(--ink); background:var(--white); border-color:var(--gold); }
.operator-contact {
  display:flex;
  flex-wrap:wrap;
  gap:1rem 1.5rem;
  margin-top:1.75rem;
  padding-top:1.25rem;
  border-top:1px solid rgba(185, 147, 80, .36);
}
.operator-contact a {
  color:var(--ink);
  font-size:.92rem;
  font-weight:700;
  text-decoration-color:rgba(45, 99, 125, .4);
  text-underline-offset:.2em;
}
.operator-contact span {
  display:block;
  margin-bottom:.2rem;
  color:var(--muted);
  font-size:.72rem;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.operator-trust { display:grid; gap:1rem; }
.operator-trust-card {
  display:grid;
  grid-template-columns:minmax(150px, .72fr) minmax(0, 1.28fr);
  overflow:hidden;
  border:1px solid rgba(185, 147, 80, .3);
  border-radius:16px;
  background:rgba(255, 255, 255, .86);
  box-shadow:0 16px 36px rgba(38, 57, 74, .06);
  color:var(--ink);
  text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.operator-trust-card:hover,
.operator-trust-card:focus-visible {
  transform:translateY(-2px);
  border-color:var(--gold);
  box-shadow:0 20px 44px rgba(38, 57, 74, .1);
}
.operator-trust-media {
  min-height:170px;
  overflow:hidden;
  background:var(--white);
}
.operator-trust-media img {
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
}
.operator-trust-body {
  display:grid;
  grid-template-columns:auto minmax(0, 1fr);
  gap:1rem;
  padding:clamp(1.25rem, 2.2vw, 1.65rem);
  align-content:center;
}
.trust-number {
  color:var(--gold-strong);
  font-family:"Segoe UI", Arial, Helvetica, sans-serif;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.12em;
}
.operator-trust-card h3 { margin:0 0 .45rem; font-size:1.08rem; line-height:1.35; }
.operator-trust-card p { margin:0; color:var(--muted); line-height:1.65; }
.operator-card-action { display:inline-block; margin-top:.75rem; color:var(--blue-strong); font-size:.9rem; font-weight:800; }
.category-section { padding:clamp(4rem, 8vw, 7rem) clamp(1rem, 5vw, 5rem); }
.category-grid { display:grid; grid-template-columns:repeat(4, minmax(0, 1fr)); gap:18px; }
.category-card {
  position:relative;
  min-height:220px;
  overflow:hidden;
  border:1px solid var(--line);
  border-radius:14px;
  color:var(--white);
  background:var(--blue-panel);
  box-shadow:0 12px 32px rgba(38, 57, 74, .08);
  text-decoration:none;
  transition:transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}
.category-card img { width:100%; height:100%; object-fit:cover; opacity:1; }
.category-card::after {
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(0deg, rgba(38,57,74,.86), rgba(38,57,74,0) 72%);
}
.category-card:has(img[src$="category-placeholder.svg"])::after {
  background:linear-gradient(0deg, rgba(255,254,250,.94), rgba(255,254,250,0) 74%);
}
.category-card h2, .category-number, .category-action { position:absolute; z-index:1; inset-inline-start:1.5rem; }
.category-number { top:1.5rem; color:var(--gold); }
.category-card h2 { bottom:3rem; max-width:78%; margin:0; overflow-wrap:anywhere; line-height:1.2; }
.category-action { bottom:1.5rem; max-width:calc(100% - 3rem); color:#f4dba7; font-weight:800; overflow-wrap:anywhere; }
.category-card:has(img[src$="category-placeholder.svg"]) h2 { color:var(--ink); }
.category-card:has(img[src$="category-placeholder.svg"]) .category-number { color:var(--gold-strong); }
.category-card:has(img[src$="category-placeholder.svg"]) .category-action { color:var(--blue-strong); }
.category-card:hover,
.category-card:focus-visible {
  transform:translateY(-2px);
  border-color:var(--gold);
  box-shadow:0 16px 38px rgba(38, 57, 74, .12);
}
.sourcing-cta {
  margin:0 clamp(1rem, 5vw, 5rem) 4rem;
  padding:2rem;
  border:1px solid var(--line);
  border-radius:16px;
  background:var(--white);
}

@media (max-width:720px) {
  .home-hero {
    padding:clamp(4.25rem, 12vw, 5.5rem) clamp(1.25rem, 6vw, 2rem);
    background-image:
      linear-gradient(rgba(255, 254, 250, .9), rgba(238, 246, 250, .78)),
      url("/assets/images/home-hero-background.png");
  }
  .home-hero h1 {
    max-width:12em;
    margin-bottom:1.25rem;
    font-size:clamp(2rem, 8.5vw, 2.35rem);
    letter-spacing:-.02em;
    line-height:1.12;
  }
  .hero-proof { max-width:21rem; margin-bottom:.75rem; font-size:.96rem; line-height:1.5; }
  .hero-description { max-width:22rem; font-size:.94rem; line-height:1.65; }
  .operator-section { padding:3.5rem 1.25rem; }
  .operator-section::before { inset-block:2rem; inline-size:3px; }
  .operator-layout { grid-template-columns:1fr; gap:2.25rem; }
  .operator-intro h2 { max-width:15em; font-size:clamp(1.85rem, 8vw, 2.35rem); }
  .operator-summary { font-size:.96rem; }
  .operator-actions a {
    flex:1 1 9rem;
    padding:.65rem;
    font-size:.86rem;
    text-align:center;
    overflow-wrap:anywhere;
  }
  .operator-contact { flex-direction:column; }
  .operator-trust-card { grid-template-columns:1fr; }
  .operator-trust-media { min-height:0; aspect-ratio:16 / 9; }
  .operator-trust-body { padding:1.2rem; }
  .category-grid { grid-template-columns:repeat(2, minmax(0, 1fr)); gap:10px; }
  .category-card { min-height:190px; }
  .category-card h2, .category-number, .category-action { inset-inline-start:1rem; }
  .category-card h2 { max-width:82%; font-size:1rem; }
  .category-action { max-width:calc(100% - 2rem); font-size:.75rem; white-space:normal; }
}

@media (prefers-reduced-motion:reduce) {
  .operator-actions a { transition:none; }
  .category-card { transition:none; }
  .category-card:hover,
  .category-card:focus-visible { transform:none; }
}