.btn {
  --_bg: var(--color-white);
  --_fg: var(--color-black);
  --_border: transparent;

  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--wm));
  height: calc(56 * var(--wm));
  padding: calc(16 * var(--wm));
  border: 1px solid var(--_border);
  border-radius: calc(8 * var(--wm));
  background: var(--_bg);
  color: var(--_fg);
  font-family: var(--font-sans);
  font-size: var(--text-btn-m);
  font-weight: var(--weight-btn-m);
  line-height: var(--leading-btn-m);
  white-space: nowrap;
  transition: background-color var(--duration-base) var(--ease-out),
              border-color var(--duration-base) var(--ease-out),
              color var(--duration-base) var(--ease-out);
}
.btn:hover { --_bg: var(--color-green-500); --_fg: var(--color-white); }


.btn--ghost {
  --_bg: var(--color-white-05);
  --_fg: var(--color-white);
  --_border: var(--color-white-30);
}
.btn--ghost:hover { --_bg: var(--color-white-30); --_border: transparent; }


.btn--green {
  --_bg: var(--color-green-brand);
  --_fg: var(--color-white);
}
.btn--green:hover { --_bg: var(--color-green-500); }


.btn--soft {
  --_bg: var(--color-green-05);
  --_fg: var(--color-green-brand);
}
.btn--soft:hover { --_bg: var(--color-green-brand); --_fg: var(--color-white); }


.btn--faint {
  --_bg: var(--color-black-02);
  --_fg: var(--color-black);
}
.btn--faint:hover { --_bg: var(--color-green-brand); --_fg: var(--color-white); }

.btn--block { width: 100%; }


.btn--sm {
  height: auto;
  padding: calc(8 * var(--wm));
  font-size: var(--text-btn-s);
  font-weight: var(--weight-btn-s);
  line-height: var(--leading-btn-s);
}


.btn--xs {
  height: auto;
  gap: calc(10 * var(--wm));
  padding: calc(8 * var(--wm)) calc(16 * var(--wm));
  font-family: var(--font-alt);
  font-size: var(--text-btn-xs);
  font-weight: var(--weight-btn-xs);
  line-height: var(--leading-btn-xs);
  text-align: center;
}


.page {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(120 * var(--wm));
  padding-bottom: calc(120 * var(--wm));
  background: var(--color-white);


  overflow-x: clip;
}


.shell {
  width: 100%;
  padding-inline: var(--page-pad);
}

.section-head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--wm));
  text-align: center;
}
.section-head .section-heading { width: calc(600 * var(--wm)); max-width: 100%; }
.section-head .section-description { width: calc(822 * var(--wm)); max-width: 100%; }
.section-head--narrow .section-description { width: calc(600 * var(--wm)); }

.section-head--light,
.section-head--light .section-heading { color: var(--color-white); }

@media (max-width: 767px) {
  .page { gap: calc(64 * var(--wm)); padding-bottom: calc(64 * var(--wm)); }
  .section-head .section-heading,
  .section-head .section-description { width: 100%; }
}


.hero {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: calc(17 * var(--wm));
  width: 100%;
  min-height: calc(658 * var(--wm));
  padding: calc(16 * var(--wm)) calc(16 * var(--wm)) calc(21 * var(--wm));
  background: var(--gradient-diamond), var(--grad-dark-to);
  overflow: hidden;
}


.hero::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: var(--hero-about-bg);
  opacity: 0;
  pointer-events: none;
  transition: opacity var(--duration-intro) var(--ease-out);
}
.has-hero-intro .hero::after { opacity: 1; }

.hero__panel     { animation: fade-in var(--duration-intro) var(--ease-out) both; }


.hero__panel {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  min-height: calc(341 * var(--wm));
  padding: calc(24 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--color-gray-dark);
}


.hero__slides {
  position: absolute;
  inset: 0;
  z-index: -2;
  border-radius: inherit;
  overflow: hidden;
}
.hero__slide {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--duration-slow) var(--ease-out);
}
.hero__slide.is-active { opacity: 1; }

.hero__poster {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--duration-slow) var(--ease-out);
}
.hero__poster.is-active { opacity: 1; }

.hero__slides .hero__slide--lazy.is-active:not(.is-ready) { opacity: 0; }


.hero__panel::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: inherit;
  background: url("../../assets/images/bigHeroImage.webp") center / cover no-repeat;
  opacity: 0;
  transition: opacity var(--duration-intro) var(--ease-out-expo);
}
.has-hero-intro .hero .hero__panel::before { opacity: 1; }
.is-hero-pending .hero .hero__panel::before { opacity: 1; }
.is-hero-video .hero .hero__panel::before { opacity: 0; }
.hero-video-first .hero .hero__panel::before { display: none; }


.hero__dots {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
  align-self: flex-end;
  gap: calc(8 * var(--wm));
}
.hero__dot {
  cursor: pointer;
  width: calc(84 * var(--wm));
  height: calc(4 * var(--wm));
  border-radius: calc(8 * var(--wm));
  background: var(--color-white-50);
  transition: background-color var(--duration-base) var(--ease-out);
}
.hero__dot.is-active { background: var(--color-white); }


.hero,
.hero__panel,
.hero__content,
.hero__dots {
  transition: min-height var(--duration-intro) var(--ease-out-expo),
              transform var(--duration-intro) var(--ease-out-expo),
              width var(--duration-intro) var(--ease-out-expo),
              padding var(--duration-intro) var(--ease-out-expo),
              border-radius var(--duration-intro) var(--ease-out-expo),
              opacity var(--duration-intro) var(--ease-out-expo);
}


.has-hero-intro .hero {
  min-height: 100svh;
  padding: 0;
}
.has-hero-intro .hero .hero__panel {
  min-height: 100svh;
  border-radius: 0;
}


.has-hero-intro .hero .hero__content,
.has-hero-intro .hero .hero__dots {
  opacity: 0;
  pointer-events: none;
}
.has-hero-intro .header {
  opacity: 0;
  pointer-events: none;
}


.has-hero-intro .hero .hero__content {
  width: calc(833 * var(--wm));
  max-width: 100%;
  transform: translateY(calc(100svh - 668 * var(--wm)));
}


.has-hero-intro .hero .hero__dots { transform: none; }


.has-hero-intro.hero-intro-frame .hero {
  padding: calc(16 * var(--wm)) calc(16 * var(--wm)) calc(21 * var(--wm));
  transition-duration: var(--duration-intro-frame);
}
.has-hero-intro.hero-intro-frame .hero .hero__panel {
  min-height: calc(100svh - 37 * var(--wm));
  border-radius: calc(20 * var(--wm));
  transition-duration: var(--duration-intro-frame);
}

.hero-intro-head .header {
  opacity: 0;
  pointer-events: none;
}
.hero-intro-text .hero .hero__content,
.hero-intro-text .hero .hero__dots {
  opacity: 0;
  pointer-events: none;
}


@media (max-width: 767px) {
  .has-hero-intro .hero { min-height: calc(658 * var(--wm)); }
  .has-hero-intro .hero .hero__panel { min-height: calc(280 * var(--wm)); }
  .has-hero-intro .hero .hero__content { width: 100%; transform: none; }
  .has-hero-intro .hero .hero__dots { transform: none; }
  .has-hero-intro .hero .hero__panel::before { opacity: 0; }
}

@media (prefers-reduced-motion: reduce) {
  .hero, .hero__panel, .hero__content, .hero__dots { transition: none; }
}


.hero__content {
  margin-inline-start: calc(24 * var(--wm));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(27 * var(--wm));
  width: calc(901 * var(--wm));
  max-width: 100%;
}
.hero__content h1 { color: var(--color-white); }

.hero__actions {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--wm));
}

@media (max-width: 767px) {
  .hero {
    min-height: auto;
    gap: calc(16 * var(--wm));
    padding: calc(8 * var(--wm)) calc(8 * var(--wm)) calc(24 * var(--wm));
  }
  .hero__panel { min-height: calc(280 * var(--wm)); }
  .hero__content {
    position: static;
    width: 100%;
    margin-inline-start: 0;
    padding-inline: calc(8 * var(--wm));
  }
  .hero__actions { flex-direction: column; align-items: stretch; width: 100%; }
  .hero__dots { align-self: stretch; width: 100%; }
  .hero__dot { flex: 1; }


  .hero-heading {
    max-width: 100%;
    hyphens: auto;
    overflow-wrap: break-word;
  }
}


