/* ==========================================================
   Agrimpex About History — compact horizontal timeline
   ========================================================== */
.wp-block-agrimpex-about-history,.agrimpex-about-history-block{width:100%}
.about-history-section{--ah-pt:64px;--ah-pb:64px;--ah-container:1500px;--ah-px:32px;--ah-intro:24%;--ah-gap:44px;--ah-item-gap:22px;--ah-dot-size:16px;--ah-ill-h:76px;--ah-content-min:164px;--ah-bg:#fff;--ah-eyebrow:#4a8a4a;--ah-heading:#111;--ah-highlight:#26ad21;--ah-text:#4b4b4b;--ah-year:#185722;--ah-title:#315b35;--ah-badge-bg:#eef3ea;--ah-badge:#66725f;--ah-line:#9acb93;--ah-dot:#26ad21;--ah-ill:#c7cbc5;--ah-eyebrow-size:11px;--ah-heading-size:34px;--ah-year-size:23px;--ah-title-size:14px;--ah-text-size:14px;--ah-mobile-heading:29px;background:var(--ah-bg);padding:var(--ah-pt) 0 var(--ah-pb)}
.about-history-container{width:min(100%,var(--ah-container));margin:0 auto;padding:0 var(--ah-px);display:grid;grid-template-columns:minmax(235px,var(--ah-intro)) minmax(0,1fr);gap:var(--ah-gap);box-sizing:border-box;align-items:start}
.about-history-intro{padding-top:1px}.about-history-eyebrow{margin:0 0 15px;color:var(--ah-eyebrow);font-size:var(--ah-eyebrow-size);font-weight:700;line-height:1.1;letter-spacing:.12em;text-transform:uppercase}.about-history-heading{margin:0;max-width:12ch;color:var(--ah-heading);font-size:var(--ah-heading-size);line-height:1.08;font-weight:800;letter-spacing:-.035em}.about-history-heading__highlight{color:var(--ah-highlight)}.about-history-description{margin:17px 0 0;max-width:34ch;color:var(--ah-text);font-size:14px;line-height:1.65}
.about-history-timeline{position:relative;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--ah-item-gap);padding-top:36px;align-items:stretch}.about-history-timeline::before{content:"";position:absolute;left:7px;right:7px;top:11px;height:2px;background:linear-gradient(90deg,var(--ah-line),color-mix(in srgb,var(--ah-line) 45%,#fff));border-radius:999px}
.about-history-item{position:relative;display:flex;flex-direction:column;min-width:0}.about-history-item__dot{position:absolute;left:0;top:-33px;width:var(--ah-dot-size);height:var(--ah-dot-size);border-radius:50%;background:var(--ah-dot);border:3px solid var(--ah-bg);box-shadow:0 0 0 1px var(--ah-line);box-sizing:border-box}.about-history-item__badge{align-self:flex-start;display:inline-flex;align-items:center;min-height:24px;margin:0 0 11px;padding:5px 10px;border-radius:999px;background:var(--ah-badge-bg);color:var(--ah-badge);font-size:9px;line-height:1;text-transform:uppercase;letter-spacing:.065em;font-weight:700}.about-history-item__content{min-height:var(--ah-content-min)}.about-history-item__year{margin:0 0 7px;color:var(--ah-year);font-size:var(--ah-year-size);font-weight:800;line-height:1.05;letter-spacing:-.025em}.about-history-item__title{margin:0 0 8px;color:var(--ah-title);font-size:var(--ah-title-size);font-weight:700;line-height:1.28}.about-history-item__text{margin:0;color:var(--ah-text);font-size:var(--ah-text-size);line-height:1.5}.about-history-item__illustration{display:flex;align-items:flex-end;width:100%;height:var(--ah-ill-h);min-height:var(--ah-ill-h);margin-top:8px;color:var(--ah-ill)}.about-history-item__image,.about-history-item__svg{display:block;width:100%;max-width:145px;max-height:100%}.about-history-item__image{height:100%;object-fit:contain;object-position:left bottom}.about-history-item__svg{display:flex;align-items:flex-end;height:100%}.about-history-item__svg svg{display:block;width:100%;height:auto;max-height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.hide-badges .about-history-item__badge,.hide-illustrations .about-history-item__illustration{display:none}
@media(max-width:1180px){.about-history-container{grid-template-columns:1fr}.about-history-intro{display:grid;grid-template-columns:minmax(250px,.65fr) minmax(280px,1.35fr);column-gap:36px}.about-history-eyebrow,.about-history-heading{grid-column:1}.about-history-description{grid-column:2;grid-row:1/3;margin-top:0;max-width:62ch}.about-history-timeline{margin-top:12px}}
@media(max-width:940px){.about-history-timeline{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;padding-top:0}.about-history-timeline::before{display:none}.about-history-item{padding-left:16px;border-left:2px solid var(--ah-line)}.about-history-item__dot{left:-8px;top:0}.about-history-item__content{min-height:145px}}
@media(max-width:620px){.about-history-section{padding-top:44px;padding-bottom:44px}.about-history-container{padding-left:20px;padding-right:20px}.about-history-intro{display:block}.about-history-heading{font-size:var(--ah-mobile-heading)}.about-history-description{margin-top:15px}.about-history-timeline{grid-template-columns:1fr;gap:22px;margin-top:28px}.about-history-item__content{min-height:0}.about-history-item__illustration{height:62px;min-height:62px}.about-history-item__image,.about-history-item__svg{max-width:125px}}


/* ==========================================================
   Scroll reveal — frontend only
   The hidden state is applied only after view.js adds
   .is-animation-ready, so content stays visible if JS fails.
   ========================================================== */
.about-history-section.has-scroll-animation.is-animation-ready .about-history-timeline::before {
  transform: scaleX(0);
  transform-origin: left center;
  opacity: .45;
  transition:
    transform calc(var(--ah-animation-duration, 520ms) * 1.25) cubic-bezier(.2,.75,.25,1),
    opacity 300ms ease;
}

.about-history-section.has-scroll-animation.is-animation-ready .about-history-item {
  opacity: 0;
  transform: translateY(var(--ah-animation-distance, 18px));
  transition:
    opacity var(--ah-animation-duration, 520ms) ease,
    transform var(--ah-animation-duration, 520ms) cubic-bezier(.2,.75,.25,1);
  transition-delay: var(--ah-animation-item-delay, 0ms);
  will-change: opacity, transform;
}

.about-history-section.has-scroll-animation.is-animation-ready .about-history-item__dot {
  transform: scale(.35);
  opacity: 0;
  transition:
    transform 360ms cubic-bezier(.2,.9,.3,1.25),
    opacity 240ms ease;
  transition-delay: var(--ah-animation-item-delay, 0ms);
}

.about-history-section.has-scroll-animation.is-animation-ready.is-revealed .about-history-timeline::before {
  transform: scaleX(1);
  opacity: 1;
}

.about-history-section.has-scroll-animation.is-animation-ready.is-revealed .about-history-item {
  opacity: 1;
  transform: translateY(0);
}

.about-history-section.has-scroll-animation.is-animation-ready.is-revealed .about-history-item__dot {
  transform: scale(1);
  opacity: 1;
}

@media (prefers-reduced-motion: reduce) {
  .about-history-section.has-scroll-animation.is-animation-ready .about-history-timeline::before,
  .about-history-section.has-scroll-animation.is-animation-ready .about-history-item,
  .about-history-section.has-scroll-animation.is-animation-ready .about-history-item__dot {
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}