/* line 1, css/resets.scss */
* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

/* line 7, css/resets.scss */
*:focus {
  outline: none;
}

/* line 11, css/resets.scss */
img {
  border: none;
  display: block;
}

/* line 16, css/resets.scss */
.cf:before, .cf:after {
  content: "";
  display: table;
}

/* line 17, css/resets.scss */
.cf:after {
  clear: both;
}

/* line 18, css/resets.scss */
.cf {
  zoom: 1;
}

/* line 20, css/resets.scss */
ul, li {
  list-style: none;
  padding: 0;
  margin: 0;
}

/* line 26, css/resets.scss */
fieldset {
  border: none;
}

/* line 30, css/resets.scss */
.notransition,
.popstate {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
/* line 38, css/resets.scss */
.notransition *,
.popstate * {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}
/* line 46, css/resets.scss */
.notransition .wrap-ajax,
.popstate .wrap-ajax {
  opacity: 0 !important;
}

/* line 51, css/resets.scss */
.notransition,
.notrans {
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -o-transition: none !important;
  -ms-transition: none !important;
  transition: none !important;
}

/* line 6, css/variables.scss */
:root {
  --white: #ffffff;
  --black: #000000;
  --black-off: #61625C;
  --home: #B724BA;
  --home-light: #FD94FF;
  --home-text: #343236;
  --forosa: #E1A600;
  --forosa-light: #E1A600;
  --thespring: #063E2A;
  --thespring-light: #149567;
  --thestudio: #001AFF;
  --thestudio-light: var(--black-off);
}

@supports (color: color(display-p3 1 1 1/1)) {
  /* line 28, css/variables.scss */
  :root {
    --white: #ffffff;
    --black: #000000;
    --black-off: #61625C;
    --home: color(display-p3 0.69 0 0.85);
    --home-light: #FD94FF;
    --home-text: #343236;
    --forosa: oklch(76% 0.16 83.95);
    --forosa-light: oklch(76% 0.16 83.95 / 90%);
    --thespring: oklch(32.37% 0.094 163.21);
    --thespring-light: oklch(58.4% 0.125 163.21);
    --thestudio: var(--black);
    --thestudio-light: var(--black-off);
  }
}
@font-face {
  font-family: 'Andika';
  src: url("/assets/fonts/andika.woff2") format("woff2"), url("/assets/fonts/andika.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Asul';
  src: url("/assets/fonts/asul.woff2") format("woff2"), url("/assets/fonts/asul.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Satoshi';
  src: url("/assets/fonts/satoshi-bold.woff2") format("woff2"), url("/assets/fonts/satoshi-bold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Sentient';
  src: url("/assets/fonts/sentient.woff2") format("woff2"), url("/assets/fonts/sentient.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Space Grotesk';
  src: url("/assets/fonts/spacegrotesk.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Aoboshi';
  src: url("/assets/fonts/aoboshi.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/* line 1, css/type.scss */
h1, h2, h3, h4, h5, p, a, span {
  font-family: Asul, sans-serif;
}

/* line 5, css/type.scss */
h1 {
  font-size: 3.6em;
  font-weight: 300;
  color: var(--black);
  line-height: 1.5em;
  cursor: default;
  -webkit-transition-delay: 700ms;
  -moz-transition-delay: 700ms;
  -o-transition-delay: 700ms;
  transition-delay: 700ms;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 19, css/type.scss */
h2 {
  font-size: 2.4em;
  font-weight: 300;
  color: var(--black);
  line-height: 1.6em;
  cursor: default;
}

/* line 33, css/type.scss */
h3 {
  line-height: 1.6em;
}

/* line 40, css/type.scss */
p {
  font-size: 2em;
  font-weight: 300;
  color: var(--black);
  line-height: 1.8em;
  cursor: default;
}

/* line 1, css/base-layout.scss */
html,
body {
  -webkit-transition: 250ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 250ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 250ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 250ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 6, css/base-layout.scss */
body {
  padding: 0;
  margin: 0 auto;
  font-family: Asul, sans-serif;
  letter-spacing: 0.05em;
  font-size: 62.5%;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--white);
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 22, css/base-layout.scss */
body.notrans * {
  transition: none !important;
  -webkit-transition: none !important;
  -moz-transition: none !important;
  -ms-transition: none !important;
  -o-transition: none !important;
}

/* line 32, css/base-layout.scss */
main {
  padding-top: 20rem;
}
/* line 35, css/base-layout.scss */
main > *:not(h1) {
  opacity: 0 !important;
  -webkit-transition: 3000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 3000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 3000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 3000ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 1000ms;
  -moz-transition-delay: 1000ms;
  -o-transition-delay: 1000ms;
  transition-delay: 1000ms;
}
/* line 41, css/base-layout.scss */
main h1 {
  opacity: 0;
}
/* line 44, css/base-layout.scss */
main h1:before {
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 52, css/base-layout.scss */
body.loaded nav {
  opacity: 1;
}
/* line 57, css/base-layout.scss */
body.loaded main > *:not(h1) {
  -webkit-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 400ms;
  -moz-transition-delay: 400ms;
  -o-transition-delay: 400ms;
  transition-delay: 400ms;
  opacity: 1 !important;
}
/* line 63, css/base-layout.scss */
body.loaded main h1 {
  -webkit-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
  opacity: 1;
}
/* line 68, css/base-layout.scss */
body.loaded main h1:before {
  -webkit-transform: translateY(0rem);
  -moz-transform: translateY(0rem);
  -ms-transform: translateY(0rem);
  -o-transform: translateY(0rem);
  transform: translateY(0rem);
}

/* line 79, css/base-layout.scss */
body.loading main > *:not(h1),
body.clicked main > *:not(h1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  -webkit-transform: translateY(-0.5rem);
  -moz-transform: translateY(-0.5rem);
  -ms-transform: translateY(-0.5rem);
  -o-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem);
  opacity: 0 !important;
}
/* line 85, css/base-layout.scss */
body.loading main h1,
body.clicked main h1 {
  -webkit-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  opacity: 0 !important;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  transform: translateY(-1rem);
  filter: blur(5px);
}
/* line 92, css/base-layout.scss */
body.loading main h1:before,
body.clicked main h1:before {
  -webkit-transform: translateY(3rem);
  -moz-transform: translateY(3rem);
  -ms-transform: translateY(3rem);
  -o-transform: translateY(3rem);
  transform: translateY(3rem);
}

/* line 101, css/base-layout.scss */
body.clicked main h1 {
  -webkit-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  transition-delay: 0ms;
  opacity: 0;
  -webkit-transform: translateY(0.3rem);
  -moz-transform: translateY(0.3rem);
  -ms-transform: translateY(0.3rem);
  -o-transform: translateY(0.3rem);
  transform: translateY(0.3rem);
  filter: blur(2px);
}
/* line 108, css/base-layout.scss */
body.clicked main h1:before {
  -webkit-transform: translateY(-1.4rem);
  -moz-transform: translateY(-1.4rem);
  -ms-transform: translateY(-1.4rem);
  -o-transform: translateY(-1.4rem);
  transform: translateY(-1.4rem);
}
/* line 113, css/base-layout.scss */
body.clicked main > *:not(h1) {
  -webkit-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transform: translateY(0.3rem);
  -moz-transform: translateY(0.3rem);
  -ms-transform: translateY(0.3rem);
  -o-transform: translateY(0.3rem);
  transform: translateY(0.3rem);
  filter: blur(2px);
}

/* line 124, css/base-layout.scss */
h2 a {
  text-decoration: none;
  color: var(--black-off);
  border-bottom: 2px solid rgba(0, 0, 0, 0.4);
  font-family: Aoboshi, sans-serif;
}
/* line 130, css/base-layout.scss */
h2 a:hover {
  border-bottom: 2px solid rgba(0, 0, 0, 0.7);
}

/* line 136, css/base-layout.scss */
h1.title {
  font-size: 9rem;
  font-family: Satoshi, sans-serif;
  color: var(--home);
  margin-top: 13rem;
  left: 6rem;
  top: 0;
  position: absolute;
}
/* line 145, css/base-layout.scss */
h1.title:before {
  content: '';
  position: absolute;
  top: -17rem;
  left: 4rem;
  width: 3rem;
  height: 0rem;
  background: url(/assets/img/line-vert-pink.png) no-repeat;
  background-size: 100%;
  -webkit-transition: 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 800ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 800ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  transition-delay: 200ms;
}

/* line 161, css/base-layout.scss */
body:not(.page-home) h1.title:before {
  display: none;
}

/* line 169, css/base-layout.scss */
.loaded h1.title:before {
  height: 16rem;
  top: -14rem;
}

/* line 178, css/base-layout.scss */
div.text {
  margin-bottom: 10rem;
}
/* line 11, css/mixins.scss */
div.text:after {
  content: "";
  display: table;
  clear: both;
}
/* line 182, css/base-layout.scss */
div.text h1.left {
  font-size: 3rem;
  width: 40%;
  margin-left: 5%;
  font-family: Asul, sans-serif;
  color: var(--home-text);
  float: left;
  margin-top: 5rem;
}
/* line 192, css/base-layout.scss */
div.text h2.right {
  width: 40%;
  margin-right: 5%;
  font-size: 1.2rem;
  font-family: Aoboshi, sans-serif;
  color: var(--home-text);
  float: right;
  margin-top: 15rem;
}
/* line 202, css/base-layout.scss */
div.text span {
  color: var(--forosa-light);
}
/* line 206, css/base-layout.scss */
div.text br {
  margin: 1.4rem 0;
  display: block;
  content: "";
}
/* line 213, css/base-layout.scss */
div.text.mirror h1.left {
  float: right;
  margin-right: 5%;
  margin-left: 0;
}
/* line 219, css/base-layout.scss */
div.text.mirror h2.right {
  float: left;
  font-size: 1.2rem;
  margin-left: 5%;
  margin-right: 0;
}

/* line 230, css/base-layout.scss */
.gallery {
  margin-top: 2rem;
}
/* line 11, css/mixins.scss */
.gallery:after {
  content: "";
  display: table;
  clear: both;
}
/* line 234, css/base-layout.scss */
.gallery img {
  width: 33.333%;
  float: left;
  padding: 2%;
}

/* line 245, css/base-layout.scss */
img[data-src] {
  opacity: 0;
  -webkit-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1200ms cubic-bezier(0.23, 1, 0.32, 1);
}

/* line 258, css/base-layout.scss */
main {
  max-width: 70rem;
  margin: 0 auto;
}

/* line 270, css/base-layout.scss */
.which-respond {
  height: 1px;
  display: none;
}

@media (max-width: 100rem) {
  /* line 287, css/base-layout.scss */
  html {
    font-size: 85%;
  }

  /* line 291, css/base-layout.scss */
  .which-respond {
    height: 3px;
  }
}
@media (max-width: 80rem) {
  /* line 299, css/base-layout.scss */
  html {
    font-size: 70%;
  }

  /* line 303, css/base-layout.scss */
  .which-respond {
    height: 2px;
  }
}
@media (max-width: 45rem) {
  /* line 311, css/base-layout.scss */
  html {
    font-size: 70%;
  }

  /* line 315, css/base-layout.scss */
  main {
    overflow-x: hidden;
  }

  /* line 323, css/base-layout.scss */
  .which-respond {
    height: 1px;
  }

  /* line 327, css/base-layout.scss */
  h1.title {
    font-size: 5rem;
    position: relative;
    margin: 0;
    left: 0;
    padding: 2rem;
    padding-left: 0;
  }

  /* line 336, css/base-layout.scss */
  main {
    padding-top: 0rem;
    padding: 0 2rem;
  }

  /* line 343, css/base-layout.scss */
  body.clicked main h1 {
    -webkit-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -webkit-transition-delay: 0ms;
    -moz-transition-delay: 0ms;
    -o-transition-delay: 0ms;
    transition-delay: 0ms;
  }
  /* line 348, css/base-layout.scss */
  body.clicked main > *:not(h1) {
    -webkit-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0ms cubic-bezier(0.23, 1, 0.32, 1);
  }
}
/* line 1, css/header.scss */
header {
  z-index: 10000;
  position: fixed;
}
/* line 5, css/header.scss */
header .logo {
  padding: 2.1em;
  font-size: 2em;
  color: var(--black);
  font-family: Asul, sans-serif;
}

/* line 13, css/header.scss */
body.gallery {
  overflow: hidden;
}
/* line 16, css/header.scss */
body.gallery header {
  mix-blend-mode: screen;
}

/* line 1, css/nav.scss */
.nav {
  position: relative;
  margin: 1.4rem auto;
  max-width: 80rem;
  width: 100%;
  font-size: 2em;
  color: var(--black);
  z-index: 100;
  -webkit-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 2000ms cubic-bezier(0.23, 1, 0.32, 1);
  opacity: 0;
}
/* line 11, css/mixins.scss */
.nav:after {
  content: "";
  display: table;
  clear: both;
}
/* line 13, css/nav.scss */
.nav a {
  text-decoration: none;
  padding: 1rem;
  display: block;
}
/* line 19, css/nav.scss */
.nav .logo {
  background: #ECEBE6;
  border-radius: 100px;
  padding: 0rem;
  float: left;
  -webkit-transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 400ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 26, css/nav.scss */
.nav .logo a {
  font-family: Satoshi, sans-serif;
  mix-blend-mode: overlay;
  color: var(--black);
  font-size: 1.3rem;
}
/* line 35, css/nav.scss */
.nav nav .burger {
  position: absolute;
  right: 1rem;
  top: 0.7rem;
  width: 8rem;
  padding: 2rem;
  z-index: 100;
  display: none;
}
/* line 45, css/nav.scss */
.nav nav a {
  font-family: Andika, sans-serif;
  margin: 0 1.6rem;
  color: var(--black-off);
  position: relative;
}
/* line 51, css/nav.scss */
.nav nav a:not(.left) {
  float: right;
}
/* line 55, css/nav.scss */
.nav nav a:after {
  content: '';
  position: absolute;
  top: 4.5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0rem;
  width: 0.7rem;
  background: var(--black-off);
  pointer-events: none;
  -webkit-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 68, css/nav.scss */
.nav nav a.active {
  color: var(--thespring-light);
}
/* line 71, css/nav.scss */
.nav nav a.active:after {
  height: 6rem;
}

/* line 83, css/nav.scss */
body.page-home .logo {
  opacity: 0;
  z-index: -1;
}

/* line 93, css/nav.scss */
body.page-forosa .nav nav a.active {
  color: var(--forosa);
}
/* line 96, css/nav.scss */
body.page-forosa .nav nav a.active:after {
  background: var(--forosa-light);
}

/* line 109, css/nav.scss */
body.page-thestudio .nav nav a.active {
  color: var(--black);
}
/* line 112, css/nav.scss */
body.page-thestudio .nav nav a.active:after {
  background: var(--black);
}

/* line 125, css/nav.scss */
body.page-thespring .nav nav a.active {
  color: var(--thespring);
}
/* line 128, css/nav.scss */
body.page-thespring .nav nav a.active:after {
  background: var(--thespring-light);
}

/* line 140, css/nav.scss */
body:not(.first-load).loading .nav,
body.loaded .nav {
  opacity: 1;
}

@media (max-width: 60rem) {
  /* line 157, css/nav.scss */
  .nav {
    margin: 0;
  }
  /* line 161, css/nav.scss */
  .nav .logo a {
    padding: 2rem;
  }
  /* line 166, css/nav.scss */
  .nav nav {
    font-size: 210%;
  }
  /* line 169, css/nav.scss */
  .nav nav .burger {
    display: block;
    -webkit-transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 2s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 174, css/nav.scss */
  .nav nav a:not(.left) {
    float: none;
    text-align: right;
    margin-right: 0rem;
    display: none;
  }
  /* line 180, css/nav.scss */
  .nav nav a:not(.left):nth-child(2) {
    margin-right: 8rem;
  }
  /* line 184, css/nav.scss */
  .nav nav a:not(.left):nth-child(3) {
    margin-right: 2rem;
  }
  /* line 188, css/nav.scss */
  .nav nav a:not(.left):after {
    display: none;
  }
  /* line 194, css/nav.scss */
  .nav nav.open .burger {
    opacity: 0;
    z-index: 0;
    -webkit-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
    -moz-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
    -o-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
    transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
  }
  /* line 200, css/nav.scss */
  .nav nav.open > a {
    display: block;
    z-index: 100;
  }
}
/* line 1, css/footer.scss */
footer {
  position: relative;
  margin: 16rem auto 4rem;
  max-width: 80rem;
  width: 100%;
  font-size: 2em;
  color: var(--black);
  z-index: 100;
  text-align: center;
}
/* line 11, css/mixins.scss */
footer:after {
  content: "";
  display: table;
  clear: both;
}
/* line 12, css/footer.scss */
footer a {
  font-family: Andika, sans-serif;
  margin: 0 1.6rem;
  color: var(--black-off);
  position: relative;
  text-decoration: none;
  padding: 1rem;
  display: inline-block;
}
/* line 21, css/footer.scss */
footer a:before {
  content: '';
  position: absolute;
  bottom: 5rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0rem;
  width: 0.7rem;
  background: var(--thespring-light);
  pointer-events: none;
  -webkit-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 500ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 34, css/footer.scss */
footer a.active {
  color: var(--thespring-light);
}
/* line 37, css/footer.scss */
footer a.active:before {
  height: 6rem;
}

/* line 48, css/footer.scss */
body.page-forosa footer a.active {
  color: var(--forosa-light);
}
/* line 51, css/footer.scss */
body.page-forosa footer a.active:before {
  background: var(--forosa-light);
}

/* line 62, css/footer.scss */
body.page-thestudio nav a.active {
  color: var(--black);
}
/* line 65, css/footer.scss */
body.page-thestudio nav a.active:before {
  background: var(--black);
}

/* line 1, css/_home.scss */
body.page-home {
  background: #ECEBE6;
}
/* line 4, css/_home.scss */
body.page-home h1.title {
  margin-top: 17rem;
}
/* line 8, css/_home.scss */
body.page-home .gallery {
  margin-top: 4rem;
  position: relative;
}
/* line 12, css/_home.scss */
body.page-home .gallery:before {
  content: '';
  position: absolute;
  top: -3rem;
  right: -3rem;
  background: url("/assets/img/spinny.png");
  background-size: 100%;
  height: 9rem;
  width: 9rem;
  animation-name: example;
  animation-duration: 8s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@keyframes example {
  from {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(-360deg);
    -moz-transform: rotate(-360deg);
    -ms-transform: rotate(-360deg);
    -o-transform: rotate(-360deg);
    transform: rotate(-360deg);
  }
}
/* line 33, css/_home.scss */
body.page-home .text {
  margin-bottom: 6rem;
}
/* line 36, css/_home.scss */
body.page-home .text h1 {
  margin-top: 12rem;
  font-size: 2rem;
}
/* line 40, css/_home.scss */
body.page-home .text h1 span {
  color: var(--home);
}
/* line 43, css/_home.scss */
body.page-home .text h1 span.name {
  color: rgba(0, 0, 0, 0.4);
}
/* line 49, css/_home.scss */
body.page-home .text h2 {
  margin-top: 5rem;
}

@media (min-width: 0em) and (max-width: 40em) {
  /* line 73, css/_home.scss */
  body.page-home .gallery {
    margin-bottom: 4rem;
    width: calc(100% + 2rem);
    margin-left: -1rem;
  }
  /* line 79, css/_home.scss */
  body.page-home .text {
    margin-bottom: 4rem;
  }
  /* line 82, css/_home.scss */
  body.page-home .text .right,
  body.page-home .text .left {
    width: 100%;
    float: none;
    margin: 0;
  }
  /* line 89, css/_home.scss */
  body.page-home .text .left {
    margin: 3rem 0;
  }
}
/* line 1, css/_page-forosa.scss */
body.page-forosa {
  background: #ECEAE4;
}
/* line 4, css/_page-forosa.scss */
body.page-forosa .nav .logo {
  background: #ECEAE4;
}
/* line 9, css/_page-forosa.scss */
body.page-forosa h1.title {
  color: var(--forosa);
  font-family: Space Grotesk, sans-serif;
  z-index: 2;
  font-size: 10rem;
}
/* line 15, css/_page-forosa.scss */
body.page-forosa h1.title:before {
  background: var(--forosa-light);
  opacity: 1;
  top: -18rem;
}
/* line 22, css/_page-forosa.scss */
body.page-forosa h1 iframe {
  width: 100%;
  height: 24rem;
}
/* line 28, css/_page-forosa.scss */
body.page-forosa div.text {
  margin-bottom: 5rem;
}
/* line 32, css/_page-forosa.scss */
body.page-forosa video,
body.page-forosa .video-placeholder {
  width: 100%;
  margin-top: -4rem;
}
/* line 38, css/_page-forosa.scss */
body.page-forosa h2.read {
  padding: 2rem;
  position: absolute;
}
/* line 43, css/_page-forosa.scss */
body.page-forosa .blog {
  background: rgba(225, 166, 0, 0.07);
  margin-top: 3rem;
  position: relative;
}
/* line 48, css/_page-forosa.scss */
body.page-forosa .blog h2 {
  padding: 2rem 3rem 0;
}
/* line 52, css/_page-forosa.scss */
body.page-forosa .blog a.sub {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateY(50%) translateX(-50%);
  -moz-transform: translateY(50%) translateX(-50%);
  -ms-transform: translateY(50%) translateX(-50%);
  -o-transform: translateY(50%) translateX(-50%);
  transform: translateY(50%) translateX(-50%);
  font-size: 2em;
  font-family: Space Grotesk, sans-serif;
  text-decoration: none;
  background: var(--forosa);
  color: black;
  padding: 0.4rem;
  z-index: 100;
}
/* line 67, css/_page-forosa.scss */
body.page-forosa ul {
  margin: 0 auto;
  width: 100%;
  position: relative;
  text-align: center;
  white-space: nowrap;
  overflow-x: scroll;
  padding-top: 0.8rem;
  padding-bottom: 0.4rem;
  padding-left: 3rem;
}
/* line 78, css/_page-forosa.scss */
body.page-forosa ul h2 {
  text-align: left;
  color: rgba(0, 0, 0, 0.7);
  margin-left: 0rem;
  margin-bottom: 0.6rem;
  font-size: 2em;
  font-family: Space Grotesk, sans-serif;
}
/* line 89, css/_page-forosa.scss */
body.page-forosa ul li {
  width: calc(86% / 3);
  display: inline-block;
  padding-right: 2.8rem;
  padding-bottom: 2rem;
  vertical-align: top;
}
/* line 96, css/_page-forosa.scss */
body.page-forosa ul li img {
  width: 100%;
  margin-bottom: 0.6rem;
}
/* line 101, css/_page-forosa.scss */
body.page-forosa ul li a {
  font-family: Space Grotesk, sans-serif;
  text-decoration: none;
  color: var(--black-off);
  font-size: 1.6em;
  white-space: normal;
}
/* line 111, css/_page-forosa.scss */
body.page-forosa a.join {
  text-decoration: none;
  font-family: Space Grotesk, sans-serif;
  text-decoration: none;
  color: var(--black-off);
  font-size: 2em;
  background: rgba(0, 0, 0, 0.04);
  padding: 1rem;
  margin-left: 50%;
  margin-top: 2rem;
  margin-bottom: 2rem;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  border: 1px solid rgba(0, 0, 0, 0.01);
  border-radius: 0.4rem;
  display: inline-block;
  -webkit-transition-delay: 0s;
  -moz-transition-delay: 0s;
  -o-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  text-align: center;
}
/* line 130, css/_page-forosa.scss */
body.page-forosa a.join:hover {
  background: rgba(0, 0, 0, 0.06);
  color: var(--black);
}
/* line 136, css/_page-forosa.scss */
body.page-forosa .subscribe {
  margin-top: -15rem;
}
/* line 139, css/_page-forosa.scss */
body.page-forosa .subscribe h1.title {
  position: relative;
  margin-top: 0;
  font-size: 6rem;
}
/* line 144, css/_page-forosa.scss */
body.page-forosa .subscribe h1.title span {
  color: var(--forosa-light);
  font-size: 2.4rem;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  transform: translateY(-1rem);
  display: block;
  line-height: 4rem;
}
/* line 153, css/_page-forosa.scss */
body.page-forosa .subscribe ul {
  margin-top: 8rem;
  padding: 2rem;
  white-space: normal;
  width: 100%;
}
/* line 159, css/_page-forosa.scss */
body.page-forosa .subscribe ul h1 {
  margin-bottom: 2rem;
}
/* line 163, css/_page-forosa.scss */
body.page-forosa .subscribe ul li {
  width: calc(100% / 3);
  margin-bottom: 4rem;
}
/* line 167, css/_page-forosa.scss */
body.page-forosa .subscribe ul li img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 173, css/_page-forosa.scss */
body.page-forosa .subscribe div {
  display: block;
}
/* line 11, css/mixins.scss */
body.page-forosa .subscribe div:after {
  content: "";
  display: table;
  clear: both;
}
/* line 177, css/_page-forosa.scss */
body.page-forosa .subscribe div h2 {
  max-width: 30rem;
  font-family: Aoboshi, sans-serif;
  color: var(--black-off);
  font-size: 2em;
  padding: 2rem 2rem 4rem;
  float: right;
  margin-right: 12rem;
}
/* line 189, css/_page-forosa.scss */
body.page-forosa .subscribe #mc_embed_signup {
  margin: 0 auto;
  margin-bottom: 10rem;
  width: 100%;
  max-width: 40rem;
}
/* line 195, css/_page-forosa.scss */
body.page-forosa .subscribe #mc_embed_signup form {
  padding: 20px;
  margin: 0;
}
/* line 200, css/_page-forosa.scss */
body.page-forosa .subscribe #mc_embed_signup #mc_embed_signup_scroll {
  padding-top: 1rem;
}
/* line 203, css/_page-forosa.scss */
body.page-forosa .subscribe #mc_embed_signup #mc_embed_signup_scroll .indicates-required {
  margin-right: 0;
  text-align: left;
}
/* line 208, css/_page-forosa.scss */
body.page-forosa .subscribe #mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
  width: 100%;
}

@media (max-width: 45rem) {
  /* line 222, css/_page-forosa.scss */
  body.page-forosa h1.title {
    font-size: 5rem;
  }
  /* line 226, css/_page-forosa.scss */
  body.page-forosa div.text h1.left {
    width: 90%;
  }
  /* line 230, css/_page-forosa.scss */
  body.page-forosa div.text h2.right {
    width: 90%;
    margin-top: 5rem;
  }
  /* line 235, css/_page-forosa.scss */
  body.page-forosa div.text {
    margin-bottom: 0rem;
  }
  /* line 239, css/_page-forosa.scss */
  body.page-forosa .video-placeholder {
    margin-top: -1rem;
  }
  /* line 244, css/_page-forosa.scss */
  body.page-forosa .blog h2 {
    padding-left: 2rem;
  }
  /* line 249, css/_page-forosa.scss */
  body.page-forosa ul {
    padding-left: 2rem;
  }
  /* line 253, css/_page-forosa.scss */
  body.page-forosa ul li {
    width: 64%;
  }
  /* line 258, css/_page-forosa.scss */
  body.page-forosa .subscribe {
    margin-top: 0;
  }
  /* line 262, css/_page-forosa.scss */
  body.page-forosa .subscribe > div h2 {
    padding: 0;
    margin: 0;
    width: 100%;
    margin-bottom: 4rem;
  }
  /* line 270, css/_page-forosa.scss */
  body.page-forosa .subscribe ul {
    margin-top: 8rem;
    padding: 0rem;
    white-space: normal;
    width: 100%;
  }
  /* line 276, css/_page-forosa.scss */
  body.page-forosa .subscribe ul h1 {
    margin-bottom: 2rem;
  }
  /* line 280, css/_page-forosa.scss */
  body.page-forosa .subscribe ul li {
    width: calc(100% / 2);
    margin-bottom: 4rem;
    padding: 0.8rem;
  }
  /* line 285, css/_page-forosa.scss */
  body.page-forosa .subscribe ul li img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}
/* line 1, css/_page-thespring.scss */
body.page-thespring {
  background: #ECEEEC;
}
/* line 4, css/_page-thespring.scss */
body.page-thespring main {
  padding-left: 2rem;
  padding-right: 2rem;
}
/* line 9, css/_page-thespring.scss */
body.page-thespring .nav .logo {
  background: #ECEEEC;
}
/* line 14, css/_page-thespring.scss */
body.page-thespring h1.title {
  color: var(--thespring);
  font-family: Sentient, sans-serif;
}
/* line 18, css/_page-thespring.scss */
body.page-thespring h1.title:before {
  background: var(--thespring-light);
  opacity: 1;
  top: -18rem;
}
/* line 26, css/_page-thespring.scss */
body.page-thespring div {
  display: block;
}
/* line 11, css/mixins.scss */
body.page-thespring div:after {
  content: "";
  display: table;
  clear: both;
}
/* line 30, css/_page-thespring.scss */
body.page-thespring div h2 {
  max-width: 30rem;
  font-family: Aoboshi, sans-serif;
  color: var(--black-off);
  font-size: 2em;
  padding: 2rem 2rem 4rem;
  float: right;
  margin-right: 12rem;
  position: relative;
}
/* line 41, css/_page-thespring.scss */
body.page-thespring div h2 a {
  background: var(--thespring-light);
  color: white;
  padding: 0.3rem 0.8rem;
  opacity: 0.9;
  -webkit-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 200ms cubic-bezier(0.23, 1, 0.32, 1);
  position: absolute;
  top: -2rem;
  right: -4rem;
  font-size: 0.9rem;
}
/* line 52, css/_page-thespring.scss */
body.page-thespring div h2 a:hover {
  opacity: 1;
}
/* line 59, css/_page-thespring.scss */
body.page-thespring h3 {
  color: var(--thespring-light);
  padding: 0;
  font-size: 3.6em;
}
/* line 66, css/_page-thespring.scss */
body.page-thespring ul {
  margin-bottom: 8rem;
  display: block;
  width: calc(100% + 4rem);
  margin-left: -2rem;
}
/* line 11, css/mixins.scss */
body.page-thespring ul:after {
  content: "";
  display: table;
  clear: both;
}
/* line 73, css/_page-thespring.scss */
body.page-thespring ul li {
  float: left;
  width: 33%;
  padding: 2rem;
}
/* line 78, css/_page-thespring.scss */
body.page-thespring ul li:nth-child(3n+1) {
  clear: both;
}
/* line 82, css/_page-thespring.scss */
body.page-thespring ul li img {
  width: 100%;
  border-top-right-radius: 100%;
  border-bottom-right-radius: 100%;
  margin-bottom: 1rem;
}
/* line 89, css/_page-thespring.scss */
body.page-thespring ul li a {
  font-family: Aoboshi, sans-serif;
  text-decoration: none;
  color: var(--black-off);
  font-size: 2em;
}
/* line 98, css/_page-thespring.scss */
body.page-thespring .subscribe {
  margin-top: -12rem;
}
/* line 101, css/_page-thespring.scss */
body.page-thespring .subscribe h1 {
  position: relative;
  margin-top: 0;
  font-size: 5.5em;
}
/* line 106, css/_page-thespring.scss */
body.page-thespring .subscribe h1 span {
  color: var(--thespring-light);
  font-size: 2.4rem;
  -webkit-transform: translateY(-1rem);
  -moz-transform: translateY(-1rem);
  -ms-transform: translateY(-1rem);
  -o-transform: translateY(-1rem);
  transform: translateY(-1rem);
  display: block;
}
/* line 113, css/_page-thespring.scss */
body.page-thespring .subscribe h1.notsure {
  margin-bottom: 2rem;
}
/* line 118, css/_page-thespring.scss */
body.page-thespring .subscribe #mc_embed_signup {
  margin: 0 auto;
  margin-bottom: 10rem;
  width: 100%;
  max-width: 40rem;
}
/* line 124, css/_page-thespring.scss */
body.page-thespring .subscribe #mc_embed_signup form {
  padding: 20px;
  margin: 0;
}
/* line 129, css/_page-thespring.scss */
body.page-thespring .subscribe #mc_embed_signup #mc_embed_signup_scroll {
  padding-top: 1rem;
}
/* line 132, css/_page-thespring.scss */
body.page-thespring .subscribe #mc_embed_signup #mc_embed_signup_scroll .indicates-required {
  margin-right: 0;
  text-align: left;
}
/* line 137, css/_page-thespring.scss */
body.page-thespring .subscribe #mc_embed_signup #mc_embed_signup_scroll .mc-field-group {
  width: 100%;
}

@media (max-width: 45rem) {
  /* line 153, css/_page-thespring.scss */
  body.page-thespring h1.title {
    max-width: none;
    padding-left: 0;
    padding-right: 0;
  }
  /* line 160, css/_page-thespring.scss */
  body.page-thespring div h2 {
    margin: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    float: none;
    max-width: none;
  }
  /* line 168, css/_page-thespring.scss */
  body.page-thespring div h2 a {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    font-size: 1.2rem;
    padding: 0.8rem 1rem;
  }
  /* line 180, css/_page-thespring.scss */
  body.page-thespring ul li {
    width: 50%;
  }
  /* line 183, css/_page-thespring.scss */
  body.page-thespring ul li:nth-child(odd) {
    clear: both;
  }
  /* line 187, css/_page-thespring.scss */
  body.page-thespring ul li:nth-child(3n+1) {
    clear: none;
  }
  /* line 193, css/_page-thespring.scss */
  body.page-thespring .subscribe {
    margin-top: 0;
  }
}
/* line 1, css/_page-thestudio.scss */
body.page-thestudio {
  background: #E4E4E4;
}
/* line 4, css/_page-thestudio.scss */
body.page-thestudio main {
  max-width: 90rem;
}
/* line 8, css/_page-thestudio.scss */
body.page-thestudio .nav .logo {
  background: #E4E4E4;
}
/* line 13, css/_page-thestudio.scss */
body.page-thestudio h1.title {
  color: var(--thestudio);
}
/* line 16, css/_page-thestudio.scss */
body.page-thestudio h1.title:before {
  background: var(--thestudio-light);
  opacity: 1;
  top: -18rem;
}
/* line 24, css/_page-thestudio.scss */
body.page-thestudio .text {
  max-width: 70rem;
  margin-left: auto;
  margin-right: auto;
}
/* line 29, css/_page-thestudio.scss */
body.page-thestudio .text h1 {
  color: var(--black-off);
}
/* line 32, css/_page-thestudio.scss */
body.page-thestudio .text h1 span {
  color: var(--black);
}
/* line 37, css/_page-thestudio.scss */
body.page-thestudio .text h2 {
  color: var(--black-off);
}
/* line 41, css/_page-thestudio.scss */
body.page-thestudio .text.design, body.page-thestudio .text.copy {
  display: none;
}
/* line 47, css/_page-thestudio.scss */
body.page-thestudio ul.worknav {
  margin-top: 2rem;
  margin-bottom: 4rem;
  padding-left: 8rem;
}
/* line 52, css/_page-thestudio.scss */
body.page-thestudio ul.worknav li {
  display: inline-block;
}
/* line 55, css/_page-thestudio.scss */
body.page-thestudio ul.worknav li a {
  font-family: Asul, sans-serif;
  color: var(--black-off);
  text-decoration: none;
  font-size: 2rem;
  padding: 0 2rem;
  position: relative;
}
/* line 63, css/_page-thestudio.scss */
body.page-thestudio ul.worknav li a:after {
  content: '';
  position: absolute;
  top: 4.2rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  height: 0rem;
  width: 0.5rem;
  background: var(--black);
  pointer-events: none;
  -webkit-transition: 350ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 350ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 350ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 350ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 76, css/_page-thestudio.scss */
body.page-thestudio ul.worknav li a.active {
  color: var(--black);
}
/* line 79, css/_page-thestudio.scss */
body.page-thestudio ul.worknav li a.active:after {
  height: 3.8rem;
}
/* line 87, css/_page-thestudio.scss */
body.page-thestudio ul.work {
  max-width: 90rem;
  margin: 0 auto;
}
/* line 11, css/mixins.scss */
body.page-thestudio ul.work:after {
  content: "";
  display: table;
  clear: both;
}
/* line 92, css/_page-thestudio.scss */
body.page-thestudio ul.work.hide {
  position: absolute;
  left: -10000px;
  opacity: 0;
  z-index: -1;
  height: 0;
  overflow: hidden;
  width: 0;
}
/* line 102, css/_page-thestudio.scss */
body.page-thestudio ul.work.hide li {
  -webkit-transform: translateY(-2rem);
  -moz-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  -o-transform: translateY(-2rem);
  transform: translateY(-2rem);
  opacity: 0;
  -webkit-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 0s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 109, css/_page-thestudio.scss */
body.page-thestudio ul.work h1 {
  margin-left: 2rem;
}
/* line 113, css/_page-thestudio.scss */
body.page-thestudio ul.work li {
  float: left;
  width: 50%;
  padding: 6rem;
  -webkit-transition: opacity 3s, transform 3s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: opacity 3s, transform 3s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: opacity 3s, transform 3s cubic-bezier(0.23, 1, 0.32, 1);
  transition: opacity 3s, transform 3s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 119, css/_page-thestudio.scss */
body.page-thestudio ul.work li.even {
  padding-top: 12rem;
}
/* line 123, css/_page-thestudio.scss */
body.page-thestudio ul.work li.odd {
  clear: both;
}
/* line 127, css/_page-thestudio.scss */
body.page-thestudio ul.work li img {
  width: 100%;
  margin-bottom: 1.2rem;
}
/* line 132, css/_page-thestudio.scss */
body.page-thestudio ul.work li a {
  text-decoration: none;
  cursor: pointer;
}
/* line 137, css/_page-thestudio.scss */
body.page-thestudio ul.work li h2,
body.page-thestudio ul.work li p {
  font-family: Aoboshi, sans-serif;
  color: var(--black);
  font-size: 2.4em;
}
/* line 144, css/_page-thestudio.scss */
body.page-thestudio ul.work li p {
  font-size: 1.4em;
  width: 66%;
  color: var(--black-off);
  margin-top: 0.5rem;
}

@media (max-width: 45rem) {
  /* line 164, css/_page-thestudio.scss */
  body.page-thestudio main {
    padding: 0 2rem;
  }
  /* line 169, css/_page-thestudio.scss */
  body.page-thestudio main div.text h1,
  body.page-thestudio main div.text h2,
  body.page-thestudio main div.text.mirror h1,
  body.page-thestudio main div.text.mirror h2 {
    float: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 177, css/_page-thestudio.scss */
  body.page-thestudio main div.text h1,
  body.page-thestudio main div.text.mirror h1 {
    margin-bottom: 3rem;
  }
  /* line 183, css/_page-thestudio.scss */
  body.page-thestudio main ul.work li {
    padding: 0;
    padding-bottom: 4rem;
    width: 100%;
  }
  /* line 184, css/_page-thestudio.scss */
  body.page-thestudio main ul.work li:nth-of-type(even) {
    padding: 0;
    padding-bottom: 4rem;
  }
  /* line 195, css/_page-thestudio.scss */
  body.page-thestudio main ul.worknav {
    padding: 0;
    margin-bottom: 8rem;
  }
  /* line 200, css/_page-thestudio.scss */
  body.page-thestudio main ul.worknav li a {
    font-size: 1.6rem;
    padding: 1rem;
  }
  /* line 204, css/_page-thestudio.scss */
  body.page-thestudio main ul.worknav li a span {
    display: none;
  }
}
/* line 2, css/_post-thespring.scss */
.page-thespring.single main {
  margin-bottom: 16rem;
  padding-top: 0;
}
/* line 6, css/_post-thespring.scss */
.page-thespring.single main ul.work {
  margin-top: 10rem;
  padding: 2rem;
}
/* line 10, css/_post-thespring.scss */
.page-thespring.single main ul.work h1 {
  margin-left: 2rem;
  margin-bottom: 4rem;
}
/* line 16, css/_post-thespring.scss */
.page-thespring.single main h1.title {
  font-size: 3rem;
  left: 50%;
  top: 3rem;
  position: relative;
  left: auto;
  top: auto;
  text-align: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12rem;
}
/* line 30, css/_post-thespring.scss */
.page-thespring.single main img.hero {
  width: 70%;
  margin: 3rem auto 4rem;
}
/* line 35, css/_post-thespring.scss */
.page-thespring.single main p {
  max-width: 40rem;
  margin: 0 auto 2rem;
}
/* line 39, css/_post-thespring.scss */
.page-thespring.single main p a {
  color: var(--thespring-light);
  border-bottom-color: var(--thespring-light);
}
/* line 48, css/_post-thespring.scss */
.page-thespring.single main p.has-text-align-center {
  text-align: center;
}
/* line 52, css/_post-thespring.scss */
.page-thespring.single main p strong {
  color: var(--thespring);
}
/* line 57, css/_post-thespring.scss */
.page-thespring.single main hr {
  max-width: 30rem;
  margin: 3rem auto 3rem;
  background: var(--thespring-light);
  height: 1px;
  border: none;
}
/* line 66, css/_post-thespring.scss */
.page-thespring.single main .wp-block-quote p {
  color: var(--thespring);
  max-width: 36rem;
  font-style: italic;
}
/* line 71, css/_post-thespring.scss */
.page-thespring.single main .wp-block-quote p em {
  color: var(--thespring);
  font-style: italic;
}
/* line 77, css/_post-thespring.scss */
.page-thespring.single main .wp-block-quote cite {
  max-width: 36rem;
  margin: 0 auto 2rem;
  display: block;
  color: var(--black-off);
  font-size: 0.8rem;
  line-height: 1.4rem;
  font-style: normal;
}
/* line 86, css/_post-thespring.scss */
.page-thespring.single main .wp-block-quote cite a {
  color: var(--thespring-light);
  border-bottom-color: var(--thespring-light);
}
/* line 93, css/_post-thespring.scss */
.page-thespring.single main figure {
  width: 70%;
  margin: 0 auto 3rem;
}
/* line 97, css/_post-thespring.scss */
.page-thespring.single main figure img {
  width: 100% !important;
  height: auto !important;
}
/* line 102, css/_post-thespring.scss */
.page-thespring.single main figure figcaption {
  text-align: center;
  margin: 0 auto;
  width: 70%;
  text-align: center;
  padding: 1rem;
  display: block;
  font-size: 0.8rem;
  color: var(--black-off);
}
/* line 112, css/_post-thespring.scss */
.page-thespring.single main figure figcaption em {
  line-height: 1.4rem;
}
/* line 118, css/_post-thespring.scss */
.page-thespring.single main .post-iframe {
  position: relative;
}
/* line 121, css/_post-thespring.scss */
.page-thespring.single main .post-iframe img {
  opacity: 0;
  z-index: -1;
}
/* line 126, css/_post-thespring.scss */
.page-thespring.single main .post-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 135, css/_post-thespring.scss */
.page-thespring.single main a.signup {
  opacity: 0;
  position: fixed;
  left: 10000px;
  right: 2rem;
  bottom: 0rem;
  z-index: 1000;
  background: var(--thespring-light);
  color: white;
  padding: 1rem 1.2rem;
  font-size: 2em;
  text-decoration: none;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 149, css/_post-thespring.scss */
.page-thespring.single main a.signup.show {
  left: auto;
}
/* line 153, css/_post-thespring.scss */
.page-thespring.single main a.signup.fadeIn {
  opacity: 0.9;
  bottom: 2rem;
}
/* line 157, css/_post-thespring.scss */
.page-thespring.single main a.signup.fadeIn:hover {
  opacity: 1;
}

@media (max-width: 60rem) {
  /* line 221, css/_post-thespring.scss */
  body.page-thespring.single main {
    padding: 0 2rem;
    padding-top: 4rem;
  }
  /* line 225, css/_post-thespring.scss */
  body.page-thespring.single main h1.title {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  /* line 231, css/_post-thespring.scss */
  body.page-thespring.single main img.hero,
  body.page-thespring.single main figure {
    width: 100%;
  }
  /* line 236, css/_post-thespring.scss */
  body.page-thespring.single main figcaption {
    width: 100%;
  }
}
/* line 2, css/_post-thestudio.scss */
.page-thestudio.single main {
  margin-bottom: 16rem;
  padding-top: 0;
  width: 100%;
  max-width: 100%;
  margin-top: 10rem;
}
/* line 9, css/_post-thestudio.scss */
.page-thestudio.single main > div {
  margin: 0 auto;
  padding: 4rem 0;
}
/* line 14, css/_post-thestudio.scss */
.page-thestudio.single main h1.title {
  font-size: 6rem;
  position: relative;
  margin-top: 0;
}
/* line 20, css/_post-thestudio.scss */
.page-thestudio.single main .hero {
  width: 100%;
  max-width: 80%;
  margin: 4rem auto;
}
/* line 26, css/_post-thestudio.scss */
.page-thestudio.single main .wrap-hero {
  width: 100%;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
  margin-bottom: 3rem;
  margin-top: 1rem;
  position: relative;
  overflow: hidden;
}
/* line 36, css/_post-thestudio.scss */
.page-thestudio.single main .wrap-hero video, .page-thestudio.single main .wrap-hero img {
  width: 100%;
  margin: 0;
  max-width: 100%;
}
/* line 51, css/_post-thestudio.scss */
.page-thestudio.single main p {
  max-width: 40rem;
  margin: 0 auto 2rem;
}
/* line 55, css/_post-thestudio.scss */
.page-thestudio.single main p a {
  color: var(--thespring-light);
  border-bottom-color: var(--thespring-light);
}
/* line 60, css/_post-thestudio.scss */
.page-thestudio.single main p em {
  color: var(--black-off);
  font-style: italic;
}
/* line 65, css/_post-thestudio.scss */
.page-thestudio.single main p:last-child {
  margin-bottom: 0;
}
/* line 69, css/_post-thestudio.scss */
.page-thestudio.single main p span.small {
  font-size: 1.2rem;
  color: var(--black-off);
  display: block;
  line-height: 2rem;
  margin-top: 1rem;
}
/* line 78, css/_post-thestudio.scss */
.page-thestudio.single main .img_single {
  width: 100%;
  padding-left: 12vw;
  padding-right: 12vw;
}
/* line 83, css/_post-thestudio.scss */
.page-thestudio.single main .img_single img {
  width: 100%;
}
/* line 87, css/_post-thestudio.scss */
.page-thestudio.single main .img_single figcaption {
  position: absolute;
  left: 0;
  padding: 1rem;
  font-size: 1.4em;
  width: 100%;
  text-align: center;
}
/* line 97, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right {
  width: 100%;
  padding-left: 3vw;
  padding-right: 3vw;
  margin: 0 auto;
  text-align: center;
}
/* line 104, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div.orig_size {
  display: inline-block;
  width: 45vw;
  margin: 0 1vw;
  position: relative;
}
/* line 110, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div.orig_size img {
  width: 100%;
}
/* line 115, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div:not(.orig_size) {
  background-size: 100% 100%;
  display: inline-block;
  position: relative;
  width: 30vw;
  height: 50vw;
  margin: 0 3vw;
}
/* line 123, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div:not(.orig_size).video {
  position: relative;
  margin-top: 0;
}
/* line 128, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div:not(.orig_size).video .video-overflow {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 134, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div:not(.orig_size).video .video-overflow video {
  min-height: 110%;
  min-width: 110%;
  position: absolute;
  left: -5%;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 146, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right > div.smaller {
  width: 24vw;
  margin: 0 3vw;
}
/* line 151, css/_post-thestudio.scss */
.page-thestudio.single main .img_left_right figcaption {
  position: absolute;
  top: 100%;
  padding: 1rem;
  font-size: 1.4em;
  width: 100%;
  text-align: center;
}
/* line 161, css/_post-thestudio.scss */
.page-thestudio.single main .img_three {
  width: 100%;
  padding-right: 6vw;
  position: relative;
}
/* line 11, css/mixins.scss */
.page-thestudio.single main .img_three:after {
  content: "";
  display: table;
  clear: both;
}
/* line 167, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div {
  background-size: 100% 100%;
  float: left;
  position: relative;
}
/* line 172, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div:nth-child(1) {
  width: 44vw;
  height: 58vw;
}
/* line 177, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div:nth-child(2), .page-thestudio.single main .img_three > div:nth-child(3) {
  float: right;
  width: 44vw;
  height: 26vw;
}
/* line 184, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div:nth-child(2) {
  margin-bottom: 6vw;
}
/* line 188, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div.video {
  position: relative;
  margin-top: 0;
}
/* line 193, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div.video .video-overflow {
  overflow: hidden;
  width: 100%;
  height: 100%;
  position: relative;
}
/* line 199, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div.video .video-overflow video {
  min-height: 106%;
  min-width: 106%;
  position: absolute;
  left: -3%;
  top: -3%;
}
/* line 209, css/_post-thestudio.scss */
.page-thestudio.single main .img_three > div figcaption {
  position: absolute;
  top: 100%;
  padding: 1rem;
  font-size: 1.4em;
  width: 100%;
  text-align: center;
}
/* line 220, css/_post-thestudio.scss */
.page-thestudio.single main ul.things_i_did {
  margin-left: 10rem;
  margin-bottom: 6em;
}
/* line 224, css/_post-thestudio.scss */
.page-thestudio.single main ul.things_i_did li {
  font-size: 1.4em;
  font-family: Aoboshi, sans-serif;
  list-style: gujarati;
}
/* line 231, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote {
  max-width: 70rem;
}
/* line 11, css/mixins.scss */
.page-thestudio.single main .para_quote:after {
  content: "";
  display: table;
  clear: both;
}
/* line 235, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote strong {
  color: var(--black);
  font-weight: normal;
}
/* line 241, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .quote {
  width: 40%;
  margin-left: 5%;
  float: left;
  margin-top: 5rem;
}
/* line 247, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .quote p {
  font-size: 1rem;
  font-family: Aoboshi, sans-serif;
  color: var(--home-text);
  line-height: 4rem;
}
/* line 254, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .quote + .quote {
  width: 40%;
  margin-right: 5%;
  float: right;
  margin-top: 0rem;
}
/* line 260, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .quote + .quote p {
  font-size: 4em;
  font-family: Asul, sans-serif;
  color: var(--black);
}
/* line 269, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .para {
  width: 40%;
  margin-left: 5%;
  float: left;
  margin-top: 5rem;
}
/* line 275, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .para p {
  font-size: 1rem;
  font-family: Aoboshi, sans-serif;
  color: var(--home-text);
}
/* line 281, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .para + .quote {
  width: 40%;
  margin-right: 5%;
  float: right;
  margin-top: 0rem;
}
/* line 287, css/_post-thestudio.scss */
.page-thestudio.single main .para_quote .para + .quote p {
  font-size: 4em;
  font-family: Asul, sans-serif;
  color: var(--black);
}
/* line 297, css/_post-thestudio.scss */
.page-thestudio.single main .quote_only p {
  font-size: 2.4rem;
  max-width: 58rem;
}
/* line 303, css/_post-thestudio.scss */
.page-thestudio.single main .video {
  width: 100%;
  max-width: 80%;
  margin: 4rem auto;
}
/* line 308, css/_post-thestudio.scss */
.page-thestudio.single main .video video {
  width: 100%;
}
/* line 313, css/_post-thestudio.scss */
.page-thestudio.single main div.deck {
  width: 100%;
  position: relative;
  margin-top: 8rem;
}
/* line 318, css/_post-thestudio.scss */
.page-thestudio.single main div.deck h2 {
  text-align: center;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0rem;
}
/* line 327, css/_post-thestudio.scss */
.page-thestudio.single main div.deck .left,
.page-thestudio.single main div.deck .right {
  width: 5rem;
  height: 5rem;
  background: #000;
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 100;
  opacity: 0.9;
  cursor: pointer;
  -webkit-transition: 100ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 100ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 100ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 100ms cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  -moz-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
  box-shadow: 0 0 1rem rgba(0, 0, 0, 0.4);
}
/* line 341, css/_post-thestudio.scss */
.page-thestudio.single main div.deck .left:hover,
.page-thestudio.single main div.deck .right:hover {
  opacity: 0.95;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}
/* line 346, css/_post-thestudio.scss */
.page-thestudio.single main div.deck .left img,
.page-thestudio.single main div.deck .right img {
  filter: invert(100%);
  width: 2.4rem;
  height: 2.4rem;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
/* line 357, css/_post-thestudio.scss */
.page-thestudio.single main div.deck .left {
  left: 0;
  display: none;
}
/* line 362, css/_post-thestudio.scss */
.page-thestudio.single main div.deck .right {
  right: 0;
}
/* line 366, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul {
  position: relative;
  white-space: nowrap;
  width: 100%;
  overflow: hidden;
  padding: 0 0 0 10%;
}
/* line 373, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul:before {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  width: 14%;
  background: rgba(228, 228, 228, 0.85);
  background: -webkit-linear-gradient(legacy-direction(90deg), rgba(228, 228, 228, 0.85), rgba(228, 228, 228, 0));
  background: linear-gradient(90deg, rgba(228, 228, 228, 0.85), rgba(228, 228, 228, 0));
  z-index: 50;
}
/* line 384, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul:after {
  content: '';
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  width: 14%;
  background: rgba(228, 228, 228, 0.85);
  background: -webkit-linear-gradient(legacy-direction(-90deg), rgba(228, 228, 228, 0.85), rgba(228, 228, 228, 0));
  background: linear-gradient(-90deg, rgba(228, 228, 228, 0.85), rgba(228, 228, 228, 0));
  z-index: 50;
}
/* line 395, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li {
  display: inline-block;
  width: 90%;
  padding: 0 2%;
  -webkit-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
  transition: 300ms cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 402, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move1 {
  margin-left: 0%;
}
/* line 405, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move2 {
  margin-left: -90%;
}
/* line 408, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move3 {
  margin-left: -180%;
}
/* line 411, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move4 {
  margin-left: -270%;
}
/* line 414, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move5 {
  margin-left: -360%;
}
/* line 417, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move6 {
  margin-left: -450%;
}
/* line 420, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move7 {
  margin-left: -540%;
}
/* line 423, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move8 {
  margin-left: -630%;
}
/* line 426, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li:nth-child(1).move9 {
  margin-left: -720%;
}
/* line 431, css/_post-thestudio.scss */
.page-thestudio.single main div.deck ul li img {
  width: 100%;
  height: auto;
  margin-left: -4px;
}
/* line 440, css/_post-thestudio.scss */
.page-thestudio.single main ul.work {
  margin-top: 14rem;
}
/* line 443, css/_post-thestudio.scss */
.page-thestudio.single main ul.work h1 {
  margin-left: 6rem;
}
/* line 448, css/_post-thestudio.scss */
.page-thestudio.single main ul.work li:nth-child(even) {
  clear: both;
}
/* line 453, css/_post-thestudio.scss */
.page-thestudio.single main ul.work li a p {
  margin: 0.5rem 0;
}

@media (max-width: 45rem) {
  /* line 482, css/_post-thestudio.scss */
  body.page-thestudio.single main {
    padding: 0;
    margin: 0;
  }
  /* line 486, css/_post-thestudio.scss */
  body.page-thestudio.single main h1.title {
    font-size: 3rem;
    margin: 0 2rem;
    padding: 0;
  }
  /* line 492, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.things_i_did {
    margin: 0 2rem 4rem;
  }
  /* line 496, css/_post-thestudio.scss */
  body.page-thestudio.single main div.text,
  body.page-thestudio.single main div.text.mirror,
  body.page-thestudio.single main div.para_quote {
    padding: 0 2rem;
  }
  /* line 501, css/_post-thestudio.scss */
  body.page-thestudio.single main div.text .para + .quote,
  body.page-thestudio.single main div.text.mirror .para + .quote,
  body.page-thestudio.single main div.para_quote .para + .quote {
    width: 100%;
    padding: 0;
    margin: 0;
  }
  /* line 507, css/_post-thestudio.scss */
  body.page-thestudio.single main div.text h1,
  body.page-thestudio.single main div.text h2,
  body.page-thestudio.single main div.text .para,
  body.page-thestudio.single main div.text .quote,
  body.page-thestudio.single main div.text.mirror h1,
  body.page-thestudio.single main div.text.mirror h2,
  body.page-thestudio.single main div.text.mirror .para,
  body.page-thestudio.single main div.text.mirror .quote,
  body.page-thestudio.single main div.para_quote h1,
  body.page-thestudio.single main div.para_quote h2,
  body.page-thestudio.single main div.para_quote .para,
  body.page-thestudio.single main div.para_quote .quote {
    float: none;
    padding: 0;
    margin: 0;
    width: 100%;
  }
  /* line 517, css/_post-thestudio.scss */
  body.page-thestudio.single main div.text h1,
  body.page-thestudio.single main div.text .para,
  body.page-thestudio.single main div.text.mirror h1,
  body.page-thestudio.single main div.text.mirror .para,
  body.page-thestudio.single main div.para_quote h1,
  body.page-thestudio.single main div.para_quote .para {
    margin-bottom: 3rem;
  }
  /* line 523, css/_post-thestudio.scss */
  body.page-thestudio.single main .para_only,
  body.page-thestudio.single main .quote_only {
    padding: 3rem 2rem;
  }
  /* line 528, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.work {
    padding: 0 2rem;
  }
  /* line 531, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.work h1 {
    margin-left: 0;
    margin-bottom: 3rem;
  }
  /* line 536, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.work li {
    padding: 0;
    padding-bottom: 4rem;
    width: 100%;
  }
  /* line 537, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.work li:nth-of-type(even) {
    padding: 0;
    padding-bottom: 4rem;
  }
  /* line 548, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.worknav {
    padding: 0;
    margin-bottom: 8rem;
  }
  /* line 553, css/_post-thestudio.scss */
  body.page-thestudio.single main ul.worknav li a {
    font-size: 1.6rem;
    padding: 1rem;
  }
  /* line 561, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_three > div:nth-child(1),
  body.page-thestudio.single main .img_three > div:nth-child(3) {
    width: 100vw;
    height: 130vw;
    float: none;
  }
  /* line 568, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_three > div:nth-child(2) {
    width: 100vw;
    height: 60vw;
    float: none;
    max-width: none;
    margin-top: 6rem;
  }
  /* line 576, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_three > div:nth-child(3) {
    height: 60vw;
    margin-top: 6rem;
  }
  /* line 582, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_left_right {
    padding: 4rem 0;
  }
  /* line 586, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_left_right > div:not(.orig_size).video {
    width: 80vw;
    height: 127vw;
  }
  /* line 592, css/_post-thestudio.scss */
  body.page-thestudio.single main .img_left_right > div.orig_size {
    width: 100vw;
    margin: 0;
    margin-bottom: 6rem;
  }
  /* line 599, css/_post-thestudio.scss */
  body.page-thestudio.single main .video {
    max-width: none;
  }
}
/* line 2, css/_post-forosa.scss */
.page-forosa.single main {
  margin-bottom: 16rem;
  padding-top: 0;
}
/* line 6, css/_post-forosa.scss */
.page-forosa.single main ul {
  margin-top: 8rem;
  padding: 2rem;
  white-space: normal;
  width: 100%;
}
/* line 12, css/_post-forosa.scss */
.page-forosa.single main ul h1 {
  margin-bottom: 2rem;
}
/* line 16, css/_post-forosa.scss */
.page-forosa.single main ul li {
  width: calc(100% / 3);
  margin-bottom: 4rem;
}
/* line 20, css/_post-forosa.scss */
.page-forosa.single main ul li img {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
/* line 26, css/_post-forosa.scss */
.page-forosa.single main h1.title {
  font-size: 3rem;
  left: 50%;
  top: 3rem;
  position: relative;
  left: auto;
  top: auto;
  text-align: center;
  max-width: 70%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 12rem;
}
/* line 40, css/_post-forosa.scss */
.page-forosa.single main img.hero {
  width: 70%;
  margin: 3rem auto 4rem;
}
/* line 45, css/_post-forosa.scss */
.page-forosa.single main p {
  max-width: 40rem;
  margin: 0 auto 2rem;
}
/* line 49, css/_post-forosa.scss */
.page-forosa.single main p a {
  color: var(--thespring-light);
  border-bottom-color: var(--thespring-light);
}
/* line 58, css/_post-forosa.scss */
.page-forosa.single main p.has-text-align-center {
  text-align: center;
}
/* line 62, css/_post-forosa.scss */
.page-forosa.single main p strong {
  color: var(--thespring);
}
/* line 67, css/_post-forosa.scss */
.page-forosa.single main hr {
  max-width: 30rem;
  margin: 3rem auto 3rem;
  background: var(--thespring-light);
  height: 1px;
  border: none;
}
/* line 76, css/_post-forosa.scss */
.page-forosa.single main .wp-block-quote p {
  color: var(--thespring);
  max-width: 36rem;
  font-style: italic;
}
/* line 81, css/_post-forosa.scss */
.page-forosa.single main .wp-block-quote p em {
  color: var(--thespring);
  font-style: italic;
}
/* line 87, css/_post-forosa.scss */
.page-forosa.single main .wp-block-quote cite {
  max-width: 36rem;
  margin: 0 auto 2rem;
  display: block;
  color: var(--black-off);
  font-size: 0.8rem;
  line-height: 1.4rem;
  font-style: normal;
}
/* line 96, css/_post-forosa.scss */
.page-forosa.single main .wp-block-quote cite a {
  color: var(--thespring-light);
  border-bottom-color: var(--thespring-light);
}
/* line 103, css/_post-forosa.scss */
.page-forosa.single main figure {
  width: 70%;
  margin: 0 auto 3rem;
}
/* line 107, css/_post-forosa.scss */
.page-forosa.single main figure img {
  width: 100%;
  height: auto;
}
/* line 112, css/_post-forosa.scss */
.page-forosa.single main figure figcaption {
  text-align: center;
  margin: 0 auto;
  width: 70%;
  text-align: center;
  padding: 1rem;
  display: block;
  font-size: 0.8rem;
  color: var(--black-off);
}
/* line 122, css/_post-forosa.scss */
.page-forosa.single main figure figcaption em {
  line-height: 1.4rem;
}
/* line 128, css/_post-forosa.scss */
.page-forosa.single main .post-iframe {
  position: relative;
}
/* line 131, css/_post-forosa.scss */
.page-forosa.single main .post-iframe img {
  opacity: 0;
  z-index: -1;
}
/* line 136, css/_post-forosa.scss */
.page-forosa.single main .post-iframe iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
/* line 145, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup {
  opacity: 0;
  position: fixed;
  left: 10000px;
  right: 2rem;
  bottom: 2rem;
  z-index: 1000;
  margin: 0;
  padding: 0.3rem 1.8rem 1.2rem;
  width: 26rem;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 158, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup.show {
  left: auto;
}
/* line 162, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup.fadeIn {
  opacity: 1;
}
/* line 166, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup .close-icon {
  width: 20px;
  height: 20px;
  position: relative;
  cursor: pointer;
  position: absolute;
  top: 1rem;
  right: 1rem;
  z-index: 10;
}
/* line 177, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup .close-icon::before,
.page-forosa.single main #mc_embed_signup .close-icon::after {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  width: 75%;
  height: 2px;
  background-color: #000;
  transform: translate(-50%, -50%) rotate(45deg);
}
/* line 189, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup .close-icon::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
/* line 193, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup form {
  margin: 0;
}
/* line 196, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup form input[type="submit"] {
  background: black;
}
/* line 201, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup h2 {
  float: left;
}
/* line 205, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup #mce-responses {
  margin: 0;
  padding: 0;
}
/* line 209, css/_post-forosa.scss */
.page-forosa.single main #mc_embed_signup #mce-responses .response {
  width: 100%;
  padding: 0;
  margin: 0;
  padding-bottom: 2rem;
}
/* line 219, css/_post-forosa.scss */
.page-forosa.single a.signup {
  opacity: 0;
  position: fixed;
  left: 10000px;
  right: 2rem;
  bottom: 0rem;
  z-index: 1000;
  background: var(--forosa);
  color: white;
  font-family: Space Grotesk, sans-serif;
  padding: 1rem 1.2rem;
  font-size: 2em;
  text-decoration: none;
  -webkit-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -moz-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  -o-transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
  transition: 1s cubic-bezier(0.23, 1, 0.32, 1);
}
/* line 234, css/_post-forosa.scss */
.page-forosa.single a.signup.show {
  left: auto;
}
/* line 238, css/_post-forosa.scss */
.page-forosa.single a.signup.fadeIn {
  opacity: 0.9;
  bottom: 2rem;
}
/* line 242, css/_post-forosa.scss */
.page-forosa.single a.signup.fadeIn:hover {
  opacity: 1;
}

@media (max-width: 60rem) {
  /* line 254, css/_post-forosa.scss */
  body.page-forosa.single main {
    padding: 0 2rem;
    padding-top: 4rem;
  }
  /* line 258, css/_post-forosa.scss */
  body.page-forosa.single main h1.title {
    max-width: none;
    margin: 0;
    padding: 0;
  }
  /* line 264, css/_post-forosa.scss */
  body.page-forosa.single main img.hero,
  body.page-forosa.single main figure {
    width: 100%;
  }
  /* line 269, css/_post-forosa.scss */
  body.page-forosa.single main figcaption {
    width: 100%;
  }
  /* line 273, css/_post-forosa.scss */
  body.page-forosa.single main ul {
    margin-top: 8rem;
    padding: 0rem;
    white-space: normal;
    width: 100%;
  }
  /* line 279, css/_post-forosa.scss */
  body.page-forosa.single main ul h1 {
    margin-bottom: 2rem;
  }
  /* line 283, css/_post-forosa.scss */
  body.page-forosa.single main ul li {
    width: calc(100% / 2);
    margin-bottom: 4rem;
    padding: 0.8rem;
  }
  /* line 288, css/_post-forosa.scss */
  body.page-forosa.single main ul li img {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
  }
}

/*# sourceMappingURL=style.css.map */