@media(min-width:1000px){
  .mega-panel{display:grid!important;grid-template-columns:230px minmax(0,1fr);align-items:center;min-height:118px;padding:22px max(calc((100vw - 1200px)/2),40px) 24px;gap:64px;box-shadow:0 14px 24px rgba(16,24,40,.07)}
  .mega-intro{display:block;padding:0 30px 0 0;border-right:1px solid #e4e7ea}
  .mega-intro>span{display:none}.mega-intro strong{display:block;color:#17191c;font-size:24px;line-height:1.35}.mega-intro p{margin:6px 0 0;color:#828890;font-size:12px;line-height:1.6}
  .mega-links{display:flex;align-items:center;justify-content:flex-start;width:100%;gap:42px}
  .mega-links a{flex:none;padding:12px 0;text-align:left;border:0;background:transparent!important}
  .mega-links a span{font-size:16px;line-height:1.45;transition:color .2s ease,transform .2s ease}
  .mega-links a small{display:none}
  .mega-links a:after{right:auto;left:0;bottom:4px;width:22px;height:1px;background:#202124;color:transparent;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}
  .mega-links a:hover span{color:#111;transform:translateY(-2px)}
  .mega-links a:hover:after{opacity:1;transform:scaleX(1)}
}
@media(prefers-reduced-motion:reduce){.mega-links a span,.mega-links a:after{transition:none!important}}
.header .nav-chevron {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
  margin-left: 7px;
  vertical-align: middle;
  opacity: .7;
}

.header .nav-chevron img {
  width: 12px;
  height: 12px;
  transition: transform .2s ease;
}

@media (min-width: 1000px) {
  .header .nav > li:hover .nav-chevron img,
  .header .nav > li:focus-within .nav-chevron img {
    transform: rotate(180deg);
  }
}

@media (prefers-reduced-motion: reduce) {
  .header .nav-chevron img {
    transition: none;
  }
}