.atelier h2{
    font-size: clamp(24px, 2.1vw, 40px);
}
.p1{
    margin-bottom: clamp(30px, calc( (80 / 1920) * 100vw ), 80px);
    font-size: clamp(14px, 1vw, 19px);
    line-height: 2;
}
.atelier {padding: clamp(30px, calc( (70 / 1920) * 100vw ), 70px) 0;background: #F2F4F7;}
        .atelier-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 60px 30px; }
        .ate-item { border-left: 1px solid var(--hairline); padding-left: 20px; }
        .ate-item img { width: 100%; height: 400px; object-fit: cover; margin-bottom: 20px; }
        .ate-item h4 {font-size: clamp(16px, 1.05vw, 20px);letter-spacing: 2px;text-transform: uppercase;margin-bottom: 10px;color: #000;}
        .ate-item p {font-size: clamp(14px, 0.95vw, 18px);color: #333;}


@media(max-width:767px){
.atelier-grid {grid-template-columns: repeat(2, 1fr);gap: 25px;}
.ate-item img {height: 200px;}
.ate-item {padding-left: 10px;}

}

@media(max-width:576px){
.ate-item h4 {min-height: 45px;}
}