.agrimpex-history-hero {
  position: relative;
  width: 100%;
  margin: 0;
  color: var(--hh-text, #fff);
  background: #0d0907;
}

.agrimpex-history-hero__frame {
  position: relative;
  min-height: var(--hh-desktop-min-h, 430px);
  overflow: hidden;
  isolation: isolate;
  background: #0d0907;
}

.agrimpex-history-hero__frame.has-top-border { border-top: var(--hh-border-w, 1px) solid var(--hh-border, rgba(255,255,255,.16)); }
.agrimpex-history-hero__frame.has-bottom-border { border-bottom: var(--hh-border-w, 1px) solid var(--hh-border, rgba(255,255,255,.16)); }

.agrimpex-history-hero__media,
.agrimpex-history-hero__empty {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.agrimpex-history-hero__bg-img,
.agrimpex-history-hero__side-img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agrimpex-history-hero__bg-img {
  object-fit: var(--hh-bg-fit, cover);
  object-position: var(--hh-bg-x, 50%) var(--hh-bg-y, 50%);
  transform: scale(var(--hh-bg-scale, 1));
  transform-origin: var(--hh-bg-x, 50%) var(--hh-bg-y, 50%);
  filter:
    sepia(var(--hh-sepia, .64))
    saturate(var(--hh-saturation, .82))
    brightness(var(--hh-brightness, .82))
    contrast(var(--hh-contrast, 1.04));
}

.agrimpex-history-hero__side {
  position: absolute;
  inset: 0 0 0 auto;
  z-index: 1;
  width: var(--hh-side-w, 22%);
  overflow: hidden;
  border-left: var(--hh-side-divider-w, 2px) solid var(--hh-side-divider-color, rgba(255,255,255,.70));
}

.agrimpex-history-hero__side-img {
  object-position: var(--hh-side-x, 50%) var(--hh-side-y, 50%);
  transform: scale(var(--hh-side-scale, 1));
  transform-origin: var(--hh-side-x, 50%) var(--hh-side-y, 50%);
  filter:
    sepia(var(--hh-sepia, .64))
    saturate(var(--hh-saturation, .82))
    brightness(calc(var(--hh-brightness, .82) * .94))
    contrast(var(--hh-contrast, 1.04));
}

.agrimpex-history-hero__overlay {
  position: absolute;
  inset: 0;
  z-index: 2;
  pointer-events: none;
  background:
    linear-gradient(180deg,
      rgba(0,0,0,var(--hh-vtop-opacity, .02)) 0%,
      rgba(0,0,0,0) 42%,
      rgba(0,0,0,var(--hh-vbottom-opacity, .20)) 100%),
    linear-gradient(90deg,
      rgba(0,0,0,var(--hh-left-opacity, .76)) 0%,
      rgba(0,0,0,var(--hh-middle-opacity, .38)) 40%,
      rgba(0,0,0,var(--hh-right-opacity, .10)) 76%,
      rgba(0,0,0,var(--hh-right-opacity, .10)) 100%),
    rgba(33,20,13,var(--hh-base-opacity, .18));
}

.agrimpex-history-hero__container {
  position: relative;
  z-index: 3;
  width: min(calc(100% - (var(--hh-dpx, 72px) * 2)), var(--hh-container-max, 1500px));
  min-height: var(--hh-desktop-min-h, 430px);
  margin-inline: auto;
  padding-top: var(--hh-dpt, 52px);
  padding-bottom: var(--hh-dpb, 52px);
  display: flex;
  align-items: var(--hh-content-y, center);
}

.agrimpex-history-hero__content {
  width: 100%;
  max-width: var(--hh-content-max, 580px);
  transform: translate(var(--hh-offset-x, 0), var(--hh-offset-y, 0));
  text-align: var(--hh-text-align, left);
}

.agrimpex-history-hero__eyebrow {
  margin: 0 0 var(--hh-eyebrow-mb, 16px);
  color: var(--hh-accent, #2caf45);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hh-eyebrow-size, 13px);
  font-weight: var(--hh-eyebrow-weight, 700);
  line-height: 1.1;
  letter-spacing: var(--hh-eyebrow-spacing, .18em);
  text-transform: uppercase;
}

.agrimpex-history-hero__heading {
  max-width: var(--hh-heading-max, 560px);
  margin: 0 0 var(--hh-heading-mb, 24px);
  color: var(--hh-text, #fff);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hh-heading-size, 60px);
  font-weight: var(--hh-heading-weight, 800);
  line-height: var(--hh-heading-line, .98);
  letter-spacing: var(--hh-heading-spacing, -.04em);
  text-wrap: balance;
}

.agrimpex-history-hero__description {
  max-width: var(--hh-desc-max, 600px);
  margin: 0 0 var(--hh-desc-mb, 28px);
  color: var(--hh-muted, rgba(255,255,255,.94));
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hh-desc-size, 18px);
  font-weight: var(--hh-desc-weight, 500);
  line-height: var(--hh-desc-line, 1.5);
}

.agrimpex-history-hero__timeline {
  display: inline-flex;
  align-items: center;
  gap: var(--hh-timeline-gap, 13px);
  color: var(--hh-text, #fff);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hh-timeline-size, 17px);
  font-weight: var(--hh-timeline-weight, 700);
  line-height: 1.15;
}

.agrimpex-history-hero__timeline-rule {
  position: relative;
  display: inline-block;
  width: var(--hh-line-w, 32px);
  height: var(--hh-line-h, 2px);
  flex: 0 0 var(--hh-line-w, 32px);
  background: var(--hh-accent, #2caf45);
  border-radius: 999px;
}

.agrimpex-history-hero__timeline-dot {
  position: absolute;
  top: 50%;
  right: 0;
  width: var(--hh-dot, 8px);
  height: var(--hh-dot, 8px);
  border: 2px solid var(--hh-accent, #2caf45);
  border-radius: 50%;
  background: transparent;
  transform: translate(50%, -50%);
}

.agrimpex-history-hero__empty,
.agrimpex-history-hero__side-empty {
  display: grid;
  place-items: center;
  background: #241813;
  color: rgba(255,255,255,.78);
  font-family: Inter, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .06em;
}

.agrimpex-history-hero__side-empty { width: 100%; height: 100%; }

@media (max-width: 1199px) {
  .agrimpex-history-hero__frame,
  .agrimpex-history-hero__container { min-height: var(--hh-tablet-min-h, 500px); }

  .agrimpex-history-hero__container {
    width: calc(100% - (var(--hh-tpx, 40px) * 2));
    padding-top: var(--hh-tpt, 48px);
    padding-bottom: var(--hh-tpb, 48px);
  }

  .agrimpex-history-hero.hide-side-tablet .agrimpex-history-hero__side { display: none; }
}

@media (max-width: 767px) {
  .agrimpex-history-hero__frame,
  .agrimpex-history-hero__container { min-height: var(--hh-mobile-min-h, 600px); }

  .agrimpex-history-hero__container {
    width: calc(100% - (var(--hh-mpx, 24px) * 2));
    padding-top: var(--hh-mpt, 40px);
    padding-bottom: var(--hh-mpb, 40px);
    align-items: flex-end;
  }

  .agrimpex-history-hero__content {
    max-width: var(--hh-mobile-content-max, 520px);
    transform: none;
  }

  .agrimpex-history-hero__bg-img {
    object-fit: var(--hh-mobile-fit, cover);
    object-position: var(--hh-mobile-x, 50%) var(--hh-mobile-y, 50%);
    transform: scale(var(--hh-mobile-scale, 1));
    transform-origin: var(--hh-mobile-x, 50%) var(--hh-mobile-y, 50%);
  }

  .agrimpex-history-hero__heading { font-size: var(--hh-mobile-heading, 44px); }
  .agrimpex-history-hero__description { font-size: var(--hh-mobile-desc, 17px); }
  .agrimpex-history-hero.hide-side-mobile .agrimpex-history-hero__side { display: none; }
  .agrimpex-history-hero__overlay {
    background:
      linear-gradient(180deg, rgba(0,0,0,.06), rgba(0,0,0,.14) 35%, rgba(0,0,0,.68) 100%),
      rgba(33,20,13,var(--hh-base-opacity, .18));
  }
}