/* Case-studies section — supplements articles/article.css with the glance panel
   and the hub/landing card grids. Colors match the site palette. */

.cs-glance{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#e6dfd2;border:1px solid #e6dfd2;border-radius:14px;overflow:hidden;margin:6px 0 26px}
.cs-glance>div{background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:3px}
.cs-glance .k{font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#a9853c}
.cs-glance .v{font-size:13.5px;line-height:1.5;color:#26233a}
@media(max-width:860px){.cs-glance{grid-template-columns:repeat(2,1fr)}}
@media(max-width:480px){.cs-glance{grid-template-columns:1fr}}

.cs-hubwrap{padding:36px 24px 8px}
.cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 34px}
@media(max-width:980px){.cs-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cs-grid{grid-template-columns:1fr}}
.cs-card{display:flex;flex-direction:column;gap:9px;background:#fff;border:1px solid #e6dfd2;border-radius:14px;padding:20px 20px 18px;text-decoration:none;color:#26233a;transition:box-shadow .15s,transform .15s}
.cs-card:hover{box-shadow:0 10px 26px rgba(28,24,63,.09);transform:translateY(-2px)}
.cs-card .cs-num{font-family:Fraunces,Georgia,serif;font-size:13px;color:#a9853c}
.cs-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:18.5px;line-height:1.32;color:#1c183f}
.cs-card p{margin:0;font-size:13.5px;line-height:1.55;color:#6b6880;flex-grow:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.cs-card .cs-pills{display:flex;gap:6px;flex-wrap:wrap}
.cs-card .pill{font-size:11px;font-weight:600;padding:3px 10px;border-radius:999px;background:rgba(169,133,60,.1);color:#8a6d30;border:1px solid rgba(169,133,60,.3)}

.cs-area-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:0 0 34px}
@media(max-width:980px){.cs-area-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.cs-area-grid{grid-template-columns:1fr}}
.cs-area-card{position:relative;display:flex;flex-direction:column;gap:8px;background:#fff;border:1px solid #e6dfd2;border-radius:14px;padding:24px 22px;text-decoration:none;color:#26233a;transition:box-shadow .15s,transform .15s}
.cs-area-card:hover{box-shadow:0 10px 26px rgba(28,24,63,.09);transform:translateY(-2px)}
.cs-area-card h3{margin:0;font-family:Fraunces,Georgia,serif;font-weight:500;font-size:21px;color:#1c183f}
.cs-area-card p{margin:0;font-size:13px;font-weight:600;color:#b32025}
.cs-area-card .cs-sample{font-size:13px;line-height:1.5;color:#6b6880;font-style:italic}
.cs-area-card .arr{position:absolute;right:20px;top:24px;color:#a9853c;font-size:18px}