/* Base declarations used by the approved shell, bounded to its own nodes. */
[data-shell1114], [data-shell1114-skip] {font-family: "Archivo", "BeiyuShellArchivo", "Helvetica Neue", Arial, sans-serif; font-size:16px; line-height:1.55; text-rendering:optimizeLegibility;}
[data-shell1114], [data-shell1114] *, [data-shell1114] *::before, [data-shell1114] *::after {box-sizing:border-box;letter-spacing:0;}
[data-shell1114] a {color:inherit;text-decoration:none;}
[data-shell1114] img {display:block;max-width:100%;}
[data-shell1114] button {font:inherit;-webkit-tap-highlight-color:transparent;}
[data-shell1114] h2,[data-shell1114] p {margin:0;}
[data-shell1114] h2 {max-width:17ch;font-weight:640;}
[data-shell1114] .sr-only {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
[data-shell1114] [hidden] {display:none!important;}
[data-shell1114] :is(a,button,summary):focus-visible {outline:3px solid #315f86;outline-offset:3px;}
[data-shell1114-skip] {position:fixed;z-index:2001;top:10px;left:10px;min-height:44px;display:inline-flex;align-items:center;padding:0 16px;color:#1b2024;background:#fafaf7;border:1px solid rgba(23,29,34,.46);border-radius:6px;transform:translateY(-160%);}
[data-shell1114-skip]:focus {transform:translateY(0);}
/* Shell-only extraction of homepage home.css, in original cascade order. */
@font-face {
  font-family: "BeiyuShellArchivo";
  src: url("./assets/archivo-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
[data-shell1114], [data-shell1114-skip] {
  --font: "Archivo", "BeiyuShellArchivo", "Helvetica Neue", Arial, sans-serif;
  --font-data: ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;
  
  --graphite-950: #101418;
  --graphite-900: #171d22;
  --graphite-raised: #1c242a;
  --titanium-050: #fafaf7;
  --titanium-100: #f3f4f1;
  --titanium-200: #e9ebe8;
  --titanium-300: #d8dcd9;
  
  --blueprint: #315f86;
  --blueprint-hover: #244761;
  --blueprint-soft: #e0e7ec;
  --blueprint-on-dark: #9ab3c5;
  --technical-ink: #3f515b;
  --navy: var(--graphite-900);
  --navy-deep: var(--graphite-950);
  --navy-raised: var(--graphite-raised);
  --tech-blue: var(--blueprint);
  --tech-blue-dark: var(--technical-ink);
  --tech-blue-light: var(--blueprint-on-dark);
  --cyan: var(--blueprint);
  --cyan-dark: var(--technical-ink);
  --action: var(--blueprint);
  --action-dark: var(--blueprint-hover);
  --action-soft: var(--blueprint-soft);
  --ink: #1b2024;
  --steel: #566168;
  --silver: var(--titanium-300);
  --mist: var(--titanium-200);
  --paper: var(--titanium-100);
  --paper-bright: var(--titanium-050);
  --on-dark: var(--titanium-100);
  --error: #9a403a;
  --error-on-dark: #e6a49e;
  --white: var(--paper);
  
  --line: rgba(23,29,34,.10);
  --line-data: rgba(23,29,34,.20);
  --line-strong: rgba(23,29,34,.46);
  --line-dark: rgba(243,244,241,.12);
  --line-dark-data: rgba(243,244,241,.20);
  --line-dark-strong: rgba(243,244,241,.34);
  --shell: min(1220px, calc(100% - 64px));
  --header: 70px;
}
.legacy-shell-footer:is([data-shell1114], [data-shell1114] *) { position: relative; isolation: isolate; color: rgba(255,255,255,.83); background: #0d1217 url("./assets/original-footer-bg.webp") center / cover no-repeat; border-top: 1px solid rgba(255,255,255,.13); }
.legacy-shell-footer-shade:is([data-shell1114], [data-shell1114] *) { position: absolute; z-index: -1; inset: 0; background: rgba(13,18,23,.93); }
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) { width: var(--shell); margin: 0 auto; padding: 54px 0 28px; }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) { display: grid; grid-template-columns: .75fr 1fr 1.2fr 1.45fr; gap: clamp(28px,4vw,58px); }
.legacy-shell-footer section:is([data-shell1114], [data-shell1114] *) { min-width: 0; }
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) { margin: 0 0 17px; padding-bottom: 10px; color: #fff; font-size: 15px; line-height: 1.2; border-bottom: 1px solid rgba(255,255,255,.18); }
.legacy-shell-footer section > a:is([data-shell1114], [data-shell1114] *) { display: block; width: fit-content; min-height: 28px; margin: 0 0 8px; color: rgba(255,255,255,.74); font-size: 13px; line-height: 1.45; text-decoration: none; }
.legacy-shell-footer section > a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer section > a:focus-visible:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base a:focus-visible:is([data-shell1114], [data-shell1114] *) { color: #fff; }
.legacy-shell-contact p:is([data-shell1114], [data-shell1114] *) { margin: 0 0 17px; color: rgba(255,255,255,.72); font-size: 13px; line-height: 1.55; }
.legacy-shell-contact strong:is([data-shell1114], [data-shell1114] *),
.legacy-shell-contact span:is([data-shell1114], [data-shell1114] *) { display: block; }
.legacy-shell-contact strong:is([data-shell1114], [data-shell1114] *) { margin-bottom: 3px; color: #fff; font-size: 11px; text-transform: uppercase; }
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) { display: grid; grid-template-columns: 180px 1fr auto; align-items: center; gap: 30px; margin-top: 38px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.18); }
.legacy-shell-footer-brand:is([data-shell1114], [data-shell1114] *) { width: 164px; }
.legacy-shell-footer-brand img:is([data-shell1114], [data-shell1114] *) { width: 100%; height: auto; }
.legacy-shell-footer-base p:is([data-shell1114], [data-shell1114] *) { margin: 0; color: rgba(255,255,255,.62); font-size: 12px; line-height: 1.55; }
.legacy-shell-socials:is([data-shell1114], [data-shell1114] *) { display: flex; align-items: center; justify-content: flex-end; gap: 6px; }
.legacy-shell-footer-base .legacy-shell-socials a:is([data-shell1114], [data-shell1114] *) { width: 40px; height: 40px; display: grid; place-items: center; color: #fff; opacity: 1; transition: opacity 160ms ease; }
.legacy-shell-footer-base .legacy-shell-socials a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base .legacy-shell-socials a:focus-visible:is([data-shell1114], [data-shell1114] *) { opacity: .72; }
.legacy-shell-socials svg:is([data-shell1114], [data-shell1114] *) { width: 17px; height: 17px; fill: currentColor; }
.legacy-shell-socials .social-icon-instagram:is([data-shell1114], [data-shell1114] *) { fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 2; }
.legacy-shell-socials .social-icon-instagram circle:last-child:is([data-shell1114], [data-shell1114] *) { fill: currentColor; stroke: none; }
@media (max-width: 1040px) {
[data-shell1114], [data-shell1114-skip] { --shell: calc(100% - 44px); }
}
@media (max-width: 820px) {
[data-shell1114], [data-shell1114-skip] { --shell: calc(100% - 32px); --header: 64px; }
}
@media (max-width: 560px) {
[data-shell1114], [data-shell1114-skip] { --shell: calc(100% - 28px); }
}
@media (max-width: 940px) {
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) { grid-template-columns: repeat(2,minmax(0,1fr)); }
}
@media (max-width: 600px) {
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) { width: calc(100% - 32px); padding-top: 42px; }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) { gap: 28px 20px; }
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) { font-size: 14px; }
.legacy-shell-footer section > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-contact p:is([data-shell1114], [data-shell1114] *) { font-size: 12px; }
.legacy-shell-contact:is([data-shell1114], [data-shell1114] *) { grid-column: 1 / -1; }
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) { grid-template-columns: 1fr; gap: 18px; margin-top: 30px; }
.legacy-shell-socials:is([data-shell1114], [data-shell1114] *) { justify-content: flex-start; }
}
.legacy-shell-header:is([data-shell1114], [data-shell1114] *) {
  position: fixed;
  z-index: 1000;
  inset: 0 0 auto;
  height: 74px;
  color: #fff;
  background: rgba(10, 18, 27, 0.84);
  border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  backdrop-filter: blur(12px);
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.legacy-shell-header.is-scrolled:is([data-shell1114], [data-shell1114] *) {
  background: rgba(11, 23, 35, 0.97);
  box-shadow: 0 8px 24px rgba(3, 10, 17, 0.16);
}
.admin-bar .legacy-shell-header:is([data-shell1114], [data-shell1114] *) {
  top: 32px;
}
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
  width: min(1220px, calc(100% - 48px));
  height: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 32px;
}
.legacy-shell-brand:is([data-shell1114], [data-shell1114] *) {
  display: inline-flex;
  flex: 0 0 auto;
  width: 174px;
}
.legacy-shell-brand img:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-brand img:is([data-shell1114], [data-shell1114] *) {
  display: block;
  width: 100%;
  height: auto;
}
.legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  align-items: stretch;
  justify-content: flex-end;
  gap: 21px;
  height: 100%;
  margin-left: auto;
}
.legacy-shell-nav > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: rgba(255, 255, 255, 0.91);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
  cursor: pointer;
}
.legacy-shell-nav > a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-nav > a:focus-visible:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:focus-visible:is([data-shell1114], [data-shell1114] *) {
  color: #fff;
}
.legacy-shell-dropdown:is([data-shell1114], [data-shell1114] *) {
  position: relative;
  display: flex;
  align-items: center;
}
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
  list-style: none;
  gap: 7px;
}
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *)::-webkit-details-marker {
  display: none;
}
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *)::after {
  content: "";
  width: 6px;
  height: 6px;
  border-right: 1.5px solid currentColor;
  border-bottom: 1.5px solid currentColor;
  transform: translateY(-2px) rotate(45deg);
  transition: transform 160ms ease;
}
.legacy-shell-dropdown[open] > summary:is([data-shell1114], [data-shell1114] *)::after {
  transform: translateY(2px) rotate(225deg);
}
.legacy-shell-mega:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu:is([data-shell1114], [data-shell1114] *) {
  position: absolute;
  top: calc(100% - 1px);
  right: -20px;
  color: #1e2a35;
  background: #fff;
  border: 1px solid #dce2e6;
  box-shadow: 0 22px 52px rgba(7, 18, 28, 0.22);
}
.legacy-shell-mega:is([data-shell1114], [data-shell1114] *) {
  width: min(710px, calc(100vw - 48px));
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 0;
  padding: 23px 25px 25px;
}
.legacy-shell-mega > div:is([data-shell1114], [data-shell1114] *) {
  padding: 0 20px;
  border-left: 1px solid #e4e8eb;
}
.legacy-shell-mega > div:first-child:is([data-shell1114], [data-shell1114] *) {
  padding-left: 0;
  border-left: 0;
}
.legacy-shell-mega > div:last-child:is([data-shell1114], [data-shell1114] *) {
  padding-right: 0;
}
.legacy-shell-mega strong:is([data-shell1114], [data-shell1114] *) {
  display: block;
  margin-bottom: 11px;
  color: #111a22;
  font-size: 12px;
  line-height: 1.4;
  text-transform: uppercase;
}
.legacy-shell-mega a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu a:is([data-shell1114], [data-shell1114] *) {
  display: block;
  padding: 7px 0;
  color: #455462;
  font-size: 13px;
  line-height: 1.35;
  text-decoration: none;
}
.legacy-shell-mega a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-mega a:focus-visible:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu a:focus-visible:is([data-shell1114], [data-shell1114] *) {
  color: #11728c;
}
.legacy-shell-submenu:is([data-shell1114], [data-shell1114] *) {
  width: 235px;
  padding: 15px 20px;
}
.legacy-shell-menu-button:is([data-shell1114], [data-shell1114] *) {
  display: none;
  width: 42px;
  height: 42px;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  padding: 0;
  color: #fff;
  background: transparent;
  border: 1px solid rgba(255, 255, 255, 0.25);
}
.legacy-shell-menu-button img:is([data-shell1114], [data-shell1114] *) {
  width: 21px;
  height: 21px;
  filter: brightness(0) invert(1);
}
.legacy-shell-footer:is([data-shell1114], [data-shell1114] *) {
  position: relative;
  isolation: isolate;
  color: rgba(255, 255, 255, 0.83);
  background: #101b25 url("./assets/original-footer-bg.webp") center / cover no-repeat;
}
.legacy-shell-footer-shade:is([data-shell1114], [data-shell1114] *) {
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(90deg, rgba(7, 15, 22, 0.96), rgba(12, 23, 32, 0.88));
}
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) {
  width: min(1220px, calc(100% - 48px));
  margin: 0 auto;
  padding: 72px 0 28px;
}
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
  display: grid;
  grid-template-columns: 0.75fr 1fr 1.2fr 1.45fr;
  gap: clamp(34px, 5vw, 78px);
}
.legacy-shell-footer section:is([data-shell1114], [data-shell1114] *) {
  min-width: 0;
}
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) {
  margin: 0 0 22px;
  padding-bottom: 13px;
  color: #fff;
  font-size: 17px;
  line-height: 1.2;
  border-bottom: 2px solid #b56b35;
}
.legacy-shell-footer section > a:is([data-shell1114], [data-shell1114] *) {
  display: block;
  width: fit-content;
  margin: 0 0 11px;
  color: rgba(255, 255, 255, 0.76);
  font-size: 14px;
  line-height: 1.45;
  text-decoration: none;
}
.legacy-shell-footer section > a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer section > a:focus-visible:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base a:focus-visible:is([data-shell1114], [data-shell1114] *) {
  color: #fff;
}
.legacy-shell-contact p:is([data-shell1114], [data-shell1114] *) {
  margin: 0 0 17px;
  font-size: 14px;
  line-height: 1.55;
}
.legacy-shell-contact strong:is([data-shell1114], [data-shell1114] *),
.legacy-shell-contact span:is([data-shell1114], [data-shell1114] *) {
  display: block;
}
.legacy-shell-contact strong:is([data-shell1114], [data-shell1114] *) {
  margin-bottom: 2px;
  color: #fff;
  font-size: 12px;
  text-transform: uppercase;
}
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) {
  display: grid;
  grid-template-columns: 180px 1fr auto;
  align-items: center;
  gap: 30px;
  margin-top: 54px;
  padding-top: 24px;
  border-top: 1px solid rgba(255, 255, 255, 0.18);
}
.legacy-shell-footer-brand:is([data-shell1114], [data-shell1114] *) {
  width: 164px;
}
.legacy-shell-footer-base p:is([data-shell1114], [data-shell1114] *) {
  margin: 0;
  color: rgba(255, 255, 255, 0.62);
  font-size: 12px;
}
.legacy-shell-footer-base div:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  gap: 18px;
}
.legacy-shell-footer-base a:is([data-shell1114], [data-shell1114] *) {
  color: rgba(255, 255, 255, 0.72);
  font-size: 13px;
  text-decoration: none;
}
@media (max-width: 1120px) {
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
    width: min(100% - 32px, 1220px);
  }
.legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    gap: 15px;
  }
.legacy-shell-nav > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
    font-size: 12px;
  }
}
@media (max-width: 940px) {
.legacy-shell-header:is([data-shell1114], [data-shell1114] *),
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
    height: 66px;
  }
.legacy-shell-brand:is([data-shell1114], [data-shell1114] *) {
    width: 155px;
  }
.legacy-shell-menu-button:is([data-shell1114], [data-shell1114] *) {
    display: inline-flex;
  }
.legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    position: fixed;
    inset: 66px 0 auto;
    display: none;
    height: min(calc(100vh - 66px), 650px);
    padding: 15px 24px 36px;
    overflow-y: auto;
    background: #0c1823;
    border-top: 1px solid rgba(255, 255, 255, 0.13);
  }
.admin-bar .legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    inset-block-start: 98px;
  }
.legacy-shell-menu-open .legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    display: block;
  }
.legacy-shell-nav > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
    min-height: 48px;
    color: #fff;
    font-size: 15px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
.legacy-shell-dropdown:is([data-shell1114], [data-shell1114] *) {
    display: block;
  }
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
    justify-content: space-between;
  }
.legacy-shell-mega:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu:is([data-shell1114], [data-shell1114] *) {
    position: static;
    width: 100%;
    color: #fff;
    background: rgba(255, 255, 255, 0.05);
    border: 0;
    box-shadow: none;
  }
