:root{
  --ov-ink:#0f172a;
  --ov-body:#334155;
  --ov-muted:#64748b;
  --ov-line:#e7ebf3;
  --ov-line-strong:#d8e1f5;

  --ov-card:#ffffff;
  --ov-accent:#4067D9;
  --ov-accent-2:#6b88f5;
  --ov-accent-soft:#eef2ff;

  --ov-radius-lg:22px;
  --ov-radius-md:16px;

  --ov-shadow-sm:0 8px 24px rgba(17,24,39,.06);
  --ov-shadow-md:0 18px 40px rgba(17,24,39,.08);
}

/* section */

#lumeve-preview.case-overview{
  position:relative;
  padding:clamp(56px,7vw,96px) 0;
  color:var(--ov-ink);
  background:
  radial-gradient(circle at 12% 10%,rgba(64,103,217,.05),transparent 25%),
  radial-gradient(circle at 90% 20%,rgba(64,103,217,.05),transparent 25%);
}

/* container */

#lumeve-preview .case-overview__rail{
  max-width:1180px;
  margin:auto;
  padding:0 clamp(20px,4vw,36px);
}

/* two column layout */

#lumeve-preview .case-overview__layout{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  gap:48px;
  align-items:start;
}

/* intro */

#lumeve-preview .case-overview__intro{
  display:grid;
  gap:16px;
  max-width:820px;
}

#lumeve-preview .case-overview__kicker{
  width:fit-content;
  padding:8px 12px;
  border-radius:999px;
  font-size:12px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:700;
  color:var(--ov-accent);
  background:#fff;
  border:1px solid rgba(64,103,217,.15);
}

#lumeve-preview .case-overview__headline{
  margin:0;
  font-weight:800;
  line-height:1.02;
  letter-spacing:-.045em;
  font-size:clamp(40px,5vw,68px);
  max-width:12ch;
}

#lumeve-preview .case-overview__introtext{
  font-size:16px;
  line-height:1.75;
  color:var(--ov-body);
  max-width:68ch;
}

/* meta column */

#lumeve-preview .case-overview__meta{
  display:grid;
  gap:20px;
  position:sticky;
  top:40px;
}

/* title divider */

#lumeve-preview .case-overview__title{
  display:flex;
  align-items:center;
  gap:14px;
}

#lumeve-preview .case-overview__title::before,
#lumeve-preview .case-overview__title::after{
  content:"";
  flex:1;
  height:1px;
  background:linear-gradient(
  90deg,
  rgba(64,103,217,0),
  rgba(64,103,217,.25),
  rgba(64,103,217,0)
  );
}

#lumeve-preview .case-overview__title span{
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}

/* grid cards */

#lumeve-preview .case-overview__grid{
  list-style:none;
  padding:0;
  margin:0;
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
}

/* card */

#lumeve-preview .case-overview__item{
  display:grid;
  gap:12px;
  padding:16px;
  background:var(--ov-card);
  border-radius:var(--ov-radius-lg);
  border:1px solid var(--ov-line);
  box-shadow:var(--ov-shadow-sm);
  transition:.28s ease;
}

#lumeve-preview .case-overview__item:hover{
  transform:translateY(-4px);
  box-shadow:var(--ov-shadow-md);
  border-color:var(--ov-line-strong);
}

/* badge */

#lumeve-preview .case-overview__badge{
  width:42px;
  height:42px;
  display:flex;
  align-items:center;
  justify-content:center;
  border-radius:12px;
  background:var(--ov-accent-soft);
  border:1px solid #dbe4ff;
  color:var(--ov-accent);
}

#lumeve-preview .case-overview__badge svg{
  width:20px;
  height:20px;
}

/* text */

#lumeve-preview .case-overview__text{
  font-size:14px;
  line-height:1.65;
  color:var(--ov-body);
}

#lumeve-preview .case-overview__text strong{
  color:var(--ov-ink);
}

/* tablet */

@media (max-width:980px){

#lumeve-preview .case-overview__layout{
grid-template-columns:1fr;
gap:32px;
}

#lumeve-preview .case-overview__meta{
position:static;
}

#lumeve-preview .case-overview__grid{
grid-template-columns:repeat(2,minmax(0,1fr));
}

}

/* mobile */

@media (max-width:640px){

#lumeve-preview.case-overview{
padding:40px 0;
}

#lumeve-preview .case-overview__headline{
font-size:38px;
max-width:100%;
}

#lumeve-preview .case-overview__grid{
grid-template-columns:1fr;
}

}