/* ==========================================================================
   Solum Minerals - Cleanroom Design System & Interaction Engine
   Matched to Solum Minerals Webflow Architecture & Scroll River Kinematics
   ========================================================================== */

:root {
  --main-green: #404F1D;
  --dark-green: #2B3514;
  --green-light: #7C914C;
  --beige: #F4EDE6;
  --heading-color: #636F3D;
  --padding-web: 4.38em;
  --padding-tablet: 2em;
  --padding-mobile: 1.25em;
  --accent-light: #C8DBA0;
  --transition-smooth: cubic-bezier(0.16, 1, 0.3, 1);
}

/* Local Fonts */
@font-face {
  font-family: 'Aeonik';
  src: url('assets/fonts/aeonik-regular.woff') format('woff');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('assets/fonts/aeonik-medium.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('assets/fonts/aeonik-semibold.woff') format('woff');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Aeonik';
  src: url('assets/fonts/aeonik-bold.woff') format('woff');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

/* Base & Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: auto;
  overflow-x: clip;
  max-width: 100vw;
}

body {
  width: 100%;
  font-size: 0.96vw;
  background-color: var(--main-green);
  color: var(--beige);
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  line-height: 1.2;
  overscroll-behavior: none;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: clip;
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1.75vw;
  }
}

@media screen and (max-width: 479px) {
  body {
    font-size: 4vw;
  }
}

a {
  color: inherit;
  text-decoration: none;
}

img, svg {
  display: block;
  max-width: 100%;
}

/* Common Typography Classes */
.text-14-caps {
  font-family: 'Aeonik', sans-serif;
  font-size: 0.88em;
  font-weight: 400;
  letter-spacing: 0.05em;
  text-transform: uppercase;
  line-height: 1.1;
}

.text-16-regular-caps {
  font-family: 'Aeonik', sans-serif;
  font-size: 1em;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--beige);
}

.text-60-regular {
  font-family: 'Aeonik', sans-serif;
  font-size: 3.75em;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: -0.015em;
  color: var(--beige);
  margin: 0;
}

.text-100-regular {
  font-family: 'Aeonik', sans-serif;
  font-size: 6.25em;
  font-weight: 400;
  line-height: 90%;
  letter-spacing: -0.02em;
  color: var(--beige);
  margin: 0;
}

/* ==========================================================================
   Header & Fixed Navigation Bar
   ========================================================================== */
.navbar {
  z-index: 1000;
  background-color: transparent;
  padding-top: 1.2em;
  padding-bottom: 1.2em;
  position: fixed;
  inset: 0% 0% auto;
  pointer-events: none;
  color: #F4EDE6;
  transition: color 0.4s ease;
}

.navbar .menu-text,
.navbar .icon-menu,
.navbar .logo-header-wrap,
.navbar .menu-line,
.navbar .logo-header-wrap svg path,
.navbar .logo-header-wrap svg circle,
.navbar .logo-header-wrap svg text {
  transition: color 0.4s ease, stroke 0.4s ease, fill 0.4s ease, opacity 0.3s ease;
}

.navbar.dark-mode {
  color: #404F1D !important;
}

.navbar.dark-mode .menu-btn-wrap,
.navbar.dark-mode .menu-text,
.navbar.dark-mode .icon-menu,
.navbar.dark-mode .logo-header-wrap,
.navbar.dark-mode .logo-header-wrap svg text {
  color: #404F1D !important;
  fill: #404F1D !important;
}

.navbar.dark-mode .logo-header-wrap svg path,
.navbar.dark-mode .logo-header-wrap svg circle {
  fill: #404F1D !important;
}

.nav-wrap {
  pointer-events: auto;
  height: 100%;
  padding-right: var(--padding-web);
  padding-left: var(--padding-web);
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: 100%;
  box-sizing: border-box;
}

.nav-spacer {
  justify-self: end;
  width: 0;
  pointer-events: none;
}

/* Menu Toggle Button (Left) */
.menu-btn-wrap {
  grid-column-gap: 0.65em;
  cursor: pointer;
  align-items: center;
  display: inline-flex;
  user-select: none;
  padding: 0.5em 0.3em;
  color: currentColor;
  position: relative;
  justify-self: start;
}

.icon-menu {
  justify-content: center;
  align-items: center;
  width: 1.05em;
  height: 1.05em;
  margin-top: 0;
  display: flex;
  position: relative;
  flex-shrink: 0;
  overflow: visible;
  transition: opacity 0.3s ease;
}

.icon-menu svg {
  width: 100% !important;
  height: 100% !important;
  display: block;
}

.icon-menu.green {
  display: none;
}

.icon-menu.light {
  display: flex;
}

.navbar.dark-mode .icon-menu.light {
  display: none !important;
}

.navbar.dark-mode .icon-menu.green {
  display: flex !important;
}

.menu-btn-wrap:active {
  opacity: 0.75;
}

.menu-text {
  color: currentColor;
  font-size: 0.88em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  transition: opacity 0.2s ease;
}

/* Brand Logos */
.logo-header-wrap {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  color: currentColor;
  text-decoration: none;
  justify-self: center;
  transition: opacity 0.3s ease, transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.logo-header-wrap:hover {
  opacity: 0.85;
  transform: translateY(-0.5px);
}

.logo-header.web {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 2.85em;
}

.logo-header.web svg,
.logo-inside-wrap svg {
  height: 2.5em;
  width: auto;
  max-width: 13.5em;
  display: block;
}

.logo-header-mobile {
  display: none;
}

/* Contact Us Button (Right) */
.contact-wrap {
  cursor: pointer;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  justify-self: end;
  text-decoration: none;
  display: inline-flex;
  position: relative;
  color: currentColor;
  padding: 0.3em 0 0.15em 0;
  overflow: hidden;
}

.contact-wrap .text-14-caps {
  padding-bottom: 0.22em;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s ease;
}

.contact-wrap:hover .text-14-caps {
  transform: translateY(-1px);
  opacity: 0.88;
}

.contact-wrap .underline {
  position: relative;
  width: 100%;
  height: 1px;
  overflow: hidden;
  background-color: transparent;
}

.contact-wrap .underline::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: currentColor;
  transform: translateX(0%);
  transition: transform 0.35s cubic-bezier(0.25, 1, 0.5, 1);
}

.contact-wrap:hover .underline::before {
  animation: contactLineWipe 0.52s cubic-bezier(0.25, 1, 0.5, 1) forwards;
}

@keyframes contactLineWipe {
  0% {
    transform: translateX(0%);
  }
  49% {
    transform: translateX(101%);
  }
  50% {
    transform: translateX(-101%);
  }
  100% {
    transform: translateX(0%);
  }
}

/* ==========================================================================
   Side Navigation Drawer (Source Exact Webflow Replica)
   ========================================================================== */
.menu-side-bar {
  z-index: 1000;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0% auto auto 0%;
  display: flex;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.75s, opacity 0.5s ease;
}

.menu-side-bar.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.menu-side-bar-inner {
  z-index: 2;
  width: 47em;
  height: 100vh;
  padding: 1.63em 1.88em 1.88em var(--padding-web);
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  background-color: var(--main-green);
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
  flex-flow: column;
  position: absolute;
  inset: 0% auto auto 0%;
  transform: translateX(-100%);
  transition: transform 0.85s cubic-bezier(0.16, 1, 0.3, 1);
  overflow-y: auto;
  overflow-x: hidden;
  box-shadow: 20px 0 60px rgba(0, 0, 0, 0.45);
}

.menu-side-bar.open .menu-side-bar-inner {
  transform: translateX(0%);
}

.menu-side-bg {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.55);
  position: absolute;
  inset: 0%;
  opacity: 0;
  transition: opacity 0.6s ease;
  backdrop-filter: blur(4px);
}

.menu-side-bar.open .menu-side-bg {
  opacity: 1;
}

/* Drawer Header */
.close-btn-wrap {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  cursor: pointer;
  padding-bottom: 0.5em;
}

.logo-inside {
  width: 8.8em;
  height: auto;
}

.text-14-caps.close {
  color: var(--beige);
  cursor: pointer;
  transition: opacity 0.2s ease;
}

.text-14-caps.close:hover {
  opacity: 0.7;
}

.light-divider {
  background-color: var(--beige);
  opacity: 0.12;
  width: 100%;
  height: 1px;
  flex-shrink: 0;
}

/* Menu Items & List */
.menu-items {
  width: 100%;
  height: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  padding-top: 5em;
  padding-bottom: 2em;
}

.menu-items-wrap {
  display: flex;
  flex-flow: column;
  width: 100%;
}

