.case-proof-strip {
  display: grid;
  overflow: hidden;
  border: 1px solid #dfe6e8;
  border-radius: 1.5rem;
  background: rgba(255, 255, 255, 0.82);
  box-shadow: 0 18px 45px -34px rgba(15, 23, 42, 0.45);
  backdrop-filter: blur(12px);
}

.case-proof-intro,
.case-proof-item {
  padding: 1.5rem;
}

.case-proof-intro {
  background: linear-gradient(135deg, #e8fbf8 0%, #f5fffd 100%);
}

.case-proof-intro span,
.case-proof-item span {
  display: block;
  color: #07918c;
  font-size: 0.72rem;
  font-weight: 800;
  letter-spacing: 0.15em;
  text-transform: uppercase;
}

.case-proof-item span { color: #4b5563; }

.case-proof-intro p,
.case-proof-item p {
  margin-top: 0.7rem;
  color: #526071;
  font-size: 0.92rem;
  line-height: 1.6;
}

.case-proof-intro p {
  color: #164e4a;
  font-family: "Playfair Display", serif;
  font-size: 1.08rem;
  font-weight: 600;
  line-height: 1.45;
}

.case-proof-item { border-top: 1px solid #e5e7eb; }

@media (min-width: 768px) {
  .case-proof-strip { grid-template-columns: 1.15fr repeat(3, 1fr); }
  .case-proof-intro,
  .case-proof-item { min-height: 175px; padding: 1.65rem; }
  .case-proof-item { border-left: 1px solid #e5e7eb; border-top: 0; }
}

.case-project-grid { gap: 1.5rem; }

.case-project-card {
  border: 1px solid #e1e6e9 !important;
  border-radius: 1.5rem !important;
  background: #fff !important;
  color: #111827 !important;
  box-shadow: 0 16px 42px -36px rgba(15, 23, 42, 0.5) !important;
}

.case-project-card:not(.case-best):not(.case-rocio):not(.case-garmon) > div:first-child,
.case-rocio-head,
.case-garmon-head {
  padding: 1.75rem !important;
  border-bottom: 1px solid #e5e7eb !important;
  background: #fff !important;
  color: #111827 !important;
}

.case-project-card:not(.case-best):not(.case-rocio):not(.case-garmon) > div:last-child,
.case-rocio > div:last-child,
.case-garmon > div:last-child { padding: 1.75rem !important; }

.case-project-card h3 { color: #111827 !important; }
.case-project-card p { color: #5f6978 !important; }

.case-project-card:not(.case-best):not(.case-rocio):not(.case-garmon) > div:first-child span,
.case-rocio-pill,
.case-garmon-pill {
  border: 0 !important;
  background: #e8f8f6 !important;
  color: #0b6a67 !important;
}

.case-project-card > div:last-child > .flex.flex-wrap.gap-3 a {
  padding: 0.5rem 0.8rem !important;
  border-color: #e2e8f0 !important;
  background: #fff !important;
  color: #4b5563 !important;
  font-size: 0.82rem;
}

.case-project-card:not(.case-best) .grid.sm\:grid-cols-2 > div,
.case-rocio-info,
.case-garmon-info {
  padding: 1rem 0 !important;
  border: 0 !important;
  border-top: 1px solid #e5e7eb !important;
  border-radius: 0 !important;
  background: transparent !important;
}

.case-project-card:not(.case-best) .grid.sm\:grid-cols-2,
.case-project-card:not(.case-best) dl.grid {
  gap: 0 1.5rem !important;
}

.case-project-card:not(.case-best) .grid.sm\:grid-cols-2 > div:nth-child(-n+2),
.case-project-card:not(.case-best) dl.grid > div:nth-child(-n+2) {
  border-top: 0 !important;
}

.case-project-card:nth-child(3) > div:last-child > div:nth-child(2),
.case-project-card:nth-child(4) > div:last-child > div:nth-child(2) { display: none; }

.case-project-card > div:last-child > .mt-6.flex.flex-wrap.gap-2 > * {
  border: 1px solid #e1e6e9 !important;
  background: #f8fafc !important;
  color: #526071 !important;
}

.case-project-card > div:last-child > .mt-6.flex.flex-wrap.gap-2 > :nth-child(n+5) { display: none; }

.case-project-grid > .case-featured { order: 1; }
.case-project-grid > .case-rocio,
.case-project-grid > .case-garmon { order: 2; }
.case-featured-head,
.case-featured > div:last-child { background: #fff; }
.case-featured-info dt { color: #64748b; }
.case-featured-tags a {
  display: inline-flex;
  align-items: center;
  padding: 0.375rem 0.75rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  line-height: 1.25;
  transition: border-color 180ms ease, background-color 180ms ease, color 180ms ease;
}
.case-featured-tags a:hover,
.case-featured-tags a:focus-visible {
  border-color: #b9ddd7 !important;
  background: #e8f8f6 !important;
  color: #0b6a67 !important;
}

.case-rocio { border: 1px solid #e1e6e9; }
.case-rocio-head { border-bottom: 1px solid #e5e7eb; background: #fff; }
.case-rocio-head h3 { color: #113a37; }
.case-rocio-head p { color: #315b57; }
.case-rocio-pill { background: #e8f8f6; }
.case-rocio-info, .case-rocio-tag { background: #f8fafc; }
.case-rocio-info dt { color: #53807b; }
.case-rocio-tag { border: 1px solid #b9ddd7; color: #145e58; }

.case-garmon { border: 1px solid #e1e6e9; }
.case-garmon-head { border-bottom: 1px solid #e5e7eb; background: #fff; }
.case-garmon-head p { color: #5f6978; }
.case-garmon-pill { border: 0; background: #e8f8f6; color: #0b6a67; }
.case-garmon-info, .case-garmon-tag { background: #f8fafc; }
.case-garmon-info dt { color: #98762c; }
.case-garmon-tag { border: 1px solid #eed28d; color: #7c5707; }

.case-insights {
  background: linear-gradient(180deg, #f8fafc 0%, #ffffff 100%);
  border-bottom: 1px solid #e5e7eb;
  border-top: 1px solid #e5e7eb;
}

.case-insights-layout {
  display: grid;
  gap: 3.5rem;
  align-items: start;
}

.case-insights-heading > p:first-child {
  color: #07918c;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.18em;
  text-transform: uppercase;
}

.case-insights-heading h2 {
  color: #111827;
  line-height: 1.08;
}

.case-insights-rule {
  width: 52px;
  height: 2px;
  margin: 1.5rem 0;
  background: #07aea8;
}

.case-insights-intro {
  max-width: 34rem;
  color: #5b6473;
  font-size: 1.02rem;
  line-height: 1.75;
}

.case-insights-list {
  border-bottom: 1px solid #dfe4e8;
  border-top: 1px solid #dfe4e8;
}

.case-insight-card {
  display: grid;
  grid-template-columns: 3rem minmax(0, 1fr);
  gap: 1rem;
  padding: 1.65rem 0;
  border-top: 1px solid #dfe4e8;
}

.case-insight-card:first-child { border-top: 0; }
.case-insight-number { color: #07918c; font-size: 0.74rem; font-weight: 800; letter-spacing: 0.16em; padding-top: 0.28rem; }
.case-insight-card h3 { color: #111827; font-family: "Playfair Display", serif; font-size: 1.35rem; font-weight: 700; line-height: 1.3; }
.case-insight-card p { max-width: 34rem; margin-top: 0.45rem; color: #657080; font-size: 0.95rem; line-height: 1.65; }

@media (min-width: 1024px) {
  .case-project-grid > .case-featured .case-featured-head { min-height: 238px; }
  .case-project-grid > .case-featured > div:last-child { display: flex; flex-direction: column; }
  .case-project-grid > .case-featured .case-featured-tags { margin-top: auto; padding-top: 1.5rem; }

  .case-insights-layout {
    grid-template-columns: minmax(0, 0.92fr) minmax(0, 1.08fr);
    gap: 6rem;
  }

  .case-insights-heading { position: sticky; top: 8rem; }
}

@media (max-width: 767px) {
  .case-insights-layout { gap: 2.5rem; }
  .case-insight-card { grid-template-columns: 2.5rem minmax(0, 1fr); padding: 1.35rem 0; }
  .case-insight-card h3 { font-size: 1.2rem; }
}