.onas-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-5);align-items:center}
.onas-hero-text{max-width:55ch}
.onas-hero-image img{border-radius:var(--radius-lg)}

.onas-story-inner{max-width:700px;margin-inline:auto}

.onas-cards-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.onas-card{text-align:center}

.onas-experience-grid{display:grid;grid-template-columns:50% 50%;gap:var(--space-5);align-items:center}
.onas-experience-text{max-width:65ch}

.onas-team-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-5);align-items:center}
.onas-team-text{max-width:65ch}

.onas-audience-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);max-width:900px;margin-inline:auto}
.onas-audience-col{max-width:60ch}

.onas-details-image{margin-bottom:var(--space-4)}
.onas-details-text{max-width:700px}

.onas-cta .container{display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}

@media(max-width:900px){
.onas-hero-grid{grid-template-columns:1fr}
.onas-experience-grid{grid-template-columns:1fr}
.onas-team-grid{grid-template-columns:1fr}
.onas-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media(max-width:600px){
.onas-cards-grid{grid-template-columns:1fr}
.onas-audience-grid{grid-template-columns:1fr}
}