.link-item {
  position: relative;
  cursor: pointer;
  padding-top: 0.4em;
  padding-bottom: 0.4em;
  opacity: 0;
  transform: translateX(-24px);
  transition: opacity 0.5s ease, transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.menu-side-bar.open .link-item:nth-child(1) { opacity: 1; transform: translateX(0); transition-delay: 0.12s; }
.menu-side-bar.open .link-item:nth-child(2) { opacity: 1; transform: translateX(0); transition-delay: 0.19s; }
.menu-side-bar.open .link-item:nth-child(3) { opacity: 1; transform: translateX(0); transition-delay: 0.26s; }
.menu-side-bar.open .link-item:nth-child(4) { opacity: 1; transform: translateX(0); transition-delay: 0.33s; }
.menu-side-bar.open .link-item:nth-child(5) { opacity: 1; transform: translateX(0); transition-delay: 0.40s; }

.menu-link-heading {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: relative;
  transform: translateX(0em);
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.icon-36 {
  z-index: 0;
  opacity: 0;
  width: 2em;
  height: 2em;
  position: absolute;
  left: -3.25em;
  transition: opacity 0.35s ease;
  pointer-events: none;
}

.heading-77 {
  z-index: 1;
  color: var(--beige);
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 4.4em;
  line-height: 90%;
  position: relative;
  font-weight: 400;
  transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}

.link-item_links {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: column;
  padding-left: 3.4em;
  display: flex;
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.7s cubic-bezier(0.23, 1, 0.32, 1), opacity 0.4s ease;
}

.gap-75 {
  height: 0.5em;
}

.gap-3em {
  height: 1.5em;
}

.nav-link {
  color: var(--beige);
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1.5em;
  line-height: 90%;
  text-decoration: none;
  opacity: 0.85;
  transition: opacity 0.25s ease, transform 0.25s ease;
  display: inline-block;
}

.nav-link:hover {
  opacity: 1;
  transform: translateX(4px);
}

/* Desktop Hover Kinematics (Webflow a-3 / a-4) */
@media screen and (min-width: 992px) {
  .menu-items-wrap:hover .link-item {
    opacity: 0.22;
  }
  
  .menu-items-wrap .link-item:hover {
    opacity: 1;
  }

  .link-item:hover .menu-link-heading {
    transform: translateX(3.25em);
  }

  .link-item:hover .icon-36 {
    opacity: 1;
  }

  .link-item:hover .link-item_links {
    max-height: 16em;
    opacity: 1;
    padding-top: 0.5em;
  }
}

/* Bottom Links */
.menu-bottom-links-group {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
  padding-top: 2em;
}

.menu-bottom-links-1, .menu-bottom-links-2 {
  display: flex;
  flex-flow: column;
  grid-column-gap: 0.38em;
  grid-row-gap: 0.38em;
}

.text-14-caps.light-green {
  color: var(--beige);
  opacity: 0.7;
}

.text-14-caps.light-green.link {
  transition: opacity 0.2s ease;
}

.text-14-caps.light-green.link:hover {
  opacity: 1;
}

/* ==========================================================================
   Hero Section & Scroll River Architecture
   83em Total Scroll Track with Sticky 100vh Viewport
   ========================================================================== */
.main {
  position: relative;
  width: 100%;
}

.hero {
  z-index: 1;
  height: 83em; /* Exact source height creating the river track */
  position: relative;
  top: 0;
  overflow: hidden;
  background-color: var(--main-green);
}

.hero-content-wrap {
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  display: flex;
  position: relative;
}

/* Sticky Viewport Grid (100vh) */
.hero-wrap {
  width: 100vw;
  height: 100vh;
  padding-right: var(--padding-web);
  padding-left: var(--padding-web);
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: flex-start;
  display: grid;
  position: sticky;
  top: 0;
  z-index: 2;
}

/* Column 1: Left Main Headline */
.hero-heading-1 {
  z-index: 1;
  width: 34em;
  margin-top: 5.63em;
  position: relative;
}

/* Column 2: Centerpiece 3D Procedural Tablet */
.capsule-item {
  z-index: 1;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding-top: 2em;
  display: flex;
  position: relative;
  overflow: visible;
}

.tablet-3d-wrap {
  width: 28em;
  height: 35em;
  position: relative;
  cursor: grab;
  user-select: none;
  touch-action: none;
  will-change: transform, opacity;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: visible;
}

.tablet-3d-wrap:active {
  cursor: grabbing;
}

.tablet-3d-wrap canvas {
  width: 100% !important;
  height: 100% !important;
  display: block;
  pointer-events: auto;
}

/* Column 3: Right Subheading, Copy & CTA */
.hero-heading-2 {
  z-index: 3;
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: flex-end;
  align-items: flex-end;
  height: 100%;
  margin-top: 0;
  padding-bottom: 6em;
  display: flex;
  position: relative;
  will-change: transform;
}

.hero-description {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 19.38em;
  display: flex;
}

/* Button with Dot Micro-interactions (Webflow a-9 / a-10) */
.btn-white {
  background-color: transparent;
  padding: 0.88em 0.75em;
  text-decoration: none;
  position: relative;
  display: inline-block;
  cursor: pointer;
}

.btn-content {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  color: var(--beige);
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
  z-index: 2;
}

.btn-background {
  border: 0.08em solid var(--beige);
  border-radius: 0.25em;
  position: absolute;
  inset: 0%;
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  z-index: 1;
}

.dot-icon {
  width: 0.38em;
  height: 0.38em;
  transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.btn-white:hover .btn-background {
  transform: scale(1.07);
}

.btn-white:hover .dot-icon.right {
  transform: translateX(0.38em);
}

.btn-white:hover .dot-icon.left {
  transform: translateX(-0.38em);
}

/* Background Aerial Photography */
.hero-img-wrap {
  width: 100vw;
  height: 100vh;
  position: absolute;
  inset: 0%;
  overflow: hidden;
  pointer-events: none;
  z-index: 0;
}

.hero-img {
  pointer-events: none;
  width: 100%;
  height: 100vh;
  object-fit: cover;
  object-position: 50% 35%;
  position: static;
  inset: 0%;
  transform: scale(1.0);
  transform-origin: center center;
  transition: transform 0.15s ease-out;
}

.hero-img-mob {
  display: none;
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0%;
}

.overlay-logos-bg {
  position: absolute;
  inset: auto 0% 0% 0%;
  width: 100%;
  height: 28em;
  background: linear-gradient(to bottom, rgba(31, 37, 9, 0) 0%, rgba(31, 37, 9, 0.45) 30%, rgba(31, 37, 9, 0.88) 70%, #1f2509 100%);
  pointer-events: none;
  z-index: 2;
}

/* Indian Ag-Chem Certification & Partner Logos Marquee (Height: 14em) */
.logos-wrap {
  z-index: 3;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 14em;
  display: flex;
  position: relative;
  background-color: #1f2509;
  overflow: hidden;
  box-sizing: border-box;
}

.logos-marquee {
  display: flex;
  align-items: center;
  width: max-content;
  animation: logos-marquee 18.3s linear infinite;
  will-change: transform;
}

.logos-marquee:hover {
  animation-play-state: paused;
}

.logos-items {
  z-index: 3;
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  gap: 5.5em;
  padding-right: 5.5em;
  flex: none;
}

.logo-svg {
  height: 3.2em;
  width: auto;
  max-width: 14em;
  opacity: 0.85;
  transition: opacity 0.3s ease, transform 0.3s ease;
  filter: drop-shadow(0 2px 8px rgba(0, 0, 0, 0.35));
}

.logo-svg:hover {
  opacity: 1;
  transform: translateY(-2px);
}

@keyframes logos-marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-50%, 0, 0);
  }
}

/* ==========================================================================
   Second Section: Mirrored Layout (Stat Left, Video Right)
   ========================================================================== */
/* ==========================================================================
   Second Section: Exact Functional Webflow UI Replica (Mirrored Reciprocal)
   ========================================================================== */
.second-section {
  z-index: 4;
  background-color: var(--beige);
  color: var(--main-green);
  height: 66em;
  position: relative;
  overflow: hidden;
}

.container {
  width: 100%;
  max-width: none;
  height: 100%;
  display: block;
  z-index: 3;
}

.second-section-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  height: 100%;
  display: grid;
}

/* Mobile-only Top Text Card (Hidden on Desktop) */
.most-fertilizers-mobile {
  display: none;
}

/* Left Column (Mirrored Reciprocal of Parent Right): 70% Stat & Animated Plant */
.up-to-70-wrap {
  padding-top: 5em;
  padding-left: var(--padding-web);
  padding-right: 3.13em;
  padding-bottom: 0;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  height: 100%;
  box-sizing: border-box;
  overflow: hidden;
}

.up-to-70-title {
  grid-column-gap: 1em;
  grid-row-gap: 1em;
  flex-flow: column;
  width: 36.2em;
  display: flex;
  flex: 0 0 auto;
}

.h2-style.green {
  color: #2D3A13;
  letter-spacing: -0.03em;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 3.6em;
  font-weight: 500;
  line-height: 93%;
  margin-top: 0;
  margin-bottom: 0;
  display: block;
}

.text-16-regular.green {
  color: #556B2F;
  text-transform: none;
  line-height: 125%;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1em;
  letter-spacing: 0.04em;
  margin-top: 0.25em;
}

.text-16-regular-caps.green {
  color: var(--main-green);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1em;
  line-height: 130%;
  letter-spacing: 0.04em;
}

.corn-animated-wrap {
  justify-content: center;
  align-items: flex-end;
  width: fit-content;
  max-width: 100%;
  flex: 1 1 auto;
  min-height: 0;
  margin: 0 auto;
  align-self: center;
  display: flex;
  position: relative;
}

.crop-base-layer,
.corn-ai-specimen,
.corn-outlined {
  width: auto;
  max-width: 100%;
  height: 100%;
  max-height: 42em;
  object-fit: contain;
  object-position: bottom center;
  display: block;
  user-select: none;
  pointer-events: none;
  filter: drop-shadow(0 12px 30px rgba(74, 83, 56, 0.08));
}

.crop-absorbed-img,
.corn-filled {
  object-fit: cover;
  object-position: 50% 100%;
  width: 100%;
  max-width: 100%;
  height: 0em;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  user-select: none;
  pointer-events: none;
  mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) calc(100% - 32px), rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to top, rgba(0,0,0,1) 0%, rgba(0,0,0,1) calc(100% - 32px), rgba(0,0,0,0) 100%);
  transition: height 2.4s cubic-bezier(0.16, 1, 0.3, 1);
  will-change: height;
  filter: drop-shadow(0 14px 32px rgba(64, 79, 29, 0.15));
}

.crop-absorbed-img.animated,
.corn-filled.animated {
  height: 54% !important;
}

/* Right Column (Mirrored Reciprocal of Parent Left): Video Card */
.corn-video-wrap-new {
  height: 100%;
  padding-bottom: 3em;
  padding-right: var(--padding-web);
  padding-left: 3.13em;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
  position: relative;
  overflow: hidden;
  box-sizing: border-box;
}

.farmer-video {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0%;
  filter: brightness(0.92);
}

.video-overlay-gradient {
  position: absolute;
  inset: 0%;
  z-index: 1;
  background: linear-gradient(to top, rgba(18, 24, 8, 0.92) 0%, rgba(18, 24, 8, 0.45) 45%, rgba(18, 24, 8, 0.1) 80%, rgba(18, 24, 8, 0) 100%);
  pointer-events: none;
}

.corn-text-wrap {
  z-index: 2;
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  width: 37em;
  display: flex;
  position: relative;
}

.corn-text-wrap .h2-style {
  color: #fff;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 3.6em;
  font-weight: 500;
  line-height: 93%;
  text-shadow: 0 2px 14px rgba(0, 0, 0, 0.4);
}

.description-wrap {
  width: 28.7em;
}

.text-16-regular-caps {
  color: var(--beige);
  text-transform: uppercase;
  margin-bottom: 0;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1em;
  line-height: 130%;
  letter-spacing: 0.04em;
}

/* ==========================================================================
   Contact Us Slide-Over Drawer (.apply-form)
   ========================================================================== */
.apply-form {
  z-index: 1001;
  width: 100vw;
  height: 100vh;
  position: fixed;
  inset: 0;
  display: flex;
  justify-content: flex-end;
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
  transition: visibility 0.75s, opacity 0.5s ease;
  overflow: hidden;
}

