.menu-overlay { grid-template-columns: 1fr 1fr; }
.menu-art { order: 1; border-left: 0; border-right: 1px solid rgba(255,255,255,.14); background: #0e1720; }
.menu-main { order: 2; padding: 142px 8vw 38px; background: #101d2b; }
.menu-main::before { content: ""; position: absolute; inset: 0; opacity: .2; pointer-events: none; background: repeating-radial-gradient(ellipse at 75% 60%,transparent 0 95px,rgba(72,127,202,.55) 97px 99px,transparent 101px 172px); }
.menu-overline,.menu-links,.menu-bottom { position: relative; z-index: 1; }
.menu-links { margin: auto 0; }
.menu-link { font-size: clamp(52px,5.7vw,91px); }
.menu-link::after { height: 4px; background: #3f80da; clip-path: polygon(0 42%,28% 42%,33% 0,38% 70%,60% 70%,65% 20%,70% 55%,100% 55%,100% 100%,70% 100%,65% 65%,60% 100%,38% 100%,33% 28%,28% 82%,0 82%); }
.menu-bottom { margin-top: 0; min-height: 95px; position: relative; border-top: 1px solid rgba(255,255,255,.25); }
.menu-logo { position: absolute; width: 102px; height: auto; left: 50%; top: -110px; transform: translateX(-50%); }
.menu-bottom p { margin-top: 17px; }
.menu-art .menu-image { background-color: #091522; background-repeat: no-repeat; filter: saturate(.68) contrast(1.08); box-shadow: 0 28px 65px rgba(0,0,0,.28); }
.menu-art .menu-image::before { content: ""; position: absolute; inset: 0; z-index: 1; background: linear-gradient(150deg,rgba(48,102,173,.38),rgba(5,13,23,.72)); mix-blend-mode: multiply; pointer-events: none; }
.menu-art .menu-image::after { z-index: 2; background: linear-gradient(135deg,rgba(62,128,218,.12),transparent 42%,rgba(4,10,18,.78)); }
.menu-art .menu-image.one { width: 42%; height: 45%; left: 8%; top: 10%; background-image: url("assets/menu-equipe.jpg"); background-position: 50% 50%; transform: none; }
.menu-art .menu-image.two { width: 35%; height: 40%; right: 8%; top: 0; bottom: auto; background-image: url("assets/menu-desenvolvimento.jpg"); background-position: 53% 52%; transform: none; }
.menu-art .menu-image.three { width: 42%; height: 38%; left: 8%; right: auto; top: auto; bottom: -1%; background-image: url("assets/menu-mobile.jpg"); background-position: 52% 48%; transform: none; mix-blend-mode: normal; opacity: 1; }
.menu-art .menu-image.four { position: absolute; width: 35%; height: 43%; right: 8%; bottom: 8%; overflow: hidden; background-image: url("assets/menu-infraestrutura.jpg"); background-position: 50% 48%; }
.menu-art[data-preview="services"] .one { transform: translate(12%,5%) scale(1.06); }.menu-art[data-preview="about"] .two { transform: translate(-12%,5%) scale(1.08); }.menu-art[data-preview="projects"] .four { transform: translate(-13%,-8%) scale(1.08); }.menu-art[data-preview="contact"] .three { transform: translate(12%,-8%) scale(1.08); }.menu-art[data-preview="home"] .menu-image { transform: none; }
.menu-caption { left: 8%; bottom: 4%; }

@media (max-width: 720px) { .menu-main { padding: 110px 30px 28px; } .menu-art { display: none; } .menu-overlay { grid-template-columns: 1fr; } .menu-logo { top: -82px; width: 76px; } }