@charset "UTF-8";
/* ===============================================
/* GRID
/* ============================================ */
/* ===============================================
/* MISC
/* ============================================ */
/* ===============================================
/* ANIMATION
/* ============================================ */
@font-face {
  font-family: "MaisonNeueWeb";
  src: url("/theme/fonts/MaisonNeueWEB-Book.woff2") format("woff2"), url("/theme/fonts/MaisonNeueWEB-Book.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MaisonNeueWeb";
  src: url("/theme/fonts/MaisonNeueWEB-Light.woff2") format("woff2"), url("/theme/fonts/MaisonNeueWEB-Light.woff") format("woff");
  font-style: normal;
  font-weight: 200;
  font-display: swap;
}
@font-face {
  font-family: "MaisonNeueExtendedWeb";
  src: url("/theme/fonts/MaisonNeueExtendedWEB-Demi.woff2") format("woff2"), url("/theme/fonts/MaisonNeueExtendedWEB-Demi.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
@font-face {
  font-family: "MaisonNeueMonoWeb";
  src: url("/theme/fonts/MaisonNeueMonoWEB-Regular.woff2") format("woff2"), url("/theme/fonts/MaisonNeueMonoWEB-Regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
}
@font-face {
  font-family: "MadSans";
  src: url("/theme/fonts/mad-sans-regular.woff2") format("woff2"), url("/theme/fonts/mad-sans-regular.woff") format("woff");
  font-style: normal;
  font-weight: normal;
  font-display: swap;
}
.outdent {
  position: relative;
  left: -0.05em;
}

.outdent-sm {
  position: relative;
  left: -0.025em;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

*, *::before, *::after {
  box-sizing: border-box;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, main, menu, nav, section, picture {
  display: block;
}

html {
  font-size: 62.5%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

ol, ul {
  list-style: none;
}

a {
  color: inherit;
  text-decoration: none;
}
a img {
  box-shadow: #000 0em 0em 0em;
}

a:hover, a:active, button:hover, button:active {
  outline: 0;
}
a.iblock, button.iblock {
  display: inline-block;
}
a.block, button.block {
  display: block;
}

a, button, .btn, .toggle,
input, label, select {
  touch-action: manipulation;
}

body:not(.tab-nav) a:focus, body:not(.tab-nav) input:focus, body:not(.tab-nav) textarea:focus,
body:not(.tab-nav) button:focus, body:not(.tab-nav) select:focus {
  outline: 0;
}
body:not(.tab-nav) select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #3a3936;
}

embed, iframe, object, img {
  max-width: 100%;
  height: auto;
}

img {
  vertical-align: top;
  -ms-interpolation-mode: bicubic;
}

use {
  pointer-events: none;
}

.img, .circle {
  background-clip: padding-box;
}

input, textarea, button, select {
  width: 100%;
  font: inherit;
  letter-spacing: inherit;
  color: inherit;
  opacity: 1;
  background-color: transparent;
  padding: 0;
  margin: 0;
  border: 0;
  border-radius: 0;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  font-feature-settings: "kern" 1, "liga" 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

textarea {
  min-width: 100%;
  max-width: 100%;
  vertical-align: top;
  overflow: auto;
}

input:not([type=radio]):not([type=checkbox]),
input[type=search]::-webkit-search-decoration,
textarea, button, select {
  -webkit-appearance: none;
}

select {
  -moz-appearance: none;
  text-indent: 0.01px;
  text-overflow: "";
}

select::-ms-expand {
  display: none;
}

input::-moz-focus-inner,
button::-moz-focus-inner,
select::-moz-focus-inner {
  padding: 0;
}

input[type=radio], input[type=checkbox],
input[type=submit], button, label, select {
  cursor: pointer;
}

input[placeholder]::-webkit-input-placeholder,
textarea[placeholder]::-webkit-input-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]:-moz-placeholder,
textarea[placeholder]:-moz-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]::-moz-placeholder,
textarea[placeholder]::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]::input-placeholder,
textarea[placeholder]::input-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]::-moz-placeholder, textarea[placeholder]::-moz-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]:-ms-input-placeholder, textarea[placeholder]:-ms-input-placeholder {
  color: inherit;
  opacity: 1;
}

input[placeholder]::placeholder,
textarea[placeholder]::placeholder {
  color: inherit;
  opacity: 1;
}

:root {
  --color-white: #fff;
  --color-black: #3c3c44;
  --color-gray: #9e9ea2;
}

body, html {
  color: #DCDDDE;
  background: #3c3c44;
}

#wrapper {
  background: #DCDDDE;
  color: #3c3c44;
}

.custom-color .accent-fg {
  color: rgb(var(--dk-color-rgb));
}

.foo {
  color: #fff;
}

.foo {
  color: #3c3c44;
}

.foo {
  color: #9e9ea2;
}

.opacity-30 {
  opacity: 0.3;
}

.foo {
  background: #fff;
}

.divider,
.foo {
  background: #3c3c44;
}

.foo {
  background: #9e9ea2;
}

::-moz-selection {
  background: #9e9ea2;
  text-shadow: none;
}

::selection {
  background: #9e9ea2;
  text-shadow: none;
}

::-moz-selection {
  background: #9e9ea2;
  text-shadow: none;
}

@media only screen and (hover: hover) {
  .bodytxt a:hover {
    opacity: 0.4;
  }
}
@media only screen and (hover: none) {
  .bodytxt a:active {
    opacity: 0.4;
  }
}
.bodytxt a {
  transition: opacity 0.2s ease-in-out;
  -webkit-backface-visibility: hidden;
}

/* ===============================================
/* TARGETS
/* ============================================ */
/* ===============================================
/* BREAKPOINTS
/* ============================================ */
#wrapper {
  font-family: "MaisonNeueWeb", "Helvetica Neue", Arial, sans-serif;
  line-height: 1.3;
}