.legacy-shell-mega:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: 1fr;
    padding: 10px 18px 16px;
  }
.legacy-shell-mega > div:is([data-shell1114], [data-shell1114] *) {
    padding: 12px 0;
    border: 0;
  }
.legacy-shell-mega strong:is([data-shell1114], [data-shell1114] *) {
    color: rgba(255, 255, 255, 0.56);
  }
.legacy-shell-mega a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-submenu a:is([data-shell1114], [data-shell1114] *) {
    color: rgba(255, 255, 255, 0.86);
    font-size: 14px;
  }
.legacy-shell-submenu:is([data-shell1114], [data-shell1114] *) {
    padding: 10px 18px 16px;
  }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}
@media (max-width: 782px) {
.admin-bar .legacy-shell-header:is([data-shell1114], [data-shell1114] *) {
    top: 46px;
  }
.admin-bar .legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    inset-block-start: 112px;
  }
}
@media (max-width: 600px) {
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) {
    width: calc(100% - 36px);
  }
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) {
    padding-top: 50px;
  }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: 1fr;
    gap: 34px;
  }
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) {
    margin-bottom: 16px;
  }
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: 1fr;
    gap: 18px;
    margin-top: 42px;
  }
}
@media (prefers-reduced-motion: reduce) {
.legacy-shell-header:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *)::after {
    transition: none;
  }
}
.legacy-shell-parent-item:is([data-shell1114], [data-shell1114] *) {
  position: relative;
  display: flex;
  align-items: center;
  flex: 0 0 auto;
}
.legacy-shell-parent-item > .legacy-shell-parent-link:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  align-items: center;
  min-height: 44px;
  color: rgba(255, 255, 255, 0.91);
  font-size: 13px;
  font-weight: 650;
  text-decoration: none;
  white-space: nowrap;
}
.legacy-shell-parent-item > .legacy-shell-dropdown:is([data-shell1114], [data-shell1114] *) {
  position: static;
  display: block;
}
.legacy-shell-parent-item > .legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  align-items: center;
  justify-content: center;
  box-sizing: border-box;
  width: 44px;
  height: 44px;
  min-height: 44px;
  padding: 0;
  margin: 0;
  border: 0;
  flex: 0 0 44px;
}
.legacy-shell-parent-item > .legacy-shell-parent-link:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-parent-item > .legacy-shell-parent-link:focus-visible:is([data-shell1114], [data-shell1114] *) {
  color: #fff;
}
.legacy-shell-parent-item > .legacy-shell-parent-link:focus-visible:is([data-shell1114], [data-shell1114] *),
.legacy-shell-parent-item > .legacy-shell-dropdown > summary:focus-visible:is([data-shell1114], [data-shell1114] *) {
  outline: 2px solid currentColor;
  outline-offset: 2px;
}
.legacy-shell-mega strong > .legacy-shell-category-hub:is([data-shell1114], [data-shell1114] *) {
  display: block;
  padding: 0;
  color: inherit;
  font: inherit;
  text-transform: inherit;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}
