/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
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;
  -moz-padding-start: 0px;
  -webkit-padding-start: 0px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.no-select {
  -webkit-touch-callout: none;
  /* iOS Safari */
  -webkit-user-select: none;
  /* Safari */
  /* Konqueror HTML */
  -moz-user-select: none;
  /* Old versions of Firefox */
  -ms-user-select: none;
  /* Internet Explorer/Edge */
  user-select: none;
  /* Non-prefixed version, currently
							supported by Chrome, Edge, Opera and Firefox */
}

/* ----------------------------------------------------------------------------------------------------

Super Form Reset

A couple of things to watch out for:

- IE8: If a text input doesn't have padding on all sides or none the text won't be centered.
- The default border sizes on text inputs in all UAs seem to be slightly different. You're better off using custom borders.
- You NEED to set the font-size and family on all form elements
- Search inputs need to have their appearance reset and the box-sizing set to content-box to match other UAs
- You can style the upload button in webkit using ::-webkit-file-upload-button
- ::-webkit-file-upload-button selectors can't be used in the same selector as normal ones. FF and IE freak out.
- IE: You don't need to fake inline-block with labels and form controls in IE. They function as inline-block.
- By turning off ::-webkit-search-decoration, it removes the extra whitespace on the left on search inputs

----------------------------------------------------------------------------------------------------*/
input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  line-height: 1;
  /* Browsers have different default form fonts */
  font-size: 13px;
  font-family: Arial;
}

/* Remove the stupid outer glow in Webkit */
input:focus {
  outline: 0;
}

/* Box Sizing Reset
-----------------------------------------------*/
/* All of our custom controls should be what we expect them to be */
input,
textarea {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
}

/* These elements are usually rendered a certain way by the browser */
button,
input[type=reset],
input[type=button],
input[type=submit],
input[type=checkbox],
input[type=radio],
select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

/* Text Inputs
-----------------------------------------------*/
/* Button Controls
-----------------------------------------------*/
input[type=checkbox],
input[type=radio] {
  width: 13px;
  height: 13px;
}

/* File Uploads
-----------------------------------------------*/
/* Search Input
-----------------------------------------------*/
/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none;
}

/* Buttons
-----------------------------------------------*/
button,
input[type="reset"],
input[type="button"],
input[type="submit"] {
  /* Fix IE7 display bug */
  overflow: visible;
  width: auto;
}

/* IE8 and FF freak out if this rule is within another selector */
::-webkit-file-upload-button {
  padding: 0;
  border: 0;
  background: none;
}

/* Textarea
-----------------------------------------------*/
textarea {
  /* Move the label to the top */
  vertical-align: top;
  /* Turn off scroll bars in IE unless needed */
  overflow: auto;
}

/* Selects
-----------------------------------------------*/
select[multiple] {
  /* Move the label to the top */
  vertical-align: top;
}

