/* SalSal Bouw — page-project.css */
.case__lead{ font-family:var(--f-display); font-weight:600; font-size:clamp(24px,2.8vw,38px); line-height:1.22; letter-spacing:-0.02em; color:var(--ink); margin:0 0 28px; text-wrap:balance; }
  .case__grid{ display:grid; grid-template-columns:1.55fr 1fr; gap:56px; align-items:start; }
  .case__body p{ font-size:19px; line-height:1.7; color:var(--ink-2); margin:0 0 18px; max-width:60ch; }
  .case__facts{ background:var(--green-soft); border-radius:var(--radius-lg); padding:30px 32px; position:sticky; top:108px; }
  .case__facts h3{ font-size:15px; letter-spacing:.12em; text-transform:uppercase; color:var(--green); font-family:var(--f-sub); font-weight:600; margin:0 0 18px; }
  .case__fact{ display:flex; justify-content:space-between; gap:18px; padding:14px 0; border-top:1px solid rgba(28,138,82,.18); }
  .case__fact:first-of-type{ border-top:0; }
  .case__fact span{ font-family:var(--f-sub); color:var(--text); font-size:15px; }
  .case__fact b{ font-family:var(--f-display); font-weight:600; color:var(--ink); font-size:17px; letter-spacing:-0.01em; text-align:right; }
  .case__cta{ margin-top:28px; }
  .related{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
  .rcard{ position:relative; display:block; border-radius:var(--radius-lg); overflow:hidden; aspect-ratio:4/3; background:#0e1112; box-shadow:var(--shadow-card); isolation:isolate; }
  .rcard img{ width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.5,.2,1); }
  .rcard::after{ content:""; position:absolute; inset:0; background:linear-gradient(to top, rgba(11,13,14,.8), rgba(11,13,14,0) 62%); }
  .rcard:hover img{ transform:scale(1.06); }
  .rcard__meta{ position:absolute; left:0; right:0; bottom:0; z-index:2; padding:20px; color:#fff; }
  .rcard__title{ font-family:var(--f-display); font-weight:700; font-size:19px; letter-spacing:-0.015em; }
  .rcard__place{ font-family:var(--f-sub); font-size:14px; color:rgba(255,255,255,.82); margin-top:3px; }
  @media (max-width:900px){ .case__grid{ grid-template-columns:1fr; gap:32px; } .case__facts{ position:static; } .related{ grid-template-columns:1fr; } }
  .case__gallery{ display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
  .case__gallery figure{ margin:0; border-radius:var(--radius-lg); overflow:hidden; box-shadow:var(--shadow-card); background:#0e1112; }
  .case__gallery img{ width:100%; height:100%; object-fit:cover; display:block; aspect-ratio:4/3; transition:transform .7s cubic-bezier(.2,.5,.2,1); }
  .case__gallery figure:hover img{ transform:scale(1.05); }
  @media (max-width:700px){ .case__gallery{ grid-template-columns:1fr; } }