.legacy-shell-mega strong > .legacy-shell-category-hub:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-mega strong > .legacy-shell-category-hub:focus-visible:is([data-shell1114], [data-shell1114] *) {
  text-decoration: underline;
}
@media (max-width: 1120px) {
.legacy-shell-parent-item > .legacy-shell-parent-link:is([data-shell1114], [data-shell1114] *) {
    font-size: 12px;
  }
}
@media (min-width: 941px) {
.legacy-shell-parent-products:is([data-shell1114], [data-shell1114] *) {
    position: static;
  }
.legacy-shell-parent-products > .legacy-shell-products > .legacy-shell-mega:is([data-shell1114], [data-shell1114] *) {
    position: absolute;
    top: calc(100% - 1px);
    left: max(24px, calc((100% - 710px) / 2));
    right: auto;
    width: min(710px, calc(100% - 48px));
  }
}
@media (max-width: 940px) {
.legacy-shell-parent-item:is([data-shell1114], [data-shell1114] *) {
    display: block;
  }
.legacy-shell-parent-item > .legacy-shell-parent-link:is([data-shell1114], [data-shell1114] *) {
    min-height: 48px;
    margin-inline-end: 44px;
    color: #fff;
    font-size: 15px;
    white-space: normal;
    overflow-wrap: anywhere;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
.legacy-shell-parent-item > .legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
    position: absolute;
    inset-block-start: 0;
    inset-inline-end: 0;
    height: 48px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.12);
  }
}
[data-shell1114], [data-shell1114-skip] {
  --surface-primary: var(--titanium-050);
  --surface-technical: var(--titanium-100);
  --surface-context: var(--titanium-200);
  --space-cluster: 24px;
  --space-module: 48px;
  --space-evidence: 48px;
  --space-section: clamp(92px, 7vw, 104px);
}
.legacy-shell-header:is([data-shell1114], [data-shell1114] *) {
  height: 72px;
  background: rgba(16, 20, 24, 0.96);
  border-bottom-color: var(--line-dark);
}
.legacy-shell-header.is-scrolled:is([data-shell1114], [data-shell1114] *) {
  background: rgba(16, 20, 24, 0.985);
  box-shadow: 0 8px 24px rgba(8, 12, 15, 0.18);
}
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
  gap: 20px;
}
.legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
  gap: 16px;
}
.legacy-shell-rfq:is([data-shell1114], [data-shell1114] *) {
  min-width: 104px;
  min-height: 44px;
  flex: 0 0 auto;
  padding: 0 17px;
  color: var(--titanium-050);
  background: var(--blueprint);
  border: 1px solid rgba(255, 255, 255, 0.14);
  border-radius: 6px;
  font-size: 12px;
  font-weight: 720;
  cursor: pointer;
}
.legacy-shell-rfq:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-rfq:focus-visible:is([data-shell1114], [data-shell1114] *) {
  background: var(--blueprint-hover);
}
.legacy-shell-footer:is([data-shell1114], [data-shell1114] *) {
  background-color: var(--graphite-950);
  border-top: 1px solid var(--line-dark);
}
.legacy-shell-footer-shade:is([data-shell1114], [data-shell1114] *) {
  background: rgba(16, 20, 24, 0.92);
}
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) {
  padding-top: 54px;
}
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
  gap: clamp(28px, 4vw, 58px);
}
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) {
  margin-bottom: 17px;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--line-dark-data);
}
.legacy-shell-footer section > a:is([data-shell1114], [data-shell1114] *) {
  margin-bottom: 8px;
}
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) {
  margin-top: 38px;
}
.legacy-shell-socials:is([data-shell1114], [data-shell1114] *) {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 6px;
}
.legacy-shell-footer-base .legacy-shell-socials a:is([data-shell1114], [data-shell1114] *) {
  display: grid;
  width: 40px;
  height: 40px;
  place-items: center;
  color: #fff;
  opacity: 1;
  transition: opacity 160ms ease;
}
.legacy-shell-footer-base .legacy-shell-socials a:hover:is([data-shell1114], [data-shell1114] *),
.legacy-shell-footer-base .legacy-shell-socials a:focus-visible:is([data-shell1114], [data-shell1114] *) {
  opacity: 0.72;
}
.legacy-shell-socials svg:is([data-shell1114], [data-shell1114] *) {
  width: 17px;
  height: 17px;
  fill: currentColor;
}
.legacy-shell-socials .social-icon-instagram:is([data-shell1114], [data-shell1114] *) {
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.legacy-shell-socials .social-icon-instagram circle:last-child:is([data-shell1114], [data-shell1114] *) {
  fill: currentColor;
  stroke: none;
}
@media (max-width: 1120px) {
.legacy-shell-nav:is([data-shell1114], [data-shell1114] *) {
    gap: 12px;
  }
.legacy-shell-nav > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-parent-item > .legacy-shell-parent-link:is([data-shell1114], [data-shell1114] *),
.legacy-shell-dropdown > summary:is([data-shell1114], [data-shell1114] *) {
    font-size: 11px;
  }
}
@media (max-width: 940px) {
.legacy-shell-header:is([data-shell1114], [data-shell1114] *),
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
    height: 66px;
  }
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
    gap: 12px;
  }
