.page-hero{
    padding:120px 0 80px;
    background:#fff;
    text-align:center;
}

.page-hero h1{
    font-size:64px;
    margin-bottom:20px;
}

.page-hero p{
    max-width:800px;
    margin:auto;
    color:#666;
}
.category-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:24px;
}

.category-box{
    background:#fff;
    border-radius:20px;
    overflow:hidden;
    text-align:center;
    transition:.3s;
}

.category-box:hover{
    transform:translateY(-5px);
}

.category-box img{
    width:100%;
    height:220px;
    object-fit:cover;
}

.category-box h3{
    padding:20px;
}