.company-nav--name h2 {
  font-size: 1.3333333333em;
  line-height: 1.25;
  letter-spacing: -0.015em;
  font-style: normal;
  font-weight: 200;
}

.company--name {
  font-size: 2.6666666667em;
  line-height: 1;
  letter-spacing: -0.05em;
  font-family: "MadSans", "Helvetica Neue", Arial, sans-serif;
}

.company-nav--filter-label,
.chart--label,
.company--info-label {
  font-size: 0.6060606061em;
  line-height: 1;
  letter-spacing: 0.09em;
  font-family: "MaisonNeueExtendedWeb", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

.splash--rotated,
.date-time--label {
  font-size: 0.6060606061em;
  line-height: 1;
  letter-spacing: 0.09em;
  font-family: "MaisonNeueMonoWeb", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

.company-nav--num {
  font-size: 0.7272727273em;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "MaisonNeueExtendedWeb", "Helvetica Neue", Arial, sans-serif;
  text-transform: uppercase;
}

@media only screen and (min-width: 680px) {
  #wrapper {
    line-height: 1.25;
  }

  .company-nav--name h2 {
    font-size: 1.8666666667em;
    line-height: 1.35;
  }

  .company--name {
    font-size: 4.3333333333em;
  }
}
@media only screen and (min-width: 1018px) {
  #wrapper {
    line-height: 1.2083333333;
  }

  .company-nav--name h2 {
    font-size: 1.5em;
    line-height: 1.35;
  }

  .company--name {
    font-size: 5.1666666667em;
  }

  .company-nav--filter-label,
.chart--label,
.company--info-label {
    font-size: 0.5em;
    letter-spacing: 0.15em;
  }

  .splash--rotated,
.date-time--label {
    font-size: 0.5em;
    letter-spacing: 0.15em;
  }

  .company-nav--num {
    font-size: 0.6666666667em;
  }

  .company-nav--description h3 {
    font-size: 0.7916666667em;
    line-height: 1.25;
    letter-spacing: 0.015em;
  }
}
:root {
  --size-gut: 0.4545454545em;
  --gut: 0.9090909091em;
  --header-height: 3.5em;
}

:root {
  --page-margin: 3.6231884058%;
}

#wrapper {
  font-size: 10.8405797101px;
}

.grid-wrap, .sm-grid-wrap, .smd-grid-wrap {
  padding: 0 3.6231884058%;
}

@media only screen and (min-width: 273px) {
  #wrapper {
    font-size: 3.9855072464vw;
  }
}
@media only screen and (max-width: 679px) and (orientation: landscape) {
  :root {
    --page-margin: 3.6231884058%;
  }

  #wrapper {
    font-size: 27.1014492754px;
  }

  .grid-wrap, .sm-grid-wrap, .smd-grid-wrap {
    padding: 0 3.6231884058%;
  }
}
@media only screen and (orientation: landscape) {
  #wrapper {
    font-size: 3.9855072464vw;
  }
}
/* ===============================================
/* MEDIUM - 680
/* ============================================ */
@media only screen and (min-width: 680px) {
  :root {
    --page-margin: 2.9411764706%;
  }

  #wrapper {
    font-size: 15px;
  }

  .grid-wrap, .md-grid-wrap, .smd-grid-wrap {
    padding: 0 2.9411764706%;
  }

  :root {
    --size-gut: 0.6666666667em;
    --header-height: 3.5em;
  }
}
@media only screen and (min-width: 681px) {
  #wrapper {
    font-size: 2.2058823529vw;
  }
}
@media only screen and (min-width: 680px) and (max-width: 1017px) and (orientation: landscape) {
  :root {
    --page-margin: 2.9411764706%;
  }

  #wrapper {
    font-size: 15px;
  }

  .grid-wrap, .md-grid-wrap, .smd-grid-wrap {
    padding: 0 2.9411764706%;
  }
}
@media only screen and (orientation: landscape) and (min-width: 681px) {
  #wrapper {
    font-size: 2.2058823529vw;
  }
}
/* ===============================================
/* LARGE - 1018
/* ============================================ */
@media only screen and (min-width: 1018px) {
  :root {
    --page-margin: 2.8621495327%;
  }

  #wrapper {
    font-size: 14.2710280374px;
  }

  .grid-wrap, .grid-wrap-lg {
    padding: 0 2.8621495327%;
  }

  :root {
    --size-gut: 0.875em;
    --header-height: 3.5em;
  }
}
@media only screen and (min-width: 1019px) {
  #wrapper {
    font-size: 1.4018691589vw;
  }
}
/* ===============================================
/* LARGE WIDE - 1440
/* ============================================ */
@media only screen and (min-width: 1440px) {
  :root {
    --page-margin: 2.8621495327%;
  }

  #wrapper {
    font-size: 20.1869158879px;
  }

  .grid-wrap, .grid-wrap-lg {
    padding: 0 2.8621495327%;
  }
}
@media only screen and (min-width: 1441px) {
  #wrapper {
    font-size: 1.4018691589vw;
  }
}
/* ===============================================
/* LARGE EX - 2082
/* ============================================ */
@media only screen and (min-width: 2560px) {
  :root {
    --page-margin: 10%;
  }

  #wrapper {
    font-size: 30.4535315985px;
  }

  .grid-wrap, .grid-wrap-lg {
    padding: 0 10%;
  }

  :root {
    --size-gut: 0.875em;
  }
}
@media only screen and (min-width: 2561px) {
  #wrapper {
    font-size: 1.1895910781vw;
  }
}
@media only screen and (min-width: 4164px) {
  :root {
    --page-margin: 10%;
  }

  #wrapper {
    font-size: 49.5345724907px;
  }

  .grid-wrap, .grid-wrap-lg {
    padding: 0 10%;
  }
}
html, body {
  height: 100%;
}