.about {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(42 * var(--wm));
}


.about__cards {
  display: flex;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: calc(12 * var(--wm));
  width: 100%;
  min-height: calc(406 * var(--wm));
}

.stat-card:nth-child(2),
.stat-card:nth-child(3) { margin-bottom: calc(34 * var(--wm)); }

.stat-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));


  flex: 1 1 0;
  min-width: 0;
  max-width: calc(372 * var(--wm));
  min-height: calc(372 * var(--wm));
  padding: calc(16 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
  overflow: hidden;
}


.about__cards--wide {
  align-items: stretch;
  min-height: 0;
  height: calc(104 * var(--wm));
}
.about__cards--wide .stat-card { height: 100%; }
.about__cards--wide .stats-value,
.about__cards--wide .stats-description { white-space: nowrap; }
.about__cards--wide .stat-card:nth-child(2),
.about__cards--wide .stat-card:nth-child(3) { margin-bottom: 0; }
.about__cards--wide .stat-card {
  min-height: 0;
  max-width: none;
}
.about__cards--wide .stat-card:first-child { flex: 0 0 calc(366 * var(--wm)); }


.about__stack {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--wm));
  width: 100%;
}

.stat-card__area {
  display: flex;
  flex-direction: column;
  gap: calc(6 * var(--wm));
}

.stat-card__value {
  display: flex;
  align-items: flex-end;
  gap: calc(8 * var(--wm));
}
.stat-card__value .stats-value  { color: var(--color-green-number); }
.stat-card__value .stats-prefix { color: var(--color-green-number); }
.stat-card__value .stats-unit   { color: var(--color-black); }

.stat-card .stats-description { color: var(--color-black-50); }

.stat-card__img {
  position: absolute;
  left: 0;
  top: calc(112 * var(--wm));
  width: calc(302 * var(--wm));
  height: calc(260 * var(--wm));
  border-radius: calc(12 * var(--wm));
  object-fit: cover;
}

@media (max-width: 1024px) {
  .stat-card__img { left: 50%; translate: -50% 0; width: calc(100% - 32 * var(--wm)); }
}

@media (max-width: 767px) {
  .about { gap: calc(24 * var(--wm)); }
  .about__cards { flex-wrap: wrap; align-items: stretch; min-height: 0; }
  .stat-card { flex: 1 1 calc(50% - 6 * var(--wm)); max-width: none; min-height: calc(320 * var(--wm)); }

  .stat-card__img { height: calc(100% - 128 * var(--wm)); }
  .stat-card:nth-child(2),
  .stat-card:nth-child(3) { margin-bottom: 0; }
  .about__cards--wide {
    height: auto;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: stretch;
  }
  .about__cards--wide .stat-card,
  .about__cards--wide .stat-card:first-child {
    flex: 1 1 auto;
    width: 100%;
    max-width: none;
    height: auto;
  }
  .about__cards--wide .stats-description { white-space: normal; }
}


.directions {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(42 * var(--wm));
}

.directions__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: calc(12 * var(--wm));
  width: 100%;
}

.dir-card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
  border-radius: calc(12 * var(--wm));
  background: var(--surface-card);
  overflow: hidden;
}

.dir-card__cover {
  position: relative;
  height: calc(260 * var(--wm));
  overflow: hidden;
}
.dir-card__cover > img:not(.dir-card__logo) {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: scale(1);
  transition: transform var(--duration-slow) var(--ease-out);
}
.dir-card:hover .dir-card__cover > img:not(.dir-card__logo) {
  transform: scale(1.05);
}


.dir-card__cover > .dir-card__logo {
  position: absolute;
  left: calc(24 * var(--wm));
  top: 50%;
  translate: 0 -50%;


  width: calc(280 * var(--wm));
  height: calc(110 * var(--wm));
  object-fit: contain;
  object-position: left center;
}

.dir-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(16 * var(--wm));
  flex: 1;
  min-height: calc(198 * var(--wm));
  padding-inline: calc(16 * var(--wm));
}

.dir-card__top {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
}

.dir-card__labels {
  display: flex;
  flex-wrap: wrap;
  gap: calc(4 * var(--wm));
}
.dir-card__labels .card-label { color: var(--color-green-label); }
.dir-card__labels .card-label--plain { color: var(--color-black); }

.dir-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
  padding-block: calc(24 * var(--wm));
}

.dir-card__meta {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
.dir-card__meta li { display: flex; align-items: center; }
.dir-card__meta li + li::before {
  content: "";
  width: calc(6 * var(--wm));
  height: calc(6 * var(--wm));
  margin-inline: calc(9 * var(--wm));
  border-radius: 50%;
  background: var(--color-green-500);
}

.dir-card__action {
  display: inline-flex;
  align-items: center;
  gap: calc(6 * var(--wm));
  white-space: nowrap;
  transition: color var(--duration-base) var(--ease-out);
}

.dir-card__action::after {
  content: "";
  position: absolute;
  inset: 0;
}

.dir-card:hover .dir-card__action,
.dir-card__action:hover { color: var(--color-green-500); }

.dir-card:hover .card-action svg,
.news-card:hover .card-action svg,
.map-link:hover .card-action svg {
  transform: rotate(90deg);
}

@media (max-width: 767px) {
  .directions { gap: calc(24 * var(--wm)); }
  .directions__grid { grid-template-columns: 1fr; }
  .dir-card__cover { height: calc(200 * var(--wm)); }
  .dir-card__foot { flex-direction: column; align-items: flex-start; gap: calc(12 * var(--wm)); }
}


.bg-video {
  position: absolute;
  inset: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.crops {
  position: relative;
  isolation: isolate;
  display: flex;
  flex-direction: column;
  gap: calc(32 * var(--wm));
  width: 100%;
  padding: calc(32 * var(--wm)) calc(41 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--color-gray-dark);
  overflow: hidden;
}

.crops .bg-video { z-index: 0; }
.crops::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 1;
  background: var(--color-black-30);
  backdrop-filter: blur(calc(42 * var(--wm)));
}
.crops > *:not(.bg-video) {
  position: relative;
  z-index: 2;
}

.crops__list {
  display: flex;
  align-items: stretch;
  gap: calc(12 * var(--wm));
}

.crop-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-start;
  gap: calc(8 * var(--wm));
  flex: 1 1 0;
  min-width: 0;
  padding: calc(24 * var(--wm)) calc(16 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--surface-soft);
  transition: transform var(--duration-base) var(--ease-out);
}
.crop-card:hover { transform: translateY(calc(-4 * var(--wm))); }

.crop-card .card-heading-s {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: calc(2 * var(--text-card-h-s) * var(--leading-card-h-s));
  text-wrap: balance;
}

.crop-card__img {
  display: grid;
  place-items: center;
  width: 100%;
  height: calc(210 * var(--wm));
}
.crop-card__img img {
  max-width: 100%;
  max-height: calc(189 * var(--wm));
  object-fit: contain;
}

.crop-card .card-label {
  margin-top: auto;
  opacity: 0.8;
  text-align: center;
}

@media (max-width: 1024px) {
  .crops__list { flex-wrap: wrap; justify-content: center; }
  .crop-card { flex: 1 1 calc(33.333% - 8 * var(--wm)); }
}

@media (max-width: 767px) {
  .crops { padding: calc(24 * var(--wm)) calc(16 * var(--wm)); overflow: hidden; }
  .crops__list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    align-items: stretch;
    width: 100%;
  }
  .crop-card {
    max-width: none;
    min-width: 0;
    overflow: hidden;
  }

  .crop-card:last-child:nth-child(odd) { grid-column: 1 / -1; }
  .crop-card .card-heading-s {
    width: 100%;
    overflow-wrap: anywhere;
  }
  .crop-card__img {
    height: calc(150 * var(--wm));
    overflow: hidden;
  }

  .crop-card__img img {
    max-width: 100%;
    max-height: 100%;
  }
}


.feed {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32 * var(--wm));
}

.feed__inner {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  width: 100%;
}

