/* BASE */

.entertainment-page{
font-family:'Poppins', sans-serif;
background:#f8f8f8;
}

/* HERO */

.ent-hero{
height:70vh;
background:url('https://picsum.photos/1200/700?festival') center/cover no-repeat;
display:flex;
align-items:center;
padding:0 10%;
position:relative;
}

.ent-hero::before{
content:"";
position:absolute;
inset:0;
background:linear-gradient(
to right,
rgba(0,0,0,.7),
rgba(255,106,0,.4)
);
}

.ent-hero-content{
position:relative;
z-index:2;
color:white;
max-width:500px;
}

.ent-hero h1{
font-size:48px;
}

.ent-hero a{
display:inline-block;
margin-top:15px;
background:#ff6a00;
padding:12px 25px;
border-radius:25px;
color:white;
text-decoration:none;
}

/* INFO */

.ent-info{
padding:60px 10%;
}

.ent-info-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:40px;
align-items:center;
}

.ent-text h2{
margin-bottom:10px;
}

.ent-text a{
display:inline-block;
margin-top:15px;
background:#ff6a00;
color:white;
padding:10px 20px;
border-radius:20px;
text-decoration:none;
}

.ent-img img{
width:100%;
border-radius:15px;
}

/* WAVES */

.wave{
height:80px;
}

.wave-orange{
background:linear-gradient(90deg,#ff6a00,#ff8c42);
clip-path:polygon(0 40%,100% 0,100% 100%,0 100%);
}

.wave-dark{
background:#1a1a1a;
clip-path:polygon(0 0,100% 40%,100% 100%,0 100%);
}

/* CARDS */

.ent-cards{
padding:50px 10%;
background:white;
}

.ent-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
gap:20px;
}

.ent-card{
position:relative;
border-radius:15px;
overflow:hidden;
cursor:pointer;
}

.ent-card img{
width:100%;
height:300px;
object-fit:cover;
transition:.4s;
}

.ent-card:hover img{
transform:scale(1.1);
}

.ent-card .overlay{
position:absolute;
bottom:0;
left:0;
right:0;
padding:15px;
background:linear-gradient(to top,rgba(0,0,0,.8),transparent);
color:white;
}

/* HIGHLIGHT */

.ent-highlight{
padding:60px 10%;
background:#1a1a1a;
color:white;
}

.ent-highlight-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:30px;
align-items:center;
}

.ent-highlight img{
width:100%;
border-radius:15px;
}

.ent-highlight a{
display:inline-block;
margin-top:10px;
background:#ff6a00;
padding:10px 20px;
border-radius:20px;
color:white;
text-decoration:none;
}

/* FOOT GRID */

.ent-footer-grid{
padding:50px 10%;
}

.ent-bottom-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(150px,1fr));
gap:20px;
}

.ent-box{
background:white;
padding:30px;
border-radius:12px;
text-align:center;
font-weight:bold;
box-shadow:0 10px 25px rgba(0,0,0,.08);
transition:.3s;
}

.ent-box:hover{
background:#ff6a00;
color:white;
transform:translateY(-5px);
}

/* RESPONSIVE */

@media(max-width:768px){

.ent-info-grid,
.ent-highlight-grid{
grid-template-columns:1fr;
}

.ent-hero h1{
font-size:32px;
}

}