body {
  min-width: 272px;
}

#wrapper {
  min-height: 100%;
  overflow: hidden;
  position: relative;
}

html.js #wrapper {
  opacity: 0;
}
html.js.page-visible #wrapper {
  opacity: 1;
}

#wrapper {
  transition: opacity 0.35s ease-in-out;
  -webkit-backface-visibility: hidden;
}

.row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 0.9090909091em;
       column-gap: 0.9090909091em;
}

.sm-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 0.9090909091em;
       column-gap: 0.9090909091em;
}

.sm-1-6 {
  grid-column-end: span 1;
}

.sm-2-6 {
  grid-column-end: span 2;
}

.sm-3-6 {
  grid-column-end: span 3;
}

.sm-4-6 {
  grid-column-end: span 4;
}

.sm-5-6 {
  grid-column-end: span 5;
}

.sm-6-6 {
  grid-column-end: span 6;
}

.smd-row {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  -moz-column-gap: 0.9090909091em;
       column-gap: 0.9090909091em;
}

.smd-1-6 {
  grid-column-end: span 1;
}

.smd-2-6 {
  grid-column-end: span 2;
}

.smd-3-6 {
  grid-column-end: span 3;
}

.smd-4-6 {
  grid-column-end: span 4;
}

.smd-5-6 {
  grid-column-end: span 5;
}

.smd-6-6 {
  grid-column-end: span 6;
}

.fillbox {
  padding-left: 0.9090909091em;
  padding-right: 0.9090909091em;
}

.sm-row-8 {
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  -moz-column-gap: 0.9090909091em;
       column-gap: 0.9090909091em;
}

.sm-1-8 {
  grid-column-end: span 1;
}

.sm-2-8 {
  grid-column-end: span 2;
}

.sm-3-8 {
  grid-column-end: span 3;
}

.sm-4-8 {
  grid-column-end: span 4;
}

.sm-5-8 {
  grid-column-end: span 5;
}

.sm-6-8 {
  grid-column-end: span 6;
}

.sm-7-8 {
  grid-column-end: span 7;
}

.sm-8-8 {
  grid-column-end: span 8;
}

.fullcol {
  grid-column: 1/-1;
}

.lg-only-no-touch, .md-only, .md-only-in,
.md-up, .md-up-in, .lg-only, .lg-only-in {
  display: none;
}