.feed__main {
  position: relative;
  isolation: isolate;
  display: flex;
  align-items: center;
  gap: calc(24 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
  overflow: hidden;
}


.feed__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(32 * var(--wm));
  flex: 1;
  padding: calc(24 * var(--wm));
}
.feed__text .btn--green {
  width: 100%;
  --_bg: #256535;
}
.feed__text .btn--green:hover { --_bg: #2e7a40; }

.feed__mix {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  width: 100%;
}
.feed__mix > .card-label { opacity: 0.5; }

.feed__mix-row {
  display: flex;
  align-items: center;
  gap: calc(4 * var(--wm));
  width: 100%;
}

.mix-item {
  display: flex;
  align-items: flex-end;
  gap: calc(8 * var(--wm));
  padding: calc(12 * var(--wm)) calc(16 * var(--wm));
  border-radius: calc(8 * var(--wm));
}
.mix-item--wheat  { flex: 1; background: var(--surface-lime); }
.mix-item--wheat .stats-value { color: var(--color-green-number); }
.mix-item--barley { background: #edece4; color: #64533e; }
.mix-item--barley .stats-value { color: #64533e; }

.feed__photo {
  width: calc(640 * var(--wm));

  /* Тянется на всю высоту блока: заполняет его вплотную при любой длине текста.
     Скругление и обрезку берёт на себя .feed__main. */
  align-self: stretch;
  height: auto;
  min-height: calc(312 * var(--wm));
  object-fit: cover;
}


.feed__specs {
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
}

.feed__specs-title {
  padding: calc(24 * var(--wm)) calc(24 * var(--wm)) 0;
  text-align: center;
}

.feed__specs-row {
  display: flex;
  padding-block: calc(24 * var(--wm));
  border-bottom: 1px solid var(--color-black-15);
}

.feed__spec {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(16 * var(--wm));
  flex: 1;
  padding-inline: calc(24 * var(--wm));
  border-right: 1px solid var(--color-black-15);
}
.feed__spec:last-child { border-right: none; }
.feed__spec .stats-value { color: var(--color-green-number); }

.feed__note {
  padding: calc(24 * var(--wm)) calc(10 * var(--wm));
  text-align: center;
  opacity: 0.7;
}

@media (max-width: 1024px) {
  .feed__main { flex-direction: column; align-items: stretch; }

  .feed__photo { width: 100%; }
}

@media (max-width: 767px) {
  .feed { gap: calc(24 * var(--wm)); }
  .feed__specs-row { flex-wrap: wrap; gap: calc(24 * var(--wm)) 0; }
  .feed__spec { flex: 1 1 50%; }
  .feed__spec:nth-child(2n) { border-right: none; }
  .feed__mix-row { flex-direction: column; align-items: stretch; }

  .feed__text .btn { width: 100%; }
}


.geo {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32 * var(--wm));
}

.geo__map {
  position: relative;
  width: 100%;
  min-height: calc(810 * var(--wm));
  border: 1px solid var(--color-black-05);
  border-radius: calc(12 * var(--wm));
  background: var(--color-white);
  overflow: hidden;
}
.geo__globe {
  position: absolute;
  inset: 0;
  z-index: 0;
}
.geo__globe canvas {
  display: block;
  width: 100%;
  height: 100%;
}
.geo__fallback {
  position: relative;
  z-index: 0;
  width: 100%;
  height: 100%;

  object-fit: contain;
  transition: opacity var(--duration-slow) var(--ease-out);
}
.geo__map.is-globe .geo__fallback {
  opacity: 0;
  pointer-events: none;
}

.geo__label {
  padding: calc(4 * var(--wm)) calc(8 * var(--wm));
  border-radius: calc(6 * var(--wm));
  background: var(--color-white);
  color: var(--color-black);
  font-size: calc(13 * var(--wm));
  font-weight: var(--weight-medium);
  line-height: 1.2;
  white-space: nowrap;
  pointer-events: none;
  transform: translate(-50%, -120%);
}

.geo__label--sm {
  padding: calc(2 * var(--wm)) calc(6 * var(--wm));
  border-radius: calc(4 * var(--wm));
  background: var(--color-white-70);
  font-size: calc(10 * var(--wm));
  font-weight: var(--weight-regular);
  transform: translate(-50%, -50%);
}

.geo__switch {
  position: absolute;
  left: 50%;
  top: calc(24 * var(--wm));
  z-index: 2;
  translate: -50% 0;
  display: flex;
  align-items: center;
  height: calc(40 * var(--wm));
  padding: calc(4 * var(--wm));
  border-radius: calc(200 * var(--wm));
  background: var(--color-white);
}


.geo__switch-thumb {
  position: absolute;
  left: calc(4 * var(--wm));
  top: calc(4 * var(--wm));
  z-index: 0;

  width: calc(50% - 4 * var(--wm));
  height: calc(32 * var(--wm));
  border-radius: calc(200 * var(--wm));
  background: var(--color-green-500);
  transition: transform var(--duration-base) var(--ease-out);
}
.geo__switch.is-second .geo__switch-thumb { transform: translateX(100%); }

.geo__switch button {
  --_bg: transparent;
  --_fg: var(--color-white);
  position: relative;
  z-index: 1;
  width: calc(208 * var(--wm));
  border-radius: calc(200 * var(--wm));
  transition: color var(--duration-base) var(--ease-out);
}
.geo__switch button:hover { --_bg: transparent; --_fg: var(--color-white); }


.geo__switch button:nth-of-type(2) { --_fg: var(--color-black); }
.geo__switch.is-second button:nth-of-type(1) { --_fg: var(--color-black); }
.geo__switch.is-second button:nth-of-type(2) { --_fg: var(--color-white); }

@media (max-width: 767px) {
  .geo { gap: calc(24 * var(--wm)); }
  .geo__map { min-height: calc(420 * var(--wm)); }
  .geo__switch { width: calc(100% - 32 * var(--wm)); }
  .geo__switch button { width: 50%; }
}


.licenses {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32 * var(--wm));
}

.licenses__list {
  display: flex;
  gap: calc(12 * var(--wm));
  width: 100%;
}

.license-card {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(30 * var(--wm));
  flex: 1;
  min-height: calc(360 * var(--wm));
  padding: calc(16 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
}

.license-card__top {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--wm));
}

.license-card__foot {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
}
.license-card__foot .card-meta { opacity: 0.5; }


.license-card:hover .btn--soft {
  --_bg: var(--color-green-brand);
  --_fg: var(--color-white);
}

@media (max-width: 1024px) {
  .licenses__list { flex-wrap: wrap; }
  .license-card { flex: 1 1 calc(50% - 6 * var(--wm)); }
}

@media (max-width: 767px) {
  .licenses { gap: calc(24 * var(--wm)); }
  .license-card { flex: 1 1 100%; min-height: auto; }
}


.partner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(21 * var(--wm));
  width: 100%;
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
}

.partner__text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: calc(16 * var(--wm));
  align-self: stretch;
  width: calc(596 * var(--wm));
  max-width: 100%;
  padding: calc(24 * var(--wm));
}
.partner__text .section-heading,
.partner__text .section-description { width: 100%; text-align: left; }

.partner__photo {
  flex: none;
  width: calc(640 * var(--wm));
  height: calc(324 * var(--wm));
  border-radius: calc(20 * var(--wm));
  object-fit: cover;
}

@media (max-width: 1024px) {
  .partner { flex-direction: column; align-items: stretch; }
  .partner__text { width: 100%; }
  .partner__photo { width: 100%; }
}


.news {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(32 * var(--wm));
}

.news__title { width: 100%; text-align: left; }


.news__list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: stretch;

  gap: calc(24 * var(--wm)) calc(12 * var(--wm));
  width: 100%;
}

.news-card {
  position: relative;
  display: flex;
  flex-direction: column;
  border-radius: calc(20 * var(--wm));
  overflow: hidden;
}

.news-card__media {
  display: block;
  overflow: hidden;
}

.news-card__link {
  color: inherit;
  text-decoration: none;
  transition: color var(--duration-base) var(--ease-out);
}
.news-card__link:hover { color: var(--color-green-500); }

.news-card__img {
  width: 100%;
  height: calc(240 * var(--wm));
  object-fit: cover;
  transform: scale(1);
  transition: transform var(--duration-slow) var(--ease-out);
}
.news-card:hover .news-card__img {
  transform: scale(1.05);
}

.news-card__body {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(16 * var(--wm));
  flex: 1;
  min-height: calc(202 * var(--wm));
  padding: calc(16 * var(--wm));
  background: var(--surface-card);
}

.news-card__top {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
}
.news-card .card-heading-m {
  font-size: var(--text-card-h-s);
  line-height: var(--leading-card-h-s);
}

.news-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
}


.news-card.is-hidden { display: none; }

