/*
Theme Name: Chand Group
Theme URI: https://chandgroup.example
Author: Chand Group
Description: Custom theme for Chand Group — Punjab's trusted poultry partner. Matched to the Figma home, about, services, process, why-us and contact designs.
Version: 1.1.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
Text Domain: chandgroup
*/

/* ============ Tokens ============ */
:root {
  --red: #851818;
  --red-dark: #6f1414;
  --red-soft: #a24a42;
  --page-bg: #f9fbfd;
  --cream-bg: #f8f4ef;
  --ink: #191919;
  --body: #2e2e2e;
  --muted: #5a5a5a;
  --card-border: #ececec;
  --line: rgba(210, 216, 224, 0.2);
  --line-dark: rgba(50, 5, 5, 0.07);
  --serif: "Playfair Display", Georgia, serif;
  --sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif;
  --radius-lg: 24px;
  --radius-md: 16px;
  --radius-sm: 12px;
  --container: 1672px;
  --gutter: clamp(16px, 3.3vw, 64px);
}

* { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  font-family: var(--sans);
  background: var(--page-bg);
  color: var(--body);
  font-size: clamp(15px, 1.05vw, 20px);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
  overflow-x: clip;
}
img { max-width: 100%; display: block; }
a { text-decoration: none; color: inherit; }
ul { list-style: none; }

.container {
  width: min(var(--container), calc(100% - 2 * var(--gutter)));
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

/* vertical guide lines */
.lines { position: relative; }
.lines::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: 0 auto;
  width: min(1830px, 96%);
  background-image: repeating-linear-gradient(90deg, var(--line) 0 1px, transparent 1px calc(100% / 6));
  border-right: 1px solid var(--line);
  pointer-events: none;
}
.lines--dark::before {
  background-image: repeating-linear-gradient(90deg, var(--line-dark) 0 1px, transparent 1px calc(100% / 6));
  border-right-color: var(--line-dark);
}

/* ============ Buttons ============ */
.btn {
  display: inline-block;
  font-family: var(--sans);
  font-size: clamp(14px, 1.05vw, 20px);
  font-weight: 500;
  padding: clamp(11px, 0.95vw, 18px) clamp(22px, 1.8vw, 34px);
  border-radius: 999px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background 0.2s, color 0.2s, border-color 0.2s;
  white-space: nowrap;
}
.btn--red { background: var(--red); color: #fff; }
.btn--red:hover { background: var(--red-dark); }
.btn--ghost { background: transparent; color: #fff; border-color: rgba(255, 255, 255, 0.85); }
.btn--ghost:hover { background: rgba(255, 255, 255, 0.12); }

/* ============ Header ============ */
.site-header { background: var(--page-bg); position: relative; z-index: 20; }
.site-header .container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: clamp(10px, 1vw, 20px) 0;
}
.site-header__logo img { height: clamp(64px, 6.4vw, 122px); width: auto; }
.site-header__right { display: flex; align-items: center; gap: clamp(18px, 2.6vw, 50px); }
.site-nav { display: flex; align-items: center; gap: clamp(16px, 2.2vw, 42px); }
.site-nav a {
  font-size: clamp(14px, 1.15vw, 22px);
  color: var(--ink);
  padding-bottom: 4px;
}
.site-nav a:hover { color: var(--red); }
.site-nav a.is-active {
  color: var(--red);
  border-bottom: 2px solid var(--red);
}
.nav-toggle {
  display: none;
  background: none;
  border: 0;
  width: 42px;
  height: 42px;
  cursor: pointer;
  flex-direction: column;
  justify-content: center;
  gap: 6px;
}
.nav-toggle span { display: block; height: 2px; background: var(--ink); border-radius: 2px; }

/* ============ Hero ============ */
.hero { padding: 0 clamp(8px, 0.9vw, 17px); }
.hero__inner {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: clamp(520px, 51.5vw, 1000px);
  display: flex;
  align-items: center;
}
.hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(20, 10, 5, 0.55) 0%, rgba(20, 10, 5, 0.25) 42%, rgba(20, 10, 5, 0) 65%),
    linear-gradient(0deg, rgba(20, 10, 5, 0.35) 0%, rgba(20, 10, 5, 0) 30%);
}
.hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hero__content {
  position: relative;
  z-index: 2;
  padding: clamp(28px, 3.4vw, 66px);
  max-width: 62%;
}
.hero__content h1 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(38px, 4.7vw, 90px);
  line-height: 1.12;
  color: #fff;
  margin-bottom: clamp(14px, 1.5vw, 28px);
}
.hero__content > p {
  font-size: clamp(16px, 1.55vw, 30px);
  line-height: 1.45;
  color: #f1eeea;
  max-width: 24em;
  margin-bottom: clamp(22px, 2.4vw, 46px);
}
.hero__stat {
  display: inline-flex;
  align-items: center;
  gap: clamp(16px, 1.6vw, 30px);
  background: rgba(25, 14, 8, 0.45);
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  border: 1px dashed rgba(255, 255, 255, 0.55);
  border-radius: var(--radius-sm);
  padding: clamp(14px, 1.4vw, 26px) clamp(18px, 2vw, 38px);
  margin-bottom: clamp(24px, 2.8vw, 54px);
}
.hero__stat img {
  height: clamp(44px, 3.9vw, 74px);
  width: auto;
  filter: brightness(0) invert(1);
}
.hero__stat-num {
  font-variant-numeric: tabular-nums;
  min-width: 7.2ch;
  font-size: clamp(24px, 2.1vw, 40px);
  font-weight: 700;
  color: #fff;
  line-height: 1.15;
}
.hero__stat-label { font-size: clamp(14px, 1.2vw, 23px); color: #f1eeea; }
.hero__actions { display: flex; gap: clamp(12px, 1.2vw, 22px); flex-wrap: wrap; }

/* ============ Section base ============ */
.section { padding: clamp(56px, 6vw, 120px) 0; }
.section--cream { background: var(--cream-bg); }
.section--red { background: var(--red); }

.h2 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(30px, 3vw, 58px);
  line-height: 1.18;
  color: var(--ink);
}
.h2 .accent { color: var(--red); }
.h2--red { color: var(--red); }