@font-face {
  font-family: 'Thema';
  src: url("../assets/fonts/thema-medium.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Thema';
  src: url("../assets/fonts/thema-regular.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TT Commons';
  src: url("../assets/fonts/TTCommons-Bold.woff2") format("woff2"), url("../assets/fonts/TTCommons-Bold.woff") format("woff");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'TT Commons';
  src: url("../assets/fonts/TTCommons-Regular.woff2") format("woff2"), url("../assets/fonts/TTCommons-Regular.woff") format("woff");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

body, html {
  font-family: "TT Commons", sans-serif;
  font-size: 20px;
  font-weight: normal;
  line-height: 150%;
}

.font-display, h1, h2, h3, .article blockquote > p, .shopify .text blockquote > p {
  font-family: "Thema", serif;
  font-weight: normal;
  font-style: normal;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0;
}

h1, h2, h3 {
  line-height: 100%;
  width: 100%;
}

h1 {
  font-size: 5rem;
  line-height: 100%;
}

h2 {
  font-size: 3.5rem;
}

h3 {
  font-size: 2rem;
}

h4 {
  font-size: 1.5rem;
}

h5 {
  font-size: 1.25rem;
  text-transform: uppercase;
}

.-font-l {
  font-size: 1.25rem;
  line-height: 133%;
}

.-font-m {
  font-size: 1rem;
  line-height: 133%;
}

.-font-s {
  font-size: 0.75rem;
  line-height: 133%;
}

p {
  max-width: 50ch;
}

@media (orientation: portrait) {
  body, html {
    font-size: 18px;
  }
  h1 {
    font-size: 3.5rem;
  }
  h2 {
    font-size: 2.5rem;
  }
  h3 {
    font-size: 2rem;
  }
}

:root {
  --col-accent: #C050FF;
}

.-apply-theme, .-theme-dark, .-theme-light {
  background: var(--col-bg);
  color: var(--col-main);
  stroke: var(--col-main);
}

.-theme-dark {
  --col-main: #FFFFFF;
  --col-bg: #000000;
}

.-theme-light {
  --col-main: #000000;
  --col-bg: #FFFFFF;
}

.-col-accent, h5, .article blockquote > p, .button.-accent, .menu .-accent._link, .project-card ._info ._title, .shopify .text blockquote > p, .shopify dl dt {
  color: var(--col-accent);
  stroke: var(--col-accent);
}

.-space-half-screen {
  margin-top: 40vh;
}

.-space-xxl {
  margin-top: 8rem;
}

.-space-xl, .project-card, .shopify {
  margin-top: 4rem;
}

.-space-l, .cta {
  margin-top: 2rem;
}

.-space, .space-m {
  margin-top: 1rem;
}

.-space-s {
  margin-top: 0.5rem;
}

.-space-xs {
  margin-top: 0.25rem;
}

.-pad-xxl {
  padding: 8rem;
}

.-pad-xl {
  padding: 4rem;
}

.-pad, .button.-primary, .menu .-primary._link,
.-pad-m {
  padding: 1rem;
}

.-pad-s {
  padding: 0.5rem;
}

.-pad-xs {
  padding: 0.25rem;
}

.-absolute {
  position: absolute;
}

.-relative {
  position: relative;
}

.-z-over-top {
  z-index: 200;
}

.-z-top {
  z-index: 100;
}

.-z-mid {
  z-index: 50;
}

.debug {
  border: 1px solid gold;
}

.-aspect-1x1 {
  padding-bottom: 100%;
}

.-aspect-3x2 {
  padding-bottom: 66.66%;
}

.-aspect-16x9 {
  padding-bottom: 56.25%;
}

body, html {
  width: 100%;
  height: 100%;
  max-width: 100vw;
  padding: 0;
  margin: 0;
}

.content, .header, .footer {
  position: relative;
  margin-left: auto;
  margin-right: auto;
  width: 75%;
  max-width: 1440px;
}

@media (orientation: portrait) {
  .content, .header, .footer {
    width: calc(100% - 2rem);
    max-width: none;
  }
}

.header {
  position: relative;
  min-height: 100vh;
}

.header .nav-bar {
  text-transform: uppercase;
}

@media (orientation: portrait) {
  .header {
    padding-top: 4rem;
  }
}

@media (max-width: 500px) {
  .header > *:first-child {
    margin-top: 20vh;
  }
  .header .arrow-down {
    display: none;
  }
}

section {
  position: relative;
  min-height: 100vh;
}

@media (max-width: 500px) {
  .cta {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.article {
  margin-top: 4rem;
  padding: 4rem 0;
  overflow-y: auto;
}

@media (orientation: portrait) {
  .article {
    background: var(--col-bg);
  }
}

.article .-margin-around, .article .gallery, .article .credits, .article blockquote, .article .shopify .text blockquote, .shopify .text .article blockquote, .article .shopify dl, .shopify .article dl {
  margin-top: 8rem;
  margin-bottom: 8rem;
}

.article p, .article h5, .article figure {
  display: block;
  margin: 1rem auto 0;
  max-width: 40rem;
}

.article .summary {
  font-size: 1.25rem;
}

.article figure img {
  width: 100%;
}

.article figure figcaption {
  font-size: 0.75rem;
  text-align: right;
  width: 100%;
}

.article h2 {
  margin-top: 4rem;
}

.article .gallery {
  background: var(--col-accent);
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 40vh;
  overflow: hidden;
}

.article .gallery ._thumb {
  position: relative;
  display: block;
  overflow: hidden;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  cursor: pointer;
}

.article .gallery ._thumb img {
  position: absolute;
  margin: 0;
  width: 100%;
  height: 100%;
  min-width: 100%;
  min-height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -webkit-transition: opacity 250ms;
  transition: opacity 250ms;
  pointer-events: none;
}

.article .gallery ._thumb svg {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  opacity: 0;
  pointer-events: none;
}

.article .gallery ._thumb:hover img {
  opacity: .5;
}

.article .gallery ._thumb:hover svg {
  opacity: 1;
}

.article .credits {
  --margin-left:0%;
}

.article .credits > * {
  margin-top: 1rem;
  margin-left: var(--margin-left);
  width: 33%;
}

.article .credits > *:nth-child(4n-3) {
  --margin-left:0%;
}

.article .credits > *:nth-child(4n-2), .article .credits > *:nth-child(4n) {
  --margin-left:33.3%;
}

.article .credits > *:nth-child(4n-1) {
  --margin-left:66.6%;
}

.article blockquote > p {
  font-size: 3rem;
  line-height: 120%;
  max-width: 100%;
}

.icon {
  width: 1.5em;
  height: 1.5em;
  fill: none;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.icon.-xl {
  width: 4em;
  height: 4em;
  stroke-width: 1;
}

.icon.-l {
  width: 3em;
  height: 3em;
  stroke-width: 1.5;
}

.icon.-xl {
  width: 6em;
  height: 6em;
  stroke-width: 0.75;
}

.icon.-s {
  stroke-width: 3;
  width: 1em;
  height: 1em;
}

.stack-h, .header .nav-bar, .cta, .button, .menu ._link, .twitter-button-container, .menu .-social, .project-card, .shopify, .shopify .images ._thumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

.stack-h.-reverse, .header .-reverse.nav-bar, .-reverse.cta, .-reverse.button, .menu .-reverse._link, .-reverse.twitter-button-container, .menu .-reverse.-social, .-reverse.project-card, .-reverse.shopify, .shopify .images .-reverse._thumbs {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.stack-h.-wrap, .header .-wrap.nav-bar, .-wrap.cta, .-wrap.button, .menu .-wrap._link, .-wrap.twitter-button-container, .menu .-wrap.-social, .-wrap.project-card, .-wrap.shopify, .shopify .images .-wrap._thumbs {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.stack-h.-gap.-wrap, .header .-gap.-wrap.nav-bar, .header section.-wrap.nav-bar, .header .project-card ._info .-wrap.nav-bar._cta, .project-card ._info .header .-wrap.nav-bar._cta, section.stack-h.-wrap, section.-wrap.button, .menu section.-wrap._link, section.-wrap.twitter-button-container, section.-wrap.shopify, .-wrap.cta, .-gap.-wrap.button, .menu .-gap.-wrap._link, .menu .project-card ._info .-wrap._link._cta, .project-card ._info .menu .-wrap._link._cta, .project-card ._info .-wrap.button._cta, .-gap.-wrap.twitter-button-container, .project-card ._info .-wrap.twitter-button-container._cta, .menu .-wrap.-social, .project-card ._info .stack-h.-wrap._cta, .project-card ._info .-wrap._cta.cta, .project-card ._info .-wrap._cta.project-card, .project-card ._info .-wrap._cta.shopify, .-wrap.project-card, .-gap.-wrap.shopify, .shopify .images .-wrap._thumbs {
  margin-top: -1rem;
  margin-left: -1rem;
}

.stack-h.-gap.-wrap > *, .header .-gap.-wrap.nav-bar > *, .header section.-wrap.nav-bar > *, .header .-wrap.nav-bar.cta > *, .menu .header .-wrap.nav-bar.-social > *, .header .project-card ._info .-wrap.nav-bar._cta > *, .project-card ._info .header .-wrap.nav-bar._cta > *, .header .-wrap.nav-bar.project-card > *, .shopify .images .header .-wrap.nav-bar._thumbs > *, section.stack-h.-wrap > *, section.-wrap.cta > *, section.-wrap.button > *, .menu section.-wrap._link > *, section.-wrap.twitter-button-container > *, section.-wrap.project-card > *, section.-wrap.shopify > *, .-wrap.cta > *, .-gap.-wrap.button > *, .-wrap.button.cta > *, .menu .-wrap.cta._link > *, .menu .-gap.-wrap._link > *, .menu .project-card ._info .-wrap._link._cta > *, .project-card ._info .menu .-wrap._link._cta > *, .menu .-wrap._link.project-card > *, .shopify .images .menu .-wrap._link._thumbs > *, .project-card ._info .-wrap.button._cta > *, .-wrap.button.project-card > *, .-gap.-wrap.twitter-button-container > *, .-wrap.twitter-button-container.cta > *, .project-card ._info .-wrap.twitter-button-container._cta > *, .-wrap.twitter-button-container.project-card > *, .menu .-wrap.-social > *, .project-card ._info .stack-h.-wrap._cta > *, .project-card ._info .-wrap._cta.cta > *, .menu .project-card ._info .-wrap._cta.-social > *, .project-card ._info .-wrap._cta.project-card > *, .project-card ._info .-wrap._cta.shopify > *, .shopify .images .project-card ._info .-wrap._cta._thumbs > *, .-wrap.project-card > *, .-gap.-wrap.shopify > *, .-wrap.shopify.cta > *, .-wrap.shopify.project-card > *, .shopify .images .-wrap._thumbs > * {
  margin-top: 1rem;
  margin-left: 1rem;
}

.stack-h.-gap:not(.-wrap) > *:not(:first-child), .header .-gap.nav-bar:not(.-wrap) > *:not(:first-child), .header section.nav-bar:not(.-wrap) > *:not(:first-child), .header .nav-bar.cta:not(.-wrap) > *:not(:first-child), .menu .header .nav-bar.-social:not(.-wrap) > *:not(:first-child), .header .project-card ._info .nav-bar._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .header .nav-bar._cta:not(.-wrap) > *:not(:first-child), .header .nav-bar.project-card:not(.-wrap) > *:not(:first-child), .shopify .images .header .nav-bar._thumbs:not(.-wrap) > *:not(:first-child), section.stack-h:not(.-wrap) > *:not(:first-child), section.cta:not(.-wrap) > *:not(:first-child), section.button:not(.-wrap) > *:not(:first-child), .menu section._link:not(.-wrap) > *:not(:first-child), section.twitter-button-container:not(.-wrap) > *:not(:first-child), section.project-card:not(.-wrap) > *:not(:first-child), section.shopify:not(.-wrap) > *:not(:first-child), .cta:not(.-wrap) > *:not(:first-child), .-gap.button:not(.-wrap) > *:not(:first-child), .button.cta:not(.-wrap) > *:not(:first-child), .menu .cta._link:not(.-wrap) > *:not(:first-child), .menu .-gap._link:not(.-wrap) > *:not(:first-child), .menu .project-card ._info ._link._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .menu ._link._cta:not(.-wrap) > *:not(:first-child), .menu ._link.project-card:not(.-wrap) > *:not(:first-child), .shopify .images .menu ._link._thumbs:not(.-wrap) > *:not(:first-child), .project-card ._info .button._cta:not(.-wrap) > *:not(:first-child), .button.project-card:not(.-wrap) > *:not(:first-child), .-gap.twitter-button-container:not(.-wrap) > *:not(:first-child), .twitter-button-container.cta:not(.-wrap) > *:not(:first-child), .project-card ._info .twitter-button-container._cta:not(.-wrap) > *:not(:first-child), .twitter-button-container.project-card:not(.-wrap) > *:not(:first-child), .menu .-social:not(.-wrap) > *:not(:first-child), .project-card ._info .stack-h._cta:not(.-wrap) > *:not(:first-child), .project-card ._info ._cta.cta:not(.-wrap) > *:not(:first-child), .menu .project-card ._info ._cta.-social:not(.-wrap) > *:not(:first-child), .project-card ._info ._cta.project-card:not(.-wrap) > *:not(:first-child), .project-card ._info ._cta.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .project-card ._info ._cta._thumbs:not(.-wrap) > *:not(:first-child), .project-card:not(.-wrap) > *:not(:first-child), .-gap.shopify:not(.-wrap) > *:not(:first-child), .shopify.cta:not(.-wrap) > *:not(:first-child), .shopify.project-card:not(.-wrap) > *:not(:first-child), .shopify .images ._thumbs:not(.-wrap) > *:not(:first-child) {
  margin-left: 1rem;
}

.stack-h.-gap-l.-wrap, .header .-wrap.nav-bar, .-gap-l.-wrap.cta, .-gap-l.-wrap.button, .menu .-gap-l.-wrap._link, .-gap-l.-wrap.twitter-button-container, .menu .-gap-l.-wrap.-social, .-gap-l.-wrap.project-card, .-gap-l.-wrap.shopify, .shopify .images .-gap-l.-wrap._thumbs {
  margin-top: -2rem;
  margin-left: -2rem;
}

.stack-h.-gap-l.-wrap > *, .header .-wrap.nav-bar > *, .-gap-l.-wrap.cta > *, .-gap-l.-wrap.button > *, .header .menu .-wrap.nav-bar._link > *, .menu .-gap-l.-wrap._link > *, .-gap-l.-wrap.twitter-button-container > *, .menu .-gap-l.-wrap.-social > *, .header .menu .-wrap.-social.nav-bar > *, .-gap-l.-wrap.project-card > *, .-gap-l.-wrap.shopify > *, .shopify .images .-gap-l.-wrap._thumbs > *, .header .shopify .images .-wrap._thumbs.nav-bar > * {
  margin-top: 2rem;
  margin-left: 2rem;
}

.stack-h.-gap-l:not(.-wrap) > *:not(:first-child), .header .nav-bar:not(.-wrap) > *:not(:first-child), .-gap-l.cta:not(.-wrap) > *:not(:first-child), .-gap-l.button:not(.-wrap) > *:not(:first-child), .header .menu .nav-bar._link:not(.-wrap) > *:not(:first-child), .menu .-gap-l._link:not(.-wrap) > *:not(:first-child), .-gap-l.twitter-button-container:not(.-wrap) > *:not(:first-child), .menu .-gap-l.-social:not(.-wrap) > *:not(:first-child), .header .menu .-social.nav-bar:not(.-wrap) > *:not(:first-child), .-gap-l.project-card:not(.-wrap) > *:not(:first-child), .-gap-l.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .-gap-l._thumbs:not(.-wrap) > *:not(:first-child), .header .shopify .images ._thumbs.nav-bar:not(.-wrap) > *:not(:first-child) {
  margin-left: 2rem;
}

.stack-h.-gap-xl.-wrap, .header .-gap-xl.-wrap.nav-bar, .-gap-xl.-wrap.cta, .-gap-xl.-wrap.button, .menu .-gap-xl.-wrap._link, .-gap-xl.-wrap.twitter-button-container, .menu .-gap-xl.-wrap.-social, .-gap-xl.-wrap.project-card, .-wrap.shopify, .shopify .images .-gap-xl.-wrap._thumbs, .shopify .images .-wrap._thumbs.shopify {
  margin-top: -4rem;
  margin-left: -4rem;
}

.stack-h.-gap-xl.-wrap > *, .header .-gap-xl.-wrap.nav-bar > *, .header .-wrap.nav-bar.shopify > *, .-gap-xl.-wrap.cta > *, .-wrap.cta.shopify > *, .-gap-xl.-wrap.button > *, .menu .-gap-xl.-wrap._link > *, .menu .-wrap._link.shopify > *, .-wrap.button.shopify > *, .-gap-xl.-wrap.twitter-button-container > *, .-wrap.twitter-button-container.shopify > *, .menu .-gap-xl.-wrap.-social > *, .menu .-wrap.-social.shopify > *, .-gap-xl.-wrap.project-card > *, .-wrap.project-card.shopify > *, .-wrap.shopify > *, .shopify .images .-gap-xl.-wrap._thumbs > *, .shopify .images .-wrap._thumbs.shopify > * {
  margin-top: 4rem;
  margin-left: 4rem;
}

.stack-h.-gap-xl:not(.-wrap) > *:not(:first-child), .header .-gap-xl.nav-bar:not(.-wrap) > *:not(:first-child), .header .nav-bar.shopify:not(.-wrap) > *:not(:first-child), .-gap-xl.cta:not(.-wrap) > *:not(:first-child), .cta.shopify:not(.-wrap) > *:not(:first-child), .-gap-xl.button:not(.-wrap) > *:not(:first-child), .menu .-gap-xl._link:not(.-wrap) > *:not(:first-child), .menu ._link.shopify:not(.-wrap) > *:not(:first-child), .button.shopify:not(.-wrap) > *:not(:first-child), .-gap-xl.twitter-button-container:not(.-wrap) > *:not(:first-child), .twitter-button-container.shopify:not(.-wrap) > *:not(:first-child), .menu .-gap-xl.-social:not(.-wrap) > *:not(:first-child), .menu .-social.shopify:not(.-wrap) > *:not(:first-child), .-gap-xl.project-card:not(.-wrap) > *:not(:first-child), .project-card.shopify:not(.-wrap) > *:not(:first-child), .shopify:not(.-wrap) > *:not(:first-child), .shopify .images .-gap-xl._thumbs:not(.-wrap) > *:not(:first-child), .shopify .images ._thumbs.shopify:not(.-wrap) > *:not(:first-child) {
  margin-left: 4rem;
}

@media (orientation: portrait) {
  .stack-h.-responsive, .header .-responsive.nav-bar, .header .nav-bar.shopify, .-responsive.cta, .-responsive.button, .menu .-responsive._link, .menu ._link.shopify, .-responsive.twitter-button-container, .menu .-responsive.-social, .menu .-social.shopify, .-responsive.project-card, .shopify, .shopify .images .-responsive._thumbs, .shopify .images ._thumbs.shopify {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .stack-h.-responsive > *, .header .-responsive.nav-bar > *, .header .nav-bar.shopify > *, .-responsive.cta > *, .cta.shopify > *, .-responsive.button > *, .menu .-responsive._link > *, .menu ._link.shopify > *, .button.shopify > *, .-responsive.twitter-button-container > *, .twitter-button-container.shopify > *, .menu .-responsive.-social > *, .menu .-social.shopify > *, .-responsive.project-card > *, .project-card.shopify > *, .shopify > *, .shopify .images .-responsive._thumbs > *, .shopify .images ._thumbs.shopify > * {
    -webkit-box-flex: 0;
        -ms-flex: 0 0 auto;
            flex: 0 0 auto;
  }
  .stack-h.-responsive.-wrap, .header .-responsive.-wrap.nav-bar, .-responsive.-wrap.cta, .-responsive.-wrap.button, .menu .-responsive.-wrap._link, .-responsive.-wrap.twitter-button-container, .menu .-responsive.-wrap.-social, .-responsive.-wrap.project-card, .-wrap.shopify, .shopify .images .-responsive.-wrap._thumbs, .shopify .images .-wrap._thumbs.shopify {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
  .stack-h.-responsive.-gap.-wrap, .header .-responsive.-gap.-wrap.nav-bar, .header section.-responsive.-wrap.nav-bar, .header .project-card ._info .-responsive.-wrap.nav-bar._cta, .project-card ._info .header .-responsive.-wrap.nav-bar._cta, section.stack-h.-responsive.-wrap, section.-responsive.-wrap.button, .menu section.-responsive.-wrap._link, section.-responsive.-wrap.twitter-button-container, section.-wrap.shopify, .-responsive.-wrap.cta, .-wrap.cta.shopify, .-responsive.-gap.-wrap.button, .menu .-responsive.-gap.-wrap._link, .menu .project-card ._info .-responsive.-wrap._link._cta, .project-card ._info .menu .-responsive.-wrap._link._cta, .project-card ._info .-responsive.-wrap.button._cta, .-responsive.-gap.-wrap.twitter-button-container, .project-card ._info .-responsive.-wrap.twitter-button-container._cta, .menu .-responsive.-wrap.-social, .menu .-wrap.-social.shopify, .project-card ._info .stack-h.-responsive.-wrap._cta, .project-card ._info .-wrap._cta.shopify, .-responsive.-wrap.project-card, .-wrap.project-card.shopify, .-gap.-wrap.shopify, .shopify .images .-wrap.shopify._thumbs, .shopify .images .-responsive.-wrap._thumbs {
    margin-top: 0;
    margin-left: 0;
  }
  .stack-h.-responsive.-gap.-wrap > *:first-child, .header .-responsive.-gap.-wrap.nav-bar > *:first-child, .header section.-responsive.-wrap.nav-bar > *:first-child, .header section.-wrap.nav-bar.shopify > *:first-child, .header .-responsive.-wrap.nav-bar.cta > *:first-child, .header .-wrap.nav-bar.cta.shopify > *:first-child, .menu .header .-responsive.-wrap.nav-bar.-social > *:first-child, .menu .header .-wrap.nav-bar.-social.shopify > *:first-child, .header .project-card ._info .-responsive.-wrap.nav-bar._cta > *:first-child, .project-card ._info .header .-responsive.-wrap.nav-bar._cta > *:first-child, .project-card ._info .header .-wrap.nav-bar._cta.shopify > *:first-child, .header .-responsive.-wrap.nav-bar.project-card > *:first-child, .header .-wrap.nav-bar.project-card.shopify > *:first-child, .header .-gap.-wrap.nav-bar.shopify > *:first-child, .shopify .images .header .-wrap.nav-bar.shopify._thumbs > *:first-child, .shopify .images .header .-responsive.-wrap.nav-bar._thumbs > *:first-child, section.stack-h.-responsive.-wrap > *:first-child, section.-responsive.-wrap.cta > *:first-child, section.-responsive.-wrap.button > *:first-child, .menu section.-responsive.-wrap._link > *:first-child, section.-responsive.-wrap.twitter-button-container > *:first-child, section.-responsive.-wrap.project-card > *:first-child, section.-wrap.shopify > *:first-child, .-responsive.-wrap.cta > *:first-child, .-wrap.cta.shopify > *:first-child, .-responsive.-gap.-wrap.button > *:first-child, .menu section.-wrap._link.shopify > *:first-child, section.-wrap.button.shopify > *:first-child, .-responsive.-wrap.button.cta > *:first-child, .menu .-responsive.-wrap.cta._link > *:first-child, .menu .-wrap.cta._link.shopify > *:first-child, .-wrap.button.cta.shopify > *:first-child, .menu .-responsive.-gap.-wrap._link > *:first-child, .menu .project-card ._info .-responsive.-wrap._link._cta > *:first-child, .project-card ._info .menu .-responsive.-wrap._link._cta > *:first-child, .project-card ._info .menu .-wrap._link._cta.shopify > *:first-child, .menu .-responsive.-wrap._link.project-card > *:first-child, .menu .-wrap._link.project-card.shopify > *:first-child, .menu .-gap.-wrap._link.shopify > *:first-child, .shopify .images .menu .-wrap._link.shopify._thumbs > *:first-child, .shopify .images .menu .-responsive.-wrap._link._thumbs > *:first-child, .project-card ._info .-responsive.-wrap.button._cta > *:first-child, .-responsive.-wrap.button.project-card > *:first-child, .-wrap.button.project-card.shopify > *:first-child, .-gap.-wrap.button.shopify > *:first-child, .-responsive.-gap.-wrap.twitter-button-container > *:first-child, section.-wrap.twitter-button-container.shopify > *:first-child, .-responsive.-wrap.twitter-button-container.cta > *:first-child, .-wrap.twitter-button-container.cta.shopify > *:first-child, .project-card ._info .-responsive.-wrap.twitter-button-container._cta > *:first-child, .-responsive.-wrap.twitter-button-container.project-card > *:first-child, .-wrap.twitter-button-container.project-card.shopify > *:first-child, .-gap.-wrap.twitter-button-container.shopify > *:first-child, .menu .-responsive.-wrap.-social > *:first-child, .menu .-wrap.-social.shopify > *:first-child, .project-card ._info .stack-h.-responsive.-wrap._cta > *:first-child, .project-card ._info .-responsive.-wrap._cta.cta > *:first-child, .menu .project-card ._info .-responsive.-wrap._cta.-social > *:first-child, .project-card ._info .-responsive.-wrap._cta.project-card > *:first-child, .project-card ._info .-wrap._cta.shopify > *:first-child, .shopify .images .project-card ._info .-responsive.-wrap._cta._thumbs > *:first-child, .-responsive.-wrap.project-card > *:first-child, .-wrap.project-card.shopify > *:first-child, .-gap.-wrap.shopify > *:first-child, .shopify .images .-wrap.shopify._thumbs > *:first-child, .shopify .images .-responsive.-wrap._thumbs > *:first-child {
    margin-top: 0;
  }
  .stack-h.-responsive.-gap.-wrap > *, .header .-responsive.-gap.-wrap.nav-bar > *, .header section.-responsive.-wrap.nav-bar > *, .header section.-wrap.nav-bar.shopify > *, .header .-responsive.-wrap.nav-bar.cta > *, .header .-wrap.nav-bar.cta.shopify > *, .menu .header .-responsive.-wrap.nav-bar.-social > *, .menu .header .-wrap.nav-bar.-social.shopify > *, .header .project-card ._info .-responsive.-wrap.nav-bar._cta > *, .project-card ._info .header .-responsive.-wrap.nav-bar._cta > *, .project-card ._info .header .-wrap.nav-bar._cta.shopify > *, .header .-responsive.-wrap.nav-bar.project-card > *, .header .-wrap.nav-bar.project-card.shopify > *, .header .-gap.-wrap.nav-bar.shopify > *, .shopify .images .header .-wrap.nav-bar.shopify._thumbs > *, .shopify .images .header .-responsive.-wrap.nav-bar._thumbs > *, section.stack-h.-responsive.-wrap > *, section.-responsive.-wrap.cta > *, section.-responsive.-wrap.button > *, .menu section.-responsive.-wrap._link > *, section.-responsive.-wrap.twitter-button-container > *, section.-responsive.-wrap.project-card > *, section.-wrap.shopify > *, .-responsive.-wrap.cta > *, .-wrap.cta.shopify > *, .-responsive.-gap.-wrap.button > *, .menu section.-wrap._link.shopify > *, section.-wrap.button.shopify > *, .-responsive.-wrap.button.cta > *, .menu .-responsive.-wrap.cta._link > *, .menu .-wrap.cta._link.shopify > *, .-wrap.button.cta.shopify > *, .menu .-responsive.-gap.-wrap._link > *, .menu .project-card ._info .-responsive.-wrap._link._cta > *, .project-card ._info .menu .-responsive.-wrap._link._cta > *, .project-card ._info .menu .-wrap._link._cta.shopify > *, .menu .-responsive.-wrap._link.project-card > *, .menu .-wrap._link.project-card.shopify > *, .menu .-gap.-wrap._link.shopify > *, .shopify .images .menu .-wrap._link.shopify._thumbs > *, .shopify .images .menu .-responsive.-wrap._link._thumbs > *, .project-card ._info .-responsive.-wrap.button._cta > *, .-responsive.-wrap.button.project-card > *, .-wrap.button.project-card.shopify > *, .-gap.-wrap.button.shopify > *, .-responsive.-gap.-wrap.twitter-button-container > *, section.-wrap.twitter-button-container.shopify > *, .-responsive.-wrap.twitter-button-container.cta > *, .-wrap.twitter-button-container.cta.shopify > *, .project-card ._info .-responsive.-wrap.twitter-button-container._cta > *, .-responsive.-wrap.twitter-button-container.project-card > *, .-wrap.twitter-button-container.project-card.shopify > *, .-gap.-wrap.twitter-button-container.shopify > *, .menu .-responsive.-wrap.-social > *, .menu .-wrap.-social.shopify > *, .project-card ._info .stack-h.-responsive.-wrap._cta > *, .project-card ._info .-responsive.-wrap._cta.cta > *, .menu .project-card ._info .-responsive.-wrap._cta.-social > *, .project-card ._info .-responsive.-wrap._cta.project-card > *, .project-card ._info .-wrap._cta.shopify > *, .shopify .images .project-card ._info .-responsive.-wrap._cta._thumbs > *, .-responsive.-wrap.project-card > *, .-wrap.project-card.shopify > *, .-gap.-wrap.shopify > *, .shopify .images .-wrap.shopify._thumbs > *, .shopify .images .-responsive.-wrap._thumbs > * {
    margin-left: 0;
  }
  .stack-h.-responsive.-gap:not(.-wrap) > *:not(:first-child), .header .-responsive.-gap.nav-bar:not(.-wrap) > *:not(:first-child), .header section.-responsive.nav-bar:not(.-wrap) > *:not(:first-child), .header section.nav-bar.shopify:not(.-wrap) > *:not(:first-child), .header .-responsive.nav-bar.cta:not(.-wrap) > *:not(:first-child), .header .nav-bar.cta.shopify:not(.-wrap) > *:not(:first-child), .menu .header .-responsive.nav-bar.-social:not(.-wrap) > *:not(:first-child), .menu .header .nav-bar.-social.shopify:not(.-wrap) > *:not(:first-child), .header .project-card ._info .-responsive.nav-bar._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .header .-responsive.nav-bar._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .header .nav-bar._cta.shopify:not(.-wrap) > *:not(:first-child), .header .-responsive.nav-bar.project-card:not(.-wrap) > *:not(:first-child), .header .nav-bar.project-card.shopify:not(.-wrap) > *:not(:first-child), .header .-gap.nav-bar.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .header .nav-bar.shopify._thumbs:not(.-wrap) > *:not(:first-child), .shopify .images .header .-responsive.nav-bar._thumbs:not(.-wrap) > *:not(:first-child), section.stack-h.-responsive:not(.-wrap) > *:not(:first-child), section.-responsive.cta:not(.-wrap) > *:not(:first-child), section.-responsive.button:not(.-wrap) > *:not(:first-child), .menu section.-responsive._link:not(.-wrap) > *:not(:first-child), section.-responsive.twitter-button-container:not(.-wrap) > *:not(:first-child), section.-responsive.project-card:not(.-wrap) > *:not(:first-child), section.shopify:not(.-wrap) > *:not(:first-child), .-responsive.cta:not(.-wrap) > *:not(:first-child), .cta.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap.button:not(.-wrap) > *:not(:first-child), .menu section._link.shopify:not(.-wrap) > *:not(:first-child), section.button.shopify:not(.-wrap) > *:not(:first-child), .-responsive.button.cta:not(.-wrap) > *:not(:first-child), .menu .-responsive.cta._link:not(.-wrap) > *:not(:first-child), .menu .cta._link.shopify:not(.-wrap) > *:not(:first-child), .button.cta.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive.-gap._link:not(.-wrap) > *:not(:first-child), .menu .project-card ._info .-responsive._link._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .menu .-responsive._link._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .menu ._link._cta.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive._link.project-card:not(.-wrap) > *:not(:first-child), .menu ._link.project-card.shopify:not(.-wrap) > *:not(:first-child), .menu .-gap._link.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .menu ._link.shopify._thumbs:not(.-wrap) > *:not(:first-child), .shopify .images .menu .-responsive._link._thumbs:not(.-wrap) > *:not(:first-child), .project-card ._info .-responsive.button._cta:not(.-wrap) > *:not(:first-child), .-responsive.button.project-card:not(.-wrap) > *:not(:first-child), .button.project-card.shopify:not(.-wrap) > *:not(:first-child), .-gap.button.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap.twitter-button-container:not(.-wrap) > *:not(:first-child), section.twitter-button-container.shopify:not(.-wrap) > *:not(:first-child), .-responsive.twitter-button-container.cta:not(.-wrap) > *:not(:first-child), .twitter-button-container.cta.shopify:not(.-wrap) > *:not(:first-child), .project-card ._info .-responsive.twitter-button-container._cta:not(.-wrap) > *:not(:first-child), .-responsive.twitter-button-container.project-card:not(.-wrap) > *:not(:first-child), .twitter-button-container.project-card.shopify:not(.-wrap) > *:not(:first-child), .-gap.twitter-button-container.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive.-social:not(.-wrap) > *:not(:first-child), .menu .-social.shopify:not(.-wrap) > *:not(:first-child), .project-card ._info .stack-h.-responsive._cta:not(.-wrap) > *:not(:first-child), .project-card ._info .-responsive._cta.cta:not(.-wrap) > *:not(:first-child), .menu .project-card ._info .-responsive._cta.-social:not(.-wrap) > *:not(:first-child), .project-card ._info .-responsive._cta.project-card:not(.-wrap) > *:not(:first-child), .project-card ._info ._cta.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .project-card ._info .-responsive._cta._thumbs:not(.-wrap) > *:not(:first-child), .-responsive.project-card:not(.-wrap) > *:not(:first-child), .project-card.shopify:not(.-wrap) > *:not(:first-child), .-gap.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .shopify._thumbs:not(.-wrap) > *:not(:first-child), .shopify .images .-responsive._thumbs:not(.-wrap) > *:not(:first-child) {
    margin-left: 0;
    margin-top: 1rem;
  }
  .stack-h.-responsive.-gap-l.-wrap, .header .-responsive.-wrap.nav-bar, .header .-wrap.nav-bar.shopify, .-responsive.-gap-l.-wrap.cta, .-responsive.-gap-l.-wrap.button, .menu .-responsive.-gap-l.-wrap._link, .-responsive.-gap-l.-wrap.twitter-button-container, .menu .-responsive.-gap-l.-wrap.-social, .-responsive.-gap-l.-wrap.project-card, .-gap-l.-wrap.shopify, .shopify .images .-responsive.-gap-l.-wrap._thumbs {
    margin-top: 0;
    margin-left: 0;
  }
  .stack-h.-responsive.-gap-l.-wrap > *:first-child, .header .-responsive.-wrap.nav-bar > *:first-child, .header .-wrap.nav-bar.shopify > *:first-child, .-responsive.-gap-l.-wrap.cta > *:first-child, .-gap-l.-wrap.cta.shopify > *:first-child, .-responsive.-gap-l.-wrap.button > *:first-child, .header .menu .-responsive.-wrap.nav-bar._link > *:first-child, .header .menu .-wrap.nav-bar._link.shopify > *:first-child, .menu .-responsive.-gap-l.-wrap._link > *:first-child, .menu .-gap-l.-wrap._link.shopify > *:first-child, .-gap-l.-wrap.button.shopify > *:first-child, .-responsive.-gap-l.-wrap.twitter-button-container > *:first-child, .-gap-l.-wrap.twitter-button-container.shopify > *:first-child, .menu .-responsive.-gap-l.-wrap.-social > *:first-child, .header .menu .-responsive.-wrap.-social.nav-bar > *:first-child, .header .menu .-wrap.-social.nav-bar.shopify > *:first-child, .menu .-gap-l.-wrap.-social.shopify > *:first-child, .-responsive.-gap-l.-wrap.project-card > *:first-child, .-gap-l.-wrap.project-card.shopify > *:first-child, .-gap-l.-wrap.shopify > *:first-child, .shopify .images .-responsive.-gap-l.-wrap._thumbs > *:first-child, .header .shopify .images .-responsive.-wrap._thumbs.nav-bar > *:first-child, .header .shopify .images .-wrap._thumbs.nav-bar.shopify > *:first-child, .shopify .images .-gap-l.-wrap._thumbs.shopify > *:first-child {
    margin-top: 0;
  }
  .stack-h.-responsive.-gap-l.-wrap > *, .header .-responsive.-wrap.nav-bar > *, .header .-wrap.nav-bar.shopify > *, .-responsive.-gap-l.-wrap.cta > *, .-gap-l.-wrap.cta.shopify > *, .-responsive.-gap-l.-wrap.button > *, .header .menu .-responsive.-wrap.nav-bar._link > *, .header .menu .-wrap.nav-bar._link.shopify > *, .menu .-responsive.-gap-l.-wrap._link > *, .menu .-gap-l.-wrap._link.shopify > *, .-gap-l.-wrap.button.shopify > *, .-responsive.-gap-l.-wrap.twitter-button-container > *, .-gap-l.-wrap.twitter-button-container.shopify > *, .menu .-responsive.-gap-l.-wrap.-social > *, .header .menu .-responsive.-wrap.-social.nav-bar > *, .header .menu .-wrap.-social.nav-bar.shopify > *, .menu .-gap-l.-wrap.-social.shopify > *, .-responsive.-gap-l.-wrap.project-card > *, .-gap-l.-wrap.project-card.shopify > *, .-gap-l.-wrap.shopify > *, .shopify .images .-responsive.-gap-l.-wrap._thumbs > *, .header .shopify .images .-responsive.-wrap._thumbs.nav-bar > *, .header .shopify .images .-wrap._thumbs.nav-bar.shopify > *, .shopify .images .-gap-l.-wrap._thumbs.shopify > * {
    margin-left: 0;
  }
  .stack-h.-responsive.-gap-l:not(.-wrap) > *:not(:first-child), .header .-responsive.nav-bar:not(.-wrap) > *:not(:first-child), .header .nav-bar.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-l.cta:not(.-wrap) > *:not(:first-child), .-gap-l.cta.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-l.button:not(.-wrap) > *:not(:first-child), .header .menu .-responsive.nav-bar._link:not(.-wrap) > *:not(:first-child), .header .menu .nav-bar._link.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive.-gap-l._link:not(.-wrap) > *:not(:first-child), .menu .-gap-l._link.shopify:not(.-wrap) > *:not(:first-child), .-gap-l.button.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-l.twitter-button-container:not(.-wrap) > *:not(:first-child), .-gap-l.twitter-button-container.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive.-gap-l.-social:not(.-wrap) > *:not(:first-child), .header .menu .-responsive.-social.nav-bar:not(.-wrap) > *:not(:first-child), .header .menu .-social.nav-bar.shopify:not(.-wrap) > *:not(:first-child), .menu .-gap-l.-social.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-l.project-card:not(.-wrap) > *:not(:first-child), .-gap-l.project-card.shopify:not(.-wrap) > *:not(:first-child), .-gap-l.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .-responsive.-gap-l._thumbs:not(.-wrap) > *:not(:first-child), .header .shopify .images .-responsive._thumbs.nav-bar:not(.-wrap) > *:not(:first-child), .header .shopify .images ._thumbs.nav-bar.shopify:not(.-wrap) > *:not(:first-child), .shopify .images .-gap-l._thumbs.shopify:not(.-wrap) > *:not(:first-child) {
    margin-left: 0;
    margin-top: 2rem;
  }
  .stack-h.-responsive.-gap-xl.-wrap, .header .-responsive.-gap-xl.-wrap.nav-bar, .-responsive.-gap-xl.-wrap.cta, .-responsive.-gap-xl.-wrap.button, .menu .-responsive.-gap-xl.-wrap._link, .-responsive.-gap-xl.-wrap.twitter-button-container, .menu .-responsive.-gap-xl.-wrap.-social, .-responsive.-gap-xl.-wrap.project-card, .-wrap.shopify, .shopify .images .-responsive.-gap-xl.-wrap._thumbs, .shopify .images .-wrap._thumbs.shopify {
    margin-top: 0;
    margin-left: 0;
  }
  .stack-h.-responsive.-gap-xl.-wrap > *:first-child, .header .-responsive.-gap-xl.-wrap.nav-bar > *:first-child, .header .-wrap.nav-bar.shopify > *:first-child, .-responsive.-gap-xl.-wrap.cta > *:first-child, .-wrap.cta.shopify > *:first-child, .-responsive.-gap-xl.-wrap.button > *:first-child, .menu .-responsive.-gap-xl.-wrap._link > *:first-child, .menu .-wrap._link.shopify > *:first-child, .-wrap.button.shopify > *:first-child, .-responsive.-gap-xl.-wrap.twitter-button-container > *:first-child, .-wrap.twitter-button-container.shopify > *:first-child, .menu .-responsive.-gap-xl.-wrap.-social > *:first-child, .menu .-wrap.-social.shopify > *:first-child, .-responsive.-gap-xl.-wrap.project-card > *:first-child, .-wrap.project-card.shopify > *:first-child, .-wrap.shopify > *:first-child, .shopify .images .-responsive.-gap-xl.-wrap._thumbs > *:first-child, .shopify .images .-wrap._thumbs.shopify > *:first-child {
    margin-top: 0;
  }
  .stack-h.-responsive.-gap-xl.-wrap > *, .header .-responsive.-gap-xl.-wrap.nav-bar > *, .header .-wrap.nav-bar.shopify > *, .-responsive.-gap-xl.-wrap.cta > *, .-wrap.cta.shopify > *, .-responsive.-gap-xl.-wrap.button > *, .menu .-responsive.-gap-xl.-wrap._link > *, .menu .-wrap._link.shopify > *, .-wrap.button.shopify > *, .-responsive.-gap-xl.-wrap.twitter-button-container > *, .-wrap.twitter-button-container.shopify > *, .menu .-responsive.-gap-xl.-wrap.-social > *, .menu .-wrap.-social.shopify > *, .-responsive.-gap-xl.-wrap.project-card > *, .-wrap.project-card.shopify > *, .-wrap.shopify > *, .shopify .images .-responsive.-gap-xl.-wrap._thumbs > *, .shopify .images .-wrap._thumbs.shopify > * {
    margin-left: 0;
  }
  .stack-h.-responsive.-gap-xl:not(.-wrap) > *:not(:first-child), .header .-responsive.-gap-xl.nav-bar:not(.-wrap) > *:not(:first-child), .header .nav-bar.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-xl.cta:not(.-wrap) > *:not(:first-child), .cta.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-xl.button:not(.-wrap) > *:not(:first-child), .menu .-responsive.-gap-xl._link:not(.-wrap) > *:not(:first-child), .menu ._link.shopify:not(.-wrap) > *:not(:first-child), .button.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-xl.twitter-button-container:not(.-wrap) > *:not(:first-child), .twitter-button-container.shopify:not(.-wrap) > *:not(:first-child), .menu .-responsive.-gap-xl.-social:not(.-wrap) > *:not(:first-child), .menu .-social.shopify:not(.-wrap) > *:not(:first-child), .-responsive.-gap-xl.project-card:not(.-wrap) > *:not(:first-child), .project-card.shopify:not(.-wrap) > *:not(:first-child), .shopify:not(.-wrap) > *:not(:first-child), .shopify .images .-responsive.-gap-xl._thumbs:not(.-wrap) > *:not(:first-child), .shopify .images ._thumbs.shopify:not(.-wrap) > *:not(:first-child) {
    margin-left: 0;
    margin-top: 4rem;
  }
}

.stack-v, .header, section, .menu ._button, .menu ._container, .project-card ._info ._cta {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.stack-v.-gap-xl > *:not(:first-child), .-gap-xl.header > *:not(:first-child), .header.shopify > *:not(:first-child), section.-gap-xl > *:not(:first-child), section.shopify > *:not(:first-child), .menu .-gap-xl._button > *:not(:first-child), .menu ._button.shopify > *:not(:first-child), .menu .-gap-xl._container > *:not(:first-child), .menu ._container.shopify > *:not(:first-child), .project-card ._info .-gap-xl._cta > *:not(:first-child), .project-card ._info ._cta.shopify > *:not(:first-child), .stack-v.shopify > *:not(:first-child) {
  margin-top: 4rem;
}

.stack-v.-gap-l > *:not(:first-child), .-gap-l.header > *:not(:first-child), .header .header.nav-bar > *:not(:first-child), .header .stack-v.nav-bar > *:not(:first-child), .header section.nav-bar > *:not(:first-child), .header .menu .nav-bar._button > *:not(:first-child), .menu .header .nav-bar._button > *:not(:first-child), .header .menu .nav-bar._container > *:not(:first-child), .menu .header .nav-bar._container > *:not(:first-child), .header .project-card ._info .nav-bar._cta > *:not(:first-child), .project-card ._info .header .nav-bar._cta > *:not(:first-child), section.-gap-l > *:not(:first-child), .menu .-gap-l._button > *:not(:first-child), .menu .-gap-l._container > *:not(:first-child), .project-card ._info .-gap-l._cta > *:not(:first-child) {
  margin-top: 2rem;
}

.stack-v.-gap > *:not(:first-child), .-gap.header > *:not(:first-child), section.header > *:not(:first-child), .header.cta > *:not(:first-child), .menu .header.-social > *:not(:first-child), .header.project-card > *:not(:first-child), .shopify .images .header._thumbs > *:not(:first-child), section > *:not(:first-child), .stack-v.cta > *:not(:first-child), section.cta > *:not(:first-child), .menu .cta._button > *:not(:first-child), .menu .cta._container > *:not(:first-child), .menu .-gap._button > *:not(:first-child), .menu section._button > *:not(:first-child), .menu ._button.-social > *:not(:first-child), .project-card ._info .menu ._button._cta > *:not(:first-child), .menu ._button.project-card > *:not(:first-child), .menu .shopify .images ._button._thumbs > *:not(:first-child), .shopify .images .menu ._button._thumbs > *:not(:first-child), .menu .-gap._container > *:not(:first-child), .menu section._container > *:not(:first-child), .menu ._container.-social > *:not(:first-child), .project-card ._info .menu ._container._cta > *:not(:first-child), .menu ._container.project-card > *:not(:first-child), .menu .shopify .images ._container._thumbs > *:not(:first-child), .shopify .images .menu ._container._thumbs > *:not(:first-child), .menu .stack-v.-social > *:not(:first-child), .menu section.-social > *:not(:first-child), .project-card ._info .menu .-social._cta > *:not(:first-child), .project-card ._info ._cta > *:not(:first-child), .stack-v.project-card > *:not(:first-child), section.project-card > *:not(:first-child), .shopify .images .stack-v._thumbs > *:not(:first-child), .shopify .images section._thumbs > *:not(:first-child), .project-card ._info .shopify .images ._thumbs._cta > *:not(:first-child) {
  margin-top: 1rem;
}

.stack-v.-gap-s > *:not(:first-child), .-gap-s.header > *:not(:first-child), section.-gap-s > *:not(:first-child), .menu .-gap-s._button > *:not(:first-child), .menu .-gap-s._container > *:not(:first-child), .project-card ._info .-gap-s._cta > *:not(:first-child) {
  margin-top: 0.5rem;
}

.stack-v.-gap-xs > *:not(:first-child), .-gap-xs.header > *:not(:first-child), section.-gap-xs > *:not(:first-child), .menu .-gap-xs._button > *:not(:first-child), .menu .-gap-xs._container > *:not(:first-child), .project-card ._info .-gap-xs._cta > *:not(:first-child) {
  margin-top: 0.25rem;
}

.stack-h.-space-between, .header .-space-between.nav-bar, .header .menu .nav-bar._container, .menu .header .nav-bar._container, .-space-between.cta, .menu .cta._container, .-space-between.button, .menu .-space-between._link, .menu ._link._container, .menu .button._container, .-space-between.twitter-button-container, .menu .twitter-button-container._container, .menu .stack-h._container, .menu ._container.project-card, .menu ._container.shopify, .menu .shopify .images ._container._thumbs, .shopify .images .menu ._container._thumbs, .menu .-social, .-space-between.project-card, .-space-between.shopify, .shopify .images .-space-between._thumbs, .shopify .images .menu ._thumbs.-social, .menu .shopify .images ._thumbs.-social, .stack-v.-space-between, .-space-between.header, .menu .header.-social, section.-space-between, .menu section.-social, .menu .-space-between._button, .menu ._button.-social, .menu ._container, .menu .stack-v.-social, .menu .project-card ._info .-social._cta, .project-card ._info .menu .-social._cta, .project-card ._info .-space-between._cta, .project-card ._info .menu ._cta._container, .menu .project-card ._info ._cta._container {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.stack-h.-space-around, .stack-h.header, .header .header.nav-bar, .header.cta, .header.button, .menu .header._link, .header.twitter-button-container, .menu .header.-social, .header.project-card, .header.shopify, .shopify .images .header._thumbs, .header .-space-around.nav-bar, .-space-around.cta, .-space-around.button, .menu .-space-around._link, .-space-around.twitter-button-container, .menu .-space-around.-social, .-space-around.project-card, .-space-around.shopify, .shopify .images .-space-around._thumbs, .stack-v.-space-around, .header, section.-space-around, .menu .-space-around._button, .menu ._button.header, .menu .-space-around._container, .menu ._container.header, .project-card ._info .-space-around._cta, .project-card ._info ._cta.header {
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.stack-h.-justify-center, .header .-justify-center.nav-bar, .header section.nav-bar, .header .nav-bar.button, .header .nav-bar.twitter-button-container, section.stack-h, section.cta, .menu section.-social, section.project-card, section.shopify, .shopify .images section._thumbs, .-justify-center.cta, .button, .menu ._link, .twitter-button-container, .menu .-justify-center.-social, .menu .-social.button, .menu .-social.twitter-button-container, .-justify-center.project-card, .-justify-center.shopify, .shopify .images .-justify-center._thumbs, .shopify .images ._thumbs.button, .shopify .images .menu ._thumbs._link, .menu .shopify .images ._thumbs._link, .shopify .images ._thumbs.twitter-button-container, .stack-v.-justify-center, .-justify-center.header, section.header, .header.button, .menu .header._link, .header.twitter-button-container, section, .stack-v.button, section.button, .menu section._link, .menu .button._button, .menu ._button._link, .menu .stack-v._link, .menu ._link._container, .menu .project-card ._info ._link._cta, .project-card ._info .menu ._link._cta, .menu .button._container, .project-card ._info .button._cta, .stack-v.twitter-button-container, section.twitter-button-container, .menu .twitter-button-container._button, .menu .twitter-button-container._container, .project-card ._info .twitter-button-container._cta, .menu .-justify-center._button, .menu section._button, .menu .-justify-center._container, .menu section._container, .project-card ._info .-justify-center._cta, .project-card ._info section._cta {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.stack-h.-justify-start, .header .-justify-start.nav-bar, .-justify-start.cta, .-justify-start.button, .menu .-justify-start._link, .-justify-start.twitter-button-container, .menu .-justify-start.-social, .-justify-start.project-card, .-justify-start.shopify, .shopify .images .-justify-start._thumbs, .stack-v.-justify-start, .-justify-start.header, section.-justify-start, .menu .-justify-start._button, .menu .-justify-start._container, .project-card ._info .-justify-start._cta {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.stack-h.-justify-end, .header .-justify-end.nav-bar, .-justify-end.cta, .-justify-end.button, .menu .-justify-end._link, .-justify-end.twitter-button-container, .menu .-justify-end.-social, .-justify-end.project-card, .-justify-end.shopify, .shopify .images .-justify-end._thumbs, .stack-v.-justify-end, .-justify-end.header, section.-justify-end, .menu .-justify-end._button, .menu .-justify-end._container, .project-card ._info .-justify-end._cta {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.stack-h.-align-center, .header .-align-center.nav-bar, .header .nav-bar.button, .header .nav-bar.twitter-button-container, .header .menu .nav-bar._button, .menu .header .nav-bar._button, .header .nav-bar.project-card, .-align-center.cta, .menu .cta._button, .button, .menu ._link, .twitter-button-container, .menu .stack-h._button, .menu ._button.button, .menu ._button.twitter-button-container, .menu ._button.project-card, .menu ._button.shopify, .menu .-social, .project-card, .-align-center.shopify, .shopify .images ._thumbs, .stack-v.-align-center, .-align-center.header, .header.button, .menu .header._link, .header.twitter-button-container, .menu .header.-social, .header.project-card, .shopify .images .header._thumbs, section.-align-center, section.button, .menu section._link, section.twitter-button-container, .menu section.-social, section.project-card, .shopify .images section._thumbs, .stack-v.button, .menu .stack-v._link, .menu ._link._container, .menu .project-card ._info ._link._cta, .project-card ._info .menu ._link._cta, .menu .button._container, .project-card ._info .button._cta, .stack-v.twitter-button-container, .menu .twitter-button-container._container, .project-card ._info .twitter-button-container._cta, .menu ._button, .menu .-align-center._container, .menu ._container.-social, .menu ._container.project-card, .menu .shopify .images ._container._thumbs, .shopify .images .menu ._container._thumbs, .menu .stack-v.-social, .menu .project-card ._info .-social._cta, .project-card ._info .menu .-social._cta, .project-card ._info .-align-center._cta, .project-card ._info .menu ._cta._button, .menu .project-card ._info ._cta._button, .project-card ._info ._cta.project-card, .project-card ._info .shopify .images ._cta._thumbs, .shopify .images .project-card ._info ._cta._thumbs, .stack-v.project-card, .shopify .images .stack-v._thumbs, .shopify .images .menu ._thumbs._button, .menu .shopify .images ._thumbs._button {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.stack-h.-align-start, .header .-align-start.nav-bar, .header section.nav-bar, .header .menu .nav-bar._container, .menu .header .nav-bar._container, section.stack-h, section.cta, section.button, .menu section._link, section.twitter-button-container, .menu section.-social, section.project-card, section.shopify, .shopify .images section._thumbs, .-align-start.cta, .menu .cta._container, .-align-start.button, .menu .-align-start._link, .menu ._link._container, .menu .button._container, .-align-start.twitter-button-container, .menu .twitter-button-container._container, .menu .stack-h._container, .menu ._container.-social, .menu ._container.project-card, .menu ._container.shopify, .menu .shopify .images ._container._thumbs, .shopify .images .menu ._container._thumbs, .menu .-align-start.-social, .-align-start.project-card, .-align-start.shopify, .shopify .images .-align-start._thumbs, .stack-v.-align-start, .-align-start.header, section.header, section, .menu .-align-start._button, .menu section._button, .menu ._container, .project-card ._info .-align-start._cta, .project-card ._info section._cta, .project-card ._info .menu ._cta._container, .menu .project-card ._info ._cta._container {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.stack-h.-align-end, .header .-align-end.nav-bar, .-align-end.cta, .-align-end.button, .menu .-align-end._link, .-align-end.twitter-button-container, .menu .-align-end.-social, .-align-end.project-card, .-align-end.shopify, .shopify .images .-align-end._thumbs, .stack-v.-align-end, .-align-end.header, section.-align-end, .menu .-align-end._button, .menu .-align-end._container, .project-card ._info .-align-end._cta {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.stack-h .-col-1, .header .nav-bar .-col-1, .cta .-col-1, .button .-col-1, .menu ._link .-col-1, .twitter-button-container .-col-1, .menu .-social .-col-1, .project-card .-col-1, .shopify .-col-1, .shopify .images ._thumbs .-col-1, .stack-v .-col-1, .header .-col-1, section .-col-1, .menu ._button .-col-1, .menu ._container .-col-1, .project-card ._info ._cta .-col-1 {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.stack-h .-col-2, .header .nav-bar .-col-2, .cta .-col-2, .button .-col-2, .menu ._link .-col-2, .twitter-button-container .-col-2, .menu .-social .-col-2, .project-card .-col-2, .shopify .-col-2, .shopify .images ._thumbs .-col-2, .stack-v .-col-2, .header .-col-2, section .-col-2, .menu ._button .-col-2, .menu ._container .-col-2, .project-card ._info ._cta .-col-2 {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.stack-h .-col-3, .header .nav-bar .-col-3, .cta .-col-3, .button .-col-3, .menu ._link .-col-3, .twitter-button-container .-col-3, .menu .-social .-col-3, .project-card .-col-3, .shopify .-col-3, .shopify .images ._thumbs .-col-3, .stack-v .-col-3, .header .-col-3, section .-col-3, .menu ._button .-col-3, .menu ._container .-col-3, .project-card ._info ._cta .-col-3 {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.stack-h .-col-4, .header .nav-bar .-col-4, .cta .-col-4, .button .-col-4, .menu ._link .-col-4, .twitter-button-container .-col-4, .menu .-social .-col-4, .project-card .-col-4, .shopify .-col-4, .shopify .images ._thumbs .-col-4, .stack-v .-col-4, .header .-col-4, section .-col-4, .menu ._button .-col-4, .menu ._container .-col-4, .project-card ._info ._cta .-col-4 {
  -webkit-box-flex: 4;
      -ms-flex: 4;
          flex: 4;
}

.stack-h .-col-5, .header .nav-bar .-col-5, .cta .-col-5, .button .-col-5, .menu ._link .-col-5, .twitter-button-container .-col-5, .menu .-social .-col-5, .project-card .-col-5, .shopify .-col-5, .shopify .images ._thumbs .-col-5, .stack-v .-col-5, .header .-col-5, section .-col-5, .menu ._button .-col-5, .menu ._container .-col-5, .project-card ._info ._cta .-col-5 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.stack-h .-col-6, .header .nav-bar .-col-6, .cta .-col-6, .button .-col-6, .menu ._link .-col-6, .twitter-button-container .-col-6, .menu .-social .-col-6, .project-card .-col-6, .shopify .-col-6, .shopify .images ._thumbs .-col-6, .stack-v .-col-6, .header .-col-6, section .-col-6, .menu ._button .-col-6, .menu ._container .-col-6, .project-card ._info ._cta .-col-6 {
  -webkit-box-flex: 5;
      -ms-flex: 5;
          flex: 5;
}

.grid {
  display: -ms-grid;
  display: grid;
  grid-gap: 0.5rem;
  -ms-grid-columns: (minmax(300px, 1fr))[auto-fill];
      grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
}

.button, .menu ._link {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  text-decoration: none;
}

.button[disabled], .menu ._link[disabled] {
  opacity: .33;
}

.button:not([disabled]), .menu ._link:not([disabled]) {
  cursor: pointer;
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.button:not([disabled]):hover, .menu ._link:not([disabled]):hover {
  -webkit-transform: scale(0.95);
          transform: scale(0.95);
}

.button:not([disabled]):active, .menu ._link:not([disabled]):active {
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  opacity: .85;
}

.button.-primary, .menu .-primary._link {
  height: 2.5rem;
  border-radius: 1.25rem;
  border: 2px solid var(--col-main);
}

.button.-accent, .menu .-accent._link {
  border-color: var(--col-accent);
}

.button.-accent:hover, .menu .-accent._link:hover, .button.-accent.-selected, .menu .-accent.-selected._link {
  color: var(--col-main);
  stroke: var(--col-main);
  border-color: var(--col-main);
}

.button:not(.-accent), .menu ._link:not(.-accent) {
  color: var(--col-main);
  stroke: var(--col-main);
}

.button > *:not(:first-child), .menu ._link > *:not(:first-child) {
  margin-left: 0.5rem;
}

.button.-reverse, .menu .-reverse._link {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.button.-reverse > *:not(:first-child), .menu .-reverse._link > *:not(:first-child) {
  margin-left: 0;
  margin-right: 0.5rem;
}

.twitter-button-container {
  min-width: 5rem;
  height: 2.5rem;
  border-radius: 1.25rem;
  border: 2px solid #1d9bf0;
  background-color: #1d9bf0;
}

.twitter-button-container:hover {
  background-color: #0c7abf;
}

.menu {
  position: fixed;
  left: 0;
  top: 0%;
  width: 18rem;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(black), color-stop(75%, black), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(90deg, black 0%, black 75%, rgba(0, 0, 0, 0) 100%);
  -webkit-transform: translateX(-12rem);
          transform: translateX(-12rem);
  z-index: 200;
  -webkit-transition: border-color 400ms, -webkit-transform 400ms ease-out;
  transition: border-color 400ms, -webkit-transform 400ms ease-out;
  transition: transform 400ms ease-out, border-color 400ms;
  transition: transform 400ms ease-out, border-color 400ms, -webkit-transform 400ms ease-out;
}

.menu ._button {
  position: absolute;
  right: 1rem;
  top: 50vh;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.menu ._button span {
  opacity: 1;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  margin-left: -1em;
}

.menu ._link {
  padding: 0.5rem 0;
  text-transform: uppercase;
}

.menu ._container {
  opacity: 0;
  padding: 2rem;
  height: 100%;
  -webkit-transition: opacity 600ms linear;
  transition: opacity 600ms linear;
}

.menu .-primary {
  font-size: 1.25rem;
  padding-top: 4rem;
}

.menu .-social {
  width: 100%;
}

.menu.-show {
  -webkit-transform: translateX(0rem);
          transform: translateX(0rem);
}

.menu.-show ._button span {
  opacity: 0;
}

.menu.-show ._container {
  opacity: 1;
}

.menu.-hide {
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
}

@media screen and (orientation: portrait) {
  .menu {
    width: 100%;
    height: 100%;
    top: calc(6rem - 100%);
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
    border-right: none;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0)), color-stop(10%, black), to(black));
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, black 10%, black 100%);
    -webkit-transition: -webkit-transform 400ms ease-out;
    transition: -webkit-transform 400ms ease-out;
    transition: transform 400ms ease-out;
    transition: transform 400ms ease-out, -webkit-transform 400ms ease-out;
  }
  .menu ._button {
    position: fixed;
    right: 50%;
    bottom: 0;
    top: auto;
    -webkit-transform: translate(50%, 0);
            transform: translate(50%, 0);
  }
  .menu ._button span {
    opacity: 1;
    -webkit-transition: opacity 200ms linear;
    transition: opacity 200ms linear;
  }
  .menu ._container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 2rem 1rem 8rem;
    text-align: center;
  }
  .menu .-primary {
    padding-top: 0;
  }
  .menu.-show {
    -webkit-transform: translate(0, calc(100% - 6rem));
            transform: translate(0, calc(100% - 6rem));
  }
  .menu.-hide {
    -webkit-transform: translate(0, -100%);
            transform: translate(0, -100%);
  }
}

.ink {
  position: fixed;
  top: 0;
  right: 0;
  z-index: -1;
}

.ink.-small {
  min-width: calc(12.5% - 1rem);
  width: calc(.5*(100vw - 1440px) - 1rem);
  height: 100%;
}

.ink.-half {
  width: 50%;
  height: 100%;
}

.ink.-full {
  width: 100%;
  height: 100%;
}

@media (orientation: portrait) {
  .ink.-small, .ink.-half, .ink.-full {
    width: 100%;
    height: 100%;
  }
}

.preloader {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  z-index: 1000;
  -webkit-transition: opacity 600ms linear;
  transition: opacity 600ms linear;
  --scale: 1;
}

.preloader ._indicator {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  background: #000;
}

.preloader ._bar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--col-accent);
  -webkit-transform-origin: 0 0;
          transform-origin: 0 0;
  mix-blend-mode: multiply;
  -webkit-transform: scaleY(var(--scale));
          transform: scaleY(var(--scale));
  -webkit-transition: -webkit-transform 250ms;
  transition: -webkit-transform 250ms;
  transition: transform 250ms;
  transition: transform 250ms, -webkit-transform 250ms;
}

.preloader.-hidden {
  opacity: 0;
}

@-webkit-keyframes loader-rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

@keyframes loader-rotation {
  from {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(359deg);
            transform: rotate(359deg);
  }
}

.preloader-wheel, .slideshow ._loader {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-animation: loader-rotation 2s infinite linear;
          animation: loader-rotation 2s infinite linear;
  border: 5px solid white;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  border-top: 5px solid #FFF6;
}

.nav-arrow {
  position: fixed;
  z-index: 200;
}

.nav-arrow.-up {
  opacity: 1;
  left: 25%;
  top: 2rem;
}

.nav-arrow.-down {
  opacity: 1;
  left: 25%;
  bottom: 2rem;
}

.nav-arrow.-left {
  left: 2rem;
  top: 50%;
}

.nav-arrow.-right {
  right: 2rem;
  top: 50%;
}

.btn-close {
  position: fixed;
  top: 1rem;
  right: 1rem;
  z-index: 50;
  background: var(--col-bg);
}

.project-card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 4rem;
  padding-right: 4rem;
}

.project-card ._date {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.project-card ._info {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.project-card ._info ._location {
  -webkit-box-flex: 3;
      -ms-flex: 3;
          flex: 3;
}

.project-card ._info ._cta {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-width: 12rem;
}

@media (orientation: portrait) {
  .project-card {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding-right: 0;
  }
  .project-card ._info {
    margin-top: 1rem;
  }
}

@media (max-width: 500px) {
  .project-card ._info {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .project-card ._cta {
    margin-top: 1rem;
  }
}

.footer {
  padding: 4rem 0;
}

.footer h5 {
  margin: 0;
}

.modal {
  --modal-trans:-50%, calc(-50% + 4rem);
  --modal-scale:.5;
  --modal-opacity:0;
  position: fixed;
  z-index: 300;
}

.modal ._bg {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000C;
  opacity: var(--modal-opacity);
  -webkit-transition: opacity 500ms;
  transition: opacity 500ms;
  pointer-events: none;
}

.modal ._win {
  position: fixed;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(var(--modal-trans)) scale(var(--modal-scale));
          transform: translate(var(--modal-trans)) scale(var(--modal-scale));
  height: auto;
  opacity: var(--modal-opacity);
  -webkit-transition: opacity 500ms, -webkit-transform 500ms;
  transition: opacity 500ms, -webkit-transform 500ms;
  transition: opacity 500ms, transform 500ms;
  transition: opacity 500ms, transform 500ms, -webkit-transform 500ms;
  width: calc(100% - 2rem);
}

.modal ._win.-s {
  max-width: 480px;
}

.modal ._win.-m {
  max-width: 960px;
}

.modal ._win.-l {
  width: calc(100% - 4rem);
  height: calc(100% - 4rem);
}

.modal ._win ._content {
  width: 100%;
  height: 100%;
  overflow: hidden;
  border: 2px solid var(--col-accent);
  background: var(--col-bg);
}

.modal ._close-button {
  position: absolute;
  top: -1rem;
  right: -1rem;
  background: var(--col-accent);
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  z-index: 1000;
  stroke: #FFFFFF;
}

.modal.-show {
  --modal-trans:-50%,-50%;
  --modal-scale:1;
  --modal-opacity:1;
}

.slideshow {
  position: relative;
  width: 100%;
  height: 100%;
}

.slideshow ._container {
  position: relative;
  height: 100%;
}

.slideshow ._link {
  position: absolute;
  top: 0;
  display: block;
  width: 50%;
  height: 100%;
  opacity: .5;
  -webkit-transition: opacity 200ms linear;
  transition: opacity 200ms linear;
  cursor: pointer;
}

.slideshow ._link:hover {
  opacity: 1;
}

.slideshow ._link svg {
  position: absolute;
  top: 50%;
  stroke: var(--col-accent);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.slideshow ._link.-prev {
  left: 0;
}

.slideshow ._link.-prev svg {
  left: 1rem;
}

.slideshow ._link.-next {
  right: 0;
}

.slideshow ._link.-next svg {
  right: 1rem;
}

.slideshow ._image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.slideshow ._loader {
  display: none;
}

.slideshow ._loader.-show {
  display: block;
}

.video-player {
  width: 100%;
  height: auto;
}

.video-player ._container {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
}

.video-player ._container iframe {
  position: absolute;
  min-width: 100%;
  min-height: 100%;
  z-index: 1;
}

.shopify .-margin-around, .shopify .article .gallery, .article .shopify .gallery, .shopify .article .credits, .article .shopify .credits, .shopify .article blockquote, .article .shopify blockquote, .shopify .text blockquote, .shopify dl {
  margin-top: 4rem;
  margin-bottom: 4rem;
}

.shopify .images {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shopify .images ._main {
  width: 100%;
}

.shopify .images ._thumbs > * {
  display: block;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.shopify .images ._thumbs > *.-selected {
  border: 5px solid var(--col-accent);
}

.shopify .images ._thumbs > * img {
  width: 100%;
  max-width: 100%;
}

.shopify .text {
  -webkit-box-flex: 2;
      -ms-flex: 2;
          flex: 2;
}

.shopify .text blockquote > p {
  font-size: 1.5rem;
  line-height: 120%;
  max-width: 100%;
}

.shopify dl {
  width: 100%;
}

.shopify dl dt {
  float: left;
  width: 33%;
}

.shopify dl dd {
  float: right;
  width: 66%;
}
/*# sourceMappingURL=pl.css.map */