/* --- Vars --- */
/* --- Z-Index Map --- */
.fixed {
  z-index: 12;
}

.loading {
  z-index: 16;
}

[data-section="recent-work"] figure {
  z-index: 6;
}
[data-section="recent-work"] figure img {
  z-index: 1;
}
[data-section="recent-work"] figure figcaption {
  z-index: 2;
}
[data-section="recent-work"].polygon-sawtooth::after {
  z-index: 1;
}
[data-section="recent-work"].polygon-sawtooth::before {
  z-index: 2;
}

/* --- Base --- */
html {
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

body {
  background-color: #454d61;
  min-height: 100%;
  margin: 0;
  -webkit-overflow-scrolling: touch;
}

/* --- Themes --- */
[data-theme="light"],
[data-theme="accent"],
[data-theme="primary"] {
  color: rgba(0, 0, 0, 0.925);
}

[data-theme="dark"],
[data-theme="darker"],
[data-theme="secondary"] {
  color: rgba(240, 240, 240, 0.875);
}
[data-theme="dark"] h2,
[data-theme="darker"] h2,
[data-theme="secondary"] h2 {
  padding-top: 0.33em;
  padding-bottom: 1.5em;
  color: rgba(181, 244, 225, 0.82);
}

[data-theme="light"] {
  background-color: #f0f0f0;
}

[data-theme="lighter"] {
  background-color: white;
}

[data-theme="accent"] {
  background-color: rgba(120, 254, 213, 0.92);
}

[data-theme="dark"] {
  background-color: #141617;
}

[data-theme="darker"] {
  background-image: linear-gradient(-135deg, black, black);
}

[data-theme="secondary"] {
  background-color: rgba(36, 33, 43, 0.96);
}

[data-theme="yellow"] {
  background-color: rgba(255, 245, 154, 0.96);
}

/* --- Typography --- */
h1, h2, h3, h4, h5, p, li {
  margin: 0;
}

p,
li,
figcaption {
  -webkit-hyphens: auto;
      -ms-hyphens: auto;
          hyphens: auto;
  -ms-touch-action: pan-y;
      touch-action: pan-y;
  -webkit-user-drag: none;
}

html, p, li {
  font-family: "-apple-system", "-webkit-system-font", "Helvetica Neue", "Malgun Gothic", "Segoe UI", sans-serif;
}

.text-primary,
.loading span, h1, h2, h3, h4 {
  font-family: "Futura", "Open Sans", Corbel, Arial, sans-serif;
}

h5,
small,
.text-serif {
  font-family: "Crimson Text", Times, serif;
}

h1,
.text-xxl {
  font-size: 4.66em;
}

h2, .text-xl {
  font-size: 3.33em;
}

h3,
figcaption,
.text-lg {
  font-size: 1.66em;
}

h5 {
  color: rgba(0, 0, 0, 0.925);
}

h4,
.label,
.text-xxs,
.text-md {
  font-size: 1em;
}

.text-sm {
  font-size: 0.875em;
}

.text-xs {
  font-size: 0.75em;
}

h4,
.label,
.text-xxs {
  padding-bottom: .625em;
}

small,
.text-xxs {
  font-size: 0.66em;
}

h4 {
  letter-spacing: .1166em;
}

p,
li,
nav a {
  letter-spacing: -.0066em;
  font-weight: 200;
}

h5,
small,
.text-light {
  font-weight: 200;
}

b,
strong {
  font-weight: 500;
}

.label {
  font-weight: 500;
}

h1 {
  font-weight: 700;
}

h2,
aside h3 {
  font-weight: 400;
}

h3,
h4 {
  font-weight: 800;
}

h1,
h2,
h3,
h4 {
  line-height: .85em;
}

ul {
  padding-left: 0;
  margin-bottom: 0;
}
ul li {
  list-style: none;
}

h1,
h3,
li {
  padding-bottom: .133em;
}

h2 {
  padding-bottom: .425em;
  font-weight: 500;
}

h4,
p {
  padding-bottom: 2.75em;
}

h5 {
  padding-bottom: 1.1875em;
}

a {
  color: inherit;
  text-decoration: none;
}
a:hover, a:focus {
  text-decoration: none;
}

h1,
h2,
h4 {
  text-transform: uppercase;
}

em,
small,
h5 {
  font-style: italic;
}

small {
  color: #b6b6b6;
}

hr {
  margin-bottom: 1.5em;
  border-color: rgba(240, 240, 240, 0.166);
  border-bottom-width: 0;
}

/* --- Images & Icons --- */
i,
svg,
img,
figure,
figcaption {
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
}

i,
svg,
img,
a span,
.btn,
.notification {
  vertical-align: middle;
}

i,
svg,
img {
  width: auto;
}

img {
  pointer-events: none;
  max-width: 100%;
  -ms-interpolation-mode: bicubic;
}
img, a img {
  border: 0;
  outline: none;
}

.image-container {
  overflow: hidden;
  display: inline-block;
  text-align: center;
  width: 25%;
  height: 0;
  padding-bottom: 25%;
  font-size: 0;
  background-color: rgba(240, 240, 240, 0.025);
}
.image-container.bordered {
  border: 0.75rem solid rgba(240, 240, 240, 0.0125);
  -webkit-transition: 200ms border-color cubic-bezier(1, 0.5, 0.8, 1);
  transition: 200ms border-color cubic-bezier(1, 0.5, 0.8, 1);
}
.image-container.bordered:hover, .image-container.bordered:focus {
  border-color: rgba(181, 244, 225, 0.33);
  background-color: rgba(181, 244, 225, 0.66);
}
.image-container.circle {
  border-radius: 50%;
}
.image-container > img {
  position: absolute;
  top: 47.5%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
}

/* --- Utilities --- */
.list-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-bottom: 0;
}
.list-inline > li {
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
}
.list-inline > li + li {
  margin-left: calc(1.5em + 1.33vw);
}

