:root {
  --121212: #121212;
  --f6: #f6f6f6;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

body {
  color: var(--121212);
  font-family: Spacemono, sans-serif;
  font-size: 20px;
  line-height: 100%;
}

a {
  color: var(--121212);
  text-decoration: none;
}

.section {
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.section.studio {
  height: auto;
  display: block;
  overflow: visible;
}

.section.hero.mobile {
  display: none;
}

.section.qoute {
  flex-direction: column;
  align-items: flex-start;
  height: 200vh;
}

.section.model {
  height: auto;
}

.section.hashtags {
  flex-direction: column;
  height: 140vh;
}

.section.footer {
  flex-direction: column;
  height: 100vh;
}

.video-wrapper {
  object-fit: cover;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  width: 32vw;
  min-width: 20rem;
  height: 100vh;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.design-clock {
  z-index: 1050;
  font-size: 1rem;
  line-height: 1rem;
  display: block;
  position: relative;
  top: 1.5rem;
  left: 2rem;
}

.paragraph-intro {
  z-index: 1000;
  text-transform: lowercase;
  width: 25vw;
  font-size: 1rem;
  line-height: 160%;
  position: absolute;
  inset: 24vh auto auto 2rem;
}

.text-dylan {
  z-index: 1000;
  height: 62vh;
  min-height: 24.5rem;
  position: absolute;
  inset: 1.5rem 2rem auto auto;
}

.social-link-wrapper {
  z-index: 1000;
  justify-content: flex-end;
  align-items: center;
  font-size: 1rem;
  display: flex;
  position: relative;
  top: 1.5rem;
  right: 2rem;
}

.social-link-wrapper.hero {
  z-index: 1000;
  position: absolute;
  top: auto;
  bottom: 1.5rem;
}

.link {
  flex: 0 auto;
  margin-left: 1.5rem;
  font-size: 1rem;
  line-height: 1rem;
}

.link:hover {
  text-decoration: line-through;
}

.link.tablet {
  line-height: 1rem;
}

.link.tablet.hidden {
  display: none;
}

.link.not-found {
  margin-left: 0;
}

.link.back {
  z-index: 6000;
  flex: 1;
  height: 1rem;
  margin-left: 0;
  position: relative;
}

.link.right {
  margin-left: 0;
  margin-right: 1.5rem;
}

.text-studio-black {
  z-index: 1000;
  width: 56vw;
  position: absolute;
  top: -2.5%;
}

.image-studio-1 {
  object-fit: cover;
  width: 100%;
  height: 75vw;
}

.image-studio-2 {
  flex: 0 auto;
  width: 100%;
}

.studio-image-wrapper {
  z-index: 0;
  grid-column-gap: 2rem;
  grid-row-gap: 4rem;
  grid-template: "Area" minmax(auto, auto)
                 "Area" minmax(auto, 1fr)
                 / 56vw 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: space-around;
  align-items: flex-start;
  width: 100vw;
  height: 75vw;
  padding-left: 2rem;
  padding-right: 2rem;
  display: grid;
  overflow: hidden;
}

.paragraph-studio {
  z-index: 1000;
  text-transform: lowercase;
  width: 100%;
  max-width: 75%;
  font-size: 1rem;
  line-height: 160%;
  position: relative;
}

.qoute-text {
  z-index: 1000;
  text-align: left;
  text-transform: lowercase;
  width: 100%;
  margin-bottom: 2rem;
  padding-left: 2rem;
  padding-right: 2rem;
  font-family: Raleway, sans-serif;
  font-size: 7vh;
  font-weight: 700;
  line-height: 145%;
  display: block;
  position: relative;
}

.image-model {
  object-fit: cover;
  object-position: 27% 50%;
  height: 100%;
}

.text-fashion, .text-model {
  z-index: 1000;
  width: 8vw;
  position: relative;
}

.hashtag {
  z-index: 700;
  width: 17.5vw;
  max-width: 35vh;
  position: relative;
}

.text-hashtag {
  z-index: 1000;
  width: 55vw;
  min-width: 45rem;
  max-width: 55rem;
  font-size: 1rem;
  line-height: 250%;
  position: relative;
}

.footer-image-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  width: 100vw;
  height: 45vh;
  margin-top: 4rem;
  padding-left: 2rem;
  padding-right: 2rem;
  position: relative;
  overflow: hidden;
}

.image-box {
  flex-direction: column;
  grid-template-rows: max-content max-content;
  grid-template-columns: 1fr;
  place-content: center;
  place-items: center;
  height: 100%;
  display: flex;
}

.image-box._1 {
  flex-direction: column;
  align-items: center;
  position: relative;
}

.image-box._2, .image-box._3, .image-box._4 {
  position: relative;
}

.image-box._5 {
  display: none;
  position: relative;
}

.dylan-tm {
  z-index: 1000;
  width: 25vw;
  margin-left: 1rem;
  position: relative;
  top: -4vh;
}

.dylan-tm.left {
  width: auto;
  height: 6rem;
  margin-left: 2rem;
  top: 0;
}

.footer-wrapper {
  flex: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  display: flex;
  position: relative;
}

.footer-item-wrapper {
  z-index: 1000;
  justify-content: center;
  align-items: center;
  display: block;
  position: absolute;
  inset: auto auto 1.5rem;
}

.footer-item-wrapper.left {
  justify-content: flex-start;
  display: block;
  left: 2rem;
}

.footer-item-wrapper.right {
  justify-content: flex-end;
  right: 2rem;
}

.footer-text {
  font-size: 1rem;
  line-height: 1rem;
}

.model-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto;
  justify-content: space-between;
  width: 100vw;
  height: auto;
  padding-left: 2rem;
  padding-right: 2rem;
}

.text-hashtag-wrapper {
  margin-top: 3rem;
}

.text-model-wrapper-horizontal {
  display: none;
}

.header {
  z-index: 1050;
  justify-content: space-between;
  align-items: flex-start;
  width: 100vw;
  height: 3rem;
  display: flex;
  position: fixed;
}

.header.footer {
  display: none;
}

.header.utility-page {
  height: 4rem;
  top: 0;
}

.trigger-header-scroll {
  height: 0;
  position: absolute;
  top: -1.5rem;
}

.header-blur {
  z-index: 700;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ffffffe3;
  width: 100vw;
  height: 4rem;
  position: absolute;
}

.header-blur.left {
  width: 100vw;
}

.tag-manager {
  width: 0;
  height: 0;
}

.utility-page-wrap {
  z-index: 1;
  justify-content: center;
  align-items: center;
  width: 100vw;
  max-width: 100%;
  height: 100vh;
  max-height: 100%;
  display: flex;
  position: absolute;
}

.utility-page-content {
  text-align: center;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
}

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

.heading {
  text-transform: uppercase;
  font-family: Raleway, sans-serif;
  font-size: 5rem;
  line-height: 120%;
}

.text-imprint {
  z-index: 1100;
  min-width: 7.5vw;
  min-height: 24.5rem;
  position: absolute;
  inset: 1.5rem 2rem auto auto;
}

.back-link-wrapper {
  z-index: 6000;
  flex: 0 auto;
  justify-content: flex-end;
  align-items: center;
  font-size: 1rem;
  display: flex;
  position: relative;
  top: 1.5rem;
  left: 2rem;
}

.paragraph {
  margin-bottom: 0;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
}

.paragraph.capitalize {
  text-transform: none;
}

.footer {
  width: 100%;
  height: auto;
}

.footer.left {
  height: 12rem;
  position: relative;
}

.text-imprint-horizontal, .text-privacy-policy-horizontal {
  display: none;
}

.text-privacy-policy {
  z-index: 1100;
  min-width: 7.5vw;
  min-height: 24.5rem;
  position: absolute;
  inset: 1.5rem 2rem auto auto;
}

.image-box-postion {
  grid-column-gap: 0rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  display: grid;
  position: relative;
}

.image-box-postion._1 {
  grid-column-gap: 0px;
  grid-row-gap: 1rem;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  top: -10%;
}

.image-box-postion._2 {
  top: -15%;
}

.image-box-postion._3 {
  top: -5%;
}

.image-box-postion._4 {
  top: -20%;
}

.image-box-postion._5 {
  top: 0%;
}

.loading-animation {
  z-index: 1100;
  background-color: var(--f6);
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: none;
  position: fixed;
}

.logo-load-animation {
  height: 5rem;
  position: relative;
}

.logo-load-animation.placeholder {
  position: absolute;
}

.logo-wrapper {
  justify-content: center;
  align-items: center;
  width: 100vw;
  height: 100vh;
  display: flex;
  position: absolute;
  inset: 0%;
}

.noise-overlay {
  z-index: 800;
  width: 100%;
  height: 100%;
  position: fixed;
  inset: 0%;
}

.body.scrollbar {
  text-transform: lowercase;
  height: auto;
  font-size: 1rem;
  font-weight: 400;
}

.text-studio-white {
  z-index: 950;
  width: 56vw;
  position: absolute;
  top: -2.5%;
}

.studio-text-wrapper {
  height: 1%;
  padding-left: 2rem;
}

.text-model-wraper {
  height: 10%;
}

.studio-spacer {
  width: 100vw;
  height: 150vw;
}

.studio-animation-spacer {
  z-index: 1000;
  width: 100vw;
  height: 175vw;
  position: absolute;
  bottom: 0;
}

.text-model-horizontal {
  width: auto;
  max-width: none;
  max-height: 10vh;
  padding-left: 0;
  padding-right: 0;
  display: block;
  position: relative;
}

.text-hashtag-mobile {
  z-index: 1000;
  text-align: center;
  font-size: 1rem;
  line-height: 3rem;
  position: relative;
  overflow: hidden;
}

.text-hashtag-mobile-wrapper {
  display: none;
}

.smiley {
  z-index: 700;
  width: 12vw;
  max-width: 22vw;
  display: block;
  position: absolute;
  bottom: 1.5rem;
  left: 2rem;
}

.text-model-horizontal-10 {
  width: 10%;
  position: absolute;
}

.smiley-mobile {
  z-index: 700;
  position: relative;
}

.qoute-caption {
  margin-left: 2rem;
  font-size: 1.25rem;
}

.diamond {
  z-index: 700;
  width: 17.5vw;
  max-width: 35vh;
  position: absolute;
  inset: auto 2rem -12.5vh auto;
}

.text-sources {
  z-index: 1100;
  min-width: 7.5vw;
  min-height: 24.5rem;
  position: absolute;
  inset: 1.5rem 2rem auto auto;
}

.text-sources-horizontal {
  display: none;
}

.sources-section {
  width: 70vw;
  margin-top: 24vh;
  margin-bottom: 32vh;
  margin-left: 2rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.625rem;
  overflow: hidden;
}

.source-block {
  width: 100%;
  margin-bottom: 6rem;
}

.source-name {
  font-size: 1.25rem;
}

.source-link-wrapper {
  z-index: 1000;
  margin-top: 1rem;
  position: relative;
}

.source-grid {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  margin-top: 2rem;
}

.diamond-mobile {
  z-index: 700;
  display: none;
}

.cookiebot {
  z-index: 0;
  opacity: 0;
  width: 0;
  height: 0;
  margin-bottom: 0;
  position: absolute;
  inset: 0% auto auto 0%;
}

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

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

.link-new:hover {
  text-decoration: line-through;
}

.text-block {
  font-size: .75rem;
}

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

.footer-bottom {
  justify-content: space-between;
  margin-bottom: 1rem;
  display: flex;
}

.div-block-3 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-direction: column;
  align-items: center;
  margin-top: 7rem;
  display: flex;
}

