/* Synov Cases Shortcode – Accenture-style cards (no font-family set) */

.synov-cases-grid{
  --synov-bg: rgba(31,43,254,1);
  --synov-card-text: #ffffff;
  --synov-card-title: #ffffff;
  --synov-card-muted: rgba(255,255,255,.78);
  --synov-card-overlay: rgba(0,0,0,.75);
  --synov-card-overlay-2: rgba(0,0,0,.25);
  --synov-card-border: rgba(255,255,255,.08);
  --synov-card-radius: 0px;
  --synov-gap: 28px;
  --synov-min-card: 260px;

  display:grid;
  grid-template-columns: repeat(var(--synov-cols,4), minmax(0,1fr));
  gap: var(--synov-gap);
  width: 100%;
  margin: 0;
  padding: 0;
}

/* Responsive fallback */
@media (max-width: 1200px){
  .synov-cases-grid{ grid-template-columns: repeat(3, minmax(0,1fr)); }
}
@media (max-width: 900px){
  .synov-cases-grid{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 560px){
  .synov-cases-grid{ grid-template-columns: 1fr; }
}

.synov-case-card{
  position:relative;
  display:block;
  text-decoration:none;
  color: var(--synov-card-text);
  min-height: 420px;
  border-radius: var(--synov-card-radius);
  overflow:hidden;
  border: 1px solid var(--synov-card-border);
  background: var(--synov-bg);
  transform: translateZ(0);
}

.synov-case-card:focus{
  outline: 2px solid currentColor;
  outline-offset: 3px;
}

.synov-case-card__bg{
  position:absolute;
  inset:0;
  background-image: var(--synov-card-bg-img);
  background-size: cover;
  background-position: center;
  background-repeat:no-repeat;
  filter: saturate(1) contrast(1);
}

/* If no background image was provided, still keep a subtle gradient */
.synov-case-card[style*="--synov-card-bg-img"] .synov-case-card__bg{ opacity:1; }
.synov-case-card:not([style*="--synov-card-bg-img"]) .synov-case-card__bg{
  background-image: linear-gradient(135deg, rgba(255,255,255,.08), rgba(255,255,255,0));
}

.synov-case-card__overlay{
  position:absolute;
  inset:0;
  background: linear-gradient(180deg, var(--synov-card-overlay) 0%, var(--synov-card-overlay-2) 65%, rgba(0,0,0,.65) 100%);
}

.synov-case-card__content{
  position:relative;
  z-index: 2;
  height:100%;
  display:flex;
  flex-direction:column;
  justify-content:flex-start;
  padding: 34px 32px;
  gap: 14px;
}

.synov-case-card__kicker{
  font-size: 12px;
  letter-spacing: .08em;
  text-transform: uppercase;
  opacity: .92;
}

.synov-case-card__title{
  font-size: 28px;
  line-height: 1.12;
  font-weight: 700;
  color: var(--synov-card-title);
  max-width: 28ch;
}

.synov-case-card__excerpt{
  font-size: 14px;
  line-height: 1.5;
  color: var(--synov-card-muted);
  max-width: 52ch;
}

/* Hover / motion */
@media (hover:hover){
  .synov-case-card:hover .synov-case-card__bg{
    transform: scale(1.03);
    transition: transform .35s ease;
  }
  .synov-case-card:hover{
    border-color: rgba(255,255,255,.18);
  }
}

/* Reduce motion */
@media (prefers-reduced-motion: reduce){
  .synov-case-card__bg{ transition:none !important; transform:none !important; }
}