.rolunk-page .hero{position:relative}
.hero-img{width:100%;height:80vh;object-fit:cover}
.hero-text{position:absolute;left:5%;top:50%;transform:translateY(-50%);max-width:420px}
.hero-text p{max-width:45ch}

.about-intro{max-width:800px;margin-inline:auto;text-align:center}

.philosophy-grid .grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md)}

.split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg);align-items:center}
.split-text{max-width:60ch}
.split-image img{width:100%}

.diff-text{max-width:600px}
.diff ul{padding-left:0}
.diff li{margin-bottom:var(--space-xs)}

.expertise .grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}
.team-img{margin-top:var(--space-md);max-width:400px}

.atmosphere{position:relative}
.atm-img{width:100%;height:70vh;object-fit:cover}
.atm-text{position:absolute;left:10%;bottom:10%;max-width:420px}

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

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

@media (max-width:900px){
.hero-text{left:50%;transform:translate(-50%,-50%);text-align:center}
.split{grid-template-columns:1fr}
.philosophy-grid .grid-3{grid-template-columns:repeat(2,1fr)}
.audience .grid-3{grid-template-columns:repeat(2,1fr)}
.expertise .grid-2{grid-template-columns:1fr}
}

@media (max-width:600px){
.hero-img{height:60vh}
.philosophy-grid .grid-3,.audience .grid-3{grid-template-columns:1fr}
.atm-text{position:static;padding:var(--space-sm)}
.atm-img{height:auto}
}