.design-clock-re {
  font-size: .75rem;
}

.div-block-4 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: 1rem;
  display: flex;
}

.div-block-5 {
  grid-column-gap: .75rem;
  grid-row-gap: .75rem;
  display: flex;
}

.goal-cont {
  background-color: #0f0227;
  width: 100%;
  height: 10px;
}

.goal-progress {
  background-image: linear-gradient(to right, #0f0227, #7029f4);
  width: 40%;
  height: 100%;
}

.hidden-test {
  display: none;
}

.wrapper {
  flex-direction: column;
  justify-content: space-between;
  align-items: stretch;
  width: 58.75rem;
  height: 100vh;
  min-height: 100%;
  display: flex;
}

.men-wrapper {
  position: relative;
}

.link-new-caps {
  text-align: center;
  text-transform: uppercase;
  cursor: pointer;
  font-size: .75rem;
}

.link-new-caps:hover {
  text-decoration: line-through;
}

.men-content {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
  position: absolute;
  inset: auto 0% 1.5rem;
  overflow: hidden;
}

.men-link-1 {
  text-align: center;
  cursor: pointer;
  border: 1px solid #000;
  border-bottom: 0 #000;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 14.375rem;
  height: 3rem;
  display: flex;
}

.men-link-1.bottom {
  background-color: #fff;
  border-bottom-style: solid;
  border-bottom-width: 1px;
}

.slider {
  align-items: center;
  width: 100%;
  max-width: 900px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: auto;
}

.slider_inner {
  align-items: center;
  width: 200%;
  display: flex;
}

.slider_slide {
  text-align: center;
  width: 3.5rem;
  height: 27rem;
  margin-right: .1rem;
}

.slide_img {
  object-fit: cover;
  width: 5rem;
  height: 25rem;
  margin-bottom: 20px;
}

.men-link-2, .men-link-3, .men-link-4, .men-link-5 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: 0 #000;
  justify-content: center;
  align-items: center;
  width: 14.375rem;
  height: 3rem;
  display: flex;
}