i,
img,
svg,
figure,
figcaption,
.btn,
.text-disabled {
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

h1,
h2,
h3,
h4,
h5,
li,
a span,
nav a,
nav span,
figcaption,
.text-ellipsis {
  text-overflow: ellipsis;
}

.sr-only {
  display: none;
}

li,
a span,
figure,
.label,
.loading,
.text-ellipsis {
  overflow: hidden;
}

nav span,
.loading,
.label {
  white-space: nowrap;
}

/* --- Navigation --- */
nav a {
  -webkit-transition: 100ms color cubic-bezier(1, 0.5, 0.8, 1);
  transition: 100ms color cubic-bezier(1, 0.5, 0.8, 1);
}
nav svg {
  -webkit-transition: 600ms fill cubic-bezier(1, 0.5, 0.8, 1);
  transition: 600ms fill cubic-bezier(1, 0.5, 0.8, 1);
}

/* --- Sawtooth Path --- */
.polygon-sawtooth::before, .polygon-sawtooth::after {
  content: "";
  position: absolute;
  width: 0;
  padding-left: 25%;
  -webkit-clip-path: polygon(0 0, 42.5% 50%, 42.5% 25%, 100% 100%, 100% 0, 0 0);
          clip-path: polygon(0 0, 42.5% 50%, 42.5% 25%, 100% 100%, 100% 0, 0 0);
}
.polygon-sawtooth.polygon-pin-top::before, .polygon-sawtooth.polygon-pin-top::after, .polygon-sawtooth.polygon-pin-right::before, .polygon-sawtooth.polygon-pin-right::after, .polygon-sawtooth.polygon-pin-top-right::before, .polygon-sawtooth.polygon-pin-top-right::after, .polygon-sawtooth.polygon-pin-top-left::before, .polygon-sawtooth.polygon-pin-top-left::after {
  top: -0.0625rem;
}
.polygon-sawtooth.polygon-pin-right::before, .polygon-sawtooth.polygon-pin-right::after, .polygon-sawtooth.polygon-pin-top-right::before, .polygon-sawtooth.polygon-pin-top-right::after, .polygon-sawtooth.polygon-pin-bottom-right::before, .polygon-sawtooth.polygon-pin-bottom-right::after {
  right: -0.0625rem;
}
.polygon-sawtooth.polygon-pin-left::before, .polygon-sawtooth.polygon-pin-left::after, .polygon-sawtooth.polygon-pin-top-left::before, .polygon-sawtooth.polygon-pin-top-left::after, .polygon-sawtooth.polygon-pin-bottom-left::before, .polygon-sawtooth.polygon-pin-bottom-left::after {
  left: -0.0625rem;
}
.polygon-sawtooth.polygon-pin-bottom::before, .polygon-sawtooth.polygon-pin-bottom::after, .polygon-sawtooth.polygon-pin-right::before, .polygon-sawtooth.polygon-pin-right::after, .polygon-sawtooth.polygon-pin-bottom-right::before, .polygon-sawtooth.polygon-pin-bottom-right::after, .polygon-sawtooth.polygon-pin-bottom-left::before, .polygon-sawtooth.polygon-pin-bottom-left::after {
  bottom: -0.0625rem;
}

.navbar {
  color: rgba(0, 0, 0, 0.925);
}
.navbar [data-column] {
  padding-left: 2.15625em;
  padding-right: 2.15625em;
}
.navbar [data-column] svg {
  fill: rgba(240, 240, 240, 0.72);
  height: 1.625em;
}
.navbar--sm [data-column] {
  line-height: 2.15625em;
}
.navbar--md [data-column] {
  line-height: 2.875em;
}
.navbar--lg [data-column] {
  line-height: 4.375rem;
}
.navbar--top [data-column="logo"] {
  color: rgba(240, 240, 240, 0.875);
}
.navbar--top [data-column="logo"]::after {
  background-color: #f0f0f0;
  opacity: 0;
}
.navbar--top [data-column="logo"] svg {
  fill: rgba(240, 240, 240, 0.875);
}
.navbar--top [data-column="title"] {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
  background: rgba(120, 254, 213, 0.92);
}
.navbar--top [data-column="nav"] {
  display: none;
}
.navbar--top:hover [data-column="logo"] a:hover, .navbar--top:hover [data-column="logo"] a:focus, .navbar--top:focus [data-column="logo"] a:hover, .navbar--top:focus [data-column="logo"] a:focus {
  color: rgba(147, 147, 179, 0.96);
}
.navbar--top:hover [data-column="logo"] a:hover svg, .navbar--top:hover [data-column="logo"] a:focus svg, .navbar--top:focus [data-column="logo"] a:hover svg, .navbar--top:focus [data-column="logo"] a:focus svg {
  fill: rgba(147, 147, 179, 0.96);
}
.navbar--bottom {
  color: white;
}
.navbar--bottom p {
  padding-bottom: 0;
}
.navbar--bottom svg {
  min-height: 3.33em;
}

/* --- Loading --- */
.loading {
  cursor: default;
  pointer-events: none;
  position: fixed;
  bottom: 0;
  left: 50%;
  padding: 1.25em 2.66em;
  background: rgba(36, 33, 43, 0.96);
  text-align: center;
  color: rgba(181, 244, 225, 0.82);
  text-transform: uppercase;
  -webkit-box-shadow: 0 0.66em 3em rgba(0, 0, 0, 0.066), inset 0 1.66em 6em rgba(120, 254, 213, 0.1);
          box-shadow: 0 0.66em 3em rgba(0, 0, 0, 0.066), inset 0 1.66em 6em rgba(120, 254, 213, 0.1);
  -webkit-transform: translate3d(-50%, 100%, 0);
          transform: translate3d(-50%, 100%, 0);
  transition: 200ms -webkit-transform, transform cubic-bezier(0.4, 0, 0.2, 1);
  border-radius: 0.166em 0.166em 0 0;
}
.loading.active {
  -webkit-transform: translate3d(-50%, 0, 0);
          transform: translate3d(-50%, 0, 0);
}
.loading:hover, .loading:focus {
  background: rgba(53, 49, 64, 0.96);
}
.loading svg {
  fill: rgba(181, 244, 225, 0.166);
  min-width: 1.25em;
  min-height: 1.25em;
  -webkit-transition: 200ms fill cubic-bezier(0.4, 0, 0.2, 1);
  transition: 200ms fill cubic-bezier(0.4, 0, 0.2, 1);
}
.loading svg + span {
  margin-left: .66em;
  letter-spacing: .166em;
}
.loading:hover svg, .loading:focus svg {
  fill: rgba(120, 254, 213, 0.92);
}

/* --- Layout --- */
.card,
.polygon-sawtooth,
[data-column] {
  position: relative;
}

figcaption {
  padding: 0.75em 0.875em 0.875em 0.875em;
  text-align: center;
  line-height: .866;
}
figcaption .label {
  color: #f0f0f0;
  font-family: "Futura", "Open Sans", Corbel, Arial, sans-serif;
  font-size: .566em;
  letter-spacing: .1866em;
  font-weight: 500;
  text-transform: uppercase;
}

[class*=grid-],
[class*=grid_],
[class~=grid] {
  margin-left: 0;
  margin-right: 0;
}
[class*=grid-].grid-noPadding > [class*=col-],
[class*=grid-].grid-noPadding > [class*=col_],
[class*=grid-].grid-noPadding > [class~=col], [class*=grid-].grid-noGutter > [class*=col-],
[class*=grid-].grid-noGutter > [class*=col_],
[class*=grid-].grid-noGutter > [class~=col],
[class*=grid_].grid-noPadding > [class*=col-],
[class*=grid_].grid-noPadding > [class*=col_],
[class*=grid_].grid-noPadding > [class~=col],
[class*=grid_].grid-noGutter > [class*=col-],
[class*=grid_].grid-noGutter > [class*=col_],
[class*=grid_].grid-noGutter > [class~=col],
[class~=grid].grid-noPadding > [class*=col-],
[class~=grid].grid-noPadding > [class*=col_],
[class~=grid].grid-noPadding > [class~=col],
[class~=grid].grid-noGutter > [class*=col-],
[class~=grid].grid-noGutter > [class*=col_],
[class~=grid].grid-noGutter > [class~=col] {
  padding-top: 0;
  padding-bottom: 0;
}

/* --- Card --- */
.card {
  padding: 3.33em calc(1.5em + 1.33vw) calc(1.5em + 1.33vw) calc(1.5em + 1.33vw);
  font-size: 1.33em;
}
.card::after {
  width: 0;
  height: 0;
  padding-top: 1em;
  padding-bottom: 4em;
  background-color: #f0f0f0;
}

/* --- Sidebar --- */
aside h3,
aside h4,
aside p {
  color: black;
}
aside h3,
aside h4 {
  padding-bottom: 0.75em;
  font-size: 1em;
}
aside h3 {
  font-weight: 500;
}
aside p {
  font-size: 0.66em;
  font-weight: 200;
}

/* --- Buttons --- */
.btn,
.notification {
  padding-left: calc(1.5em + 2vw);
  padding-right: calc(1.5em + 2vw);
}
.btn svg,
.notification svg {
  height: calc(.5em + .88vw);
}

/* --- App --- */
#app {
  background-color: #141617;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1458' height='175' viewBox='0 0 1000 120'%3E%3Cg fill='none' stroke='%23222' stroke-width='1.1' stroke-opacity='0.67'%3E%3Cpath d='M-500%2C75c0%2C0%2C125-30%2C250-30S0%2C75%2C0%2C75s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3Cpath d='M-500%2C45c0%2C0%2C125-30%2C250-30S0%2C45%2C0%2C45s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3Cpath d='M-500%2C105c0%2C0%2C125-30%2C250-30S0%2C105%2C0%2C105s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3Cpath d='M-500%2C15c0%2C0%2C125-30%2C250-30S0%2C15%2C0%2C15s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3Cpath d='M-500-15c0%2C0%2C125-30%2C250-30S0-15%2C0-15s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3Cpath d='M-500%2C135c0%2C0%2C125-30%2C250-30S0%2C135%2C0%2C135s125%2C30%2C250%2C30s250-30%2C250-30s125-30%2C250-30s250%2C30%2C250%2C30s125%2C30%2C250%2C30s250-30%2C250-30'/%3E%3C/g%3E%3C/svg%3E");
  line-height: 1.33;
  font-family: "Futura", "Open Sans", Corbel, Arial, sans-serif;
  color: white;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
  text-rendering: optimizeLegibility;
  font-smooth: always;
}

