/* Original horizontal navigation, with a compact supplied logo. */
.header>.brand{position:relative;padding-left:58px;font-size:2rem;flex-shrink:0}
.brand-symbol{position:absolute;left:0;top:50%;transform:translateY(-50%);width:48px;height:36px;overflow:hidden}
.brand-symbol img{position:absolute;max-width:none;width:96px;height:96px;left:-24px;top:-32px}
.header #navigation{gap:16px;font-size:.8rem}
.header #navigation>a{white-space:nowrap}
#meaning .meaning:nth-child(2){background:transparent}
@media(min-width:901px){.header .menu-button{display:none}.header #navigation{display:flex}}
@media(min-width:901px) and (max-width:1250px){.header{padding-left:20px;padding-right:20px}.header #navigation{gap:12px;font-size:.75rem}.header #navigation .nav-social{display:none}.header #navigation .nav-cta{padding:12px}.header>.brand{font-size:1.7rem;padding-left:50px}}
@media(max-width:900px){.header>.brand{font-size:1.65rem;padding-left:46px}.brand-symbol{width:38px;height:32px}.brand-symbol img{width:78px;height:78px;left:-20px;top:-25px}.header .brand small{font-size:.53rem}.header .menu-button{min-width:96px;min-height:44px}.header #navigation{gap:8px}.header #navigation>a{font-size:1rem}}
/* Keep the navigation visible in a horizontal row at every screen width. */
.header .menu-button{display:none!important}
.header #navigation,.header #navigation.open{display:flex!important;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:22px;position:static;width:auto;height:auto;max-height:none;overflow-x:auto;overflow-y:hidden;background:transparent;border:0;padding:0;overscroll-behavior-x:contain;scrollbar-width:thin}
.header #navigation>a{flex:0 0 auto;white-space:nowrap;font-size:.8rem;min-height:44px;display:inline-flex;align-items:center}
@media(max-width:1250px){
 .header{height:174px;padding:0 20px 98px;justify-content:space-between}
 .header #navigation,.header #navigation.open{position:absolute;left:0;right:0;top:76px;width:100%;height:52px;padding:0 20px;gap:24px;border-top:1px solid #edf0ed;border-bottom:1px solid #edf0ed;background:#fff}
 .header #navigation .nav-social{display:inline-flex}
 .header #navigation .nav-cta{padding:8px 16px;min-height:36px}
 .site-controls{height:46px}
 html{scroll-padding-top:192px}
 .logo-opening{min-height:calc(100svh - 174px)}
}
/* Right-aligned desktop navigation; compact mobile disclosure. */
.header{height:110px!important;position:sticky;top:0;padding:38px 30px 0!important;display:flex;align-items:center;justify-content:space-between;gap:24px}
.header .site-controls{position:absolute;top:0;bottom:auto;left:auto;right:30px;width:auto;height:38px;padding:0;border:0;background:transparent;justify-content:flex-end}
.header .language-select{min-height:32px;font-size:.75rem;padding:3px 12px}
.header #navigation,.header #navigation.open{position:static!important;display:flex!important;flex-direction:row;justify-content:flex-end;align-items:center;margin-left:auto;gap:20px;width:auto!important;height:auto!important;max-height:none;padding:0!important;border:0;background:transparent;overflow:visible}
.header #navigation>a{font-size:.8rem;min-height:44px}
.header .menu-button{display:none!important}
html{scroll-padding-top:130px}.logo-opening{min-height:calc(100svh - 110px)}.hero{height:calc(100svh - 110px)}
@media(min-width:901px) and (max-width:1150px){.header{padding-left:20px!important;padding-right:20px!important;gap:16px}.header #navigation{gap:12px}.header #navigation>a{font-size:.72rem}.header>.brand{font-size:1.55rem}}
@media(max-width:900px){
.header{height:108px!important;padding:40px 18px 0!important;gap:12px}
.header .site-controls{right:18px;height:40px}.header .language-select{min-height:36px}
.header .menu-button{display:flex!important;align-items:center;justify-content:space-between;gap:15px;margin-left:auto;min-height:44px;min-width:92px;padding:8px 14px}
.header #navigation{display:none!important}
.header #navigation.open{display:flex!important;position:absolute!important;top:108px;left:0;right:0;width:100%!important;height:auto!important;max-height:calc(100dvh - 108px);overflow-y:auto;margin:0;padding:16px 22px 22px!important;flex-direction:column;align-items:stretch;gap:4px;background:#fff;border-bottom:1px solid #ddd;box-shadow:0 14px 20px #0000000a}
.header #navigation>a{font-size:1rem;min-height:48px}.header #navigation .nav-cta{justify-content:center;margin-top:8px}
html{scroll-padding-top:128px}.logo-opening{min-height:calc(100svh - 108px)}.hero{height:auto}
}
/* Preserve the entire supplied mark, including its wordmark. */
.header .brand-symbol{width:48px;height:38px}
.header .brand-symbol img{width:180%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:900px){.header .brand-symbol{width:38px;height:32px}.header .brand-symbol img{width:180%;height:auto;left:50%;top:50%}}
/* Keep the opening scroll link in document flow so it cannot overlap the copy. */
.logo-opening{gap:0;padding-bottom:32px}
.logo-opening .opening-bottom{position:static;inset:auto;flex-shrink:0;margin-top:32px;width:100%;transform:none}
.logo-opening .opening-scroll{min-height:44px;justify-content:center;text-align:center}
@media(max-width:800px){.logo-opening{padding-top:32px;padding-bottom:28px}.logo-opening .opening-bottom{margin-top:26px}.logo-opening .opening-copy{margin-top:26px}}
@media(max-height:650px){.logo-opening{padding-top:24px;padding-bottom:24px}.logo-opening .opening-kicker{margin-bottom:20px}.logo-opening .opening-copy{margin-top:20px}.logo-opening .opening-bottom{margin-top:20px}}