@font-face {
  font-family: "BigDev Anton";
  src: url("assets/fonts/Anton/Anton-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "BigDev Bowlby";
  src: url("assets/fonts/Bowlby_One_SC/BowlbyOneSC-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --sw-bg: #000000;
  --sw-ink: #ffffff;
  --sw-ink-soft: #d8d8d8;
  --sw-accent: #c65a21;
  --sw-font-display: "BigDev Anton", Impact, Haettenschweiler, "Arial Narrow", sans-serif;
  --sw-font-body: "BigDev Anton", "Arial Narrow", Arial, sans-serif;
  --brand-orange: #c65a21;
  --brand-black: #000000;
  --brand-white: #ffffff;
}

* {
  box-sizing: border-box;
}

html,
body {
  min-height: 100%;
  background: #000000;
}

body {
  margin: 0;
}

.bigdev-world {
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(198, 90, 33, 0.16), transparent 32%),
    #000000;
}

.sw-brand__mark {
  width: 42px !important;
  height: 42px !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at 50% 64%, #f0b4aa 0 24%, transparent 25%),
    radial-gradient(circle at 50% 42%, #c65a21 0 35%, transparent 36%),
    #000000 !important;
  border: 3px solid #c65a21;
  box-shadow: none !important;
}

.sw-brand__name,
.sw-nav__item,
.sw-copy__eyebrow,
.sw-copy__title,
.sw-copy__body,
.sw-copy__tags li,
.sw-topcta,
.sw-btn,
.sw-route__label,
.sw-hint {
  letter-spacing: 0 !important;
}

.sw-brand__name {
  color: #ffffff;
  font-family: "BigDev Bowlby", "BigDev Anton", Impact, sans-serif !important;
}

.sw-topbar {
  border-bottom: 1px solid rgba(198, 90, 33, 0.42);
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.86), rgba(0, 0, 0, 0));
}

.sw-nav {
  background: rgba(0, 0, 0, 0.64) !important;
  border-color: rgba(198, 90, 33, 0.48) !important;
}

.sw-nav__item {
  color: #ffffff !important;
}

.sw-nav__item.is-active {
  background: #c65a21 !important;
  color: #000000 !important;
}

.sw-topcta,
.sw-btn--primary {
  background: #c65a21 !important;
  color: #000000 !important;
}

.sw-btn--ghost {
  color: #ffffff !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
}

.sw-copylayer::before {
  background: linear-gradient(90deg, #000000 0%, rgba(0, 0, 0, 0.8) 38%, rgba(0, 0, 0, 0.36) 68%, transparent 100%) !important;
}

.sw-copy__num {
  color: #c65a21 !important;
}

.sw-copy__eyebrow,
.sw-copy__title {
  font-family: "BigDev Anton", Impact, sans-serif !important;
  text-transform: uppercase;
}

.sw-copy__title {
  color: #ffffff !important;
  text-shadow: 0 4px 0 #000000, 0 0 30px rgba(198, 90, 33, 0.42) !important;
}

.sw-copy__body {
  color: #ffffff !important;
  max-width: 43ch !important;
}

.sw-copy__tags li {
  color: #ffffff !important;
  background: rgba(198, 90, 33, 0.18) !important;
  border-color: rgba(198, 90, 33, 0.68) !important;
  border-radius: 4px !important;
}

.sw-route__label {
  background: #ffffff !important;
  color: #000000 !important;
  border-radius: 4px !important;
}

.sw-scene__still {
  background:
    radial-gradient(circle at 68% 42%, rgba(198, 90, 33, 0.18), transparent 36%),
    #000000;
}

@media (max-width: 860px) {
  .sw-copylayer::before {
    background: linear-gradient(0deg, #000000 12%, rgba(0, 0, 0, 0.78) 56%, transparent 100%) !important;
  }

  .sw-topcta {
    display: none !important;
  }

  .sw-brand__mark {
    width: 34px !important;
    height: 34px !important;
  }
}