/* =====================================================================
   Orchid University — News / News Centre page
   Pairs with styles.css (header/footer/tokens).
   ===================================================================== */
.news-main{ overflow-x:clip; }
.news-section{ padding:30px 0 70px; }

/* intro */
.news-head{ display:grid; grid-template-columns:0.9fr 1.4fr; gap:48px; align-items:start; }
.news-intro .eyebrow2{ font-family:'aesthet-nova','Fraunces',serif; color:var(--green); font-weight:700; font-size:46px; line-height:1; }
.news-intro .rule{ height:3px; background:var(--line); margin:22px 0 22px; }
.news-intro p{ font-family:'aesthet-nova','Fraunces',serif; color:var(--navy); font-size:28px; line-height:1.25; }

/* featured card */
.news-featured{ display:grid; grid-template-columns:1fr 1.15fr; gap:0; background:#F8F3F3; border-radius:22px; overflow:hidden; }
.news-featured .ph{ position:relative; display:block; }
.news-featured .ph img{ width:100%; height:100%; object-fit:cover; display:block; }
.news-featured .date{ position:absolute; top:18px; right:-18px; background:#fff; color:var(--navy); font-weight:600; font-size:14px; padding:8px 18px; border-radius:10px; box-shadow:0 10px 24px -14px rgba(13,34,69,.4); }
.news-featured .body{ padding:34px 38px; display:flex; flex-direction:column; }
.news-featured .body h3{ font-family:'aesthet-nova','Fraunces',serif; color:var(--navy); font-size:30px; line-height:1.2; }
.news-featured .body p{ color:var(--navy); font-size:16px; line-height:1.6; margin-top:20px; }
.news-featured .more{ color:var(--green); font-weight:700; font-size:16px; text-decoration:none; align-self:flex-end; margin-top:24px; }
.news-featured .more:hover{ filter:brightness(.9); }

/* homepage "On the News" section header */
.home-news-head{ display:flex; align-items:center; justify-content:space-between; gap:24px; margin-bottom:30px; }
.see-all-news{ background:var(--green); color:var(--navy); border:none; border-radius:999px; font-weight:700; font-size:16px; padding:14px 30px; text-decoration:none; white-space:nowrap; }
.see-all-news:hover{ filter:brightness(.96); }

/* grid */
.news-allh{ font-family:'aesthet-nova','Fraunces',serif; color:var(--navy); font-size:30px; font-weight:700; margin:60px 0 30px; }
.news-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:26px; }
.news-card{ background:#F8F3F3; border-radius:18px; overflow:hidden; display:flex; flex-direction:column; }
.news-card .thumb{ position:relative; display:block; }
.news-card .thumb img{ width:100%; aspect-ratio:1072/769; object-fit:cover; display:block; }
.news-card .date{ position:absolute; bottom:14px; right:16px; background:#fff; color:var(--navy); font-weight:600; font-size:13px; padding:6px 14px; border-radius:9px; box-shadow:0 8px 20px -12px rgba(13,34,69,.45); }
.news-card .cbody{ padding:22px 24px 26px; display:flex; flex-direction:column; flex:1; }
.news-card .cbody h4{ font-family:'aesthet-nova','Fraunces',serif; color:var(--navy); font-size:21px; line-height:1.22; }
.news-card .cbody p{ color:var(--navy); font-size:14.5px; line-height:1.55; margin-top:14px; }
.news-card .more{ color:var(--green); font-weight:700; font-size:15px; text-decoration:none; margin-top:22px; }
.news-card .more:hover{ filter:brightness(.9); }

@media (max-width:1000px){
  .news-head{ grid-template-columns:1fr; gap:24px; }
  .news-intro .eyebrow2{ font-size:38px; }
  .news-intro p{ font-size:24px; }
  .news-featured{ grid-template-columns:1fr; }
  .news-featured .ph img{ aspect-ratio:750/422; }
  .news-featured .date{ right:18px; }
  .news-grid{ grid-template-columns:repeat(2,1fr); gap:20px; }
}
@media (max-width:600px){
  .news-grid{ grid-template-columns:1fr; }
  .news-featured .body{ padding:26px 24px; }
  .news-featured .body h3{ font-size:24px; }
  .news-allh{ font-size:25px; }
}