@font-face {
  font-family: Freight Big;
  src: url('../fonts/FreightBig-LightItalic.woff2') format("woff2"), url('../fonts/FreightBig-LightItalic.woff') format("woff");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-Light.ttf') format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-Medium.ttf') format("truetype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-ExtraBold.ttf') format("truetype"), url('../fonts/Onest-Bold.ttf') format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

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

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-Black.ttf') format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-SemiBold.ttf') format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-Thin.ttf') format("truetype");
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Onest-local;
  src: url('../fonts/Onest-ExtraLight.ttf') format("truetype");
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}

:root {
  --color--semantic--backdrop: #f1f3cf;
  --font-family--primary-family: Onest-local, Arial, sans-serif;
  --color--brand--primary: #153817;
  --line-height--1-5: 1.5em;
  --line-height--1-1: 1.1em;
  --line-height--1-3: 1.2em;
  --line-height--1-4: 1.4em;
  --space--0: 0rem;
  --space--1: 1rem;
  --space--0-25: .25rem;
  --color--grey--100: #000;
  --color--grey--80: #313131;
  --space--3: 3rem;
  --color--white--100: white;
  --space--5: 5em;
  --space--2: 2rem;
  --space--8: 8em;
  --space--0-5: .5rem;
  --space--7: 7em;
  --radius--main: 1rem;
  --color--grey--15: #dbdbdb;
  --space--6: 6em;
  --color--grey--10: #ececec;
  --color--brand--brand-2: #ffbe98;
  --color--grey--60: #90919a;
  --color--grey--40: #9fa0a3;
  --color--grey--20: #d9d9d9;
  --color--white--80: #fffc;
  --color--white--60: #fff9;
  --color--white--40: #fff6;
  --color--white--20: #fff3;
  --color--white--15: #ffffff26;
  --color--white--10: #ffffff1a;
  --color--semantic--border: #d9d9d9;
  --color--semantic--fader: #00000080;
  --color--semantic--error-text: #cc0300;
  --color--semantic--error-backdrop: #fcf2f2;
  --color--white--0: #fff0;
  --radius--round: 100vw;
  --line-height--1: 1em;
  --grid-gap--main: 1rem;
  --space--4: 4em;
  --space--0-125: .125rem;
  --space--12: 12em;
  --radius--small: .5rem;
  --space--1-5: 1.5rem;
  --grid-gap--main-vertical: 1rem;
  --grid-gap--small: .5rem;
  --space--0-75: .75rem;
  --color--brand--brand-1: #909c98;
  --font-family--secondary-family: "Freight Big", sans-serif;
  --border-width--main: 1px;
  --color--brand--brand-2-50: #e4baaa;
  --color--brand--missing-text: #f500c0;
  --space--9: 9em;
  --space--10: 10em;
  --space--14: 14em;
  --space--16: 16em;
}