.news-card.is-appearing {
  animation: news-appear var(--duration-slow) var(--ease-out-expo) both;
}
@keyframes news-appear {
  from { opacity: 0; transform: translateY(calc(16 * var(--wm))); }
  to   { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
  .news-card.is-appearing { animation: none; }
  .dir-card:hover .dir-card__cover > img:not(.dir-card__logo),
  .news-card:hover .news-card__img { transform: none; }
}


.news-card:hover .dir-card__action { color: var(--color-green-500); }

@media (max-width: 1024px) {
  .news__list { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 767px) {
  .news { gap: calc(24 * var(--wm)); }
  .news__list { grid-template-columns: 1fr; }
  .news-card__img { height: calc(200 * var(--wm)); }
  .news-card__foot { flex-direction: column; align-items: flex-start; gap: calc(12 * var(--wm)); }
}


.team {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(32 * var(--wm));
}


.team__row {
  /* Ряд вылезает за правый отступ страницы до края экрана: следующая карточка
     выглядывает из-за края, поэтому сразу видно, что справа есть ещё люди. */
  width: calc(100% + var(--page-pad));
  margin-inline-end: calc(-1 * var(--page-pad));
  overflow: hidden;
}
.team__row .swiper-slide {
  width: calc(412 * var(--wm));
  height: auto;
}

.team-card {
  display: flex;
  flex-direction: column;
  width: 100%;
  border-radius: calc(20 * var(--wm));
  overflow: hidden;
}

.team-card { opacity: calc(0.5 + 0.5 * var(--card-in, 1)); }

.team-card__img {
  display: block;
  width: 100%;
  height: calc(350 * var(--wm));
  object-fit: cover;
  background: #e8e8e8;
}
.team-card__img--empty {
  flex-shrink: 0;
}

.team-card__body {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: calc(16 * var(--wm));
  flex: 1;
  min-height: calc(202 * var(--wm));
  padding: calc(16 * var(--wm));
  background: var(--surface-card);
}

.team-card__top {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
}

@media (max-width: 767px) {
  .team { gap: calc(24 * var(--wm)); }

  /* На мобилке слайды центрируются — вылет за отступ сбил бы центровку. */
  .team__row {
    width: 100%;
    margin-inline-end: 0;
  }

  .team__row .swiper-slide {
    width: calc(300 * var(--wm));
  }
  .team-card {
    width: 100%;
  }
}


.team-card { cursor: pointer; }
.team-card:focus-visible { outline: 2px solid var(--color-green-500); outline-offset: 2px; }

/* В локальной вёрстке swiper-bundle.css подключён после main.css и перебивает
   display у слайда — без этого карточки не тянутся на общую высоту. */
.team__row .team-card { display: flex; }

.team-card__foot {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
}
.team-card__exp {
  display: flex;
  align-items: center;
}
.team-card__exp::before {
  content: "";
  flex-shrink: 0;
  width: calc(6 * var(--wm));
  height: calc(6 * var(--wm));
  margin-inline: calc(9 * var(--wm));
  border-radius: 50%;
  background: var(--color-green-500);
}
.team-card__more {
  margin-left: auto;
  display: inline-flex;
  align-items: center;
  gap: calc(8 * var(--wm));
  flex-shrink: 0;
  white-space: nowrap;
}
.team-card__more svg {
  width: calc(24 * var(--wm));
  height: calc(24 * var(--wm));
  transition: transform var(--duration-base) var(--ease-out);
}
.team-card:hover .team-card__more svg { transform: translate(2px, -2px); }


/* Модалка сотрудника: панель выезжает справа. */
.modal.person-modal {
  left: auto;
  right: calc(8 * var(--wm));
  top: calc(8 * var(--wm));
  translate: none;
  width: calc(483 * var(--wm));
  max-width: calc(100vw - 16 * var(--wm));
  height: calc(100dvh - 16 * var(--wm));
  max-height: none;
}
.person-modal__panel {
  display: flex;
  flex-direction: column;
  height: 100%;
  border-radius: calc(20 * var(--wm));
  background: var(--color-white);
  overflow: hidden;
  transform: translateX(calc(100% + 16 * var(--wm)));
  transition: transform 280ms var(--ease-out);
}
.person-modal.is-visible .person-modal__panel { transform: none; }
.person-modal__panel:focus { outline: none; }

.person-modal__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(40 * var(--wm));
  padding: calc(16 * var(--wm));
}
.person-modal__close {
  display: grid;
  place-items: center;
  flex-shrink: 0;
  width: calc(32 * var(--wm));
  height: calc(32 * var(--wm));
  margin: calc(-4 * var(--wm));
  border-radius: 50%;
  color: var(--color-black);
  transition: background-color var(--duration-base) var(--ease-out);
}
.person-modal__close:hover { background: var(--color-black-05); }
.person-modal__close svg { width: calc(24 * var(--wm)); height: calc(24 * var(--wm)); }

.person-modal__body {
  flex: 1;
  overflow-y: auto;
  overscroll-behavior: contain;
}
.person-modal__row {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  padding: calc(16 * var(--wm));
}
.person-modal__row[hidden] { display: none; }
.person-modal__label {
  font-size: calc(14 * var(--wm));
  line-height: calc(24 * var(--wm));
  font-weight: 500;
  opacity: 0.5;
}
.person-modal__row .card-description p + p { margin-top: calc(12 * var(--wm)); }
.person-modal__row--quote .card-meta { font-weight: 500; }

@media (max-width: 767px) {
  .modal.person-modal {
    width: calc(100vw - 16 * var(--wm));
    max-width: calc(100vw - 16 * var(--wm));
  }
}

.partners {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(42 * var(--wm));
}


.partners__row {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--wm));
  width: auto;
  margin-inline: calc(-1 * var(--page-pad));
  padding-inline: var(--page-pad);
  overflow: hidden;
  scrollbar-width: none;
  mask-image: linear-gradient(
    90deg,
    transparent 0,
    #000 calc(80 * var(--wm)),
    #000 calc(100% - 80 * var(--wm)),
    transparent
  );
}
.partners__row::-webkit-scrollbar { display: none; }

.partners__track {
  display: flex;
  width: max-content;
  animation: partners-marquee 40s linear infinite;
}
.partners__set {
  display: flex;
  align-items: center;
  gap: calc(12 * var(--wm));
  padding-inline-end: calc(12 * var(--wm));
}
@keyframes partners-marquee {
  to { transform: translateX(var(--marquee-shift, -50%)); }
}
@media (prefers-reduced-motion: reduce) {
  .partners__track { animation: none; }
}


.partners__item {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(260 * var(--wm));
  height: calc(260 * var(--wm));
  padding: calc(24 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--surface-card);
  overflow: hidden;
}

.partners__item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

@media (max-width: 767px) {
  .partners { gap: calc(24 * var(--wm)); }
  .partners__item { width: calc(180 * var(--wm)); height: calc(180 * var(--wm)); padding: calc(16 * var(--wm)); }
}


[data-drag-scroll] { cursor: grab; }
[data-drag-scroll].is-dragging { cursor: grabbing; scroll-snap-type: none; }
[data-drag-scroll].is-dragging * { pointer-events: none; }


.page--contacts {
  gap: 0;
  padding-bottom: 0;
  background: var(--color-black);
}

.contacts {
  width: 100%;

  padding: calc(16 * var(--wm)) calc(16 * var(--wm)) calc(37 * var(--wm));
}

.contacts__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(12 * var(--wm));
  align-items: start;
}

.contacts__col {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--wm));
}

.contacts__card {
  border-radius: calc(20 * var(--wm));
  background: var(--color-white-10);
  overflow: hidden;
}


.contacts__intro {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  gap: calc(63 * var(--wm));
  min-height: calc(527 * var(--wm));
  padding: calc(152 * var(--wm)) calc(24 * var(--wm)) calc(24 * var(--wm));
}

.contacts__head {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
}
.contacts__head .section-label,
.contacts__head .section-heading {
  width: 100%;
  text-align: left;
  color: var(--color-white);
}

.contacts__list {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--wm));
}
.contacts__row {
  display: flex;
  gap: calc(12 * var(--wm));
}

.contacts__item {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  flex: 1;
  padding: calc(16 * var(--wm));
  border-radius: calc(12 * var(--wm));
  background: var(--color-white-05);
  color: var(--color-white);
  transition: background-color var(--duration-base) var(--ease-out);
}
a.contacts__item:hover { background: var(--color-white-15); }
.contacts__item .section-label { opacity: 0.6; }


