.so-page{}

.so-hero{padding-top:var(--space-xl);padding-bottom:var(--space-xl);}
.so-hero-grid{display:grid;grid-template-columns:45% 55%;align-items:center;gap:var(--space-xl);}
.so-hero-text{max-width:520px;display:flex;flex-direction:column;gap:var(--space-sm);}
.so-hero-image img{width:100%;}

.so-types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md);}
.so-type-card{display:flex;flex-direction:column;gap:var(--space-xs);height:100%;}
.so-type-card:hover{border-color:var(--color-accent-gold);}

.so-space-grid{display:grid;grid-template-columns:50% 50%;gap:var(--space-xl);align-items:center;}
.so-space-text{max-width:520px;}

.so-gastro{display:flex;flex-direction:column;gap:var(--space-lg);}
.so-gastro-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-md);}
.so-gastro-item{max-width:420px;margin-inline:auto;text-align:center;}
.so-gastro-image{max-width:320px;margin-inline:auto;}

.so-process-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-lg);margin-top:var(--space-md);}
.so-step{text-align:center;max-width:360px;margin-inline:auto;}

.so-atmosphere-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-xl);align-items:center;}
.so-atmosphere-text{max-width:420px;}

.so-benefits-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-md);margin-top:var(--space-md);text-align:center;}

.so-cta{background:var(--color-accent-green);color:var(--color-text-on-accent);text-align:center;}
.so-cta-box{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-sm);}

@media(max-width:1100px){
.so-types-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
.so-gastro-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}

@media(max-width:900px){
.so-hero-grid{grid-template-columns:1fr;}
.so-space-grid{grid-template-columns:1fr;}
.so-process-steps{grid-template-columns:1fr;}
.so-atmosphere-grid{grid-template-columns:1fr;}
}

@media(max-width:600px){
.so-types-grid,.so-gastro-grid,.so-benefits-grid{grid-template-columns:1fr;}
}