/* ===============================================
/* TABLET
/* ============================================ */
@media only screen and (min-width: 680px) {
  .sm-grid-wrap {
    padding: 0;
  }

  .row {
    display: initial;
  }

  .sm-row {
    display: block;
  }

  .sm-1-6 {
    grid-column: unset;
  }

  .sm-2-6 {
    grid-column: unset;
  }

  .sm-3-6 {
    grid-column: unset;
  }

  .sm-4-6 {
    grid-column: unset;
  }

  .sm-5-6 {
    grid-column: unset;
  }

  .sm-6-6 {
    grid-column: unset;
  }

  .sm-row-8 {
    display: block;
  }

  .sm-1-8 {
    grid-column: unset;
  }

  .sm-2-8 {
    grid-column: unset;
  }

  .sm-3-8 {
    grid-column: unset;
  }

  .sm-4-8 {
    grid-column: unset;
  }

  .sm-5-8 {
    grid-column: unset;
  }

  .sm-6-8 {
    grid-column: unset;
  }

  .sm-7-8 {
    grid-column: unset;
  }

  .sm-8-8 {
    grid-column: unset;
  }

  .row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: 1.3333333333em;
         column-gap: 1.3333333333em;
  }

  .md-row {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    -moz-column-gap: 1.3333333333em;
         column-gap: 1.3333333333em;
  }

  .md-1-6 {
    grid-column-end: span 1;
  }

  .md-2-6 {
    grid-column-end: span 2;
  }

  .md-3-6 {
    grid-column-end: span 3;
  }

  .md-4-6 {
    grid-column-end: span 4;
  }

  .md-5-6 {
    grid-column-end: span 5;
  }

  .md-6-6 {
    grid-column-end: span 6;
  }

  .fillbox {
    padding-left: 1.3333333333em;
    padding-right: 1.3333333333em;
  }

  .md-row-8 {
    display: grid;
    grid-template-columns: repeat(8, 1fr);
    -moz-column-gap: 1.3333333333em;
         column-gap: 1.3333333333em;
  }

  .md-1-8 {
    grid-column-end: span 1;
  }

  .md-2-8 {
    grid-column-end: span 2;
  }

  .md-3-8 {
    grid-column-end: span 3;
  }

  .md-4-8 {
    grid-column-end: span 4;
  }

  .md-5-8 {
    grid-column-end: span 5;
  }

  .md-6-8 {
    grid-column-end: span 6;
  }

  .md-7-8 {
    grid-column-end: span 7;
  }

  .md-8-8 {
    grid-column-end: span 8;
  }

  .md-left-1 {
    grid-column-start: 2;
  }

  .sm-only {
    display: none !important;
  }

  .md-only, .md-up {
    display: block;
  }

  .md-only-in, .md-up-in {
    display: inline;
  }
}
/* ===============================================
/* DESKTOP
/* ============================================ */
@media only screen and (min-width: 1018px) {
  .sm-grid-wrap, .smd-grid-wrap {
    padding: 0;
  }

  .grid-wrap, .lg-grid-wrap {
    max-width: 3312px;
    margin: auto;
    box-sizing: content-box;
  }

  .row {
    display: initial;
  }

  .md-row {
    display: block;
  }

  .md-1-6 {
    grid-column: unset;
  }

  .md-2-6 {
    grid-column: unset;
  }

  .md-3-6 {
    grid-column: unset;
  }

  .md-4-6 {
    grid-column: unset;
  }

  .md-5-6 {
    grid-column: unset;
  }

  .md-6-6 {
    grid-column: unset;
  }

  .smd-row {
    display: block;
  }

  .smd-1-6 {
    grid-column: unset;
  }

  .smd-2-6 {
    grid-column: unset;
  }

  .smd-3-6 {
    grid-column: unset;
  }

  .smd-4-6 {
    grid-column: unset;
  }

  .smd-5-6 {
    grid-column: unset;
  }

  .smd-6-6 {
    grid-column: unset;
  }

  .md-row-8 {
    display: block;
  }

  .md-1-8 {
    grid-column: unset;
  }

  .md-2-8 {
    grid-column: unset;
  }

  .md-3-8 {
    grid-column: unset;
  }

  .md-4-8 {
    grid-column: unset;
  }

  .md-5-8 {
    grid-column: unset;
  }

  .md-6-8 {
    grid-column: unset;
  }

  .md-7-8 {
    grid-column: unset;
  }

  .md-8-8 {
    grid-column: unset;
  }

  .row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 1.75em;
         column-gap: 1.75em;
  }

  .lg-row {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
    -moz-column-gap: 1.75em;
         column-gap: 1.75em;
  }

  .lg-1-12 {
    grid-column-end: span 1;
  }

  .lg-2-12 {
    grid-column-end: span 2;
  }

  .lg-3-12 {
    grid-column-end: span 3;
  }

  .lg-4-12 {
    grid-column-end: span 4;
  }

  .lg-5-12 {
    grid-column-end: span 5;
  }

  .lg-6-12 {
    grid-column-end: span 6;
  }

  .lg-7-12 {
    grid-column-end: span 7;
  }

  .lg-8-12 {
    grid-column-end: span 8;
  }

  .lg-9-12 {
    grid-column-end: span 9;
  }

  .lg-10-12 {
    grid-column-end: span 10;
  }

  .lg-11-12 {
    grid-column-end: span 11;
  }

  .lg-12-12 {
    grid-column-end: span 12;
  }

  .fillbox {
    padding-left: 1.75em;
    padding-right: 1.75em;
  }

  .lg-row-10 {
    display: grid;
    grid-template-columns: repeat(10, 1fr);
    -moz-column-gap: 1.75em;
         column-gap: 1.75em;
  }

  .lg-1-10 {
    grid-column-end: span 1;
  }

  .lg-2-10 {
    grid-column-end: span 2;
  }

  .lg-3-10 {
    grid-column-end: span 3;
  }

  .lg-4-10 {
    grid-column-end: span 4;
  }

  .lg-5-10 {
    grid-column-end: span 5;
  }

  .lg-6-10 {
    grid-column-end: span 6;
  }

  .lg-7-10 {
    grid-column-end: span 7;
  }

  .lg-8-10 {
    grid-column-end: span 8;
  }

  .lg-9-10 {
    grid-column-end: span 9;
  }

  .lg-10-10 {
    grid-column-end: span 10;
  }

  .lg-row-11 {
    display: grid;
    grid-template-columns: repeat(11, 1fr);
    -moz-column-gap: 1.75em;
         column-gap: 1.75em;
  }

  .lg-1-11 {
    grid-column-end: span 1;
  }

  .lg-2-11 {
    grid-column-end: span 2;
  }

  .lg-3-11 {
    grid-column-end: span 3;
  }

  .lg-4-11 {
    grid-column-end: span 4;
  }

  .lg-5-11 {
    grid-column-end: span 5;
  }

  .lg-6-11 {
    grid-column-end: span 6;
  }

  .lg-7-11 {
    grid-column-end: span 7;
  }

  .lg-8-11 {
    grid-column-end: span 8;
  }

  .lg-9-11 {
    grid-column-end: span 9;
  }

  .lg-10-11 {
    grid-column-end: span 10;
  }

  .lg-11-11 {
    grid-column-end: span 11;
  }

  .md-left-1 {
    grid-column-start: unset;
  }

  .lg-left-1 {
    grid-column-start: 2;
  }

  .md-only, .md-only-in, .md-down {
    display: none !important;
  }

  .lg-only {
    display: block;
  }

  .lg-only-in {
    display: inline;
  }
}
@media only screen and (min-width: 1018px) and (hover: none) {
  .lg-only-no-touch {
    display: block;
  }

  .md-down-touch {
    display: none !important;
  }
}
:root {
  --grad-pos: -50vh;
}

.custom-color #gradient-bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 200vh;
  transform: translateY(clamp(-70vh, var(--grad-pos), 0vh));
  background: rgba(var(--lt-color-rgb), 100%);
  background: linear-gradient(0deg, rgba(var(--lt-color-rgb), 0%) 40%, rgb(var(--lt-color-rgb)) 80%);
  pointer-events: none;
  transition: transform 0.5s linear;
  -webkit-backface-visibility: hidden;
}

#cursor {
  opacity: 0;
  position: fixed;
  z-index: 9999;
  left: var(--cursor-x);
  top: var(--cursor-y);
  pointer-events: none;
}

.cursor-trail {
  display: none;
  position: absolute;
  pointer-events: none;
}
.cursor-trail .triangle {
  stroke: #fff;
  stroke-width: 1px;
  fill: transparent !important;
}

