.about-page section{position:relative}
.about-hero{padding:0;min-height:80vh;display:flex;align-items:center;justify-content:center;text-align:center}
.about-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.4)}
.about-hero-inner{position:relative;max-width:900px;margin-inline:auto;padding:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}
.about-hero-inner p{max-width:55ch;margin-inline:auto}

.about-concept .about-text-col{max-width:700px}
.about-highlight{border:1px solid var(--color-accent-flame);padding:var(--space-md);margin-top:var(--space-md)}

.about-atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.about-atmosphere-text p{max-width:65ch}

.about-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}
.about-cards .card p{max-width:55ch}

.about-audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-lg);text-align:center}
.about-audience-grid p{max-width:45ch;margin-inline:auto}

.about-offline-box{max-width:700px;margin-inline:auto;text-align:center;border:1px solid var(--color-accent-flame);padding:var(--space-lg)}
.about-offline-box p{max-width:55ch;margin-inline:auto}

.about-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.about-team-text p{max-width:65ch}

.about-gallery-track{display:flex;gap:var(--space-md);overflow-x:auto}
.about-gallery-track img{min-width:300px;height:auto}

.about-cta{text-align:center}
.about-cta h2{max-width:600px;margin-inline:auto}
.about-cta .btn{margin-top:var(--space-md)}

@media(max-width:900px){
.about-atmosphere-grid,.about-team-grid{grid-template-columns:1fr}
.about-cards{grid-template-columns:1fr}
.about-audience-grid{grid-template-columns:1fr}
.about-hero-inner{padding:var(--space-md)}
}