.lead {
  font-size: clamp(16px, 1.42vw, 27px);
  line-height: 1.5;
  color: var(--body);
}

/* ============ Trust stats ============ */
.trust__head { text-align: center; max-width: 900px; margin: 0 auto clamp(36px, 3.6vw, 70px); }
.trust__head .h2 { margin-bottom: clamp(18px, 2vw, 38px); }
.trust__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(16px, 1.7vw, 32px);
}
.stat-card {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: 14px;
  box-shadow: 0 8px 22px rgba(20, 20, 40, 0.05);
  display: flex;
  align-items: center;
  gap: clamp(16px, 1.5vw, 28px);
  padding: clamp(14px, 1.2vw, 22px);
}
.stat-card__icon {
  flex: none;
  width: clamp(64px, 5.2vw, 100px);
  height: clamp(64px, 5.2vw, 100px);
  background: #f2f0ed;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.stat-card__icon img { width: 62%; height: 62%; object-fit: contain; }
.stat-card__num {
  font-size: clamp(20px, 1.7vw, 32px);
  font-weight: 700;
  color: var(--red);
  line-height: 1.25;
}
.stat-card__label { font-size: clamp(14px, 1.1vw, 21px); color: var(--ink); }

/* ============ Ecosystem ============ */
.eco__head { max-width: 1180px; margin-bottom: clamp(32px, 3.4vw, 66px); }
.eco__head .h2 { margin-bottom: clamp(16px, 1.8vw, 34px); }
.eco__grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: clamp(16px, 1.7vw, 32px);
}
.eco-card {
  position: relative;
  border-radius: var(--radius-md);
  overflow: hidden;
  aspect-ratio: 420 / 470;
}
.eco-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.eco-card::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(15, 8, 4, 0.82) 0%, rgba(15, 8, 4, 0.35) 38%, rgba(15, 8, 4, 0) 62%);
}
.eco-card__body {
  position: absolute;
  z-index: 2;
  left: 0; right: 0; bottom: 0;
  padding: clamp(16px, 1.5vw, 28px);
  color: #fff;
}
.eco-card__title {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(18px, 1.35vw, 26px);
  line-height: 1.3;
  margin-bottom: clamp(8px, 0.8vw, 14px);
}
.eco-card__title .arrow { font-family: var(--sans); font-weight: 400; }
.eco-card__body p { font-size: clamp(13px, 0.95vw, 18px); color: #e9e5e1; line-height: 1.45; }

/* ============ Multi-segment ============ */
.multi .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4vw, 80px);
  align-items: center;
}
.multi__text .h2 { margin-bottom: clamp(16px, 1.8vw, 34px); }
.multi__media { position: relative; padding-bottom: clamp(48px, 5vw, 100px); }
.multi__media-main {
  width: 72%;
  margin-left: 10%;
  border-radius: var(--radius-md);
  aspect-ratio: 405 / 560;
  object-fit: cover;
  box-shadow: 0 14px 34px rgba(20, 10, 5, 0.16);
}
.multi__media-overlay {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 54%;
  aspect-ratio: 545 / 670;
  object-fit: cover;
  border-radius: var(--radius-md);
  border: 6px solid var(--page-bg);
  box-shadow: 0 14px 34px rgba(20, 10, 5, 0.2);
}

