.rolunk-page{}

.rolunk-hero{position:relative;min-height:70vh;display:flex;align-items:center;justify-content:center;text-align:center}
.rolunk-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.rolunk-hero-overlay{position:absolute;inset:0;background:rgba(16,17,22,0.6)}
.rolunk-hero-content{position:relative;max-width:640px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}

.rolunk-concept-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.rolunk-concept-col{min-width:0}

.rolunk-atmosphere-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.rolunk-atmosphere-text{max-width:520px}

.rolunk-journey-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.rolunk-step{min-width:0}

.rolunk-values-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-4)}
.rolunk-card{padding:var(--space-4);display:flex;flex-direction:column;gap:var(--space-2);border:1px solid transparent}
.rolunk-card:hover{border-color:var(--color-accent)}

.rolunk-legal-box{max-width:800px;padding:var(--space-4);margin-top:var(--space-3)}

.rolunk-design-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);align-items:center}
.rolunk-design-text{max-width:520px}

.rolunk-audience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}
.rolunk-audience-col{min-width:0}

.rolunk-summary-box{max-width:600px;margin-inline:auto;text-align:center}

@media (max-width:900px){
.rolunk-concept-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rolunk-values-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

@media (max-width:700px){
.rolunk-concept-grid,
.rolunk-journey-grid,
.rolunk-values-grid,
.rolunk-audience-grid{grid-template-columns:1fr}

.rolunk-atmosphere-grid,
.rolunk-design-grid{grid-template-columns:1fr}

.rolunk-hero{min-height:60vh;padding:var(--space-4)}
}