.bemutatkozas-main{display:block}

.hero-grid{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6);align-items:center}
.hero-text{max-width:640px}
.hero-media img{width:100%;height:auto}

.concept-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5)}
.concept-card{display:flex;flex-direction:column;gap:var(--space-3)}
.concept-card:hover{background:var(--color-surface-alt)}

.story-inner{max-width:720px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.story-image img{width:100%;margin-top:var(--space-4)}

.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.step{display:flex;flex-direction:column;gap:var(--space-3)}

.responsibility-inner{max-width:700px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.highlight{background:var(--color-surface-alt);padding:var(--space-4);border-radius:var(--radius-sm);border:var(--border-subtle)}

.audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-5)}
.audience-image{margin-top:var(--space-5)}

.access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6)}

.closing-inner{max-width:600px;margin-inline:auto;text-align:center;display:flex;flex-direction:column;gap:var(--space-3)}
.closing-image img{margin-top:var(--space-4)}

@media(max-width:960px){
.hero-grid{grid-template-columns:1fr}
.concept-grid{grid-template-columns:1fr}
.steps-grid{grid-template-columns:1fr}
.audience-grid{grid-template-columns:1fr}
.access-grid{grid-template-columns:1fr}
}