.fg-about {
      --fg-primary: #7C4215;
      --fg-primary-dark: #5f300d;
      --fg-ink: #1f1b17;
      --fg-muted: #6f6258;
      --fg-line: #eadfd4;
      --fg-soft: #fbf7f3;
      --fg-card: #ffffff;
      color: var(--fg-ink);
      font-family: inherit;
      line-height: 1.65;
      background: #fff;
    }

    .fg-about * {
      box-sizing: border-box;
    }

    .fg-about p,
    .fg-about h1,
    .fg-about h2,
    .fg-about h3,
    .fg-about ul,
    .fg-about li,
    .fg-about figure {
      padding: 0;
      margin-left: 0;
      margin-right: 0;
    }

    .fg-about img {
      max-width: 100%;
      border: 0;
    }

    .fg-wrap {
      width: min(1180px, calc(100% - 32px));
      margin: 0 auto;
    }

    .fg-hero {
      padding: 72px 0 54px;
      background:
        linear-gradient(90deg, rgba(124, 66, 21, 0.08), rgba(124, 66, 21, 0.02)),
        var(--fg-soft);
      border-bottom: 1px solid var(--fg-line);
    }

    .fg-eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      margin: 0 0 14px;
      color: var(--fg-primary);
      font-size: 14px;
      font-weight: 700;
      letter-spacing: 0.02em;
      text-transform: uppercase;
    }

    .fg-eyebrow::before {
      content: "";
      width: 34px;
      height: 2px;
      background: var(--fg-primary);
      display: inline-block;
    }

    .fg-hero-grid {
      display: grid;
      grid-template-columns: minmax(0, 1.12fr) minmax(320px, 0.88fr);
      gap: 42px;
      align-items: center;
    }

    .fg-about h1,
    .fg-about h2,
    .fg-about h3,
    .fg-about p {
      margin-top: 0;
    }

    .fg-about h1 {
      max-width: 760px;
      margin-bottom: 18px;
      font-size: clamp(34px, 4.2vw, 56px);
      line-height: 1.08;
      color: var(--fg-ink);
      letter-spacing: 0;
    }

    .fg-lead {
      max-width: 780px;
      margin-bottom: 0;
      color: var(--fg-muted);
      font-size: clamp(16px, 1.5vw, 19px);
    }

    .fg-facts {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 14px;
    }

    .fg-hero-media {
      display: grid;
      gap: 14px;
    }

    .fg-hero-photo {
      overflow: hidden;
      min-height: 260px;
      background: var(--fg-soft);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
      box-shadow: 0 18px 44px rgba(55, 35, 20, 0.07);
    }

    .fg-hero-photo img {
      width: 100%;
      height: 100%;
      min-height: inherit;
      display: block;
      object-fit: cover;
    }

    .fg-fact {
      min-height: 132px;
      padding: 22px;
      background: var(--fg-card);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
      box-shadow: 0 18px 44px rgba(55, 35, 20, 0.07);
    }

    .fg-fact strong {
      display: block;
      margin-bottom: 7px;
      color: var(--fg-primary);
      font-size: 28px;
      line-height: 1;
    }

    .fg-fact span {
      color: var(--fg-muted);
      font-size: 14px;
    }

    .fg-section {
      padding: 70px 0;
    }

    .fg-section + .fg-section {
      border-top: 1px solid var(--fg-line);
    }

    .fg-section-head {
      max-width: 820px;
      margin-bottom: 34px;
    }

    .fg-about h2 {
      margin-bottom: 12px;
      font-size: clamp(26px, 3vw, 40px);
      line-height: 1.18;
      color: var(--fg-ink);
      letter-spacing: 0;
    }

    .fg-section-head p {
      color: var(--fg-muted);
      font-size: 17px;
    }

    .fg-profile {
      display: grid;
      grid-template-columns: minmax(0, 1fr) minmax(300px, 0.72fr);
      gap: 38px;
      align-items: stretch;
    }

    .fg-copy p {
      margin-bottom: 18px;
      color: var(--fg-muted);
      font-size: 16px;
    }

    .fg-highlight {
      padding: 28px;
      background: var(--fg-soft);
      border: 1px solid var(--fg-line);
      border-left: 5px solid var(--fg-primary);
      border-radius: 8px;
      height: 100%;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .fg-highlight h3 {
      margin-bottom: 14px;
      color: var(--fg-primary-dark);
      font-size: 20px;
    }

    .fg-list {
      padding: 0;
      margin: 0;
      list-style: none;
    }

    .fg-list li {
      position: relative;
      padding-left: 24px;
      margin-bottom: 12px;
      color: var(--fg-muted);
    }

    .fg-list li::before {
      content: "";
      position: absolute;
      left: 0;
      top: 0.72em;
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: var(--fg-primary);
    }

    .fg-two-col {
      display: grid;
      grid-template-columns: repeat(2, minmax(0, 1fr));
      gap: 22px;
    }

    .fg-card {
      padding: 28px;
      background: var(--fg-card);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
    }

    .fg-card h3 {
      margin-bottom: 12px;
      color: var(--fg-primary-dark);
      font-size: 21px;
    }

    .fg-card p {
      margin-bottom: 0;
      color: var(--fg-muted);
    }

    .fg-values {
      display: grid;
      grid-template-columns: repeat(5, minmax(0, 1fr));
      gap: 16px;
    }

    .fg-value {
      padding: 22px;
      background: var(--fg-card);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
    }

    .fg-value b {
      display: block;
      margin-bottom: 10px;
      color: var(--fg-primary-dark);
      font-size: 17px;
      line-height: 1.25;
    }

    .fg-value p {
      margin-bottom: 0;
      color: var(--fg-muted);
      font-size: 14px;
    }

    .fg-timeline {
      position: relative;
      display: grid;
      gap: 16px;
      padding-left: 22px;
      border-left: 2px solid var(--fg-line);
    }

    .fg-time {
      position: relative;
      padding: 18px 22px;
      background: var(--fg-soft);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
    }

    .fg-time::before {
      content: "";
      position: absolute;
      left: -29px;
      top: 24px;
      width: 12px;
      height: 12px;
      border-radius: 50%;
      background: var(--fg-primary);
      box-shadow: 0 0 0 5px #fff;
    }

    .fg-time strong {
      display: block;
      margin-bottom: 6px;
      color: var(--fg-primary-dark);
      font-size: 18px;
    }

    .fg-time span {
      color: var(--fg-muted);
    }

    .fg-cert-grid {
      display: block;
    }

    .fg-badges {
      display: flex;
      flex-wrap: wrap;
      gap: 10px;
      margin-top: 18px;
    }

    .fg-badge {
      display: inline-flex;
      align-items: center;
      min-height: 36px;
      padding: 7px 12px;
      color: var(--fg-primary-dark);
      background: #fff;
      border: 1px solid var(--fg-line);
      border-radius: 999px;
      font-size: 14px;
      font-weight: 600;
    }

    .fg-process {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      gap: 14px;
      margin-top: 26px;
    }

    .fg-step {
      padding: 20px;
      background: var(--fg-card);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
    }

    .fg-step small {
      display: block;
      margin-bottom: 9px;
      color: var(--fg-primary);
      font-weight: 700;
    }

    .fg-step b {
      display: block;
      color: var(--fg-ink);
    }

    .fg-factory-layout {
      display: block;
    }

    .fg-factory-note {
      padding: 28px;
      background: var(--fg-soft);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
      margin-bottom: 26px;
    }

    .fg-factory-note h3 {
      margin-bottom: 12px;
      color: var(--fg-primary-dark);
      font-size: 22px;
    }

    .fg-factory-note p {
      margin-bottom: 18px;
      color: var(--fg-muted);
    }

    .fg-factory-note .fg-list {
      display: grid;
      grid-template-columns: repeat(4, minmax(0, 1fr));
      gap: 12px 18px;
    }

    .fg-factory-note .fg-list li {
      margin-bottom: 0;
    }

    .fg-factory-gallery {
      display: grid;
      grid-template-columns: repeat(12, minmax(0, 1fr));
      gap: 14px;
      align-items: stretch;
    }

    .fg-factory-image {
      position: relative;
      min-height: 220px;
      overflow: hidden;
      background: var(--fg-soft);
      border: 1px solid var(--fg-line);
      border-radius: 8px;
      margin: 0;
    }

    .fg-factory-image:nth-child(1),
    .fg-factory-image:nth-child(2) {
      grid-column: span 6;
      min-height: 320px;
    }

    .fg-factory-image:nth-child(n+3) {
      grid-column: span 4;
      min-height: 250px;
    }

    .fg-factory-image img,
    .fg-factory-image .fg-img {
      width: 100%;
      height: 100%;
      min-height: inherit;
      display: block;
      object-fit: cover;
      transition: transform 0.35s ease;
    }

    .fg-factory-image:hover img,
    .fg-factory-image:hover .fg-img {
      transform: scale(1.035);
    }

    .fg-factory-image .fg-caption {
      position: absolute;
      left: 14px;
      right: 14px;
      bottom: 14px;
      padding: 9px 11px;
      color: #fff;
      background: rgba(31, 27, 23, 0.72);
      border-radius: 6px;
      font-size: 13px;
      line-height: 1.35;
    }

    .fg-markets {
      padding: 44px;
      color: #fff;
      background: linear-gradient(135deg, var(--fg-primary), var(--fg-primary-dark));
      border-radius: 8px;
    }

    .fg-markets h2 {
      color: #fff;
    }

    .fg-markets p {
      max-width: 760px;
      color: rgba(255, 255, 255, 0.82);
    }

    .fg-market-list {
      display: flex;
      flex-wrap: wrap;
      gap: 12px;
      margin-top: 22px;
    }

    .fg-market-list span {
      padding: 9px 14px;
      background: rgba(255, 255, 255, 0.12);
      border: 1px solid rgba(255, 255, 255, 0.22);
      border-radius: 999px;
      color: #fff;
      font-weight: 600;
    }

    @media (max-width: 980px) {
      .fg-hero-grid,
      .fg-profile,
      .fg-cert-grid {
        grid-template-columns: 1fr;
      }

      .fg-values {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }

      .fg-factory-note .fg-list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
      }
    }

    @media (max-width: 680px) {
      .fg-hero {
        padding: 54px 0 42px;
      }

      .fg-section {
        padding: 48px 0;
      }

      .fg-facts,
      .fg-two-col,
      .fg-values,
      .fg-process,
      .fg-factory-gallery {
        grid-template-columns: 1fr;
      }

      .fg-highlight {
        height: auto;
        justify-content: flex-start;
      }

      .fg-card,
      .fg-highlight,
      .fg-markets,
      .fg-factory-note {
        padding: 22px;
      }

      .fg-factory-image,
      .fg-factory-image:nth-child(1),
      .fg-factory-image:nth-child(2),
      .fg-factory-image:nth-child(n+3) {
        grid-column: auto;
        min-height: 230px;
      }

      .fg-factory-note .fg-list {
        grid-template-columns: 1fr;
      }

      .fg-hero-photo {
        min-height: 220px;
      }
    }