.container {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding: 1rem;
}
.container--left {
  margin-left: 0;
}
.container--right {
  margin-right: 0;
}

ul.container {
  padding: 0;
}

@media only screen and (min-width: 48.0001em) {
  .container-xs {
    max-width: 16em;
  }
  .container-sm {
    max-width: 30em;
  }
  .container-md {
    max-width: 45em;
  }
  .container-lg {
    max-width: 60em;
  }
  .container-xl {
    max-width: 80em;
  }
}
/* --- Sections --- */
#app > [data-nav].section-noGutter,
#app > [data-section].section-noGutter {
  padding-top: 0;
  padding-bottom: 0;
}
#app > [data-nav].section-xs,
#app > [data-section].section-xs {
  padding-top: calc(1.5em + .9375vw);
  padding-bottom: calc(1.5em + .9375vw);
}
#app > [data-nav].section-sm,
#app > [data-section].section-sm {
  padding-top: calc(1.5em + .9375vw);
  padding-bottom: calc(1.5em + .9375vw);
}
#app > [data-nav].section-lg,
#app > [data-section].section-lg {
  padding-top: calc(2.75em + 3.33vw);
  padding-bottom: calc(2.75em + 3.33vw);
}
#app > [data-nav].section-xl,
#app > [data-section].section-xl {
  padding-top: calc(1.5em + 2vw);
  padding-bottom: calc(1.5em + 2vw);
}
#app > [data-nav].section-xxl,
#app > [data-section].section-xxl {
  padding-top: 0.75em;
  padding-bottom: 0.75em;
}

