/* ===== Case Studies Page ===== */
.case-studies{
  padding: 0 20px 60px; 
  background-color: var(--primary-light);
  color: var(--light-text);
}

.container{
  max-width:1100px;
  margin:0 auto;
}

/* Section header */
.section-header{
  text-align:center;
  margin-bottom:40px;
  padding-top:32px;
}

.section-header h2{
  font-size:2.6rem;
  color:var(--light-text);
  position:relative;
  display:inline-block;
}

.section-header h2::after{
  content:'';
  position:absolute;
  bottom:-10px;
  left:50%;
  transform:translateX(-50%);
  width:80px;
  height:4px;
  background-color:var(--accent-color);
}

/* ===== Case Study Cards ===== */
.case-study-highlight{
  max-width:1100px;
  margin:0 auto 48px;
}

.case-study-card{
  background-color:rgba(255,255,255,.95);
  border-radius:12px;
  box-shadow:0 14px 36px rgba(0,0,0,.18);
  overflow:hidden;
  transition:var(--transition);
  color:var(--text-color);

  /* --- Animation removed: always visible --- */
  opacity:1;
  transform:none;
}

/* Neutralize any JS-added reveal classes just in case */
.reveal,
.reveal.reveal-in{
  opacity:1 !important;
  transform:none !important;
}

.case-study-card:hover{
  transform:translateY(-6px);
}

.case-study-header{
  background:linear-gradient(135deg,var(--primary-dark) 0%, var(--primary-color) 100%);
  color:var(--light-text);
  padding:36px 22px;
  text-align:center;
}

.case-study-header h3{
  margin:0;
  font-size:2.2rem;
  letter-spacing:.4px;
  text-shadow:0 2px 4px rgba(0,0,0,.22);
}

.case-study-content{
  padding:36px;
}

.case-study-section{
  margin-bottom:32px;
}

.case-study-section:last-child{
  margin-bottom:0;
}

.case-study-section h4{
  color:var(--primary-dark);
  margin-bottom:16px;
  font-size:1.5rem;
  display:flex;
  align-items:center;
  gap:12px;
}

.case-study-section h4 i{
  font-size:1.3rem;
  color:var(--primary-color);
}

.case-study-section p{
  font-size:1.08rem;
  line-height:1.8;
  margin-bottom:16px;
}

/* ===== Grids (improved mobile stacking) ===== */
.strategy-grid,
.impact-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(260px,1fr)); 
  gap:22px;
  margin-top:16px;
}

.strategy-phase,
.impact-quantitative,
.impact-qualitative{
  background-color:var(--neutral-50);
  padding:22px;
  border-radius:12px;
  border-left:5px solid var(--primary-color);
  transition:var(--transition);
}

.strategy-phase:hover,
.impact-quantitative:hover,
.impact-qualitative:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.strategy-phase h5,
.impact-quantitative h5,
.impact-qualitative h5{
  color:var(--primary-dark);
  margin-bottom:12px;
  font-size:1.2rem;
}

.strategy-phase ul{
  padding-left:22px;
}

.strategy-phase li{
  margin-bottom:8px;
  list-style:disc;
  line-height:1.7;
  font-size:1.02rem;
}

.impact-quantitative li,
.impact-qualitative li{
  margin-bottom:8px;
  line-height:1.7;
  font-size:1.02rem;
}

/* Tech / Competency blocks */
.tech-proficiency,
.competency-grid{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(240px,1fr));
  gap:20px;
  margin-top:16px;
}

.tech-category,
.competency-category{
  background-color:var(--neutral-50);
  padding:20px;
  border-radius:12px;
  border-left:5px solid var(--primary-color);
  transition:var(--transition);
}

.tech-category:hover,
.competency-category:hover{
  transform:translateY(-4px);
  box-shadow:0 8px 20px rgba(0,0,0,.12);
}

.tech-category h5,
.competency-category h5{
  color:var(--primary-dark);
  margin-bottom:10px;
  font-size:1.15rem;
}

.tech-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.tech-tags span{
  background-color:var(--primary-color);
  color:var(--light-text);
  padding:8px 14px;
  border-radius:20px;
  font-size:.9rem;
  transition:var(--transition);
}

.tech-tags span:hover{
  background-color:var(--primary-dark);
  transform:translateY(-2px);
}

.competency-category ul{
  padding-left:22px;
}

.competency-category li{
  margin-bottom:8px;
  position:relative;
  line-height:1.7;
  font-size:1.02rem;
}

.competency-category li::before{
  content:'•';
  position:absolute;
  left:-20px;
  color:var(--primary-color);
  font-weight:700;
  font-size:1.2rem;
}

/* ===== Responsive ===== */
@media (max-width:1200px){
  .section-header h2{ font-size:2.4rem; }
}

@media (max-width:992px){
  .section-header h2{ font-size:2.2rem; }
  .case-study-header h3{ font-size:1.9rem; }
}

@media (max-width:768px){
  .case-studies{ padding:0 15px 48px; }
  .section-header{ margin-bottom:32px; padding-top:28px; }
  .case-study-header{ padding:28px 16px; }
  .case-study-header h3{ font-size:1.7rem; }
  .case-study-content{ padding:24px; }
  .case-study-section h4{ font-size:1.35rem; }
  .case-study-section p{ font-size:1.02rem; }

  .strategy-grid,
  .impact-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:576px){
  .section-header h2{ font-size:1.95rem; }
  .case-study-header h3{ font-size:1.55rem; }
  .case-study-content{ padding:18px; }

  .tech-proficiency,
  .competency-grid{
    grid-template-columns:1fr;
  }
}

@media (max-width:480px){
  .section-header h2{ font-size:1.8rem; }
  .case-study-header{ padding:22px 14px; }
  .case-study-header h3{ font-size:1.45rem; }
  .case-study-section h4{ font-size:1.2rem; }
  .tech-tags span{ padding:6px 12px; font-size:.82rem; }
}

/* Print */
@media print{
  .case-studies{
    background:#fff !important;
    color:#000 !important;
    padding:20px 0 !important;
  }
  .section-header{ padding-top:0 !important; }
  .case-study-card{
    background:#fff !important;
    color:#000 !important;
    box-shadow:none !important;
    border:1px solid #ddd !important;
    break-inside:avoid;
    page-break-inside:avoid;
  }
  .case-study-header{
    background:#fff !important;
    color:#000 !important;
    border-bottom:2px solid var(--primary-color);
  }
  a::after{
    content:" (" attr(href) ")";
    font-size:.8em;
    font-weight:normal;
  }
  .no-print{ display:none !important; }
}