body{
background:#000;
}

.maera-site{
min-height:100vh;
background-size:cover;
background-position:center;
padding:60px;
font-family:Arial,sans-serif;
color:white;
}

.hero{
text-align:center;
padding:140px 20px;
}

.hero h1{
font-size:90px;
font-weight:900;
color:#ff4d5a;
margin-bottom:20px;
letter-spacing:4px;
}

.hero p{
font-size:24px;
color:#ddd;
max-width:900px;
margin:auto;
}

.grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(320px,1fr));
gap:30px;
margin-top:40px;
}

.card{
background:#111;
border-radius:24px;
overflow:hidden;
border:1px solid rgba(255,77,90,0.3);
transition:0.3s;
}

.card:hover{
transform:translateY(-6px);
}

.card img{
width:100%;
height:420px;
object-fit:cover;
}

.inner{
padding:24px;
}

.inner h3{
color:#ff4d5a;
font-size:28px;
}

.films,.talents{
margin-top:80px;
}