@media (hover: hover) and (pointer: fine) {
  body.hawk-cursor * {
    cursor: none;
  }
  body.hawk-cursor #monogram .triangle {
    opacity: 0.15;
  }
  body.hawk-cursor #cursor {
    opacity: 1;
  }
  body.hawk-cursor #cursor .triangle {
    stroke: #DCDDDE;
    stroke-width: 1px;
  }
  body.hawk-cursor.hide-cursor #cursor {
    opacity: 0;
  }
  body.hawk-cursor .cursor-trail {
    display: block;
  }
}
.circle, .circle img {
  border-radius: 50%;
}

picture img {
  width: 100%;
}

.ratio {
  position: relative;
}
.ratio.img img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.ratio:after {
  content: "";
  display: block;
  visibility: hidden;
}

.r-banner:after {
  padding-top: 37.5%;
}

.r-16-9:after {
  padding-top: 56.25%;
}

.r-16-10:after {
  padding-top: 62.5%;
}

.r-square:after {
  padding-top: 100%;
}

.r-portrait:after {
  padding-top: 150%;
}

.video-holder {
  position: relative;
  padding-top: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
}
.video-holder iframe, .video-holder object, .video-holder embed, .video-holder video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.map-holder iframe {
  width: 100% !important;
  min-height: 20em;
}

.divider {
  height: 1px;
  opacity: 0.333;
}

/* ===============================================
/* TABLET ===================================== */
/* ===============================================
/* DESKTOP ==================================== */
:root {
  --monogram-size: 1.5em;
}

body:not(.body-pages-home) #wrapper {
  padding-top: calc(var(--size-gut) * 2 + var(--monogram-size));
}

#site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  min-width: 272px;
  z-index: 999;
  -webkit-backface-visibility: hidden;
  pointer-events: none;
}
#site-header button {
  display: block;
  pointer-events: initial;
}
#site-header .logo-wrap {
  margin-top: calc(var(--size-gut) * 2);
}
#site-header .logo-wrap button {
  width: auto;
  height: var(--monogram-size);
  line-height: 0;
  cursor: default;
}

#monogram, #cursor, .cursor-trail {
  height: var(--monogram-size);
  width: auto;
}

/* ===============================================
/* TABLET ===================================== */
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  body:not(.body-pages-home) #wrapper {
    padding-top: calc(var(--size-gut) * 2 + var(--monogram-size));
  }
}
/* ===============================================
/* TABLET ===================================== */
/* ===============================================
/* DESKTOP ==================================== */
main.page {
  padding-bottom: 4em;
}

header.page,
header.page-section {
  padding-top: 3em;
  padding-bottom: 2em;
}

:root {
  --size-indent: 1em;
  --size-pspace: 0.8em;
}

.bodytxt p, .bodytxt ul, .bodytxt ol {
  margin-bottom: 0.8em;
}
.bodytxt p:last-child, .bodytxt ul:last-child, .bodytxt ol:last-child {
  margin-bottom: 0;
}
.bodytxt h2, .bodytxt h3, .bodytxt h4 {
  margin-top: 1.12em;
  margin-bottom: 0.2em;
}
.bodytxt h2:first-child, .bodytxt h3:first-child, .bodytxt h4:first-child {
  margin-top: 0;
}
.bodytxt img {
  margin: 0.4em 0;
  max-width: 100%;
}
.bodytxt ul li:before {
  content: "•";
}
.bodytxt li {
  margin: 0 0 0.4em 1em;
  position: relative;
}
.bodytxt li:before {
  font-feature-settings: "kern" 1, "liga" 1, "lnum" 1;
}
.bodytxt li ol, .bodytxt li ul {
  margin: 0.4em 0;
}
.bodytxt li:before {
  position: absolute;
  left: -1em;
}
.bodytxt li p {
  margin: 0;
}
.bodytxt ol {
  counter-reset: olcounter;
}
.bodytxt ol li ol {
  counter-reset: innercounter;
}
.bodytxt ol li ol > li:before {
  content: counter(innercounter, upper-latin);
  counter-increment: innercounter;
}
.bodytxt ol > li:before {
  content: counter(olcounter);
  counter-increment: olcounter;
}

a.underline, .bodytxt a {
  text-decoration: underline;
}

@supports (background-image: linear-gradient(to bottom, black 50%, black 50%)) {
  a.underline, .bodytxt a {
    text-decoration: none;
    background-image: linear-gradient(to bottom, rgb(var(--dk-color-rgb)) 50%, rgb(var(--dk-color-rgb)) 50%);
    background-repeat: repeat-x;
    background-size: 1px 1px;
    background-position: bottom 0.02em left 0;
  }
}
/* ===============================================
/* TABLET ===================================== */
@media only screen and (min-width: 680px) {
  main.page {
    padding-bottom: 5em;
  }
}
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  main.page {
    padding-bottom: 6.5em;
  }

  header.page,
header.page-section {
    padding-top: 5em;
    padding-bottom: 3em;
  }
}
.splash {
  position: relative;
  height: 100vh;
  width: 100vw;
  overflow: hidden;
}

.splash .splash--video {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: none;
  width: 100vw;
  height: 61.0169491525vw;
  min-height: calc(100vh + 2px);
  min-width: calc(163.8888888889vh + 2px);
  pointer-events: none;
  mix-blend-mode: multiply;
  opacity: 0.4;
}

.splash > svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 50%;
  height: auto;
}

.splash--sidebar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  pointer-events: none;
}

.splash--sidebar-column {
  grid-column-start: 12;
}

