/* Start custom CSS for html, class: .elementor-element-3bfaacc *//* Featured case study styling */
.sci-cs-index .item.featured{
  position: relative;
  border-color: color-mix(in oklab, var(--brand) 28%, transparent);
  background: linear-gradient(180deg, color-mix(in oklab, var(--brand) 6%, transparent), transparent);
  box-shadow:
    0 10px 28px rgba(0,0,0,.08),
    0 1px 0 1px color-mix(in oklab, var(--brand) 12%, transparent) inset;
}

.sci-cs-index .item.featured .ribbon{
  position:absolute; top:-10px; left:-10px;
  background: var(--brand); color:#fff;
  padding:.35rem .6rem; border-radius:10px;
  font-weight:700; font-size:.8rem; letter-spacing:.04em;
  box-shadow:0 6px 18px rgba(0,0,0,.12);
}

.sci-cs-index .item.featured .title{
  display:flex; align-items:center; gap:.5rem;
}

.sci-cs-index .item.featured .badge{
  display:inline-flex; align-items:center; gap:.35rem;
  border:1px solid color-mix(in oklab, var(--brand) 35%, transparent);
  color: var(--brand);
  background: color-mix(in oklab, var(--brand) 8%, transparent);
  padding:.25rem .55rem; border-radius:999px; font-size:.8rem; font-weight:600;
}

.sci-cs-index .item.featured .btn.read{
  background: var(--brand); border-color: var(--brand); color:#fff;
  padding:.8rem 1.05rem; border-radius:12px; font-weight:700;
}

.sci-cs-index .item.featured .meta{
  color: var(--muted); font-size:.95rem; margin-top:.15rem;
}

.sci-cs-index .item.featured:hover{
  transform: translateY(-1px);
  transition: transform .18s ease, box-shadow .18s ease;
  box-shadow:
    0 14px 34px rgba(0,0,0,.1),
    0 1px 0 1px color-mix(in oklab, var(--brand) 18%, transparent) inset;
}/* End custom CSS */