/* ============ Segments ============ */
.segments__title { text-align: center; margin-bottom: clamp(32px, 3.4vw, 66px); }
.segments__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(18px, 2vw, 40px);
  align-items: start;
}
.seg-card {
  background: #fff;
  border: 1px solid var(--card-border);
  border-radius: var(--radius-md);
  padding: clamp(14px, 1.4vw, 26px);
  box-shadow: 0 10px 26px rgba(20, 20, 40, 0.06);
}
.seg-card img {
  width: 100%;
  aspect-ratio: 500 / 390;
  object-fit: cover;
  border-radius: var(--radius-sm);
  margin-bottom: clamp(16px, 1.6vw, 30px);
}
.seg-card h3 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(22px, 1.85vw, 36px);
  color: var(--red);
  margin-bottom: clamp(10px, 1vw, 18px);
}
.seg-card p { font-size: clamp(14px, 1.08vw, 20px); color: var(--body); }

/* ============ Feed solutions ============ */
.feed .container {
  display: grid;
  grid-template-columns: 0.9fr 1.1fr;
  gap: clamp(32px, 4vw, 80px);
  align-items: center;
}
.feed__img {
  width: 100%;
  aspect-ratio: 620 / 780;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.feed__text .h2 { margin-bottom: clamp(16px, 1.8vw, 32px); }
.feed__text .lead { margin-bottom: clamp(24px, 2.6vw, 50px); }
.feed__cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(12px, 1.3vw, 24px);
}
.feed-card {
  background: #fff;
  border: 1px solid #efe4dc;
  border-radius: var(--radius-sm);
  padding: clamp(14px, 1.3vw, 24px);
  display: flex;
  align-items: flex-start;
  gap: clamp(10px, 1vw, 18px);
}
.feed-card__icon {
  flex: none;
  width: clamp(44px, 3.6vw, 68px);
  height: clamp(44px, 3.6vw, 68px);
  background: #f2f0ed;
  border-radius: 8px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.feed-card__icon img { width: 66%; height: 66%; object-fit: contain; }
.feed-card h4 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(15px, 1.15vw, 22px);
  color: var(--red);
  margin-bottom: 4px;
  white-space: nowrap;
}
.feed-card p { font-size: clamp(12px, 0.9vw, 17px); color: var(--muted); line-height: 1.4; }

/* ============ Market snapshot ============ */
.market .container {
  display: grid;
  grid-template-columns: 0.82fr 1.18fr;
  gap: clamp(32px, 4vw, 80px);
}
.market__text { padding-top: clamp(20px, 6vw, 130px); }
.market__text .h2 { color: #fff; margin-bottom: clamp(16px, 1.8vw, 34px); }
.market__text .lead { color: #f3e9e6; }
.market__cards { display: grid; gap: clamp(16px, 1.6vw, 30px); }
.market__row {
  display: grid;
  grid-template-columns: 0.75fr 1.02fr;
  gap: clamp(16px, 1.6vw, 30px);
}
.rate-card {
  background: #fff;
  border-radius: var(--radius-md);
  padding: clamp(22px, 2.2vw, 42px) clamp(18px, 1.8vw, 34px);
  text-align: left;
}
.rate-card__price {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(40px, 3.9vw, 75px);
  color: var(--red);
  line-height: 1.05;
  margin-bottom: clamp(8px, 0.9vw, 16px);
}
.rate-card__title {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(18px, 1.5vw, 29px);
  color: var(--red);
  margin-bottom: clamp(6px, 0.7vw, 12px);
}
.rate-card p { font-size: clamp(12px, 0.95vw, 18px); color: var(--muted); }
.outline-card {
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: var(--radius-md);
  padding: clamp(18px, 1.8vw, 34px);
  color: #fff;
}
.coverage-card { display: flex; gap: clamp(16px, 1.6vw, 30px); align-items: center; }
.coverage-card img { width: clamp(110px, 9vw, 175px); flex: none; }
.coverage-card h3, .fresh-card h3 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(20px, 1.65vw, 32px);
  line-height: 1.25;
  color: #fff;
  margin-bottom: clamp(8px, 0.9vw, 16px);
}
.coverage-card p, .fresh-card > p { font-size: clamp(13px, 1vw, 19px); color: #f3e9e6; line-height: 1.5; }
.fresh-card > p { max-width: 52em; margin-bottom: clamp(22px, 2.2vw, 42px); }
.timeline { position: relative; display: flex; justify-content: space-between; }
.timeline::before {
  content: "";
  position: absolute;
  top: clamp(4px, 0.35vw, 6px);
  left: 2%;
  right: 2%;
  height: 1px;
  background: rgba(255, 255, 255, 0.55);
}
.timeline__step {
  position: relative;
  flex: 1;
  text-align: center;
  padding-top: clamp(20px, 1.8vw, 34px);
  font-size: clamp(11px, 0.82vw, 16px);
  color: #fff;
  white-space: nowrap;
}
.timeline__step::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: clamp(9px, 0.7vw, 13px);
  height: clamp(9px, 0.7vw, 13px);
  border-radius: 50%;
  background: #f1eeea;
}

/* ============ Legacy ============ */
.legacy .container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: clamp(32px, 4.5vw, 90px);
  align-items: center;
}
.legacy__text .h2 { margin-bottom: clamp(16px, 1.8vw, 34px); }
.legacy__text .lead { margin-bottom: clamp(24px, 2.6vw, 50px); }
.legacy__img {
  width: 100%;
  aspect-ratio: 815 / 594;
  object-fit: cover;
  border-radius: var(--radius-md);
}

