/* RecensLabs — work / case studies page */

.work-section{padding:36px 0 40px;}
.work-scope{position:relative;}

/* Pure-CSS platform filter (hidden radios drive it) */
.filter-input{position:absolute; width:1px; height:1px; opacity:0; pointer-events:none;}
.filter-row{display:flex; flex-wrap:wrap; gap:8px; margin-bottom:32px;}
.filter-row label{
  font-family:var(--font-mono); font-size:12.5px; padding:8px 16px; border-radius:100px;
  background:var(--white); border:1px solid var(--paper-dim); color:var(--slate); cursor:pointer; user-select:none;
  transition:color 0.15s ease, background 0.15s ease, border-color 0.15s ease;
}
.filter-row label:hover{color:var(--ink);}
#filter-all:checked ~ .filter-row label[for="filter-all"],
#filter-web:checked ~ .filter-row label[for="filter-web"],
#filter-webapp:checked ~ .filter-row label[for="filter-webapp"],
#filter-android:checked ~ .filter-row label[for="filter-android"],
#filter-ios:checked ~ .filter-row label[for="filter-ios"]{background:var(--ink); color:var(--paper); border-color:var(--ink);}
.filter-input:focus-visible ~ .filter-row{outline:2px solid var(--indigo); outline-offset:4px; border-radius:8px;}

/* Show/hide cards by selected filter */
#filter-web:checked ~ .case-grid .case:not(.f-web),
#filter-webapp:checked ~ .case-grid .case:not(.f-webapp),
#filter-android:checked ~ .case-grid .case:not(.f-android),
#filter-ios:checked ~ .case-grid .case:not(.f-ios){display:none;}

/* GRID */
.case-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:20px;}
.case{display:block; text-decoration:none; color:inherit; background:var(--white); border:1px solid var(--paper-dim); border-radius:16px; overflow:hidden; transition:transform 0.18s ease, box-shadow 0.18s ease;}
.case:hover{transform:translateY(-4px); box-shadow:0 24px 46px -26px rgba(91,76,255,0.4);}
.case-thumb{height:150px; position:relative;}
.case-thumb.g1{background:linear-gradient(135deg, #C9C2FF, var(--indigo));}
.case-thumb.g2{background:linear-gradient(135deg, #FFC9BF, var(--coral));}
.case-thumb.g3{background:linear-gradient(135deg, #E4E1F7, var(--paper-dim));}
.case-thumb.g4{background:linear-gradient(135deg, #B9F0DE, #3ED9A0);}
.case-thumb.g5{background:linear-gradient(135deg, #FFD9A8, #E8A33D);}
.case-thumb.g6{background:linear-gradient(135deg, #C9C2FF, #8377FF);}
.case-thumb.g7{background:linear-gradient(135deg, #FFC9BF, #C9C2FF);}
.case-thumb.g8{background:linear-gradient(135deg, #CFE3FF, #6E8BFF);}
.case-thumb .tag-row{position:absolute; bottom:12px; left:12px; display:flex; gap:6px;}
.case-body{padding:20px 22px;}
.case-body .client{font-family:var(--font-mono); font-size:11px; color:var(--slate-light); margin-bottom:6px;}
.case-body h3{font-family:var(--font-display); font-size:16px; font-weight:600; margin-bottom:8px;}
.case-body p{font-size:13px; color:var(--slate); line-height:1.5;}
.case-stat{font-family:var(--font-mono); font-size:12px; color:var(--indigo); margin-top:12px; font-weight:700;}

@media(max-width:1000px){ .case-grid{grid-template-columns:repeat(2,1fr);} }
@media(max-width:640px){ .case-grid{grid-template-columns:1fr;} }