honor-mega-menu{display: block; position: relative; width: 100%; height: 88px; --navy: #112f40; --teal: #107487; --line: #d5e3e8; --pale: #f0f6f8; color: var(--navy); font-family: Arial, Helvetica, sans-serif;}
honor-mega-menu *{box-sizing: border-box;}
honor-mega-menu a{color: inherit; text-decoration: none;}
honor-mega-menu button{font: inherit; color: inherit; cursor: pointer;}
honor-mega-menu a:focus-visible,honor-mega-menu button:focus-visible{outline: rgb(32, 152, 173) solid 3px; outline-offset: 4px; border-radius: 2px;}
honor-mega-menu a:hover{text-decoration: underline; text-underline-offset: 4px;}
honor-mega-menu .bar{height: 88px; display: flex; align-items: center; gap: 24px; padding: 8px clamp(18px, 3vw, 48px); background: white; border-top: 3px solid rgb(191, 220, 181); border-bottom: 1px solid var(--line);}
honor-mega-menu .brand{margin-right: auto; min-width: 145px; display: flex; align-items: center;}
honor-mega-menu .brand img{max-width: 160px; height: 70px; object-fit: contain;}
honor-mega-menu .wordmark{font: 30px Georgia, serif; letter-spacing: 3px;}
honor-mega-menu .wordmark small{display: block; font: 9px Arial, sans-serif; letter-spacing: 2px; margin-top: 4px;}
honor-mega-menu .nav{display: flex; align-items: center; gap: 4px;}
honor-mega-menu .item{position: static;}
honor-mega-menu .navlink,honor-mega-menu .trigger{display: block; padding: 18px 10px; background: none; border: 0px; font: 14px Georgia, serif; white-space: nowrap; text-transform: uppercase;}
honor-mega-menu .trigger[aria-expanded="true"]{color: var(--teal);}
honor-mega-menu .chevron{display: inline-block; font: 12px Arial; margin-left: 5px;}
honor-mega-menu .trigger[aria-expanded="true"] .chevron{transform: rotate(180deg);}
honor-mega-menu .call,honor-mega-menu .solid{background: var(--teal); color: white; text-align: center; font-weight: 700;}
honor-mega-menu .call{padding: 14px 25px; border-radius: 3px; white-space: nowrap; font-size: 14px;}
honor-mega-menu .panel{position: fixed; inset: auto; margin: 0px; padding: 0px; border-width: 2px 0px 0px; border-style: solid none none; border-color: rgb(191, 220, 181) currentcolor currentcolor; border-image: none; background: white; color: var(--navy); width: calc(-32px + 100vw); max-width: 1440px; max-height: calc(100dvh - 100px); overflow: auto; box-shadow: rgba(17, 47, 64, 0.16) 0px 12px 32px; font: 15px / 1.55 Arial, Helvetica, sans-serif; z-index: 2147483000;}
honor-mega-menu .panel[hidden]{display: none !important;}
honor-mega-menu .panel::backdrop{background: transparent; pointer-events: none;}
honor-mega-menu .layout{display: grid; grid-template-columns: minmax(0px, 1fr) 290px;}
honor-mega-menu .main{display: flex; flex-direction: column; min-width: 0px;}
honor-mega-menu .content{padding: 26px 32px 30px;}
honor-mega-menu .title{font: 700 clamp(28px, 3vw, 42px) / 1.14 Georgia, serif; margin: 0px 25px 14px 0px; letter-spacing: -0.6px;}
honor-mega-menu .intro{font-size: 14px; line-height: 1.65; margin: 0px 0px 24px; max-width: 850px;}
honor-mega-menu .columns{display: grid; grid-template-columns: 1fr 1fr; gap: 34px;}
honor-mega-menu .icon svg{width: 48px; height: 44px; fill: none; stroke: var(--teal); stroke-width: 1.3;}
honor-mega-menu .column h3{font-size: 11px; letter-spacing: 1.6px; text-transform: uppercase; margin: 7px 0px 17px;}
honor-mega-menu .links{list-style: none; margin: 0px; padding: 0px;}
honor-mega-menu .links a{display: block; border-bottom: 1px solid var(--line); padding: 13px 5px; font-size: 14px; line-height: 1.45;}
honor-mega-menu .links a:hover{background: var(--pale);}
honor-mega-menu .note{font-size: 14px; color: rgb(70, 93, 109); line-height: 1.65; margin: 18px 5px 0px;}
honor-mega-menu .strip{margin-top: auto; padding: 18px 32px; background: var(--pale); display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font-size: 11px;}
honor-mega-menu .strip .caption{font-weight: 700; text-transform: uppercase; letter-spacing: 0.5px;}
honor-mega-menu .strip a:not(.caption){border-left: 1px solid rgb(152, 172, 181); padding-left: 12px; text-decoration: underline; text-underline-offset: 3px;}
honor-mega-menu .rail{position: relative; overflow: hidden; background: var(--navy); color: white; padding: 28px 24px; display: flex; flex-direction: column; gap: 18px;}
honor-mega-menu .rail > *{position: relative;}
honor-mega-menu .watermark{position: absolute; top: 35px; right: -5px; opacity: 0.18;}
honor-mega-menu .watermark svg{width: 150px; height: 180px; fill: none; stroke: rgb(48, 154, 176); stroke-width: 1.3;}
honor-mega-menu .rail h3{font: 700 28px / 1.1 Georgia, serif; margin: 0px 0px 20px;}
honor-mega-menu .rail p{font-size: 14px; font-weight: 600; margin: 0px 0px 5px;}
honor-mega-menu .solid,honor-mega-menu .outline{display: block; padding: 11px 8px; font-size: 13px;}
honor-mega-menu .outline{border: 1px solid rgb(196, 214, 223); text-align: center; font-weight: 700;}
honor-mega-menu .phone{font-size: 15px; font-weight: 700; text-decoration: underline;}
honor-mega-menu .tagline{font-size: 9px; letter-spacing: 0.7px; margin-top: auto; padding-top: 22px;}
honor-mega-menu .close{position: absolute; right: 6px; top: 3px; z-index: 2; border: 0px; background: var(--navy); color: white; font: 23px Arial; width: 28px; height: 28px; border-radius: 50%;}
@media (max-width: 1100px){honor-mega-menu .bar{gap: 10px; padding: 8px 16px;}
honor-mega-menu .navlink,honor-mega-menu .trigger{font-size: 12px; padding: 18px 7px;}
honor-mega-menu .call{padding: 12px 16px;}
honor-mega-menu .layout{grid-template-columns: minmax(0px, 1fr) 245px;}
honor-mega-menu .content{padding: 24px;}
honor-mega-menu .columns{gap: 22px;}
honor-mega-menu .rail{padding: 28px 20px;}
honor-mega-menu .rail h3{font-size: 25px;}
honor-mega-menu .strip{padding: 16px 24px;}}
@media (max-width: 800px){honor-mega-menu .bar{overflow-x: auto;}
honor-mega-menu .brand{min-width: 120px;}
honor-mega-menu .wordmark{font-size: 23px;}
honor-mega-menu .layout{grid-template-columns: 1fr;}
honor-mega-menu .rail{display: none;}
honor-mega-menu .columns{gap: 20px;}
honor-mega-menu .panel{max-height: calc(100dvh - 95px);}}