.splash--sidebar-content {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-end;
  justify-content: space-between;
  height: 100vh;
  pointer-events: initial;
}

.splash--arrow {
  padding-top: calc(var(--size-gut) * 2);
}
.splash--arrow button, .splash--arrow svg {
  height: calc(var(--monogram-size));
  width: calc(var(--monogram-size) * 0.75);
  margin-left: auto;
}
.splash--arrow svg line {
  stroke-width: 1px;
}

.splash--sidebar-coordinates {
  padding-bottom: calc(var(--size-gut) * 2);
}
.splash--sidebar-coordinates a {
  cursor: default;
}

.splash--footer {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: calc(var(--size-gut) * 2);
}

.splash--footer .row {
  align-items: end;
}

.splash--footer a {
  white-space: nowrap;
  display: inline-block;
}

.splash--footer a + a {
  margin-top: 0.5em;
}

@supports (-webkit-touch-callout: none) {
  .splash,
.splash--sidebar-content {
    /* The hack for Safari */
    height: -webkit-fill-available;
  }
}
@media only screen and (max-width: 1017px) and (orientation: landscape) {
  div .splash--sidebar-coordinates {
    display: none;
  }

  div .splash--sidebar-copyright {
    align-items: flex-end;
  }
}
/* ===============================================
/* TABLET ===================================== */
@media only screen and (min-width: 680px) {
  .splash > svg {
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .splash--footer a + a {
    margin-left: 0.5em;
  }
}
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  .splash--rotated {
    display: block;
    -ms-writing-mode: tb-rl;
        writing-mode: tb-rl;
    transform: rotate(180deg);
  }

  div .splash--sidebar-copyright {
    flex-grow: 1;
    display: flex;
    align-items: center;
  }

  .splash > svg {
    width: 21.3em;
  }

  .splash--footer a + a {
    margin-left: 1em;
  }
}
.date-time--wrap {
  display: inline-block;
}

.date-time--inner {
  display: flex;
  flex-direction: column;
}

.date-time--label {
  margin-top: calc(7px + 0.2em);
  white-space: nowrap;
}

#time-slider {
  height: 1px;
  -webkit-appearance: none;
  background: #3c3c44;
  cursor: -webkit-grab;
  cursor: grab;
}
#time-slider::-webkit-slider-thumb {
  -webkit-appearance: none;
  appearance: none;
  width: 1px;
  height: 14px;
  background: black;
  box-shadow: none;
}
#time-slider::-moz-range-thumb {
  width: 1px;
  height: 12px;
  background: black;
  border: 0;
  box-shadow: none;
}
#time-slider::-ms-track {
  width: 100%;
  height: 1px;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
#time-slider::-ms-fill-lower {
  background: #3c3c44;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
#time-slider::-ms-fill-upper {
  background: #3c3c44;
  border: none;
  border-radius: 0px;
  box-shadow: none;
}
#time-slider::-ms-thumb {
  margin-top: 1px;
  box-shadow: none;
  border: none;
  height: 14px;
  width: 1px;
  border-radius: 0px;
  background: #3c3c44;
}
#time-slider:focus::-ms-fill-lower {
  background: #3c3c44;
}
#time-slider:focus::-ms-fill-upper {
  background: #3c3c44;
}

@media (pointer: coarse) {
  #time-slider::-webkit-slider-thumb {
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 7px, black 8px, rgba(0, 0, 0, 0) 9px, rgba(0, 0, 0, 0) 12px);
  }

  #time-slider::-moz-range-thumb {
    width: 16px;
    height: 16px;
    background: linear-gradient(90deg, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 7px, black 8px, rgba(0, 0, 0, 0) 9px, rgba(0, 0, 0, 0) 12px);
  }
}
.companies {
  min-height: 100vh;
  position: relative;
}

.company {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
}

.company--main {
  flex-grow: 1;
}

.company--header {
  margin-top: calc(var(--monogram-size) * 2 + var(--size-gut) * 2);
  margin-bottom: calc(var(--size-gut) * 4);
}

.company--name {
  margin-top: -0.09em;
}

.company--info-wrap {
  padding: calc(var(--size-gut) * 3) 0;
}

.company--info-label {
  margin-top: 2.5em;
  margin-bottom: 0.7em;
}

.company--info-website {
  margin-bottom: calc(var(--size-gut) * 3);
}

.company--info-logo {
  margin: calc(var(--size-gut) * 3) 0;
  transform: translate3d(0, 0, 0);
  max-height: 4em;
  max-width: 6em;
}

.company--fade {
  transition: opacity 0.25s ease-in-out;
  -webkit-backface-visibility: hidden;
}

.company-loading .company--fade {
  transition: opacity 0s linear;
  -webkit-backface-visibility: hidden;
  opacity: 0;
}

.company--logo {
  filter: saturate(0);
  mix-blend-mode: multiply;
  opacity: 0.85;
}