.contacts__maps {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(42 * var(--wm));
  min-height: calc(228 * var(--wm));
  padding: calc(24 * var(--wm));
}

.contacts__maps-head {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
}
.contacts__maps-head .section-heading,
.contacts__maps-head .section-label {
  width: 100%;
  text-align: left;
  color: var(--color-white);
}

.contacts__maps-row {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--wm));
}

.map-link {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--wm));
  flex: 1;
  padding: calc(8 * var(--wm));
  border-radius: calc(8 * var(--wm));
  background: var(--color-white-05);
  color: var(--color-white);
  transition: background-color var(--duration-base) var(--ease-out);
}
.map-link:hover { background: var(--color-white-15); }

.map-link__icon {
  display: grid;
  place-items: center;
  flex: none;
  width: calc(54 * var(--wm));
  height: calc(54 * var(--wm));
  border-radius: calc(12 * var(--wm));
  background: var(--color-white);
  overflow: hidden;
}

.map-link__icon img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.map-link__text {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--wm));
}

.map-link__action {
  display: inline-flex;
  align-items: center;
  gap: calc(6 * var(--wm));
}


.contacts__photo {
  position: relative;
  min-height: calc(767 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--color-white-10);
  overflow: hidden;
}
.contacts__photo > img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.lead {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  display: flex;
  flex-direction: column;
  gap: calc(18 * var(--wm));
  width: calc(466 * var(--wm));
  max-width: calc(100% - 32 * var(--wm));
  padding: calc(24 * var(--wm));
  border-radius: calc(20 * var(--wm));
  background: var(--color-white);
}
.lead__title { width: calc(324 * var(--wm)); max-width: 100%; text-align: left; }
.lead .card-description { color: var(--color-black); }

.lead__field {
  display: flex;
  flex-direction: column;
  gap: calc(4 * var(--wm));
  height: calc(56 * var(--wm));
  padding: calc(10 * var(--wm)) calc(16 * var(--wm));
  border-radius: calc(12 * var(--wm));
  background: var(--color-black-05);
  cursor: text;
  transition: background-color var(--duration-base) var(--ease-out);
}
.lead__field:focus-within { background: var(--color-black-08); }
.lead__field .section-label { text-align: left; opacity: 0.6; }
.lead__field input {
  width: 100%;
  border: none;
  background: none;
  font-size: calc(16 * var(--wm));
  line-height: 1.2;
}
.lead__field input:focus { outline: none; }


.lead__field input:-webkit-autofill,
.lead__field input:-webkit-autofill:hover,
.lead__field input:-webkit-autofill:focus,
.lead__field input:-webkit-autofill:active {
  -webkit-text-fill-color: var(--color-black);
  -webkit-box-shadow: 0 0 0 1000px transparent inset;
  box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 100000s ease 0s, color 100000s ease 0s;
  caret-color: var(--color-black);
}
.lead__field input:autofill {
  background: none;
}

/* Поле файла (резюме в модалке «Вакансии»). */
.lead__field--file {
  flex-direction: row;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(12 * var(--wm));
  height: auto;
  min-height: calc(56 * var(--wm));
  cursor: pointer;
}
.lead__field--file .section-label { flex-shrink: 0; }
.lead__field--file .wpcf7-form-control-wrap { display: contents; }
.lead__field--file input[type="file"] { width: auto; flex: 1; min-width: 0; }
.lead__field--file .lead__hint { flex-basis: 100%; }
.lead__field input[type="file"] {
  font-size: calc(14 * var(--wm));
  cursor: pointer;
}
.lead__field input[type="file"]::file-selector-button {
  margin-right: calc(12 * var(--wm));
  padding: calc(6 * var(--wm)) calc(14 * var(--wm));
  border: none;
  border-radius: calc(200 * var(--wm));
  background: var(--color-black);
  color: var(--color-white);
  font: inherit;
  cursor: pointer;
  transition: background-color var(--duration-base) var(--ease-out);
}
.lead__field input[type="file"]::file-selector-button:hover { background: var(--color-green-brand); }
.lead__hint { font-size: calc(13 * var(--wm)); opacity: 0.5; text-align: left; }

.lead .btn { margin-top: calc(6 * var(--wm)); }

/* reCAPTCHA v3: значок скрыт, вместо него уведомление под формой. */
.grecaptcha-badge { visibility: hidden !important; }
.lead__recaptcha { display: none; }
.lead__recaptcha {
  font-size: calc(12 * var(--wm));
  line-height: 1.4;
  text-align: center;
  opacity: 0.5;
}
.lead__recaptcha a { text-decoration: underline; }

@media (max-width: 1024px) {
  .contacts__grid { grid-template-columns: 1fr; }
  .contacts__intro { padding-top: calc(80 * var(--wm)); }
}

@media (max-width: 767px) {
  .contacts { padding: calc(8 * var(--wm)) calc(8 * var(--wm)) calc(24 * var(--wm)); }
  .contacts__intro {
    min-height: 0;
    gap: calc(32 * var(--wm));
    padding: calc(100 * var(--wm)) calc(16 * var(--wm)) calc(16 * var(--wm));
  }
  .contacts__row { flex-direction: column; }
  .contacts__maps { gap: calc(20 * var(--wm)); padding: calc(16 * var(--wm)); }
  .contacts__maps-row { flex-direction: column; align-items: stretch; }
  .contacts__photo { min-height: calc(560 * var(--wm)); }
  .lead { width: calc(100% - 24 * var(--wm)); padding: calc(16 * var(--wm)); }
  .lead__title { width: 100%; }
}


.page--inner {
  padding-top: calc(120 * var(--wm));
  padding-bottom: calc(120 * var(--wm));
  gap: calc(120 * var(--wm));
}

.crumbs {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--wm));
}
.crumbs a,
.crumbs span:not(.is-current) { opacity: 0.5; }
.crumbs a { transition: opacity var(--duration-base) var(--ease-out); }
.crumbs a:hover { opacity: 1; }

.news__head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: calc(8 * var(--wm));
  width: 100%;
}

@media (max-width: 767px) {
  .page--inner {
    padding-top: calc(96 * var(--wm));
    padding-bottom: calc(64 * var(--wm));
  }
}


.article {
  --article-gap: calc(32 * var(--wm));
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--article-gap);
}


.page--article { padding-top: calc((24 + 8 + 63 + 8 + 24) * var(--wm)); }

@media (max-width: 767px) {
  .page--article { padding-top: calc((12 + 8 + 63 + 8 + 24) * var(--wm)); }
}

.back-link {
  display: inline-flex;
  align-items: center;
  gap: calc(4 * var(--wm));
  align-self: center;
  padding: calc(4 * var(--wm)) calc(16 * var(--wm)) calc(4 * var(--wm)) calc(8 * var(--wm));
  border-radius: calc(200 * var(--wm));
  background: var(--color-black);
  color: var(--color-white);
  font-size: var(--text-card-action);
  line-height: var(--leading-card-action);
  transition: background-color var(--duration-base) var(--ease-out);
}
.back-link:hover { background: var(--color-green-brand); }
.back-link svg {
  width: calc(24 * var(--wm));
  height: calc(24 * var(--wm));
}

.article > .back-link + .article__head {
  margin-top: calc(16 * var(--wm) - var(--article-gap));
}

.article__head {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: calc(8 * var(--wm));
  width: 100%;
  text-align: center;
}
.article__title { width: 100%; }

.article__date {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--wm));
}

.article__cover {
  width: calc(1200 * var(--wm));
  max-width: 100%;
  height: calc(600 * var(--wm));
  border-radius: calc(20 * var(--wm));
  object-fit: cover;
}


.article__lead,
.article__block {
  width: calc(1000 * var(--wm));
  max-width: 100%;
}

.article__block {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
}
.article__block .section-heading {
  width: 100%;
  text-align: left;
}

/* Текстовые страницы (политика и т.п.): контент из редактора WordPress. */
.article__content > * + * { margin-top: calc(16 * var(--wm)); }
.article__content h2 {
  margin-top: calc(40 * var(--wm));
  font-size: var(--text-h3);
  line-height: var(--leading-h3);
  font-weight: var(--weight-h3);
  text-transform: none;
}
.article__content h3 {
  margin-top: calc(24 * var(--wm));
  font-size: var(--text-card-h-m);
  font-weight: 500;
}
.article__content > :first-child { margin-top: 0; }
.article__content ul {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  padding-left: calc(24 * var(--wm));
  list-style: disc;
}
.article__content li::marker { color: var(--color-green-500); }
.article__content a { color: var(--color-green-brand); text-decoration: underline; }

