@import url('./components/card-carousel.css');
@import url('./components/news-carousel.css');
@import url('./books.css');

.page-theatre { background: #fff; }

.theatre {
    max-width: var(--container);
    margin: 0 auto;
}

.theatre-hero {
    padding: 3rem 2rem;
    text-align: center;
}

.theatre-heading {
    font-size: 2.5rem;
    font-weight: 700;
    margin: 0 0 2rem;
}

.theatre-intro {
    max-width: 800px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.05rem;
    line-height: 1.7;
    color: #222;
}

.theatre-intro p { margin: 0 0 1em; }
.theatre-intro p:last-child { margin-bottom: 0; }

@media (max-width: 768px) {
    .theatre-hero { padding: 2rem 1rem; }
    .theatre-heading { font-size: 1.75rem; }
}