:root {
  --sh-color-ink: #111927;
  --sh-color-navy: #24334c;
  --sh-color-paper: #fbfeff;
  --sh-color-line: #e4e4e7;
  --sh-color-muted: #6c737f;
  --sh-color-focus: #6eb8ff;
  --sh-radius-sm: 2px;
  --sh-radius-md: 4px;
  --sh-space-1: 4px;
  --sh-space-2: 8px;
  --sh-space-3: 12px;
  --sh-space-4: 16px;
  --sh-space-5: 20px;
  --sh-space-6: 24px;
  --sh-space-8: 32px;
  --sh-space-10: 40px;
  --sh-ease-brand: cubic-bezier(.22, 1, .36, 1);
  --sh-duration-brand: 960ms;
}

.sh-ds-title,
.sh-ds-title--display { font-family: 'Russo One', sans-serif; font-weight: 400; }
.sh-ds-copy { font-family: 'Be Vietnam Pro', sans-serif; font-weight: 400; }
.sh-ds-button,
.sh-button,
.sh-industries-button,
.sh-story__button,
.sh-services__button,
.sh-contact-submit,
.sh-detail-button {
  display: inline-flex;
  align-items: center;
  justify-content: space-between;
  min-height: 56px;
  height: 56px;
  box-sizing: border-box;
  padding: 8px 8px 8px 20px;
  border: 1px solid #667085;
  border-radius: var(--sh-radius-md);
  background: radial-gradient(circle at 50% 0, #384250 0, #182230 100%);
  color: #fbfeff;
  font: 400 16px/24px 'Be Vietnam Pro', sans-serif;
  text-decoration: none;
  white-space: nowrap;
  gap: 12px;
  cursor: pointer;
  transition: transform 0.36s var(--sh-ease-brand),
              background 0.36s var(--sh-ease-brand),
              border-color 0.36s var(--sh-ease-brand),
              box-shadow 0.36s var(--sh-ease-brand);
}
.sh-ds-button:focus-visible,
.sh-button:focus-visible { outline: 2px solid var(--sh-color-focus); outline-offset: 3px; }
.sh-ds-button:active,
.sh-button:active { transform: translateY(1px) scale(.985); }
.sh-ds-arrow,
.sh-arrow-icon { display: inline-flex; width: 40px; height: 40px; flex: 0 0 40px; align-items: center; justify-content: center; padding: 8px; border-radius: var(--sh-radius-sm); background: radial-gradient(circle at 50% 0, #fdfeff 0, #d2d9e3 100%); overflow: hidden; transition: transform 0.36s var(--sh-ease-brand); }
.sh-ds-arrow img,
.sh-arrow-icon img { display: block; width: 8px; height: 12px; max-width: none; transform: none; }
.sh_navigation_chevron { display: block; width: 10px; height: 18px; max-width: none; object-fit: contain; transition: filter .96s var(--sh-ease-brand), transform .96s var(--sh-ease-brand); }