@media (max-width: 767px) {
  .article { --article-gap: calc(20 * var(--wm)); }
  .article__cover { height: calc(240 * var(--wm)); }
}


.hero-dir {
  width: 100%;
  height: 100vh;
  height: 100svh;
  min-height: calc(560 * var(--wm));
  padding: calc(16 * var(--wm));
  background: var(--hero-about-bg);
}


.hero-dir,
.hero-dir__panel,
.hero-dir__crumbs,
.hero-dir__content {
  transition: padding var(--duration-intro-dir) var(--ease-out-expo),
              border-radius var(--duration-intro-dir) var(--ease-out-expo),
              opacity var(--duration-intro-dir) var(--ease-out-expo);
}

.has-hero-intro .hero-dir { padding: 0; }
.has-hero-intro .hero-dir .hero-dir__panel { border-radius: 0; }
.has-hero-intro .hero-dir .hero-dir__crumbs,
.has-hero-intro .hero-dir .hero-dir__content {
  opacity: 0;
  pointer-events: none;
}

@media (prefers-reduced-motion: reduce) {
  .hero-dir,
  .hero-dir__panel,
  .hero-dir__crumbs,
  .hero-dir__content { transition: none; }
}

.hero-dir__panel {
  position: relative;
  height: 100%;
  border-radius: calc(20 * var(--wm));
  background: var(--color-black);
  overflow: hidden;
}

.hero-dir__img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  opacity: 0;
  transition: opacity var(--duration-intro-dir) var(--ease-out);
}
.hero-dir__img.is-loaded { opacity: 1; }

/* Лёгкое затемнение снизу, чтобы текст hero читался на светлых фото. */
.hero-dir__panel::after {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0.28) 45%, rgba(0, 0, 0, 0) 75%);
  pointer-events: none;
}
.hero-dir__crumbs,
.hero-dir__content { z-index: 1; }


.hero-dir__crumbs {
  position: absolute;
  left: calc(24 * var(--wm));
  top: calc(114 * var(--wm));
  display: flex;
  align-items: center;
  gap: calc(8 * var(--wm));
  color: var(--color-white);
}
.hero-dir__crumbs a,
.hero-dir__crumbs span:not(.is-current) { opacity: 0.5; }
.hero-dir__crumbs a:hover { opacity: 1; }

.hero-dir__content {
  position: absolute;
  left: calc(24 * var(--wm));
  bottom: calc(24 * var(--wm));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(16 * var(--wm));
  width: calc(780 * var(--wm));
  max-width: calc(100% - 48 * var(--wm));
  color: var(--color-white);
}
.hero-dir__content .section-heading,
.hero-dir__content .section-description {
  width: 100%;
  text-align: left;
  color: var(--color-white);
}

.hero-dir--about .section-label {
  display: block;
  color: var(--color-white);
}
.hero-dir--about .section-heading {
  text-transform: uppercase;
}
.hero-dir--about .hero-dir__content {
  gap: calc(12 * var(--wm));
  width: calc(860 * var(--wm));
}
.hero-dir--about .hero-dir__texts {
  display: flex;
  flex-direction: column;
  gap: calc(10 * var(--wm));
  width: 100%;
}
.hero-dir--about .hero-dir__texts .section-description {
  line-height: 1.28;
  opacity: 0.92;
}

.hero-dir__actions {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: calc(16 * var(--wm));
}


.hero-dir__content--center {
  left: calc(24 * var(--wm));
  right: calc(24 * var(--wm));
  top: calc(282 * var(--wm));
  bottom: auto;
  align-items: center;
  width: auto;
  max-width: none;
}

.hero-dir__content--center .section-heading,
.hero-dir__content--center .section-description {
  width: calc(630 * var(--wm));
  max-width: 100%;
  margin-inline: auto;
  text-align: center;
}


.page--flush {
  gap: 0;
  padding-bottom: 0;
}


.chips {
  display: flex;
  flex-wrap: wrap;
  gap: calc(8 * var(--wm));
  width: 100%;
}
.chip {
  padding: calc(8 * var(--wm));
  border-radius: calc(8 * var(--wm));
  background: var(--color-green-15);
}

.feed__photo--tall    { min-height: calc(371 * var(--wm)); }
.feed__photo--product { min-height: calc(470 * var(--wm)); }
.feed__main--soft     { background: var(--surface-soft-2); }


.charts {
  display: flex;
  flex-direction: column;
  gap: calc(12 * var(--wm));
}

.charts__row {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: calc(12 * var(--wm));
}


.chart-card {
  position: relative;
  display: flex;
  flex-direction: column;
  height: calc(440 * var(--wm));
  border: 1px solid var(--color-black-03);
  border-radius: calc(12 * var(--wm));
  background: var(--color-white);
  overflow: hidden;
}

.chart-card__note {
  position: absolute;
  right: calc(24 * var(--wm));
  top: calc(28 * var(--wm));
  opacity: 0.6;
}

.chart-card__head {
  position: absolute;
  left: calc(24 * var(--wm));
  top: calc(24 * var(--wm));
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
  z-index: 2;
}

.chart-card__title {
  display: flex;
  align-items: center;
  gap: calc(6 * var(--wm));
  text-align: left;
  white-space: nowrap;
}

.chart-card__hint {
  flex: none;
  display: grid;
  place-items: center;
  width: calc(16 * var(--wm));
  height: calc(16 * var(--wm));
  border-radius: 50%;
  cursor: help;
}
.chart-card__hint img { width: 100%; height: 100%; }


.chart-card__hint-text {
  position: absolute;
  left: calc(127 * var(--wm));
  top: calc(24 * var(--wm));
  z-index: 3;
  width: calc(408 * var(--wm));
  padding: calc(12 * var(--wm));
  border-radius: calc(8 * var(--wm));
  background: var(--surface-hint);
  color: var(--color-black);
  font-size: var(--text-section-label);
  font-weight: var(--weight-section-label);
  line-height: var(--leading-section-label);
  text-align: left;
  white-space: normal;
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity var(--duration-base) var(--ease-out), visibility var(--duration-base);
}
.chart-card__hint:hover .chart-card__hint-text,
.chart-card__hint:focus-visible .chart-card__hint-text { opacity: 1; visibility: visible; }

.chart-card__value {
  display: flex;
  align-items: flex-end;
  gap: calc(8 * var(--wm));
}
.chart-card__value .stats-value { color: var(--color-green-number); }


.chart-card__plot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(243 * var(--wm));
  --plot-x: calc(35 * var(--wm));
  --plot-w: calc(100% - 70 * var(--wm));
}

.chart-card__line {
  position: absolute;
  left: var(--plot-x);
  top: 0;
  width: var(--plot-w);
  height: calc(205 * var(--wm));
}


.chart-card__dot,
.chart-dot {
  translate: -50% 0;
}

.chart-card__axis {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: auto;
}


.chart-card__dot { position: absolute; height: calc(43 * var(--wm)); width: auto; }
.chart-card__dot--a { left: calc(var(--plot-x) + 0.0018 * var(--plot-w));  bottom: calc(143 * var(--wm)); }
.chart-card__dot--b { left: calc(var(--plot-x) + 0.3307 * var(--plot-w)); bottom: calc(92 * var(--wm)); }
.chart-card__dot--c { left: calc(var(--plot-x) + 0.6486 * var(--plot-w)); bottom: calc(235 * var(--wm)); }
.chart-card__dot--d { left: calc(var(--plot-x) + 0.9982 * var(--plot-w)); bottom: calc(179 * var(--wm)); }


.chart-card__guide { position: absolute; opacity: 1; }
.chart-card__guide--v {
  left: calc(var(--plot-x) + 0.391 * var(--plot-w));
  bottom: calc(38 * var(--wm));
  width: 1px;
  height: calc(61 * var(--wm));
}
.chart-card__guide--h {
  left: calc(var(--plot-x) + 0.535 * var(--plot-w));
  bottom: calc(141 * var(--wm));
  width: calc(0.371 * var(--plot-w));
  height: 1px;
}


.chart-card--gross .chart-card__plot { height: calc(220 * var(--wm)); }
.chart-card--gross .chart-card__line {
  top: calc(11 * var(--wm));
  height: calc(171 * var(--wm));
}
.chart-card--gross .chart-card__guide--h {
  left: calc(var(--plot-x) + 0.568 * var(--plot-w));
  bottom: calc(122 * var(--wm));
  width: calc(0.304 * var(--plot-w));
}


