.services-3{padding:100px 5%;background:var(--accent);position:relative;overflow:hidden}.services-3::before{content:"";position:absolute;top:0;right:0;width:50%;height:100%;background:radial-gradient(circle at 80% 50%,rgba(201,162,39,.1) 0%,transparent 50%)}.services-3 .container{position:relative;max-width:1300px;margin:0 auto}.services-3 .header{text-align:center;margin-bottom:60px}.services-3 .eyebrow{font-size:.85rem;font-weight:600;color:var(--secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:16px}.services-3 h2{font-family:var(--font-display);font-size:clamp(2rem, 4vw, 3rem);color:var(--black)}.services-3 .grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.services-3 .card{position:relative;height:290px;overflow:hidden;cursor:pointer}.services-3 .card img{width:100%;height:100%;object-fit:cover;transition:transform 0.6s ease}.services-3 .card:hover img{transform:scale(1.1)}.services-3 .card-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.9) 0%,rgba(0,0,0,.3) 50%,transparent 100%);display:flex;flex-direction:column;padding:30px;transition:background 0.3s ease}.services-3 .overlay-top{flex:0 0 auto}.services-3 .overlay-bottom{margin-top:auto}.services-3 .card:hover .card-overlay{background:linear-gradient(to top,var(--secondary) 0%,rgba(0,0,0,.5) 60%,transparent 100%)}.services-3 .card-icon{width:50px;height:50px;background:var(--secondary);display:flex;align-items:center;justify-content:center;margin-bottom:16px;transition:all 0.3s ease}.services-3 .card:hover .card-icon{background:var(--secondary)}.services-3 .card-icon svg{width:24px;height:24px;color:var(--white);transition:color 0.3s ease}.services-3 .card:hover .card-icon svg{color:var(--accent)}.services-3 .card h3{font-family:var(--font-display);font-size:1.3rem;color:var(--white);margin-bottom:8px;transition:color 0.3s ease}.services-3 .card:hover h3{color:var(--white)}.services-3 .card p{font-size:.9rem;color:var(--white);line-height:1.6;opacity:0;transform:translateY(10px);transition:all 0.3s ease}.services-3 .card:hover p{opacity:1;transform:translateY(0);color:var(--white)}@media (max-width:1024px){.services-3 .grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:640px){.services-3 .grid{grid-template-columns:1fr}.services-3 .card{height:300px}}