.onas-hero-grid{display:grid;grid-template-columns:40% 60%;align-items:center;gap:var(--space-6)}
.onas-hero-text{max-width:60ch}
.onas-hero-image img{border-radius:var(--radius-lg);width:100%;height:100%;object-fit:cover}

.onas-idea-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}
.idea-col{max-width:45ch;margin-inline:auto}

.timeline{position:relative;display:flex;flex-direction:column;gap:var(--space-7)}
.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:var(--color-accent-gold)}
.timeline-item{width:50%;padding:var(--space-4)}
.timeline-item.left{align-self:flex-start;text-align:right}
.timeline-item.right{align-self:flex-end;text-align:left}

.onas-team-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6);align-items:center}
.team-image img{border-radius:var(--radius-lg)}

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

.onas-atmosphere-bg{position:relative}
.onas-atmosphere-bg img{width:100%;border-radius:var(--radius-lg)}
.onas-atmosphere-overlay{position:absolute;inset:0;display:flex;align-items:center;background:linear-gradient(to right,rgba(0,0,0,0.6),transparent)}
.onas-atmosphere-overlay p{color:#fff;max-width:55ch}

.target-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);text-align:center}
.target-grid>div{max-width:45ch;margin-inline:auto}

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

.onas-cta-bg{position:relative}
.onas-cta-bg img{width:100%;border-radius:var(--radius-lg)}
.onas-cta-content{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:var(--space-4);color:#fff}

@media (max-width:1024px){
.onas-hero-grid{grid-template-columns:1fr}
.timeline:before{left:20px}
.timeline-item{width:100%;text-align:left;padding-left:40px}
.onas-team-grid{grid-template-columns:1fr}
.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.target-grid{grid-template-columns:1fr}
.why-grid{grid-template-columns:1fr}
}

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