.home .hero-grid{display:grid;grid-template-columns:40% 60%;gap:var(--space-5);align-items:center}
.hero-text{max-width:520px}
.hero-image img{width:100%;height:100%;object-fit:cover}
.cards-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4);margin-top:var(--space-4)}
.cards-3 .card{transition:.2s}
.cards-3 .card:hover{transform:translateY(-4px)}
.two-col{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-5);align-items:center}
.two-col.reverse{direction:rtl}
.two-col.reverse>*{direction:ltr}
.center{text-align:center}
.narrow{max-width:600px;margin-inline:auto}
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--space-3);margin-top:var(--space-4)}
.gallery img{width:100%;height:100%;object-fit:cover}
.opinions{margin-top:var(--space-4)}
.form-wrap{max-width:600px;margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-3);text-align:center}
.form{display:flex;flex-direction:column;gap:var(--space-3)}
@media(max-width:900px){
.home .hero-grid{grid-template-columns:1fr}
.two-col{grid-template-columns:1fr}
.gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
.cards-3{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:600px){
.gallery{grid-template-columns:1fr}
.cards-3{grid-template-columns:1fr}
}