@media only screen and (max-width: 679px) and (orientation: portrait) {
  .company--info {
    grid-column-end: span 6;
  }

  .company--main .chart {
    margin-top: calc(var(--gut) * 2);
    grid-column-end: span 5;
  }
}
/* ===============================================
/* TABLET ===================================== */
@media only screen and (min-width: 680px) {
  .company--info, .chart {
    align-self: center;
  }

  .company--header {
    margin-bottom: 0;
  }

  .company--main > .grid-wrap {
    height: calc(100% - 0.7em);
  }

  .company--info-wrap {
    padding: calc(var(--size-gut) * 2) 0;
  }

  .company--info-label {
    margin-top: 2.5em;
  }

  .company--info-website {
    margin-bottom: calc(var(--size-gut) * 2);
  }

  .company--info-logo {
    margin: calc(var(--size-gut) * 2) 0;
  }
}
@media only screen and (min-width: 680px) and (max-width: 1017px) and (orientation: portrait) {
  .company--info {
    grid-column-end: span 4;
  }

  .company--main .chart {
    margin-top: 0;
    grid-column-end: span 4;
  }

  .chart .chart--wrap {
    width: 100%;
    margin: 0;
  }
}
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  .company--header {
    margin-top: calc(var(--size-gut) * 2);
  }

  .company--main > .grid-wrap {
    height: calc(100% - 1em);
    max-height: 50em;
  }

  .company--info-wrap {
    padding: calc(var(--size-gut) * 2) 0;
  }

  .company--info-label {
    margin-top: 4em;
  }

  .company--info-logo {
    margin: calc(var(--size-gut) * 2) 0;
  }
}
@media only screen and (min-width: 1018px) and (max-aspect-ratio: 15/10) {
  .company--header {
    grid-column-start: 1;
    margin-top: calc(var(--monogram-size) * 2 + var(--size-gut) * 4);
  }

  .company--info, .chart {
    align-self: flex-start;
    padding-top: calc(var(--gut) * 3);
  }

  .company--info {
    grid-column-start: 1;
    height: 100%;
    padding-bottom: calc(var(--gut));
  }

  .company--info-container {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 100%;
  }

  .company--info-website-wrap .divider {
    margin-top: calc(var(--size-gut) * 2);
  }
}
.chart--wrap {
  position: relative;
}

#svg-chart {
  overflow: visible;
  width: 100%;
  height: auto;
  display: block;
  position: relative;
}
#svg-chart polygon {
  stroke: #fff;
  stroke-width: 1px;
}
#svg-chart circle {
  fill: #fff;
  z-index: 50;
  transition: all 0.6s ease-in-out;
}
#svg-chart circle.active {
  fill: rgb(var(--dk-color-rgb));
  r: 16;
}
#svg-chart line {
  stroke: rgb(var(--dk-color-rgb));
  stroke-width: 0px;
  fill: transparent;
  -webkit-animation: dash 0.6s linear;
          animation: dash 0.6s linear;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
#svg-chart line.draw {
  stroke-width: 1px;
}

.company--image {
  position: absolute;
  mix-blend-mode: multiply;
  opacity: 0.4;
  max-height: 75%;
  max-width: 75%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

@-webkit-keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}

@keyframes dash {
  to {
    stroke-dashoffset: 0;
  }
}
/* ===============================================
/* TABLET ===================================== */
@media only screen and (min-width: 680px) {
  .chart--wrap {
    width: 60%;
    margin: auto;
  }

  .chart--label {
    position: absolute;
    display: inline-block;
    line-height: 0;
    white-space: nowrap;
    z-index: 50;
    padding: 0.15em 1em 0;
    transform: translate(0, -50%);
    opacity: 0;
    transition: opacity 0.6s ease-in-out;
  }
  .chart--label.active {
    opacity: 1;
  }
  .chart--label.lbl-1, .chart--label.lbl-2, .chart--label.lbl-15, .chart--label.lbl-16 {
    padding: 0 0.75em 1.75em;
  }
  .chart--label.lbl-7, .chart--label.lbl-8, .chart--label.lbl-9, .chart--label.lbl-10 {
    padding: 1.75em 0.75em 0;
  }
}
.lbl-9, .lbl-10, .lbl-11, .lbl-12,
.lbl-13, .lbl-14, .lbl-15, .lbl-16 {
  transform: translate(-100%, -50%);
}

/* ===============================================
/* DESKTOP
/* ============================================ */
@media only screen and (min-width: 1018px) {
  .chart {
    grid-column-start: 5;
  }

  .chart--wrap {
    width: 65%;
  }

  .chart--label {
    padding: 0.15em 1.5em 0;
  }
  .chart--label.lbl-1, .chart--label.lbl-2, .chart--label.lbl-15, .chart--label.lbl-16 {
    padding: 0 1.25em 1.75em;
  }
  .chart--label.lbl-7, .chart--label.lbl-8, .chart--label.lbl-9, .chart--label.lbl-10 {
    padding: 1.75em 1.25em 0;
  }
}
@media only screen and (min-width: 1018px) and (max-aspect-ratio: 4/3) {
  .chart {
    grid-column-start: 4;
    grid-column-end: span 8;
  }

  .chart--wrap {
    width: 70%;
  }
}
.company-nav {
  overflow: hidden;
  transform: translateX(100%);
  transition: transform var(--nav-trans) cubic-bezier(0.45, 0, 0.12, 1);
  -webkit-backface-visibility: hidden;
}

.company-nav--wrap {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
}

.companies.initiated .company-nav {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
}
.companies.initiated .company-nav--wrap {
  height: 100vh;
}

.company-nav--section {
  width: 100%;
}

.company-nav--toggle {
  margin-top: calc(var(--size-gut) * 2);
  height: var(--monogram-size);
}

.nav-toggle--button, .nav-toggle--button svg {
  height: var(--monogram-size);
  width: calc(var(--monogram-size) * 1.1);
}
.nav-toggle--button svg line {
  stroke-width: 1px;
  transition: all 0.1s cubic-bezier(0.45, 0, 0.12, 1);
}
.nav-toggle--button .top {
  transform: translateY(-20%);
}
.nav-toggle--button .bottom {
  transform: translateY(20%);
}

.nav-toggle--button-mobile {
  position: absolute;
  top: calc(var(--size-gut) * 2);
  right: var(--page-margin);
  z-index: 50;
}

.company-nav--filter-bar {
  opacity: 0;
}

