/* Always-visible segment links, shared by the new pages and the ice-cream branch. */
.arhar-segments{display:flex;align-items:center;flex:0 0 auto;gap:4px;padding-left:14px;border-left:1px solid #dedfd8;line-height:1}
.arhar-segment{--segment-color:#f7931d;position:relative;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 44px;border-radius:7px;color:var(--segment-color);text-decoration:none;transition:background-color .15s ease}
.arhar-segment--ice{--segment-color:#842e82}
.arhar-segment--steeal{--segment-color:#92999f}
.arhar-segment--steeal:hover{background:#e8ebed}
/* The original ice-cream theme uses a global a{color:...!important} rule.
   Keep these navigation marks independent of the branch link color. */
.arhar-segments .arhar-segment{color:var(--segment-color)!important}
.arhar-segment svg{display:block;width:25px;height:25px;overflow:visible}
.arhar-segment:hover,.arhar-segment[aria-current]{background:#f0eee8}
.arhar-segment--ice:hover,.arhar-segment--ice[aria-current]{background:#f3eaf3}
.arhar-segment:focus-visible{outline:2px solid #252725;outline-offset:2px}
.arhar-segment-label{position:absolute;top:calc(100% + 7px);right:0;z-index:100;white-space:nowrap;border-radius:4px;background:#252725;color:#fff;padding:9px 12px;font:500 12px/1.35 Arial,sans-serif;pointer-events:none;opacity:0;visibility:hidden}
.arhar-segment:focus-visible .arhar-segment-label{opacity:1;visibility:visible}
@media(hover:hover){.arhar-segment:hover .arhar-segment-label{opacity:1;visibility:visible}}
.site-header .wrap{gap:22px}
.site-header .logo{margin-right:auto;order:0}
.site-header #main-nav{order:1;gap:20px}
.site-header .arhar-segments{order:2}
.site-header .menu-toggle{order:3}
.site-header .gateway-contact{order:1}
#page-header .arhar-segments--legacy{margin-left:18px;order:2}
#page-header .arhar-segment{color:var(--segment-color)}
#page-header .arhar-segment:hover{color:var(--segment-color)}
#page-header .arhar-segments--legacy-hidden{display:none!important}
@media(max-width:1250px) and (min-width:901px){
 .site-header .wrap{gap:15px}
 .site-header .logo img{width:145px}
 .site-header #main-nav{gap:14px;font-size:12px}
 .arhar-segments{padding-left:10px}
}
@media(max-width:1050px) and (min-width:901px){
 .site-header .wrap{width:calc(100% - 48px);gap:10px}
 .site-header .logo img{width:125px}
 .site-header #main-nav{gap:11px;font-size:11px}
 .arhar-segments{padding-left:5px}
}
@media(max-width:900px){
 .site-header .wrap{gap:14px}
 .site-header .arhar-segments{padding-left:0;border-left:0}
 .site-header .menu-toggle{margin-left:0}
 #page-header .arhar-segments--legacy{margin:0 15px 0 0;padding:0;border:0;order:-1}
}
@media(max-width:650px){
 .site-header .wrap{gap:10px}
 .site-header .logo img{width:132px}
 .site-header .menu-toggle{width:40px;height:42px;justify-content:center;padding:0;gap:0;font-size:0}
 .site-header .menu-toggle span{font-size:19px;line-height:1}
 .site-header .gateway-contact{font-size:0;gap:0;width:28px;height:44px;align-items:center;justify-content:center}
 .site-header .gateway-contact span{font-size:22px}
 .arhar-segment--industry .arhar-segment-label{right:-48px;max-width:210px;white-space:normal;text-align:left}
}
@media(max-width:380px){
 .site-header .wrap{gap:8px}
 .site-header .logo img{width:116px}
 #page-header .arhar-segments--legacy{margin-right:10px;gap:0}
}
@media(prefers-reduced-motion:reduce){.arhar-segment{transition:none}}
/* Keep the three shortcuts and menu on one row on compact phones. */
@media(max-width:650px){
 .site-header .wrap{gap:8px}
 .site-header .logo img{width:120px}
}
@media(max-width:380px){
 .site-header .wrap{gap:4px}
 .site-header .logo img{width:100px}
 .site-header .arhar-segments{gap:0}
 .site-header .arhar-segment{width:40px;flex-basis:40px}
 #page-header .at_middle .at_left .w-image{width:84px!important;max-width:84px!important}
 #page-header .at_middle .at_left .w-image img{width:84px!important;height:auto!important}
 #page-header .arhar-segment{width:40px;flex-basis:40px}
}