:root{--gx-yellow:#f9b000;--gx-black:#1d1d1b;--bg-light:#f3f3f5;--text-muted:#616161;--card-bg:#fff;--card-shadow:0 4px 12px rgba(0,0,0,.08);--border-radius:12px}body{background-color:var(--bg-light);color:var(--gx-black)}.cases-container{max-width:1200px;margin:0 auto;padding:0 20px}.cases-hero{padding:160px 0 80px;background-color:var(--gx-black);text-align:center}.hero-container{display:flex;flex-direction:column;align-items:center;justify-content:center}.cases-hero-image{width:100%;max-width:450px;height:auto;display:inline-block}.cases-main{padding:80px 0}.cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.case-card{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--card-shadow);position:relative;aspect-ratio: 1700 / 1210;transition:transform .4s ease-in-out , box-shadow .4s ease-in-out , border-color .4s ease-in-out}.case-card:hover{transform:scale(.97)!important;box-shadow:0 12px 30px rgba(0,0,0,.15)!important}.case-card img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease;display:block}.case-card:hover img{transform:scale(1.05)}.card-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(29,29,27,.85);display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .4s ease;padding:30px;text-align:center}.case-card:hover .card-overlay{opacity:1}.card-overlay h3{font-size:26px;font-weight:300;color:#fff;margin:0 0 20px 0;text-transform:uppercase;transform:translateY(20px);transition:transform .4s ease}.case-card:hover .card-overlay h3{transform:translateY(0)}.btn-ver-case{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;background-color:var(--gx-yellow);color:var(--gx-black);font-weight:700;font-size:14px;text-transform:uppercase;text-decoration:none;transition:background-color .3s ease , transform .3s ease;transform:translateY(20px);opacity:0}.case-card:hover .btn-ver-case{transform:translateY(0);opacity:1;transition-delay:.1s}.btn-ver-case:hover{background-color:#e5a200;transform:translateY(-2px)!important}@media (max-width:992px){.cases-grid{grid-template-columns:repeat(2,1fr)}.cases-hero{padding:140px 0 60px}.cases-hero-image{max-width:350px}}@media (max-width:768px){.cases-grid{grid-template-columns:1fr}.cases-hero-image{max-width:250px}.cases-main{padding:50px 0}}.fade-up{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.25,1,.5,1) , transform .8s cubic-bezier(.25,1,.5,1)}.fade-up.visible{opacity:1;transform:translateY(0)}.fade-up-child{opacity:0;transform:translateY(20px);transition:opacity .6s cubic-bezier(.25,1,.5,1) , transform .6s cubic-bezier(.25,1,.5,1)}.fade-up-child.visible{opacity:1;transform:translateY(0)}