*{
      margin:0;
      padding:0;
      box-sizing:border-box;
    }

    html{
      scroll-behavior:smooth;
    }


    @font-face {
        font-family: 'Inter';
        src: url('../fonts/inter/Inter-Bold.woff2') format('woff2');
        font-weight: 800;
        font-style: normal;
    }

   

    @font-face {
        font-family: 'TWK Lausanne';
        src: url('../fonts/TWKLausanne-Black.otf') format('opentype');
        font-weight: 800;
        font-style: normal;
    }

    body{
      font-family: Arial, Helvetica, sans-serif;
      background: var(--primary_background_color);
      color: var(--primary_dark_color);
      line-height:1.7;
      overflow-x:hidden;
    }

    img{
      width:100%;
      display:block;
      object-fit:cover;
    }

    a{
      text-decoration:none;
      color:var(--link_color);
    }

    .container{
      width:min(1180px, 92%);
      margin:auto;
    }

    section{
      padding:120px 0;
    }

    section.hero_section{
      padding: 0 !important;
    }

    .section-header{
      margin-bottom:60px;
      max-width:1000px;
    }


  /* 
    .section-tag{
      font-size:20px;
      letter-spacing:2px;
      text-transform:uppercase;
      color:var(--secondary_dark_color);
      margin-bottom:18px;
      display:inline-block;
    } */



    /* SECTION LABEL */

    .section-label, .section-tag{
      display:inline-block;
      border:1px solid var(--secondary_dark_color);
      color:var(--secondary_dark_color);
      padding:7px 18px;
      font-size:14px;
      letter-spacing:1.5px;
      text-transform:uppercase;
      margin-bottom:55px;
      border-radius:4px;
      background:transparent;
    }

    h1,h2,h3{
      font-family: 'TWK Lausanne', sans-serif;
      /* font-family: 'Inter', sans-serif; */
      font-weight:800;
      letter-spacing:-1px;
    }

  



    h1{
      font-family: 'TWK Lausanne', sans-serif;
      font-weight: 800;
      /* font-size:clamp(3rem, 7vw, 6rem); */
      font-size: 75px;
      line-height:1;
      margin-bottom:30px;
      color:var(--primary_color);
    }

    h2{
      font-size:clamp(2rem,4vw,3.6rem);
      line-height:1.1;
      margin-bottom:20px;
    }


    p{
      font-weight: 400;
      font-size:1.02rem;
      color:var(--color_shade8);
    }

    .primary_btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 32px;
      background-color: var(--primary_color);
      border:1px solid var(--primary_color);
      color:var(--color_shade1);
      transition:.3s ease;
      font-size:.95rem;
      border-radius: 50px;
    }

    .secondary_btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 32px;
      background-color: var(--primary_background_color);
      border:1px solid var(--primary_color);
      color:var(--primary_color);
      transition:.3s ease;
      font-size:.95rem;
      border-radius: 50px;
    }

    .primary_btn:hover{
      background:var(--primary_btn_hover);
      color:var(--color_shade1) !important;
    }

    .secondary_btn:hover{
      background:var(--primary_color);
      color:var(--color_shade1);
    }

    .btn{
      display:inline-flex;
      align-items:center;
      justify-content:center;
      padding:16px 32px;
      border:1px solid var(--primary_color);
      color:var(--primary_color);
      transition:.3s ease;
      font-size:.95rem;
    }

    .btn:hover{
      background:var(--primary_color);
      color:var(--color_shade1);
    }

    /* NAVIGATION */

    nav{
      width:100%;
      position:fixed;
      top:0;
      left:0;
      z-index:1000;
      background:rgba(232,225,214,.95);
      backdrop-filter:blur(10px);
      border-bottom:1px solid rgba(0,0,0,.05);
    }

    .nav-wrapper{
      height:85px;
      display:flex;
      align-items:center;
      justify-content:space-between;
    }

    .logo{
      font-size:1.2rem;
      font-weight:700;
      color:var(--primary_color);
      letter-spacing:1px;
    }

    .logo img{
      height:60px;
      margin-right:10px;
      object-fit: contain;
    }

    .nav-links{
      display:flex;
      gap:35px;
    }

    .nav-links a{
      font-size:.95rem;
      color:var(--primary_dark_color);
      transition:.3s;
    }

    .nav-links a:hover{
      color:var(--success_color_shade);
      font-weight: bold;
    }

    
    .menu-toggle{
      display:none;
      color:var(--primary_color);
      font-size:28px;
      cursor:pointer;
    }

    #nav_logo
    {
      display: none;
    }


    /* HERO */

    .hero_section{
      position:relative;
      display:flex;
     
      overflow: hidden;
      max-width: 100vw;
    }


    .hero{
      padding: 150px 50px 80px 50px;
      position:relative;
      display:flex;
      align-items:center;
      justify-content:center;
      overflow: hidden;
      max-width: 100vw;
    }

    .background_image{
      position:absolute;
      top:0;
      left:0;
      width:100%;
      height:100%;
      background: linear-gradient(
        to right,
        rgba(232, 225, 214, 1),
        rgba(232, 225, 214, 0.5)
      ),
      url('../images/farmland.jpg')
      center/cover no-repeat;
      z-index:1;

      /* Smooth endless zoom animation */
      animation: zoomInOut 5s ease-in-out infinite alternate;
    }


    



    .footer_background_image{
        position:absolute;
        top:0;
        left:0;
        width:100%;
        height:100%;

        background:
            url('../images/farmland.jpg') center/cover no-repeat;

        /* Grayscale + transparency */
        filter: grayscale(100%) opacity(0.2);

        z-index:1;

        animation: zoomInOut 5s ease-in-out infinite alternate;
    }



    @keyframes zoomInOut {
    0% {
      transform: scale(1);
    }

    100% {
      transform: scale(1.08);
    }
  }

    /* .hero-grid{
      display:grid;
      grid-template-columns:1.1fr .9fr;
      gap:80px;
      align-items:center;
    } */

    .hero-text{
      display: flex;
      flex-direction: column;
      justify-content: center;
      align-items: center;
      z-index: 2;
      width: 100%;
       /* max-width: 600px; */
    }

    .hero_logo_container{
      display: flex;
      justify-content: center;
    }

    .hero_logo{
      height: 140px;
      margin-bottom: 30px;
    }

    .hero_logo img{
      height: 100%;
      object-fit: contain;
    }

   
     
    .hero_heading_container{
      display: flex;
      justify-content: center;
    }


    .hero-text h1{
      text-align: center;
      font-size: 55px;
      flex-basis: 1100px;
    }

    .hero-text p{
      text-align: center;
      max-width:650px;
      margin-bottom:40px;
      font-size:1.1rem;
      color: var(--color_shade8);
    }

    .hero-text h3{
      text-align: center;
      max-width:650px;
      margin-bottom:40px;
      
    }

    .hero-image{
      height:700px;
      overflow:hidden;
      border-radius:6px;
    }

    .hero-image img{
      height:100%;
    }

    /* WHO WE ARE */

    .two-column{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:20px;
      /* align-items:start; */
    }

    .column_card{
      background:var(--primary_background_shade);
      padding:20px;
      border-radius: 10px;
    }

   
    .column_card.darkshade{
      background:var(--primary_btn_hover);
      
    }
   
    .column_card.dark{
      background:var(--color_shade10);
      
    }


    .column_card > h3{
      color: var(--color_shade8);
    }

    .column_card ul{
      margin-left: 20px;
    }

    .column_card ul li{
      color: var(--color_shade8);
      
    }

    .column_card ul li:not(:last-child){
      margin-bottom: 10px;
    }

     .column_card.darkshade > h3, .column_card.dark > h3{
      font-weight: 300;
      color: var(--color_shade1);
      margin-bottom: 20px;
    }

     .column_card.darkshade ul li, .column_card.dark ul li{
      color: var(--color_shade1);
    }


    .statement-box{
      background:var(--primary_background_shade2);
      padding:50px;
      border-left:4px solid var(--primary_color);
      border-radius:10px;
    }

    .statement-box h3{
      font-size:2rem;
      line-height:1.2;
      color:var(--primary_color);
      margin-bottom:20px;
    }

    .text_card
    {
      padding: 2px 10px;
      border-left: 4px solid var(--color_shade6);
      
    }

    .text_card h3
    {
      color: var(--color_shade1);
      font-weight: bold;

    }

    .text_card p
    {
      color: var(--color_shade1);
    }

    .text_card:not(:last-child)
    {
      margin-bottom: 20px;
    }

    /* VALUE CHAIN */

    .value-chain{
      background:var(--primary_color);
      color:var(--color_shade1);
    }

    .value-chain h2,
    .value-chain p{
      color:var(--color_shade1);
    }

    .chain-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:25px;
      margin-top:70px;
    }

    .chain-card{
      border-top:1px solid rgba(255,255,255,.2);
      padding-top:30px;
    }

    .chain-card span{
      font-size:.85rem;
      opacity:.6;
      display:block;
      margin-bottom:14px;
    }

    .chain-card h3{
      margin-bottom:12px;
      font-size:1.3rem;
    }

    .chain-card p{
      font-size:.95rem;
      opacity:.8;
    }

    /* PROOF */

    .proof-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:50px;
      align-items:center;
    }

    .proof-image{
      /* height:550px; */
      overflow:hidden;
      border-radius: 10px;

    }

    .proof-image img{
      height:100%;
      object-fit: contain;
    }

    .metrics{
      margin-top:40px;
      display:grid;
      grid-template-columns:repeat(2,1fr);
      gap:25px;
    }

    .metric{
      padding:30px;
      background:var(--color_shade1);
    }

    .metric h3{
      font-size:2rem;
      color:var(--primary_color);
      margin-bottom:10px;
    }

    /* BUILT DIFFERENTLY */

    .dark-section{
      background:var(--primary_dark_color);
      color:var(--color_shade1);
    }

    .dark-section h2,
    .dark-section p{
      color:var(--color_shade1);
    }

    .difference-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:40px;
      margin-top:70px;
    }

    .difference-card{
      padding:40px;
      border:1px solid rgba(255,255,255,.08);
    }

    .difference-card h3{
      margin-bottom:20px;
      font-size:1.4rem;
    }

    /* CROPS */

    .crop-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:25px;
    }

    .crop-card{
      background:var(--color_shade1);
    }

    .crop-card img{
      height:260px;
    }

    .crop-content{
      padding:28px;
    }

    .crop-content h3{
      margin-bottom:10px;
      color:var(--primary_color);
    }

    /* SCALE */

    .scale-grid{
      display:grid;
      grid-template-columns:repeat(3,1fr);
      gap:35px;
      margin-top:60px;
    }

    .scale-card{
      padding:45px;
      background:var(--primary_background_shade2);
    }

    .scale-card h3{
      margin-bottom:15px;
      color:var(--primary_color);
    }

    /* VALUES */

    .values{
      background:var(--primary_background_shade2);
    }

    .values-grid{
      display:grid;
      grid-template-columns:repeat(4,1fr);
      gap:30px;
      margin-top:60px;
    }

    /* .values-grid div{
      border-top:2px solid var(--primary_color);
      padding-top:20px;
    } */

    .values-grid h3{
      margin-bottom:12px;
      color:var(--primary_color);
    }

    
    .values-grid .image_icon_card 
    {
      border-bottom: 5px solid var(--primary_color);
      border-radius: 15px;
    }

    .info_section
    {
      margin: 0;
      padding: 0;
      display: flex;
      background: var(--primary_background_shade2);
    }

    .info_section.shade
    {
      background: var(--primary_background_shade3);
    }

    .side_image_container 
    {
      width: 300px;
      flex-shrink: 0;
    }

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

    .text_container
    {
      padding: 100px 50px;
      max-height: 700px;
      overflow-y: auto;
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .text_container h3
    {
      padding-bottom: 20px;
    }

    .text_container p:not(:last-child)
    {
      padding-bottom: 20px;
    }

    /* CONTACT */

    .contact{
      background:var(--primary_color);
      color:var(--color_shade1);
    }

    .contact h2,
    .contact p{
      color:var(--color_shade1);
    }

    .contact-grid{
      display:grid;
      grid-template-columns:1fr 1fr;
      gap:70px;
      align-items:start;
    }

    form{
      display:flex;
      flex-direction:column;
      gap:20px;
    }

    input,
    textarea{
      width:100%;
      padding:18px;
      background:transparent;
      border:1px solid rgba(255,255,255,.2);
      color:var(--color_shade1);
      font-size:1rem;
      outline:none;
    }

    textarea{
      min-height:180px;
      resize:none;
    }

    button{
      padding:18px;
      background:var(--color_shade1);
      color:var(--primary_color);
      border:none;
      cursor:pointer;
      font-size:1rem;
      transition:.3s;
    }

    button:hover{
      opacity:.9;
    }

    footer{
      padding:30px;
      border-top:1px solid rgba(255,255,255,.1);     
      background:var(--primary_dark_color);
      color:var(--color_shade1);
    }

    footer p{
      color:rgba(255,255,255,.7);
      font-size:.9rem;
    }




    /* OPERATING MODEL SECTION */

     .operating-model{
      width:100%;
      padding:100px 0 90px;
      overflow:hidden;
       /* background:var(--primary_color);
      color:var(--color_shade1); */
    }

    .container{
      width:min(1200px, 92%);
      margin:auto;
    }

    

    /* HEADER */

    .heading-area{
      text-align:center;
      margin-bottom:85px;
    }

    .heading-area h2{
      font-size:clamp(2.5rem, 5vw, 4.5rem);
      /* font-family: Arial, Helvetica, sans-serif; */
      /* font-weight:500; */
      line-height:1.1;
      margin-bottom:25px;
      /* color:var(--primary_dark_color); */
      letter-spacing:-1px;
    }

    .heading-area p{
      font-size:1.35rem;
      /* color:var(--color_shade1); */
      font-weight:600;
      max-width:900px;
      margin:auto;
      line-height:1.5;
    }

    /* TIMELINE */

    .timeline-wrapper{
      position:relative;
      margin-top:40px;
    }

    .timeline-line{
      position:absolute;
      top:28px;
      left:0;
      width:100%;
      height:2px;
      background:var(--color_shade8);
    }

    .timeline-grid{
      display:grid;
      grid-template-columns:repeat(5,1fr);
      gap:30px;
      position:relative;
      z-index:2;
    }

    .timeline-item{
      text-align:center;
      position:relative;
      padding-top:10px;
    }

    /* ICON */

    .icon-box{
      width:56px;
      height:56px;
      margin:0 auto 40px;
      border:1px solid var(--color_shade8);
      background:var(--primary_background_color);
      border-radius:10px;
      display:flex;
      align-items:center;
      justify-content:center;
      position:relative;
    }

    .icon-box::after{
      content:"";
      position:absolute;
      width:2px;
      height:34px;
      background:var(--color_shade8);
      top:55px;
      left:50%;
      transform:translateX(-50%);
    }

    .icon-box svg{
      width:24px;
      height:24px;
      stroke:var(--color_shade8);
    }

    /* CONTENT */

    .timeline-item h3{
      font-size:2rem;
      margin-bottom:14px;
      font-family: Arial, Helvetica, sans-serif;
      /* color:var(--color_shade1); */
      font-weight:600;
    }

    .timeline-item h4{
      font-size:1.3rem;
      margin-bottom:18px;
      line-height:1.4;
      /* color:var(--color_shade1); */
      font-weight:700;
    }

    .timeline-item p{
      font-size:0.9rem;
      line-height:1.7;
      color:rgba(43,43,43,.88);
      max-width:230px;
      margin:auto;
      /* color:var(--color_shade1); */
    }

    /* FOOTER TEXT */

    .bottom-text{
      text-align:center;
      margin-top:75px;
    }

    .bottom-text p{
      font-size:1.5rem;
      /* color:var(--color_shade1); */
      margin-bottom:25px;
      font-weight:700;
      line-height:1.6;
    }

    .section_btn_container
    {
      margin-top: 20px;
    }

    /* ANIMATION */

    .timeline-item{
      opacity:0;
      transform:translateY(40px);
      transition:.8s ease;
    }

    .timeline-item.active{
      opacity:1;
      transform:translateY(0);
    }



    /* MARGINS AND PADDINGS */

    .mb-10{
      margin-bottom:10px;
    }

    .mb-20{
      margin-bottom:20px;
    }

    .mb-40{
      margin-bottom:40px;
    }

    .mb-50{
      margin-bottom:50px;
    }

    .mt-10{
      margin-top:10px;
    }

    .mt-20{
      margin-top:20px;
    }

    .mt-40{
      margin-top:40px;
    }

    .mt-50{
      margin-top:50px;
    }


    /* RESPONSIVE */

    @media(max-width:1130px){
      .text_container
      {
        justify-content: flex-start;
        padding: 50px;
      }
    }


    @media(max-width:1100px){

      .timeline-grid{
        grid-template-columns:1fr;
        gap:70px;
      }

      .timeline-line{
        display:none;
      }

      .timeline-item p{
        max-width:100%;
      }

      .icon-box::after{
        display:none;
      }

      .timeline-item{
        border-top:1px solid rgba(43,43,43,.15);
        padding-top:40px;
      }
    }

    @media(max-width:973px){

      .hero_heading_container h1 {
        font-size: 45px;
        line-height: 1.2;
      }

      
    }

    @media(max-width:768px){

      .operating-model{
        padding:70px 0;
      }

      .heading-area{
        margin-bottom:60px;
      }

      .heading-area p{
        font-size:1.1rem;
      }

      .timeline-item h3{
        font-size:1.7rem;
      }

      .timeline-item h4{
        font-size:1.25rem;
      }

      .timeline-item p{
        font-size:1rem;
      }

      .bottom-text p{
        font-size:1.15rem;
      }
    }


   @media(max-width:710px){
      .text_container
      {
        padding: 50px 20px;
      }
    }


   @media(max-width:640px){
      .info_section
      {
        flex-direction: column;
      }

      .text_container
      {
        padding: 100px 20px;
        max-height: none;
      }

      .side_image_container
      {
        width: 100%;
      }

    }
    



    /* MOBILE */

    @media(max-width:991px){

      section{
        padding:90px 0;
      }

      /* .hero-grid, */
      .two-column,
      .proof-grid,
      .contact-grid{
        grid-template-columns:1fr;
      }

      .chain-grid,
      .difference-grid,
      .crop-grid,
      .scale-grid,
      .values-grid{
        grid-template-columns:1fr 1fr;
      }

      /* .hero-image{
        height:500px;
      } */

      
    }

    @media(max-width:677px){

      .hero_heading_container h1 {
        font-size: 36px;
      }

   

     .hero-text h3{
        font-size: 17px;
      }
      
    }


    @media(max-width:640px){

      h1{
        font-size:3rem;
      }

      h2{
        font-size:2rem;
      }

      .chain-grid,
      .difference-grid,
      .crop-grid,
      .scale-grid,
      .values-grid,
      .metrics{
        grid-template-columns:1fr;
      }

      /* .hero{
        padding-top:140px;
      } */

      /* .hero-image{
        height:400px;
      } */

      .statement-box,
      .difference-card,
      .scale-card,
      .metric{
        padding:30px;
      }
    }
  



.alert
{
  padding: 10px;
  background-color: var(--primary_color);
  border-radius: 5px;
  color: var(--color_shade1);
  margin-top: 20px;
}

.alert p
{  
  color: var(--color_shade1);
  text-align: center;
}


.footer_section
{
  display: grid;
  grid-template-columns: 2fr 1fr;
  /* grid-template-columns: repeat(3, 1fr); */
  padding: 50px;
}

.footer_column.first
{
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

.footer_logo
{
  height: 150px;  
}

.footer_logo img
{
  height: 100%;
  object-fit: contain;  
}

.footer_column ul li 
{
  list-style: none;
  margin-bottom: 5px;
}

.footer_column ul li a
{
    color: var(--color_shade6);
}

.footer_column h4 
{
  margin-bottom: 20px;
}

.benefits-list
{
  margin-top: 20px;
  margin-left: 20px
}


@media only screen and (max-width: 982px) {
  .footer_section
  {
    padding: 20px;
  }

}


@media only screen and (max-width: 768px) {
  .footer_section
  {
    grid-template-columns: 1fr;
    text-align: center;
  }

  .footer_column:first-child
  {
    margin: 50px 0;
  }

  .footer_column:last-child
  {
    margin-bottom: 50px;
  }

  .copyright_text
  {
    text-align: center;
  }

  .nav-links{
    position:absolute;
    top:80px;
    right:0;
    background:var(--primary_background_shade2);
    border-left: 4px solid var(--primary_color);
    width:250px;
    flex-direction:column;
    padding:30px;
    display:none;
  }

  .nav-links.active{
    display:flex;
  }

  .menu-toggle{
    display:block;
  }

  /* #navLinks{
    display:none;
  } */

  .menu-toggle{
    display:block;
  }

  .hero{
      padding: 150px 20px 80px 20px;
  }

}




/* CROP SYSTEMS NEW SECTION */

.benefits-grid{
      display:grid;
      grid-template-columns:repeat(4, 1fr);
      gap:18px;
    }

    .benefit-card{
      position:relative;
      background:#f6f2ea;
      border:2px solid #e3ddd3;
      border-radius:8px;
      padding:38px 26px 28px;
      text-align:center;
      transition:0.3s ease;
      min-height:175px;
    }


    .benefit-card:hover{
      transform:translateY(-4px);
      box-shadow:0 8px 20px rgba(0,0,0,0.06);
    }

    /* Top line */
    .benefit-card::before{
      content:"";
      position:absolute;
      top:0;
      left:50%;
      transform:translateX(-50%);
      width:100%;
      height:2px;
      background:#ddd6ca;
    }

    .icon-wrapper{
      /* position:absolute;
      top:220px;
      left:50%;
      transform:translateX(-50%); */
      width:38px;
      height:38px;
      border-radius:50%;
      background:#f4f0e8;
      border:2px solid #e3ddd3;
      display:flex;
      align-items:center;
      justify-content:center;
    }

    .icon_container
    {
      display:flex;
      align-items:center;
      justify-content:center;
      margin-top: -40px;
      position: relative;
    }

    .icon-wrapper svg{
      width:18px;
      height:18px;
      stroke:#222;
      stroke-width:1.8;
      fill:none;
    }

    .benefit-title{
      /* font-family: Arial, sans-serif; */
      font-size:20px;
      font-weight:700;
      color:#2f2f2f;
      margin-bottom:14px;
      margin-top:6px;
    }

    .benefit-text{
      font-size:16px;
      line-height:1.5;
      color:#4d4a46;
    }

    .image_icon_card
    {
      height: 0;
      width: 100%;
      overflow: hidden;
      border-radius: 8px;
      margin-bottom: 20px;
      padding-bottom: 180%;
      position: relative;
    }

    .image_icon_card img
    {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .image_gallery {      
      background: url('../images/background_image_pictures.jpg');      
      background-position: center;
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat; 
      height: 300px;     
    }

    .gallery_box img {
      display: block;
      height: 100%;
      width: 100%;
      object-fit: cover;
    }

    /* .gallery_box.first {
       width:100%;
      height:100%;
      background: url('../images/cereal_feed.jpg');      
      background-position: left;
      background-attachment: fixed;
      background-size: cover;
      background-repeat: no-repeat;      
    } */

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

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

      .benefit-card{
        min-height:auto;
      }
    }

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

    @media(max-width:483px){
      .primary_btn, .secondary_btn, .btn{       
        padding:10px 20px;        
        font-size:.9rem;
      }
    }

    @media(max-width:416px){
      .hero_button_container{       
        display: flex;
        flex-direction: column;
        gap: 15px;  
        align-items: center;
        
      }
    }