@media (max-width:1200px){
.container{padding:24px 16px;}
.hero{padding:32px;grid-template-columns:1fr 1fr;}
.cards-wrapper{justify-content:center;}
.preview{height:260px;width:260px;}}


@media (max-width:992px){
.nav{flex-wrap:wrap;gap:10px;justify-content:center;}
.links{flex-wrap:wrap;justify-content:center;gap:8px;}
.links a{padding:8px 16px;font-size:.95rem;}
.btn{padding:8px 12px;font-size:.9rem;}
.hero{grid-template-columns:1fr;gap:18px;text-align:center;padding:28px;}
.hero .art{margin:0 auto;}
.hero .art img{max-width:240px;}
.contacts{grid-template-columns:1fr;}
.contact-wrapper{flex-direction:column;align-items:center;gap:18px;}
.cards-wrapper{justify-content:center;}
.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));}
.card{padding:16px;}
.preview{height:220px;width:100%;}}


@media (max-width:768px){header{position:relative;}
.links{flex-direction:column;align-items:center;gap:4px;}
.links a{padding:10px 14px;width:100%;text-align:center;}
.nav-underline{display:none;}
.hero{padding:24px;}
.hero h2{font-size:1.8rem;}
.container{padding:20px 14px;}
.contacts{grid-template-columns:1fr;}
.contact-card{width:100%;max-width:340px;}
.cards-wrapper{gap:14px;}
.card{padding:14px;}
.card h3{font-size:1.05rem;}
.card p{font-size:.95rem;}
.preview{height:200px;}}


@media (max-width:576px){body{font-size:14px;}
.container{padding:16px 12px;}
.hero{padding:20px;text-align:center;}
.hero h2{font-size:1.5rem;line-height:1.3;}
.hero .art img{max-width:180px;}
.btn{width:100%;text-align:center;padding:10px 14px;}
.card{padding:12px;border-radius:14px;}
.preview{height:180px;border-radius:10px;}
.contacts .card .preview{height:150px;}
.grid{gap:16px;}}


@media (max-width:400px){
.brand span{display:none;}
.brand img{height:26px;}
.links a{padding:8px 10px;font-size:.85rem;}
.hero h2{font-size:1.3rem;}
.btn{font-size:.9rem;padding:8px 10px;}
.card{padding:10px;}
.card h3{font-size:1rem;}
.preview{height:150px;}
.contacts .card h3 img{width:22px;height:22px;}
.footer .container{flex-direction:column;align-items:center;gap:8px;text-align:center;}}