.mainnav .navgroup>.dropdown{position:fixed;left:15%;right:15%;top:78px;z-index:999;display:grid;grid-template-columns:clamp(220px,24vw,320px) 1fr;gap:clamp(28px,3.5vw,56px);align-items:center;padding:clamp(20px,2.2vw,32px) clamp(28px,3vw,48px);background:#fff;color:#111;border:0;border-bottom:1px solid var(--line,rgba(17,17,17,.16));box-shadow:0 18px 45px rgba(17,17,17,.14);opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .32s cubic-bezier(.22,.61,.36,1),transform .32s cubic-bezier(.22,.61,.36,1),visibility .32s cubic-bezier(.22,.61,.36,1)}
.mainnav .navgroup:hover>.dropdown,.mainnav .navgroup:focus-within>.dropdown{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}
.mainnav .navgroup>.dropdown .drop-media{order:-1;height:auto;aspect-ratio:16/10;overflow:hidden}
.mainnav .navgroup>.dropdown .drop-media img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.22,.61,.36,1)}
.mainnav .navgroup>.dropdown .drop-media:hover img{transform:scale(1.04)}
.mainnav .navgroup>.dropdown .drop-list{display:block}
.mainnav .navgroup>.dropdown .drop-list>small{display:flex;align-items:center;gap:12px;margin:0 0 20px;font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:#7c756d}
.mainnav .navgroup>.dropdown .drop-list>small:before{content:"";width:30px;height:1px;background:#111;flex:0 0 auto}
.mainnav .navgroup>.dropdown .drop-links{display:flex;flex-wrap:wrap;align-items:center;gap:10px 0}
.mainnav .products-nav>.dropdown .drop-links,.mainnav .applications-nav>.dropdown .drop-links{display:grid;grid-template-columns:repeat(3,max-content);align-items:center;gap:12px 0}
.mainnav .navgroup>.dropdown .drop-links>a{display:block;padding:2px clamp(14px,1.4vw,22px);border-left:1px solid var(--line,rgba(17,17,17,.16));font-size:18px;font-weight:400;line-height:1.35;letter-spacing:-.025em;color:#111;white-space:nowrap;transition:opacity .2s}
.mainnav .navgroup>.dropdown .drop-links>a:first-child{padding-left:0;border-left:0}
.mainnav .products-nav>.dropdown .drop-links>a:nth-child(3n+1),.mainnav .applications-nav>.dropdown .drop-links>a:nth-child(3n+1){padding-left:0;border-left:0}
.mainnav .navgroup>.dropdown .drop-links>a:hover,.mainnav .navgroup>.dropdown .drop-links>a:focus-visible{opacity:.55}
.mainnav.open .navgroup>.dropdown{display:none!important}
@media(prefers-reduced-motion:reduce){.mainnav .navgroup>.dropdown,.mainnav .navgroup>.dropdown .drop-media img{transition:none}}