.apply-form.open {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

.apply-form-bg {
  z-index: 1;
  background-color: rgba(0, 0, 0, 0.55);
  position: absolute;
  inset: 0;
  backdrop-filter: blur(4px);
}

.apply-form-inner {
  z-index: 2;
  width: 48em;
  max-width: 92vw;
  height: 100vh;
  padding: 3.5em 3em 3em;
  background-color: var(--main-green);
  color: var(--beige);
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  position: relative;
  transform: translateX(100%);
  transition: transform 0.75s cubic-bezier(0.16, 1, 0.3, 1);
  box-shadow: -20px 0 60px rgba(0, 0, 0, 0.45);
  overflow-y: auto;
}

.apply-form.open .apply-form-inner {
  transform: translateX(0%);
}

.close-btn-form {
  cursor: pointer;
  border: 1px solid rgba(244, 237, 230, 0.2);
  border-radius: 4px;
  justify-content: center;
  align-items: center;
  width: 2.6em;
  height: 2.6em;
  transition: border-color 0.3s, background-color 0.3s, transform 0.3s ease;
  display: flex;
  position: absolute;
  top: 2em;
  right: 2.5em;
}

.close-btn-form:hover {
  border-color: var(--beige);
  background-color: rgba(244, 237, 230, 0.08);
  transform: scale(1.05);
}

.cross-form {
  width: 0.9em;
  height: 0.9em;
  filter: brightness(0) invert(1);
}

.apply-form-heading {
  display: flex;
  flex-flow: column;
  gap: 0.75em;
  margin-bottom: 2em;
}

.text-44-regular {
  font-family: 'Aeonik', sans-serif;
  font-size: 2.2em;
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.02em;
}

.apply-form-item {
  width: 100%;
  flex: 1;
}

.apply-scrollable-form-area {
  max-height: calc(100vh - 18em);
  overflow-y: auto;
  padding-right: 0.5em;
}

.form-inputs {
  display: flex;
  flex-flow: column;
  gap: 1.3em;
}

.form-input-item {
  display: flex;
  flex-flow: column;
  gap: 0.4em;
}

.field-name {
  font-size: 0.82em;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  color: var(--beige);
  opacity: 0.85;
}

.text-field-form {
  width: 100%;
  background: rgba(244, 237, 230, 0.06);
  border: 1px solid rgba(244, 237, 230, 0.22);
  border-radius: 4px;
  padding: 0.9em 1.2em;
  color: var(--beige);
  font-family: 'Aeonik', sans-serif;
  font-size: 0.95em;
  outline: none;
  transition: border-color 0.3s ease, background 0.3s ease;
  box-sizing: border-box;
}

.text-field-form:focus {
  border-color: var(--beige);
  background: rgba(244, 237, 230, 0.12);
}

.text-field-form::placeholder {
  color: var(--beige);
  opacity: 0.45;
}

/* ==========================================================================
   Responsive Breakpoints: Tablet & Mobile
   ========================================================================== */
@media screen and (max-width: 991px) {
  .nav-wrap {
    display: flex !important;
    justify-content: space-between !important;
    align-items: center !important;
    padding-left: var(--padding-tablet);
    padding-right: var(--padding-tablet);
    width: 100%;
  }

  .logo-header-wrap {
    order: 1 !important;
    justify-self: auto !important;
  }

  .menu-btn-wrap {
    order: 2 !important;
    justify-self: auto !important;
  }

  .nav-spacer,
  .contact-wrap {
    display: none !important;
  }

  .logo-header.web {
    height: 2.4em;
  }

  .logo-header.web svg {
    height: 2.1em;
    max-width: 12em;
    width: auto;
  }

  .menu-text {
    white-space: nowrap;
    font-size: 0.82em;
  }

  .menu-side-bar-inner {
    width: 100vw;
    padding: 1.5em var(--padding-tablet) 3em;
  }

  .heading-77 {
    font-size: 2.8em;
  }

  .link-item.active .link-item_links {
    max-height: 20em;
    opacity: 1;
    padding-top: 0.5em;
  }

  .link-item.active .menu-link-heading {
    transform: translateX(1.8em);
  }

  .link-item.active .icon-36 {
    opacity: 1;
  }

  /* Hero Tablet */
  .hero {
    height: auto;
    min-height: 100vh;
  }

  .hero-wrap {
    position: relative;
    height: auto;
    min-height: 100vh;
    grid-template-columns: 1fr;
    padding: 6em var(--padding-tablet) 3em;
    gap: 3em;
  }

  .hero-heading-1 {
    width: 100%;
    margin-top: 1em;
  }

  .capsule-item {
    padding-top: 1em;
  }

  .tablet-3d-wrap {
    width: 18em;
    height: 18em;
  }

  .hero-heading-2 {
    align-items: flex-start;
    text-align: left;
    padding-bottom: 2em;
  }

  .hero-description {
    align-items: flex-start;
    width: 100%;
  }

  .hero-img {
    display: none;
  }

  .hero-img-mob {
    display: block;
  }

  .logos-items {
    gap: 3.5em;
    padding-right: 3.5em;
    flex-wrap: nowrap;
  }

  .logos-marquee {
    animation-duration: 16s;
  }

  /* Second Section Responsive (Matches Webflow Architecture) */
  .second-section {
    height: auto;
  }

  .second-section-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    display: flex;
  }

  .most-fertilizers-mobile {
    order: 1;
    padding-top: 6em;
    padding-bottom: 4em;
    padding-left: var(--padding-tablet);
    padding-right: var(--padding-tablet);
    background-color: var(--beige);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .corn-video-wrap-new {
    order: 2;
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
    width: 100%;
    height: 50em;
    display: flex;
    overflow: hidden;
    padding-left: var(--padding-tablet);
    padding-right: var(--padding-tablet);
  }

  .corn-text-wrap {
    display: none;
  }

  .up-to-70-wrap {
    order: 3;
    padding-top: 5em;
    padding-left: var(--padding-tablet);
    padding-right: var(--padding-tablet);
    padding-bottom: 3em;
    width: 100%;
    overflow: visible;
    height: auto;
  }

  .corn-animated-wrap {
    width: 100%;
    max-width: 36em;
    margin: 2em auto 0;
    flex: none;
    align-self: center;
  }

  .up-to-70-title {
    width: 100%;
  }

  .h2-style,
  .h2-style.green {
    font-size: 3em;
    line-height: 94%;
  }

  .crop-base-layer,
  .crop-absorbed-img,
  .corn-ai-specimen,
  .corn-outlined,
  .corn-filled {
    width: 100%;
    max-width: 36em;
    height: auto;
    max-height: none;
  }
}

@media screen and (max-width: 479px) {
  .hero-wrap {
    padding: 5em var(--padding-mobile) 2em;
    gap: 2em;
  }

  .text-100-regular {
    font-size: 3.8em;
  }

  .text-60-regular {
    font-size: 2.4em;
  }

  .tablet-3d-wrap {
    width: 15em;
    height: 15em;
  }

  .heading-77 {
    font-size: 2.2em;
  }

  .logos-items {
    gap: 2.5em;
    padding-right: 2.5em;
    flex-wrap: nowrap;
  }

  .logos-marquee {
    animation-duration: 14s;
  }

  .most-fertilizers-mobile {
    padding: 4.63em 1em;
  }

  .corn-video-wrap-new {
    height: 29.75em;
    padding: 2em 1em;
  }

  .up-to-70-wrap {
    padding: 4.63em 1em 4em;
  }

  .h2-style,
  .h2-style.green {
    font-size: 2em;
    line-height: 100%;
  }

  .crop-base-layer,
  .crop-absorbed-img,
  .corn-ai-specimen,
  .corn-outlined,
  .corn-filled {
    width: 100%;
    max-width: 25em;
  }
}

.line,
.split-line {
  overflow: hidden;
  position: relative;
  display: block;
  padding-bottom: 0.12em;
  margin-bottom: -0.12em;
}

.line span,
.split-line > div,
.split-line span,
.word {
  display: inline-block;
  white-space: normal;
  will-change: transform, opacity;
}

.char {
  display: inline-block;
  white-space: normal;
}

.text-split-wrap {
  word-break: keep-all;
  overflow-wrap: normal;
}

[text-split],
[text-split-delay],
[card-inner-text],
[subtitle],
[hero-btn],
[animate="better-way"],
[animate="better-way-btn"] {
  visibility: visible;
}

/* ==========================================================================
   Section 3: Capsule & SolumTab 3D Scroll Showcase (Exact Webflow Architecture)
   ========================================================================== */
.h2-style {
  color: #fff;
  letter-spacing: -0.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 3.6em;
  font-weight: 500;
  line-height: 93%;
}

.h2-style.beige {
  color: var(--beige);
  letter-spacing: -0.015em;
  -webkit-text-stroke-width: 0.015em;
  font-weight: 400;
}

.capsule {
  z-index: 3;
  background-color: var(--main-green);
  height: auto;
  min-height: 0;
  position: relative;
}

.capsule.no-margin {
  margin-top: 0;
}

.capsule-wrap {
  height: auto;
  min-height: 100%;
  position: relative;
}

.capsule-sticky-animation {
  z-index: 1;
  width: 100%;
  height: 0;
  position: sticky;
  top: 0;
  overflow: visible;
}

.canvas.w-embed {
  width: 100%;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}

#scroll-canvas {
  width: 100%;
  height: 100vh;
  display: block;
}

