.activities-hero{text-align:center;padding:30px}.activities-hero h1{margin-bottom:10px}.activities-hero p{max-width:600px;margin:0 auto}.activities-grid{grid-template-columns:repeat(4,1fr);gap:32px;padding:20px;max-width:1300px;margin:0 auto}.activity-card{position:relative;border-radius:16px;overflow:hidden;background:#fff;box-shadow:0 4px 16px rgba(0,0,0,.08);transition:transform .3s ease}.activity-card:hover{transform:translateY(-6px)}.card-image{position:relative;width:100%;height:260px;overflow:hidden}.card-image img{width:100%;height:100%;display:block;transition:transform .5s ease;object-fit:cover}.activity-card:hover .card-image img{transform:scale(1.05)}.overlay{position:absolute;inset:0;background:#00000030;display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;text-align:center;padding:20px;transition:all .4s ease}.overlay h3{font-size:1.2rem;margin:0;transform:translateY(0)}.overlay h3,.overlay p{font-weight:600;transition:all .3s ease;color:#fff}.overlay p{opacity:0;max-height:0;overflow:hidden;margin-top:12px;line-height:1.5}.activity-card:hover .overlay{background:rgba(0,0,0,.65)}.activity-card:hover .overlay h3{transform:translateY(-10px)}.activity-card:hover .overlay p{opacity:1;max-height:200px}.card-footer{padding:16px 20px;text-align:center;background:#fff;border-top:1px solid #eee}.read-more{color:#226db4;text-decoration:none;font-weight:600;transition:color .3s ease}.read-more:hover{color:#f44336}.view-all-wrap{text-align:center;margin:60px 0 100px}.view-all-btn{display:inline-block;background:#226db4;padding:14px 36px;border-radius:30px;transition:all .3s ease}.view-all-btn:hover{background:#f9b21d;color:#000;transform:translateY(-2px)}@media (max-width:1200px){.activities-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:900px){.activities-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.activities-hero h1{font-size:24px}.activities-grid{grid-template-columns:1fr}.card-image{height:220px}.activities-hero{padding:0}.activities-hero .hero-inner{padding:0 20px}}.activities-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:2rem;padding:2rem 5%}.view-all-container{text-align:center;margin:1rem 0 2rem}.view-all-btn{background:#f44336;color:#fff;font-weight:600;padding:.8rem 1.8rem;border-radius:6px;text-decoration:none;transition:.3s ease}.view-all-btn:hover{background:#e6a00f}