.company-nav--filter-label {
  padding: 2em 0;
}

body.co-nav-on .company-nav {
  transform: translateX(0);
}
body.co-nav-on .nav-toggle--button line {
  transform-origin: center;
}
body.co-nav-on .nav-toggle--button .top {
  transform: rotate(45deg);
}
body.co-nav-on .nav-toggle--button .bottom {
  transform: rotate(-45deg);
}
body.co-nav-on .company {
  opacity: 0.05;
}
body.co-nav-on .company-nav--filter-bar {
  opacity: 1;
}

.company-nav--list {
  flex-grow: 1;
  overflow-y: hidden;
}

.company-nav--list-wrap {
  overflow-x: visible;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.company-nav--list-wrap::-webkit-scrollbar {
  width: 0;
  height: 0;
}

.company-nav--line:last-child {
  margin-bottom: calc(var(--size-gut) * 4);
}

.company-nav--line,
.company-nav--button-inner {
  align-items: center;
}

button.company-nav--button:hover .company-nav--num-wrap {
  border-color: currentColor;
}

div.company-nav--button,
a.company-nav--button {
  padding-top: 0.3em;
  padding-bottom: 0.3em;
}

a.company-nav--button h2 {
  text-decoration: underline;
  text-decoration-thickness: 0.05em;
  -webkit-text-decoration-color: rgba(60, 60, 68, 0.333);
          text-decoration-color: rgba(60, 60, 68, 0.333);
}
a.company-nav--button:hover .company-nav--num-wrap {
  border-color: currentColor;
}
a.company-nav--button:hover .company-nav--button-inner {
  color: rgb(var(--dk-color-rgb));
}

.company-nav--name h2 {
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.company-nav--external-link {
  font-size: 0.666667em;
  margin-left: 0.5em;
  opacity: 0.5;
}

.no-transition .company-nav--logo-col.hover {
  -webkit-clip-path: unset;
          clip-path: unset;
}
.no-transition .company-nav--logo-col.hover .company-nav--logo {
  opacity: 0.85;
}

.company-nav--line,
.company-nav--line .divider {
  margin-top: 0.35em;
}

.company-nav--num-wrap {
  position: relative;
  padding: 0.5em;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border: 1px solid transparent;
  width: 2em;
  height: 2em;
}

.company-nav--button.active .company-nav--num-wrap {
  background: currentColor;
}
.company-nav--button.active .company-nav--num-wrap span {
  color: #fff;
}

.company-nav--logo-col {
  text-align: right;
  -webkit-clip-path: inset(0 0 0 100%);
          clip-path: inset(0 0 0 100%);
}

.company-nav--logo {
  height: 1.4em;
  width: auto;
  max-width: 100%;
  pointer-events: none;
  opacity: 0;
  text-align: right;
}

@media only screen and (max-width: 1017px) {
  .company-nav--button-wrap {
    display: none;
  }
}
/* ===============================================
/* TABLET ===================================== */
/* ===============================================
/* DESKTOP ==================================== */
@media only screen and (min-width: 1018px) {
  .company-nav {
    transform: translateX(calc(100% - var(--page-margin) + var(--size-gut) * 2 - (100% - var(--page-margin) * 2 + var(--size-gut)) / 12 * 2));
  }

  .nav-toggle--button-mobile {
    display: none !important;
  }

  .companies.initiated.no-transform .company-nav {
    left: calc(100% - var(--page-margin) + var(--size-gut) * 2 - (100% - var(--page-margin) * 2 + var(--size-gut)) / 12 * 2);
    transform: unset;
  }
  .companies.initiated.no-transition .company-nav {
    transition: unset;
  }
  .companies.initiated .company-nav--wrap {
    height: 100vh;
  }

  .company-nav--indent {
    grid-column-start: 2;
  }
}
@media only screen and (min-width: 272px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-sm.svg") top center repeat-y;
    background-size: 92.7536231884%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 679px) and (orientation: landscape) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-sm.svg") top center repeat-y;
    background-size: 92.7536231884%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 680px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-md.svg") top center repeat-y;
    background-size: 94.1176470588%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 680px) and (max-width: 1017px) and (orientation: landscape) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-md.svg") top center repeat-y;
    background-size: 94.1176470588%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1018px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-lg.svg") top center repeat-y;
    background-size: 94.2757009346%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 1440px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-lg.svg") top center repeat-y;
    background-size: 94.2757009346%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 2082px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background: url("/theme/grids/grid-lg.svg") top center repeat-y;
    background-size: 80%;
  }
  .show-grid.body-dev .grid-wrap > *, .show-grid.stage .grid-wrap > * {
    opacity: 0.8;
  }
}
@media only screen and (min-width: 4164px) {
  .show-grid.body-dev .grid-wrap, .show-grid.stage .grid-wrap {
    background-size: 3312px;
  }
}
.grid-test .row, .grid-test .sm-row, .grid-test .smd-row, .grid-test .md-row, .grid-test .lg-row {
  color: white;
  background: rgba(0, 0, 255, 0.3);
}
.grid-test .row .fillbox, .grid-test .sm-row .fillbox, .grid-test .smd-row .fillbox, .grid-test .md-row .fillbox, .grid-test .lg-row .fillbox {
  background: rgba(0, 255, 0, 0.3);
}
.grid-test .row p, .grid-test .sm-row p, .grid-test .smd-row p, .grid-test .md-row p, .grid-test .lg-row p {
  background: rgba(255, 0, 0, 0.3);
  white-space: nowrap;
}

.body-dev nav .current .top-link {
  color: red;
}

.body-dev nav .sub-link.current .child-link {
  color: blue;
}