/* TM CMS page */
/* ===================================================================
   COMEDIANS PAGE — hero (featured comedian) + search + pager
   Load AFTER global.css.
   Reuses from global: .hero-eyebrow/.hero-title/.hero-desc/.hero-watch/
   .hero-share, .feature-media (the photo card), .sec/.sec-head/.sec-label/
   .sec-title, .card-grid + .card/.thumb/.ctitle, .btn btn-green, .socials.
   =================================================================== */

/* ---------- HERO ---------- */
/* >>> Replace REPLACE_WITH_HERO_BG_URL with your hero background image URL <<< */
.hero-sec{
  background:linear-gradient(rgba(8,12,10,.45),rgba(8,12,10,.62)),
             url('https://tracedmethod.s3.us-west-2.amazonaws.com/mint/news/background-news-hero-area.jpg') center/cover no-repeat;
  padding:clamp(44px,5vw,96px) 0;
}
/* NEWS GRID component — only what's unique to this component.
   .card-grid, .search-box, .pager, .no-results come from the template (global) CSS. */
.news-grid .cg-grid{row-gap:40px;column-gap:24px}

.news-card{display:block}
.news-card .ccat{margin:0 0 9px}                 /* category sits ABOVE the image */
.news-card .ctitle{
  font-family:'Montserrat',sans-serif;font-size:18px;font-weight:800;
  letter-spacing:.3px;text-transform:uppercase;line-height:1.2;margin:13px 0 9px;color:#fff;
}
.news-card .cdesc{color:var(--dim);font-size:12.5px;line-height:1.55;margin:0}
.news-card .btn{font-size:11px;letter-spacing:1px;padding:9px 18px;margin:15px 0 11px;display:inline-block}
.news-card .cmeta{font-size:11px;color:var(--dimmer);margin-top:0}