.capsule-bg {
  z-index: 0;
  background-color: #596a33;
  background-image: url('assets/green_gradient.png');
  background-position: 50% 100%;
  background-repeat: no-repeat;
  background-size: cover;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.capsule-animation-wrapper {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  display: none;
  position: absolute;
  inset: 0%;
}

.scroll-video {
  z-index: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
  display: none;
}

.capsule-start-text {
  z-index: 2;
  height: 100vh;
  padding-top: 5em;
  padding-right: var(--padding-web);
  padding-left: var(--padding-web);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.capsule-heading {
  z-index: 1;
  width: 35.4em;
  position: relative;
}

.capsule-first-heading {
  margin-bottom: 2em;
}

.capsule-second-block {
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.capsule-second-heading {
  grid-column-gap: 2.5em;
  grid-row-gap: 2.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 21.1em;
  display: flex;
}

.capsule-second-heading.step-2-mobile {
  display: none;
}

.capsule-second-heading-wrap {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  flex-flow: column;
  display: flex;
}

/* 3 Bento Feature Cards (Horizontal Strip 1: Scrubbing Right-to-Left) */
.capsule-cards-wrap {
  width: 100%;
  height: 120em;
  position: relative;
  overflow: visible;
  margin-top: 8em;
  padding: 0;
}

.capsule-cards-new {
  z-index: 5;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: flex-start;
  gap: 2.2em;
  width: max-content;
  position: sticky;
  top: 24vh;
  margin-top: 0;
  padding: 0 4vw;
  will-change: transform;
}

.capsule-card-new {
  background-color: var(--beige, #f4ede6);
  border-radius: 8px;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 0 0 26.5em;
  width: 26.5em;
  min-width: 26.5em;
  min-height: 16.5em;
  height: auto;
  padding: 2em;
  display: flex;
  box-shadow: 0 16px 40px rgba(0, 0, 0, 0.28);
  overflow: hidden;
  position: relative;
  will-change: transform, opacity;
}

.capsule-card-inner {
  flex-flow: column;
  width: 100%;
  height: 100%;
  min-height: 14.5em;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.detail {
  width: 2.25em;
  height: 2.25em;
}

.card-title {
  color: #38461b;
  letter-spacing: -0.015em;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1.7em;
  font-weight: 500;
  line-height: 112%;
  margin-top: 0;
  margin-bottom: 0.6em;
}

.capsule-card-description,
.capsule-card-description-2,
.capsule-card-description-3 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.text-14-caps.green,
.capsule-card-description .text-14-caps,
.capsule-card-description-2 .text-14-caps,
.capsule-card-description-3 .text-14-caps {
  color: #4d5c22 !important;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 0.88em;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 145%;
  text-transform: uppercase;
}

/* Meet the Tablet Track: Top Watermark + Bottom Delivery Step Cards */
.meet-steps-track {
  width: 100%;
  height: 175em;
  position: relative;
  overflow: visible;
  margin-top: 4em;
}

/* Meet the Tablet Vector Watermark / Banner - PINNED AT TOP UNDER NAVBAR */
.meet-the-tablet-new {
  z-index: 2;
  height: 100vh;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  position: sticky;
  top: 0;
  pointer-events: none;
  overflow: hidden;
  opacity: 1;
  padding-top: 4.8em;
  will-change: transform, opacity;
  box-sizing: border-box;
}

.meet-croptab-headline-img {
  width: 100%;
  max-width: 1600px;
  height: auto;
  max-height: 170px;
  position: absolute;
  left: 0;
  right: 0;
  top: 4.8em;
  margin: 0 auto;
  display: block;
  opacity: 0.88;
  pointer-events: none;
  object-fit: contain;
  mix-blend-mode: normal;
  filter: drop-shadow(0 4px 24px rgba(0, 0, 0, 0.35));
}

/* Delivery Step Cards: PINNED AT BOTTOM OF SCREEN WITH FROSTED GLASSMORPHISM */
.meet-tablet-steps-new-wrap {
  z-index: 4;
  width: 100%;
  height: 100vh;
  margin-top: -100vh;
  position: sticky;
  top: 0;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  overflow: hidden;
  pointer-events: none;
  padding-bottom: 2.5em;
  box-sizing: border-box;
}

.meet-tablet-steps-new {
  z-index: 4;
  display: flex;
  flex-direction: row-reverse;
  flex-wrap: nowrap;
  align-items: flex-end;
  gap: 2.2em;
  width: max-content;
  padding: 0 4vw;
  pointer-events: auto;
  will-change: transform;
}

.meet-tablet-step {
  z-index: 2;
  background-color: rgba(90, 107, 52, 0.76);
  -webkit-backdrop-filter: blur(24px) saturate(125%);
  backdrop-filter: blur(24px) saturate(125%);
  border-radius: 14px;
  border: none;
  box-shadow: none;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  flex: 0 0 24em;
  width: 24em;
  min-width: 24em;
  height: 14em;
  padding: 1.6em 1.8em;
  display: flex;
  position: relative;
  will-change: transform, opacity;
  transition: background-color 0.3s ease, transform 0.3s ease;
  box-sizing: border-box;
}

.meet-tablet-step:hover {
  background-color: rgba(90, 107, 52, 0.88);
  transform: translateY(-2px);
}

.text-30-regular {
  color: #ffffff;
  margin-top: 0;
  margin-bottom: 0.35em;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 1.88em;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: -0.01em;
}

.white-line {
  height: 1px;
  background: rgba(255, 255, 255, 0.4);
  width: 100%;
  margin-top: 0.5em;
  margin-bottom: 0.8em;
  box-shadow: none;
  transform-origin: left center;
  transition: background-color 0.4s ease, box-shadow 0.4s ease;
}

.white-line.active {
  background: #ffffff;
  box-shadow: 0 0 8px rgba(255, 255, 255, 0.65);
}

.text-16-regular-caps {
  color: rgba(244, 237, 230, 0.85);
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 0.88em;
  font-weight: 400;
  line-height: 150%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

.text-16-regular-caps._0-run-off {
  width: 16.9em;
}

/* Responsive Media Queries for Section 3 */
@media screen and (max-width: 991px) {
  .capsule {
    height: auto;
    min-height: 0;
  }
  .capsule-heading {
    position: sticky;
    top: 5.5em;
    width: 100%;
    z-index: 4;
  }
  .capsule-start-text {
    height: 100vh;
    padding-top: 3em;
    padding-left: var(--padding-tablet);
    padding-right: var(--padding-tablet);
    position: relative;
  }
  .capsule-second-block {
    display: none !important;
  }
  .capsule-first-heading {
    margin-bottom: 0;
  }
  .capsule-second-heading.step-2-mobile {
    display: flex;
    position: absolute;
    inset: 0% auto auto 0%;
    opacity: 0;
    width: 100%;
    grid-column-gap: 1.25em;
    grid-row-gap: 1.25em;
    pointer-events: auto;
  }
  .capsule-second-heading.step-2-mobile .h2-style {
    color: var(--beige);
  }
  .capsule-second-heading.step-2-mobile .text-16-regular-caps {
    color: var(--beige);
    max-width: 92%;
  }
  .capsule-cards-wrap {
    height: 150em;
    position: relative;
    overflow: visible;
    margin-top: 8em;
    padding: 0;
    width: 100vw;
  }
  .capsule-cards-new {
    width: max-content;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    overflow: visible;
    position: sticky;
    top: 31em;
    padding: 0 1.25em 5em;
    gap: 1.5em;
    z-index: 5;
    will-change: transform;
  }
  .capsule-card-new {
    flex: 0 0 22em;
    width: 22em;
    min-width: 22em;
    height: 13.5em;
    min-height: 13.5em;
    padding: 1.25em;
  }
  .capsule-card-inner {
    min-height: 11em;
  }
  .meet-steps-track {
    height: 165em;
    margin-top: 3em;
  }
  .meet-the-tablet-new {
    padding-top: 4.2em;
  }
  .meet-croptab-headline-img {
    top: 4.2em;
    max-height: 120px;
    width: 92%;
  }
  .meet-tablet-steps-new-wrap {
    padding-bottom: 2em;
  }
  .meet-tablet-steps-new {
    gap: 1.5em;
    padding: 0 3vw;
  }
  .meet-tablet-step {
    flex: 0 0 21.5em;
    width: 21.5em;
    min-width: 21.5em;
    height: 13.5em;
    padding: 1.4em 1.6em;
    background-color: rgba(90, 107, 52, 0.78);
    -webkit-backdrop-filter: blur(24px) saturate(125%);
    backdrop-filter: blur(24px) saturate(125%);
    border-radius: 14px;
    border: none;
    box-shadow: none;
    justify-content: space-between;
    align-items: flex-start;
  }
  .meet-tablet-step .text-30-regular {
    font-size: 1.55em;
  }
}

@media screen and (max-width: 479px) {
  .capsule {
    height: auto;
    min-height: 0;
  }
  .capsule-heading {
    top: 4.8em;
  }
  .capsule-start-text {
    height: 100vh;
    padding-top: 4.8em;
    padding-left: 1.25em;
    padding-right: 1.25em;
    position: relative;
  }
  .capsule-cards-wrap {
    height: 150em;
    margin-top: 6em;
    width: 100vw;
    overflow: visible;
  }
  .capsule-cards-new {
    position: sticky;
    top: 30em;
    padding: 0 1em 5em;
    gap: 1.25em;
  }
  .capsule-card-new {
    flex: 0 0 21.5em;
    width: 21.5em;
    min-width: 21.5em;
    height: 13em;
    min-height: 13em;
    padding: 1.2em;
  }
  .meet-steps-track {
    height: 155em;
    margin-top: 2.5em;
  }
  .meet-the-tablet-new {
    padding-top: 3.8em;
  }
  .meet-croptab-headline-img {
    top: 3.8em;
    max-height: 95px;
    width: 95%;
  }
  .meet-tablet-steps-new-wrap {
    padding-bottom: 1.5em;
    align-items: flex-end;
  }
  .meet-tablet-steps-new {
    gap: 1.2em;
    padding: 0 1.2em;
  }
  .meet-tablet-step {
    flex: 0 0 72vw;
    width: 72vw;
    min-width: 72vw;
    max-width: 310px;
    height: 13.5em;
    padding: 1.4em 1.5em;
    background-color: rgba(90, 107, 52, 0.80);
    -webkit-backdrop-filter: blur(24px) saturate(125%);
    backdrop-filter: blur(24px) saturate(125%);
    border-radius: 14px;
    border: none;
    box-shadow: none;
    justify-content: space-between;
    align-items: flex-start;
  }
  .meet-tablet-step .text-30-regular {
    font-size: 1.65em;
    font-weight: 400;
    line-height: 1.15;
    color: #ffffff;
    letter-spacing: -0.02em;
  }
  .meet-tablet-step .text-16-regular-caps {
    font-size: 0.72em;
    font-weight: 500;
    line-height: 145%;
    color: rgba(255, 255, 255, 0.82);
    text-transform: uppercase;
    letter-spacing: 0.04em;
  }
  .meet-tablet-step .text-16-regular-caps._0-run-off {
    width: 100%;
  }
}

/* ==========================================================================
   Section 4: Field-Tested. Farmer-Approved. (#s-numbers)
   ========================================================================== */
.numbers {
  z-index: 6;
  background-color: var(--beige);
  margin-top: 0;
  position: relative;
  overflow: visible;
}

.numbers-wrap {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  min-height: 100vh;
  display: grid;
}

.numbers-video {
  height: 100%;
  min-height: 100vh;
  position: relative;
  overflow: hidden;
}

.numbers-video .farmer-video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

.numbers-content {
  padding: 3.5em var(--padding-web) 3.5em 3.5em;
  grid-column-gap: 4em;
  grid-row-gap: 4em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
  box-sizing: border-box;
}

.numbers-list {
  grid-column-gap: 2.8em;
  grid-row-gap: 2.8em;
  flex-flow: column;
  width: 100%;
  padding-bottom: 3.5em;
  display: flex;
  position: relative;
}

.number-item {
  grid-column-gap: 1.5em;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: auto 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  padding-bottom: 1.2em;
  display: grid;
  position: relative;
  box-sizing: border-box;
}

.number-item .text-16-regular-caps {
  text-align: right;
  justify-self: end;
  max-width: 15em;
}

.green-line {
  z-index: 1;
  background-color: var(--main-green);
  opacity: 0.35;
  width: 0%;
  height: 1px;
  position: absolute;
  inset: auto 0% 0%;
  transform-origin: left center;
}

.text-80-regular {
  color: var(--dark-green);
  letter-spacing: -0.02em;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 3.8em;
  font-weight: 400;
  line-height: 90%;
}

.small-info {
  width: 28em;
  max-width: 100%;
  position: relative;
  margin-top: 1.5em;
}

.small-description {
  font-size: 0.88em;
  line-height: 1.45;
  opacity: 0.75;
}

@media screen and (max-width: 991px) {
  .numbers-wrap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
    min-height: auto;
    height: auto;
  }
  .numbers-video {
    min-height: 24em;
    height: 30em;
    order: 1;
    width: 100%;
  }
  .numbers-content {
    width: 100%;
    padding: 5.5em var(--padding-tablet) 3em;
    order: 0;
    gap: 3em;
    box-sizing: border-box;
  }
  .numbers-list {
    gap: 2em;
    padding-bottom: 1.5em;
  }
  .number-item,
  .number-item.first,
  .number-item.action {
    grid-template-columns: auto 1fr;
    gap: 1em;
    align-items: baseline;
    width: 100%;
    box-sizing: border-box;
  }
  .number-item .text-16-regular-caps {
    text-align: right;
    justify-self: end;
    max-width: 14em;
  }
  .text-80-regular {
    font-size: 2.6em;
    line-height: 1;
  }
  .small-info {
    width: 100%;
    margin-top: 1em;
  }
  .small-description {
    font-size: 0.8em;
    line-height: 1.45;
  }
}

@media screen and (max-width: 479px) {
  .numbers-content {
    padding: 5.5em 1.25em 2.5em;
  }
  .number-item,
  .number-item.first,
  .number-item.action {
    grid-template-columns: auto 1fr;
    gap: 0.75em;
    padding-bottom: 0.8em;
  }
  .number-item .text-16-regular-caps {
    font-size: 0.82em;
    max-width: 13em;
  }
  .text-80-regular {
    font-size: 2.1em;
  }
}

/* ==========================================================================
   Section 5: Cleaner for the Planet — Without the Carbon Cost (#s-carbon)
   ========================================================================== */
.carbon-cost {
  background-color: var(--beige);
  height: 100vh;
  min-height: 48em;
  position: relative;
  overflow: hidden;
}

.carbon-cost-wrap {
  display: grid;
  grid-template-columns: 1fr 1fr;
  height: 100%;
  width: 100%;
}

.carbon-content {
  height: 100%;
  padding: 4.5em var(--padding-web) 4.5em var(--padding-web);
  border-right: 1px solid rgba(78, 85, 56, 0.2);
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.carbon-description {
  grid-column-gap: 2.63em;
  grid-row-gap: 2.63em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 32.9em;
  max-width: 100%;
  display: flex;
}

.text-18-caps {
  font-family: 'Aeonik', sans-serif;
  font-size: 1.12em;
  line-height: 140%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
  color: var(--main-green);
  font-weight: 400;
}

.btn-green {
  background-color: transparent;
  flex: none;
  padding: 0.88em 1.25em;
  text-decoration: none;
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.25em;
}

.btn-background.green {
  border: 0.08em solid var(--heading-color);
  background-color: transparent;
}

.btn-green:hover .btn-background.green {
  transform: scale(1.05);
  background-color: rgba(45, 58, 19, 0.06);
}

.btn-green:hover .dot-icon.right {
  transform: translateX(0.38em);
}

.btn-green:hover .dot-icon.left {
  transform: translateX(-0.38em);
}

.potato-wrap {
  width: 100%;
  height: 100vh;
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--beige);
}

.potato-img {
  object-fit: cover;
  width: 100%;
  height: 120%;
  position: absolute;
  top: -10%;
  left: 0;
  will-change: transform;
}

/* ==========================================================================
   Section 6: For Better Plants. For Healthier Animals. (#products)
   ========================================================================== */
.products {
  padding: 8em var(--padding-web) 14em;
  background-color: var(--beige);
  position: relative;
}

.products-heading-wrap {
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
  margin-bottom: 8em;
}

.products-heading {
  width: 44.25em;
  max-width: 100%;
}

.products-items {
  grid-column-gap: 1.88em;
  grid-row-gap: 1.88em;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.product-item {
  background-color: var(--green-light);
  border-radius: 0.4em;
  justify-content: center;
  align-items: flex-end;
  min-height: 24em;
  padding: 1.5em;
  text-decoration: none;
  display: flex;
  position: relative;
  overflow: visible;
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.4s ease;
}

.product-item:hover {
  transform: translateY(-8px);
  box-shadow: 0 16px 36px rgba(45, 58, 19, 0.12);
}

.product-link {
  z-index: 2;
  background-color: rgba(255, 255, 255, 0.18);
  border-radius: 0.15em;
  justify-content: center;
  align-items: center;
  width: 3.38em;
  height: 3.38em;
  display: flex;
  position: absolute;
  inset: 0.8em 0.8em auto auto;
  color: #fff;
  transition: background-color 0.3s ease, transform 0.3s ease;
}

.product-item:hover .product-link {
  background-color: rgba(255, 255, 255, 0.3);
  transform: translate(2px, -2px);
}

.product-image {
  z-index: 1;
  width: 18em;
  max-width: 90%;
  position: absolute;
  top: -6.5em;
  left: 50%;
  transform: translateX(-50%);
  transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
  pointer-events: none;
}

.product-item:hover .product-image {
  transform: translateX(-50%) translateY(-10px) scale(1.03);
}

.product-description {
  width: 100%;
  z-index: 2;
}

.text-32-regular {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0.4em;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 2em;
  font-weight: 500;
  line-height: 100%;
}

._w-336 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: column;
  width: 21em;
  max-width: 100%;
  display: flex;
}

._w-400 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: column;
  width: 25em;
  max-width: 100%;
  display: flex;
}

._w-380 {
  grid-column-gap: 0.75em;
  grid-row-gap: 0.75em;
  flex-flow: column;
  width: 23.9em;
  max-width: 100%;
  display: flex;
}

.product-description .text-16-regular-caps {
  color: var(--beige);
  opacity: 0.9;
  font-size: 0.92em;
  line-height: 135%;
  letter-spacing: 0.04em;
  text-transform: uppercase;
}

/* Responsive Media Queries for Section 5 & 6 */
@media screen and (max-width: 991px) {
  .carbon-cost {
    height: auto;
    min-height: 0;
  }
  .carbon-cost-wrap {
    grid-template-columns: 1fr;
    display: flex;
    flex-direction: column;
  }
  .carbon-content {
    width: 100%;
    padding: 4em var(--padding-tablet);
    border-right: none;
    border-bottom: 1px solid rgba(78, 85, 56, 0.2);
  }
  .potato-wrap {
    height: 38em;
    width: 100%;
  }
  .potato-img {
    height: 100%;
    top: 0;
  }
  .products {
    padding: 6em var(--padding-tablet) 10em;
  }
  .products-items {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 1.5em;
    padding-top: 7em;
    padding-bottom: 2em;
    -webkit-overflow-scrolling: touch;
  }
  .product-item {
    flex: 0 0 22em;
    width: 22em;
    scroll-snap-align: start;
  }
}

@media screen and (max-width: 479px) {
  .carbon-content {
    padding: 3.5em 1.25em;
  }
  .potato-wrap {
    height: 24em;
  }
  .products {
    padding: 4em 1.25em 7em;
  }
  .products-heading-wrap {
    margin-bottom: 4em;
  }
  .products-items {
    padding-top: 6em;
    gap: 1.2em;
  }
  .product-item {
    flex: 0 0 19em;
    width: 19em;
    min-height: 22em;
  }
  .product-image {
    width: 14em;
    top: -5.5em;
  }
  .text-32-regular {
    font-size: 1.6em;
  }
}

/* ========================================================================
   Sections 7-10: Field Trials, Community, CTA, and Footer
   ======================================================================== */

.logo-header.mobile {
  color:var(--beige)
}

.text-14-caps {
  color:var(--beige);text-transform:uppercase;font-family:Aeonik,Arial,sans-serif;font-size:.9em;line-height:120%
}

.text-14-caps:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) {
  color:var(--main-green)
}

.text-14-caps.light-green {
  color:#f4ede6b3;text-decoration:none
}

.text-14-caps.light-green.link {
  transition:all .3s
}

.text-14-caps.light-green.link:hover {
  color:var(--beige)
}

.text-14-caps.close {
  transition:all .3s
}

.text-14-caps.close:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) {
  color:var(--beige)
}

.text-14-caps.close:hover {
  opacity:.6
}

.text-14-caps.green {
  color:var(--main-green);flex:none
}

.text-14-caps.green:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  color:var(--beige)
}

.text-14-caps.green.align-right {
  text-align:right
}

.text-14-caps.green.xx {
  flex:none
}

.text-14-caps.green.xx.adelt-text {
  margin-top:.4em
}

.text-14-caps.green.opacity-60 {
  opacity:.4
}

.text-14-caps.green.opacity-60:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  color:var(--beige)
}

