.o-nas .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;border-radius:0}
.about-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,18,20,.85),rgba(17,18,20,.3))}
.about-hero-content{position:relative;max-width:520px;display:flex;flex-direction:column;gap:var(--space-4)}
.about-hero-text{max-width:52ch}

.about-history-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-6);align-items:center}
.about-history-text{max-width:70ch}
.about-history-image img{width:100%}

.about-philosophy{text-align:center}
.about-philosophy-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.about-card{display:flex;flex-direction:column;gap:var(--space-3);max-width:55ch;margin-inline:auto}
.about-card:hover{border-color:var(--color-accent-gold)}

.about-values-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.about-values-text{max-width:60ch}

.about-team{text-align:center;display:flex;flex-direction:column;gap:var(--space-5);align-items:center}
.about-team-text{max-width:700px}

.about-process{text-align:center}
.about-process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-5)}
.about-step{max-width:50ch;margin-inline:auto}

.about-atmosphere{position:relative}
.about-atmosphere-bg{width:100%;height:70vh;object-fit:cover;border-radius:0}
.about-atmosphere-overlay{position:absolute;inset:0;background:linear-gradient(to top,rgba(17,18,20,.85),rgba(17,18,20,.2))}
.about-atmosphere-content{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;max-width:500px;margin:auto;gap:var(--space-4)}

.about-cta{text-align:center;max-width:500px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4)}

@media(max-width:900px){
.about-history-grid,.about-values-grid{grid-template-columns:1fr}
.about-philosophy-grid{grid-template-columns:1fr}
.about-process-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
.about-process-grid{grid-template-columns:1fr}
.about-hero{min-height:70vh}
.about-hero-content{max-width:90%}
}