/* Option 2: white header with the full brand visible on every screen. */
.nav{background:#fff;color:#181121;border-bottom:1px solid #e4dfeb;backdrop-filter:none}
.nav-inner{gap:24px}
.brand-lockup{display:flex;align-items:center;gap:12px;flex-shrink:0;width:auto;height:auto;overflow:visible;border-radius:0;background:transparent;box-shadow:none;color:#4b109b;text-decoration:none}
.brand-mark{position:relative;display:block;flex:0 0 62px;width:62px;height:62px;overflow:hidden;border-radius:0;background:transparent;box-shadow:none}
.brand-mark img{position:absolute;width:193px;max-width:none;height:auto;left:-10px;top:-23px}
.brand-name{display:flex;flex-direction:column;line-height:1}
.brand-name strong{font:600 1.5rem/1.1 'DM Sans',Arial,sans-serif;letter-spacing:.035em;white-space:nowrap}
.brand-name small{margin-top:5px;color:#4b109b;font-size:.8rem;letter-spacing:.17em;white-space:nowrap}
.nav .top-language{border-color:#d8d0e2;background:#fff}
.nav .top-language a{color:#33223f;min-height:44px}
.nav .top-language a[aria-current]{background:#4b109b;color:#fff}
.nav .top-language a:hover{background:#e8fbc6;color:#241037}
.nav .brand-lockup+.top-language{margin-left:auto}
.nav nav{margin-left:0;gap:20px;background:#fff}
.nav nav .button{background:#b4ff00;color:#171021;border-color:#b4ff00}
.nav nav .button:hover{background:#9fe300;border-color:#9fe300}
.nav .menu{background:#fff;color:#33223f;border-color:#bfb2cc;min-height:44px}
.nav a:focus-visible,.nav button:focus-visible{outline-color:#6627bd}
@media(max-width:1180px){.nav-inner{gap:16px}.nav nav{gap:12px}.brand-name strong{font-size:1.3rem}.brand-mark{flex-basis:56px;width:56px;height:56px}.brand-mark img{width:175px;left:-9px;top:-21px}}
@media(max-width:980px){
  html{scroll-padding-top:165px}
  .nav-inner{display:grid;grid-template-columns:1fr auto;gap:10px 16px;padding-top:12px;padding-bottom:12px}
  .brand-lockup{grid-column:1/-1;justify-self:start;gap:10px}
  .brand-name{display:flex}
  .brand-name strong{font-size:1.5rem}
  .brand-name small{font-size:.8rem}
  .nav .brand-lockup+.top-language{grid-column:1;justify-self:start;margin-left:0}
  .nav .menu{display:block;grid-column:2;justify-self:end;padding:8px 18px}
  .nav nav{grid-column:1/-1;display:none;width:100%;margin:0;gap:4px;padding-top:10px;border-top:1px solid #e4dfeb}
  .nav nav.open{display:flex;flex-direction:column;align-items:stretch}
  .nav nav>a{min-height:44px;padding:12px}
}
@media(max-width:390px){.nav-inner{padding-left:18px;padding-right:18px}.brand-name strong{font-size:1.4rem}}

/* Full supplied logo, including the tagline, in purple and electric green. */
.nav .brand-lockup{display:block;width:310px;max-width:100%;height:96px;position:relative;overflow:hidden}
.nav .brand-full-logo{position:absolute;width:111.5%;max-width:none;height:auto;left:-5.7%;top:50%;transform:translateY(-50%);filter:none}
@media(min-width:981px) and (max-width:1180px){.nav .brand-lockup{width:270px;height:90px}.nav-inner{gap:12px}.nav nav{gap:10px}.nav nav .button{padding:9px 13px}}
@media(max-width:980px){.nav .brand-lockup{width:320px;height:100px}.nav-inner{gap:8px 16px}html{scroll-padding-top:185px}}
@media(max-width:390px){.nav .brand-lockup{width:100%;height:90px}}
.nav .brand-lockup{height:112px}
@media(min-width:981px) and (max-width:1180px){.nav .brand-lockup{height:102px}}
@media(max-width:980px){.nav .brand-lockup{width:min(320px,100%);height:112px}}
@media(max-width:390px){.nav .brand-lockup{width:min(320px,100%);height:112px}}