/* =====================================================================
   Page styles for case-studies.php
   Loaded after style.css, only on this page.
   ===================================================================== */

/* CASE STUDIES list: spacious alternating showcase rows */
.csrows{display:flex;flex-direction:column;gap:clamp(30px,4.5vw,56px)}
.csrow{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);background:#fff;border:1px solid var(--line);border-radius:26px;overflow:hidden;text-decoration:none;color:inherit;transition:box-shadow .35s,border-color .35s}
.csrow:hover{box-shadow:0 44px 90px -52px rgba(24,24,24,.5);border-color:#D8D4CF}
.csrow:nth-child(even) .csr-cover{order:2}
.csr-cover{aspect-ratio:auto;height:100%;min-height:340px;border-radius:0;max-width:none}
.csr-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.csrow:hover .csr-cover img{transform:scale(1.04)}
.csr-feat{left:auto;right:16px;top:16px}
.csr-body{padding:clamp(28px,4vw,54px);display:flex;flex-direction:column;min-width:0}
.csr-body h3{font-size:clamp(24px,2.7vw,36px);font-weight:800;line-height:1.1;margin-top:14px;transition:color .25s}
.csrow:hover .csr-body h3{color:var(--accent)}
.csr-ex{margin-top:14px;color:var(--muted);font-size:15.5px;line-height:1.7;max-width:58ch}
.csr-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 32px;margin:26px 0 0;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.csr-meta div{display:flex;flex-direction:column;gap:3px;min-width:0}
.csr-meta dt{font-family:var(--mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.csr-meta dd{margin:0;font-size:14.5px;font-weight:600}
.csr-body .case-tags{margin-top:20px}
.csr-stats{margin-top:24px;padding-top:0;border-top:0}
.csr-body .pread{margin-top:auto;padding-top:26px}
@media (max-width:860px){
  .csrow{grid-template-columns:minmax(0,1fr)}
  .csrow:nth-child(even) .csr-cover{order:0}
  .csr-cover{aspect-ratio:16/10;min-height:0}
}
@media (max-width:460px){.csr-meta{grid-template-columns:minmax(0,1fr)}}

/* case studies listing page */
.csf-stats{display:flex;gap:clamp(20px,3vw,40px);margin-top:22px;padding-top:20px;border-top:1px solid var(--line);flex-wrap:wrap}
.csf-stats b{display:block;font-family:var(--display);font-size:clamp(24px,2.4vw,32px);font-weight:800;color:var(--accent);line-height:1.05}
.csf-stats span{font-size:13px;color:var(--muted)}

/* CMS listings: modern card design (blogs + news & events) */
.pread{margin-top:22px;display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--accent);font-size:15px}
.pread svg{width:16px;height:16px;transition:transform .25s}