/* ============================================================
   C-LOCK Producer Section — shared base styles
   Scoped to .producer-section-mount so TYPO3 page chrome is untouched.
   ============================================================ */

.producer-section-mount {
  --c-navy:        #012B3E;
  --c-navy-700:    #0A3E55;
  --c-navy-900:    #001824;
  --c-blue:        #1C9AD6;
  --c-blue-700:    #1684B6;
  --c-lime:        #AECD40;
  --c-lime-700:    #95B22F;
  --c-green:       #31713A;
  --c-green-100:   #E8F1E5;
  --c-green-50:    #F2F7EE;
  --c-grey:        #A9A9A9;
  --c-mist:        #E4E8EB;
  --c-paper:       #F4F6F7;

  --c-earner:      #31713A;
  --c-earner-soft: #E8F1E5;
  --c-earner-line: #C8DEC0;
  --c-burner:      #B43F1F;
  --c-burner-soft: #FBEEE8;
  --c-burner-line: #F0D2C5;

  --t-ink:         #012B3E;
  --t-soft:        #3A5565;
  --t-mute:        #6B8190;

  --c-radius:      14px;
  --c-radius-sm:   8px;
  --c-radius-lg:   20px;
  --c-rule:        #E4E8EB;

  --ease: cubic-bezier(0.2, 0, 0.2, 1);
}

.producer-section-mount,
.producer-section-mount *,
.producer-section-mount *::before,
.producer-section-mount *::after {
  box-sizing: border-box;
}

.producer-section-mount img {
  max-width: 100%;
  display: block;
}

/* Reveal-on-scroll */
.producer-section-mount .reveal {
  opacity: 0;
  transform: translateY(18px);
  transition: opacity 700ms var(--ease), transform 700ms var(--ease);
  will-change: opacity, transform;
}
.producer-section-mount .reveal.in {
  opacity: 1;
  transform: none;
}
.producer-section-mount .reveal[data-delay="1"] { transition-delay: 80ms; }
.producer-section-mount .reveal[data-delay="2"] { transition-delay: 160ms; }
.producer-section-mount .reveal[data-delay="3"] { transition-delay: 240ms; }
.producer-section-mount .reveal[data-delay="4"] { transition-delay: 320ms; }

.producer-section-mount .tnum {
  font-feature-settings: "tnum" 1, "lnum" 1;
  font-variant-numeric: tabular-nums lining-nums;
}

@keyframes producer-value-in {
  0%   { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: translateY(0); }
}
.producer-section-mount .value-anim {
  animation: producer-value-in 280ms var(--ease) both;
}