.about-page{display:block}

.about-hero{position:relative;min-height:520px;display:flex;align-items:center}
.about-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.about-hero::after{content:"";position:absolute;inset:0;background:rgba(13,7,20,0.6);z-index:1}
.about-hero-content{position:relative;z-index:2;max-width:520px;margin-left:5%;display:flex;flex-direction:column;gap:var(--space-3)}
.about-cta{align-self:flex-start}

.about-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.about-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}

.about-split{display:grid;grid-template-columns:55% 45%;gap:var(--space-4);align-items:center}
.about-split-text{max-width:520px}
.about-split-image img{width:100%;border:2px solid var(--accent-neon-violet)}

.about-centered{display:flex;justify-content:center}
.about-narrow{max-width:720px;text-align:center}

.about-cta-section{display:flex;justify-content:center}
.about-cta-box{max-width:600px;text-align:center;display:flex;flex-direction:column;gap:var(--space-3);background:var(--bg-glass);padding:var(--space-4);border:2px solid var(--border-sharp)}
.about-cta-large{width:100%;}

@media(max-width:1100px){
.about-hero-content{margin:auto;text-align:center}
.about-cta{align-self:center}
.about-split{grid-template-columns:1fr}
}

@media(max-width:900px){
.about-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}
.about-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:640px){
.about-grid-3,.about-grid-4{grid-template-columns:1fr}
}