.text-14-caps.green.small-description {
  font-size:.9em
}

.text-14-caps.green.mobile-white {
  display:block
}

.text-14-caps.green.mobile-white.without-animation {
  display:none
}

.text-14-caps.menu-text:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) {
  color:var(--main-green)
}

.text-16-regular-caps {
  color:var(--beige);text-transform:uppercase;margin-bottom:0;font-family:Aeonik,Arial,sans-serif;font-size:1em;line-height:130%
}

.text-16-regular-caps.green {
  color:var(--main-green);text-decoration:none
}

.text-16-regular-caps.green:where(.w-variant-c56fcd20-6942-85e4-2d6a-54d6dca322a7),.text-16-regular-caps.green.green-5 {
  color:var(--white)
}

.text-16-regular-caps.green.align-right {
  text-align:right
}

.text-16-regular-caps.center {
  text-align:center
}

.text-16-regular-caps.use-type-title {
  width:70%
}

.text-16-regular-caps.opacity-70 {
  opacity:.7
}

.text-16-regular-caps._0-run-off {
  width:16.9em
}

.h2-style {
  color:#fff;letter-spacing:-.01em;margin-top:0;margin-bottom:0;font-family:Aeonik,Arial,sans-serif;font-size:3.6em;font-weight:500;line-height:93%
}

.h2-style.green {
  color:var(--heading-color);letter-spacing:-.03em;font-weight:500;display:block
}

.h2-style.green.second-how-it-works {
  z-index:1;margin-top:-.9em;display:block
}

.h2-style.green.second-how-it-works-nutripeak {
  z-index:1;width:60%;margin-top:-.9em;display:block
}

.h2-style.regular {
  font-weight:400
}

.h2-style.dark-green {
  color:var(--main-green);letter-spacing:-.03em;font-weight:500;display:block
}

.h2-style.center {
  text-align:center
}

.h2-style.beige {
  color:var(--beige);letter-spacing:-.015em;-webkit-text-stroke-width:.015em;font-weight:400
}

.btn-white {
  background-color:#0000;padding:.88em .75em;text-decoration:none;position:relative
}

.btn-background {
  border:.08em solid var(--beige);border-radius:.25em;position:absolute;inset:0%
}

.btn-background.green {
  border-width:.08em;border-color:var(--heading-color);width:100%
}

.btn-background.white-filled {
  background-color:#fff;border-style:none;border-width:0
}

.btn-background.white-filled:where(.w-variant-c56fcd20-6942-85e4-2d6a-54d6dca322a7),.btn-background.white-filled.green-7 {
  background-color:#596a33
}

.btn-content {
  z-index:1;grid-column-gap:.63em;grid-row-gap:.63em;justify-content:space-between;align-items:center;display:flex;position:relative
}

.dot-icon {
  border-radius:62.5em;width:.25em;height:.25em
}

.dot-icon:where(.w-variant-c56fcd20-6942-85e4-2d6a-54d6dca322a7),.dot-icon.green-4,.dot-icon.green-6 {
  background-color:var(--white);border-radius:62.5em
}

.dot-icon.green {
  background-color:var(--heading-color)
}

.text-16-regular.green.opacity-60 {
  opacity:.6
}

.text-16-regular.green.caps {
  text-transform:uppercase
}

.field-trials {
  background-color:var(--beige)
}

.field-trials-wrap {
  grid-column-gap:0px;grid-row-gap:0px;border-top:1px solid #4e553833;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid
}

.field-trials-content {
  flex-flow:column;justify-content:space-between;align-items:flex-start;max-width:50vw;padding-top:3.13em;display:flex;overflow:hidden
}

.field-trials-cta {
  justify-content:flex-start;align-items:flex-end;height:57.5em;padding-bottom:3.75em;padding-left:3.75em;display:flex;position:relative;overflow:hidden
}

.capsusta-img {
  z-index:0;object-fit:cover;width:100%;height:100%;position:absolute;inset:0%
}

.field-trials-cta_text {
  z-index:1;grid-column-gap:1.25em;grid-row-gap:1.25em;flex-flow:column;justify-content:space-between;align-items:flex-start;display:flex;position:relative
}

.btn-filled-white {
  background-color:#0000;padding:.88em .75em;text-decoration:none;transition:all .3s;position:relative
}

.btn-filled-white:where(.w-variant-c56fcd20-6942-85e4-2d6a-54d6dca322a7) {
  background-color:#596a33
}

.btn-filled-white.is-disabled {
  opacity:.3;pointer-events:none
}

.btn-filled-white.green {
  background-color:#596a33
}

.field-trials-cta_heading {
  width:34em
}

.field-trials-content_heading {
  width:31em;padding-left:var(--padding-web);grid-column-gap:1.5em;grid-row-gap:1.5em;flex-flow:column;display:flex
}

.field-trials-content_title {
  width:19em
}

.field-trials-map {
  width:100%;height:39.5em;transition:all 1s
}

.map-item {
  flex:none;width:61.75em;max-width:none
}

.map-wrapper {
  justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative
}

.fiels-trial-box-info {
  z-index: 2;
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  background-color: #596a33;
  color: #ffffff !important;
  flex-flow: column;
  width: 15.8em;
  height: 15.5em;
  padding: 0;
  display: flex;
  position: absolute;
  inset: 0% 0% auto auto;
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.16);
}

.fiels-trial-box-info.first {
  background-color: #7c914c !important;
  color: #ffffff !important;
}

.fiels-trial-box-info.second {
  background-color: #596a33 !important;
  color: #ffffff !important;
  top: 15.55em;
  right: 15.9em;
}

.fiels-trial-box-info--inside {
  grid-column-gap: .75em;
  grid-row-gap: .75em;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100%;
  padding: 1.5em;
  display: flex;
  color: #ffffff !important;
}

.fiels-trial-box-info .next-update,
.fiels-trial-box-info .div-block-4 {
  color: #ffffff !important;
}

.fiels-trial-box-info .text-27-regular {
  color: #ffffff !important;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Aeonik, Arial, sans-serif;
  font-size: 1.69em;
  font-weight: 500;
  line-height: 120%;
  display: block !important;
}

.fiels-trial-box-info .text-27-regular-mobile {
  display: none !important;
}

.fiels-trial-box-info .text-27-regular.h-100 {
  line-height: 110%;
}

.fiels-trial-box-info .text-14-caps,
.fiels-trial-box-info .sub-heading-white,
.fiels-trial-box-info .text-14-caps.green,
.fiels-trial-box-info .text-14-caps.mobile-white,
.sub-heading-white {
  color: #ffffff !important;
  font-size: 0.88em;
  letter-spacing: 0.08em;
  text-transform: uppercase;
  line-height: 140%;
  opacity: 0.95 !important;
  display: block !important;
}

.community-hero {
  background-image:url(assets/community_field_bg.webp);background-position:50%;background-size:cover;min-height:100vh;height:auto;padding-bottom:7em;overflow:visible;position:relative;
}

.community-wrap {
  padding-top:5.31em;padding-right:0;padding-left:var(--padding-web)
}

.cta-block {
  z-index:2;padding-right:0;padding-left:var(--padding-web);background-color:#596a33;position:relative
}

.cta-block-wrap {
  justify-content:space-between;align-items:flex-start;display:flex
}

.cta-block-text {
  grid-column-gap:16.25em;grid-row-gap:16.25em;flex-flow:column;padding-top:5.63em;padding-bottom:7em;display:flex
}

.cta-block-heading {
  grid-column-gap:1.5em;grid-row-gap:1.5em;flex-flow:column;width:32.6em;display:flex
}

.cta-btns {
  grid-column-gap:1.25em;grid-row-gap:1.25em;display:flex
}

.cta-img-wrap {
  width:47.25em;height:38.8em;position:relative;overflow:hidden
}

.footer {
  z-index:1;height:23.75em;padding:3.75em var(--padding-web)1.38em;background-color:var(--beige);justify-content:space-between;align-items:flex-end;display:flex
}

.footer:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  background-color:#596a33
}

.footer-wrap {
  grid-column-gap:0px;grid-row-gap:0px;flex-flow:column;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-items:flex-start;height:100%;display:flex
}

.farm-icon-green-wrap {
  color:var(--main-green)
}

.farm-icon-green-wrap:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  color:var(--beige)
}

.farm-icon-green {
  width:7.5em;height:4.56em
}

.footer-right {
  grid-column-gap:4em;grid-row-gap:4em;flex-flow:column;justify-content:space-between;align-items:flex-end;display:flex
}

.blog-post-item {
  margin-top:2.19em;display:flex
}

.splide__arrows {
  grid-column-gap:.63em;grid-row-gap:.63em;flex-flow:row;flex:none;justify-content:flex-start;align-items:flex-start;height:3.38em;max-height:3.38em;display:flex;position:static;inset:auto auto 0% 0%;transform:translateY(30em)
}

.splide__arrows.splide--products {
  position:absolute;overflow:hidden;transform:translate(-36.5em)
}

.splide__arrow {
  background-color:#f4ede6;background-image:url(assets/splide_arrow_black.svg);background-position:50%;background-repeat:no-repeat;background-size:.94em .94em;border-radius:.13em;width:3.38em;height:3.38em;padding:0
}

.splide__arrow.splide__arrow--prev {
  transition:all .3s
}

.splide__arrow.splide__arrow--prev:hover {
  background-color:#dfd5cb
}

.splide__arrow.splide__arrow--prev.green {
  background-color:var(--heading-color);background-image:url(assets/splide_arrow_white.svg)
}

.splide__arrow.splide__arrow--prev.green:hover {
  background-color:var(--main-green)
}

.splide__arrow.splide__arrow--next {
  background-image:url(assets/splide_arrow_right.svg);transition:all .3s
}

.splide__arrow.splide__arrow--next:hover {
  background-color:#dfd5cb
}

.splide__arrow.splide__arrow--next.green {
  background-color:var(--heading-color);background-image:url(assets/splide_arrow_right.svg)
}

.splide__arrow.splide__arrow--next.green:hover {
  background-color:var(--main-green)
}

.splide.splide--posts {
  justify-content:space-between;align-items:flex-start;width:100%;display:flex;position:relative;transform:translate(0)
}

.splide.splide--products {
  position:relative
}

.splide__track {
  width:66em;max-height:40.94em;position:relative;overflow:hidden
}

.splide__track.formats {
  width:64em
}

.splide__list {
  width:100%;display:flex
}

.splide__list.splide--products {
  justify-content:flex-start;align-items:flex-end;height:40.94em;overflow:visible
}

.splide__slide {
  flex:none;justify-content:flex-end;align-items:flex-end;width:28.56em;height:33.88em;display:flex;position:relative;overflow:hidden
}

.splide__slide.slide--product {
  background-color:#7a835f1a;border-radius:.31em;flex-flow:column;justify-content:space-between;align-items:flex-start;width:32.13em;height:40.94em;margin-right:0;padding:1.88em;transition:all .4s
}

.splide__slide.slide--product-new {
  background-color:#7a835f1a;border-radius:.31em;flex-flow:column;justify-content:space-between;align-items:center;width:32.13em;height:40.94em;margin-right:0;padding:1.88em 1.88em 3.5em;transition:all .4s
}

