/* Base layout */
.case-section {
  background-color: #000;
  color: #fff;
  padding: 100px 0;
}

/* Section Titles */
.section-subtitle {
  text-transform: uppercase;
  font-size: 12px;
  letter-spacing: 2px;
  color: #aaa;
  margin-bottom: 10px;
}

.section-heading {
  font-size: 42px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 80px;
}

/* Case Grid */
.case-grid {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: 30px;
  margin-bottom: 60px;
}

.case-card {
  background-color: #0a0a0a;
  padding: 40px 24px;
  text-align: left;
  position: relative;    
  background-image: url("data:image/svg+xml,%3csvg width='100%25' height='100%25' xmlns='http://www.w3.org/2000/svg'%3e%3crect width='100%25' height='100%25' fill='none' stroke='%23333' stroke-width='4' stroke-dasharray='6%2c 14' stroke-dashoffset='0' stroke-linecap='square'/%3e%3c/svg%3e");
}

.last-card{
    padding: 40px 24px;
    background-image: url("/assets/pages/usecase/lastcard.png");
    background-size: contain;
    height: 100%;
}

.case-challenge{
    display: flex;
    flex-direction: column;
    gap: 20px;
}

/* Subtitles and Text */
.case-card-subtitle {
  font-size: 12px;
  color: #aaa;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 10px;
}

.case-card-text {
  font-size: 15px;
  line-height: 1.6;
  color: #fff;
}

/* Brand Area */
.case-brand {
  margin-top: 40px;
}

.coloredBg{
  background-image: url("/assets/pages/usecase/blue.png");
  padding: 40px 24px;
}

.coloredBg-pink{
  background-image: url("/assets/pages/usecase/purpel.png");
  padding: 40px 24px;
}

.coloredBg-green{
  background-image: url("/assets/pages/usecase/green.png");
  padding: 40px 24px;
}

.coloredBg-orange{
  background-image: url("/assets/pages/usecase/yellow.png");
  padding: 40px 24px;
}

.coloredBg-cyan{
  background-image: url("/assets/pages/usecase/cyan.png");
  padding: 40px 24px;
}

.coloredBg-purple{
  background-image: url("/assets/pages/usecase/pink.png");
  padding: 40px 24px;
}

img.case-brand {
  width: 100px;
  height: 24px;
  margin-top: 10px;
}

/* Approach List */
.case-list {
  margin: 0;
  padding-left: 20px;
  line-height: 1.8;
  font-size: 15px;
}

/* Results */
.case-results {
  display: grid;
  grid-template-columns: repeat(2, 2fr);
  gap: 12px;
}

.case-result-label {
  font-weight: 600;
  font-size: 16px;
}

.case-result-sub {
  font-size: 13px;
  color: #aaa;
}

/* Buttons */
.case-buttons {
  display: flex;
  justify-content: center;
  gap: 20px;
}

.span-5 {
  grid-column: span 5;
}

.span-4 {
  grid-column: span 4;
}

.span-3 {
  grid-column: span 3;
}

@media (max-width: 1024px) {
.case-grid {
    grid-template-columns: 1fr;
  }

  .university-cards {
    grid-template-columns: repeat(6, 1fr);
  }
  .span-5,
  .span-4,
  .span-3 {
    grid-column: span 6;
  }
}