.sf-main{overflow:hidden}

.sf-hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-4);align-items:center}
.sf-hero-text{max-width:55ch;display:flex;flex-direction:column;gap:var(--space-2)}
.sf-hero-image{height:420px}

.sf-center{text-align:center;margin-inline:auto;max-width:60ch}

.sf-why-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.sf-card{transition:transform var(--transition-base)}
.sf-card:hover{transform:translateY(-4px)}

.sf-types-grid{display:grid;grid-template-columns:30% 70%;gap:var(--space-4)}
.sf-types-list{display:flex;flex-direction:column;gap:var(--space-3);max-width:55ch}

.sf-culinary-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);align-items:center}
.sf-culinary-text{max-width:55ch}

.sf-timeline-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.sf-step{border-top:1px solid var(--color-accent-gold);padding-top:var(--space-2)}

.sf-space-image{position:relative;height:420px}
.sf-space-overlay{position:absolute;bottom:var(--space-4);left:var(--space-4);max-width:50ch;background:rgba(42,35,32,0.6);color:#fff;padding:var(--space-3);border-radius:var(--radius-md)}

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

.sf-audience .container{max-width:60ch}

.sf-cta-box{background:var(--color-accent-velvet);color:#fff;text-align:center;padding:var(--space-4);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2);align-items:center}

@media(max-width:1024px){
.sf-hero-grid{grid-template-columns:1fr}
.sf-types-grid{grid-template-columns:1fr}
.sf-culinary-grid{grid-template-columns:1fr}
.sf-timeline-line{grid-template-columns:1fr 1fr}
}

@media(max-width:640px){
.sf-why-grid,.sf-custom-grid{grid-template-columns:1fr}
.sf-timeline-line{grid-template-columns:1fr}
.sf-space-image{height:300px}
}