.home-main{} 

.hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}
.hero-text{padding:var(--space-3);max-width:520px}
.hero-text h1{margin-bottom:var(--space-2)}
.hero-images img{width:100%}

.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);max-width:900px;margin-inline:auto;text-align:center}

.types-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3)}
.type-card{max-width:260px}

.timeline-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}
.timeline-step{border:var(--border-thick) solid var(--color-ink-black);padding:var(--space-2);box-shadow:var(--shadow-hard);background:var(--color-vivid-yellow)}

.food-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);align-items:center}

.hosts-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-3);align-items:center}

.vibe-text{max-width:900px;margin-inline:auto;text-align:center}

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

.cta-box{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4);text-align:center}

@media (max-width:1024px){
.hero-grid{grid-template-columns:1fr}
.types-grid{grid-template-columns:repeat(2,1fr)}
.timeline-grid{grid-template-columns:repeat(2,1fr)}
.food-grid{grid-template-columns:1fr}
.hosts-grid{grid-template-columns:1fr}
.why-grid{grid-template-columns:1fr}
}

@media (max-width:640px){
.types-grid{grid-template-columns:1fr}
.timeline-grid{grid-template-columns:1fr}
}