body{
margin:0;
background:#111;
font-family:Arial,sans-serif;
}

.c15-hero{
display:flex;
min-height:100vh;
}

.c15-left{
width:50%;
background:#1c1c1c;
display:flex;
flex-direction:column;
justify-content:center;
padding:80px;
}

.c15-left h1{
font-size:80px;
color:#ff1493;
margin-bottom:30px;
font-weight:700;
}

.c15-left p{
font-size:20px;
line-height:1.8;
color:#fff;
max-width:600px;
margin-bottom:40px;
}

.c15-btn{
display:inline-block;
padding:18px 40px;
background:#ff1493;
color:#fff;
text-decoration:none;
font-weight:bold;
width:max-content;
}

.c15-right{
width:50%;
overflow:hidden;
}

.c15-right img{
width:100%;
height:100%;
object-fit:cover;
}

.c15-team{
padding:120px 80px;
background:#161616;
}

.c15-team h2{
font-size:60px;
color:#fff;
margin-bottom:60px;
}

.c15-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
}

.c15-card{
background:#222;
overflow:hidden;
}

.c15-card img{
width:100%;
height:420px;
object-fit:cover;
filter:grayscale(100%);
transition:0.4s;
}

.c15-card:hover img{
filter:grayscale(0%);
}

.c15-card h3{
padding:25px;
font-size:24px;
color:#fff;
}

@media(max-width:991px){

.c15-hero{
flex-direction:column;
}

.c15-left,
.c15-right{
width:100%;
}

.c15-grid{
grid-template-columns:repeat(2,1fr);
}

}

@media(max-width:767px){

.c15-left{
padding:50px 25px;
}

.c15-left h1{
font-size:42px;
}

.c15-left p{
font-size:16px;
}

.c15-team{
padding:60px 25px;
}

.c15-team h2{
font-size:36px;
}

.c15-grid{
grid-template-columns:1fr;
}

}