/* ============ Partners ============ */
.partners__head { text-align: center; max-width: 1080px; margin: 0 auto clamp(36px, 4vw, 80px); }
.partners__head .h2 { margin-bottom: clamp(18px, 2vw, 38px); }
.partners__strip { border: 1px solid var(--card-border); border-radius: 4px; overflow: hidden; background: #fff; }
.partners__strip img { width: 100%; }

/* ============ CTA ============ */
.cta { padding: clamp(40px, 4.5vw, 90px) clamp(8px, 0.9vw, 17px) clamp(56px, 6vw, 120px); }
.cta__inner {
  position: relative;
  border-radius: var(--radius-lg);
  overflow: hidden;
  min-height: clamp(360px, 31vw, 600px);
  display: flex;
  align-items: center;
  width: min(1830px, 100%);
  margin: 0 auto;
}
.cta__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 35%; }
.cta__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background:
    linear-gradient(90deg, rgba(58, 54, 51, 0.92) 0%, rgba(58, 54, 51, 0.72) 42%, rgba(58, 54, 51, 0.12) 72%, rgba(58, 54, 51, 0) 85%);
}
.cta__content { position: relative; z-index: 2; padding: clamp(24px, 3vw, 60px); max-width: 640px; }
.cta__content h2 {
  font-family: var(--serif);
  font-weight: 700;
  font-size: clamp(24px, 2.05vw, 39px);
  line-height: 1.3;
  color: #fff;
  margin-bottom: clamp(12px, 1.3vw, 24px);
}
.cta__content p {
  font-size: clamp(14px, 1.15vw, 22px);
  color: #f1eeea;
  line-height: 1.5;
  margin-bottom: clamp(20px, 2.2vw, 42px);
}
.cta__actions { display: flex; gap: clamp(12px, 1.2vw, 22px); flex-wrap: wrap; }

