.onas-main section{position:relative}

.onas-hero{min-height:80vh;display:flex;align-items:center;color:#fff}
.onas-hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.onas-hero-inner{position:relative;z-index:2}
.onas-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-sm)}

.onas-intro-text{max-width:720px;margin-inline:auto}

.onas-values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.onas-value-card{display:flex;flex-direction:column;gap:var(--space-sm)}

.onas-exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center}
.onas-exp-text{max-width:60ch}
.onas-exp-media img{width:100%;border-radius:var(--radius-md)}

.onas-auth-grid{display:grid;grid-template-columns:0.6fr 0.4fr;gap:var(--space-lg);align-items:center}
.onas-auth-text{display:flex;flex-direction:column;gap:var(--space-sm);max-width:55ch}
.onas-auth-media img{width:100%;border-radius:var(--radius-md)}

.onas-scope-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}
.onas-scope-item{display:flex;flex-direction:column;gap:var(--space-sm)}

.onas-timeline{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);text-align:center}
.onas-step{display:flex;flex-direction:column;gap:var(--space-sm)}
.onas-step span{color:var(--color-accent-gold);font-family:var(--font-heading);font-size:var(--fs-lg)}

.onas-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-sm)}
.onas-gallery-grid img{border-radius:var(--radius-sm)}

.onas-safe-text{max-width:600px;margin-inline:auto;text-align:center}

.onas-cta{background:var(--color-bg-secondary)}
.onas-cta-text{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-sm)}

@media (max-width:1000px){
.onas-exp-grid{grid-template-columns:1fr}
.onas-auth-grid{grid-template-columns:1fr}
}

@media (max-width:900px){
.onas-values-grid{grid-template-columns:1fr 1fr}
.onas-scope-grid{grid-template-columns:1fr}
.onas-timeline{grid-template-columns:1fr}
.onas-gallery-grid{grid-template-columns:1fr}
}

@media (max-width:600px){
.onas-hero{min-height:70vh}
.onas-hero-text{margin-inline:auto;text-align:center}
}