@media(max-width:800px){
.head{position:static
.hero .cta{display:flex;flex-direction:column;align-items:stretch;gap:10px;margin-top:16px}
.hero .cta .btn{width:100%;text-align:center;white-space:nowrap;padding:12px 16px;border-radius:999px}
.hero .btn.ghost{background:rgba(20,26,23,.55);border:1px solid rgba(255,255,255,.7);color:#fff}
}
.head-top{display:grid!important;grid-template-columns:1fr;gap:8px;padding:10px 0}
.logo img{height:28px}
.contacts{display:grid;grid-template-columns:1fr 1fr;gap:8px 12px;margin:0;font-size:14px;white-space:nowrap}
.contacts a,.contacts span{white-space:nowrap}
.contacts a[href^="mailto"],.contacts .addr{grid-column:1/-1;white-space:normal}
.ask{width:100%;margin-top:4px}
.bar{display:block!important;padding:0 0 8px}
.menu{display:flex;gap:6px;overflow-x:auto;flex-wrap:nowrap;padding-bottom:6px}
.item>a{white-space:nowrap;font-size:14px;padding:8px 10px;background:#f6f1e8;border-radius:999px}
.sub{position:static;display:none}
.item:hover .sub,.item:focus-within .sub{display:block;position:static;box-shadow:none;border:0;padding:4px 0 8px}
}

@media(max-width:800px){
.cards{gap:18px!important}
.card{margin:0 0 4px}
section{padding:28px 0}
h2{margin-bottom:16px}
}

.cards{gap:18px!important}
.card{margin:0 0 4px}
section{padding:28px 0}
h2{margin-bottom:16px}