/* --- Columns --- */
[data-column="year"] small {
  font-family: "Futura", "Open Sans", Corbel, Arial, sans-serif;
  font-size: 3.33em;
  color: rgba(0, 0, 0, 0.0866);
  font-weight: 700;
  font-style: normal;
}

[data-section="recent-work"].polygon-sawtooth::before, [data-section="recent-work"].polygon-sawtooth::after {
  height: calc(50% + 0.0625rem);
  -webkit-transition: 600ms background-color cubic-bezier(0.4, 0, 0.2, 1);
  transition: 600ms background-color cubic-bezier(0.4, 0, 0.2, 1);
}
[data-section="recent-work"].polygon-sawtooth::before {
  left: 0.0625rem;
  bottom: 2.25em;
  background: rgba(240, 240, 240, 0.62);
}
[data-section="recent-work"].polygon-sawtooth::after {
  left: 0.0625rem;
  background: rgba(59, 240, 219, 0.92);
}
[data-section="recent-work"]:hover::before, [data-section="recent-work"]:focus::before {
  background: rgba(120, 254, 213, 0.525);
}
[data-section="recent-work"] figure {
  height: 0;
  margin: 0;
  padding-bottom: 33.33%;
}
[data-section="recent-work"] figure::before,
[data-section="recent-work"] figure figcaption,
[data-section="recent-work"] figure figcaption::before {
  z-index: 5;
}
[data-section="recent-work"] figure::before,
[data-section="recent-work"] figure figcaption,
[data-section="recent-work"] figure figcaption::before {
  position: absolute;
}
[data-section="recent-work"] figure img,
[data-section="recent-work"] figure figcaption {
  -webkit-transition-timing-function: cubic-bezier(0.18, 0.98, 0.45, 1);
          transition-timing-function: cubic-bezier(0.18, 0.98, 0.45, 1);
  -webkit-transition-duration: 600ms;
          transition-duration: 600ms;
}
[data-section="recent-work"] figure figcaption {
  transition-property: -webkit-transform, transform, opacity, box-shadow, background;
}
[data-section="recent-work"] figure::before {
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-image: radial-gradient(rgba(181, 244, 225, 0.25), rgba(36, 33, 43, 0.5) 82.5%);
  opacity: .425;
  -webkit-transition: 600ms all cubic-bezier(0.4, 0, 0.2, 1);
  transition: 600ms all cubic-bezier(0.4, 0, 0.2, 1);
}
[data-section="recent-work"] figure img {
  z-index: 1;
  min-width: 100%;
  max-width: 100%;
  -webkit-transform: scale(1.0175);
          transform: scale(1.0175);
  transition-property: -webkit-transform, transform, opacity;
}
[data-section="recent-work"] figure figcaption {
  bottom: 0;
  left: 0;
  right: 0;
  height: auto !important;
  background-color: rgba(36, 33, 43, 0.96);
  -webkit-box-shadow: 0 1.66em 6em rgba(36, 33, 43, 0.85), inset 0 1.66em 6em rgba(36, 33, 43, 0.85);
          box-shadow: 0 1.66em 6em rgba(36, 33, 43, 0.85), inset 0 1.66em 6em rgba(36, 33, 43, 0.85);
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
}
[data-section="recent-work"] figure:hover::before, [data-section="recent-work"] figure:focus::before {
  opacity: .925;
}
[data-section="recent-work"] figure:hover img,
[data-section="recent-work"] figure:hover figcaption, [data-section="recent-work"] figure:focus img,
[data-section="recent-work"] figure:focus figcaption {
  opacity: .825;
}
[data-section="recent-work"] figure:hover img, [data-section="recent-work"] figure:focus img {
  -webkit-transform: translate3d(0, 0, 0) scale(1.0166);
          transform: translate3d(0, 0, 0) scale(1.0166);
}
[data-section="recent-work"] figure:hover figcaption, [data-section="recent-work"] figure:hover figcaption::before, [data-section="recent-work"] figure:focus figcaption, [data-section="recent-work"] figure:focus figcaption::before {
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
[data-section="recent-work"] figure:hover figcaption:hover, [data-section="recent-work"] figure:hover figcaption:focus, [data-section="recent-work"] figure:focus figcaption:hover, [data-section="recent-work"] figure:focus figcaption:focus {
  background-color: black;
  color: rgba(240, 240, 240, 0.875);
}

[data-section="intro"] {
  background-color: transparent;
}
[data-section="intro"] .text {
  padding: calc(1.5em + 2vw) 1.1875em;
}

[data-section="recent-work"] {
  overflow: hidden;
}

[data-section="references"] {
  background-color: #1a2433;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1000' height='1000' viewBox='0 0 800 800'%3E%3Cg fill='none' stroke='%23ffffff07' stroke-width='0.5'%3E%3Cpath d='M769 229L1037 260.9M927 880L731 737 520 660 309 538 40 599 295 764 126.5 879.5 40 599-197 493 102 382-31 229 126.5 79.5-69-63'/%3E%3Cpath d='M-31 229L237 261 390 382 603 493 308.5 537.5 101.5 381.5M370 905L295 764'/%3E%3Cpath d='M520 660L578 842 731 737 840 599 603 493 520 660 295 764 309 538 390 382 539 269 769 229 577.5 41.5 370 105 295 -36 126.5 79.5 237 261 102 382 40 599 -69 737 127 880'/%3E%3Cpath d='M520-140L578.5 42.5 731-63M603 493L539 269 237 261 370 105M902 382L539 269M390 382L102 382'/%3E%3Cpath d='M-222 42L126.5 79.5 370 105 539 269 577.5 41.5 927 80 769 229 902 382 603 493 731 737M295-36L577.5 41.5M578 842L295 764M40-201L127 80M102 382L-261 269'/%3E%3C/g%3E%3Cg fill='%23ffffff07'%3E%3Ccircle cx='769' cy='229' r='5'/%3E%3Ccircle cx='539' cy='269' r='5'/%3E%3Ccircle cx='603' cy='493' r='5'/%3E%3Ccircle cx='731' cy='737' r='5'/%3E%3Ccircle cx='520' cy='660' r='5'/%3E%3Ccircle cx='309' cy='538' r='5'/%3E%3Ccircle cx='295' cy='764' r='5'/%3E%3Ccircle cx='40' cy='599' r='5'/%3E%3Ccircle cx='102' cy='382' r='5'/%3E%3Ccircle cx='127' cy='80' r='5'/%3E%3Ccircle cx='370' cy='105' r='5'/%3E%3Ccircle cx='578' cy='42' r='5'/%3E%3Ccircle cx='237' cy='261' r='5'/%3E%3Ccircle cx='390' cy='382' r='5'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
[data-section="references"] .image-container {
  margin-bottom: 0.75em;
}
[data-section="references"] h2 {
  color: rgba(240, 240, 240, 0.875);
}
[data-section="references"] h4 {
  padding-top: 0.25em;
  padding-bottom: 0.375em;
}

[data-section="work-history"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1059' height='1059' viewBox='0 0 200 200'%3E%3Cg fill='none' stroke='%2317ffd3' stroke-width='0.5' stroke-opacity='0.07'%3E%3Crect x='-40' y='40' width='75' height='75'/%3E%3Crect x='-35' y='45' width='65' height='65'/%3E%3Crect x='-30' y='50' width='55' height='55'/%3E%3Crect x='-25' y='55' width='45' height='45'/%3E%3Crect x='-20' y='60' width='35' height='35'/%3E%3Crect x='-15' y='65' width='25' height='25'/%3E%3Crect x='-10' y='70' width='15' height='15'/%3E%3Crect x='-5' y='75' width='5' height='5'/%3E%3Crect width='35' height='35'/%3E%3Crect x='5' y='5' width='25' height='25'/%3E%3Crect x='10' y='10' width='15' height='15'/%3E%3Crect x='15' y='15' width='5' height='5'/%3E%3Crect x='40' width='75' height='75'/%3E%3Crect x='45' y='5' width='65' height='65'/%3E%3Crect x='50' y='10' width='55' height='55'/%3E%3Crect x='55' y='15' width='45' height='45'/%3E%3Crect x='60' y='20' width='35' height='35'/%3E%3Crect x='65' y='25' width='25' height='25'/%3E%3Crect x='70' y='30' width='15' height='15'/%3E%3Crect x='75' y='35' width='5' height='5'/%3E%3Crect x='40' y='80' width='35' height='35'/%3E%3Crect x='45' y='85' width='25' height='25'/%3E%3Crect x='50' y='90' width='15' height='15'/%3E%3Crect x='55' y='95' width='5' height='5'/%3E%3Crect x='120' y='-40' width='75' height='75'/%3E%3Crect x='125' y='-35' width='65' height='65'/%3E%3Crect x='130' y='-30' width='55' height='55'/%3E%3Crect x='135' y='-25' width='45' height='45'/%3E%3Crect x='140' y='-20' width='35' height='35'/%3E%3Crect x='145' y='-15' width='25' height='25'/%3E%3Crect x='150' y='-10' width='15' height='15'/%3E%3Crect x='155' y='-5' width='5' height='5'/%3E%3Crect x='120' y='40' width='35' height='35'/%3E%3Crect x='125' y='45' width='25' height='25'/%3E%3Crect x='130' y='50' width='15' height='15'/%3E%3Crect x='135' y='55' width='5' height='5'/%3E%3Crect y='120' width='75' height='75'/%3E%3Crect x='5' y='125' width='65' height='65'/%3E%3Crect x='10' y='130' width='55' height='55'/%3E%3Crect x='15' y='135' width='45' height='45'/%3E%3Crect x='20' y='140' width='35' height='35'/%3E%3Crect x='25' y='145' width='25' height='25'/%3E%3Crect x='30' y='150' width='15' height='15'/%3E%3Crect x='35' y='155' width='5' height='5'/%3E%3Crect x='200' y='120' width='75' height='75'/%3E%3Crect x='40' y='200' width='75' height='75'/%3E%3Crect x='80' y='80' width='75' height='75'/%3E%3Crect x='85' y='85' width='65' height='65'/%3E%3Crect x='90' y='90' width='55' height='55'/%3E%3Crect x='95' y='95' width='45' height='45'/%3E%3Crect x='100' y='100' width='35' height='35'/%3E%3Crect x='105' y='105' width='25' height='25'/%3E%3Crect x='110' y='110' width='15' height='15'/%3E%3Crect x='115' y='115' width='5' height='5'/%3E%3Crect x='80' y='160' width='35' height='35'/%3E%3Crect x='85' y='165' width='25' height='25'/%3E%3Crect x='90' y='170' width='15' height='15'/%3E%3Crect x='95' y='175' width='5' height='5'/%3E%3Crect x='120' y='160' width='75' height='75'/%3E%3Crect x='125' y='165' width='65' height='65'/%3E%3Crect x='130' y='170' width='55' height='55'/%3E%3Crect x='135' y='175' width='45' height='45'/%3E%3Crect x='140' y='180' width='35' height='35'/%3E%3Crect x='145' y='185' width='25' height='25'/%3E%3Crect x='150' y='190' width='15' height='15'/%3E%3Crect x='155' y='195' width='5' height='5'/%3E%3Crect x='160' y='40' width='75' height='75'/%3E%3Crect x='165' y='45' width='65' height='65'/%3E%3Crect x='170' y='50' width='55' height='55'/%3E%3Crect x='175' y='55' width='45' height='45'/%3E%3Crect x='180' y='60' width='35' height='35'/%3E%3Crect x='185' y='65' width='25' height='25'/%3E%3Crect x='190' y='70' width='15' height='15'/%3E%3Crect x='195' y='75' width='5' height='5'/%3E%3Crect x='160' y='120' width='35' height='35'/%3E%3Crect x='165' y='125' width='25' height='25'/%3E%3Crect x='170' y='130' width='15' height='15'/%3E%3Crect x='175' y='135' width='5' height='5'/%3E%3Crect x='200' y='200' width='35' height='35'/%3E%3Crect x='200' width='35' height='35'/%3E%3Crect y='200' width='35' height='35'/%3E%3C/g%3E%3C/svg%3E");
}
[data-section="work-history"] .grid > li.col:first-of-type {
  padding-bottom: 0;
}
[data-section="work-history"] .grid > li.col {
  padding-left: 0.875em;
  padding-right: 0.875em;
  padding-bottom: 1.5em;
}
[data-section="work-history"] .grid > li.col p {
  padding-bottom: 0.375em;
}

[data-section="skills-services"] {
  background: #007aff;
}
[data-section="skills-services"] h2, [data-section="skills-services"] li {
  color: rgba(240, 240, 240, 0.875);
}
[data-section="skills-services"] h2 {
  padding-bottom: 0;
}
[data-section="skills-services"] li {
  overflow: visible;
  white-space: nowrap;
  font-weight: 400;
}

[data-section="social-links"] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='100%25' viewBox='0 0 2 1'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='0' x2='0' y1='0' y2='100%25'%3E%3Cstop offset='0' stop-color='%23302378'/%3E%3Cstop offset='1' stop-color='%2305ffc5'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-/%3E%3C/linearGradient%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='2' y2='2'%3E%3Cstop offset='0' stop-color='%23ffffff' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%23ffffff' stop-opacity='1'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='0' y='0' fill='url(%23a)' width='2' height='1'/%3E%3Cg fill-opacity='0.5'%3E%3Cpolygon fill='url(%23b)' points='0%2C1 0%2C0 2%2C0'/%3E%3Cpolygon fill='url(%23c)' points='2%2C1 2%2C0 0%2C0'/%3E%3C/g%3E%3C/svg%3E");
  background-attachment: fixed;
  background-size: cover;
  background-position: center;
}
[data-section="social-links"] svg {
  fill: rgba(147, 147, 179, 0.875);
}
[data-section="social-links"]:hover svg, [data-section="social-links"]:focus svg {
  fill: rgba(147, 147, 179, 0.96);
}
[data-section="social-links"][data-theme] {
  /* h2 {
  	padding-bottom: 0 !important;
  } */
}
[data-section="social-links"] ul > li {
  overflow: visible;
}
[data-section="social-links"] ul > li svg:hover, [data-section="social-links"] ul > li svg:focus {
  fill: white;
}

/* --- Media Queries --- */
@media only screen and (min-width: 80.0001em) {
  h2 {
    font-size: 3.33em;
  }

  .fixed {
    position: fixed;
  }
  .fixed--top, .fixed--bottom {
    left: 0;
    right: 0;
  }
  .fixed--top {
    top: 0;
  }
  .fixed--bottom {
    bottom: 0;
  }

  #app [data-section][data-section="intro"] {
    padding-top: 4.375rem;
  }

  .navbar [data-column="logo"]::after {
    opacity: 1;
  }
  .navbar--top [data-column] a {
    color: rgba(0, 0, 0, 0.925);
  }
  .navbar--top [data-column] a svg {
    fill: rgba(0, 0, 0, 0.925);
  }
  .navbar--top [data-column="title"],
  .navbar--top [data-column="nav"] {
    background-color: #f0f0f0;
  }
  .navbar--top [data-column="logo"] {
    background-color: #141617;
  }
  .navbar--top [data-column="logo"] a {
    color: rgba(181, 244, 225, 0.62);
  }
  .navbar--top [data-column="logo"] a svg {
    fill: rgba(181, 244, 225, 0.62);
  }
  .navbar--top [data-column="title"] {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}
@media only screen and (min-width: 65.0001em) {
  [data-nav].section-xxl,
  [data-section].section-xxl {
    padding-top: calc(1.5em + 2.5vw);
    padding-bottom: calc(1.5em + 2.5vw);
  }

  #app [data-column="year"] small {
    font-size: 3.33em;
  }
  #app [data-section="work-history"] .card {
    margin-right: 0;
  }
  #app [data-section="why-hire"] {
    margin-top: calc(2.75em + 3.33vw);
  }
  #app [data-section="why-hire"] .card {
    margin-left: 0;
  }
  #app [data-section="skills-services"] ul {
    margin-bottom: calc(2.75em + 3.33vw);
  }
}
@media only screen and (min-width: 48.0001em) {
  #app [data-section="recent-work"] figure {
    padding-bottom: 25%;
  }
  #app [data-section="work-history"] h2 {
    padding-top: 1.1875em;
  }
  #app [data-column="year"] small {
    font-size: 2.33em;
  }
}
@media only screen and (min-width: 48.0001em) {
  #app .navbar [data-column="nav"] {
    display: inline-block;
  }
}
/* --- Max-width Media Queries --- */
@media only screen and (max-width: 80em) {
  .card {
    margin-bottom: 0.75em;
  }
}
@media only screen and (max-width: 80em) {
  #app > nav [data-column="title"],
  #app > nav [data-column="description"] {
    line-height: normal;
    /* height: auto; */
    padding-top: 0.75em;
    padding-bottom: 0.75em;
  }
  #app > nav [data-column="title"] a,
  #app > nav [data-column="description"] a {
    display: inline-block;
    line-height: .833em;
  }
  #app [data-column="title"] {
    -webkit-box-ordinal-group: 0;
        -ms-flex-order: -1;
            order: -1;
    background: rgba(120, 254, 213, 0.92);
    padding-top: .5em;
    padding-bottom: .25em;
  }
}
/* --- Text Alignment --- */
[class*=text-][class*=text-left], [class*=text-][class*=text_left],
[class*=text_][class*=text-left],
[class*=text_][class*=text_left],
[class~=text][class*=text-left],
[class~=text][class*=text_left] {
  text-align: left;
}
[class*=text-][class*=text-center], [class*=text-][class*=text_center],
[class*=text_][class*=text-center],
[class*=text_][class*=text_center],
[class~=text][class*=text-center],
[class~=text][class*=text_center] {
  text-align: center;
}
[class*=text-][class*=text-right], [class*=text-][class*=text_right],
[class*=text_][class*=text-right],
[class*=text_][class*=text_right],
[class~=text][class*=text-right],
[class~=text][class*=text_right] {
  text-align: right;
}