.legacy-shell-rfq:is([data-shell1114], [data-shell1114] *) {
    min-width: 96px;
    margin-left: auto;
  }
.legacy-shell-menu-button:is([data-shell1114], [data-shell1114] *) {
    margin-left: 0;
  }
}
@media (max-width: 600px) {
.legacy-shell-header-inner:is([data-shell1114], [data-shell1114] *) {
    width: calc(100% - 24px);
    gap: 9px;
  }
.legacy-shell-brand:is([data-shell1114], [data-shell1114] *) {
    width: 138px;
  }
.legacy-shell-rfq:is([data-shell1114], [data-shell1114] *) {
    min-width: 86px;
    min-height: 42px;
    padding: 0 12px;
    font-size: 11px;
  }
.legacy-shell-footer-inner:is([data-shell1114], [data-shell1114] *) {
    width: calc(100% - 32px);
    padding-top: 42px;
  }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 28px 20px;
  }
.legacy-shell-footer h2:is([data-shell1114], [data-shell1114] *) {
    font-size: 14px;
  }
.legacy-shell-footer section > a:is([data-shell1114], [data-shell1114] *),
.legacy-shell-contact p:is([data-shell1114], [data-shell1114] *) {
    font-size: 12px;
  }
.legacy-shell-contact:is([data-shell1114], [data-shell1114] *) {
    grid-column: 1 / -1;
  }