.heading-1 {
  text-transform: uppercase;
  font-size: .75rem;
  font-weight: 400;
  line-height: 100%;
}

.textarea {
  background-color: #0000;
  border: 1px solid #000;
  margin-top: 2px;
  margin-bottom: 0;
  padding: 0 0 0 2px;
  font-size: .75rem;
}

.paragraph-contact {
  text-align: left;
  font-size: .75rem;
}

.contact-block {
  flex-direction: column;
  align-items: stretch;
  padding-left: 120px;
  padding-right: 120px;
}

.error-form-text {
  color: #cdedd3;
  text-transform: uppercase;
  margin-top: 2.5rem;
  font-size: .75rem;
}

.text-field {
  text-align: center;
  background-color: #0000;
  border-bottom: 1px solid #000;
  height: 3rem;
  margin-bottom: 0;
  padding: 0;
  font-size: .75rem;
}

.text-field.left {
  text-align: left;
  padding-left: 2px;
  font-size: .75rem;
}

.text-field.left.midline {
  border-right: 1px solid #000;
}

.text-field.left.no-line {
  border-bottom-style: none;
  border-bottom-width: 0;
}

.submit-button-2 {
  color: #222;
  text-transform: uppercase;
  cursor: pointer;
  background-color: #0000;
  border: 1px solid #000;
  border-radius: 2px;
  width: 5.5rem;
  height: 2rem;
  margin-top: 2.5rem;
  padding: 0;
  font-size: .75rem;
  line-height: 2rem;
  display: inline-block;
}

.submit-button-2:hover {
  text-decoration: line-through;
}

.form-block {
  margin-top: 2rem;
  margin-bottom: 0;
}

.text-block-7 {
  color: #cdedd3;
  text-align: left;
  text-transform: uppercase;
  font-size: .75rem;
}

.link-4 {
  cursor: pointer;
}

.link-4:hover {
  color: #cdedd3;
  text-decoration: none;
}

.selected-field {
  color: var(--121212);
  text-align: left;
  background-color: #0000;
  height: 3rem;
  margin-bottom: 0;
  padding: 0 0 0 2px;
  font-size: .75rem;
  font-weight: 400;
}

.selected-field.midline {
  border-right: 1px solid #000;
}

.checkbox {
  border-color: var(--121212);
  cursor: pointer;
  border-radius: 1px;
  margin-top: 6px;
}

.checkbox.w--redirected-checked {
  border-color: var(--121212);
  background-color: #cdedd3;
  background-image: none;
  background-repeat: no-repeat;
  background-size: cover;
}

.checkbox-field {
  border-radius: 0;
  margin-top: 2rem;
  margin-bottom: 0;
}

.error-message-2 {
  color: #f63c49;
  background-color: #0000;
  margin-top: 0;
  padding: 0;
}

.success-message {
  background-color: #0000;
  border: 1px #f63c49;
  padding: 0;
}

.form-gird {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border: 1px solid #000;
  grid-template-rows: min-content auto auto;
  grid-template-areas: "."
                       "."
                       ".";
}

.checkbox-label-2 {
  font-size: .75rem;
  font-weight: 400;
}

.div-block-6 {
  justify-content: space-between;
  display: flex;
}

.div-block-7 {
  border: 1px solid #000;
  flex-direction: column;
  flex: 0 auto;
  justify-content: flex-start;
  align-items: flex-start;
  width: 25rem;
}

