.news-intro{
  padding-top:54px;
}

.news-intro-grid{
  display:grid;
  grid-template-columns:1.05fr .95fr;
  gap:52px;
  align-items:center;
}

.news-intro .news-copy p{
  margin:0 0 18px;
  color:var(--text-light);
}

.news-copy .eyebrow,
.section-head .eyebrow{
  color:#c8423d !important;
}

.news-readmore{
  max-width:820px;
}

.news-image img{
  aspect-ratio:5/4;
}

/* =====================================
   PICK UP
===================================== */

.news-card-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:24px;
}

.news-card{
  background:#fff;
  border:1px solid #eadfdb;
  border-radius:20px;
  padding:28px;
  min-height:100%;
  box-sizing:border-box;
}

.news-card.featured{
  border-color:#d7b1ae;
  box-shadow:0 10px 28px rgba(92, 58, 52, 0.08);
}

.news-meta{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  align-items:center;
  margin:0 0 14px;
  font-size:14px;
  color:#877b78;
}

.news-tag,
.archive-tag{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:28px;
  padding:0 12px;
  border-radius:999px;
  background:#fff1ee;
  color:#c8423d;
  font-size:13px;
  font-weight:700;
  line-height:1;
}

.news-card h3,
.category-card h3{
  margin:0 0 14px;
  font-size:24px;
  line-height:1.5;
}

.news-card p,
.category-card p,
.note-box p{
  margin:0;
  color:var(--text-light);
  line-height:1.9;
}

.more-link{
  display:inline-block;
  margin-top:18px;
  color:var(--brand);
  font-weight:700;
  text-decoration:none;
}

.more-link:hover{
  opacity:0.75;
}

/* =====================================
   ARCHIVE
===================================== */

.archive-list-wrap{
  max-width:960px;
  margin:0 auto;
}

.archive-list{
  list-style:none;
  margin:0;
  padding:0;
}

.archive-list li{
  border-bottom:1px solid #eadfdb;
}

.archive-list li:first-child{
  border-top:1px solid #eadfdb;
}

.archive-list a{
  display:grid;
  grid-template-columns:130px 120px 1fr;
  gap:20px;
  align-items:center;
  padding:22px 0;
  text-decoration:none;
}

.archive-date{
  color:#877b78;
  font-size:14px;
  font-weight:700;
}

.archive-title{
  color:var(--text);
  line-height:1.8;
}

/* =====================================
   CATEGORY
===================================== */

.category-cards{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  gap:24px;
  max-width:960px;
  margin:0 auto;
}

.category-card,
.note-box{
  background:#fff;
  border:1px solid #eadfdb;
  border-radius:20px;
  padding:28px;
}

.note-box{
  max-width:960px;
}

/* =====================================
   Facebook embed
===================================== */

.news-facebook-card{
  max-width:960px;
  margin:20px auto 0;
  background:#fff;
  border:1px solid #eadfdb;
  border-radius:24px;
  box-shadow:var(--shadow);
  padding:28px;
  box-sizing:border-box;
}

.news-facebook-head{
  max-width:500px;
  margin:0 auto 20px;
  text-align:left;
}

.news-facebook-head h3{
  margin:0 0 12px;
  font-size:22px;
  line-height:1.5;
}

.news-facebook-head p{
  margin:0;
  color:var(--text-light);
  line-height:1.9;
}

.news-facebook-link{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
  margin-bottom:0;
}

.news-facebook-embed{
  display:flex;
  justify-content:center;
}

.news-facebook-embed iframe{
  display:block;
  width:100%;
  max-width:500px;
  height:760px;
  margin:0 auto;
  border:none;
  background:#fff;
}

@media (max-width:780px){

  .news-facebook-card{
    padding:24px 20px;
    border-radius:20px;
  }

  .news-facebook-head{
    max-width:none;
    margin:0;
    text-align:left;
  }

  .news-facebook-link{
    margin-top:16px;
  }

  .news-facebook-desktop{
    display:none;
  }

}

@media (max-width:960px){
  .news-intro-grid{
    grid-template-columns:1fr;
    gap:32px;
  }

  .news-image img{
    max-width:640px;
    width:100%;
    margin:0 auto;
    display:block;
  }

  .news-card-grid{
    grid-template-columns:1fr;
  }

  .category-cards{
    grid-template-columns:1fr;
  }
}

@media (max-width:768px){
  .facebook-feed,
  .facebook-embed,
  .news-facebook,
  .news-intro-side,
  .fb-page,
  .fb_iframe_widget,
  .fb_iframe_widget span,
  .fb_iframe_widget iframe{
    display:none !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
  }

  .news-intro-grid{
    display:block !important;
    gap:0 !important;
  }

  .news-readmore{
    margin-bottom:24px !important;
  }

  .news-pickup-section{
    padding-top:44px !important;
    padding-bottom:44px !important;
  }

  .news-facebook-card{
    display:block !important;
    margin:12px auto 0 !important;
    padding:22px 18px !important;
    gap:0 !important;
  }

  .news-facebook-embed,
  .news-facebook-desktop{
    display:none !important;
    width:0 !important;
    height:0 !important;
    min-height:0 !important;
    margin:0 !important;
    padding:0 !important;
    overflow:hidden !important;
  }

  .news-facebook-head{
    width:100% !important;
    max-width:none !important;
    margin:0 !important;
  }

  .news-facebook-head h3{
    margin:0 0 10px !important;
  }

  .news-facebook-head p{
    margin:0 !important;
    line-height:1.8 !important;
  }

.news-facebook-link{
  display:flex;
  justify-content:flex-end;
  margin-top:14px;
  margin-bottom:0;
}

  .archive-list a{
    grid-template-columns:1fr;
    gap:10px;
    padding:18px 0;
  }

  .news-card,
  .category-card,
  .note-box{
    padding:24px 20px;
  }

  .news-card h3,
  .category-card h3{
    font-size:22px;
  }
}