.splide__item {
  flex:none;justify-content:flex-end;align-items:flex-end;width:100%;height:100%;text-decoration:none;display:flex;position:relative;overflow:hidden
}

.splide__content {
  z-index:1;background-color:var(--beige);flex-flow:column;justify-content:space-between;align-items:flex-start;width:18em;height:20.94em;padding:1.5em 1.25em
}

.splide__description {
  flex-flow:column;justify-content:space-between;align-items:flex-start;width:15.4em;height:100%;display:flex
}

.underline {
  background-color:var(--beige);width:100%;height:1px
}

.underline:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) {
  background-color:var(--main-green)
}

.underline.green {
  background-color:var(--green-light);position:absolute;inset:auto auto 0% 0%
}

.underline.green:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  background-color:#f4ede6
}

.underline.green-copy {
  background-color:var(--green-light);position:absolute;inset:auto auto 0% 0%
}

.underline.white {
  background-color:var(--beige);position:absolute;inset:auto auto 0% 0%
}

.footer-link {
  grid-column-gap:.2em;grid-row-gap:.2em;flex-flow:row;flex:none;justify-content:flex-start;align-items:flex-start;text-decoration:none;display:flex;position:relative;overflow:hidden
}

.footer-link.adelt {
  opacity:.5
}

.footer-links {
  grid-column-gap:5em;grid-row-gap:5em;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;justify-content:flex-start;place-items:start stretch;display:flex
}

.footer-links-group {
  grid-column-gap:.3em;grid-row-gap:.3em;flex-flow:column;justify-content:flex-start;align-items:flex-start;display:flex
}

.footer-top {
  justify-content:space-between;align-items:flex-start;width:100%;display:flex
}

.footer-bottom {
  grid-column-gap:0px;grid-row-gap:0px;flex-flow:row;grid-template-rows:auto;grid-template-columns:1fr 1fr 1fr;grid-auto-columns:1fr;justify-content:space-between;align-items:flex-end;width:100%;display:grid
}

.footer-bottom-links {
  grid-column-gap:1em;grid-row-gap:1em;flex-flow:row;justify-content:flex-end;align-items:flex-end;display:flex
}

.adelt-green {
  width:3em;height:1.4em;margin-top:0;position:static;top:0
}

.adelt-green:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  color:var(--beige)
}

.fiels-trial-box-info--inside {
  grid-column-gap:.75em;grid-row-gap:.75em;flex-flow:column;justify-content:space-between;align-items:flex-start;height:100%;padding:1.5em;display:flex
}

.text-20-medium {
  color:var(--main-green);font-family:Aeonik,Arial,sans-serif;font-size:1.25em;font-weight:500;line-height:120%
}

.text-20-medium.caps {
  text-transform:uppercase;width:90%
}

.gap-20 {
  grid-column-gap:1.25em;grid-row-gap:1.25em;flex-flow:column;display:flex
}

.socials-group {
  grid-column-gap:.3em;grid-row-gap:.3em;flex-flow:column;justify-content:flex-start;align-items:flex-end;display:flex
}

.location-hover {
  cursor:pointer;position:absolute;inset:auto auto 15.85em 4.5em
}

.location-hover.bolivia {
  bottom:32.5%;left:19.5%
}

.location-hover.usa {
  cursor:pointer;top:32%;bottom:auto;left:9%
}

.location-hover.ireland {
  justify-content:center;align-items:center;height:1.1em;display:flex;bottom:21.4em;left:23.35em
}

.location-hover.uk {
  top:22%;bottom:auto;left:44%
}

.location-hover.spain {
  justify-content:center;align-items:center;display:flex;top:31.5%;bottom:auto;left:42%
}

.location-hover.south-africa {
  inset:auto auto 25.5% 52.75%
}

.location-hover.israel {
  display:block;inset:36.8% auto auto 56.25%
}

.location-hover.serbia {
  justify-content:center;align-items:center;display:flex;top:28.5%;bottom:auto;left:51.5%
}

.location-hover.pakistan {
  display:block;inset:31.5% auto auto 66.5%
}

.location-hover.vietnam {
  display:block;inset:47% auto auto 84%
}

.location-hover.ireland-new {
  justify-content:center;align-items:center;display:flex;top:25%;bottom:auto;left:41%
}

.location-img {
  width:1.5em
}

.location-img.uk {
  width:1.4em
}

.location-img.ireland {
  width:.8em;height:1.1em
}

.location-img.bolivia {
  width:2.1em
}

.location-img.usa {
  width:9.4em
}

.location-img.spain {
  width:2.05em;height:1.8em
}

.location-img.south-africa {
  width:2.8em
}

.location-img.israel {
  width:.4em;display:block
}

.location-img.serbia {
  width:.9em;height:1.1em
}

.location-img.pakistan {
  width:2.85em;display:block
}

.location-img.vietnam {
  width:1.28em;display:block
}

.location-info {
  grid-column-gap:.6em;grid-row-gap:.6em;background-color:#7c914c;flex-flow:column;width:9.25em;height:9.25em;padding:0;display:none;position:absolute;inset:auto auto 3.6em -3em
}

.location-info.big-gap {
  bottom:6.7em
}

.country-heading {
  color:var(--beige);letter-spacing:-.01em;text-transform:none;margin-top:0;margin-bottom:0;font-family:Aeonik,Arial,sans-serif;font-size:1.4em;font-weight:500;line-height:105%
}

.country-heading.h-100 {
  line-height:100%
}

.country-heading.small {
  font-size:1.4em
}

.location-info-inside {
  grid-column-gap:.4em;grid-row-gap:.4em;flex-flow:column;padding:1em 1em 1em 1.2em;display:flex
}

.card-title.h-100 {
  line-height:100%
}

.link-2 {
  color:var(--main-green);text-decoration:none
}

.link-2:where(.w-variant-8610fe67-1b41-11ca-eda2-3f48e7ef3e63) {
  color:var(--beige)
}

.footer-cta-img-1 {
  width:20.3em;display:block;position:absolute;inset:auto auto 6.1em 13.8em
}

.footer-cta-img-2 {
  width:10.5em;display:block;position:absolute;inset:auto auto 26.4em 34.2em
}

.footer-cta-img-3 {
  width:9.5em;display:block;position:absolute;inset:auto auto 26.4em -.2em
}

.footer-cta-img-4 {
  width:5em;display:block;position:absolute;inset:auto auto 35.8em 9.3em
}

.footer-cta-img-5 {
  width:10.9em;display:block;position:absolute;inset:auto -3.3em 0% auto
}

.footer-cta-img-6 {
  width:5em;display:block;position:absolute;inset:auto auto 1.1em 8.7em
}

.footer-links-group-wrap {
  grid-column-gap:.6em;grid-row-gap:.6em;flex-flow:column;display:flex
}

.div-block-3 {
  grid-column-gap:1em;grid-row-gap:1em;display:flex
}

.div-block-3.mobile {
  display:none
}

.text-27-regular-mobile {
  color:#4c5b20;letter-spacing:-.01em;margin-top:0;margin-bottom:0;font-family:Aeonik,Arial,sans-serif;font-size:1.69em;font-weight:500;line-height:120%;display:none
}

.text-27-regular-mobile.h-100 {
  line-height:110%
}

.icon-28.second {
  margin-right:17.2em
}

.meet-tablet-text-2.mobile {
  display:none
}

.meet-tablet-text-4.mobile {
  display:none
}

.text-18-regular.green.caps {
  text-transform:uppercase
}

.approach-img-s-3.second {
  z-index:1;margin-left:-2.5em
}

.text-26-regular.white.caps {
  text-transform:uppercase
}

.graph-item.second {
  background-color:#7c914c
}

.difference-point.second {
  width:23em
}

.field-proven-text-1-description.second {
  grid-column-gap:1.5em;grid-row-gap:1.5em;width:31em;position:absolute
}

.splide__img {
  object-fit:cover;width:100%;height:100%;position:absolute;inset:0%
}

.table-field-heading.white.caps {
  text-transform:uppercase
}

.text-14-regular.opacity-60 {
  opacity:.6
}

.fiels-trial-box-info-wrap.first {
  width:15.8em;inset:0% 0% auto auto
}

.text-27-regular-2.h-100 {
  line-height:110%
}

.dot-icon-2.right {
  border-radius:0
}

.fiels-trial-box-info-new.first {
  justify-content:flex-start;align-items:flex-start;position:static
}

.fiels-trial-box-info-new.second {
  justify-content:flex-start;align-items:flex-start;top:15.55em;right:15.9em
}

.country-heading-2.small {
  font-size:1.4em
}

.text-14-caps-2.green.mobile-white {
  display:block
}

.text-14-caps-2.green.mobile-white.without-animation {
  display:none
}

.text-14-caps-2.green.opacity-60 {
  opacity:.3
}

.text-14-caps-2.green.xx {
  flex:none
}

.text-14-caps-2.green.align-right {
  text-align:right
}

.text-line.first {
  margin-right:10em
}

.hero-transition-line.first,.hero-transition-line.second,.hero-transition-line.third {
  height:33.3%
}

.adelt-wrap-logo {
  margin-top:0;position:relative;top:0
}

.blog-aricle-img.small {
  border-radius:0;flex:none;width:14.81em;height:100%
}

.blog-aricle-img-container.small {
  flex:none;width:14.81em;height:100%
}

.elevatefeed-hero-img.tablet,.elevatefeed-hero-img.mobile {
  display:none
}

.style-maps {
  display:none
}

@media screen and (max-width:991px) {

  .text-16-regular-caps {
    font-size:.9em;line-height:130%
  }

  .text-16-regular-caps.green {
    flex:none
  }

  .h2-style {
    font-size:3em
  }

  .field-trials {
    position:relative
  }

  .field-trials-wrap {
    flex-flow:column;display:flex
  }

  .field-trials-content {
    max-width:100%
  }

  .field-trials-cta {
    padding-left:var(--padding-web);border-top:1px solid #b7b8a0
  }

  .map-item,.map-wrapper {
    width:100%
  }

  .cta-block {
    overflow:hidden
  }

  .cta-block-wrap {
    position:relative
  }

  .cta-block-heading {
    width:26em
  }

  .cta-img-wrap {
    width:36em;position:absolute;inset:-.8em 0% auto auto
  }

  .footer {
    height:32em
  }

  .splide__arrows {
    transform:translateY(27.9em)
  }

  .splide__arrows.splide--products {
    z-index:2;position:static;inset:auto auto 0% 0%;transform:none
  }

  .splide.splide--posts {
    grid-column-gap:7em;grid-row-gap:7em
  }

  .splide.splide--products {
    grid-column-gap:2em;grid-row-gap:2em;flex-flow:column;display:flex
  }

  .splide__slide {
    width:25em;height:31.1em
  }

  .footer-links {
    grid-column-gap:5em;grid-row-gap:3em;grid-template-rows:auto;grid-template-columns:1fr 1fr;grid-auto-columns:1fr;display:grid
  }

  .footer-bottom-links {
    flex-flow:wrap
  }

  .text-20-medium {
    font-size:1.2em
  }

  .location-hover {
    display:block
  }

  .location-hover.bolivia {
    bottom:33.5%;left:24.5%
  }

  .location-hover.usa {
    top:33.5%;bottom:auto;left:15.5%
  }

  .location-hover.uk {
    top:24.5%;left:45%
  }

  .location-hover.spain {
    display:block;top:32.5%;left:43.5%
  }

  .location-hover.south-africa {
    display:block;bottom:27%;left:52.25%
  }

  .location-hover.israel {
    display:block
  }

  .location-hover.serbia {
    display:block;top:29%;left:51%
  }

  .location-hover.pakistan {
    display:block;top:33.5%;left:64.5%
  }

  .location-hover.vietnam {
    display:block;top:46.5%;left:78.5%
  }

  .location-hover.ireland-new {
    display:block;top:26%;left:42.5%
  }

  .location-img {
    width:1.25em
  }

  .location-img.usa {
    width:8.8em
  }

  .footer-cta-img-1 {
    width:17em;bottom:7.1em
  }

  .footer-cta-img-2 {
    width:8em;bottom:24em;left:30.9em
  }

  .footer-cta-img-3 {
    width:8em;bottom:27.3em;left:8.2em
  }

  .footer-cta-img-4 {
    width:4em;bottom:35.3em;left:16.1em
  }

  .footer-cta-img-5 {
    width:7em;display:none;right:-.9em
  }

  .footer-cta-img-6 {
    width:4em;bottom:2.1em;left:9.7em
  }

  .plus-wrap {
    z-index:1;border:1px solid var(--heading-color);background-color:var(--beige);border-radius:.4em;justify-content:center;align-items:center;width:3.5em;height:3.5em;display:flex;position:absolute;inset:auto 2em 2em auto
  }

  .plus-icon {
    width:1.1em;height:1.1em
  }

  .cta-block-description {
    width:90%
  }

  .difference-point,.difference-point.last,.difference-point.second,.difference-point._30-yield {
    width:auto
  }

  .hero-transition-line.first {
    justify-content:flex-start;align-items:flex-start;width:100%
  }

  .hero-transition-line.second,.hero-transition-line.third {
    grid-column-gap:0px;grid-row-gap:0px
  }

  .elevatefeed-hero-img.mobile {
    object-fit:cover;object-position:50% 100%;width:100%;display:none
  }

}


