.hero{padding:4.5rem 0 3rem;text-align:center;position:relative}
.hero::before{content:'';position:absolute;top:0;left:50%;transform:translateX(-50%);width:600px;height:300px;background:radial-gradient(ellipse at center,#92b70714 0%,transparent 70%);pointer-events:none}
.hero h1{font-weight:800;font-size:clamp(3.2rem,9vw,7rem);line-height:1.05;letter-spacing:-2px;margin-bottom:1.2rem; color:#fff;}
.hero h1 span{color:#92b707}
.hero p{font-size:1rem;color:#b2b2b2!important;max-width:700px;margin:0 auto;line-height:1.75; text-align:center;}
.case-card{background:#111318;border:1px solid #ffffff12;border-radius:16px;overflow:hidden;margin-bottom:1.5rem;transition:border-color 0.3s,box-shadow 0.3s,transform .3s}
.case-card:hover{border-color:#92b7074d;box-shadow:0 0 40px #92b70714;transform:translateY(-3px)}
.case-card.featured{background:linear-gradient(135deg,#0d1f14 0%,#091a10 100%);border-color:#92b70740}
.case-content{padding:2.2rem 2.2rem 2rem;display:flex;flex-direction:column;height:100%}
.tag{display:inline-block;background:#92b7071a;color:#92b707;border:1px solid #92b70733;font-size:.7rem;font-weight:700;padding:.25rem .75rem;border-radius:50px;margin-bottom:1rem;letter-spacing:.5px;text-transform:uppercase}
.case-title{font-weight:700;font-size:1.35rem;line-height:1.3;color:#fff;margin-bottom:.85rem}
.case-desc{font-size:.87rem;line-height:1.75;color:#b2b2b2;flex-grow:1;margin-bottom:1.8rem}
.view-btn {
    display: inline-flex;
    align-items: center;
    gap: .55rem;
    background: linear-gradient(135deg, #1d2671, #c33764);
    color: #fff !important;
    padding: 10px 30px;
    border-radius: 100px;
    font-weight: 500;
    font-size: 14px;
    text-decoration: none;
    transition: background 0.25s, border-color 0.25s, color 0.25s, transform .2s;
    align-self: flex-start;
}
.view-btn:hover{background:#92b707;border-color:#92b707;color:#0a0c10;transform:translateY(-1px)}
.view-btn svg{width:14px;height:14px;transition:transform .2s;transform: rotate(45deg);}
.view-btn:hover svg{transform:translate(2px,-2px)}
.case-img-wrap{height:100%;min-height:280px;overflow:hidden;position:relative}
.case-img-wrap::after{content:'';position:absolute;inset:0;background:linear-gradient(to right,#0a0c1026,transparent);pointer-events:none}
.case-img-wrap img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .55s ease;filter:brightness(0.88) saturate(0.9)}
.case-card:hover .case-img-wrap img{transform:scale(1.06);filter:brightness(0.95) saturate(1.05)}
.load-more-wrap{text-align:center;margin:2rem 0 4.5rem}
.load-more-btn{display:inline-flex;align-items:center;gap:.6rem;background:transparent;color:#fff;border:1px solid #ffffff12;padding:.75rem 2rem;border-radius:8px;font-family:'Plus Jakarta Sans',sans-serif;font-weight:600;font-size:.88rem;cursor:pointer;transition:border-color 0.2s,color 0.2s,transform .2s}
.load-more-btn:hover{border-color:#92b707;color:#92b707;transform:translateY(-2px)}
.load-more-btn .btn-icon{width:26px;height:26px;background:#92b7071f;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#92b707;font-size:.8rem;transition:background .2s}
.load-more-btn:hover .btn-icon{background:#92b707;color:#0a0c10}

@media (max-width: 767.98px) {
.case-img-wrap{min-height:220px}
.case-content{padding:1.7rem 1.5rem 1.5rem}
.cta-inner{padding:3rem 1.5rem}
.hero{padding:3.5rem 0 2rem}
}