/* 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/home/comedians-hero-bg.png') center/cover no-repeat;
  padding:clamp(44px,5vw,96px) 0;
}
.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;column-gap:clamp(32px,4%,84px);align-items:center}

/* ---------- SEARCH ---------- */
.comedians-search{position:relative;width:min(320px,42vw)}
.comedians-search input{
  width:100%;background:#1b1b1b;border:1px solid var(--line);border-radius:8px;
  color:#fff;font-family:'Inter',sans-serif;font-size:13px;padding:11px 40px 11px 14px;
}
.comedians-search input::placeholder{color:var(--dimmer)}
.comedians-search input:focus{outline:none;border-color:var(--green)}
.comedians-search .ico{position:absolute;right:12px;top:50%;transform:translateY(-50%);width:16px;height:16px;fill:var(--dim);pointer-events:none}

/* ---------- PAGER ---------- */
.pager{display:flex;align-items:center;justify-content:center;gap:14px;padding:34px 0 8px;color:var(--dim);font-size:12px}
.pager button.arrow{background:none;border:none;color:var(--dim);cursor:pointer;font-size:18px;line-height:1;padding:2px 6px}
.pager button.arrow:hover{color:#fff}
.pager .dots{display:flex;gap:8px;align-items:center}
.pager .dot{width:9px;height:9px;border-radius:50%;background:#3a3a3a;border:none;padding:0;cursor:pointer;transition:background .15s}
.pager .dot.active{background:var(--green)}
.pager .count{margin-left:6px;color:var(--dimmer);letter-spacing:.3px}

/* comedian card name */
.card-grid .card .ctitle{text-transform:uppercase;letter-spacing:.5px;margin-top:10px}
.no-results{color:var(--dim);padding:30px 0;grid-column:1/-1}