.chart-dot {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: calc(6 * var(--wm));
  height: calc(43 * var(--wm));
  white-space: nowrap;
}
.chart-dot--a { left: calc(var(--plot-x) + 0.0018 * var(--plot-w));  bottom: calc(145 * var(--wm)); }
.chart-dot--b { left: calc(var(--plot-x) + 0.3307 * var(--plot-w)); bottom: calc(92 * var(--wm)); }
.chart-dot--c { left: calc(var(--plot-x) + 0.6685 * var(--plot-w)); bottom: calc(198 * var(--wm)); }
.chart-dot--d { left: calc(var(--plot-x) + 0.9982 * var(--plot-w)); bottom: calc(177 * var(--wm)); }

.chart-card:not(.chart-card--gross) .chart-dot--a { bottom: calc(143 * var(--wm)); }
.chart-card:not(.chart-card--gross) .chart-dot--c {
  left: calc(var(--plot-x) + 0.6486 * var(--plot-w));
  bottom: calc(235 * var(--wm));
}
.chart-card:not(.chart-card--gross) .chart-dot--d { bottom: calc(179 * var(--wm)); }

.chart-dot::after {
  content: "";
  box-sizing: border-box;
  width: calc(15 * var(--wm));
  height: calc(15 * var(--wm));
  border: calc(2 * var(--wm)) solid var(--color-green-label);
  border-radius: 50%;
  background: var(--color-white);
}

@media (max-width: 767px) {
  .chart-card { height: calc(360 * var(--wm)); }
  .chart-card__hint-text { left: 0; top: calc(40 * var(--wm)); width: calc(280 * var(--wm)); }
}


.crops-table {
  display: flex;
  flex-direction: column;
  gap: calc(24 * var(--wm));
  padding: calc(24 * var(--wm));
  border: 1px solid var(--color-black-03);
  border-radius: calc(20 * var(--wm));
  background: var(--color-white);
}

.crops-table__photo {
  width: 100%;
  height: calc(480 * var(--wm));
  border-radius: calc(20 * var(--wm));
  object-fit: cover;
}

.crops-table__head {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: calc(24 * var(--wm));
}
.crops-table__head .card-heading-l { width: calc(491 * var(--wm)); max-width: 100%; }

.crops-table__years {
  display: flex;
  align-items: center;
  gap: calc(8 * var(--wm));
}

.btn--year {
  --_bg: var(--color-black-03);
  --_fg: var(--color-black);
  height: auto;
  padding: calc(12 * var(--wm));
}
.btn--year:hover { --_bg: var(--color-black-08); --_fg: var(--color-black); }
.btn--year.is-active { --_bg: var(--color-green-500); --_fg: var(--color-white); }

.crops-table__body {
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
}

.crops-table__list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
  padding-block: calc(12 * var(--wm));
  border-bottom: 1px solid var(--color-black-20);
}
.crops-table__list li > span:first-child { opacity: 0.8; }

.crops-table__total {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
  padding: calc(16 * var(--wm));
  border-radius: calc(12 * var(--wm));
  background: var(--surface-lime);
}
.crops-table__total > span:first-child { opacity: 0.8; }
.crops-table__total .card-heading-m { color: var(--color-green-number); }


.raw-card {
  display: flex;
  flex-direction: column;
  gap: calc(8 * var(--wm));
  width: 100%;
  padding: calc(12 * var(--wm)) calc(16 * var(--wm));
  border-radius: calc(8 * var(--wm));
  background: var(--surface-lime);
}
.raw-card .card-heading-m { color: var(--color-green-brand); }
.raw-card .card-description { opacity: 0.5; }

.specs-list { width: 100%; }
.specs-list li {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(8 * var(--wm));
  padding-block: calc(12 * var(--wm));
  border-bottom: 1px solid var(--color-black-20);
}
.specs-list li > span:first-child { opacity: 0.5; }


.chart-line__fill {
  opacity: 0;
  transition: opacity var(--duration-draw) var(--ease-out);
}
.is-drawn .chart-line__fill { opacity: 0.4; }


.chart-card__dot,
.chart-dot,
.chart-wide__dot {
  opacity: 0;
  transform: translateY(calc(6 * var(--wm)));
  transition: opacity var(--duration-base) var(--ease-out),
              transform var(--duration-base) var(--ease-out);
  transition-delay: calc(var(--duration-draw) * 0.45 + var(--i, 0) * 110ms);
}
.is-drawn .chart-card__dot,
.is-drawn .chart-dot,
.is-drawn .chart-wide__dot {
  opacity: 1;
  transform: none;
}

.chart-card__guide,
.chart-wide__guide {
  opacity: 0;
  transition: opacity var(--duration-base) var(--ease-out);
  transition-delay: calc(var(--duration-draw) * 0.9);
}
.is-drawn .chart-card__guide { opacity: 1; }
.is-drawn .chart-wide__guide { opacity: 0.1; }

@media (prefers-reduced-motion: reduce) {
  .chart-line__stroke,
  .chart-line__fill,
  .chart-card__dot,
  .chart-dot,
  .chart-wide__dot,
  .chart-card__guide,
  .chart-wide__guide { transition: none; }
}


.chart-wide {
  position: relative;
  width: 100%;
  height: calc(440 * var(--wm));
  border: 1px solid var(--color-black-03);
  border-radius: calc(12 * var(--wm));
  background: var(--color-white);
  overflow: hidden;
}

.chart-wide__head {
  position: absolute;
  left: 0;
  top: 0;
  display: flex;
  flex-direction: column;
  gap: calc(16 * var(--wm));
  width: 100%;
  padding: calc(28 * var(--wm));
  z-index: 2;
}

.chart-wide__top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: calc(24 * var(--wm));
}
p.chart-wide__period.section-label,
.chart-wide__period {
  display: block;
  opacity: 0.6;
}


.chart-wide__legend {
  display: flex;
  align-items: flex-start;
  gap: calc(24 * var(--wm));
}
.chart-wide__key {
  display: flex;
  align-items: center;
  gap: calc(16 * var(--wm));
}
.chart-wide__key::before {
  content: "";
  width: calc(30 * var(--wm));
  height: calc(4 * var(--wm));
  border-radius: calc(2 * var(--wm));
  background: var(--_key, var(--color-green-500));
}
.chart-wide__key--buy    { --_key: var(--color-green-500); }
.chart-wide__key--export { --_key: var(--color-orange); }
.chart-wide__key span { opacity: 0.6; }


.chart-wide__plot {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(339 * var(--wm));
}

.chart-wide__line {
  position: absolute;
  left: calc(35 * var(--wm));
  top: calc(35 * var(--wm));
  width: calc(1211 * var(--wm));
  height: calc(267 * var(--wm));
}


.chart-wide__axis {
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
  padding: calc(8 * var(--wm)) calc(24 * var(--wm));
  background: var(--color-white);
}
.chart-wide__axis span { opacity: 0.6; }


.chart-wide__guide {
  position: absolute;
  bottom: calc(38 * var(--wm));
  width: 1px;
  border-left: 1px dashed var(--color-black);
}
.chart-wide__guide--a { left: calc(441 * var(--wm)); height: calc(61 * var(--wm)); }
.chart-wide__guide--b { left: calc(839 * var(--wm)); height: calc(173 * var(--wm)); }


.chart-wide__dot {
  position: absolute;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: flex-end;
  gap: calc(6 * var(--wm));
  height: calc(43 * var(--wm));
  white-space: nowrap;
}
.chart-wide__dot::after {
  content: "";
  box-sizing: border-box;
  width: calc(15 * var(--wm));
  height: calc(15 * var(--wm));
  border: calc(2 * var(--wm)) solid var(--_dot, var(--color-green-label));
  border-radius: 50%;
  background: var(--color-white);
}
.chart-wide__dot--export { --_dot: var(--color-orange); }
.chart-wide__dot--soft   { --_dot: var(--color-green-500); }


.chart-wide__dot--a { left: calc(9 * var(--wm));    bottom: calc(146 * var(--wm)); }
.chart-wide__dot--b { left: calc(9 * var(--wm));    bottom: calc(78 * var(--wm)); }

