/* AIQ theme: the shared chrome's rules from tpl.css, copied verbatim for the homepage, which loads home.css instead
   of tpl.css (search button and dialog, newsletter field, cookie banner, Newsroom in the menu at 1366-1679px, and the
   header Pause only from 1920px, as tpl.css since 21 Oct. Below that, Pause motion is in the hero and in the menu).
   If tpl.css changes, copy these rules again. */
@media (max-width:599px){.nav-b .navsearch{display:none}}
.fsearch,.fsel select,.sform input{font:inherit;font-family:var(--mono);font-weight:300;font-size:1rem;letter-spacing:.03em;color:var(--graphite);background:transparent;border:0;border-bottom:1px solid rgba(39,45,45,.62);border-radius:0;padding:.55rem 0;min-height:44px}
.dlg{border:0;padding:0;margin:auto;width:min(960px,calc(100vw - 2 * var(--m)));max-height:calc(100svh - 4rem);background:var(--ivory);color:var(--graphite);border-top:1px solid var(--link)}
.dlg::backdrop{background:rgba(249,249,244,.85)}
.dlg-in{position:relative;padding:clamp(1.25rem,2.5vw,2.5rem)}
.dlg-top{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem}
.dlg-search{margin-top:calc(var(--nav-h) + 1rem)}
.sform{display:flex;flex-wrap:wrap;gap:1rem 1.5rem;align-items:end}
.sform input{flex:1 1 18rem;font-size:clamp(1.1rem,1rem + .6vw,1.5rem)}
.navsearch{display:inline-grid;place-items:center;width:44px;height:44px;border:0;background:none;color:var(--graphite);cursor:pointer}
.navsearch:focus-visible{outline:1.5px solid var(--graphite);outline-offset:2px}
.news-f{display:grid;gap:.6rem;max-width:26rem}
.news-row{display:flex;gap:1rem;align-items:center;border-bottom:1px solid rgba(39,45,45,.62)}
.news-row input{flex:1;min-width:0;font:inherit;font-family:var(--mono);font-weight:300;font-size:.95rem;letter-spacing:.03em;color:var(--graphite);background:transparent;border:0;padding:.6rem 0;min-height:44px}
.news-row input:focus-visible{outline:1.5px solid var(--graphite);outline-offset:4px}
.cookie{position:fixed;left:var(--m);right:var(--m);bottom:1rem;z-index:60;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem 2rem;padding:1rem clamp(1rem,2vw,1.5rem);background:var(--ivory);border-top:1px solid var(--link)}
.cookie[hidden]{display:none}
.cookie .copy{margin:0}
p .tlink,.note .tlink,.cookie .tlink{display:inline;min-height:0}
.foot-base .k:last-child{color:var(--graphite)}
.field-row .msg{font-family:var(--mono);font-weight:300;font-size:.8rem;letter-spacing:.03em;color:var(--graphite)}
.field-row .msg::before{content:"";display:inline-block;width:10px;height:1px;background:var(--coral);vertical-align:middle;margin-right:.5rem}
.news-row input::placeholder{color:var(--ink-2);opacity:1}
/* 21 Oct (tpl.css): with "Our Services" and About Us first, Newsroom lives in the menu up to 1679px and the header Pause
   shows from 1920px. The homepage uses the same header as every page, so the same breakpoints. */
@media (min-width:1366px) and (max-width:1679px){.nav-b .nav-links > a:last-child{display:none}}
@media (max-width:1919px){.nav-b .navpause{display:none}}
