.nav{position:absolute;inset:0 0 auto;z-index:20;display:block;height:64px;padding:0 clamp(24px,4vw,70px);background:transparent;color:var(--white);border:0;transition:background-color .25s ease,color .25s ease}
.nav:hover,.nav:focus-within,.nav.is-open{background:var(--paper);color:var(--ink)}
.nav-inner{position:relative;width:100%;height:100%;display:block}
.nav-top{height:39px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}
.nav .logo{grid-column:2;display:inline-block;justify-self:center;font-family:Georgia,'Times New Roman',serif;font-size:25px;font-weight:400;line-height:1;letter-spacing:-.055em;color:inherit;text-shadow:0 1px 8px rgba(0,0,0,.25)}
.nav:hover .logo,.nav:focus-within .logo,.nav.is-open .logo{text-shadow:none}
.nav-toggle{grid-column:1;display:none;justify-self:start;align-items:center;gap:11px;height:100%;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.2em;line-height:1;text-transform:uppercase}
.nav-toggle-lines{display:flex;flex-direction:column;gap:5px;width:15px}
.nav-toggle-lines i{display:block;width:15px;height:1.5px;background:currentColor;transition:transform .2s ease}
.nav.is-open .nav-toggle-lines i:first-child{transform:translateY(3.25px) rotate(45deg)}
.nav.is-open .nav-toggle-lines i:last-child{transform:translateY(-3.25px) rotate(-45deg)}
.nav-action{grid-column:3;display:inline-flex;justify-self:end;align-items:center;gap:12px;height:27px;padding:0 10px;border:1px solid currentColor;color:inherit;font-size:10px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}
.nav-action span:last-child{font-size:17px;font-weight:400;line-height:1;transition:transform .2s ease}
.nav-action:hover span:last-child,.nav-action:focus-visible span:last-child{transform:translate(2px,-2px)}
.navlinks{display:flex;align-items:center;justify-content:center;gap:clamp(32px,5vw,86px);height:25px;border-top:1px solid rgba(255,250,240,.55);transition:border-color .25s ease}
.nav:hover .navlinks,.nav:focus-within .navlinks,.nav.is-open .navlinks{border-color:rgba(20,33,42,.28)}
.nav .navlinks>a,.nav .navlinks>.nav-future{position:relative;display:inline-flex;align-items:center;justify-content:center;height:100%;padding:0;color:inherit;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}
.nav .navlinks>.nav-future{opacity:.64;cursor:default}
.nav .navlinks>a::after{position:absolute;right:0;bottom:0;left:0;height:1px;background:currentColor;content:'';transform:scaleX(0);transform-origin:center;transition:transform .2s ease}
.nav .navlinks>a:hover::after,.nav .navlinks>a:focus-visible::after{transform:scaleX(1)}
.nav-menu{display:none;position:absolute;top:64px;left:0;width:min(320px,calc(100vw - 48px));padding:8px 20px 14px;background:var(--paper);color:var(--ink);border:1px solid rgba(20,33,42,.2);box-shadow:0 16px 30px rgba(8,18,25,.17)}
.nav.is-open .nav-menu{display:grid}
.nav-menu a,.nav-menu .nav-future{display:flex;align-items:center;justify-content:space-between;min-height:43px;border-bottom:1px solid rgba(20,33,42,.2);font-size:12px;font-weight:700;letter-spacing:.11em;text-transform:uppercase}
.nav-menu .nav-future{opacity:.53;cursor:default}
.nav-menu a:last-child{border-bottom:0}
.nav-menu a:hover,.nav-menu a:focus-visible{color:#986b33}
.nav-dropdown{position:relative;height:100%;color:inherit}
.nav-dropdown summary{display:flex;align-items:center;height:100%;padding:0;list-style:none;cursor:pointer;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}
.nav-dropdown summary::-webkit-details-marker{display:none}
.nav-dropdown-options{position:absolute;top:100%;left:50%;width:min(340px,calc(100vw - 48px));transform:translateX(-50%);padding:6px 18px 10px;background:var(--paper);color:var(--ink);border:1px solid rgba(20,33,42,.16);box-shadow:0 10px 22px rgba(8,18,25,.12)}
.nav .nav-dropdown-options a{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:38px;padding:9px 0;border-bottom:1px solid rgba(20,33,42,.12);font-size:14px;font-weight:400;letter-spacing:-.025em;text-transform:none;white-space:normal}
.nav .nav-dropdown-options a:last-child{border-bottom:0}
.nav .nav-dropdown-options a:hover,.nav .nav-dropdown-options a:focus-visible{color:#986b33}
.nav .nav-dropdown-options a>span:last-child{font-size:14px;color:#748080}
.nav-dropdown-heading{margin:10px 0 4px;color:#63757b;font-size:10px;font-weight:700;line-height:1.4;letter-spacing:.14em;text-transform:uppercase}
.nav-dropdown-group+.nav-dropdown-group{margin-top:12px;padding-top:10px;border-top:1px solid rgba(20,33,42,.2)}
.nav-dropdown summary:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.nav-menu .nav-dropdown{height:auto;border-bottom:1px solid rgba(20,33,42,.2)}
.nav-menu .nav-dropdown summary{min-height:43px;font-size:12px;letter-spacing:.11em}
.nav-menu .nav-dropdown-options{position:static;transform:none;width:auto;padding:0 0 8px 10px;border:0;box-shadow:none}
.nav-menu{max-height:calc(100svh - 74px);overflow-y:auto}
.nav .nav-menu .nav-dropdown-options a{font-size:14px;min-height:45px}
.nav-toggle:focus-visible,.nav-action:focus-visible,.nav .logo:focus-visible,.navlinks a:focus-visible,.nav-menu a:focus-visible{outline:2px solid var(--amber);outline-offset:3px}
.hero{min-height:100svh}
.hero .hero-copy{padding-top:140px}
#observe,#understand,#operations,#improve,#monitor{scroll-margin-top:0}
@media(max-width:950px){.nav .navlinks>a{display:inline-flex!important}}
@media(max-width:620px){
 .nav{height:50px;padding:0 24px}
 .nav-top{height:50px}
 .nav-toggle{display:inline-flex}
 .nav .logo{font-size:24px}
 .navlinks{display:none}
 .nav-action span:first-child{display:none}
 .nav-action{height:28px;padding:0 7px}
 .nav-action span:last-child{font-size:22px}
 .nav-menu{top:50px;width:calc(100vw - 48px)}
 .hero{min-height:100svh}
 .hero .hero-copy{padding-top:100px}
}