.legacy-shell-footer-base:is([data-shell1114], [data-shell1114] *) {
    margin-top: 30px;
  }
.legacy-shell-socials:is([data-shell1114], [data-shell1114] *) {
    justify-content: flex-start;
    grid-column: 1 / -1;
  }
}
@media (max-width: 350px) {
.legacy-shell-brand:is([data-shell1114], [data-shell1114] *) {
    width: 124px;
  }
.legacy-shell-rfq:is([data-shell1114], [data-shell1114] *) {
    min-width: 80px;
    padding: 0 10px;
  }
.legacy-shell-footer-grid:is([data-shell1114], [data-shell1114] *) {
    grid-template-columns: 1fr;
  }
.legacy-shell-contact:is([data-shell1114], [data-shell1114] *) {
    grid-column: auto;
  }
}

/* Only layout clearance and scroll lock reach outside shell descendants. No content typography/reset. */
.beiyu-shell1114-clearance {height:72px;}
body.legacy-shell-menu-open:has([data-shell1114]) {overflow:hidden;}
[data-shell1114] .legacy-shell-rfq {display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
@media(max-width:940px){.beiyu-shell1114-clearance{height:66px;}}
/* C151 already provides 90px / 138px of main clearance; retain those exact rules. */
.beiyu-shell1114-clearance.beiyu-shell1114-clearance--c126{height:0;}

/* Elementor pages only (outside the release delta): the C76 mobile script sizes the product
   container from the old header 6928ca5; without it the 152px fallback stacked on the shell
   clearance. With the old header gone, keep the old ~30px gap below the fixed shell header. */
@media (max-width:767px) {
  html:root {--by-c76-header-offset:12px;} /* beats the stored inline :root{...:152px} by specificity */
}
/* Round 2 (Fable): on Elementor pages the kit/theme font rules reached shell descendants.
   Make every shell descendant inherit the shell face set on [data-shell1114] (Archivo stack).
   The floating widget is a separate element and keeps its 1907 Arial design. */
header[data-shell1114] :is(a,h2,h3,p,span,strong,em,summary,button,nav,div,section,details),
footer[data-shell1114] :is(a,h2,h3,p,span,strong,em,nav,div,section) {font-family:inherit;}
/* Round 2: the contact page (post 591) padded its rail/doc for the old overlay header.
   The shell header now takes that space itself; remove the clearance it duplicates. */
body .beiyu-contact-v2>.shell>.rail {padding-top:54px;}
body .beiyu-contact-v2>.shell>.doc {padding-top:58px;}
@media (max-width:1080px) { body .beiyu-contact-v2>.shell>.rail {padding-top:54px;} body .beiyu-contact-v2>.shell>.doc {padding-top:32px;} }
/* BEGIN RELEASE DELTA: shared by full CSS and release inline style. */
[data-shell1114] [hidden] {display:none!important;}
/* Floating Contact Widget */
[data-shell1114-widget] {
    position: fixed;
    right: 4px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    background-color: #ffffff;
    border: 1px solid #d8d8d8;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0,0,0,0.28);
    font-family: Arial, Helvetica, sans-serif;
    overflow: visible;
    z-index: 1001;
}

[data-shell1114-widget] .contact-widget__item {
    position: relative;
    display: flex;
    height: 41px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background-color: #ffffff;
    border-bottom: 1px solid #eeeeee;
    color: #555555;
    cursor: pointer;
    font-size: 9px;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    transition: background-color 0.18s ease, color 0.18s ease;
}

[data-shell1114-widget] .contact-widget__item:first-child {
    border-radius: 3px 3px 0 0;
}

[data-shell1114-widget] .contact-widget__item:last-child {
    border-bottom: 0;
    border-radius: 0 0 3px 3px;
}

[data-shell1114-widget] .contact-widget__icon {
    display: block;
    width: 15px;
    height: 15px;
    background-image: url('https://beiyutitanium.com/wp-content/uploads/2026/04/wmkc-ico23.webp');
    background-repeat: no-repeat;
    background-size: 92px 65px;
}

[data-shell1114-widget] .contact-widget__icon--whatsapp {
    background-position: -24px -24px;
}

[data-shell1114-widget] .contact-widget__icon--email {
    background-position: -2px -3px;
}

[data-shell1114-widget] .contact-widget__icon--wechat {
    background-position: -72px -5px;
}

[data-shell1114-widget] .contact-widget__item--email:hover,
[data-shell1114-widget] .contact-widget__item--email:focus {
    background-color: #ff9700;
    color: #ffffff;
}

[data-shell1114-widget] .contact-widget__item--email:hover .contact-widget__icon,
[data-shell1114-widget] .contact-widget__item--email:focus .contact-widget__icon,
[data-shell1114-widget] .contact-widget__item--wechat:hover > .contact-widget__icon,
[data-shell1114-widget] .contact-widget__item--wechat:focus > .contact-widget__icon {
    filter: brightness(0) invert(1);
}

[data-shell1114-widget] .contact-widget__item--wechat:hover,
[data-shell1114-widget] .contact-widget__item--wechat:focus {
    background-color: #12bf58;
    color: #ffffff;
}

[data-shell1114-widget] .contact-widget__popover {
    position: absolute;
    right: 48px;
    bottom: -1px;
    display: flex;
    width: 97px;
    height: 41px;
    align-items: center;
    justify-content: center;
    gap: 3px;
    background-color: #ffffff;
    border-radius: 3px;
    box-shadow: 0 0 4px rgba(0,0,0,0.24);
    color: #050505;
    font-size: 9px;
    font-weight: 700;
    line-height: 11px;
    opacity: 0;
    cursor: text;
    pointer-events: auto;
    text-align: left;
    user-select: text;
    visibility: hidden;
}

[data-shell1114-widget] .contact-widget__icon--popover {
    flex: 0 0 auto;
    width: 17px;
    height: 17px;
    background-size: 104px 73px;
    background-position: -82px -54px;
}

[data-shell1114-widget] .contact-widget__item--wechat:hover .contact-widget__popover,
[data-shell1114-widget] .contact-widget__item--wechat:focus .contact-widget__popover {
    opacity: 1;
    visibility: visible;
}
/* Use the existing release face before the Elementor-only bundled fallback. */
[data-shell1114-widget].contact-widget {z-index:990;box-sizing:border-box;}
[data-shell1114-widget] * {box-sizing:border-box;}
[data-shell1114-widget] .contact-widget__item {text-decoration:none;}
[data-shell1114-widget] :is(a,[tabindex]):focus-visible {outline:3px solid #315f86;outline-offset:2px;}
body.legacy-shell-menu-open [data-shell1114-widget],
body.shell1114-switcher-open [data-shell1114-widget] {display:none;}
/* Captures use aria-expanded on the current item and hidden on this dropdown (03.html:1976). */
@supports selector(body:has(input:focus)) {
  body:has(.trp-floating-switcher .trp-language-item__current[aria-expanded="true"]) [data-shell1114-widget] {display:none;}
}
@media (max-width:767px) {
  body.shell1114-field-focus [data-shell1114-widget] {display:none;}
  @supports selector(body:has(input:focus)) {
    body:has(input:focus,textarea:focus,select:focus) [data-shell1114-widget] {display:none;}
  }
}
/* Three 41px items start below the mobile/admin-bar header, including landscape. */
@media (max-width:767px), (orientation:landscape) {
  [data-shell1114-widget].contact-widget {top:max(120px, calc(50% - 62px));transform:none;}
}
@media (orientation:landscape) and (max-height:260px) {
  [data-shell1114-widget] {display:none;}
}
/* Round 2 (Fable): release pages render the CTA as <a>; centre its label there too. */
[data-shell1114] .legacy-shell-rfq {display:inline-flex;align-items:center;justify-content:center;text-decoration:none;}
/* END RELEASE DELTA */