:root {
    --bg: #050816;
    --bg-light: #0f172a;
    --card: #111827;
    --gold: #F6C453;
    --orange: #FF8A00;
    --white: #ffffff;
    --gray: #c9d1d9;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    scroll-behavior: smooth;
}

body {
    font-family: 'Inter', sans-serif;
    background: var(--bg);
    color: var(--white);
    overflow-x: hidden;
}

/* unvisited link */
a:link {
    color: rgb(237, 243, 237);
}

/* visited link */
a:visited {
    color: green;
}

/* mouse over link */
a:hover {
    color: red;
}

/* selected link */
a:active {
    color: yellow;
}

/* NAVBAR */

.custom-nav {
    background: rgba(5, 8, 22, .85);
    backdrop-filter: blur(12px);
    padding: 15px 0;
    transition: .4s;
}

.navbar-brand img {
    height: 60px;
}

.nav-link {
    color: white !important;
    font-weight: 500;
    margin-left: 20px;
    transition: .3s;
}

.nav-link:hover {
    color: var(--gold) !important;
}

/* HERO */

.hero {
    height: 100vh;
    background:
        linear-gradient(rgba(0, 0, 0, .65),
            rgba(0, 0, 0, .75)),
        url("../assets/films/maveli-keralathil.jpg");
    background-size: cover;
    background-position: center;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    position: relative;
}

.hero-content {
    position: relative;
    z-index: 2;
}

.hero h1 {
    font-family: 'Poppins', sans-serif;
    font-size: 5rem;
    font-weight: 800;
    color: white;
}

.hero h2 {
    font-size: 2.3rem;
    margin-top: 20px;
    color: var(--gold);
    line-height: 1.4;
}

.hero p {
    max-width: 800px;
    margin: 30px auto;
    color: var(--gray);
    font-size: 1.15rem;
}

.hero-buttons {
    margin-top: 30px;
}

.btn-gold {
    background: var(--gold);
    color: #000;
    padding: 14px 32px;
    border-radius: 40px;
    font-weight: 600;
    margin-right: 15px;
    text-decoration: none;
}

.btn-gold:hover {
    background: var(--orange);
    color: white;
}

.btn-outline-light {
    padding: 14px 32px;
    border-radius: 40px;
}

/* SECTION */

section {
    padding: 100px 0;
}

.section-title {
    text-align: center;
    font-family: 'Poppins';
    font-size: 3rem;
    margin-bottom: 60px;
    color: var(--gold);
}

/* RECOGNITION */

.recognition-card {
    background: var(--card);
    border-radius: 25px;
    padding: 40px 25px;
    text-align: center;
    min-height: 220px;
    transition: .4s;
    margin-bottom: 20px;
    font-size: 3rem;
}

.recognition-card h3 {
    margin-top: 20px;
    font-size: 1.2rem;
}

.recognition-card:hover {
    transform: translateY(-10px);
    box-shadow:
        0 10px 35px rgba(246, 196, 83, .25);
}

/* FILMS */

.film-card {
    background: var(--card);
    border-radius: 25px;
    overflow: hidden;
    transition: .4s;
    height: 100%;
}

.film-card:hover {
    transform: translateY(-10px);
    box-shadow:
        0 15px 40px rgba(246, 196, 83, .25);
}

.film-card img {
    width: 100%;
    height: 430px;
    object-fit: cover;
    transition: .5s;
}

.film-card:hover img {
    transform: scale(1.05);
}

.film-content {
    padding: 20px;
}

.film-content h3 {
    font-size: 1.4rem;
    font-family: 'Poppins';
}

.film-content p {
    color: var(--gray);
}

.film-content a {
    color: var(--gold);
    text-decoration: none;
    font-weight: 600;
}

/* EARVIEW */

.earview {
    background: var(--bg-light);
}

.earview h2 {
    font-size: 3rem;
    color: var(--gold);
    margin-bottom: 20px;
}

.earview p {
    color: var(--gray);
    line-height: 1.8;
    margin-bottom: 25px;
}

.earview ul {
    list-style: none;
    padding-left: 0;
}

.earview li {
    margin-bottom: 15px;
    font-size: 1.1rem;
}

.earview li::before {
    content: "✓ ";
    color: var(--gold);
}

/* FOUNDER */

.founder img {
    box-shadow:
        0 20px 40px rgba(0, 0, 0, .4);
}

.founder h2 {
    font-size: 3rem;
    color: var(--gold);
}

.founder h4 {
    margin: 20px 0;
    color: white;
}

.founder p {
    color: var(--gray);
    line-height: 1.9;
}

/* AWARDS */

.awards img {
    margin-bottom: 25px;
    transition: .4s;
}

.awards img:hover {
    transform: scale(1.02);
}

/* CONTACT */

.contact {
    background: #000;
}

.contact h2 {
    color: var(--gold);
    margin-bottom: 30px;
}

