/* Two editorial fields distinguish company destinations from applications. */
body #menu,body.inner-page #menu{--menu-ink:#152e41;--menu-muted:#536b79;background:linear-gradient(115deg,#f1eee6,#dce4e5);color:var(--menu-ink);isolation:isolate}
body #menu::before{content:'';position:absolute;inset:0 0 0 58%;background:radial-gradient(ellipse at 90% 95%,#456477,#1d394f 48%,#101d2c 90%);z-index:-1;pointer-events:none}
body #menu::backdrop{background:#101d2c}
body #menu .menu-header{padding:30px var(--edge);background:transparent;position:relative}
body #menu .menu-header>a img{filter:brightness(0) saturate(100%);opacity:.85}
body #menu .menu-content{display:grid;grid-template-columns:58% 42%;gap:0;flex:1;padding:0;align-items:center;align-content:center}
body #menu .menu-company{padding:40px clamp(40px,5vw,100px) 40px var(--edge);display:flex;flex-direction:column;gap:25px;min-width:0}
body #menu .menu-company>a{padding:0;min-height:0;border:0;display:flex;align-items:center;justify-content:space-between;color:var(--menu-ink);gap:18px;overflow:visible}
body #menu .menu-company>a::before{display:none}
body #menu .menu-link-title{font:500 clamp(34px,4.2vw,72px)/1.12 'Hubot Wide',sans-serif;letter-spacing:-.055em}
body #menu .menu-company>a>span{transform:none}
body #menu .menu-company>a>svg{width:32px;height:32px;flex-shrink:0;opacity:0;transform:translateX(-12px);transition:opacity .22s ease,transform .3s cubic-bezier(.2,.8,.2,1)}
body #menu .menu-company>a:is(:hover,:focus-visible)>svg{opacity:1;transform:none}
body #menu .menu-company>a:is(:hover,:focus-visible){color:#466d86}
body #menu .menu-discover{padding:40px var(--edge) 40px clamp(40px,5vw,100px);color:#f1eee5;max-width:none;align-self:auto}
body #menu .menu-applications-heading{font:500 15px/1.4 Geist,sans-serif;letter-spacing:.02em;display:flex;align-items:center;justify-content:space-between;margin:0 0 24px;color:#acbfcc;min-height:32px}
body #menu .menu-markets{margin:0;display:flex;flex-direction:column;gap:17px}
body #menu .menu-markets>a{font:500 clamp(18px,1.6vw,25px)/1.3 'Hubot Wide',sans-serif;letter-spacing:-.025em;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0;min-height:36px;border:0;color:#f1eee5}
body #menu :is(.menu-markets>a,.menu-applications-heading,.menu-science,.menu-direct)>svg{width:20px;height:20px;flex-shrink:0;stroke-width:1.5}
body #menu .menu-markets>a>svg{opacity:0;transform:translateX(-7px);transition:opacity .2s,transform .25s}
body #menu .menu-markets>a:is(:hover,:focus-visible){padding-left:0;color:#e4bd82;text-decoration:none}
body #menu .menu-markets>a:is(:hover,:focus-visible)>svg{opacity:1;transform:none}
body #menu .menu-science{display:flex;justify-content:space-between;align-items:center;font:400 14px/1.4 Geist,sans-serif;color:#acbfcc;margin-top:24px;padding-top:23px;border-top:1px solid #b7ccd12b;min-height:44px}
body #menu .menu-spec{margin-top:40px}
body #menu .menu-base{display:grid;grid-template-columns:58% 26% 16%;margin:0;padding:28px 0 35px;font:400 14px/1.5 Geist,sans-serif;align-items:end}
body #menu .menu-base p{margin:0;padding-left:var(--edge);color:var(--menu-ink)}
body #menu .menu-base p span{color:var(--menu-muted)}
body #menu .menu-direct{display:flex;gap:18px;align-items:center;padding-left:clamp(40px,5vw,100px);color:#f1eee5;min-height:44px}
body #menu .menu-phone{padding-right:var(--edge);color:#acbfcc;white-space:nowrap;text-align:right;min-height:44px;align-content:center}
body #menu :is(.menu-direct,.menu-phone,.menu-science,.menu-applications-heading):hover{color:#e4bd82;text-decoration:none}
body #menu .menu-company a[aria-current=page]{color:#466d86}
body #menu .menu-markets a[aria-current=page]{color:#e4bd82}
body #menu .menu-utilities #motion{border-radius:0;border-color:#91aaba55;color:#f1eee5}
body #menu #menu-close{--surface:#304c61;--foreground:#f1eee5}
html[data-input=keyboard] body #menu :is(a,button):focus-visible{outline:2px solid currentColor!important;outline-offset:5px;text-decoration:none!important}
body #menu[open]{animation:menu-surface-in .3s ease both}
body #menu[open] .menu-company>a{animation:menu-link-in .6s cubic-bezier(.16,1,.3,1) both}
body #menu[open] .menu-company>a:nth-child(2){animation-delay:.04s}body #menu[open] .menu-company>a:nth-child(3){animation-delay:.08s}body #menu[open] .menu-company>a:nth-child(4){animation-delay:.12s}
body #menu[open] .menu-discover{animation:menu-link-in .65s cubic-bezier(.16,1,.3,1) .08s both}
body #menu.closing{animation:menu-surface-out .25s ease forwards}
@keyframes menu-surface-in{from{opacity:0}to{opacity:1}}
@keyframes menu-surface-out{to{opacity:0;transform:translateY(-8px)}}
@keyframes menu-link-in{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(max-height:760px) and (min-width:1101px){body #menu .menu-company{gap:22px}body #menu .menu-header{padding-block:20px}body #menu .menu-content> *{padding-block:20px}body #menu .menu-spec{margin-top:24px}body #menu .menu-base{padding-block:20px}}
@media(max-width:1100px){body #menu .menu-company{padding-right:30px}body #menu .menu-discover{padding-left:30px}body #menu .menu-link-title{font-size:clamp(30px,4.2vw,46px)}body #menu .menu-base{grid-template-columns:58% 42%;row-gap:8px}body #menu .menu-direct{padding-left:30px}body #menu .menu-phone{grid-column:2;text-align:left;padding-left:30px}body #menu .menu-base p{grid-row:1/3}}
@media(max-width:600px){body #menu::before{display:none}body #menu .menu-header{position:sticky;top:0;z-index:3;background:#ecebe3;padding:20px var(--edge)}body #menu .menu-utilities #motion{color:var(--menu-ink);border-color:#526f8150}body #menu .menu-content{display:block;flex:none}body #menu .menu-company{padding:32px var(--edge) 45px;gap:24px}body #menu .menu-link-title{font-size:33px}body #menu .menu-company>a>svg{opacity:.5;width:23px;transform:none}body #menu .menu-discover{padding:35px var(--edge);background:radial-gradient(ellipse at 100% 100%,#456477,#101d2c)}body #menu .menu-markets>a>svg{opacity:.5;transform:none}body #menu .menu-base{background:#101d2c;display:flex;flex-wrap:wrap;padding:22px var(--edge);gap:12px 30px}body #menu .menu-base p{display:none}body #menu .menu-direct,body #menu .menu-phone{padding:0;color:#f1eee5}body #menu .menu-phone{color:#acbfcc}body #menu .menu-spec{margin-top:28px}}
@media(prefers-reduced-motion:reduce){body #menu,body #menu *,body #menu[open],body #menu.closing,body #menu[open] .menu-company>a,body #menu[open] .menu-discover{animation:none!important;transition:none!important}}
/* vw-type:start */
@media(min-width:1101px) and (max-width:1799px){body #menu .menu-link-title{font-size:4.2vw}body #menu .menu-applications-heading{font-size:1.0417vw}body #menu .menu-markets>a{font-size:1.6vw}body #menu .menu-science{font-size:0.9722vw}body #menu .menu-base{font-size:0.9722vw}}@media(min-width:1800px){body #menu .menu-link-title{font-size:75.6px}body #menu .menu-applications-heading{font-size:18.75px}body #menu .menu-markets>a{font-size:28.8px}body #menu .menu-science{font-size:17.5px}body #menu .menu-base{font-size:17.5px}}
/* vw-type:end */

/* Desktop: the hover preview image is the cue on the company links, so no arrow there. */
@media(min-width:901px){body #menu .menu-company>a>svg{display:none!important}}
