/* HDS menu treatment; retain IPCI navigation dimensions and bar gradient. */
.main-nav :is(.mod-menu,.menu) > li > a{
  border-radius:0;
  transition:background-color .2s ease,box-shadow .2s ease,color .2s ease,opacity .2s ease,transform .2s ease;
}
.main-nav :is(.mod-menu,.menu) > li > a::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.07) 49%,rgba(255,255,255,0) 50%);
  opacity:0;
  transition:opacity .2s ease;
}
.main-nav :is(.mod-menu,.menu) > li:is(.active,.current) > a::after,
.main-nav :is(.mod-menu,.menu) > li > a:is(:hover,:focus-visible)::after{opacity:1}
.main-nav :is(.mod-menu,.menu) > li > a::before{
  content:"";
  position:absolute;
  inset:auto .86rem .32rem;
  height:2px;
  border-radius:0;
  pointer-events:none;
  background:#8dc9e6;
  transform:none;
  opacity:0;
  transition:opacity .2s ease;
}
.main-nav :is(.mod-menu,.menu) > li:is(.active,.current) > a{
  background:rgba(255,255,255,.1);
}
.main-nav :is(.mod-menu,.menu) > li:is(.active,.current) > a::before{
  opacity:1;
  transform:none;
}
.main-nav :is(.mod-menu,.menu) > li > a:hover::before{transform:none}
.main-nav :is(.mod-menu,.menu) > li > a:is(:hover,:focus-visible){
  background:rgba(255,255,255,.15);
}
.main-nav :is(.mod-menu,.menu) > li > a:focus-visible{
  outline:2px solid #8dc9e6;
  outline-offset:-3px;
  box-shadow:none;
}
@media(max-width:860px){
  .main-nav :is(.mod-menu,.menu) > li > a{border-radius:0}
  .main-nav :is(.mod-menu,.menu) > li:is(.active,.current) > a{background:rgba(255,255,255,.15)}
  .main-nav :is(.mod-menu,.menu) > li > a::before{display:none}
}
@media(prefers-reduced-motion:reduce){
  .main-nav :is(.mod-menu,.menu) > li,
  .main-nav :is(.mod-menu,.menu) > li > a,
  .main-nav :is(.mod-menu,.menu) > li > a::before,
  .main-nav :is(.mod-menu,.menu) > li > a::after{transition:none!important;animation:none!important}
}
/* One short hover glint, requested in addition to the static reflection. */
@media(hover:hover) and (prefers-reduced-motion:no-preference){
  .main-nav :is(.mod-menu,.menu) > li > a:hover::after{
    background-image:
      linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.32) 50%,rgba(255,255,255,0) 60%),
      linear-gradient(180deg,rgba(255,255,255,.13) 0%,rgba(255,255,255,.07) 49%,rgba(255,255,255,0) 50%);
    background-size:240% 100%,100% 100%;
    background-repeat:no-repeat;
    animation:ipci-menu-glint .65s ease-out both;
  }
}
@keyframes ipci-menu-glint{
  from{background-position:160% 0,0 0}
  to{background-position:-160% 0,0 0}
}