:root{--brand:#f26522;--ink:#111827;--muted:#6b7280}
.cases-page{background:#fff}
.case-detail{padding:32px 0 40px}
.case-detail .container{max-width:1100px;margin:0 auto;padding:0 20px}
.breadcrumb{font-size:12px;color:#9ca3af;margin-bottom:18px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.breadcrumb a{color:#6b7280}
.case-title{font-size:24px;line-height:1.35;font-weight:700;color:var(--ink);margin:6px 0 16px}
@media(min-width:768px){.case-title{font-size:28px}}
.lead{font-size:15px;line-height:1.9;color:#374151;background:transparent;margin-bottom:20px}
.hero-img{margin:18px 0 24px;border-radius:10px;overflow:hidden;box-shadow:0 8px 28px rgba(0,0,0,.08)}
.hero-img img{display:block;width:100%;height:auto;object-fit:cover}
.content p{color:#374151;line-height:1.9;margin:14px 0}
.gallery-4{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:18px 0 8px}
.gallery-4 figure{border-radius:10px;overflow:hidden;box-shadow:0 6px 20px rgba(0,0,0,.06)}
.gallery-4 img{display:block;width:100%;height:100%;object-fit:cover}
@media(min-width:980px){.gallery-4{grid-template-columns:repeat(4,1fr)}}
.cta{margin:26px 0 10px;border-radius:14px;background:linear-gradient(135deg,#ffe6cf 0%,#fff2e6 60%,#fff);padding:26px 22px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.cta-text{font-size:16px;color:#3f3f46}
.cta .btn{appearance:none;border:0;background:var(--brand);color:#fff;font-weight:700;padding:12px 24px;border-radius:999px;cursor:pointer;transition:.2s box-shadow,.2s transform}
.cta .btn:hover{box-shadow:0 10px 18px rgba(242,101,34,.35);transform:translateY(-1px)}
/* tiny watermark-like bg feel */
.case-detail .paper-bg{position:relative}