.eskuvok-page {overflow-x:hidden;}

.es-hero {position:relative; min-height:80vh; display:flex; align-items:center;}
.es-hero-bg {position:absolute; inset:0; width:100%; height:100%; object-fit:cover;}
.es-hero-overlay {position:absolute; inset:0; background:linear-gradient(90deg, rgba(15,17,19,0.8), rgba(15,17,19,0.2));}
.es-hero-content {position:relative; max-width:520px; margin-left:var(--container-pad); display:flex; flex-direction:column; gap:var(--space-4);}

.es-concept-inner {max-width:720px; margin-inline:auto; text-align:center;}

.es-card-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); margin-top:var(--space-6);} 
.es-card {border-color:var(--color-accent-gold);} 

.es-atmosphere {position:relative;}
.es-atmosphere-img {width:100%; height:500px; object-fit:cover;}
.es-atmosphere-overlay {position:absolute; inset:0; background:linear-gradient(0deg, rgba(15,17,19,0.8), rgba(15,17,19,0.2));}
.es-atmosphere-text {position:absolute; bottom:var(--space-6); left:var(--space-6); max-width:480px; display:flex; flex-direction:column; gap:var(--space-3);} 

.es-custom-grid {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:var(--space-5); margin-top:var(--space-6);} 
.es-custom-item {max-width:420px;}

.es-steps {display:flex; gap:var(--space-6); margin-top:var(--space-6);} 
.es-step {flex:1; display:flex; flex-direction:column; gap:var(--space-3);} 
.es-step-num {font-family:var(--font-heading); font-size:var(--text-2xl); color:var(--color-accent-gold);} 

.es-note {background:var(--color-surface-secondary);} 
.es-note-inner {max-width:720px; margin-inline:auto; text-align:center;} 

.es-inspiration-inner {max-width:640px; margin-inline:auto; text-align:center;} 

.es-cta-inner {display:flex; flex-direction:column; align-items:center; gap:var(--space-4); text-align:center;}

@media (max-width:1000px){
.es-card-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.es-custom-grid {grid-template-columns:repeat(2,minmax(0,1fr));}
.es-steps {flex-direction:column;}
.es-hero-content {margin:auto; text-align:center;}
.es-hero-overlay {background:rgba(15,17,19,0.7);} 
}

@media (max-width:600px){
.es-card-grid {grid-template-columns:1fr;}
.es-custom-grid {grid-template-columns:1fr;}
.es-atmosphere-text {position:static; padding:var(--space-4);} 
.es-atmosphere-img {height:300px;} 
}