.home .hero-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5);position:relative}
.hero-text{max-width:70ch}
.hero-strip{display:flex;gap:var(--space-2);flex-wrap:wrap;margin-top:var(--space-3);color:var(--accent-gold)}
.hero-media img{width:100%;border-radius:var(--radius-md)}
.hero-card{position:absolute;right:0;bottom:-40px;display:flex;flex-direction:column;gap:var(--space-2);width:280px}

.cred-wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}
.cred-intro{max-width:55ch;text-align:center}
.cred-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);width:100%}
.stat{text-align:center}

.exp-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5)}
.exp-text{max-width:60ch}
.exp-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-3)}

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

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

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

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

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

.faq-grid{display:grid;grid-template-columns:60% 40%;gap:var(--space-5)}
.faq-item{border-bottom:1px solid var(--border-muted)}
.faq-item button{width:100%;text-align:left;padding:var(--space-2) 0}
.faq-content{display:none;padding-bottom:var(--space-2);color:var(--text-secondary)}

@media(max-width:1000px){
.hero-grid{grid-template-columns:1fr}
.hero-card{position:static;width:100%}
.exp-grid{grid-template-columns:1fr}
.exp-cards{grid-template-columns:1fr}
.show-grid,.events-grid,.blog-grid{grid-template-columns:1fr 1fr}
.timeline-wrap{grid-template-columns:1fr}
.faq-grid{grid-template-columns:1fr}
}

@media(max-width:600px){
.show-grid,.events-grid,.blog-grid,.gallery-grid{grid-template-columns:1fr}
}