.contact p {
    color: var(--gray);
    font-size: 1.1rem;
}

.social-links {
    margin-top: 30px;
}

.social-links a {
    display: inline-block;
    margin: 10px;
    color: white;
    text-decoration: none;
    border: 1px solid rgba(255, 255, 255, .15);
    padding: 12px 20px;
    border-radius: 30px;
    transition: .3s;
}

.social-links a:hover {
    background: var(--gold);
    color: black;
}

/* FOOTER */

footer {
    padding: 30px 0;
    text-align: center;
    color: #888;
}

/* MOBILE */

@media(max-width:768px) {

    .hero h1 {
        font-size: 2.8rem;
    }

    .hero h2 {
        font-size: 1.4rem;
    }

    .section-title {
        font-size: 2rem;
    }

    .film-card img {
        height: 320px;
    }

    .earview h2,
    .founder h2 {
        font-size: 2rem;
    }

    .navbar-brand img {
        height: 45px;
    }

}

/* Reveal Animation */

.recognition-card,
.film-card,
.earview,
.founder,
.awards img {

    opacity: 0;
    transform: translateY(40px);
    transition: all .8s ease;

}

.show {

    opacity: 1 !important;
    transform: translateY(0) !important;

}

.film-card-link {
    text-decoration: none;
    color: inherit;
    display: block;
}

.film-card {
    transition: all .35s ease;
}

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

.page-nav {
    padding: 30px;
    background: #050816;
}

.page-nav a {
    color: #F6C453;
    text-decoration: none;
}

.film-detail {
    padding: 80px 0;
}

.film-detail-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 60px;
    align-items: center;
}

.detail-poster {
    width: 100%;
    border-radius: 20px;
}

.film-detail h1 {
    font-size: 3rem;
    color: #F6C453;
}

.tagline {
    font-size: 1.2rem;
    margin: 20px 0;
}

.awards-section {
    background: #0f172a;
    padding: 80px 0;
}

.award-item {
    background: #111827;
    padding: 20px;
    margin-bottom: 15px;
    border-radius: 15px;
}

.detail-footer {
    text-align: center;
    padding: 40px;
}

.gold-button {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    background: #f4c542;
    color: #050816 !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all .3s ease;
}

.gold-button:hover {
    background: #ffd76a;
    color: #050816 !important;
    transform: translateY(-2px);
    text-decoration: none;
}

.gold-outline-button {
    display: inline-block;
    margin-top: 20px;
    padding: 12px 28px;
    border: 2px solid #f4c542;
    color: #f4c542 !important;
    text-decoration: none;
    border-radius: 8px;
    font-weight: 600;
    transition: all .3s ease;
}

.gold-outline-button:hover {
    background: #f4c542;
    color: #050816 !important;
    text-decoration: none;
}

.site-footer {
    background: #08111f;
    text-align: center;
    padding: 60px 20px;
    margin-top: 80px;
    border-top: 1px solid rgba(255, 255, 255, .08);
}

.site-footer h3 {
    color: #f4c542;
}

/* PRIVACY POLICY */

.policy-section .card {
    background: #101828;
    padding: 35px;
    border-radius: 18px;
    margin-bottom: 25px;
}

.policy-section .card h2 {
    color: #f4c542;
    margin-top: 0;
}

.policy-section .card p,
.policy-section .card li {
    color: #c7c7c7;
    line-height: 1.9;
}

.page-header {
    background: #08111f;
    padding: 25px 8%;
    border-bottom: 1px solid rgba(255, 255, 255, .08);
}


.page-header a {
    color: #f4c542;
    text-decoration: none;
    font-weight: 600;
}

/* PRESS RELEASE */

.press-release{
    max-width:900px;
    margin:auto;
}

.press-category{
    display:inline-block;
    background:#f4c542;
    color:#000;
    font-size:.8rem;
    font-weight:700;
    padding:6px 14px;
    border-radius:30px;
    margin-bottom:20px;
}

.press-header h1{
    color:#fff;
    font-size:2.4rem;
    line-height:1.3;
    margin-bottom:15px;
}

.press-header h2{
    color:#c7c7c7;
    font-size:1.25rem;
    font-weight:400;
    line-height:1.7;
}

.press-meta{
    margin-top:20px;
    color:#9ca3af;
    display:flex;
    gap:20px;
    flex-wrap:wrap;
}

.press-highlight{
    background:#101828;
    border-left:4px solid #f4c542;
    padding:25px;
    margin:40px 0;
    border-radius:12px;
}

.press-highlight h3{
    color:#f4c542;
    margin-top:0;
}

.press-content p{
    font-size:1.05rem;
    line-height:2;
    color:#d5d5d5;
    margin-bottom:25px;
}

@media(max-width:768px){

    .press-header h1{
        font-size:1.8rem;
    }

    .press-header h2{
        font-size:1.1rem;
    }

}