@media only screen and (min-width: 80.0001em) {
  [class*=text-][class*=lg-left], [class*=text-][class*=lg_left],
  [class*=text_][class*=lg-left],
  [class*=text_][class*=lg_left],
  [class~=text][class*=lg-left],
  [class~=text][class*=lg_left] {
    text-align: left;
  }
  [class*=text-][class*=lg-center], [class*=text-][class*=lg_center],
  [class*=text_][class*=lg-center],
  [class*=text_][class*=lg_center],
  [class~=text][class*=lg-center],
  [class~=text][class*=lg_center] {
    text-align: center;
  }
  [class*=text-][class*=lg-right], [class*=text-][class*=lg_right],
  [class*=text_][class*=lg-right],
  [class*=text_][class*=lg_right],
  [class~=text][class*=lg-right],
  [class~=text][class*=lg_right] {
    text-align: right;
  }
}
@media only screen and (max-width: 80em) and (min-width: 65.0001em) {
  [class*=text-][class*=lg-left], [class*=text-][class*=lg_left],
  [class*=text_][class*=lg-left],
  [class*=text_][class*=lg_left],
  [class~=text][class*=lg-left],
  [class~=text][class*=lg_left] {
    text-align: left;
  }
  [class*=text-][class*=lg-center], [class*=text-][class*=lg_center],
  [class*=text_][class*=lg-center],
  [class*=text_][class*=lg_center],
  [class~=text][class*=lg-center],
  [class~=text][class*=lg_center] {
    text-align: center;
  }
  [class*=text-][class*=lg-right], [class*=text-][class*=lg_right],
  [class*=text_][class*=lg-right],
  [class*=text_][class*=lg_right],
  [class~=text][class*=lg-right],
  [class~=text][class*=lg_right] {
    text-align: right;
  }
}
@media only screen and (max-width: 65em) and (min-width: 48.0001em) {
  [class*=text-][class*=md-left], [class*=text-][class*=md_left],
  [class*=text_][class*=md-left],
  [class*=text_][class*=md_left],
  [class~=text][class*=md-left],
  [class~=text][class*=md_left] {
    text-align: left;
  }
  [class*=text-][class*=md-center], [class*=text-][class*=md_center],
  [class*=text_][class*=md-center],
  [class*=text_][class*=md_center],
  [class~=text][class*=md-center],
  [class~=text][class*=md_center] {
    text-align: center;
  }
  [class*=text-][class*=md-right], [class*=text-][class*=md_right],
  [class*=text_][class*=md-right],
  [class*=text_][class*=md_right],
  [class~=text][class*=md-right],
  [class~=text][class*=md_right] {
    text-align: right;
  }
}
@media only screen and (max-width: 48em) and (min-width: 36.0001em) {
  [class*=text-][class*=sm-left],
  [class*=text_][class*=sm-left],
  [class~=text][class*=sm-left] {
    text-align: left;
  }
  [class*=text-][class*=sm-center],
  [class*=text_][class*=sm-center],
  [class~=text][class*=sm-center] {
    text-align: center;
  }
  [class*=text-][class*=sm-right],
  [class*=text_][class*=sm-right],
  [class~=text][class*=sm-right] {
    text-align: right;
  }
}
@media only screen and (max-width: 36em) {
  [class*=text-][class*=xs-left], [class*=text-][class*=xs_left],
  [class*=text_][class*=xs-left],
  [class*=text_][class*=xs_left],
  [class~=text][class*=xs-left],
  [class~=text][class*=xs_left] {
    text-align: left;
  }
  [class*=text-][class*=xs-center], [class*=text-][class*=xs_center],
  [class*=text_][class*=xs-center],
  [class*=text_][class*=xs_center],
  [class~=text][class*=xs-center],
  [class~=text][class*=xs_center] {
    text-align: center;
  }
  [class*=text-][class*=xs-right], [class*=text-][class*=xs_right],
  [class*=text_][class*=xs-right],
  [class*=text_][class*=xs_right],
  [class~=text][class*=xs-right],
  [class~=text][class*=xs_right] {
    text-align: right;
  }
}
/* --- Transitions --- */
.list-enter,
.list-leave-to,
.slide-fade-enter,
.slide-fade-leave-to {
  opacity: 0;
}