/* ============ Footer ============ */
.site-footer {
  background: var(--red);
  position: relative;
  overflow: hidden;
  padding: clamp(48px, 6.6vw, 126px) 0 clamp(48px, 5.4vw, 104px);
  color: #fff;
}
/* Brand block takes the left ~37%, the three link columns start mid-page (per Figma). */
.footer__grid {
  display: grid;
  grid-template-columns: 36.6fr 16.8fr 17.5fr 29.1fr;
  gap: 0;
}
.footer__brand { padding-right: 24px; }
.footer__brand img.footer__logo {
  width: clamp(80px, 6.1vw, 117px);
  height: auto;
  margin-top: clamp(0px, 0.3vw, 6px);
  margin-bottom: clamp(20px, 3vw, 57px);
}
.footer__brand p {
  font-size: clamp(12px, 0.8vw, 15px);
  line-height: 2.3;
  color: rgba(255, 255, 255, 0.62);
  max-width: 26.5em;
  margin-bottom: clamp(20px, 2.6vw, 50px);
}
.footer__social { display: flex; align-items: center; gap: clamp(20px, 2.5vw, 48px); }
.footer__social img { height: clamp(16px, 1.3vw, 25px); width: auto; opacity: 0.6; transition: opacity 0.2s; }
.footer__social a:hover img { opacity: 1; }
.footer__col h4 {
  font-size: clamp(15px, 1.15vw, 22px);
  font-weight: 500;
  line-height: 1.3;
  color: #fff;
  margin-bottom: clamp(20px, 3vw, 57px);
}
.footer__col li { margin-bottom: clamp(16px, 3vw, 57px); line-height: 1.3; }
.footer__col li:last-child { margin-bottom: 0; }
.footer__col li a {
  font-size: clamp(14px, 1.1vw, 21px);
  color: rgba(255, 255, 255, 0.6);
  transition: color 0.2s;
}
.footer__col li a:hover { color: #fff; }
/* Faint full logo running off the bottom-right corner. */
.footer__watermark {
  position: absolute;
  right: -7.6vw;
  bottom: -9.6vw;
  width: 32vw;
  min-width: 260px;
  opacity: 0.2;
  pointer-events: none;
  user-select: none;
}

/* ============ WP defaults / inner pages ============ */
.wp-page-content { padding: clamp(40px, 5vw, 90px) 0; }
.wp-page-content h1 { font-family: var(--serif); color: var(--ink); margin-bottom: 24px; }

.site-nav__cta-mobile { display: none; }
.footer__logo-link { display: inline-block; }

/* ---- Inner page tokens ---- */
body.cg-inner {
  --page-bg: #f8efea;
  --beige: #f8f0e6;
  --beige-line: #e8dccb;
  --gray-text: #6a6a6a;
  --lora: "Lora", Georgia, serif;
  background: var(--page-bg);
}
.cg-inner .accent { color: var(--red); }
.cg-inner .site-header .container { padding: clamp(10px, 3.4vw, 56px) 0; }
.container--narrow { width: min(1210px, calc(100% - 2 * var(--gutter))); }

.inner-h2 {
  font-family: var(--lora);
  font-weight: 700;
  font-size: clamp(24px, 2vw, 34px);
  line-height: 1.3;
  color: var(--ink);
}
.inner-h2--center { text-align: center; }
.inner-lead {
  text-align: center;
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1.45;
  color: var(--gray-text);
  max-width: 940px;
  margin: clamp(10px, 0.9vw, 14px) auto clamp(18px, 1.5vw, 24px);
}
.dot-list li {
  position: relative;
  padding-left: 20px;
  font-size: clamp(14px, 1.05vw, 17px);
  line-height: 1.65;
  color: var(--ink);
}
.dot-list li::before {
  content: "";
  position: absolute;
  left: 4px;
  top: 0.72em;
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background: var(--ink);
}

/* ---- Red page banner ---- */
.page-banner {
  background: var(--red);
  color: #fff;
  text-align: center;
  padding: clamp(40px, 4.75vw, 78px) 0 clamp(34px, 3.8vw, 62px);
}
.page-banner h1 {
  font-family: var(--lora);
  font-weight: 700;
  font-size: clamp(26px, 2.15vw, 36px);
  line-height: 1.3;
  margin-bottom: clamp(10px, 1vw, 16px);
}
.page-banner p {
  font-size: clamp(14px, 1.1vw, 18px);
  line-height: 1.4;
  color: #f4e6e4;
  max-width: 940px;
  margin: 0 auto;
}

/* ---- About ---- */
.about-hero { padding: 0 clamp(12px, 2.75vw, 44px); }
.about-hero__inner {
  position: relative;
  width: min(1512px, 100%);
  margin: 0 auto;
  border-radius: var(--radius-md);
  overflow: hidden;
  min-height: clamp(420px, 30.4vw, 490px);
  display: flex;
  align-items: center;
  gap: 32px;
  padding: clamp(28px, 4vw, 64px) clamp(20px, 6.6vw, 106px) clamp(28px, 4vw, 64px) clamp(20px, 5.9vw, 94px);
}
.about-hero__bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: 70% 40%; }
.about-hero__inner::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: linear-gradient(90deg, rgba(250, 238, 226, 0.92) 0%, rgba(250, 238, 226, 0.78) 38%, rgba(250, 238, 226, 0.15) 60%, rgba(250, 238, 226, 0) 72%);
}
.about-hero__content { position: relative; z-index: 2; max-width: 720px; flex: 1 1 auto; }
.breadcrumb { font-size: clamp(12px, 0.94vw, 15px); color: #3a3a3a; margin-bottom: 8px; }
.breadcrumb span { margin: 0 2px; }
.breadcrumb a:hover { color: var(--red); }
.eyebrow {
  font-size: clamp(11px, 0.8vw, 13px);
  font-weight: 600;
  letter-spacing: 0.06em;
  text-transform: uppercase;
  color: var(--red);
  margin-bottom: 6px;
}
.about-hero__content h1 {
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(28px, 2.3vw, 38px);
  line-height: 1.2;
  color: #1f1414;
  margin-bottom: clamp(16px, 1.9vw, 30px);
}
.about-hero__content p {
  font-size: clamp(14px, 1.06vw, 17px);
  line-height: 1.6;
  color: #2e2e2e;
}
.about-hero__content p + p { margin-top: clamp(14px, 1.6vw, 26px); }
.about-hero__stats {
  position: relative;
  z-index: 2;
  margin-left: auto;
  flex: 0 0 min(480px, 34%);
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 16px;
  padding: 16px;
  border-radius: 12px;
  background: rgba(255, 255, 255, 0.28);
  border: 1px solid rgba(255, 255, 255, 0.7);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.mini-stat {
  background: #fff;
  border-radius: 8px;
  padding: 14px 14px;
  min-height: 104px;
  box-shadow: 0 6px 16px rgba(60, 20, 10, 0.06);
}
.mini-stat strong {
  display: block;
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(22px, 1.8vw, 30px);
  line-height: 1.2;
  color: #5a1515;
}
.mini-stat span { display: block; font-size: clamp(12px, 0.95vw, 15px); line-height: 1.3; color: #444; margin-top: 2px; }

.about-directors { padding: clamp(28px, 2.75vw, 44px) 0; }
.about-directors .container {
  display: grid;
  grid-template-columns: minmax(0, 654fr) minmax(0, 830fr);
  gap: clamp(28px, 3.75vw, 60px);
  align-items: center;
  width: min(1514px, calc(100% - 2 * clamp(12px, 2.75vw, 44px)));
}
.about-directors__img {
  width: 100%;
  aspect-ratio: 654 / 590;
  object-fit: cover;
  border-radius: var(--radius-md);
}
.about-directors__text .inner-h2 {
  font-weight: 500;
  font-size: clamp(30px, 3vw, 50px);
  line-height: 1.2;
  color: #1f1414;
  margin-bottom: clamp(16px, 1.6vw, 26px);
}
.about-directors__text p { font-size: clamp(14px, 1.1vw, 18px); line-height: 1.6; color: #2e2e2e; max-width: 640px; }
.about-directors__text p + p { margin-top: clamp(14px, 1.6vw, 26px); }

.about-founder .container,
.about-team .container { width: min(1514px, calc(100% - 2 * clamp(12px, 2.75vw, 44px))); }
.founder-card {
  display: flex;
  align-items: center;
  gap: clamp(24px, 3.75vw, 60px);
  background: var(--red);
  border-radius: var(--radius-md);
  padding: clamp(14px, 1.4vw, 22px);
  min-height: clamp(300px, 24.7vw, 396px);
}
.founder-card__photo {
  flex: 0 0 min(394px, 30%);
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
  align-self: stretch;
  display: flex;
  align-items: flex-end;
  justify-content: center;
}
.founder-card__photo img { width: 100%; height: 100%; object-fit: cover; object-position: center 20%; }
.founder-card__text { color: #fff; max-width: 900px; padding-right: 20px; }
.founder-card__text h2 {
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(24px, 2vw, 32px);
  line-height: 1.25;
  margin-bottom: 8px;
}
.founder-card__text h3 {
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(16px, 1.25vw, 20px);
  margin-bottom: clamp(12px, 1.2vw, 18px);
}
.founder-card__text p { font-size: clamp(14px, 1.04vw, 17px); line-height: 1.6; color: #f5e8e6; }
.founder-card__text p + p { margin-top: clamp(10px, 1vw, 16px); }
.about-founder { padding-bottom: clamp(60px, 7vw, 110px); }

.about-team { padding: clamp(28px, 2.75vw, 44px) 0 clamp(60px, 7vw, 110px); }
.team-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: clamp(16px, 2.75vw, 44px); }
.team-card {
  background: #fff;
  border: 1px solid #efe4dc;
  border-radius: var(--radius-sm);
  overflow: hidden;
}
.team-card img { width: 100%; aspect-ratio: 346 / 310; object-fit: cover; object-position: center 25%; }
.team-card__body { padding: 16px 16px 22px; }
.team-card__role {
  font-size: clamp(11px, 0.8vw, 13px);
  font-weight: 600;
  letter-spacing: 0.03em;
  text-transform: uppercase;
  color: var(--red);
  line-height: 1.3;
  margin-bottom: 10px;
}
.team-card h3 { font-family: var(--lora); font-weight: 600; font-size: clamp(16px, 1.2vw, 20px); color: var(--ink); margin-bottom: 10px; }
.team-card p { font-size: clamp(13px, 1vw, 16px); line-height: 1.5; color: var(--gray-text); }

/* ---- Services ---- */
.service-row { background: #fff; padding: clamp(28px, 2.6vw, 42px) 0; scroll-margin-top: 20px; }
.service-row--alt { background: var(--beige); }
.service-row .container {
  display: grid;
  grid-template-columns: minmax(0, 530fr) minmax(0, 900fr);
  gap: clamp(24px, 3.4vw, 54px);
  align-items: center;
  width: min(1430px, calc(100% - 2 * var(--gutter)));
}
.service-row--alt .container { grid-template-columns: minmax(0, 900fr) minmax(0, 530fr); }
.service-row--alt .service-row__img { order: 2; }
.service-row__img {
  width: 100%;
  aspect-ratio: 530 / 460;
  object-fit: cover;
  border-radius: 8px;
}
.service-row__num {
  font-size: clamp(26px, 2.25vw, 36px);
  font-weight: 600;
  color: var(--red);
  line-height: 1.2;
  margin-bottom: clamp(8px, 1vw, 16px);
}
.service-row__text h2 {
  font-family: var(--lora);
  font-weight: 700;
  font-size: clamp(22px, 2vw, 32px);
  line-height: 1.3;
  color: var(--ink);
  margin-bottom: clamp(10px, 0.9vw, 14px);
}
.service-row__text p {
  font-size: clamp(14px, 1.06vw, 17px);
  line-height: 1.35;
  color: var(--gray-text);
  max-width: 750px;
  margin-bottom: clamp(10px, 0.9vw, 14px);
}
.service-row__text h3 {
  font-size: clamp(20px, 1.6vw, 26px);
  font-weight: 600;
  color: var(--red);
  margin-bottom: 8px;
}

/* ---- Process ---- */
.process-steps { background: #fff; padding: clamp(44px, 4.6vw, 74px) 0 0; }
.process-steps .inner-h2 { margin-bottom: clamp(24px, 3.1vw, 50px); }
.step-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: clamp(20px, 4.1vw, 66px) clamp(16px, 1.6vw, 26px);
}
.step-card {
  background: #e9e9e9;
  border-radius: 8px;
  padding: clamp(18px, 1.4vw, 22px) clamp(18px, 1.4vw, 24px);
  min-height: clamp(170px, 13.75vw, 220px);
}
.step-card__num {
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(22px, 1.75vw, 28px);
  color: var(--red);
  line-height: 1.2;
  margin-bottom: 10px;
}
.step-card h3 { font-size: clamp(14px, 1.06vw, 17px); font-weight: 600; color: var(--ink); line-height: 1.3; margin-bottom: 4px; }
.step-card p { font-size: clamp(14px, 1vw, 16px); line-height: 1.4; color: var(--gray-text); max-width: 20em; }

.standards { background: #fff; padding: clamp(60px, 7.6vw, 122px) 0 clamp(60px, 7.2vw, 116px); }
.standard-badges { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px; }
.standard-badge {
  background: var(--beige);
  border: 1px solid var(--beige-line);
  border-radius: 6px;
  min-height: 76px;
  padding: 12px 22px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  font-size: clamp(14px, 1.06vw, 17px);
  font-weight: 600;
  line-height: 1.3;
  color: var(--ink);
}

/* ---- Why Chand Group ---- */
.problems { background: #fff; padding: clamp(40px, 3.75vw, 60px) 0 0; }
.problems .container { width: min(1400px, calc(100% - 2 * var(--gutter))); display: grid; gap: clamp(16px, 1.5vw, 24px); }
.problem-row {
  display: grid;
  grid-template-columns: minmax(220px, 376px) 1fr;
  border-radius: 8px;
  overflow: hidden;
  min-height: clamp(130px, 10.6vw, 170px);
}
.problem-row__problem { background: #f6eae5; padding: clamp(16px, 1.6vw, 26px); }
.problem-row__solution { background: #f1fce5; padding: clamp(16px, 1.6vw, 26px); }
.problem-row__label { font-size: clamp(14px, 1.06vw, 17px); font-weight: 600; color: var(--red); margin-bottom: 4px; }
.problem-row h3 { font-size: clamp(14px, 1.06vw, 17px); font-weight: 600; color: var(--ink); margin-bottom: 4px; }
.problem-row__problem p { font-size: clamp(14px, 1vw, 16px); line-height: 1.4; color: var(--gray-text); max-width: 20em; }
.problem-row__solution p { font-size: clamp(14px, 1.06vw, 17px); line-height: 1.4; color: var(--ink); max-width: 46em; }

.trust-reasons { background: #fff; padding: clamp(60px, 7.5vw, 120px) 0 clamp(56px, 6vw, 96px); scroll-margin-top: 20px; }
.reason-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 16px;
  width: min(1372px, 100%);
  margin: 0 auto;
}
.reason-chip {
  position: relative;
  background: var(--beige);
  border-radius: 6px;
  min-height: 68px;
  padding: 12px 14px 12px 36px;
  display: flex;
  align-items: center;
  font-size: clamp(14px, 1.04vw, 17px);
  line-height: 1.3;
  color: var(--ink);
}
.reason-chip::before {
  content: "";
  position: absolute;
  left: 16px;
  top: 50%;
  width: 7px;
  height: 4px;
  border-left: 2px solid var(--red);
  border-bottom: 2px solid var(--red);
  transform: translateY(-70%) rotate(-45deg);
}

/* ---- Partner With Us / Contact ---- */
.contact { background: #fff; padding: clamp(44px, 5.9vw, 94px) 0 clamp(50px, 5.4vw, 88px); scroll-margin-top: 20px; }
.contact__grid {
  display: grid;
  grid-template-columns: minmax(0, 632fr) minmax(0, 692fr);
  gap: clamp(28px, 5vw, 80px);
  width: min(1404px, calc(100% - 2 * var(--gutter)));
}
.enquiry-form h2 {
  font-family: var(--lora);
  font-weight: 600;
  font-size: clamp(18px, 1.3vw, 21px);
  color: var(--ink);
  margin-bottom: 10px;
}
.enquiry-form label { display: block; margin-bottom: 16px; }
.enquiry-form label span {
  display: block;
  font-size: 12px;
  font-weight: 600;
  color: #555;
  margin-bottom: 6px;
}
.enquiry-form input,
.enquiry-form textarea {
  display: block;
  width: 100%;
  min-height: 40px;
  padding: 8px 12px;
  background: var(--beige);
  border: 1px solid var(--beige-line);
  border-radius: 4px;
  font: inherit;
  font-size: 15px;
  color: var(--ink);
  outline: none;
  transition: border-color 0.2s, background 0.2s;
}
.enquiry-form textarea { min-height: 72px; resize: vertical; }
.enquiry-form input:focus,
.enquiry-form textarea:focus { border-color: var(--red); background: #fff; }
.enquiry-form__submit {
  display: block;
  width: 100%;
  min-height: 42px;
  border: 0;
  border-radius: 4px;
  background: #7a1a1a;
  color: #fff;
  font: inherit;
  font-size: 14px;
  font-weight: 600;
  cursor: pointer;
  transition: background 0.2s;
}
.enquiry-form__submit:hover { background: var(--red-dark); }
.hp-field { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.form-notice { padding: 12px 14px; border-radius: 4px; font-size: 14px; margin-bottom: 16px; }
.form-notice--ok { background: #f1fce5; color: #2c5a12; border: 1px solid #cfe9b5; }
.form-notice--err { background: #fbeaea; color: var(--red); border: 1px solid #efc9c9; }

.audience h3 { font-size: clamp(15px, 1.06vw, 17px); font-weight: 600; color: var(--ink); margin-bottom: 8px; }
.audience .dot-list li { font-size: clamp(13px, 0.9vw, 15px); line-height: 1.85; }
.talk-card {
  margin-top: clamp(28px, 3vw, 48px);
  background: #761a1a;
  border-radius: 8px;
  padding: 24px;
  color: #fff;
}
.talk-card h3 { font-size: clamp(16px, 1.1vw, 18px); font-weight: 600; margin-bottom: 10px; }
.talk-card__label { font-size: 13px; font-weight: 700; margin-bottom: 6px; }
.talk-card__phone { font-size: 15px; margin-bottom: 14px; }
.talk-card__actions { display: flex; flex-wrap: wrap; gap: 10px; }
.talk-card__actions a {
  background: #fff;
  color: #761a1a;
  font-size: 13px;
  font-weight: 600;
  padding: 8px 16px;
  border-radius: 3px;
  transition: background 0.2s;
}
.talk-card__actions a:hover { background: #f8efea; }

/* ============ Responsive ============ */
@media (max-width: 1100px) {
  .hero__content { max-width: 80%; }
  .trust__grid { grid-template-columns: repeat(2, 1fr); }
  .eco__grid { grid-template-columns: repeat(2, 1fr); }
  .segments__grid { grid-template-columns: 1fr; max-width: 620px; margin: 0 auto; }
  .feed .container, .market .container, .legacy .container { grid-template-columns: 1fr; }
  .market__text { padding-top: 0; }
  .footer__grid { grid-template-columns: 1fr 1fr; gap: 40px 24px; }
  .about-hero__inner { flex-direction: column; align-items: stretch; }
  .about-hero__inner::before { background: rgba(250, 238, 226, 0.86); }
  .about-hero__stats { margin-left: 0; flex-basis: auto; max-width: 520px; }
  .about-directors .container { grid-template-columns: 1fr; }
  .founder-card { flex-direction: column; align-items: stretch; }
  .founder-card__photo { flex-basis: auto; max-width: 394px; aspect-ratio: 394 / 332; }
  .founder-card__text { padding: 0 8px 12px; }
  .team-grid { grid-template-columns: repeat(2, 1fr); }
  .service-row .container, .service-row--alt .container { grid-template-columns: 1fr; }
  .service-row--alt .service-row__img { order: 0; }
  .service-row__img { max-width: 640px; }
  .step-grid { grid-template-columns: repeat(2, 1fr); gap: 20px; }
  .reason-grid { grid-template-columns: repeat(2, 1fr); }
  .contact__grid { grid-template-columns: 1fr; }
}
@media (max-width: 760px) {
  .site-nav {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
    background: var(--page-bg);
    flex-direction: column;
    padding: 18px 24px 26px;
    gap: 18px;
    box-shadow: 0 18px 30px rgba(0, 0, 0, 0.08);
  }
  .site-nav.is-open { display: flex; }
  .nav-toggle { display: flex; }
  .site-header__cta { display: none; }
  .hero__inner { min-height: 560px; }
  .hero__content { max-width: 100%; }
  .trust__grid { grid-template-columns: 1fr; }
  .eco__grid { grid-template-columns: 1fr; }
  .feed__cards { grid-template-columns: 1fr; }
  .market__row { grid-template-columns: 1fr; }
  .coverage-card { flex-direction: column; align-items: flex-start; }
  .timeline { flex-wrap: wrap; gap: 14px 0; }
  .timeline::before { display: none; }
  .timeline__step { flex: 1 1 33%; white-space: normal; }
  .footer__grid { grid-template-columns: 1fr; }
  .footer__col h4 { margin-bottom: 18px; }
  .footer__col li { margin-bottom: 12px; }
  .site-nav__cta-mobile { display: block; color: var(--red) !important; font-weight: 600; }
  .about-directors { display: none; }
  .about-founder { padding-top: 28px; }
  .page-banner h1 br, .service-row__text h2 br { display: none; }
  .team-grid, .step-grid, .reason-grid { grid-template-columns: 1fr; }
  .problem-row { grid-template-columns: 1fr; }
  .standard-badge { flex: 1 1 100%; min-height: 60px; }
  .about-hero__stats { grid-template-columns: 1fr 1fr; padding: 14px; gap: 10px; }
  .mini-stat { min-height: 0; }
}