/* Generated from the accepted homepage by render-site-header.mjs. */
.site-header {
  color-scheme:dark;
  --ground:#0b1113;
  --surface:#111b1e;
  --raised:#172326;
  --ink:#f1f4f3;
  --muted:#abb9bc;
  --line:#304145;
  --accent:#009c98;
  --accent-light:#79ddd5;
  --gutter:clamp(24px,5.2vw,88px);
  --max:1480px;
  --ease:cubic-bezier(.23,1,.32,1)
}
.site-header.site-header {top:auto;left:auto;width:100%;padding:0;border:0;box-shadow:none;backdrop-filter:none;transition:none;font:400 16px/1.65 Manrope,Arial,sans-serif;color:var(--ink)}
.site-header * {box-sizing:border-box}
.site-header a {color:inherit;text-decoration:none;letter-spacing:normal;text-transform:none;font-size:inherit;font-weight:inherit;line-height:inherit}
.site-header button {font:inherit;color:inherit;cursor:pointer;padding:0;margin:0;border-radius:0;letter-spacing:normal;text-transform:none;line-height:normal}
.site-header svg {flex-shrink:0}
.site-header a::after {display:none}
.site-header img {display:block;max-width:100%;height:auto}
.site-header.site-header {
  position:relative;
  z-index:10;
  background:var(--ground)
}
.site-header .header-inner {
  max-width:var(--max);
  margin:auto;
  padding:22px var(--gutter);
  display:flex;
  align-items:center;
  gap:32px
}
.site-header .brand {
  display:inline-flex;
  align-items:center;
  gap:13px;
  flex-shrink:0
}
.site-header .brand img {
  width:38px;
  height:66px;
  object-fit:contain
}
.site-header .brand span {
  font-size:25px;
  line-height:1.2;
  font-weight:700;
  letter-spacing:.035em
}
.site-header .brand small {
  display:block;
  font-size:12px;
  line-height:1.6;
  letter-spacing:.18em;
  color:var(--accent-light)
}
.site-header .main-nav {
  margin-left:auto;
  display:flex;
  align-items:center;
  gap:28px;
  font-size:13px;
  font-weight:600
}
.site-header .main-nav>a,.site-header .main-nav summary {
  min-height:44px;
  display:flex;
  align-items:center
}
.site-header .edu-global-nav {
  position:relative
}
.site-header .edu-global-nav summary {
  cursor:pointer;
  list-style:none;
  gap:8px
}
.site-header .edu-global-nav summary::-webkit-details-marker {
  display:none
}
.site-header .edu-global-nav summary::after {
  content:'';
  width:6px;
  height:6px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:rotate(45deg);
  margin-top:-3px
}
.site-header .nav-submenu {
  position:absolute;
  top:calc(100% + 6px);
  left:-20px;
  min-width:260px;
  padding:14px 20px;
  background:var(--raised);
  box-shadow:0 16px 36px rgb(0 0 0 / .3)
}
.site-header .nav-submenu a {
  display:block;
  padding:10px 0;
  line-height:1.45
}
.site-header .languages {
  display:flex;
  gap:3px;
  font-size:11px;
  align-items:center;
  border-left:1px solid var(--line);
  padding-left:20px
}
.site-header .languages a {
  min-width:30px;
  min-height:44px;
  display:grid;
  place-items:center;
  color:var(--muted)
}
.site-header .languages [aria-current] {
  color:var(--ink);
  text-decoration:underline;
  text-decoration-color:var(--accent-light);
  text-underline-offset:8px
}
.site-header .menu-toggle {
  display:none;
  align-items:center;
  justify-content:center;
  background:none;
  border:1px solid var(--line);
  width:44px;
  height:44px
}
.site-header .menu-toggle span {
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  clip:rect(0,0,0,0);
  overflow:hidden;
  white-space:nowrap
}
@media(hover:hover) and (pointer:fine) {
.site-header .main-nav a:hover,.site-header .main-nav summary:hover,.site-header .nav-submenu a:hover {
    color:var(--accent-light)
  }
.site-header .languages a:hover {
    color:var(--ink)
  }
}
@media(max-width:1200px) {
.site-header .header-inner {
    gap:20px
  }
.site-header .main-nav {
    gap:18px;
    font-size:12px
  }
.site-header .languages {
    padding-left:10px
  }
.site-header .brand span {
    font-size:22px
  }
.site-header .brand img {
    width:30px;
    height:54px
  }
}
@media(max-width:1000px) {
.site-header .header-inner {
    flex-wrap:wrap;
    min-height:94px
  }
.site-header .brand {
    margin-right:auto
  }
.site-header .menu-toggle:not([hidden]) {
    display:flex;
    order:3
  }
.site-header .languages {
    order:2;
    border:0;
    padding:0
  }
.site-header .main-nav {
    order:4;
    flex-basis:100%;
    margin:0;
    flex-wrap:wrap;
    gap:4px 24px;
    padding-top:14px
  }
.js .site-header .main-nav {
    display:none
  }
.js .site-header .main-nav.is-open {
    display:flex;
    flex-direction:column;
    align-items:stretch;
    padding-bottom:8px
  }
.site-header .main-nav>a,.site-header .main-nav summary {
    font-size:16px;
    padding:10px 0
  }
.site-header .nav-submenu {
    position:static;
    min-width:0;
    padding:0 18px;
    margin-bottom:12px;
    box-shadow:none;
    background:var(--surface);
    border-radius:8px
  }
}
@media(max-width:680px) {
.site-header .header-inner {
    padding:16px 24px;
    gap:12px;
    min-height:86px
  }
.site-header .brand {
    gap:8px
  }
.site-header .brand img {
    width:26px;
    height:46px
  }
.site-header .brand span {
    font-size:18px
  }
.site-header .brand small {
    font-size:11px;
    letter-spacing:.08em
  }
.site-header .languages {
    gap:0;
    font-size:11px
  }
.site-header .languages a {
    min-width:25px;
    min-height:44px
  }
.site-header .menu-toggle {
    width:38px;
    height:38px
  }
}
@media(max-width:360px) {
.site-header .header-inner {
    gap:8px;
    padding-inline:16px
  }
.site-header .brand span {
    font-size:17px
  }
.site-header .languages a {
    min-width:23px
  }
}
.site-header .header-inner {gap:24px;padding-block:16px}
.site-header .brand img {width:52px;height:90px}
.site-header .brand span {font-size:32px}
.site-header .brand small {font-size:14px}
.site-header .main-nav {gap:16px;font-size:12px;white-space:nowrap}
.site-header .languages {padding-left:14px}
.site-header .shop-nav .nav-submenu {left:auto;right:0;min-width:200px}
@media(max-width:1360px) {
.site-header .header-inner {flex-wrap:wrap}
.site-header .brand {margin-right:auto}
.site-header .menu-toggle:not([hidden]) {display:flex;order:3}
.site-header .languages {order:2;border:0;padding:0}
.site-header .main-nav {order:4;flex-basis:100%;margin:0;flex-wrap:wrap;gap:0;padding-top:12px;white-space:normal}
.js .site-header .main-nav {display:none}
.js .site-header .main-nav.is-open {display:flex;flex-direction:column;align-items:stretch;padding-bottom:8px}
.site-header .main-nav>a,.site-header .main-nav summary {font-size:16px;padding:10px 0}
.site-header .nav-submenu {position:static;min-width:0;padding:0 18px;margin-bottom:12px;box-shadow:none;background:var(--surface);border-radius:8px}
.site-header .shop-nav .nav-submenu {min-width:0}
}
@media(max-width:1000px) {
.site-header .brand img {width:44px;height:76px}
.site-header .brand span {font-size:28px}
.site-header .brand small {font-size:12px}
}
@media(max-width:680px) {
.site-header .header-inner {padding:12px 24px;gap:8px 12px}
.site-header .brand img {width:34px;height:60px}
.site-header .brand span {font-size:24px}
.site-header .brand small {font-size:11px;letter-spacing:.1em}
.site-header .languages {flex-basis:100%;order:4;justify-content:flex-start;gap:4px}
.site-header .languages a {min-width:44px;min-height:44px}
.site-header .menu-toggle {width:44px;height:44px;flex-shrink:0}
.site-header .main-nav {order:5;padding-top:0}
}
@media(max-width:360px) {
.site-header .brand span {font-size:22px}
.site-header .header-inner {padding-inline:16px}
}
.site-header .main-nav {font-size:15px;gap:20px}
@media(max-width:1360px) {
.site-header .main-nav {gap:0}
}
