.agrimpex-history-tradition {
  position: relative;
  width: 100%;
  margin: 0;
  padding: var(--hct-pt, 34px) var(--hct-px, 40px) var(--hct-pb, 34px);
  background: var(--hct-bg, #fff);
  box-sizing: border-box;
}

.agrimpex-history-tradition__inner {
  width: min(100%, var(--hct-max, 1540px));
  min-height: var(--hct-min-h, 340px);
  margin-inline: auto;
  display: grid;
  grid-template-columns: minmax(0, var(--hct-panel-w, 35%)) minmax(0, 1fr);
  overflow: hidden;
  background: var(--hct-panel-bg, #083a28);
}

.agrimpex-history-tradition__panel {
  position: relative;
  z-index: 2;
  padding: var(--hct-panel-pt, 46px) var(--hct-panel-pr, 54px) var(--hct-panel-pb, 42px) var(--hct-panel-pl, 54px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  color: var(--hct-panel-text, #fff);
  background:
    radial-gradient(circle at 22% 28%, rgba(255,255,255,.045), transparent 28%),
    linear-gradient(145deg, rgba(255,255,255,.018), rgba(0,0,0,.07)),
    var(--hct-panel-bg, #083a28);
}

.agrimpex-history-tradition__eyebrow {
  margin: 0 0 10px;
  color: var(--hct-accent, #6fcf70);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hct-eyebrow-size, 12px);
  font-weight: 700;
  line-height: 1.2;
  letter-spacing: var(--hct-eyebrow-ls, .1em);
  text-transform: uppercase;
}

.agrimpex-history-tradition__heading {
  margin: 0 0 18px;
  color: var(--hct-panel-text, #fff);
  font-family: Inter, Arial, sans-serif;
  font-size: var(--hct-heading-size, 38px);
  font-weight: var(--hct-heading-weight, 700);
  line-height: var(--hct-heading-line, 1.08);
  letter-spacing: -.035em;
  text-wrap: balance;
}

.agrimpex-history-tradition__description {
  max-width: 48ch;
  margin: 0;
  color: var(--hct-panel-muted, #dce8e0);
  font: 400 var(--hct-desc-size, 16px)/var(--hct-desc-line, 1.5) Inter, Arial, sans-serif;
}

.agrimpex-history-tradition__description > * { margin: 0; }
.agrimpex-history-tradition__description > * + * { margin-top: .7em; }

.agrimpex-history-tradition__quote {
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  align-items: start;
  gap: 13px;
  margin-top: var(--hct-quote-mt, 28px);
  color: var(--hct-quote, #fff);
}

.agrimpex-history-tradition__quote-mark {
  display: block;
  margin-top: -4px;
  color: var(--hct-accent, #6fcf70);
  font: 400 58px/.8 Georgia, serif;
}

.agrimpex-history-tradition__quote-text {
  max-width: 34ch;
  padding-top: 3px;
  font: var(--hct-quote-weight, 600) var(--hct-quote-size, 15px)/1.45 Inter, Arial, sans-serif;
}

.agrimpex-history-tradition__gallery {
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(0, var(--hct-main-w, 50%)) minmax(0, 1fr) minmax(0, var(--hct-right-w, 30%));
  gap: var(--hct-gap, 6px);
  background: var(--hct-panel-bg, #083a28);
}

.agrimpex-history-tradition__middle {
  min-width: 0;
  display: grid;
  grid-template-rows: repeat(2, minmax(0, 1fr));
  gap: var(--hct-gap, 6px);
}

.agrimpex-history-tradition__cell {
  position: relative;
  min-width: 0;
  min-height: 0;
  overflow: hidden;
  border-radius: var(--hct-radius, 0);
  background: #d7d4cf;
}

.agrimpex-history-tradition__image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.agrimpex-history-tradition__placeholder {
  width: 100%;
  height: 100%;
  min-height: 160px;
  display: grid;
  place-items: center;
  padding: 18px;
  color: #676767;
  background: #ececea;
  font: 600 12px/1.4 Inter, Arial, sans-serif;
  text-align: center;
}

.agrimpex-history-tradition.has-reveal:not(.is-visible) .agrimpex-history-tradition__panel,
.agrimpex-history-tradition.has-reveal:not(.is-visible) .agrimpex-history-tradition__gallery {
  opacity: 0;
  transform: translateY(var(--hct-reveal-y, 16px));
}

.agrimpex-history-tradition.has-reveal .agrimpex-history-tradition__panel,
.agrimpex-history-tradition.has-reveal .agrimpex-history-tradition__gallery {
  transition: opacity var(--hct-reveal-duration, 650ms) ease, transform var(--hct-reveal-duration, 650ms) ease;
}

.agrimpex-history-tradition.has-reveal .agrimpex-history-tradition__gallery {
  transition-delay: 90ms;
}

.agrimpex-history-tradition.has-reveal.is-visible .agrimpex-history-tradition__panel,
.agrimpex-history-tradition.has-reveal.is-visible .agrimpex-history-tradition__gallery {
  opacity: 1;
  transform: none;
}

@media (max-width: 1100px) {
  .agrimpex-history-tradition__inner {
    grid-template-columns: minmax(300px, 40%) minmax(0, 1fr);
  }

  .agrimpex-history-tradition__panel {
    padding-right: min(var(--hct-panel-pr, 54px), 38px);
    padding-left: min(var(--hct-panel-pl, 54px), 38px);
  }

  .agrimpex-history-tradition__gallery {
    grid-template-columns: 1.25fr .72fr;
    grid-template-rows: repeat(2, minmax(0, 1fr));
  }

  .agrimpex-history-tradition__cell--main { grid-row: 1 / span 2; }
  .agrimpex-history-tradition__middle { display: contents; }
  .agrimpex-history-tradition__cell--right { display: none; }
}

@media (max-width: 760px) {
  .agrimpex-history-tradition {
    padding-left: 0;
    padding-right: 0;
  }

  .agrimpex-history-tradition__inner {
    display: block;
    min-height: 0;
  }

  .agrimpex-history-tradition__panel {
    padding: var(--hct-mobile-panel-p, 28px);
  }

  .agrimpex-history-tradition__heading {
    font-size: var(--hct-mobile-heading, 30px);
  }

  .agrimpex-history-tradition__gallery {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-auto-rows: var(--hct-mobile-image-h, 210px);
    gap: var(--hct-gap, 6px);
  }

  .agrimpex-history-tradition__middle { display: contents; }
  .agrimpex-history-tradition__cell--main { grid-column: 1 / -1; grid-row: auto; }
  .agrimpex-history-tradition__cell--right { display: block; grid-column: 1 / -1; }

  .agrimpex-history-tradition.stack-mobile .agrimpex-history-tradition__gallery {
    grid-template-columns: 1fr;
  }

  .agrimpex-history-tradition.stack-mobile .agrimpex-history-tradition__cell--main {
    grid-column: auto;
  }
}

@media (prefers-reduced-motion: reduce) {
  .agrimpex-history-tradition.has-reveal .agrimpex-history-tradition__panel,
  .agrimpex-history-tradition.has-reveal .agrimpex-history-tradition__gallery {
    transition: none !important;
    opacity: 1 !important;
    transform: none !important;
  }
}

/* Theme-proof colors for dynamic front-end rendering. */
.agrimpex-history-tradition__description,
.agrimpex-history-tradition__description p {
  color: var(--hct-panel-muted, #dce8e0) !important;
}

.agrimpex-history-tradition__quote,
.agrimpex-history-tradition__quote-text {
  color: var(--hct-quote, #fff) !important;
}