@media screen and (max-width:479px) {

  .logo-header.mobile {
    width:6.7em;height:2em;display:block
  }

  .logo-header.mobile:where(.w-variant-1e4e48b0-d147-858b-bd02-9ab4d851e4d3) {
    color:var(--main-green)
  }

  .text-14-caps,.text-14-caps.green {
    font-size:.85em
  }

  .text-14-caps.green.align-right {
    text-align:left
  }

  .text-14-caps.green.xx {
    font-size:.7em
  }

  .text-14-caps.green.small-description {
    font-size:.69em
  }

  .text-14-caps.green.mobile-white {
    color:#fff;font-size:.8em;display:none
  }

  .text-14-caps.green.mobile-white.without-animation {
    display:block
  }

  .text-16-regular-caps {
    font-size:.8em;line-height:130%
  }

  .text-16-regular-caps.green {
    font-size:.86em
  }

  .text-16-regular-caps.apply-form-text {
    font-size:.9em
  }

  .h2-style {
    font-size:1.9em;line-height:100%
  }

  .h2-style.green {
    font-size:2em
  }

  .h2-style.green.second-how-it-works {
    position:absolute
  }

  .h2-style.green.second-how-it-works-nutripeak {
    width:100%;position:absolute
  }

  .h2-style.dark-green {
    font-size:2em
  }

  .h2-style.dark-green.white-on-mobile {
    color:var(--white)
  }

  .number-item, .number-item.first, .number-item.action {
    grid-template-columns: auto 1fr;
    gap: 0.75em;
    padding-bottom: 0.8em;
    align-items: baseline;
    width: 100%;
    box-sizing: border-box;
  }
  .number-item .text-16-regular-caps {
    text-align: right;
    justify-self: end;
    max-width: 13em;
  }

  .text-16-regular.green.opacity-60,.text-16-regular.green.caps,.text-16-regular.hero-product-description,.text-16-regular.small-description {
    font-size:.9em
  }

  .field-trials-wrap {
    border-top-style:none
  }

  .field-trials-content {
    padding-top:0;padding-bottom:12em
  }

  .field-trials-cta {
    height:32.81em;padding-left:1em;padding-right:1em;overflow:visible
  }

  .field-trials-cta_heading {
    width:100%
  }

  .field-trials-content_heading {
    width:100%;padding-left:1em;padding-right:1em
  }

  .field-trials-content_title {
    width:auto
  }

  .field-trials-map {
    height:auto
  }

  .map-item {
    object-fit:cover;object-position:35% 50%;height:22em
  }

  .fiels-trial-box-info.first {
    background-color:#7c914c !important;width:50vw;height:11.38em;display:flex !important;inset:-11.38em auto auto 0% !important;border:none;box-shadow:none;
  }

  .fiels-trial-box-info.second {
    background-color:#596a33 !important;width:50vw;height:11.38em;display:flex !important;inset:-11.38em 0% auto auto !important;border:none;box-shadow:none;
  }

  .fiels-trial-box-info .text-27-regular-mobile {
    color:#fff !important;font-size:1.3em;line-height:105%;display:block !important;
  }

  .fiels-trial-box-info .text-27-regular {
    color:#fff !important;font-size:1.3em;line-height:105%;display:none !important;
  }

  .fiels-trial-box-info .text-14-caps,
  .fiels-trial-box-info .sub-heading-white,
  .sub-heading-white {
    color:#fff !important;font-size:.8em;display:block !important;opacity:1 !important;
  }

  .community-hero {
    min-height: 100vh;
    height: auto;
    padding-bottom: 6em;
  }

  .community-wrap {
    padding-top:4.63em;padding-left:1em;padding-right:1em
  }

  .cta-block {
    height:50.69em;padding-left:1em;padding-right:0
  }

  .cta-block-wrap {
    height:100%;padding-top:4em
  }

  .cta-block-text {
    grid-column-gap:1.63em;grid-row-gap:1.63em;padding-top:0;padding-bottom:0
  }

  .cta-block-heading {
    grid-column-gap:1.2em;grid-row-gap:1.2em;width:100%
  }

  .cta-btns {
    grid-column-gap:.8em;grid-row-gap:.8em;flex-flow:column;justify-content:flex-start;align-items:flex-start
  }

  .cta-img-wrap {
    width:100%;inset:auto 0% 2% auto
  }

  .footer {
    height:auto;padding-left:1em;padding-right:1em
  }

  .footer-wrap {
    grid-column-gap:4em;grid-row-gap:4em
  }

  .farm-icon-green {
    width:5em
  }

  .footer-right {
    justify-content:space-between;align-items:flex-start
  }

  .splide__arrows {
    position:absolute;inset:0% auto auto 0%;transform:translateY(28.8em)
  }

  .splide.splide--posts {
    grid-column-gap:0em;grid-row-gap:0em;justify-content:space-between;align-items:flex-start
  }

  .splide__track.formats {
    max-height:33em
  }

  .splide__list.splide--products {
    height:33em
  }

  .splide__slide {
    width:22.4em;height:28.06em
  }

  .splide__slide.slide--product,.splide__slide.slide--product-new {
    width:21em;height:33em;padding:1.4em
  }

  .splide__content {
    width:17.88em;height:16em
  }

  .footer-links {
    grid-column-gap:2em;grid-row-gap:2em;flex-flow:wrap;grid-template-rows:auto;grid-template-columns:1fr .75fr;grid-auto-columns:1fr;display:grid
  }

  .footer-top {
    grid-column-gap:5em;grid-row-gap:5em;flex-flow:column;justify-content:space-between;align-items:stretch
  }

  .footer-bottom-links {
    grid-column-gap:.5em;grid-row-gap:.5em
  }

  .adelt-green {
    width:2.6em;height:1.2em
  }

  .fiels-trial-box-info--inside {
    padding:1em
  }

  .text-20-medium.caps {
    font-size:1.1em
  }

  .gap-20 {
    grid-column-gap:1em;grid-row-gap:1em
  }

  .socials-group {
    grid-column-gap:1em;grid-row-gap:1em;flex-flow:row;justify-content:flex-start;align-items:flex-start
  }

  .location-hover.bolivia {
    bottom:27%;left:16.5%
  }

  .location-hover.usa {
    top:25%;left:1%
  }

  .location-hover.uk {
    top:13%;left:53%
  }

  .location-hover.spain {
    top:26%;left:51%
  }

  .location-hover.south-africa {
    bottom:18%;left:auto;right:30%
  }

  .location-hover.israel {
    top:32.5%;left:auto;right:25%
  }

  .location-hover.serbia {
    top:21%;left:auto;right:32%
  }

  .location-hover.pakistan,.location-hover.vietnam {
    display:none
  }

  .location-hover.ireland-new {
    top:17%;left:49%
  }

  .location-img {
    width:1em
  }

  .capsule-card.second {
    position:relative;top:2em
  }

  .footer-cta-img-1 {
    width:12.94em;left:8.6em
  }

  .footer-cta-img-2 {
    width:6.56em;left:18.2em
  }

  .footer-cta-img-3 {
    width:5.88em;bottom:18em;left:0
  }

  .footer-cta-img-4 {
    width:3em;bottom:23.8em;left:5.8em
  }

  .footer-cta-img-6 {
    width:3.38em;bottom:3.6em;left:5.2em
  }

  .plus-wrap {
    border-color:#636f3d80;border-bottom-style:solid;width:2.5em;height:2.5em;bottom:1em;right:1em
  }

  .plus-icon {
    width:.9em;height:.9em
  }

  .next-update {
    width:6em
  }

  .div-block-3 {
    grid-column-gap:.2em;grid-row-gap:.2em;flex-flow:column;justify-content:space-between;align-items:flex-end;display:none
  }

  .div-block-3.mobile {
    grid-column-gap:.3em;grid-row-gap:.3em;justify-content:space-between;align-items:flex-start;display:flex
  }

  .div-block-4 {
    width:6em
  }

  .h2-cta-heading {
    width:16em
  }

  .text-27-regular-mobile {
    color:#fff;font-size:1.3em;line-height:105%;display:block
  }

  .icon-28.second {
    margin-right:0
  }

  .meet-tablet-text-2.mobile {
    display:flex
  }

  .meet-tablet-text-4.mobile {
    display:flex
  }

  .approach-img-s-3.second,.approach-img-s-3.third {
    margin-left:-2em
  }

  .text-26-regular.white.caps {
    font-size:.8em
  }

  .field-proven-text-1-description.second {
    width:23em
  }

  .field-proven-text-1-description.first {
    width:15em
  }

  .table-field-heading.white.caps {
    font-size:.8em
  }

  .fiels-trial-box-info-wrap.first {
    width:50vw;margin-top:-11em;inset:0% auto auto 0%
  }

  .fiels-trial-box-info-new.first {
    background-color:#7c914c;width:50vw;height:11.38em;display:flex;inset:-11.38em auto auto 0%
  }

  .fiels-trial-box-info-new.second {
    background-color:#596a33;width:50vw;height:11.38em;display:flex;inset:-11.38em 0% auto auto
  }

  .text-14-caps-2.green.mobile-white,
  .text-14-caps.green.mobile-white,
  .text-14-caps.mobile-white,
  .sub-heading-white {
    color: #ffffff !important;
    font-size: .8em;
    display: block !important;
    opacity: 1 !important;
  }

  .text-14-caps-2.green.mobile-white.without-animation,
  .text-14-caps.green.mobile-white.without-animation {
    display: block !important;
    color: #ffffff !important;
  }

  .text-14-caps-2.green.xx {
    font-size:.7em
  }

  .text-14-caps-2.green.align-right {
    text-align:left
  }

  .text-line.first {
    flex:none;margin-right:3.6em
  }

  .elevatefeed-hero-img.mobile {
    object-position:50% 0%;width:101vw;display:block;inset:0% 0% 76%
  }

}

/* Interactive Map Tooltips & Marker Pulse */
@keyframes markerPulse {
  0%, 100% { transform: scale(1); filter: drop-shadow(0 0 0 rgba(124, 145, 76, 0.4)); }
  50% { transform: scale(1.18); filter: drop-shadow(0 0 6px rgba(124, 145, 76, 0.7)); }
}
.location-img {
  animation: markerPulse 3.5s ease-in-out infinite;
  transition: transform 0.25s cubic-bezier(0.16, 1, 0.3, 1);
}
.location-hover:hover .location-img,
.location-hover.active .location-img {
  animation: none;
  transform: scale(1.35);
}
.location-info {
  border-radius: 4px;
  box-shadow: 0 12px 32px rgba(64, 79, 29, 0.22);
  transition: opacity 0.25s ease, transform 0.25s ease;
  z-index: 25;
}
@media (min-width: 992px) {
  .location-hover:hover .location-info,
  .location-hover.active .location-info {
    display: flex !important;
    opacity: 1;
    pointer-events: auto;
  }
}
@media (max-width: 991px) {
  .location-hover .location-info {
    display: none !important;
  }
  .location-hover.active .location-info {
    display: flex !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 2.5em !important;
    width: 11em !important;
    height: auto !important;
    z-index: 50 !important;
    opacity: 1 !important;
  }
}