.image {
  object-fit: cover;
}

.div-block-8 {
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-top: 10px;
  padding-left: 10px;
  display: flex;
}

.div-block-9 {
  justify-content: space-around;
  align-items: center;
}

.div-block-10 {
  flex-direction: column;
  justify-content: center;
  align-items: stretch;
  padding: 20px;
  display: flex;
}

.div-block-11 {
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.men-link-6 {
  text-align: center;
  background-color: #fff;
  border: 1px solid #000;
  border-bottom: 0 #000;
  justify-content: center;
  align-items: center;
  width: 14.375rem;
  height: 3rem;
  display: flex;
}

.div-block-13 {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.track {
  height: 300vw;
}

.camera {
  width: 100vw;
  height: 100vh;
  position: sticky;
  top: 0;
}

.frame {
  height: 100%;
  display: flex;
}

.div-block-14 {
  flex: none;
  width: 100vw;
  height: 100vh;
  padding: 85px;
}

.product-name {
  color: red;
  font-size: 1rem;
  font-weight: 400;
}

.product-image {
  width: 100%;
}

.product-grid {
  grid-column-gap: 2rem;
  grid-row-gap: 2rem;
  justify-content: center;
  width: 90vw;
}

.body-2 {
  justify-content: center;
  display: flex;
}

.product-price {
  color: red;
  font-size: 2rem;
  font-weight: 400;
  line-height: 110%;
}

.privacy-wrapper, .imprint-wrapper {
  z-index: 1000;
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-direction: column;
  width: 50vw;
  max-width: 64rem;
  padding-top: 12rem;
  padding-bottom: 24rem;
  padding-left: 2rem;
  display: flex;
  position: relative;
}

._404-link-wrapper {
  grid-column-gap: 2rem;
  flex-direction: row;
  margin-top: 1rem;
  display: flex;
}

.legal-section {
  grid-row-gap: 12rem;
  text-transform: none;
  overflow-wrap: anywhere;
  flex-direction: column;
  width: 100%;
  display: flex;
}

.legal-heading-2 {
  text-transform: none;
  margin-bottom: 2rem;
  font-size: 2rem;
}

.legal-heading-3 {
  text-transform: none;
  margin-top: 4rem;
  margin-bottom: 1.5rem;
  font-size: 1.5rem;
}

.legal-paragraph {
  color: #121212;
  text-transform: none;
  line-height: 135%;
}

.legal-heading-4 {
  text-transform: none;
  margin-top: 2rem;
  margin-bottom: 1rem;
  font-size: 1.125rem;
}

.legal-paragraph-link {
  font-variation-settings: "wght" 400, "slnt" 0;
  transition: all .35s ease-out;
}

.legal-paragraph-link:hover {
  color: #121212;
  font-variation-settings: "wght" 600, "slnt" -10;
  text-decoration: line-through;
}

.legal-list {
  grid-row-gap: 1rem;
  color: var(--121212);
  flex-direction: column;
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
  line-height: 135%;
  display: flex;
}

.list-item {
  color: #121212;
}

@media screen and (min-width: 1440px) {
  .textarea, .paragraph-contact {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .contact-block {
    margin-bottom: 4rem;
  }

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

  .text-field.left {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .submit-button-2 {
    font-size: 1rem;
  }

  .form-block {
    margin-top: 3rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .link-4 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .selected-field {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .form-gird {
    grid-row-gap: 1.5rem;
  }
}

@media screen and (min-width: 1920px) {
  .section.studio {
    overflow: visible;
  }

  .section.footer {
    height: 100vh;
  }

  .video-wrapper {
    width: auto;
    height: 100vh;
    padding-top: 2rem;
    padding-bottom: 2rem;
  }

  .design-clock {
    font-size: 1.375rem;
    line-height: 1.375rem;
    top: 2rem;
    left: 4rem;
  }

  .paragraph-intro {
    font-size: 1.375rem;
    top: 28vh;
    left: 4rem;
  }

  .text-dylan, .social-link-wrapper {
    top: 2rem;
    right: 4rem;
  }

  .social-link-wrapper.hero {
    bottom: 2rem;
  }

  .link {
    font-size: 1.375rem;
    line-height: 1.375rem;
  }

  .link.tablet {
    line-height: 1.375rem;
  }

  .link.not-found {
    margin-top: 1rem;
  }

  .studio-image-wrapper {
    grid-column-gap: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .paragraph-studio {
    font-size: 1.375rem;
  }

  .qoute-text {
    margin-bottom: 3rem;
    padding-left: 4rem;
    padding-right: 4rem;
    font-size: 8vh;
  }

  .text-hashtag {
    width: 48vw;
    min-width: 0;
    max-width: 64rem;
    font-size: 1.375rem;
  }

  .footer-image-grid {
    grid-column-gap: 1.25rem;
    flex: 0 auto;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    margin-top: 5.375rem;
    padding-left: 4rem;
    padding-right: 4rem;
    position: relative;
  }

  .image-box {
    grid-row-gap: 1.25rem;
  }

  .image-box._5 {
    display: flex;
  }

  .footer-image {
    object-fit: fill;
    overflow: hidden;
  }

  .dylan-tm.left {
    margin-left: 4rem;
  }

  .footer-item-wrapper {
    bottom: 2rem;
  }

  .footer-item-wrapper.left {
    left: 4rem;
  }

  .footer-item-wrapper.right {
    right: 4rem;
  }

  .footer-text {
    font-size: 1.375rem;
  }

  .model-grid {
    grid-column-gap: 4rem;
    padding-left: 4rem;
    padding-right: 4rem;
  }

  .header-blur {
    height: 5.375rem;
  }

  .heading {
    font-size: 8rem;
    line-height: 120%;
  }

  .text-imprint {
    top: 2rem;
    right: 4rem;
  }

  .back-link-wrapper {
    top: 2rem;
    left: 4rem;
    right: 4rem;
  }

  .paragraph {
    font-size: 1.375rem;
    line-height: 2.25rem;
  }

  .text-privacy-policy {
    top: 2rem;
    right: 4rem;
  }

  .studio-text-wrapper {
    padding-left: 4rem;
  }

  .qoute-caption {
    margin-left: 4rem;
  }

  .diamond {
    right: 4rem;
  }

  .text-sources {
    top: 2rem;
    right: 4rem;
  }

  .sources-section {
    width: 55vw;
    margin-left: 4rem;
    font-size: 1.375rem;
    line-height: 2.25rem;
  }

  .source-block {
    margin-bottom: 12rem;
  }

  .source-name {
    font-size: 1.75rem;
  }

  .diamond-mobile {
    right: 4rem;
  }

  .privacy-wrapper, .imprint-wrapper {
    padding-left: 4rem;
  }
}

@media screen and (max-width: 991px) {
  .section.studio {
    overflow: visible;
  }

  .section.hero {
    flex-direction: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .section.qoute {
    margin-top: 50vh;
  }

  .video-wrapper {
    flex: 1;
    width: 52vw;
    min-width: auto;
    max-width: none;
    height: auto;
    margin-top: 3.75rem;
    margin-bottom: 5.625rem;
    margin-left: 1.875rem;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    inset: auto;
  }

  .design-clock {
    position: absolute;
    left: 1.875rem;
  }

  .paragraph-intro {
    width: 52vw;
    margin-top: 6.25rem;
    margin-left: 1.875rem;
    position: relative;
    top: auto;
    left: auto;
  }

  .text-dylan {
    height: 52vh;
    top: 1.875rem;
    right: 1.875rem;
  }

  .social-link-wrapper {
    position: absolute;
    bottom: auto;
    left: 1.875rem;
    right: auto;
  }

  .link {
    margin-left: 1.5rem;
    margin-right: 0;
  }

  .link.tablet {
    margin-left: 0;
    margin-right: 1.5rem;
  }

  .link.back {
    position: relative;
  }

  .text-studio-black {
    width: 100vw;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    top: 2.5%;
  }

  .studio-image-wrapper {
    grid-column-gap: 1.875rem;
    grid-row-gap: 1.875rem;
    grid-template-columns: 1fr 1fr;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
    overflow: visible;
  }

  .paragraph-studio {
    width: 100%;
    max-width: none;
  }

  .qoute-text {
    width: 100vw;
    font-size: 4vh;
  }

  .image-model {
    object-position: 50% 50%;
    height: 120vh;
  }

  .text-fashion, .text-model {
    width: 9vw;
  }

  .hashtag {
    width: 35vw;
  }

  .text-hashtag {
    width: 55vw;
    min-width: 34rem;
  }

  .footer-image-grid {
    grid-column-gap: .875rem;
    grid-template-columns: 1fr 1fr 1fr;
    margin-top: 4rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .image-box {
    grid-row-gap: .875rem;
  }

  .image-box._1 {
    display: none;
  }

  .image-box._2 {
    top: -5vh;
  }

  .image-box._3 {
    top: -10vh;
  }

  .image-box._4 {
    display: none;
  }

  .image-box._5 {
    display: flex;
  }

  .dylan-tm {
    min-width: 20rem;
  }

  .dylan-tm.left {
    height: 4rem;
  }

  .footer-item-wrapper {
    bottom: 1.5rem;
  }

  .footer-item-wrapper.left {
    left: 1.875rem;
    right: auto;
  }

  .footer-item-wrapper.right {
    right: 1.875rem;
  }

  .model-grid {
    grid-column-gap: 1.875rem;
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }

  .text-hashtag-wrapper {
    margin-top: 4rem;
  }

  .header {
    position: absolute;
  }

  .header.footer {
    display: flex;
    top: 0;
  }

  .heading {
    line-height: 120%;
  }

  .text-imprint {
    width: 4rem;
    top: 1.875rem;
    right: 1.875rem;
  }

  .back-link-wrapper {
    position: absolute;
    bottom: auto;
    left: 1.875rem;
    right: auto;
  }

  .footer.left {
    height: 10rem;
  }

  .text-privacy-policy {
    width: 4rem;
    top: 1.875rem;
    right: 1.875rem;
  }

  .text-studio-white {
    width: 100vw;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    display: none;
    top: 2.5%;
  }

  .studio-text-wrapper {
    height: auto;
    padding-left: 0;
  }

  .smiley, .smiley-mobile, .diamond {
    display: none;
  }

  .text-sources {
    width: 4rem;
    top: 1.875rem;
    right: 1.875rem;
  }

  .source-grid {
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
  }

  .diamond-mobile {
    width: 35vw;
    max-width: 35vh;
    display: block;
  }

  .textarea, .paragraph-contact {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .contact-block {
    max-width: 100%;
    margin-bottom: 4rem;
    margin-left: 1.5rem;
    margin-right: 1.5rem;
  }

  .text-field {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .text-field.left, .submit-button-2 {
    font-size: 1rem;
  }

  .form-block {
    margin-top: 3rem;
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .link-4 {
    font-size: 1rem;
    line-height: 1rem;
  }

  .selected-field {
    font-size: 1rem;
    line-height: 1.25rem;
  }

  .form-gird {
    grid-row-gap: 1.5rem;
  }

  .privacy-wrapper, .imprint-wrapper {
    width: 100%;
    padding-right: 8rem;
  }

  ._404-link-wrapper {
    justify-content: center;
  }

  .legal-section {
    border-radius: 1.25rem;
  }
}

@media screen and (max-width: 767px) {
  .section.qoute {
    margin-top: 0;
  }

  .section.model {
    height: auto;
  }

  .video-wrapper {
    width: 60vw;
    margin-top: 2rem;
    margin-bottom: 4rem;
    margin-left: 1.5rem;
  }

  .design-clock {
    top: 1.5rem;
    left: 1.5rem;
  }

  .paragraph-intro {
    width: 60vw;
    margin-top: 5rem;
    margin-left: 1.5rem;
  }

  .text-dylan {
    max-width: 32vw;
    height: 100%;
    min-height: auto;
    max-height: 52vh;
    top: 1.5rem;
    right: 1.5rem;
  }

  .social-link-wrapper {
    left: 1.5rem;
  }

  .link.not-found {
    margin-top: 0;
  }

  .text-studio-black {
    width: 100%;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-studio-1 {
    object-fit: cover;
    height: auto;
  }

  .studio-image-wrapper {
    grid-column-gap: 1rem;
    grid-template-columns: 1fr;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .paragraph-studio {
    width: 100%;
    max-width: none;
  }

  .qoute-text {
    text-align: left;
    width: 100vw;
    min-width: auto;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 3rem;
  }

  .image-model {
    min-width: 100%;
    height: 80vh;
  }

  .text-fashion, .text-model {
    width: 12vw;
  }

  .hashtag {
    width: 50vw;
  }

  .text-hashtag {
    text-align: left;
    width: auto;
    min-width: auto;
    max-width: none;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .footer-image-grid {
    grid-template-columns: 1fr 1fr;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .image-box._2 {
    display: flex;
  }

  .image-box._5 {
    display: none;
  }

  .dylan-tm.left {
    margin-left: 1.5rem;
  }

  .footer-item-wrapper.left {
    bottom: 4rem;
    left: 1.5rem;
  }

  .footer-item-wrapper.right {
    left: 0;
    right: auto;
  }

  .model-grid {
    grid-column-gap: 0px;
    grid-row-gap: 1.5rem;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }

  .text-hashtag-wrapper {
    width: 100vw;
  }

  .text-model-wrapper-horizontal {
    height: 7vh;
    display: block;
  }

  .text-model-wrapper-horizontal.model {
    display: block;
  }

  .heading {
    font-size: 4rem;
    line-height: 120%;
  }

  .text-imprint {
    min-height: auto;
    top: 1.5rem;
    right: 1.5rem;
  }

  .back-link-wrapper {
    left: 1.5rem;
  }

  .paragraph {
    width: 75vw;
    margin-left: 1.5rem;
  }

  .text-privacy-policy {
    min-height: auto;
    top: 1.5rem;
    right: 1.5rem;
  }

  .logo-load-animation {
    height: 3.5rem;
  }

  .text-studio-white {
    width: 100%;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .studio-text-wrapper {
    width: 100vw;
    padding-left: 0;
    padding-right: 0;
    position: absolute;
    top: 33.3vh;
  }

  .text-model-wraper {
    display: none;
  }

  .studio-animation-spacer {
    height: auto;
    bottom: auto;
  }

  .text-model-horizontal {
    max-height: 7vh;
    padding-left: 0;
    padding-right: 0;
  }

  .text-model-horizontal-10 {
    height: 7vh;
  }

  .qoute-caption {
    margin-left: 1.5rem;
  }

  .diamond {
    display: none;
  }

  .text-sources {
    min-height: auto;
    top: 1.5rem;
    right: 1.5rem;
  }

  .sources-section {
    width: 75vw;
    margin-left: 1.5rem;
  }

  .diamond-mobile {
    width: 50vw;
    max-width: 35vh;
    display: block;
  }

  .contact-block {
    margin-bottom: 10rem;
  }

  .privacy-wrapper, .imprint-wrapper {
    padding-left: 1.5rem;
  }

  ._404-link-wrapper {
    grid-column-gap: 0rem;
    grid-row-gap: 2rem;
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
  }

  .legal-section {
    border-radius: 1rem;
  }
}

@media screen and (max-width: 479px) {
  .section.hero {
    display: none;
  }

  .section.hero.mobile {
    flex-direction: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center;
    height: auto;
    display: flex;
  }

  .section.qoute, .section.hashtags {
    height: 160vh;
  }

  .section.footer {
    height: 150vh;
  }

  .video-wrapper.mobile {
    object-fit: cover;
    flex: 0 auto;
    width: 100vw;
    min-width: auto;
    max-width: none;
    height: 75vh;
    max-height: none;
    margin-top: 2rem;
    margin-bottom: 2rem;
    margin-left: 0;
    padding: 0 1rem;
  }

  .design-clock {
    text-align: center;
    display: none;
    position: absolute;
    left: 1rem;
    right: 1rem;
  }

  .paragraph-intro {
    flex: 0 auto;
    width: 100vw;
    min-width: auto;
    height: auto;
    margin-top: 0;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .text-dylan, .social-link-wrapper {
    display: none;
  }

  .link {
    margin-top: 2rem;
    margin-left: 0;
    margin-right: 1.5rem;
  }

  .link.mobile {
    margin-top: 3rem;
    margin-left: 0;
  }

  .link.not-found {
    margin-right: 0;
  }

  .text-studio-black {
    width: 100vw;
    min-width: auto;
    max-height: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-studio-1 {
    height: auto;
  }

  .studio-image-wrapper {
    grid-row-gap: 1rem;
    grid-template: "."
                   "."
                   / 100fr;
    height: auto;
  }

  .paragraph-studio {
    margin-top: 1rem;
  }

  .qoute-text {
    width: 100vw;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    font-size: 2rem;
  }

  .image-model {
    height: 120vh;
  }

  .text-fashion, .text-model {
    display: none;
  }

  .hashtag {
    width: 50vw;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-hashtag {
    text-align: center;
    white-space: break-spaces;
    min-width: auto;
    line-height: 3rem;
    display: none;
    overflow: hidden;
  }

  .footer-image-grid {
    grid-column-gap: .5rem;
    height: 50vh;
    margin-top: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .image-box {
    grid-row-gap: .5rem;
  }

  .image-box._3 {
    top: -10%;
  }

  .image-box._5 {
    grid-column-gap: 16px;
    grid-row-gap: .5rem;
    grid-template-rows: max-content max-content;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
  }

  .dylan-tm {
    width: 80vw;
    min-width: auto;
    margin-top: 30vh;
    display: block;
    top: auto;
  }

  .dylan-tm.left {
    width: 80vw;
    max-width: 100%;
    height: auto;
    margin-left: 1rem;
    position: relative;
    top: auto;
  }

  .footer-wrapper {
    flex-direction: column;
    flex: 0 auto;
    justify-content: space-between;
    align-items: flex-start;
    height: 100vh;
  }

  .footer-item-wrapper {
    justify-content: flex-start;
    width: 100vw;
    padding-left: 1rem;
    padding-right: 1rem;
    bottom: 1rem;
    right: auto;
  }

  .footer-item-wrapper.left {
    width: 80vw;
    margin-top: 1rem;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    bottom: auto;
    left: auto;
  }

  .footer-item-wrapper.right {
    flex-direction: column;
    flex: 0 auto;
    align-items: flex-start;
    margin-top: 4rem;
    margin-bottom: 2rem;
    display: flex;
    position: relative;
    bottom: auto;
    left: 0;
    right: 0;
  }

  .footer-text {
    margin-left: 1rem;
    position: static;
  }

  .model-grid {
    grid-column-gap: 0px;
    grid-row-gap: 1rem;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-dylan-mobile {
    width: 100vw;
    margin-top: 2rem;
    padding-left: 1rem;
    padding-right: 1rem;
    position: relative;
  }

  .social-link-wrapper-mobile {
    z-index: 1000;
    flex-direction: column;
    flex: 0 auto;
    justify-content: flex-start;
    align-items: center;
    width: 100vw;
    display: flex;
    position: relative;
  }

  .text-hashtag-wrapper {
    height: 15rem;
    margin-top: 3rem;
    overflow: hidden;
  }

  .text-model-wrapper-horizontal {
    flex-direction: row;
    justify-content: center;
    align-items: center;
    height: 10vh;
  }

  .text-model-wrapper-horizontal.model {
    height: 8vh;
    transform: rotate(180deg);
  }

  .text-model-wrapper-horizontal.fashion {
    height: 8vh;
  }

  .header {
    height: auto;
  }

  .header.footer {
    display: none;
  }

  .header.utility-page {
    display: block;
  }

  .header-blur {
    display: none;
  }

  .header-blur.left {
    width: 100vw;
  }

  .heading {
    font-size: 2.5rem;
    line-height: 120%;
  }

  .text-imprint {
    display: none;
  }

  .back-link-wrapper {
    display: block;
    left: 1rem;
  }

  .paragraph {
    width: 100vw;
    margin-top: 10rem;
    margin-bottom: 10rem;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 160%;
  }

  .footer.left {
    flex-direction: column;
    justify-content: space-between;
    height: auto;
    display: flex;
  }

  .text-imprint-horizontal, .text-privacy-policy-horizontal {
    padding-top: 12rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .text-privacy-policy {
    display: none;
  }

  .logo-load-animation {
    width: 100vw;
    height: auto;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .text-studio-white {
    width: 100vw;
    min-width: auto;
    max-height: none;
    padding-left: 1rem;
    padding-right: 1rem;
  }

  .studio-text-wrapper {
    padding-left: 0;
  }

  .studio-spacer {
    justify-content: center;
    display: flex;
  }

  .studio-animation-spacer {
    height: 365vw;
  }

  .text-model-horizontal {
    height: 8vh;
    max-height: 8vh;
  }

  .text-hashtag-mobile {
    white-space: break-spaces;
  }

  .text-hashtag-mobile-wrapper {
    display: block;
  }

  .smiley {
    display: none;
  }

  .text-model-horizontal-10 {
    height: 8vh;
  }

  .smiley-mobile {
    width: 50vw;
    max-width: none;
    margin-top: 6rem;
    margin-bottom: 6rem;
    display: block;
    position: relative;
  }

  .qoute-caption {
    font-size: 1rem;
  }

  .diamond {
    width: 100%;
    max-width: none;
    padding-left: 1rem;
    padding-right: 1rem;
    display: none;
    bottom: -25%;
    right: auto;
  }

  .text-sources {
    display: none;
  }

  .text-sources-horizontal {
    padding-top: 12rem;
    padding-left: 1rem;
    padding-right: 1rem;
    display: block;
  }

  .sources-section {
    width: 100vw;
    margin-top: 10rem;
    margin-bottom: 10rem;
    margin-left: 0;
    padding-left: 1rem;
    padding-right: 1rem;
    line-height: 160%;
  }

  .source-grid {
    grid-template-columns: 1fr;
  }

  .diamond-mobile {
    width: 50vw;
    display: block;
    bottom: auto;
    right: auto;
  }

  .contact-block {
    margin-bottom: 10rem;
  }

  .text-field {
    width: 90vw;
  }

  .form-gird {
    grid-template: "." min-content
                   "."
                   "."
                   "."
                   "."
                   "."
                   "Area"
                   / 1fr;
    grid-auto-flow: row;
  }

  .privacy-wrapper, .imprint-wrapper {
    padding: 4rem 1rem 12rem;
  }

  ._404-link-wrapper {
    grid-row-gap: 1.5rem;
  }
}

#w-node-_3da2ddd2-412d-1afa-88a7-6d8b1699e233-7a8eed7c {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_97f43986-a05e-37df-a3b9-f39b2cbed848-7a8eed7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_0b3ec0e9-f1fe-71ea-99c2-1b24b784e482-7a8eed7c {
  place-self: end start;
}

#w-node-_2202cc26-b92f-6f10-7024-6333f9863951-7a8eed7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_4deb3959-6069-a850-cf7d-4ce92d5c46be-7a8eed7c {
  place-self: start end;
}

#w-node-b75d0d04-d1e8-a2b6-ac15-52eb52edfc1c-7a8eed7c, #w-node-_6f677c89-7719-38e0-490c-969d18b94b88-7a8eed7c, #w-node-_26b05db7-5e1e-6fa5-3235-f7542af095ec-7a8eed7c, #w-node-_9db4a971-a193-90bf-64c1-a353eaf54b8b-7a8eed7c, #w-node-_9db4a971-a193-90bf-64c1-a353eaf54b8c-7a8eed7c, #w-node-_99868470-7597-2fdf-c59f-03c98e30409f-7a8eed7c, #w-node-_51db089c-7bbf-bf27-28bb-bec47bc9a662-7a8eed7c, #w-node-c0650ba3-b4f9-3459-e55f-60450a889622-7a8eed7c, #w-node-d1c54fd1-48ec-a698-0a47-33b001fe8a96-7a8eed7c, #w-node-d1c54fd1-48ec-a698-0a47-33b001fe8a97-7a8eed7c, #w-node-da098ca4-4bb2-321e-d4f7-d3a7d762e521-7a8eed7c, #w-node-bb8d46bc-0e06-3211-e1da-ca496603e486-7a8eed7c, #w-node-_12d1778e-f6b0-2333-193c-29cf9e997255-7a8eed7c, #w-node-_3beb4131-b666-da6c-a140-0105f65f3c81-7a8eed7c, #w-node-_3beb4131-b666-da6c-a140-0105f65f3c82-7a8eed7c, #w-node-ac5ac6f0-e69b-d9d6-bbb2-884d23a77e82-7a8eed7c, #w-node-_611afb8a-91a5-53c7-f0a7-efeb5f2929f1-7a8eed7c, #w-node-a8c30bb6-b4cb-027d-c2fb-64e5e054936c-7a8eed7c, #w-node-_31f2af27-6860-5a30-01ab-a24cf8823185-7a8eed7c, #w-node-_31f2af27-6860-5a30-01ab-a24cf8823186-7a8eed7c, #w-node-eb7cbca1-a8a8-8492-9888-121a2d8a4bcf-7a8eed7c, #w-node-d63c48d8-d720-9cef-d5b6-ce115842644b-7a8eed7c, #w-node-_67b6c870-7711-c37b-e326-721c01a53fcf-7a8eed7c, #w-node-_0828ed09-fd52-81b4-3f4c-5f686c09bdc4-7a8eed7c, #w-node-_0828ed09-fd52-81b4-3f4c-5f686c09bdc5-7a8eed7c {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9410a4dd-b363-b5c7-188c-0eea332c9813-1a8eed86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_04de0b17-9231-a3c0-4b48-0cbfdd68af8b-1a8eed86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: stretch;
}

#w-node-_24313376-fa37-871b-27f4-9e93e9316d40-1a8eed86, #w-node-_16aca852-544d-2042-bc79-0dc776a02f07-1a8eed86, #w-node-_9e9590d6-a547-9c36-8560-dd458f4257e1-1a8eed86, #w-node-a7378998-3c96-0107-85f6-235da0b3ef56-1a8eed86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
  place-self: stretch stretch;
}

#w-node-_38997388-1964-ca76-cd99-8d5fdbb9d4f9-1a8eed86 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-_4deb3959-6069-a850-cf7d-4ce92d5c46be-7a8eed7c {
    justify-self: end;
  }

  #w-node-_12d1778e-f6b0-2333-193c-29cf9e997255-7a8eed7c, #w-node-_3beb4131-b666-da6c-a140-0105f65f3c82-7a8eed7c, #w-node-_611afb8a-91a5-53c7-f0a7-efeb5f2929f1-7a8eed7c, #w-node-_31f2af27-6860-5a30-01ab-a24cf8823185-7a8eed7c, #w-node-d63c48d8-d720-9cef-d5b6-ce115842644b-7a8eed7c, #w-node-_0828ed09-fd52-81b4-3f4c-5f686c09bdc4-7a8eed7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_3da2ddd2-412d-1afa-88a7-6d8b1699e233-7a8eed7c {
    align-self: stretch;
  }

  #w-node-_0c1df4b5-be51-1222-5131-06aa036760fd-7a8eed7c {
    justify-self: center;
  }

  #w-node-_11a5ac93-47ac-33af-b3a0-f867906f0a86-7a8eed7c {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_0c1df4b5-be51-1222-5131-06aa036760fd-7a8eed7c {
    justify-self: center;
  }
}


@font-face {
  font-family: 'Spacemono';
  src: url('../fonts/SpaceMono-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Bold.ttf') format('truetype'), url('../fonts/Raleway-ExtraBold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/Raleway-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLight.ttf') format('truetype');
  font-weight: 200;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ExtraLightItalic.ttf') format('truetype');
  font-weight: 200;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-ThinItalic.ttf') format('truetype');
  font-weight: 100;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Raleway';
  src: url('../fonts/Raleway-Thin.ttf') format('truetype');
  font-weight: 100;
  font-style: normal;
  font-display: swap;
}