/*PAGE SECTION*/

.page-section{
  padding:40px 0;
}

.page-section h3{
  font-size:22px;
  font-weight:400;
}

.page-section h2{
  font-size:22px;
  font-weight:400;
}

.feature-link{
   display:block;
   text-decoration:none;
   color:inherit;
}

/*LANDSCAPE SECTION*/

.landscape-image-section{
  display:flex;
  flex-wrap:wrap;
  gap:0px;
  overflow:hidden;
  background:#fff;
  border-radius:20px;
}

.landscape-image-section img{
  width:100%;
  max-width:550px;
  object-fit:cover;
}

.landscape-image-section-content{
  flex:1;
  display:flex;
  flex-direction:column;
  justify-content:center;
  padding:40px;
}

.landscape-image-section-content span{
  font-size:12px;
  letter-spacing:1px;
  color:#6e6e73;
}

.landscape-image-section-content h1,
.landscape-image-section-content h2{
  margin-top:15px;
  margin-bottom:0;
  font-size:clamp(25px, 1.5vw, 32px);
  font-weight:400;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.landscape-image-section-content p{
  color:#6e6e73;
}

/*CATEGORIES NEWSROOM*/
.categories-newsroom{
  padding-top: 90px;
  text-align:center;
}

.categories-newsroom h1,
.categories-newsroom h2{
  margin-bottom:0;
  font-size:28px;
  font-weight:400;
}

.categories-newsroom p{
  margin:10px 0 20px;
  color:#6e6e73;
}


/*NEWSROOM*/

.newsroom{
  padding:60px 0;
  text-align:center;
}

.newsroom{
  padding:60px 0;
  text-align:center;
}

.newsroom h1,
.newsroom h2{
  margin-bottom:0;
  font-size:28px;
  font-weight:400;
}

.newsroom p{
  margin:10px 0 20px;
  color:#6e6e73;
}

.newsroom-btn{
  display:inline-block;
  padding:12px 24px;
  background:#111;
  color:#fff;
  border-radius:10px;
  text-decoration:none;
  font-weight:500;
  transition:0.3s ease;
  white-space:nowrap;
}

.newsroom-btn:hover{
  background:#333;
  transform:translateY(-2px);
}

/*STORIES*/

.stories{
  padding:80px 0;
  text-align:center;
}

.stories h1{
  font-size:48px;
  font-weight:600;
}

.stories p{
  margin-top:15px;
  font-size:18px;
  color:#6e6e73;
}

/*FEATURE*/

.feature{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:30px;
  padding:20px;
  overflow:hidden;
  background:#fff;
  border-radius:20px;
}

.feature.reverse{
  flex-direction:row-reverse;
}

.feature img{
  width:100%;
  max-width:500px;
  border-radius:12px;
  object-fit:cover;
}

.feature .text{
  flex:1;
}

.feature span{
  font-size:12px;
  color:#6e6e73;
}

.feature h2{
  font-size:clamp(25px, 1.5vw, 32px);
  font-weight:400;
  display:-webkit-box;
  -webkit-line-clamp:4;
  -webkit-box-orient:vertical;
  overflow:hidden;
}

.feature p{
  color:#6e6e73;
}

/*RESPONSIVE*/

@media (max-width:768px){
  .landscape-image-section{
    flex-direction:column;
  }

  .feature,
  .feature.reverse{
    flex-direction:column;
  }

  .stories h1{
    font-size:32px;
  }

  .landscape-image-section-content{
    padding:28px;
  }
}

@media (max-width:480px){
  .newsroom-btn{
    padding:10px 18px;
  }
}