/* Community & Footer Enhancements */
.splide--posts .splide__arrow {
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  z-index: 10;
}
.splide--posts .splide__arrow:hover {
  background-color: var(--main-green);
  background-image: url(assets/splide_arrow_white.svg);
}
.splide__slide a.splide__item {
  display: block;
  text-decoration: none;
  color: inherit;
  overflow: hidden;
  border-radius: 6px;
  position: relative;
  transition: transform 0.35s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.35s ease;
}
.splide__slide a.splide__item:hover {
  transform: translateY(-4px);
  box-shadow: 0 16px 36px rgba(0,0,0,0.12);
}
.footer-cta-img-1, .footer-cta-img-2, .footer-cta-img-3, .footer-cta-img-4, .footer-cta-img-5, .footer-cta-img-6 {
  transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.footer-cta-img-1:hover, .footer-cta-img-2:hover, .footer-cta-img-3:hover, .footer-cta-img-4:hover, .footer-cta-img-5:hover, .footer-cta-img-6:hover {
  transform: scale(1.04);
}


/* Critical visibility and z-index fixes for Section 7-10 */
.btn-content {
  position: relative !important;
  z-index: 5 !important;
}
.btn-background {
  z-index: 1 !important;
}
.btn-filled-white .btn-content,
.btn-filled-white .text-16-regular-caps,
.btn-filled-white .text-14-caps,
.btn-filled-white .text-16-regular-caps.green,
.btn-filled-white .text-14-caps.green {
  color: var(--main-green) !important;
  z-index: 5 !important;
}
.splide__track {
  overflow: visible !important;
}
.splide__slide,
.splide__item,
.splide__content,
.splide__img {
  visibility: visible !important;
}
.splide__content {
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
}
.splide--posts {
  display: flex !important;
  width: 100% !important;
  overflow: visible !important;
}


/* Splide Card Layout Polish */
.splide__item {
  position: relative !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: flex-end !important;
  align-items: flex-start !important;
  width: 100% !important;
  height: 100% !important;
  overflow: hidden !important;
  border-radius: 0.31em !important;
}
.splide__content {
  position: relative !important;
  z-index: 5 !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  background-color: var(--beige) !important;
  width: 18em !important;
  height: auto !important;
  min-height: 16em !important;
  padding: 1.5em 1.25em !important;
  margin: 1.25em !important;
  box-shadow: 0 8px 24px rgba(0,0,0,0.12) !important;
}
.splide__description {
  display: flex !important;
  flex-direction: column !important;
  gap: 1em !important;
}
.splide__description .text-20-medium {
  color: var(--main-green) !important;
  font-family: inherit !important;
  font-weight: 500 !important;
}
.splide__img {
  position: absolute !important;
  inset: 0% !important;
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 1 !important;
}

@media screen and (max-width: 479px) {
  .splide__content {
    width: calc(100% - 2em) !important;
    margin: 1em !important;
    min-height: 12em !important;
    padding: 1.2em 1em !important;
  }
}


/* Touch & Mobile Map Pin Interaction */
@media (hover: none) and (pointer: coarse), screen and (max-width: 767px) {
  .location-hover .location-info {
    display: none !important;
    position: absolute !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    bottom: 2.5em !important;
    width: 11em !important;
    height: auto !important;
    z-index: 50 !important;
  }
  .location-hover.active .location-info {
    display: flex !important;
  }
}


/* Final Location Info Tooltip Rules: Desktop Only */
.location-info {
  display: none !important;
  opacity: 0 !important;
  pointer-events: none !important;
}
@media screen and (min-width: 992px) {
  .location-hover:hover .location-info,
  .location-hover.active .location-info {
    display: flex !important;
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}
@media screen and (max-width: 991px) {
  .location-info,
  .location-hover .location-info,
  .location-hover.active .location-info {
    display: none !important;
    visibility: hidden !important;
  }
}

/* ==========================================================================
   Section 8 Community Viewport & Splide Arrow Fix
   ========================================================================== */
.community-hero {
  min-height: 100vh !important;
  height: auto !important;
  padding-bottom: 7em !important;
  overflow: visible !important;
  position: relative !important;
}

.community-wrap {
  position: relative !important;
  overflow: visible !important;
  padding-bottom: 2em !important;
}

.blog-post-item {
  margin-top: 2.19em !important;
  display: flex !important;
  width: 100% !important;
  position: relative !important;
}

.splide.splide--posts {
  display: flex !important;
  width: 100% !important;
  justify-content: space-between !important;
  align-items: flex-end !important;
  position: relative !important;
  overflow: visible !important;
}

.splide--posts .splide__arrows {
  display: flex !important;
  flex-direction: row !important;
  gap: 0.75em !important;
  align-items: center !important;
  position: static !important;
  transform: none !important;
  margin-top: 2.5em !important;
  margin-bottom: 1em !important;
  z-index: 10 !important;
}

.splide--posts .splide__arrow {
  position: relative !important;
  inset: auto !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  transform: none !important;
  width: 3.38em !important;
  height: 3.38em !important;
  border-radius: 0.2em !important;
  background-color: #f4ede6 !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 1em 1em !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  opacity: 1 !important;
  cursor: pointer !important;
  box-shadow: 0 4px 14px rgba(0, 0, 0, 0.2) !important;
  transition: all 0.25s cubic-bezier(0.16, 1, 0.3, 1) !important;
}

.splide--posts .splide__arrow--prev {
  background-image: url(assets/splide_arrow_black.svg) !important;
}

.splide--posts .splide__arrow--next {
  background-image: url(assets/splide_arrow_right.svg) !important;
}

.splide--posts .splide__arrow:hover {
  background-color: var(--main-green) !important;
  background-image: url(assets/splide_arrow_white.svg) !important;
  transform: scale(1.06) !important;
}

.splide--posts .splide__arrow--next:hover {
  background-image: url(assets/splide_arrow_right.svg) !important;
  filter: brightness(0) invert(1) !important;
}

@media screen and (max-width: 991px) {
  .community-hero {
    min-height: 100vh !important;
    height: auto !important;
    padding-bottom: 6em !important;
  }
  .splide.splide--posts {
    flex-direction: column !important;
    align-items: flex-start !important;
    gap: 1.5em !important;
  }
  .splide--posts .splide__arrows {
    order: 2 !important;
    margin-top: 1.5em !important;
    margin-bottom: 2em !important;
  }
  .splide--posts .splide__track {
    order: 1 !important;
    width: 100% !important;
    overflow: visible !important;
  }
}

/* ==========================================================================
   Footer Hero Curtain Reveal Transition
   ========================================================================== */
.footer-hero {
  position: relative;
  width: 100%;
}

.cta-block {
  position: relative;
  z-index: 2;
  box-shadow: 0 20px 45px rgba(0, 0, 0, 0.22);
}

.footer-hero-wrap {
  position: sticky;
  bottom: 0;
  z-index: 1;
  width: 100%;
}

.footer {
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 992px) {
  .cta-block {
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
}

@media screen and (max-width: 991px) {
  .footer-hero-wrap {
    position: relative;
  }
}

/* ==========================================================================
   Sustainability / Coming Soon Page (Interactive Canvas & Video Ready)
   ========================================================================== */
.approach-hero.coming-soon {
  background-color: var(--main-green);
  position: relative;
  overflow: hidden;
  min-height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
}

.coming-soon-wrap {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
}

.coming-soon-wrap .canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  inset: 0;
  pointer-events: none;
  z-index: 1;
}

#soon-canvas {
  width: 100%;
  height: 100vh;
  display: block;
}

.sustainability-video-bg {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center bottom;
  z-index: 1;
  opacity: 1;
  display: none;
}

.sustainability-video-bg.active {
  display: block;
}

.coming-soon-heading {
  z-index: 3;
  grid-column-gap: 0.5em;
  grid-row-gap: 0.5em;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  transition: all 0.3s ease;
  display: flex;
  position: relative;
  text-align: center;
  padding-left: 1.5em;
  padding-right: 1.5em;
  text-shadow: 0 2px 20px rgba(0, 0, 0, 0.6), 0 0 40px rgba(0, 0, 0, 0.3);
}

.text-40-regular {
  color: #fff;
  margin-top: 0;
  margin-bottom: 0;
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 2.8em;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: -0.01em;
}

.text-40-regular.align-center {
  text-align: center;
}

#soon-description {
  color: var(--beige);
  opacity: 0.85;
  letter-spacing: 0.12em;
  font-size: 0.95em;
  text-transform: uppercase;
}

.coming-soon-buttons {
  grid-column-gap: 1.25em;
  grid-row-gap: 1.25em;
  margin-top: 5.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

#grow-button.is-disabled {
  opacity: 0.35;
  cursor: not-allowed;
  pointer-events: none;
}

@media screen and (max-width: 991px) {
  .text-40-regular {
    font-size: 2.1em;
  }
  .coming-soon-buttons {
    margin-top: 3.5em;
    flex-direction: column;
    width: 100%;
    max-width: 20em;
  }
}

/* ==========================================================================
   Skiper9: 5-Bar Stairs Preloader with Smooth Progress Bar
   ========================================================================== */
.skiper9-preloader {
  position: fixed;
  inset: 0;
  width: 100vw;
  height: 100vh;
  z-index: 999999;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: auto;
  overflow: hidden;
  user-select: none;
}

.skiper9-stairs {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  display: flex;
  z-index: 1;
  pointer-events: none;
}

.skiper9-stairs .stair-bar {
  position: relative;
  flex: 1 1 20%;
  width: 20.2%;
  height: 100%;
  background-color: var(--main-green, #2B3514);
  outline: 1px solid var(--main-green, #2B3514);
  transform: translateY(0%);
  transition: transform 0.65s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: transform;
}

/* Natural Reading Order Stair Reveal (Left to Right Sweep) */
.skiper9-preloader.revealing .stair-bar:nth-child(1) {
  transition-delay: 0.04s;
  transform: translateY(-100%);
}
.skiper9-preloader.revealing .stair-bar:nth-child(2) {
  transition-delay: 0.10s;
  transform: translateY(-100%);
}
.skiper9-preloader.revealing .stair-bar:nth-child(3) {
  transition-delay: 0.16s;
  transform: translateY(-100%);
}
.skiper9-preloader.revealing .stair-bar:nth-child(4) {
  transition-delay: 0.22s;
  transform: translateY(-100%);
}
.skiper9-preloader.revealing .stair-bar:nth-child(5) {
  transition-delay: 0.28s;
  transform: translateY(-100%);
}

/* Hero Elements Initial Concealment (Prevents FOUT before entrance timeline) */
#h1-1, #h1-2, [subtitle], [hero-btn], #tablet-3d-container {
  opacity: 0;
}

.skiper9-preloader.revealing ~ * #tablet-3d-container,
.skiper9-preloader.done ~ * #tablet-3d-container {
  opacity: 1;
}

.skiper9-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 24px;
  color: #ffffff;
  padding: 0 24px;
  max-width: 900px;
  text-align: center;
  transition: opacity 0.4s ease, transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}

.skiper9-preloader.revealing .skiper9-content {
  opacity: 0;
  transform: scale(0.97) translateY(-8px);
  pointer-events: none;
}

/* Skiper9 Exact Typography: text-3xl font-semibold tracking-tighter */
.skiper9-heading {
  font-family: 'Aeonik', -apple-system, BlinkMacSystemFont, Arial, sans-serif;
  font-size: clamp(2rem, 4.2vw, 3rem);
  font-weight: 600;
  letter-spacing: -0.045em;
  line-height: 1.25;
  color: #ffffff;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
  row-gap: 0.25em;
}

/* Skiper9 Word Stagger Animation */
.skiper9-word {
  display: inline-block;
  margin-right: 0.32em;
  opacity: 0;
  transform: translateY(6px);
  animation: skiper9-word-appear 0.9s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: var(--word-delay, 0s);
  will-change: opacity, transform;
}

@keyframes skiper9-word-appear {
  0% {
    opacity: 0;
    transform: translateY(6px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.skiper9-meta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 12px;
  opacity: 0;
  animation: skiper9-meta-appear 0.8s ease forwards;
  animation-delay: 0.55s;
}

@keyframes skiper9-meta-appear {
  from {
    opacity: 0;
    transform: translateY(4px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.skiper9-bar-container {
  display: flex;
  align-items: center;
  gap: 14px;
}

.skiper9-bar-track {
  width: 220px;
  height: 2px;
  background: rgba(255, 255, 255, 0.18);
  border-radius: 999px;
  overflow: hidden;
  position: relative;
}

.skiper9-bar-fill {
  height: 100%;
  width: 0%;
  background: #D3E88D;
  box-shadow: 0 0 10px rgba(211, 232, 141, 0.45);
  border-radius: 999px;
  transition: width 0.06s linear;
  will-change: width;
}

.skiper9-counter {
  font-family: 'Aeonik', Arial, sans-serif;
  font-size: 13px;
  font-weight: 500;
  color: #D3E88D;
  min-width: 38px;
  font-variant-numeric: tabular-nums;
  letter-spacing: 0.02em;
}

.skiper9-preloader.done {
  display: none !important;
}