/* HERO */

.studios-hero {
    padding: 180px 0 120px;
    text-align: center;
    background: linear-gradient(rgba(0, 0, 0, .75), rgba(0, 0, 0, .85));
}

.studios-hero span {
    color: #d4af37;
    letter-spacing: 3px;
    text-transform: uppercase;
}

.studios-hero h1 {
    margin: 15px 0;
}

.studios-hero p {
    max-width: 700px;
    margin: auto;
}

/* SERVICES */

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

.service-card {
    background: #111;
    padding: 35px;
    border-radius: 24px;
    border: 1px solid rgba(212, 175, 55, .15);
    text-align: center;
    transition: .4s;
}

.service-card:hover {
    transform: translateY(-10px);
    border-color: #d4af37;
}

.service-icon {
    font-size: 3rem;
    margin-bottom: 20px;
}

.service-card h3 {
    color: #d4af37;
    margin-bottom: 15px;
}

.service-card p {
    margin-bottom: 25px;
}

/* FACILITIES */

.facilities {
    background: #000000;
}

.facility-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
}

.facility-item {
    background: #111;
    padding: 20px;
    border-radius: 16px;
    text-align: center;
    border: 1px solid rgba(212, 175, 55, .15);
}

/* WHY */

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

.why-card {
    background: #111;
    padding: 30px;
    border-radius: 20px;
    border: 1px solid rgba(212, 175, 55, .15);
}

.why-card h3 {
    color: #d4af37;
    margin-bottom: 15px;
}

/* CTA */

.studio-cta {
    text-align: center;
    background: linear-gradient(135deg,
            rgba(212, 175, 55, .12),
            rgba(0, 0, 0, .95));
}

.studio-cta p {
    margin: 20px 0 30px;
}

/* RESPONSIVE */

@media(max-width:992px) {

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

@media(max-width:768px) {

    .service-grid,
    .facility-grid,
    .why-grid {
        grid-template-columns: 1fr;
    }

    .studios-hero {
        padding: 150px 0 90px;
    }
}