/* CSS Document */
.menu {
    position: absolute;
    background: transparent;
}
.menu:not(.behaved) .container {
    padding: 30px 20px 0;
    align-items: start;
}
.menu .logo-nav {
    max-width: 256px ;
}
.hero-4lnj {
    height: 100vh;
}

/* Display titles */
.display{font-size:clamp(32px,5vw,56px);line-height:1.1;color:var(--green-deep);text-align:center}
.display.small{font-size:clamp(28px,4vw,40px)}

/* Slice title */
.title-slice{padding-top: 50px;text-align: center;}
.center-mark{text-align:center;font-size: 30px;color: #e98f2f;margin-bottom: 20px;}

/* FEATURE CARDS */
.cards-grid{display:grid;grid-template-columns:1fr 1fr;gap: 50px;padding: 0 50px;}
.card.feature{position:relative;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);
  color:#fff;text-decoration:none}
.card-media img{width:100%;height:616px;object-fit:cover;display:block}
.card-overlay{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  justify-content: center;
  align-items: center;
  padding:20px;
  background:linear-gradient(180deg,rgba(0,0,0,.05) 0,rgba(0,0,0,.6) 65%, rgba(0,0,0,.75))
  }
.cards-grid .center-mark {
  color: #fff;
}
.kicker{font-size: 50px;color: #fff;margin: 0 0 6px;}
.subtitle{
  color: #FFF;
text-align: center;
font-family: Montserrat;
font-size: 30px;
font-style: normal;
font-weight: 700;
line-height: 100%; /* 30px */
margin: 0 0 40px;
}

/* VISÃO / MISSÃO */
.vm-4lnj {margin: 80px 0 70px; font-size: 24px; line-height: 1.3em}
.vm-4lnj .vm-grid{display:flex;gap:50px;align-items:center; max-width: 1140px; margin: 0 auto 80px}
.vm-4lnj .h1-style {margin:0 0 0}
.vm-item p{margin:0 0 0;max-width:640px}
.vm-4lnj .mission {
  text-align: center;
  max-width: 840px;
  margin: auto;
}
.vm-4lnj .mission h2 {
  margin: 0 0 20px;
}
.vm-4lnj .mission p {
  margin: 0 0 40px;
}

/* BANNER "FOOD FOR THE SOUL" */
.banner-4lnj{font-size: 24px;padding: 0 20px;color:#fff}
.banner-media{position:relative;border-radius: var(--radius-xl) 0 var(--radius-xl) 0;overflow:hidden}
.banner-media img{display:block;width:100%;height: 547px;object-fit:cover;}
.banner-media:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.15),rgba(0,0,0,.55))}
.banner-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding: 0 40px;}
.banner-title{
  color: #FFF;
  font-size: 80px;
  font-style: normal;
  font-weight: 400;
  line-height: 1em; /* 0 */
  margin: 0 0 5px;
}
.banner-sub{
  margin:0 0 10px;
}
.coming{
  color: var(--4-color, #B9DAD6);
  font-family: Montserrat;
  font-size: 40px;
  font-style: normal;
  font-weight: 700;
  line-height: 1em; /* 75% */
  margin:0 0 0;
}

/* RESPONSIVO */
@media (max-width: 1024px){
  .card-media img{height: 500px;}
}
@media (max-width: 860px){
  .menu .logo-nav {
      max-width: 156px ;
  }
  .cards-grid{grid-template-columns:1fr;padding: 0 20px;}
  .vm-4lnj .vm-grid{grid-template-columns:1fr}
  .banner-media img{/* height:360px; */}
}
@media (max-width: 560px){
  .banner-title {
    font-size: 60px
  }
  .menu .logo-nav {
      max-width: 102px ;
  }
  .hero-4lnj .hero-media img{min-height:460px}
}

.page-center:before {
  background: linear-gradient(180deg, #FFF 0%, rgba(255, 255, 255, 0.00) 28.85%, rgba(255, 255, 255, 0.00) 74.04%, #FFF 100%), url(../img/4lnj/bnn-waves.jpg) lightgray 50% / cover;
}