.about-page{display:block}

.about-hero{position:relative;min-height:90vh;display:flex;align-items:center}
.about-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.5)}
.about-hero-panel{position:relative;max-width:520px;margin-left:5%;display:flex;flex-direction:column;gap:16px}
.about-hero-cta{display:flex;gap:16px;flex-wrap:wrap}

.about-origin-text{max-width:720px}
.about-origin-callout{margin-top:24px}

.about-philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.about-philosophy-grid .card{height:100%}

.about-space-grid{display:grid;grid-template-columns:60% 40%;gap:32px;align-items:center}
.about-space-text{max-width:520px}

.about-lighting{position:relative;padding:64px 0}
.about-lighting-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(0.45)}
.about-lighting-panel{position:relative;max-width:480px;margin-left:5%;display:flex;flex-direction:column;gap:16px}

.about-quote blockquote{max-width:600px;margin-inline:auto;text-align:center}

.about-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center}
.about-team-text{max-width:560px}

.about-steps{max-width:700px;margin-inline:auto;display:flex;flex-direction:column;gap:24px}
.about-step{border-left:2px solid var(--color-accent-primary);padding-left:16px}

.about-cta-panel{max-width:520px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:16px}
.about-cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}

@media(max-width:900px){
.about-philosophy-grid{grid-template-columns:1fr 1fr}
.about-space-grid{grid-template-columns:1fr}
.about-team-grid{grid-template-columns:1fr}
.about-hero-panel,.about-lighting-panel{margin:0 auto}
}

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