.no-scroll {
  overflow: hidden;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-checkbox {
  margin-bottom: 5px;
  padding-left: 20px;
  display: block;
}

.w-checkbox:before {
  content: " ";
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox:after {
  content: " ";
  clear: both;
  grid-area: 1 / 1 / 2 / 2;
  display: table;
}

.w-checkbox-input {
  float: left;
  margin: 4px 0 0 -20px;
  line-height: normal;
}

.w-checkbox-input--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 2px;
  width: 12px;
  height: 12px;
}

.w-checkbox-input--inputType-custom.w--redirected-checked {
  background-color: #3898ec;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/static/custom-checkbox-checkmark.589d534424.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-color: #3898ec;
}

.w-checkbox-input--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

body {
  background-color: var(--color--semantic--backdrop);
  font-family: var(--font-family--primary-family);
  color: var(--color--brand--primary);
  font-size: 1vw;
  line-height: var(--line-height--1-5);
  letter-spacing: -.02em;
  font-weight: 400;
}

h1 {
  font-size: 3.5em;
  line-height: var(--line-height--1-1);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 200;
}

h2 {
  font-size: 3em;
  line-height: var(--line-height--1-3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 200;
}

h3 {
  font-size: 2.5em;
  line-height: var(--line-height--1-3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h4 {
  font-size: 2.2em;
  line-height: var(--line-height--1-4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h5 {
  font-size: 2em;
  line-height: var(--line-height--1-3);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

h6 {
  font-size: 1.4rem;
  line-height: var(--line-height--1-4);
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
}

p {
  font-size: 1rem;
  line-height: var(--line-height--1-5);
  letter-spacing: 0;
  margin-bottom: 0;
}

a {
  white-space: nowrap;
  color: inherit;
  text-underline-offset: 3px;
  line-height: 1;
  text-decoration: none;
  transition-property: color;
  transition-duration: .2s;
  transition-timing-function: ease;
  display: inline-block;
}

ul {
  margin-top: var(--space--0);
  margin-bottom: var(--space--1);
  padding-left: var(--space--1);
  font-size: 1rem;
}

ol {
  margin-top: var(--space--0);
  margin-bottom: var(--space--0);
  padding-left: var(--space--1);
  font-size: 1rem;
}

li {
  margin-bottom: var(--space--0-25);
}

img {
  max-width: 100%;
  display: inline-block;
}

form {
  margin-bottom: 0;
  padding-left: 0;
  font-size: 1rem;
}

label {
  font-size: 1em;
}

blockquote {
  color: var(--color--grey--100);
  font-size: 2rem;
  line-height: var(--line-height--1-3);
  border-left: 1px #000;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  padding: 0;
  font-weight: 500;
}

figure {
  margin-bottom: 16px;
}

figcaption {
  color: var(--color--grey--80);
  text-align: left;
  margin-top: 8px;
  font-size: 14px;
  font-weight: 300;
}

.section {
  background-color: var(--color--semantic--backdrop);
  width: 100%;
  position: relative;
}

.section.is-footer {
  margin-top: var(--space--3);
  background-color: var(--color--brand--primary);
  color: var(--color--white--100);
}

.container {
  padding: var(--space--5) 2.5rem;
  width: 100%;
  max-width: none;
  margin-bottom: 0;
  position: relative;
}

.container.nav {
  z-index: 2;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.container.works, .container.blog-list {
  padding-top: var(--space--0);
}

.container.faq {
  padding-top: 0;
  padding-bottom: 1rem;
}

.container.is-hero {
  padding-top: 5.5rem;
  padding-bottom: var(--space--3);
  height: 100vh;
}

.container.footer {
  padding-bottom: var(--space--2);
}

.container.is-inner-hero {
  padding-top: var(--space--8);
  padding-bottom: var(--space--0-5);
}

.container.is-work-hero {
  padding-top: 5.5rem;
  padding-bottom: var(--space--1);
  height: 100vh;
}

.container.is-journal-hero {
  padding-top: 7rem;
  padding-bottom: var(--space--1);
  height: 100dvh;
}

.container.without-top-padding {
  padding-top: var(--space--0);
}

.grid {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
  position: relative;
}

.grid.center-align {
  justify-content: center;
}

.grid-item {
  width: 100%;
  padding: 1em;
  position: relative;
}

.grid-item._80 {
  width: 80%;
}

.grid-item._20 {
  width: 20%;
  position: relative;
}

.grid-item._50 {
  width: 50%;
}

.grid-item._33 {
  width: 33%;
}

.grid-item._25 {
  width: 25%;
}

.grid-item._67 {
  width: 67%;
}

.page-wrapper {
  z-index: 1;
  position: relative;
  overflow: clip;
}

.small {
  font-size: 14px;
}

.sg-block {
  flex-direction: column;
  place-items: flex-start start;
  padding-top: .5rem;
  padding-bottom: .5rem;
  display: flex;
}

.sg-block.colors {
  border-radius: 20px;
  padding-top: 0;
  padding-bottom: 0;
}

.sg-block.colors.dark {
  border-radius: var(--radius--main);
  background-color: var(--color--grey--100);
  color: #fff;
}

.sg-block.dark {
  border-radius: var(--radius--main);
  background-color: var(--color--grey--100);
  padding: 24px;
}

.sg-block.typo {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--color--grey--15);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: start;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: grid;
}

.sg-block.cells {
  border-bottom: 1px solid var(--color--grey--15);
  align-items: stretch;
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.sg-container {
  padding: var(--space--6) var(--space--3);
  max-width: 100%;
}

.sg-container.dark-bg {
  background-color: var(--color--grey--100);
  color: var(--color--grey--10);
}

.text-size {
  font-size: 1rem;
}

.sg-caption {
  margin-bottom: var(--space--1);
  letter-spacing: .1em;
  text-transform: uppercase;
  font-size: .8rem;
  font-weight: 500;
}

.sg-colors-container {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-wrap: wrap;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  width: 100%;
  display: grid;
}

.link {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: -.01em;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.link.small {
  font-size: .75rem;
}

.link.small:visited {
  color: var(--color--grey--100);
}

.link.small.w--current {
  background-color: var(--color--grey--10);
  padding-left: .5em;
  padding-right: .5em;
}

.link.is-nav {
  z-index: 2;
  background-color: #0000;
  font-size: .88rem;
  position: relative;
}

.link.is-nav:hover {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.link.medium {
  font-size: .88rem;
}

.link.extra-small {
  font-size: .7rem;
}

.link.large.footer-contact-reaction {
  flex: 0 auto;
}

.link.divider-footer {
  color: var(--color--brand--brand-2);
  font-weight: 400;
}

.color-block {
  border-radius: var(--radius--main);
  background-color: var(--color--grey--100);
  color: var(--color--white--100);
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  height: 16vw;
  padding: 20px;
  font-size: 20px;
  display: flex;
}

.color-block.grey-80 {
  background-color: var(--color--grey--80);
}

.color-block.grey-60 {
  background-color: var(--color--grey--60);
}

.color-block.grey-40 {
  background-color: var(--color--grey--40);
}

.color-block.grey-20 {
  background-color: var(--color--grey--20);
  color: var(--color--grey--100);
}

.color-block.grey-15 {
  background-color: var(--color--grey--15);
  color: var(--color--grey--100);
}

.color-block.grey-10 {
  background-color: var(--color--grey--10);
  color: var(--color--grey--100);
}

.color-block.white {
  background-color: var(--color--white--100);
  color: var(--color--grey--100);
}

.color-block.brand-primary {
  background-color: var(--color--brand--primary);
}

.color-block.white-80 {
  background-color: var(--color--white--80);
  color: var(--color--grey--100);
}

.color-block.brand-bg {
  background-color: var(--color--semantic--backdrop);
  color: var(--color--grey--100);
}

.color-block.white-60 {
  background-color: var(--color--white--60);
  color: var(--color--grey--100);
}

.color-block.white-40 {
  background-color: var(--color--white--40);
  color: var(--color--grey--100);
}

.color-block.white-20 {
  background-color: var(--color--white--20);
  color: var(--color--white--100);
}

.color-block.white-15 {
  background-color: var(--color--white--15);
}

.color-block.white-08 {
  background-color: var(--color--white--10);
}

.color-block.border {
  background-color: var(--color--semantic--border);
  color: var(--color--grey--100);
}

.color-block.fader {
  background-color: var(--color--semantic--fader);
  color: var(--color--white--100);
}

.color-block.error-text {
  background-color: var(--color--semantic--error-text);
}

.color-block.error-backdrop {
  background-color: var(--color--semantic--error-backdrop);
  color: var(--color--grey--100);
}

.color-block.white-0 {
  background-color: var(--color--white--0);
}

.sg-column {
  background-color: var(--color--grey--20);
  border-radius: 8px;
  width: 100%;
  height: 60px;
}

.text-inline-link {
  text-underline-offset: 3px;
  padding-bottom: 0;
  text-decoration: underline;
  transition-property: opacity;
  transition-duration: .3s;
  transition-timing-function: ease;
  display: inline-block;
}

.text-inline-link:hover {
  opacity: .6;
}

.navigation {
  z-index: 999;
  background-color: var(--color--semantic--backdrop);
  width: 100%;
  position: fixed;
}

.nav-brand {
  align-items: center;
  font-size: .88rem;
  font-weight: 500;
  display: flex;
}

.nav-brand.sg {
  color: var(--color--white--100);
}

.nav-link-text {
  letter-spacing: -.01em;
  text-transform: uppercase;
  text-shadow: 0 14px #000;
  padding: 0;
  transition: color .3s;
}

.nav-link-text.w--current {
  box-shadow: inset 0 -1px 0 0 var(--color--white--100);
  color: var(--color--white--100);
}

.nav-link-text.non-capitalized {
  text-transform: none;
}

.nav-link-text.non-capitalized.form-link {
  font-size: 14px;
}

.nav-link-text.non-capitalized.form-link:hover {
  padding-top: 4px;
}

.center-wrapper {
  text-align: center;
  justify-content: space-between;
  align-items: center;
  max-width: 80%;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.utility-page-wrap {
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 100vh;
  display: flex;
  position: relative;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  width: 470px;
  display: flex;
}

.utility-page-form {
  flex-direction: column;
  align-items: stretch;
  display: flex;
}

.page-overlay {
  z-index: 99999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: none;
  position: fixed;
}

.grey {
  color: var(--color--grey--60);
}

.rich-text h2 {
  margin-bottom: 30px;
  font-size: 32px;
}

.rich-text p {
  margin-bottom: 45px;
}

.rich-text h4 {
  margin-bottom: 16px;
  font-size: 20px;
  font-weight: 600;
}

.rich-text h1 {
  margin-bottom: 24px;
}

.rich-text h3 {
  margin-bottom: 24px;
  font-size: 24px;
  font-weight: 600;
}

.rich-text h5 {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 500;
}

.rich-text h6 {
  margin-bottom: 12px;
  font-size: 16px;
  font-weight: 500;
}

.rich-text figure {
  border-radius: .3rem;
  margin-bottom: 32px;
  overflow: hidden;
}

.rich-text.blog-body-content {
  max-width: none;
}

.sg-grid-images {
  grid-column-gap: 32px;
  grid-row-gap: 32px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.sg-images {
  object-fit: cover;
  width: 100%;
  height: 40vw;
}

.overlay-transition {
  background-color: var(--color--semantic--backdrop);
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
}

.decorative {
  font-size: 5.5em;
  line-height: var(--line-height--1-3);
}

._404-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.text-block {
  flex-direction: column;
  display: flex;
}

.error-message {
  color: #fc2b2b;
  font-size: 14px;
  line-height: var(--space--1);
  background-color: #0000;
  padding-left: 0;
}

.changelog-wrapper {
  background-color: var(--color--grey--100);
  color: var(--color--white--100);
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  padding: 32px;
}

.changelog-divider {
  background-color: #c2c8d9;
  width: 100%;
  height: 1px;
  margin-top: 12px;
  margin-bottom: 12px;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--color--grey--40);
  color: var(--color--grey--60);
  background-color: #0000;
  height: 3rem;
  margin-bottom: 1.5rem;
  padding: .5rem 0;
  font-size: 1rem;
  font-weight: 400;
  transition: padding .3s, background-color .3s, color .3s, border-color .3s;
}

.text-field:focus {
  border-bottom-color: var(--color--grey--100);
}

.text-field.text-area {
  min-height: 88px;
  max-height: 200px;
  padding-top: 16px;
}

.text-field.light {
  border-bottom-color: var(--color--white--40);
  color: var(--color--white--60);
}

.text-field.light:focus {
  border-bottom-color: var(--color--white--100);
  color: var(--color--white--100);
}

.select-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--color--grey--40);
  color: var(--color--grey--60);
  background-color: #0000;
  height: 56px;
  margin-bottom: 16px;
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  font-weight: 400;
  transition: padding .3s, background-color .3s, border-color .3s, color .3s;
}

.select-field:focus {
  border-bottom-color: var(--color--grey--80);
}

.select-field.light {
  border-bottom-color: var(--color--white--40);
  color: var(--color--white--60);
}

.select-field.light:focus {
  border-bottom-color: var(--color--white--100);
  color: var(--color--white--100);
}

.color-text {
  font-family: var(--font-family--primary-family);
  font-size: 16px;
}

.submit-button {
  z-index: 2;
  color: var(--color--grey--100);
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  padding: 0;
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  position: absolute;
  inset: 0%;
}

.link-arrow {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1px;
  display: flex;
}

.link-arrow.small {
  width: 1.25rem;
  height: 1.25rem;
}

.link-text-wrapper {
  z-index: 1;
  padding-top: 0;
  padding-bottom: 1px;
  position: relative;
  overflow: hidden;
}

.link-floating-text {
  text-shadow: 0 18px #000;
  line-height: 1;
}

.link-floating-text.shadow-medium {
  text-shadow: 0 16px 0 var(--color--grey--100);
}

.tag .link-floating-text.shadow-medium {
  text-shadow: 0 16px 0 var(--color--brand--primary);
}

.tag.w--current .link-floating-text.shadow-medium,
.tag.is-active .link-floating-text.shadow-medium {
  text-shadow: 0 16px 0 var(--color--brand--brand-2);
}

.button.is-stroke .link-floating-text{
  text-shadow: 0 18px 0 var(--color--brand--primary);
}

.link-floating-text.shadow-extra-small {
  text-shadow: 0 13px #000;
}

.link-floating-text.shadow-small {
  text-shadow: 0 16px #000;
}

.navigation .link-floating-text.shadow-small {
  text-shadow: 0 16px var(--color--brand--primary);
}
.navigation .link-floating-text.shadow-small {
  text-shadow: 0 20px var(--color--brand--primary);
}

.link-floating-text.shadow-medium-light {
  text-shadow: 0 16px 0 var(--color--white--100);
}

.link-floating-text.shadow-small-light {
  text-shadow: 0 16px #fff;
}

.button.is-stroke .link-floating-text.shadow-small-light {
  text-shadow: 0 16px 0 var(--color--white--100);
}


.sg-link-wrapper {
  grid-row-gap: 16px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.category-item {
  border-bottom: 1px solid var(--color--white--40);
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.category-item.without-border {
  border-bottom-style: none;
  align-items: center;
}

.categories-wrapper {
  align-self: flex-start;
  margin-top: 3em;
}

.faq-wrapper {
  align-self: flex-start;;
}

.tile-img-wrapper {
  color: var(--color--white--100);
  width: 100%;
  height: 100%;
}

.tag {
  border-radius: var(--radius--round);
  background-color: var(--color--brand--brand-2);
  color: var(--color--grey--100);
  text-align: center;
  letter-spacing: .05em;
  text-transform: uppercase;
  align-items: center;
  padding: .5rem 1rem .4rem;
  font-size: .8rem;
  line-height: 1.5;
  display: flex;
}

.tag.category {
  color: var(--color--brand--primary);
  letter-spacing: .05em;
  text-transform: uppercase;
  padding: .5rem 1rem .4rem;
  font-size: .8rem;
  line-height: 1.5;
}

.tag.category.w--current {
  background-color: var(--color--brand--primary);
  color: var(--color--brand--brand-2);
}

.tag.is-large {
  color: var(--color--grey--100);
  flex: none;
  padding: .5rem 1rem;
  font-size: .88rem;
}

.tag.faq {
  color: var(--color--brand--primary);
  display: flex;
}

.tag.faq.w--current {
  background-color: var(--color--brand--primary);
  color: var(--color--brand--brand-2);
}

.succsess-message {
  text-align: left;
  background-color: #0000;
  padding: 0;
  font-size: 3em;
  font-weight: 300;
}

.social-icon-link {
  transform-origin: 0%;
  color: var(--color--white--100);
  padding-left: .5em;
  padding-right: .5em;
  transition: background-color .3s, padding .3s;
  overflow: hidden;
}

.flex-horizontal {
  align-self: stretch;
  display: flex;
}

.flex-horizontal.categories {
  grid-column-gap: 12px;
  grid-row-gap: 12px;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: flex-start;
}

.flex-horizontal.justify-center {
  justify-content: center;
}

.nav-link-wrapper {
  font-size: 12px;
  font-weight: 500;
  line-height: 1;
  overflow: hidden;
}

.nav-link-wrapper.w--current {
  color: var(--color--grey--60);
}

.back-wrapper {
  margin-bottom: 1em;
  display: flex;
}

.back-arrow {
  justify-content: center;
  align-items: center;
  width: .8em;
  height: .8em;
  margin-right: 1em;
  display: flex;
  transform: rotate(-135deg);
}

.cursor {
  z-index: 9999;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  position: absolute;
  inset: 0%;
}

.heading-style-h1 {
  font-size: 3.5em;
  line-height: var(--line-height--1-3);
}

.heading-style-h2 {
  font-size: 3em;
  line-height: var(--line-height--1-3);
  text-align: left;
  text-transform: none;
  font-weight: 200;
}

.heading-style-h3 {
  font-size: 2.5em;
  line-height: var(--line-height--1-3);
  font-weight: 200;
}

.heading-style-h3.intro-faq {
  -webkit-text-stroke-color: var(--color--brand--primary);
}

.heading-style-h4 {
  font-size: 2.2em;
  line-height: var(--line-height--1-4);
  font-weight: 200;
}

.heading-style-h5 {
  font-size: 2em;
  line-height: var(--line-height--1-3);
  font-weight: 300;
}

.heading-style-h6 {
  font-size: 1.4rem;
  line-height: var(--line-height--1-4);
  font-weight: 300;
  position: relative;
}

.text-weight-light {
  font-weight: 300;
}

.text-weight-medium {
  font-weight: 500;
}

.button {
  border-radius: var(--radius--round);
  background-color: var(--color--grey--100);
  color: var(--color--white--100);
  letter-spacing: -.01em;
  text-transform: none;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding: 1rem 2rem;
  font-size: 1rem;
  line-height: 1;
  display: flex;
  position: relative;
}

.button:hover {
  color: var(--color--white--100);
}

.button.stroke {
  border: 1px solid var(--color--grey--100);
  color: var(--color--grey--100);
  background-color: #0000;
  overflow: hidden;
}

.button.stroke.footer {
  border-color: var(--color--white--100);
  color: var(--color--white--100);
  font-size: 12px;
}

.button.submit {
  font-weight: 400;
  position: relative;
}

.button.footer {
  border: 1px solid var(--color--white--100);
  font-size: 12px;
  overflow: hidden;
}

.button.is-inverted {
  background-color: var(--color--white--100);
  color: var(--color--grey--100);
}

.button.is-small {
  padding: 1rem 1.5rem;
  font-size: .88rem;
}

.button.is-small.is-icon {
  position: static;
}

.button.is-small.is-stroke.margin-right {
  margin-right: 1rem;
}

.button.is-icon {
  background-color: #0000;
  padding: 0;
}

.button.is-stroke {
  border: 1px solid var(--color--brand--primary);
  background-color: var(--color--white--0);
  color: var(--color--brand--primary);
}

.button.is-stroke.is-inverted {
  border-color: var(--color--white--60);
  color: var(--color--white--100);
}

.button.is-small-copy {
  padding: 1rem 1.5rem;
  font-size: .88rem;
}

.button.is-small-copy.is-icon {
  position: static;
}

.button.language-imprint {
  background-color: var(--color--brand--primary);
  justify-content: flex-end;
  align-self: center;
  align-items: center;
  padding: .7rem 1rem;
  font-size: .7rem;
}

.full-bleed-case-link {
  width: 100%;
  display: flex;
}

.grid-case-link {
  width: 100%;
}

.all-button {
  background-color: var(--color--grey--100);
  color: var(--color--white--100);
  border-radius: 50em;
  justify-content: center;
  align-items: center;
  width: 4em;
  height: 4em;
  padding: 1.3em;
  display: flex;
  position: relative;
}

.instagram-link-wrapper {
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.caption {
  font-size: 12px;
  line-height: 1.5;
}

.caption.text-weight-regular.form-intro {
  font-size: 15px;
}

.contact-us-input {
  color: #0d0d0d66;
  background-color: #0000;
  border: 1px #000;
  border-bottom: 1px solid #0d0d0d1a;
  width: auto;
  margin-bottom: 9px;
  margin-right: 9px;
  padding-bottom: 3px;
  padding-left: 0;
  padding-right: 16px;
  font-size: 20px;
  font-weight: 500;
  transition: opacity .3s;
  display: inline-block;
}

.contact-us-input:focus {
  color: #0d0d0d;
  border-bottom-color: #0d0d0d;
}

.contact-us-input::placeholder {
  color: #0d0d0d33;
}

.contact-us-input.budget {
  width: 100px;
}

.contact-us-input.email, .contact-us-input.date {
  width: auto;
}

.contact-us-input.project {
  width: 270px;
}

.contact-us-input.artist {
  width: auto;
  max-width: 200px;
}

.contact-us-header {
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  margin-bottom: 5em;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.contact-us-text {
  box-sizing: border-box;
  opacity: .8;
  text-transform: none;
  margin-right: 8px;
  font-size: 20px;
  font-weight: 400;
  display: inline;
}

.contact-us-text.textbox {
  border: 1px solid var(--color--grey--40);
  background-color: #ffffff8c;
  border-radius: 5px;
  margin-top: 15px;
  padding: 15px 20px 23px;
  display: block;
}

.contact-us-overlay {
  cursor: pointer;
  background-color: #0e0d0d4d;
  flex: 1;
  height: 100%;
  padding-bottom: 0;
  position: absolute;
  inset: 0%;
}

.contact-us-scroll-wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  height: 100dvh;
  padding-top: 2em;
  padding-bottom: 2em;
  display: flex;
}

.contact-us-close-link {
  justify-content: center;
  align-self: auto;
  align-items: center;
  width: 32px;
  height: 32px;
  margin-left: 40px;
  text-decoration: none;
  display: flex;
}

.contact-us-container {
  -webkit-backdrop-filter: blur(15px);
  backdrop-filter: blur(15px);
  background-color: #dfdfdfbf;
  flex-direction: column;
  width: 640px;
  height: 100%;
  padding-top: 0;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
  position: relative;
}

.contact-us-wrapper {
  z-index: 9998;
  cursor: default;
  flex-direction: row;
  justify-content: flex-end;
  align-items: flex-end;
  width: 100%;
  display: block;
  position: fixed;
  inset: 0% 0% 0% auto;
}

.natural-language-form {
  position: relative;
}

.close-icon {
  width: 100%;
  height: 100%;
}

.case-img-item {
  width: 50%;
  height: 29em;
  padding-left: 1em;
  padding-right: 1em;
  overflow: hidden;
}

.case-img-item:first-child {
  width: 100%;
}

.main-grid {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  letter-spacing: 0;
  grid-template: "."
  / minmax(300px, 1fr) minmax(200px, 1fr) 1fr;
  grid-auto-columns: 1fr;
  align-self: stretch;
  align-items: stretch;
  width: 100%;
  display: grid;
}

.main-grid.is-hero {
  height: 100%;
}

.project-item {
  border-radius: 1.5em;
  flex: 0 auto;
  width: 40%;
  min-width: 38%;
  height: 34em;
  overflow: hidden;
}

.project-item:nth-child(2n) {
  flex: 1;
}

.project-item:first-child {
  width: 100%;
}

.project-link {
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
  padding: 1.25em;
  display: flex;
  position: relative;
}

.full-width-img {
  object-fit: cover;
  width: 100%;
  height: 42em;
}

.contact-email-link {
  font-size: 56px;
}

.cases-wrapper {
  margin-top: var(--space--1);
}

.cases-wrapper.is-suggestion {
  margin-top: var(--space--4);
}

.case-description {
  font-size: 1rem;
  line-height: 1.32;
}

.case-description-wrapper {
  color: var(--color--grey--80);
  max-width: 80ch;
  margin-bottom: 2em;
}

.next-project-link {
  flex-direction: column;
  width: 100%;
  height: 100%;
  padding: 1em;
  display: flex;
}

.contact-us-social-wrapper {
  grid-column-gap: .4em;
  grid-row-gap: .4em;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center end;
  width: 100%;
  font-size: 15px;
  display: flex;
}

.get-template-wrapper {
  z-index: 999;
  justify-content: flex-end;
  align-items: flex-end;
  height: 0;
  display: flex;
  position: fixed;
  inset: auto 0% 0%;
}

.get-template-link-wrapper {
  align-items: flex-end;
  height: 5rem;
  display: flex;
  position: relative;
  top: -.75rem;
  right: .75rem;
}

.get-template-link {
  z-index: 2;
  background-color: var(--color--grey--100);
  -webkit-backdrop-filter: blur(12px);
  backdrop-filter: blur(12px);
  color: var(--color--white--100);
  border-radius: .4rem;
  flex: none;
  justify-content: center;
  align-items: center;
  padding: .8rem 1rem;
  font-size: 12px;
  transition: color .3s, background-color .3s;
  display: flex;
  position: relative;
}

.get-template-link:hover {
  background-color: var(--color--brand--primary);
  color: #fff;
}

.get-template-link.more-templates {
  z-index: 0;
  background-color: var(--color--grey--80);
  position: absolute;
  bottom: 15%;
  left: 0%;
  right: 0%;
}

.get-template-link.more-templates:hover {
  background-color: var(--color--brand--primary);
}

.link-arrow-wrapper {
  z-index: 1;
  margin-left: 6px;
  position: relative;
  overflow: hidden;
}

.link-arrow-wrapper.is-standalone {
  margin-left: 0;
}

.cirlce-arrow-wrapper {
  background-color: var(--color--grey--100);
  color: var(--color--white--100);
  border-radius: 50em;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  padding: .35rem;
  display: flex;
  overflow: hidden;
}

.cirlce-arrow-wrapper.is-white {
  background-color: var(--color--white--100);
  color: var(--color--grey--100);
}

.arrow-down {
  z-index: 1;
  justify-content: center;
  align-items: center;
  display: flex;
}

.work-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  height: auto;
  display: flex;
  position: relative;
  overflow: hidden;
}

.showreel-lightbox {
  position: absolute;
  inset: 0%;
}

.tag-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: wrap;
  align-items: flex-start;
  display: flex;
}

.nav-menu-button {
  flex-direction: column;
  align-items: flex-start;
  height: 1.1rem;
  display: none;
  overflow: hidden;
}

.menu-item-wrapper {
  padding-top: .5rem;
  padding-bottom: .5rem;
  transition: opacity .3s;
  display: flex;
  overflow: hidden;
}

.menu-item-wrapper:hover {
  opacity: .6;
}

.menu-link {
  letter-spacing: -.01em;
  justify-content: flex-start;
  align-items: center;
  font-size: 14px;
  font-weight: 500;
  line-height: 1;
  transition: opacity .3s;
  display: flex;
}

.learn-more-wrapper {
  margin-top: -4px;
}

.blog-body-wrapper {
  justify-content: center;
  align-items: flex-start;
  max-width: 800px;
  margin-left: auto;
  margin-right: auto;
  display: flex;
}

.blog-body-content {
  max-width: 800px;
}

.spacer-huge {
  padding-top: var(--space--6);
  position: relative;
}

.spacer-tiny {
  padding-top: var(--space--0-125);
  position: relative;
}

.spacer-xhuge {
  padding-top: var(--space--8);
  position: relative;
}

.spacer-xlarge {
  padding-top: var(--space--4);
  position: relative;
}

.spacer-medium {
  padding-top: var(--space--2);
  position: relative;
}

.spacer-xsmall {
  padding-top: var(--space--0-5);
  position: relative;
}

.spacer-xxsmall {
  padding-top: var(--space--0-25);
  position: relative;
}

.spacer-xxlarge {
  padding-top: var(--space--5);
  position: relative;
}

.spacer-0 {
  padding-top: var(--space--0);
  position: relative;
}

.spacer-large {
  padding-top: var(--space--3);
  position: relative;
}

.spacer-xxhuge {
  padding-top: var(--space--12);
  position: relative;
}

.spacer-small {
  padding-top: var(--space--1);
  position: relative;
}

.sg-cell-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.sg-label {
  margin-bottom: var(--space--1);
  padding: .3rem .5rem;
  font-size: .8rem;
  display: flex;
}

.sg-label.sg-tag {
  color: var(--color--white--100);
  background-color: #dd23bb;
  border-radius: .3rem;
}

.sg-label.sg-class {
  color: var(--color--white--100);
  background-color: #2d62ff;
  border-radius: .3rem;
  align-self: flex-start;
}

.sg-title {
  font-size: 3.5em;
  font-weight: 500;
}

.sg-empty-box {
  z-index: -1;
  border: 1px dashed var(--color--grey--40);
  background-color: var(--color--grey--10);
  width: 100%;
  height: 100%;
  position: relative;
}

.sg-empty-box.space {
  position: absolute;
  inset: 0%;
}

.sg-empty-box.min-size {
  min-width: 3rem;
  min-height: 3rem;
}

.text-size-large {
  font-size: 1.13rem;
}

.text-size-large.text-weight-medium {
  line-height: var(--line-height--1-3);
  margin-top: 1px;
}

.text-size-large.text-weight-medium.hyphen {
  padding-left: 5px;
  padding-right: 5px;
}

.text-size-small {
  font-size: .88rem;
}

.text-size-extra-small {
  font-size: .75rem;
}

.text-size-extra-small.text-color-g60 {
  color: var(--color--brand--brand-2);
}

.text-size-extra-small.text-weight-medium.text-style-allcaps {
  letter-spacing: .15em;
}

.text-size-extra-small.text-weight-medium.hyphen {
  padding-left: 5px;
  padding-right: 5px;
}

.decorative-large {
  font-size: 6.5em;
  line-height: 1.36;
}

.text-weight-xbold {
  font-weight: 800;
}

.text-weight-bold {
  font-weight: 700;
}

.text-weight-semibold {
  font-weight: 600;
}

.text-weight-regular {
  font-weight: 400;
}

.sg-items-wrapper {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.text-style-strikethrough {
  text-decoration: line-through;
}

.text-style-italic {
  font-style: italic;
}

.text-style-muted {
  opacity: .6;
}

.text-style-allcaps {
  letter-spacing: .04em;
  text-transform: uppercase;
}

.text-style-nowrap {
  white-space: nowrap;
}

.text-align-left {
  text-align: left;
}

.text-align-center {
  text-align: center;
}

.text-align-right {
  text-align: right;
}

.text-align-justify {
  text-align: justify;
}

.sg-align-wrapper {
  align-self: flex-start;
}

.sg-labels-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  align-items: flex-start;
  display: flex;
}

.text-color-g100 {
  color: var(--color--grey--100);
}

.text-color-g60 {
  color: var(--color--grey--60);
}

.text-color-w100 {
  color: var(--color--white--100);
}

.sg-cell-dark-bg {
  padding: var(--space--0-5) var(--space--1);
  border-radius: var(--radius--small);
  background-color: var(--color--grey--100);
}

.text-color-w60 {
  color: var(--color--white--60);
}

.text-color-brand-primary {
  color: var(--color--brand--primary);
}

.sg-dark-bg {
  border-radius: var(--radius--main);
  background-color: var(--color--grey--100);
  padding: 2rem;
}

.checkbox-field {
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.checkbox-field.light {
  color: var(--color--white--100);
}

.checkbox {
  border: 1px solid var(--color--grey--100);
  border-radius: .25rem;
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.checkbox.w--redirected-checked {
  border-color: var(--color--brand--primary);
  background-color: var(--color--brand--primary);
  background-size: auto 70%;
}

.checkbox.w--redirected-focus-visible {
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  box-shadow: 0 0 #0000;
}

.checkbox.light {
  border: 1px solid var(--color--grey--100);
}

.checkbox.light.w--redirected-checked {
  border-color: var(--color--grey--100);
  background-color: var(--color--grey--100);
  filter: invert();
}

.checkbox.light.small {
  width: 1rem;
  height: 1rem;
}

.radio-button-field {
  align-items: center;
  margin-bottom: 1rem;
  padding-left: 0;
  display: flex;
}

.radio-button-field.light {
  color: var(--color--white--100);
}

.radio-button {
  border-color: var(--color--grey--40);
  width: 1.25rem;
  height: 1.25rem;
  margin-top: 0;
  margin-left: 0;
  margin-right: .5rem;
}

.radio-button.w--redirected-checked {
  border-width: 6px;
  border-color: var(--color--brand--primary);
}

.radio-button.light {
  border-color: var(--color--white--60);
}

.radio-button.light.w--redirected-checked {
  border-color: var(--color--white--100);
}

.max-width-xxlarge {
  width: 100%;
  max-width: 80rem;
}

.max-width-xlarge {
  width: 100%;
  max-width: 64rem;
}

.max-width-large {
  width: 100%;
  max-width: 48rem;
}

.max-width-medium {
  width: 100%;
  max-width: 33rem;
  position: relative;
}

.max-width-small {
  width: 100%;
  max-width: 20rem;
}

.max-width-xsmall {
  width: 100%;
  max-width: 16rem;
}

.max-width-xxsmall {
  width: 100%;
  max-width: 12rem;
}

.icon-small {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1rem;
  height: 1rem;
  display: flex;
}

.icon-small.is-rotated {
  transform: rotate(-45deg);
}

.sg-icons-row {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: auto;
  grid-auto-columns: auto;
  grid-auto-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.icon-medium {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  display: flex;
}

.icon-large {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 2rem;
  height: 2rem;
  display: flex;
}

.align-center {
  margin-left: auto;
  margin-right: auto;
}

.overflow-visible {
  overflow: visible;
}

.aspect-ratio-square {
  aspect-ratio: 1;
  object-fit: cover;
}

.aspect-ratio-portrait {
  aspect-ratio: 2 / 3;
  object-fit: cover;
}

.pointer-events-none {
  pointer-events: none;
}

.pointer-events-auto {
  pointer-events: auto;
}

.aspect-ratio-widescreen {
  aspect-ratio: 16 / 9;
  object-fit: cover;
}

.aspect-ratio-landscape {
  aspect-ratio: 3 / 2;
  object-fit: cover;
}

.z-index-1 {
  z-index: 1;
  position: relative;
}

.overflow-hidden {
  overflow: hidden;
}

.overflow-scroll {
  overflow: scroll;
}

.overflow-auto {
  overflow: auto;
}

.z-index-2 {
  z-index: 2;
  position: relative;
}

.hide {
  display: none;
}

.sg-items-wrapper-4-col {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.button-base {
  border-radius: var(--radius--round);
  background-color: var(--color--grey--100);
  padding: 1rem 2rem;
}

.button-base.is-light {
  background-color: var(--color--white--100);
}

.button-base.is-small {
  padding-left: 1.5rem;
  padding-right: 1.5rem;
}

.button-arrow-base {
  border-radius: var(--radius--round);
  background-color: var(--color--grey--100);
  margin-left: -2px;
  padding: .825rem;
}

.button-arrow-base.is-light {
  background-color: var(--color--white--100);
}

.hero-portrait-photo-wrapper {
  flex: none;
  margin-right: 1rem;
  overflow: hidden;
}

.hero-text-description-wrapper {
  max-width: 10rem;
}

.hero-about-wrapper {
  align-self: stretch;
  align-items: flex-end;
  margin-bottom: 3em;
  display: flex;
}

.hero-contacts-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.nav-items-wrapper {
  grid-column-gap: var(--space--5);
  align-items: center;
  display: flex;
}

.nav-items-wrapper.is-right {
  grid-column-gap: var(--space--1-5);
}

.nav-social-items {
  grid-column-gap: var(--space--1);
  opacity: .6;
  display: none;
}

.works-list {
  grid-column-gap: var(--grid-gap--main-vertical);
  grid-row-gap: var(--grid-gap--main-vertical);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  display: grid;
}

.work-item-img {
  aspect-ratio: 1;
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.work-item-info {
  z-index: 1;
  color: var(--color--white--100);
  flex-flow: column;
  justify-content: flex-start;
  align-items: stretch;
  height: 100%;
  padding: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.text-opacity-60 {
  opacity: .6;
}

.work-link {
  letter-spacing: -.01em;
  justify-content: flex-start;
  align-items: center;
  font-size: .75rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.tile-cursor-wrapper {
  z-index: 1;
  pointer-events: auto;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: 0%;
}

.tile-cursor {
  border: 1px solid var(--color--grey--80);
  border-radius: var(--radius--round);
  background-color: var(--color--grey--100);
  pointer-events: auto;
  color: var(--color--white--100);
  justify-content: flex-start;
  align-items: center;
  width: 9.75em;
  height: 9.75em;
  display: flex;
  overflow: hidden;
  transform: scale(0);
}

.tile-cursor-marquee {
  flex: none;
  align-items: center;
  display: flex;
}

.tile-cursor-marquee-item {
  flex: none;
  display: flex;
}

.work-item-link {
  width: 100%;
  height: 100%;
  display: block;
  position: relative;
}

.about-text-wrapper {
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  max-width: 60em;
  padding-top: 2.2rem;
  display: flex;
}

.table-item {
  border-top: 1px solid var(--color--grey--20);
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
}

.table-item.without-dividers {
  border-top-style: none;
}

.table-cell {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  align-items: center;
  min-height: 2rem;
  display: flex;
}

.table-cell.baseline-align {
  grid-column-gap: var(--grid-gap--small);
  grid-row-gap: var(--grid-gap--small);
}

.description-align-wrapper {
  padding-top: .2rem;
}

.table-period-wrapper {
  min-width: 9.5rem;
}

.honors-photo-wrapper {
  justify-content: flex-end;
  align-items: flex-start;
  margin-bottom: -8em;
  display: flex;
}

.photo-wrapper {
  flex: none;
  overflow: hidden;
}

.table-order-wrapper {
  min-width: 3rem;
}

.face-icon {
  border: 1px solid var(--color--white--100);
  border-radius: var(--radius--round);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.face-icon-wrapper {
  flex: none;
  justify-content: center;
  align-items: center;
  display: flex;
  position: relative;
}

.face-eyes-wrapper {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
}

.face-eye {
  border-radius: var(--radius--round);
  background-color: var(--color--white--100);
  justify-content: center;
  align-items: center;
  width: 4px;
  height: 4px;
  display: flex;
  position: relative;
}

.footer-horizontal-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-self: stretch;
  align-items: flex-start;
  max-width: 20rem;
  display: flex;
}

.footer-contact-me-wrapper {
  grid-column-gap: var(--space--2);
  grid-row-gap: 2rem;
  flex-direction: column;
  grid-template-rows: minmax(6rem, 1fr) auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  align-items: flex-start;
  display: grid;
}

.footer-contact-links-wrapper {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.footer-nav-wrapper {
  grid-column-gap: 3.5rem;
  grid-row-gap: 3.5rem;
  justify-content: flex-end;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.link-arrow-alt {
  justify-content: center;
  align-items: center;
  width: 1.5rem;
  height: 1.5rem;
  margin-top: 1px;
  display: flex;
}

.footer-buttons {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-direction: row;
  display: flex;
}

.footer-horizontal-bottom-wrapper {
  grid-column-gap: 1.5rem;
  grid-row-gap: 1.5rem;
  align-self: stretch;
  align-items: flex-start;
  margin-top: 9.25em;
  display: flex;
}

.footer-horizontal-bottom-wrapper.is-large-gap {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  color: var(--color--white--100);
  flex-wrap: wrap;
}

.face-mouth-wrapper {
  position: absolute;
  bottom: .1rem;
}

.face-mouth {
  width: 2.5rem;
}

.heart-eye {
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  display: flex;
  position: absolute;
}

.img.hero-img {
  width: 17em;
}

.img.about-img {
  width: 25em;
}

.img.honors-img {
  width: 20em;
}

.img.about-small-img {
  width: 13em;
}

.footer-title {
  font-size: 1rem;
  line-height: var(--line-height--1-4);
  font-weight: 300;
}

.tag-text {
  color: var(--color--semantic--backdrop);
  font-size: .75rem;
}

.honors-items-wrapper {
  margin-top: -3em;
}

.navbar-wrapper {
  justify-content: space-between;
  width: 100%;
  display: flex;
}

.navbar-menu {
  flex: 1;
  justify-content: space-between;
  display: flex;
}

.hide-desktop {
  color: var(--color--brand--primary);
  display: none;
}

.nav-social-wrapper {
  display: none;
}

.journal-list {
  grid-column-gap: var(--grid-gap--small);
  grid-row-gap: var(--grid-gap--small);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.journal-list.is-suggestion {
  grid-template-columns: 1fr 1fr;
}

.journal-item-info {
  z-index: 1;
  grid-column-gap: var(--grid-gap--small);
  grid-row-gap: var(--grid-gap--small);
  color: var(--color--grey--100);
  white-space: normal;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1rem;
  padding-bottom: 1rem;
  padding-right: 1.5rem;
  display: flex;
  position: static;
  inset: 0% 0% auto;
}

.journal-item {
  justify-content: center;
  align-items: center;
  width: 100%;
  display: flex;
  position: relative;
}

.journal-item-img {
  aspect-ratio: 3 / 2;
  object-fit: cover;
  width: 100%;
}

.journal-image-wrapper {
  position: relative;
  overflow: hidden;
}

.about-paragraph-wrapper {
  margin-top: var(--space--3);
  margin-bottom: var(--space--5);
  max-width: 36rem;
}

.max-width-small-fluid {
  width: 100%;
  max-width: 25em;
}

.about-photo-sliding-wrapper {
  height: 100%;
}

.about-photo-sliding {
  position: relative;
  top: 56%;
}

.expertise-item {
  border-bottom: 1px solid #dfdde3;
  padding-top: 2.5em;
  padding-bottom: 2.5em;
}

.expertise-title-wrapper {
  grid-column-gap: .5em;
  align-items: flex-start;
  margin-bottom: 1.5em;
  display: flex;
}

.title-lead {
  letter-spacing: -.01em;
  font-size: 4em;
  line-height: 1.2;
}

.about-hero-wrapper {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-direction: column;
  justify-content: flex-end;
  align-items: flex-start;
  height: 100%;
  display: flex;
}

.all-section-wrapper {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  flex-flow: wrap;
  justify-content: space-between;
  align-self: stretch;
  align-items: center;
  display: flex;
}

.all-section-wrapper.is-divider {
  padding-bottom: var(--space--2);
  border-bottom: 1px solid var(--color--grey--15);
}

.work-cover-wrapper {
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  height: 100%;
  display: flex;
}

.cover-title-wrapper {
  margin-bottom: var(--space--1);
  display: flex;
}

.work-year-wrapper {
  flex: none;
  margin-left: 2em;
}

.work-cover-img-wrapper {
  height: 40vw;
  max-height: 50vh;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
  overflow: hidden;
}

.work-cover-img {
  object-fit: cover;
  object-position: 50% 0%;
  width: 100%;
  height: 100%;
}

.main-activities-list {
  margin-top: var(--space--2);
  margin-bottom: var(--space--4);
  border-bottom: 1px solid var(--color--grey--15);
}

.main-activities-item {
  padding-top: var(--space--1-5);
  padding-bottom: var(--space--1-5);
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  border-top: 1px solid var(--color--grey--15);
  grid-template-rows: auto;
  grid-template-columns: minmax(3rem, 3rem) .5fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.activity-description-wrapper {
  color: var(--color--grey--60);
  max-width: 21rem;
}

.project-description-wrapper {
  padding-right: var(--space--6);
}

.industry-list {
  grid-column-gap: .25rem;
  grid-row-gap: .25rem;
  flex-flow: column;
  display: flex;
}

.project-image-item {
  overflow: hidden;
}

.project-image {
  width: 100%;
}

.project-phase-description h1 {
  margin-bottom: 2.5rem;
  font-size: 3.5rem;
}

.project-phase-description h2 {
  margin-bottom: 2.5rem;
  font-size: 3rem;
}

.project-phase-description h4 {
  margin-bottom: 1.5rem;
  font-size: 2.2rem;
}

.project-phase-description h3 {
  margin-bottom: 2rem;
  font-size: 2.5rem;
  font-weight: 300;
}

.project-phase-description h5 {
  margin-bottom: 1rem;
  font-size: 2rem;
}

.project-phase-description h6 {
  margin-bottom: 1rem;
}

.project-phase-description p {
  margin-bottom: 2.5rem;
}

.project-phase-description ol {
  margin-bottom: var(--space--1);
}

.project-phase-divider {
  background-color: var(--color--grey--15);
  height: 1px;
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.full-width-img-list {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  flex-flow: column;
  display: flex;
}

.full-width-img-list.without-gap {
  grid-column-gap: var(--space--0);
  grid-row-gap: var(--space--0);
}

.project-quote-wrapper {
  padding-right: var(--space--5);
}

.icon-xlarge {
  flex: none;
  justify-content: center;
  align-items: center;
  width: 3rem;
  height: 3rem;
  display: flex;
}

.project-quote-author-wrapper {
  margin-top: var(--space--3);
  padding-top: var(--space--2);
  padding-bottom: var(--space--2);
  border-top: 1px solid var(--color--grey--15);
}

.author-img-wrapper {
  border-radius: var(--radius--round);
  flex: none;
  justify-content: center;
  align-items: center;
  width: 5rem;
  height: 5rem;
  display: flex;
  overflow: hidden;
}

.project-quote-author-item {
  grid-column-gap: var(--grid-gap--main);
  grid-row-gap: var(--grid-gap--main);
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.author-info-wrapper {
  font-weight: 500;
}

.thank-you-wrapper {
  margin-top: var(--space--5);
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.title-inline-image {
  background-image: url('../images/vienna.png');
  background-repeat: no-repeat;
  background-size: contain;
  width: 1.5em;
  height: 1.5em;
  margin-bottom: -.4em;
  margin-left: .2em;
  margin-right: .2em;
  display: inline-block;
}

.title-inline-image.is-us {
  background-image: url('../images/uk.png');
}

.journal-title-wrapper {
  grid-column-gap: var(--space--1);
  grid-row-gap: var(--space--1);
  flex-flow: column;
  max-width: 100ch;
  display: flex;
}

.journal-cover-text {
  z-index: 1;
  color: var(--color--white--100);
  position: absolute;
  inset: auto 1.5rem 1.5rem;
}

.journal-cover-overlay {
  background-image: linear-gradient(#0000004d, #0000004d);
  position: absolute;
  inset: 0%;
}

.journal-cover-title-wrapper {
  margin-bottom: var(--space--1);
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.journal-cover-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.journal-cover-img-wrapper {
  height: 35vw;
  max-height: 50vh;
  margin-left: -1.5rem;
  margin-right: -1.5rem;
  position: relative;
  overflow: hidden;
}

.author-list {
  grid-column-gap: var(--space--1);
  grid-row-gap: var(--space--1);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.main-activities-bullet {
  border-radius: var(--radius--round);
  background-color: var(--color--grey--100);
  width: .4rem;
  height: .4rem;
  margin-top: .45rem;
}

.download-cv-wrapper {
  margin-top: var(--space--2);
  display: flex;
}

.button-wrapper {
  display: flex;
}

.services {
  z-index: 1;
  color: var(--color--white--100);
  justify-content: flex-start;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-bottom: 0;
  padding-left: 2rem;
  display: flex;
  position: absolute;
  inset: -44% 0% auto;
}

.work-item-overlay {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: var(--color--brand--brand-2);
  opacity: 1;
  -webkit-backdrop-filter: grayscale();
  backdrop-filter: grayscale();
  mix-blend-mode: multiply;
  border-radius: 0;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  inset: 0%;
}

.songtitle-artist {
  white-space: normal;
  flex-flow: wrap;
  padding-bottom: 1.2rem;
  padding-left: 2rem;
  padding-right: 1.5rem;
  display: flex;
  position: absolute;
  inset: auto 0% 0%;
}

.heading-3, .heading-4, .heading-5 {
  font-weight: 200;
}

.heading-6, .heading-7 {
  font-weight: 300;
}

.item_title_text {
  flex-flow: column;
}

.item_description {
  margin-top: -.5em;
  font-size: 1.1em;
}

.item_description.accordion_text_color {
  color: var(--color--brand--brand-2);
  letter-spacing: .07em;
  margin-top: 0;
  font-weight: 500;
  display: block;
  overflow: hidden;
}

.item_paragraph--2 {
  max-width: 50ch;
}

.is--light {
  color: var(--color--brand--brand-2);
}

.accordion-item {
  border-bottom: 1px solid var(--color--brand--primary);
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  padding: 3rem 2em 2rem;
  display: flex;
}

.accordion-item.is--last {
  border-bottom-width: 1px;
  border-bottom-color: var(--color--brand--primary);
}

.accordion-item.is--first {
  border-top: 1px solid var(--color--brand--primary);
}

.item_paragraph--4 {
  max-width: 50ch;
}

.icon_line {
  background-color: var(--color--brand--brand-2);
  width: .2em;
  padding-top: 2em;
  transform: rotate(90deg);
}

.icon_line.is--2 {
  background-color: var(--color--brand--brand-2);
  position: absolute;
  transform: none;
}

.accordion-wrapper {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.item_paragraph--3 {
  max-width: 50ch;
}

.title_wrapper {
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-bottom: 1em;
  display: flex;
}

.accordion_paragraph {
  letter-spacing: 0;
  white-space: normal;
  flex-direction: column;
  width: 50%;
  margin-top: 2em;
  line-height: 1.5;
  display: flex;
}

.item_head {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.item_paragraph {
  max-width: 50ch;
}

.item_content-wrapper {
  flex-direction: column;
  align-items: flex-end;
  width: 100%;
  display: flex;
  overflow: hidden;
}

.item_title {
  letter-spacing: .03em;
  white-space: normal;
  overflow-wrap: normal;
  font-size: 1.2rem;
  font-weight: 400;
}

.accordion_head-wrapper {
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.accordion_icon_wrapper {
  justify-content: center;
  align-items: center;
  width: 5em;
  padding-bottom: 0;
  padding-left: .9em;
  padding-right: .9em;
  transition: transform .3s cubic-bezier(.165, .84, .44, 1);
  display: flex;
}

.checkbox-field-2 {
  padding-left: 0;
}

.contact-us-checkbox-text {
  box-sizing: border-box;
  opacity: .8;
  font-size: 20px;
  line-height: var(--line-height--1-5);
  text-transform: none;
  margin-top: -3px;
  margin-right: 8px;
  padding-left: 1.9rem;
  font-weight: 400;
  display: block;
}

.contact-us-checkbox-text.label-terms-and-conditions {
  font-size: var(--space--0-75);
  margin-top: 0;
  padding-bottom: .5rem;
  padding-left: .25rem;
}

.contact-us-checkbox-field {
  margin-top: 2rem;
  padding-left: 0;
}

.success-message-text {
  margin-bottom: var(--space--1-5);
  font-size: 1em;
  line-height: var(--line-height--1-4);
  font-weight: 300;
  display: block;
}

.link-streaming {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  letter-spacing: -.01em;
  justify-content: flex-start;
  align-items: center;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1;
  display: flex;
}

.link-streaming.small {
  font-size: .75rem;
}

.link-streaming.small:visited {
  color: var(--color--grey--100);
}

.link-streaming.small.w--current {
  background-color: var(--color--grey--10);
  padding-left: .5em;
  padding-right: .5em;
}

.link-streaming.is-nav {
  z-index: 2;
  background-color: #0000;
  font-size: .88rem;
  position: relative;
}

.link-streaming.is-nav:hover {
  background-color: #0000;
  padding-left: 0;
  padding-right: 0;
}

.link-streaming.medium {
  font-size: .88rem;
}

.link-streaming.extra-small {
  font-size: .7rem;
}

.success-message-text---2 {
  font-size: 1em;
  line-height: var(--line-height--1-4);
  font-weight: 300;
  display: block;
}

.success-message-text---2.text-align-center {
  margin-bottom: var(--space--1-5);
  font-size: var(--space--1-5);
}

.footnote {
  color: var(--color--grey--60);
  font-size: .75rem;
}

.tasks-wrapper {
  flex-flow: wrap;
  flex: none;
  order: 0;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.task {
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1px;
  font-size: .6rem;
  font-weight: 400;
  display: flex;
}

.task-box {
  background-color: var(--color--grey--80);
  border-radius: 20px;
  flex: 0 auto;
  margin-bottom: .5em;
  margin-right: .5em;
  padding: .3em 1em;
  display: block;
  position: relative;
}

.task-box.songwriting {
  align-self: center;
}

.type-wrapper {
  flex-flow: wrap;
  flex: none;
  order: 0;
  align-self: stretch;
  align-items: flex-start;
  display: flex;
}

.type-box {
  background-color: var(--color--brand--brand-1);
  color: var(--color--grey--80);
  border-radius: 20px;
  flex: 0 auto;
  margin-bottom: .5em;
  margin-right: .5em;
  padding: .3em 1em;
  display: block;
  position: relative;
}

.type-box.songwriting {
  align-self: center;
}

.type {
  color: var(--color--white--100);
  letter-spacing: .1em;
  text-transform: uppercase;
  white-space: nowrap;
  justify-content: center;
  align-items: center;
  padding-top: 1px;
  font-size: .6rem;
  font-weight: 400;
  display: flex;
}

.heading-8 {
  color: var(--color--brand--primary);
  line-height: var(--line-height--1-1);
  position: relative;
}

.spinning-text {
  z-index: 0;
  width: 15em;
  position: absolute;
  inset: 50% auto auto -17%;
}

.hero-display-text {
  font-family: var(--font-family--secondary-family);
  font-size: 1.45em;
  font-style: italic;
}

.hero-animation-mastering {
  z-index: 0;
  width: 38em;
  display: none;
  position: absolute;
  inset: -34% 0% auto;
}

.about-short-text {
  justify-content: center;
  align-items: flex-end;
  padding-bottom: 2.7rem;
  font-size: 2.6em;
}

.tabs-menu {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  place-items: start;
  margin-bottom: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
  display: flex;
}

.div-block {
  display: none;
}

.about-copy-wrapper {
  margin-bottom: 5rem;
}

.muso-link {
  justify-content: center;
  align-items: center;
  margin-top: 3rem;
  display: flex;
}

.link-block {
  margin-left: 10px;
}

.m-logo {
  font-family: var(--font-family--secondary-family);
  justify-content: flex-start;
  align-self: auto;
  align-items: flex-start;
  font-size: 4.5rem;
  display: flex;
  font-style: italic;
}

@media screen and (min-width: 1280px) {
  h5 {
    font-size: 1.8em;
  }

  .container.is-inner-hero {
    padding-top: var(--space--7);
    padding-bottom: var(--space--1);
  }

  .container.is-journal-hero {
    padding-bottom: var(--space--1);
  }

  .nav-link-text.non-capitalized.form-link {
    font-size: 14px;
  }

  .link-floating-text.shadow-medium-light {
    text-shadow: 0 16px 0 var(--color--white--100);
  }

  .heading-style-h5 {
    font-size: 1.8em;
  }

  .contact-us-wrapper {
    display: none;
  }

  .contact-us-social-wrapper {
    grid-column-gap: .3em;
    grid-row-gap: .3em;
    justify-content: flex-start;
    align-items: center;
  }

  .text-size-extra-small.text-style-allcaps {
    letter-spacing: .07em;
  }

  .nav-social-items {
    display: flex;
  }

  .works-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .face-icon {
    width: 4rem;
    height: 4rem;
  }

  .footer-horizontal-wrapper {
    max-width: 27rem;
  }

  .img.about-img {
    max-width: 32rem;
  }

  .footer-title {
    font-size: 1.5rem;
  }

  .tag-text {
    font-size: 1rem;
  }

  .nav-social-wrapper {
    display: block;
  }

  .work-cover-img-wrapper {
    position: relative;
  }

  .project-description-wrapper {
    max-width: 23rem;
    padding-right: 0;
  }

  .project-image-item.for-columns {
    display: flex;
  }

  .project-image {
    object-fit: cover;
  }

  .full-width-img-list {
    grid-column-gap: var(--grid-gap--main);
    grid-row-gap: var(--grid-gap--main);
    flex-flow: column;
    display: flex;
  }

  .full-width-img-list._2-columns {
    grid-column-gap: var(--grid-gap--main);
    grid-row-gap: var(--grid-gap--main);
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-quote-wrapper {
    padding-right: var(--space--7);
  }

  .journal-cover-img-wrapper {
    position: relative;
  }

  .task, .type {
    font-size: .7rem;
  }

  .spinning-text {
    width: 13em;
    top: 45%;
    left: -14%;
  }
}

@media screen and (max-width: 991px) {
  body {
    font-size: 1rem;
  }

  h1 {
    font-size: 5vw;
  }

  h2 {
    font-size: 4vw;
  }

  h3 {
    font-size: 1.8rem;
  }

  h4 {
    font-size: 1.6rem;
  }

  h5 {
    font-size: 1.2rem;
  }

  h6 {
    font-size: 1.1rem;
  }

  .container {
    padding: var(--space--3) 1.5rem;
  }

  .container.nav {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .container.works {
    padding-bottom: var(--space--0);
  }

  .container.is-hero {
    padding-bottom: 3em;
  }

  .container.is-inner-hero {
    padding-top: var(--space--5);
  }

  .container.is-work-hero {
    padding-bottom: var(--space--0);
    height: 100svh;
  }

  .container.is-journal-hero {
    padding-bottom: var(--space--0);
  }

  .grid-item._80.tablet-100, .grid-item._50.tablet-100, .grid-item._33.tablet-100, .grid-item._67.tablet-100 {
    width: 100%;
  }

  .sg-container {
    padding: 64px 24px;
  }

  .sg-colors-container {
    width: 100%;
  }

  .link.small {
    font-size: 12px;
  }

  .link.is-nav.is-large {
    font-size: 8rem;
  }

  .nav-brand {
    color: var(--color--grey--100);
    height: 20px;
    margin-right: 0;
    font-size: 16px;
  }

  .nav-link-text {
    text-align: center;
    margin-left: 0;
    margin-right: 0;
    font-size: 12px;
    display: block;
  }

  .nav-link-text.w--current {
    box-shadow: inset 0 -1px 0 0 var(--color--grey--100);
    color: var(--color--grey--100);
  }

  .sg-images {
    height: 24vw;
  }

  .decorative {
    font-size: 4em;
  }

  .link-text-wrapper {
    padding-top: 1px;
  }

  .link-floating-text.shadow-small {
    font-size: .88rem;
  }

  .categories-wrapper {
    margin-top: 1.5rem;
  }

  .succsess-message {
    font-size: 32px;
  }

  .social-icon-link {
    padding-left: 0;
    padding-right: 0;
  }

  .social-icon-link:hover {
    padding: 12px;
  }

  .nav-link-wrapper {
    font-size: 14px;
  }

  .inner-title-wrapper {
    width: 100%;
  }

  .cursor {
    display: none;
  }

  .heading-style-h1 {
    font-size: 5vw;
  }

  .heading-style-h2 {
    font-size: 4vw;
  }

  .heading-style-h3 {
    font-size: 2rem;
  }

  .heading-style-h4 {
    font-size: 1.6rem;
  }

  .heading-style-h5, .heading-style-h6 {
    font-size: 1.2rem;
  }

  .all-button {
    width: 48px;
    height: 48px;
    padding: 14px;
  }

  .contact-us-input {
    font-size: 20px;
  }

  .contact-us-header {
    margin-bottom: 32px;
  }

  .contact-us-text {
    font-size: 18px;
  }

  .contact-us-scroll-wrapper {
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .contact-us-container {
    height: 100%;
    padding-left: 40px;
    padding-right: 40px;
    overflow: scroll;
  }

  .contact-us-wrapper {
    z-index: 9999;
    height: 100vh;
    overflow: scroll;
  }

  .main-grid {
    grid-column-gap: 1.5rem;
    grid-row-gap: 1.5rem;
    grid-template-columns: minmax(0, 2fr) .75fr 1fr;
  }

  .main-grid.is-hero {
    align-content: space-between;
  }

  .main-grid.is-table {
    grid-template-columns: minmax(0, 1.5fr) 1fr .5fr;
  }

  .project-item {
    border-radius: 20px;
  }

  .project-link {
    padding: 20px;
  }

  .cases-wrapper {
    margin-top: var(--space--0);
  }

  .case-description {
    font-size: 1rem;
  }

  .contact-us-social-wrapper {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-columns: 2.5fr 1fr;
    justify-content: center;
    width: 100%;
  }

  .get-template-link-wrapper {
    height: auto;
  }

  .get-template-link.more-templates {
    display: none;
    position: relative;
  }

  .nav-menu-button {
    display: block;
  }

  .menu-link.is-close {
    color: var(--color--white--100);
  }

  .spacer-huge {
    padding: 5rem;
  }

  .spacer-xhuge {
    padding: 6rem;
  }

  .spacer-xlarge {
    padding: 3rem;
  }

  .spacer-medium {
    padding: 1rem;
  }

  .spacer-xxlarge {
    padding: 3.5rem;
  }

  .spacer-large {
    padding: 1.5rem;
  }

  .spacer-xxhuge {
    padding: 8rem;
  }

  .text-size-extra-small.text-style-allcaps {
    position: static;
  }

  .decorative-large {
    font-size: 4em;
  }

  .sg-items-wrapper {
    grid-template-columns: 1fr 1fr;
  }

  .hide-tablet {
    display: none;
  }

  .sg-items-wrapper-4-col {
    grid-template-columns: 1fr 1fr;
  }

  .button-base.is-xsmall, .button-base.is-xxsmall {
    padding: .8rem 1.5rem;
    font-size: .8rem;
  }

  .button-arrow-base.is-xsmall {
    padding: .5rem;
  }

  .hero-about-wrapper {
    margin-bottom: 0;
  }

  .hero-contacts-wrapper {
    justify-content: flex-end;
    align-items: flex-end;
  }

  .nav-items-wrapper {
    flex-direction: column;
    align-items: flex-start;
  }

  .nav-items-wrapper.is-right {
    flex-direction: row;
    justify-content: space-between;
  }

  .nav-social-items {
    grid-row-gap: var(--grid-gap--main);
    opacity: 1;
    flex-direction: column;
    margin-bottom: 6rem;
    display: flex;
  }

  .works-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-auto-flow: row;
    place-items: start center;
  }

  .work-item-info {
    color: var(--color--grey--100);
    mix-blend-mode: normal;
    padding: 1rem 1rem 1rem .5rem;
    position: static;
  }

  .tile-cursor-wrapper {
    display: none;
  }

  .work-item-link {
    height: auto;
  }

  .about-text-wrapper {
    padding-top: 2.2rem;
  }

  .table-cell {
    grid-column-gap: var(--grid-gap--small);
    grid-row-gap: var(--grid-gap--small);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
  }

  .table-cell.baseline-align {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
  }

  .table-cell.tablet-right-align {
    align-items: flex-end;
  }

  .description-align-wrapper {
    padding-top: 0;
  }

  .honors-photo-wrapper {
    margin-bottom: 0;
  }

  .footer-horizontal-wrapper, .footer-contact-me-wrapper {
    margin-bottom: 4rem;
  }

  .footer-horizontal-bottom-wrapper {
    margin-top: 1rem;
  }

  .img.about-small-img {
    width: 8em;
  }

  .honors-items-wrapper {
    margin-top: 0;
  }

  .navbar-wrapper {
    align-items: center;
  }

  .navbar-menu {
    background-color: var(--color--grey--100);
    color: var(--color--white--100);
    flex-direction: column-reverse;
    flex: 0 auto;
    width: 100%;
    height: 100svh;
    min-height: 100px;
    margin-left: 0;
    padding: 4.9rem 1.5rem;
    display: none;
    position: absolute;
    inset: 0% 0% auto;
    overflow: auto;
  }

  .hide-desktop {
    display: block;
  }

  .nav-social-wrapper {
    grid-column-gap: 5rem;
    grid-row-gap: 5rem;
    display: flex;
  }

  .journal-item-info {
    color: var(--color--grey--100);
    mix-blend-mode: normal;
    padding-top: 1rem;
    position: static;
  }

  .title-lead {
    font-size: 2.2em;
  }

  .work-cover-img-wrapper {
    height: 50vw;
  }

  .main-activities-item {
    grid-template-columns: minmax(3rem, 3rem) .8fr 1fr;
  }

  .project-description-wrapper {
    padding-right: var(--space--0);
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .project-phase-divider {
    margin-top: var(--space--3);
    margin-bottom: var(--space--3);
  }

  .project-quote-wrapper {
    padding-right: var(--space--0);
  }

  .title-inline-image {
    margin-bottom: -.3em;
  }

  .button-wrapper {
    margin-bottom: .8em;
  }

  .button-wrapper.is-mobile {
    flex-flow: wrap;
  }

  .services {
    color: var(--color--grey--100);
    mix-blend-mode: normal;
    margin-left: 0;
    padding: 0 1rem 0 0;
    position: static;
  }

  .work-item-overlay {
    display: none;
  }

  .songtitle-artist {
    align-items: center;
    padding-bottom: 0;
    padding-left: 0;
    position: static;
  }

  .accordion-item.is--first {
    padding-top: 2rem;
    padding-bottom: 1rem;
  }

  .item_title {
    line-height: 1.2;
  }

  .contact-us-checkbox-text {
    font-size: 18px;
  }

  .streaming-link {
    color: var(--color--brand--brand-2);
    display: flex;
  }

  .streaming-link.hide-desktop {
    margin-bottom: 5px;
  }

  .link-streaming.small {
    font-size: 12px;
  }

  .link-streaming.is-nav.is-large {
    font-size: 8rem;
  }

  .link-streaming.medium {
    font-weight: 500;
  }

  .task, .type {
    color: var(--color--white--100);
  }

  .spinning-text {
    width: 10em;
    top: -14%;
    left: 79%;
  }

  .about-short-text {
    font-size: 1.5em;
  }

  .tabs-menu {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .no-scroll {
    overflow: hidden;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 6vw;
  }

  h2 {
    font-size: 5vw;
  }

  h3 {
    font-size: 1.5rem;
  }

  h4 {
    font-size: 1.3rem;
  }

  .container {
    padding-right: var(--space--1);
    padding-left: var(--space--1);
  }

  .container.nav {
    width: 100%;
    padding-bottom: .5rem;
  }

  .container.is-hero {
    height: auto;
  }

  .container.is-journal-hero {
    min-height: 40rem;
  }

  .grid-item._33.tablet-100 {
    padding-top: 16px;
    padding-bottom: 16px;
  }

  .page-wrapper {
    margin-bottom: -20px;
  }

  .sg-block.colors {
    border-radius: 12px;
    padding: 16px;
  }

  .sg-container {
    padding: 48px 16px;
  }

  .link {
    font-size: 14px;
  }

  .link.is-nav.is-large {
    font-size: 6rem;
  }

  .nav-brand {
    padding-left: 0;
  }

  .utility-page-content {
    padding-left: 20px;
    padding-right: 20px;
  }

  .rich-text h2 {
    font-size: 28px;
  }

  .rich-text h4 {
    font-size: 18px;
  }

  .rich-text h3 {
    font-size: 20px;
  }

  .rich-text h5 {
    font-size: 16px;
  }

  .rich-text h6 {
    font-size: 14px;
  }

  .decorative {
    font-size: 32px;
  }

  ._404-content {
    height: auto;
    margin-top: 32px;
  }

  .changelog-wrapper {
    padding: 24px;
  }

  .submit-button {
    width: 100%;
  }

  .link-floating-text {
    text-shadow: 0 15px #000;
  }

  .heading-style-h1 {
    font-size: 6vw;
  }

  .heading-style-h2 {
    font-size: 5vw;
  }

  .heading-style-h2.footer-contact-reaction {
    font-size: 3rem;
  }

  .heading-style-h3 {
    font-size: 1.4rem;
  }

  .heading-style-h4 {
    font-size: 1.3rem;
  }

  .content-wrapper {
    margin-bottom: .5em;
  }

  .full-bleed-case-link {
    flex-direction: column-reverse;
  }

  .contact-us-input {
    width: 182px;
  }

  .contact-us-input.email {
    width: 259px;
  }

  .contact-us-input.project, .contact-us-input.artist {
    width: 260px;
  }

  .contact-us-header {
    margin-bottom: 20px;
  }

  .contact-us-overlay {
    display: none;
  }

  .contact-us-scroll-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 0;
    padding-top: 32px;
    padding-bottom: 32px;
  }

  .contact-us-container {
    width: auto;
    height: 100%;
    padding-left: 20px;
    padding-right: 20px;
    position: static;
    overflow: scroll;
  }

  .contact-us-wrapper {
    min-height: auto;
  }

  .contact-us-contact {
    min-height: 400px;
    padding-right: 40px;
  }

  .main-grid {
    grid-column-gap: 1.2rem;
  }

  .project-item {
    width: 100%;
    min-width: auto;
    height: 48vw;
  }

  .project-link {
    padding: 16px;
  }

  .full-width-img {
    height: 50vw;
  }

  .next-project-link {
    padding: 2em;
  }

  .contact-us-social-wrapper {
    justify-content: flex-start;
  }

  .menu-item-wrapper {
    padding-top: 0;
    padding-bottom: 0;
  }

  .menu-link {
    font-size: 14px;
  }

  .spacer-huge {
    padding: 3.5rem;
  }

  .spacer-xhuge {
    padding: 4rem;
  }

  .spacer-xlarge {
    padding: 2rem;
  }

  .spacer-medium {
    padding: 1rem;
  }

  .spacer-xxlarge {
    padding: 2.5rem;
  }

  .spacer-large {
    padding: 1rem;
  }

  .spacer-xxhuge {
    padding: 4.5rem;
    display: none;
  }

  .decorative-large {
    font-size: 32px;
  }

  .sg-items-wrapper {
    grid-template-columns: 1fr;
  }

  .hide-mobile-landscape {
    display: none;
  }

  .sg-items-wrapper-4-col {
    grid-template-columns: 1fr;
  }

  .hero-contacts-wrapper {
    align-items: flex-start;
  }

  .works-list {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .work-item-info {
    padding-top: 1.5rem;
  }

  .about-text-wrapper {
    padding-top: 1rem;
  }

  .table-item.without-dividers {
    padding-top: 1rem;
    padding-bottom: 1rem;
  }

  .table-cell {
    justify-content: flex-start;
  }

  .table-cell.tablet-right-align {
    justify-content: flex-end;
  }

  .table-cell.right-align-landscape {
    text-align: right;
  }

  .honors-photo-wrapper {
    justify-content: flex-start;
  }

  .footer-horizontal-wrapper {
    flex-direction: column;
    width: 100%;
    max-width: 24rem;
    margin-bottom: 2rem;
  }

  .footer-contact-me-wrapper {
    grid-template-rows: 1fr auto;
    align-content: start;
    margin-bottom: 3rem;
  }

  .footer-nav-wrapper {
    justify-content: space-between;
  }

  .footer-horizontal-bottom-wrapper.is-large-gap {
    grid-column-gap: 2rem;
    grid-row-gap: 1rem;
  }

  .img.hero-img {
    width: 12em;
  }

  .img.about-img {
    width: 40vw;
  }

  .navbar-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .nav-social-wrapper {
    grid-column-gap: 3rem;
    grid-row-gap: 3rem;
  }

  .journal-list {
    grid-template-columns: 1fr;
  }

  .journal-item-info {
    padding-bottom: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .about-paragraph-wrapper {
    margin-top: var(--space--1);
    margin-bottom: var(--space--3);
  }

  .max-width-small-fluid {
    max-width: none;
  }

  .about-photo-sliding-wrapper {
    height: auto;
  }

  .about-photo-sliding {
    display: none;
  }

  .expertise-item {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .expertise-title-wrapper {
    margin-bottom: 1rem;
  }

  .about-hero-wrapper {
    align-items: flex-start;
  }

  .work-year-wrapper {
    margin-bottom: var(--space--1);
    margin-left: var(--space--0-5);
  }

  .work-cover-img-wrapper {
    height: 53vw;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .main-activities-list {
    margin-bottom: var(--space--2);
  }

  .project-quote-author-wrapper {
    margin-top: var(--space--2);
  }

  .journal-cover-title-wrapper {
    flex-flow: column;
  }

  .journal-cover-img-wrapper {
    height: 45vw;
    min-height: 15rem;
    margin-left: -1rem;
    margin-right: -1rem;
  }

  .author-list {
    grid-template-columns: 1fr;
  }

  .download-cv-wrapper {
    margin-top: var(--space--1);
  }

  .is--light {
    color: var(--color--brand--brand-2);
  }

  .accordion_paragraph {
    width: 100%;
  }

  .item_content-wrapper.text-size {
    order: 0;
    display: block;
  }

  .accordion_icon_wrapper {
    padding-bottom: 0;
  }

  .link-streaming {
    font-size: 14px;
  }

  .link-streaming.is-nav.is-large {
    font-size: 6rem;
  }

  .spinning-text {
    top: 39%;
    left: 69%;
  }

  .about-short-text {
    font-size: 1.2em;
  }

  .tabs-menu {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}

@media screen and (max-width: 479px) {
  h1 {
    margin-bottom: .5rem;
    font-size: 8.5vw;
  }

  h2 {
    text-align: left;
    font-size: 7vw;
    line-height: 1.3;
  }

  .container {
    padding-top: var(--space--2);
    padding-bottom: var(--space--2);
  }

  .container.nav {
    width: 100%;
  }

  .container.blog-list {
    padding-bottom: 4rem;
  }

  .container.is-hero {
    padding-bottom: 1em;
  }

  .grid-item {
    padding-bottom: 0;
  }

  .grid-item._50.tablet-100 {
    padding-top: 8px;
    padding-bottom: 8px;
  }

  .link.is-nav.is-large {
    margin-bottom: .6em;
    font-size: 15vw;
  }

  .link.is-nav.is-large.w--current {
    margin-bottom: .6em;
  }

  .link.large {
    width: 100%;
  }

  .nav-brand {
    text-align: center;
  }

  .nav-link-text.non-capitalized.form-link {
    font-size: 14px;
  }

  .center-wrapper {
    flex-flow: column;
  }

  .rich-text h2 {
    font-size: 24px;
  }

  .rich-text p {
    white-space: normal;
    word-break: normal;
    margin-bottom: 27px;
  }

  .rich-text h4 {
    margin-bottom: 10px;
  }

  .rich-text h5 {
    font-size: 17px;
  }

  .link-arrow {
    width: 1.3rem;
  }

  .link-text-wrapper {
    overflow: hidden;
  }

  .link-floating-text.shadow-small {
    font-size: 1rem;
  }

  .link-floating-text.shadow-small.e-mail-nav {
    color: var(--color--white--100);
  }

  .link-floating-text.shadow-small.mobile-nav-link {
    font-size: 1.3rem;
  }

  .succsess-message {
    font-size: 24px;
  }

  .flex-horizontal.categories {
    flex-flow: wrap;
    justify-content: center;
    align-items: flex-start;
    padding-left: 1rem;
    padding-right: 1rem;
    overflow: visible;
  }

  .heading-style-h1 {
    text-align: left;
    font-size: 8vw;
  }

  .heading-style-h2 {
    font-size: 7vw;
  }

  .heading-style-h3 {
    font-size: 1.2rem;
    line-height: var(--line-height--1-4);
    font-weight: 200;
  }

  .heading-style-h3.intro-faq {
    font-size: 1.1rem;
  }

  .heading-style-h3.about {
    font-size: 1.5rem;
  }

  .button.is-small.is-stroke {
    justify-content: center;
  }

  .button.is-small.is-stroke.is-inverted.footer-contact-reaction {
    align-self: stretch;
  }

  .button.is-small.is-stroke.button-mobile-nav {
    border-color: var(--color--brand--brand-2);
    color: var(--color--brand--brand-2);
    -webkit-text-stroke-color: var(--color--brand--brand-2);
  }

  .button.is-small-copy.is-stroke {
    justify-content: center;
  }

  .button.is-small-copy.is-stroke.is-inverted.footer-contact-reaction {
    align-self: stretch;
  }

  .button.language-imprint {
    margin-top: .6rem;
  }

  .content-wrapper {
    margin-bottom: .5em;
  }

  .caption.text-weight-regular.form-intro {
    font-size: 13px;
  }

  .contact-us-input {
    width: 160px;
    font-size: 16px;
  }

  .contact-us-input.email {
    width: 231px;
  }

  .contact-us-input.project, .contact-us-input.artist {
    width: 230px;
    margin-bottom: 11px;
  }

  .contact-us-header {
    justify-content: space-between;
    align-self: flex-start;
  }

  .contact-us-text {
    font-size: 16px;
    line-height: var(--line-height--1);
    display: inline-block;
  }

  .contact-us-overlay {
    overflow: visible;
  }

  .contact-us-scroll-wrapper {
    justify-content: flex-start;
    align-items: flex-start;
    min-height: 200px;
  }

  .contact-us-close-link {
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    display: flex;
  }

  .contact-us-container {
    padding-left: 16px;
    padding-right: 16px;
    overflow: auto;
  }

  .contact-us-wrapper {
    min-height: auto;
  }

  .contact-us-contact {
    padding-right: 0;
  }

  .natural-language-form {
    line-height: var(--line-height--1);
  }

  .case-img-item {
    width: 100%;
    height: 40em;
    padding-left: 0;
    padding-right: 0;
  }

  .main-grid {
    grid-template-rows: auto;
  }

  .project-item {
    height: 73vw;
  }

  .full-width-img {
    height: 54vw;
  }

  .contact-email-link {
    text-align: center;
  }

  .cases-wrapper {
    margin-left: -.45rem;
    margin-right: -.45rem;
  }

  .case-description-wrapper {
    margin-bottom: 1rem;
  }

  .next-project-link {
    padding: 3em;
  }

  .contact-us-social-wrapper {
    flex-flow: row;
    justify-content: flex-start;
    align-self: auto;
    align-items: center;
    width: 100%;
    font-size: 15px;
    display: flex;
  }

  .link-arrow-wrapper {
    margin-left: 4px;
  }

  .menu-link.is-close {
    padding-top: 1px;
    font-size: 16px;
  }

  .spacer-medium {
    padding: .8rem;
  }

  .spacer-xxlarge {
    padding: 1.5rem;
  }

  .spacer-xxhuge {
    display: none;
  }

  .text-size-large.text-weight-medium {
    font-size: .9rem;
  }

  .text-size-large.text-weight-medium.hyphen {
    padding-left: 3px;
    padding-right: 3px;
  }

  .sg-icons-row {
    flex-wrap: wrap;
  }

  .hide-mobile-portrait {
    display: none;
  }

  .button-base.is-xxsmall {
    padding: .7rem 1rem;
  }

  .button-arrow-base.is-xsmall {
    padding: .4rem;
  }

  .hero-contacts-wrapper {
    width: 100%;
  }

  .nav-items-wrapper.is-right {
    flex-direction: column;
    margin-top: 3rem;
  }

  .nav-social-items {
    margin-bottom: 1rem;
  }

  .works-list {
    grid-template-columns: 1fr 1fr;
  }

  .work-item-info {
    padding-top: .7rem;
  }

  .footer-contact-me-wrapper {
    grid-template-rows: 1fr;
    margin-bottom: 0;
  }

  .footer-nav-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
  }

  .footer-buttons {
    flex-direction: column;
    align-items: flex-start;
  }

  .footer-buttons.contact-mobile {
    margin-bottom: 1.5rem;
  }

  .img.hero-img {
    width: 10em;
  }

  .img.about-img {
    width: 65vw;
  }

  .navbar-menu {
    flex-direction: column;
    padding-top: 7.5rem;
    padding-bottom: 2.5rem;
  }

  .hide-desktop.is-full-width {
    width: 100%;
  }

  .nav-social-wrapper {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    flex-direction: column;
    margin-bottom: 2rem;
  }

  .expertise-title-wrapper {
    margin-bottom: 1rem;
  }

  .main-activities-item {
    grid-template-columns: minmax(0, 16px) .5fr 1fr;
  }

  .project-description-wrapper {
    margin-bottom: var(--space--2);
    padding-right: var(--space--0);
    grid-column-gap: var(--space--2);
    grid-row-gap: var(--space--2);
    grid-template-columns: 1fr;
  }

  .project-phase-description h4 {
    margin-bottom: 1rem;
    font-size: 2rem;
  }

  .project-phase-description h3 {
    margin-bottom: 1rem;
    font-size: 2.2rem;
  }

  .project-phase-description h5 {
    font-size: 1.5rem;
  }

  .project-phase-divider {
    margin-top: var(--space--1);
    margin-bottom: var(--space--1);
  }

  .button-wrapper {
    margin-bottom: 1rem;
  }

  .button-wrapper.is-mobile {
    flex-flow: column;
    align-items: flex-start;
  }

  .accordion-item, .accordion-item.is--first {
    padding: 1.5rem 1em .5rem;
  }

  .icon_line, .icon_line.is--2 {
    padding-top: 1.5em;
  }

  .item_title {
    white-space: normal;
    margin-bottom: 0;
    font-size: 1rem;
    font-weight: 600;
  }

  .accordion_icon_wrapper {
    width: 3em;
    margin-left: 1em;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-us-checkbox-text {
    margin-top: -22px;
    font-size: 15px;
    display: inline-block;
  }

  .contact-us-checkbox-text.label-terms-and-conditions {
    margin-top: -1px;
    display: block;
  }

  .contact-us-checkbox-field {
    margin-top: 1rem;
  }

  .link-streaming.is-nav.is-large {
    font-size: 15vw;
  }

  .link-streaming.medium {
    font-size: .7rem;
  }

  .spinning-text {
    width: 9em;
    top: -14%;
    left: 54%;
  }

  .hero-display-text {
    font-size: 1.35em;
  }

  .text-block-2 {
    font-size: 14px;
  }

  .line-height-1 {
    line-height: 1;
  }

  .about-short-text {
    font-size: 1.2em;
  }

  .tabs-menu {
    justify-content: center;
    align-items: flex-start;
  }

  .bold-text {
    white-space: normal;
  }

  .imprint-inline-link {
    white-space: normal;
    word-break: break-all;
  }
}

#w-node-_4de8cfa3-c0a4-e45d-90d1-0e986216f59d-97e1e31a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_56e6b1b8-23fc-470e-b545-a01ec5a11805-97e1e31a, #w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e31a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_50476028-94b9-1120-9756-ba8be700176d-97e1e31a, #w-node-f3cdf74e-585a-71cc-6760-57f70bab098e-97e1e31a {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-_64433247-2f92-c41c-4a53-6f182ec6792d-97e1e31a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-bc7e35dc-fde6-bf99-7644-efd755da5266-97e1e31a {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-aa6c171d-88fb-0600-1264-e45f4d34071c-97e1e31a {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac7b1189-a473-0645-f72d-aeb9cba95390-97e1e31a {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-cc0f3b61-fcfc-c02e-f037-8eebc5fcd7e6-97e1e31a {
  grid-area: span 1 / span 2 / span 1 / span 2;
  align-self: start;
}

#w-node-aa85e0e2-a2ba-aa42-cb8c-9d746e78a722-97e1e31a, #w-node-_393ec814-99ae-322a-5798-49ebb99c998e-97e1e31a {
  grid-area: 2 / 2 / 3 / 2;
}

#w-node-_0d72d0d1-06e4-42c7-77ac-75a570b90012-97e1e31a {
  grid-area: 2 / 3 / 3 / 3;
}

#w-node-bde878f8-4cef-f3d9-dbd5-20e160966ad8-60966ad5, #w-node-bde878f8-4cef-f3d9-dbd5-20e160966ae5-60966ad5, #w-node-bde878f8-4cef-f3d9-dbd5-20e160966b12-60966ad5 {
  justify-self: start;
}

#w-node-_5b0bb6a5-1036-08c4-422c-c91db95d02d8-a5da53e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_02eadc5c-6384-753a-6a1e-684ff52bfddd-a5da53e1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: end;
}

#w-node-_2132056c-d442-800b-fdf4-8e36ce2cb4de-97e1e398 {
  grid-area: 4 / 3 / 5 / 5;
}

#w-node-dbd522fc-9b51-05f0-2bdc-21a15fd31144-97e1e398 {
  justify-self: end;
}

#w-node-_9fe8fbc6-6216-c12d-da0e-c7b4e0dec07a-97e1e398, #w-node-_1ab52bc5-7ac6-8504-cb3e-a82795c25da6-97e1e398 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-c0b54009-081f-2543-fe3b-c1b2e0d310f2-97e1e39a {
  grid-area: span 1 / span 24 / span 1 / span 24;
}

#w-node-_585ff082-61a3-c7df-c644-70089ec7e7ff-97e1e39a {
  grid-area: span 1 / span 18 / span 1 / span 18;
}

#w-node-ea9761ee-91c1-0583-cfa7-bbe0a3b9f1dc-97e1e39a, #w-node-ea9761ee-91c1-0583-cfa7-bbe0a3b9f1e5-97e1e39a {
  grid-area: span 1 / span 24 / span 1 / span 24;
}

#w-node-e85cf084-4628-7fbc-2a3c-fcb18937340c-97e1e39c {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

#w-node-_1b40f587-b405-ce1a-57b1-9501ce0a9d18-97e1e39e {
  grid-area: span 1 / span 18 / span 1 / span 18;
}

#w-node-f758f521-8b42-6b19-6c4b-f19bb4e97374-97e1e39e, #w-node-_81a68d5a-a580-8772-84c7-92ec3427b487-97e1e39e {
  grid-area: span 1 / span 24 / span 1 / span 24;
}

#w-node-_1b85cb2c-a8bf-667c-8ce9-5ffc3551ebec-97e1e39f, #w-node-_6f2afc12-737f-ed5d-7694-a0f562fa4acf-97e1e39f, #w-node-b62ad886-39f0-c3dd-0b19-0003a5ce6d14-97e1e39f, #w-node-_5e12109c-a757-af86-afce-d07628ca62e8-97e1e39f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-e3e7a5fe-6359-5d01-77c3-02b461834021-97e1e39f {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_58375c2a-c3e5-fd14-33f2-0c676742038d-97e1e39f, #w-node-_8a1f7bb1-8355-0065-f31c-735baab842cf-97e1e39f, #w-node-_8a1f7bb1-8355-0065-f31c-735baab842fc-97e1e39f {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e3a1, #w-node-c98485c2-a292-f56a-53c7-3e708a28b311-97e1e3a1 {
  grid-area: span 1 / span 3 / span 1 / span 3;
}

#w-node-ac7b1189-a473-0645-f72d-aeb9cba95390-97e1e3a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-cc0f3b61-fcfc-c02e-f037-8eebc5fcd7e6-97e1e3a1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ca6272dc-056f-de4e-df50-c656b928ebd4-97e1e3a1 {
  grid-area: 2 / 2 / 3 / 2;
}

#w-node-ca6272dc-056f-de4e-df50-c656b928ebd9-97e1e3a1 {
  grid-area: 2 / 3 / 3 / 3;
}

#w-node-d39787fc-79af-ba1d-7c1f-0721f9740c7d-97e1e3a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-ed4afa90-7558-43f8-b668-5fef8dea0703-97e1e3a1 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_928e062c-bf67-f80b-c4f2-f2b1fd2a323f-97e1e3a1 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  justify-self: start;
}

#w-node-_928e062c-bf67-f80b-c4f2-f2b1fd2a3242-97e1e3a1, #w-node-_68ec53da-5e69-595a-0a37-fe21bf1fcf8e-97e1e3a2 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b9840212-53b6-62a9-6c3a-9d07d4d2f372-97e1e3a3 {
  grid-area: span 1 / span 12 / span 1 / span 12;
}

@media screen and (min-width: 1280px) {
  #w-node-e85cf084-4628-7fbc-2a3c-fcb18937340c-97e1e39c {
    justify-self: center;
  }
}

@media screen and (max-width: 991px) {
  #w-node-_4de8cfa3-c0a4-e45d-90d1-0e986216f59d-97e1e31a {
    grid-column: span 2 / span 2;
  }

  #w-node-_3b5d843f-750b-c117-b579-3a8856b7a884-97e1e31a {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e31a {
    grid-column: span 3 / span 3;
  }

  #w-node-aa6c171d-88fb-0600-1264-e45f4d34071c-97e1e31a {
    grid-column: span 2 / span 2;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966ad8-60966ad5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966ae5-60966ad5 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966b12-60966ad5 {
    order: 9999;
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-e85cf084-4628-7fbc-2a3c-fcb18937340c-97e1e39c {
    grid-column: span 18 / span 18;
  }

  #w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e3a1 {
    grid-column: span 3 / span 3;
  }

  #w-node-c98485c2-a292-f56a-53c7-3e708a28b311-97e1e3a1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4de8cfa3-c0a4-e45d-90d1-0e986216f59d-97e1e31a {
    grid-area: 3 / 1 / 4 / 4;
  }

  #w-node-_3b5d843f-750b-c117-b579-3a8856b7a884-97e1e31a {
    order: -9999;
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e31a {
    grid-area: 1 / 1 / 2 / 4;
  }

  #w-node-aa6c171d-88fb-0600-1264-e45f4d34071c-97e1e31a {
    grid-column: span 3 / span 3;
  }

  #w-node-ac7b1189-a473-0645-f72d-aeb9cba95390-97e1e31a {
    grid-column: span 2 / span 2;
  }

  #w-node-cc0f3b61-fcfc-c02e-f037-8eebc5fcd7e6-97e1e31a {
    grid-column: span 3 / span 3;
  }

  #w-node-aa85e0e2-a2ba-aa42-cb8c-9d746e78a722-97e1e31a {
    grid-row-start: 3;
    grid-column-start: 1;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966ae5-60966ad5 {
    grid-column: span 3 / span 3;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966af2-60966ad5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5b0bb6a5-1036-08c4-422c-c91db95d02d8-a5da53e1 {
    grid-column: span 10 / span 10;
  }

  #w-node-dbd522fc-9b51-05f0-2bdc-21a15fd31144-97e1e398 {
    align-self: center;
  }

  #w-node-_9fe8fbc6-6216-c12d-da0e-c7b4e0dec07a-97e1e398, #w-node-_585ff082-61a3-c7df-c644-70089ec7e7ff-97e1e39a {
    grid-column: span 24 / span 24;
  }

  #w-node-e85cf084-4628-7fbc-2a3c-fcb18937340c-97e1e39c {
    grid-area: span 1 / span 24 / span 1 / span 24;
  }

  #w-node-_1b40f587-b405-ce1a-57b1-9501ce0a9d18-97e1e39e {
    grid-column: span 24 / span 24;
  }

  #w-node-_630287a9-f0d2-e2f2-9e4a-5511cae17cf0-97e1e3a1, #w-node-c98485c2-a292-f56a-53c7-3e708a28b311-97e1e3a1 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-ac7b1189-a473-0645-f72d-aeb9cba95390-97e1e3a1 {
    grid-column: span 2 / span 2;
  }

  #w-node-cc0f3b61-fcfc-c02e-f037-8eebc5fcd7e6-97e1e3a1 {
    grid-column: span 3 / span 3;
  }

  #w-node-d39787fc-79af-ba1d-7c1f-0721f9740c7d-97e1e3a1 {
    grid-column: span 2 / span 2;
  }

  #w-node-ed4afa90-7558-43f8-b668-5fef8dea0703-97e1e3a1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_928e062c-bf67-f80b-c4f2-f2b1fd2a323f-97e1e3a1 {
    grid-column: span 2 / span 2;
  }

  #w-node-_928e062c-bf67-f80b-c4f2-f2b1fd2a3242-97e1e3a1 {
    grid-column: span 3 / span 3;
  }

  #w-node-_1458e467-8d86-452c-7cf8-a0bcf38a4907-f38a48fc {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_1458e467-8d86-452c-7cf8-a0bcf38a48fe-f38a48fc {
    grid-area: span 1 / span 1 / span 1 / span 1;
    place-self: start end;
  }

  #w-node-_1458e467-8d86-452c-7cf8-a0bcf38a4901-f38a48fc {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_3b5d843f-750b-c117-b579-3a8856b7a884-97e1e31a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-bde878f8-4cef-f3d9-dbd5-20e160966af2-60966ad5 {
    grid-area: span 1 / span 3 / span 1 / span 3;
  }

  #w-node-_5b0bb6a5-1036-08c4-422c-c91db95d02d8-a5da53e1, #w-node-_02eadc5c-6384-753a-6a1e-684ff52bfddd-a5da53e1 {
    grid-column: span 6 / span 6;
  }

  #w-node-dbd522fc-9b51-05f0-2bdc-21a15fd31143-97e1e398 {
    justify-self: end;
  }

  #w-node-dbd522fc-9b51-05f0-2bdc-21a15fd31144-97e1e398 {
    align-self: end;
  }

  #w-node-_9fe8fbc6-6216-c12d-da0e-c7b4e0dec07a-97e1e398, #w-node-c0b54009-081f-2543-fe3b-c1b2e0d310f2-97e1e39a, #w-node-_585ff082-61a3-c7df-c644-70089ec7e7ff-97e1e39a, #w-node-ea9761ee-91c1-0583-cfa7-bbe0a3b9f1dc-97e1e39a, #w-node-ea9761ee-91c1-0583-cfa7-bbe0a3b9f1e5-97e1e39a, #w-node-e85cf084-4628-7fbc-2a3c-fcb18937340c-97e1e39c, #w-node-_1b40f587-b405-ce1a-57b1-9501ce0a9d18-97e1e39e {
    grid-column: span 12 / span 12;
  }

  #w-node-f758f521-8b42-6b19-6c4b-f19bb4e97374-97e1e39e {
    grid-column: span 12 / span 12;
    justify-self: auto;
  }

  #w-node-_81a68d5a-a580-8772-84c7-92ec3427b487-97e1e39e {
    grid-column: span 12 / span 12;
  }

  #w-node-_68ec53da-5e69-595a-0a37-fe21bf1fcf7e-97e1e3a2, #w-node-_68ec53da-5e69-595a-0a37-fe21bf1fcf8e-97e1e3a2 {
    grid-column: span 6 / span 6;
  }
}


@font-face {
  font-family: 'Freight Big';
  src: url('../fonts/FreightBig-LightItalic.woff2') format('woff2'), url('../fonts/FreightBig-LightItalic.woff') format('woff');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-ExtraBold.ttf') format('truetype'), url('../fonts/Onest-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Onest-local';
  src: url('../fonts/Onest-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}