.home-main{display:block}

.hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-lg);align-items:center}
.hero-text{max-width:60ch}
.hero-badges{display:flex;gap:var(--space-sm);flex-wrap:wrap}
.badge{border:2px solid var(--color-gold);padding:0.3rem 0.6rem;border-radius:var(--radius-sm);font-size:var(--text-sm)}
.hero-media{display:flex;justify-content:center}

.intro-inner{display:flex;justify-content:center}
.intro-box{max-width:720px;text-align:center}

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

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

.progression-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-lg)}
.progression-grid > *{min-width:0}

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

.atmosphere-inner{display:flex;justify-content:center}
.atmosphere-box{max-width:640px;text-align:center}

.cta-box{max-width:520px;margin-inline:auto;align-items:center}

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

@media(max-width:1100px){
.hero-grid{grid-template-columns:55% 45%}
}

@media(max-width:900px){
.hero-grid{grid-template-columns:1fr}
.hero-text{max-width:100%}
.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.progression-grid{grid-template-columns:1fr}
.benefits-grid{grid-template-columns:1fr}
.gallery-grid{display:flex;overflow-x:auto}
.gallery-grid > *{min-width:80%}
}

@media(max-width:600px){
.features-grid{grid-template-columns:1fr}
}