.onas-hero-grid{display:grid;grid-template-columns:45% 55%;gap:var(--space-4);align-items:center}
.onas-hero-text{max-width:60ch}
.onas-hero-image img{width:100%;height:auto;border:var(--border-thin)}

.onas-history-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-4)}
.onas-history-text{max-width:75ch}
.onas-history-image img{width:100%;border:var(--border-thin)}

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

.onas-steps-grid{display:grid;grid-template-columns:55% 45%;gap:var(--space-4)}
.onas-steps{display:flex;flex-direction:column;gap:var(--space-3)}

.onas-safety-inner{max-width:700px;margin:0 auto}
.onas-safety{border-top:var(--border-thin);border-bottom:var(--border-thin)}

.onas-columns-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}
.onas-columns-3 > div:first-child{grid-column:1/-1}

.onas-atmosphere-grid{display:grid;grid-template-columns:50% 50%;gap:var(--space-4)}

.onas-center{text-align:center;margin-left:auto;margin-right:auto}

.onas-cta{border-top:var(--border-thin)}

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

@media(max-width:900px){
.onas-hero-grid,.onas-history-grid,.onas-steps-grid,.onas-atmosphere-grid{grid-template-columns:1fr}
}

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