@charset "UTF-8";

/* ===================================================
   CASE STUDIES PAGE - CLEAN PROFESSIONAL DESIGN
   =================================================== */

/* Remove duplicate styles - pages.css handles case studies layout */

.case-link{
  display:inline-flex;align-items:center;gap:var(--s-8);
  color:var(--brand);font-weight:600;font-size:14px;
  transition:all var(--t-fast);text-decoration:none;padding:var(--s-8) var(--s-12);
  border-radius:var(--r-md)
}
.case-link::after{
  content:'';font-size:16px;transition:transform var(--t-fast)
}
.case-link:hover{
  background:var(--brand-light);transform:translateX(4px)
}
.case-link:hover::after{transform:translateX(4px)}

/* Impact Highlight */
.case-impact{
  background:linear-gradient(135deg,var(--brand-light),rgba(26,115,232,.05));
  padding:var(--s-20);border-radius:var(--r-md);margin:var(--s-20) 0;
  border-left:4px solid var(--brand)
}
.case-impact-title{
  font-size:13px;font-weight:700;color:var(--brand);text-transform:uppercase;
  letter-spacing:.5px;margin-bottom:var(--s-8)
}
.case-impact-value{
  font-size:28px;font-weight:700;color:var(--text);line-height:1.1;
  font-family:'Merriweather',serif
}
.case-impact-description{
  font-size:14px;color:var(--text-light);margin-top:var(--s-8);line-height:1.5
}

/* Empty State */
.no-cases{
  text-align:center;padding:var(--s-80) var(--s-32);
  background:var(--bg-alt);border-radius:var(--r-xl);border:2px dashed var(--border)
}
.no-cases h3{
  font-size:clamp(20px,3vw,24px);margin-bottom:var(--s-16);color:var(--text-light)
}
.no-cases p{
  font-size:16px;color:var(--muted);margin:0
}

/* Loading State */
.case.loading{
  animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite
}

@keyframes pulse{
  0%,100%{opacity:1}
  50%{opacity:.5}
}

/* Responsive */
@media(max-width:768px){
  .cases{grid-template-columns:1fr}
  .case-header,.case-body,.case-footer{padding-left:var(--s-20);padding-right:var(--s-20)}
  .case-filters{padding:var(--s-16)}
}

@media(max-width:480px){
  .case-header{padding:var(--s-20)}
  .case-body{padding:0 var(--s-20) var(--s-20)}
  .case-footer{padding:var(--s-16) var(--s-20);flex-direction:column;align-items:flex-start}
  .case-meta{gap:var(--s-12)}
  .case-link{width:100%;justify-content:center}
}

/* Print Styles */
@media print{
  .case-filters,.case-link{display:none}
  .case{break-inside:avoid;page-break-inside:avoid;box-shadow:none}
  .case-header{background:none}
  .case-footer{background:none}
}

/* Accessibility */
@media(prefers-reduced-motion:reduce){
  .case,.filter-btn{transition:none}
  .case::before{transition:none}
  .case.loading{animation:none}
}

/* Focus Styles */
.filter-btn:focus-visible{
  outline:2px solid var(--brand);outline-offset:2px
}

/* High Contrast Mode */
@media(prefers-contrast:high){
  .case{border:2px solid var(--text)}
  .filter-btn{border-width:2px}
  .case-category,.verified{border:1px solid currentColor}
}