.slide-fade-enter,
.slide-fade-leave-to {
  -webkit-transform: translateX(1.1875em);
          transform: translateX(1.1875em);
}

.list-enter,
.list-leave-to {
  -webkit-transform: translateY(1.1875em);
          transform: translateY(1.1875em);
}

.list-enter-active,
.list-leave-active,
.slide-fade-leave-active {
  -webkit-transition: 600ms all cubic-bezier(1, 0.5, 0.8, 1);
  transition: 600ms all cubic-bezier(1, 0.5, 0.8, 1);
}

/* --- Animations --- */
@-webkit-keyframes blur-out {
  0% {
    -webkit-filter: blur(0.066em);
            filter: blur(0.066em);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 0;
  }
}
@keyframes blur-out {
  0% {
    -webkit-filter: blur(0.066em);
            filter: blur(0.066em);
    opacity: 1;
  }
  100% {
    -webkit-filter: blur(0);
            filter: blur(0);
    opacity: 0;
  }
}
/* --- Misc --- */
::-moz-selection {
  background: rgba(181, 244, 225, 0.87);
  color: #2a283e;
  text-shadow: none;
}
::selection {
  background: rgba(181, 244, 225, 0.87);
  color: #2a283e;
  text-shadow: none;
}

::-moz-selection {
  background: rgba(181, 244, 225, 0.87);
  color: #2a283e;
  text-shadow: none;
}

/* ::-webkit-scrollbar {
    display: none;
} */
/* --- Print Stylesheet --- */
@media print {
  *,
  *::before,
  *::after {
    background: transparent;
    -webkit-box-shadow: none;
            box-shadow: none;
    text-shadow: none;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]::after {
    content: " (" attr(href) ")";
  }

  abbr[title]::after {
    content: " (" attr(title) ")";
  }

  a[href^="#"]::after,
  a[href^="javascript:"]::after {
    content: "";
  }

  pre {
    white-space: pre-wrap;
  }

  pre,
  blockquote {
    border: 0.0625rem solid black;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}