.chart-wide__dot--c { left: calc(418 * var(--wm));  bottom: calc(92 * var(--wm)); }
.chart-wide__dot--d { left: calc(414 * var(--wm));  bottom: calc(199 * var(--wm)); }

.chart-wide__dot--e { left: calc(814 * var(--wm));  bottom: calc(204 * var(--wm)); }
.chart-wide__dot--f { left: calc(814 * var(--wm));  bottom: calc(142 * var(--wm)); }

.chart-wide__dot--g { left: calc(1211 * var(--wm)); bottom: calc(296 * var(--wm)); }
.chart-wide__dot--h { left: calc(1211 * var(--wm)); bottom: calc(239 * var(--wm)); }

@media (max-width: 767px) {

  .chart-wide {
    height: calc(470 * var(--wm));
    --plot-x: calc(20 * var(--wm));
    --plot-w: calc(100% - 40 * var(--wm));
  }
  .chart-wide__head {
    padding: calc(16 * var(--wm));
    gap: calc(10 * var(--wm));
  }
  .chart-wide__top {
    flex-direction: column;
    align-items: flex-start;
    gap: calc(4 * var(--wm));
  }
  .chart-wide__line {
    left: var(--plot-x);
    width: var(--plot-w);
  }
  .chart-wide__dot {
    font-size: calc(12 * var(--wm));
    translate: -50% 0;
  }
  .chart-wide__dot--a,
  .chart-wide__dot--b { left: calc(var(--plot-x) + 0.0002 * var(--plot-w)); }
  .chart-wide__dot--c { left: calc(var(--plot-x) + 0.3331 * var(--plot-w)); }
  .chart-wide__dot--d { left: calc(var(--plot-x) + 0.3367 * var(--plot-w)); }
  .chart-wide__dot--e,
  .chart-wide__dot--f { left: calc(var(--plot-x) + 0.6650 * var(--plot-w)); }
  .chart-wide__dot--g,
  .chart-wide__dot--h { left: calc(var(--plot-x) + 0.9990 * var(--plot-w)); }
  .chart-wide__guide--a { left: calc(var(--plot-x) + 0.3331 * var(--plot-w)); }
  .chart-wide__guide--b { left: calc(var(--plot-x) + 0.6650 * var(--plot-w)); }
}


.gallery {
  --g-ease: var(--ease-out-expo);
  --g-time: var(--duration-slow);

  display: flex;
  flex-direction: column;
  align-items: center;
  gap: calc(24 * var(--wm));
  overflow: hidden;
}


.gallery__row {
  width: 100%;
  height: calc(420 * var(--wm));
  overflow: visible;
}
.gallery__row.swiper { overflow: visible; }
.gallery__row .swiper-wrapper {
  align-items: center;
  transition-timing-function: cubic-bezier(0.22, 1, 0.36, 1);
}
.gallery .swiper-slide {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(640 * var(--wm));
  height: calc(420 * var(--wm));
  overflow: visible;
  z-index: 1;
}
.gallery .swiper-slide-prev,
.gallery .swiper-slide-next { z-index: 2; }
.gallery .swiper-slide-active { z-index: 3; }
.gallery .swiper-slide img {
  flex: none;
  max-width: none;
  width: calc(380 * var(--wm));
  height: calc(380 * var(--wm));
  border-radius: calc(20 * var(--wm));
  object-fit: cover;
  opacity: 0.75;
  transition: width var(--g-time) var(--g-ease),
              height var(--g-time) var(--g-ease),
              opacity var(--g-time) var(--g-ease);
}
.gallery .swiper-slide-active img {
  max-width: none;
  width: calc(640 * var(--wm));
  height: calc(420 * var(--wm));
  opacity: 1;
}
.gallery .swiper-slide img:hover { opacity: 1; }

@media (prefers-reduced-motion: reduce) {
  .gallery { --g-time: 1ms; }
}

.gallery__nav {
  display: flex;
  align-items: center;
  gap: calc(17 * var(--wm));
}
.gallery__arrow {
  display: grid;
  place-items: center;
  width: calc(32 * var(--wm));
  height: calc(32 * var(--wm));
  border-radius: 50%;
  background: var(--color-black-03);
  color: var(--color-black);
  transition: background-color var(--duration-base) var(--ease-out);
}
.gallery__arrow:hover { background: var(--color-green-500); color: var(--color-white); }
.gallery__arrow svg { width: 100%; height: 100%; }

@media (max-width: 1024px) {
  .charts__row { grid-template-columns: 1fr; }
}


@media (max-width: 767px) {


  .chart-card {
    height: calc(470 * var(--wm));
    padding: calc(20 * var(--wm)) calc(12 * var(--wm)) 0;
    align-items: center;
  }
  .chart-card__head {
    display: contents;
  }
  .chart-card__title {
    order: 1;
    justify-content: center;
    text-align: center;
    white-space: normal;
  }
  .chart-card__note {
    position: static;
    order: 2;
    margin-top: calc(6 * var(--wm));
    text-align: center;
  }
  .chart-card__value {
    order: 3;
    justify-content: center;
    margin-top: calc(10 * var(--wm));
  }

  .chart-card__hint-text {
    left: calc(12 * var(--wm));
    right: calc(12 * var(--wm));
    top: calc(90 * var(--wm));
    width: auto;
  }


  .chart-card__plot {
    --plot-x: calc(20 * var(--wm));
    --plot-w: calc(100% - 40 * var(--wm));
  }
  .chart-card__line { width: var(--plot-w); }

  .chart-card__dot,
  .chart-dot { translate: -50% 0; }


  .chart-card__dot--a { left: calc(var(--plot-x) + 0.0018 * var(--plot-w)); }
  .chart-card__dot--b { left: calc(var(--plot-x) + 0.3307 * var(--plot-w)); }
  .chart-card__dot--c { left: calc(var(--plot-x) + 0.6486 * var(--plot-w)); }
  .chart-card__dot--d { left: calc(var(--plot-x) + 0.9982 * var(--plot-w)); }


  .chart-dot--a { left: calc(var(--plot-x) + 0.0018 * var(--plot-w)); }
  .chart-dot--b { left: calc(var(--plot-x) + 0.3307 * var(--plot-w)); }
  .chart-dot--c { left: calc(var(--plot-x) + 0.6685 * var(--plot-w)); }
  .chart-dot--d { left: calc(var(--plot-x) + 0.9982 * var(--plot-w)); }

  .chart-card:not(.chart-card--gross) .chart-dot--c { left: calc(var(--plot-x) + 0.6486 * var(--plot-w)); }
}

@media (max-width: 767px) {
  .hero-dir { height: auto; }
  .hero-dir__panel { min-height: calc(520 * var(--wm)); }
  .hero-dir__content { width: calc(100% - 32 * var(--wm)); left: calc(16 * var(--wm)); }
  .hero-dir--about .hero-dir__content { width: calc(100% - 32 * var(--wm)); }
  .hero-dir--about .hero-dir__panel { min-height: calc(620 * var(--wm)); }
  .hero-dir__actions { flex-direction: column; align-items: stretch; width: 100%; }
  .hero-dir__content--center {
    width: auto;
    left: calc(16 * var(--wm));
    right: calc(16 * var(--wm));
    top: auto;
    bottom: calc(48 * var(--wm));
  }

  .geo__switch {
    height: auto;
    padding: calc(4 * var(--wm));
  }
  .geo__switch button {
    width: auto;
    flex: 1 1 0;
    min-width: 0;
    padding: calc(8 * var(--wm)) calc(6 * var(--wm));
    font-size: calc(12 * var(--wm));
    line-height: 1.25;
    white-space: normal;
  }
  .geo__switch-thumb { height: calc(100% - 8 * var(--wm)); }


  .feed__spec .stats-value { font-size: calc(28 * var(--wm)); }

  .crops-table__head { flex-direction: column; }
  .crops-table__head .card-heading-l { width: 100%; }
  .crops-table__years { flex-wrap: wrap; }
  .crops-table__photo { height: calc(220 * var(--wm)); }
  .gallery__row { height: calc(300 * var(--wm)); }
  .gallery .swiper-slide { width: calc(300 * var(--wm)); height: calc(300 * var(--wm)); }
  .gallery .swiper-slide img { max-width: none; width: calc(260 * var(--wm)); height: calc(260 * var(--wm)); }
  .gallery .swiper-slide-active img { max-width: none; width: calc(300 * var(--wm)); height: calc(300 * var(--wm)); }
}


body.direction-agriculture .feed {
  display: none;
}