:root {
  --snow: #fffbf7;
  --black: #201f1e;
  --grey: #84898c;
  --rosy-brown: #a58d7f;
  --dark-slate-blue: #3d5192;
  --dim-grey: #555;
}

.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 {
  background-color: var(--snow);
  color: var(--black);
  font-family: Inter, sans-serif;
  font-size: 1em;
  line-height: 1.5em;
}

h1 {
  letter-spacing: -.05em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5.4em;
  font-weight: 500;
  line-height: 1.1em;
}

h2 {
  letter-spacing: -.025em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 5em;
  font-weight: 400;
  line-height: 1.2em;
}

h3 {
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 3.6em;
  font-weight: 400;
  line-height: 1.2em;
}

h4 {
  letter-spacing: -.03em;
  margin-top: .5em;
  margin-bottom: .5em;
  font-size: 2.2em;
  font-weight: 600;
  line-height: 1.25em;
}

h5 {
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1.8em;
  font-weight: 400;
  line-height: 1.4em;
}

h6 {
  color: var(--grey);
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-top: 1em;
  margin-bottom: 1em;
  font-size: 1em;
  font-weight: 400;
  line-height: 1em;
}

p {
  margin-bottom: 1em;
}

a {
  color: #201f1e;
  text-decoration: underline;
}

li {
  line-height: 2em;
}

label {
  font-weight: 400;
  display: block;
}

blockquote {
  border-left: 3px solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 1em 1em 2em;
  font-size: 18px;
  line-height: 22px;
}

.hero-subheading {
  max-width: 500px;
  margin-bottom: 0;
  font-weight: 300;
  line-height: 1.3em;
}

.logo-image {
  opacity: .8;
  margin-right: 15px;
}

.nav-link {
  color: #131414;
  letter-spacing: -.5px;
  margin-bottom: 1em;
  padding-bottom: .25em;
  font-weight: 400;
  text-decoration: none;
  display: block;
  position: relative;
  overflow: hidden;
}

.hero-heading {
  margin-top: 100px;
  font-family: Inter, sans-serif;
  font-weight: 400;
}

.hero-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: 1fr;
  grid-template-columns: auto;
  grid-auto-columns: 1fr;
  align-content: space-between;
  padding-left: 7vw;
  padding-right: 7vw;
  position: relative;
  overflow: hidden;
}

.hero-content {
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
  max-width: 700px;
  padding-top: 2vh;
  padding-bottom: 10vh;
  display: flex;
}

.container {
  width: 100%;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

.container.in-hero {
  justify-content: space-between;
  min-height: 88vh;
  padding-top: 12vh;
  display: flex;
}

.container.in-subhero {
  max-width: 880px;
  padding-top: 0;
  padding-bottom: 14vh;
}

.container.in-projects {
  flex-wrap: wrap;
  place-content: flex-start space-between;
  display: none;
}

.container.in-designers {
  flex-wrap: wrap;
  align-content: flex-start;
  display: flex;
}

.animation-line {
  background-color: #84898c;
  width: 100%;
  height: 1px;
  position: absolute;
}

.animation-line.in-bottom {
  bottom: 0;
  right: -100%;
}

.animation-line.in-navi-item {
  background-color: #131414;
  width: 0%;
  bottom: 0;
  left: 0;
}

.animation-line.in-navigation {
  width: 1px;
  height: 100%;
  top: -100%;
  left: 0;
}

.animation-line.in-top {
  width: 100%;
  inset: 12vh auto 0 -100%;
}

.navigation {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  grid-template-rows: .25fr 1fr .25fr;
  grid-template-columns: 1fr;
  grid-auto-columns: 1fr;
  place-items: flex-start center;
  max-width: 180px;
  padding-top: 2vh;
  padding-left: 3vw;
  font-size: 1.2em;
  display: flex;
  position: relative;
  overflow: hidden;
}

.logo {
  opacity: .5;
  color: #201f1e;
  letter-spacing: 2px;
  text-transform: uppercase;
  align-items: center;
  text-decoration: none;
  transition: opacity .2s;
  display: flex;
}

.logo:hover {
  opacity: 1;
}

.about-us-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(270px, auto);
  grid-template-columns: 1fr 1fr;
  grid-auto-rows: minmax(270px, auto);
  grid-auto-columns: 1fr;
  display: grid;
}

.about-us-image {
  flex: 1;
  align-self: stretch;
}

.about-us-image.first {
  background-image: url('../images/drew-beamer-9uX5cX1l3bw-unsplash.jpg');
  background-position: 50% 100%;
  background-size: cover;
}

.about-us-image.second {
  background-image: url('../images/Trading-Desk.jpeg');
  background-position: 50% 100%;
  background-size: cover;
}

.about-us-text {
  letter-spacing: -.5px;
  margin-bottom: 0;
  font-size: 1.4em;
  font-weight: 300;
  line-height: 1.32em;
}

.subhero-heading {
  margin-top: 1em;
  margin-bottom: 1.5em;
  font-size: 4.5em;
  font-weight: 500;
  line-height: 1em;
}

.about-us-content {
  max-width: 480px;
}

.subhero-title {
  align-self: flex-end;
  max-width: 540px;
  margin-left: auto;
  font-weight: 300;
  line-height: 1.3em;
}

.about-us-heading {
  margin-top: 0;
  margin-bottom: 2em;
}

.subhero-section {
  border-top: 1px solid #e6e3e3;
}

.about-us-cell {
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 10%;
  display: flex;
}

.about-us-cell.our-mission {
  background-color: #dfd9d54d;
}

.about-us-cell.our-special {
  color: #fffbf7;
  background-color: #131414;
}

.subhero-image-wrap {
  width: 65%;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
}

.project-small {
  width: 37.5%;
  height: 480px;
  max-height: 100vh;
  padding: 50px;
  text-decoration: none;
  position: relative;
}

.project-small.go-bottom {
  top: 15vh;
}

.project-small.go-top {
  top: -15vh;
}

.text-rosy {
  color: var(--rosy-brown);
}

.project-wide {
  width: 75%;
  height: 480px;
  max-height: 100vh;
  padding: 60px;
  text-decoration: none;
  position: relative;
}

.project-wide.go-center {
  margin-left: auto;
  margin-right: auto;
}

.no-margin {
  margin: 0 0;
}

.projects-section {
  padding: 14vh 7vw 0;
  display: flex;
}

.project-text {
  align-self: flex-start;
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 1.2em;
}

.projects-heading {
  width: 100%;
  margin-bottom: 2em;
  padding-left: 12.5%;
  padding-right: 12.5%;
}

.project-content {
  position: relative;
}

.project-content.text-white {
  color: #fffbf7;
}

.project-image {
  object-fit: cover;
  height: 100%;
  position: absolute;
  inset: 0%;
}

.designer-content {
  flex-direction: column;
  align-items: flex-start;
  max-width: 480px;
  padding-right: 1em;
  display: flex;
}

.designer-content.wide {
  max-width: 540px;
  padding-left: 2em;
  padding-right: 2em;
}

.designer-photo {
  max-width: 320px;
}

.designer-half-width {
  width: 50%;
  padding: 3em 6.25%;
}

.designer-half-width.go-bottom {
  padding-top: 8em;
}

.designer-title {
  line-height: 1.5em;
}

.link {
  color: var(--dark-slate-blue);
  letter-spacing: -.25px;
  border-radius: 20px;
  margin-left: -14px;
  padding: 2px 14px 3px;
  font-weight: 500;
  line-height: 1.65em;
  text-decoration: none;
  transition: background-color .18s;
}

.link:hover {
  background-color: #84898c26;
}

.link.in-footer {
  color: #444;
  margin-right: 30px;
  font-weight: 400;
}

.link.in-footer:hover {
  background-color: #4646461a;
}

.designers-section {
  padding-bottom: 7vh;
  padding-left: 7vw;
  padding-right: 7vw;
  display: none;
}

.designer-surname {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2em;
  font-weight: 400;
}

.designer-full-width {
  align-items: flex-end;
  width: 100%;
  padding-bottom: 3em;
  padding-left: 18.75%;
  display: flex;
}

.designer-full-width.go-left {
  padding-left: 12.5%;
}

.designer-name-wrap.horizontal {
  align-items: baseline;
  margin-top: 1em;
  display: flex;
}

.designer-name {
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 8px;
}

.sections-heading {
  margin-top: 1em;
  margin-bottom: 1em;
  font-weight: 500;
}

.contacts-item {
  grid-column-gap: 1em;
  grid-row-gap: 16px;
  background-color: #fffbf7;
  flex-direction: column;
  grid-template-rows: auto;
  grid-template-columns: auto auto auto auto auto;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: flex-start start;
  padding: 10%;
  transition: box-shadow .3s;
  display: flex;
}

.contacts-item:hover {
  box-shadow: 21px 21px 50px -40px #000;
}

.flag-image {
  height: 30px;
  margin-right: 1em;
}

.country-flag {
  align-items: center;
  margin-bottom: 1em;
  display: flex;
}

.contacts-section {
  background-color: #0000;
  border-top: 1px solid #d4d4d4;
  padding: 4vh 7vw 7vh 17vw;
}

.contacts-grid {
  grid-column-gap: 3em;
  grid-row-gap: 3em;
  grid-template-rows: auto;
  grid-template-columns: minmax(200px, 320px) minmax(200px, 320px) minmax(200px, 320px);
  grid-auto-columns: 1fr;
  margin-bottom: 5em;
  margin-left: auto;
  margin-right: auto;
  display: none;
}

.contacts-person {
  margin-top: .25em;
  font-size: 1.6em;
  font-weight: 500;
}

.office-image {
  min-height: 100%;
}

.offices-section {
  background-color: #0000;
  border-top: 1px solid #e6e3e3;
  padding: 7vh 7vw 3vh 17vw;
  display: flex;
}

.office-item {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: minmax(300px, auto);
  grid-template-columns: 3fr 2fr;
  grid-auto-rows: minmax(300px, auto);
  grid-auto-columns: 1fr;
  margin-bottom: 5em;
  display: flex;
}

.office-item.invert {
  flex-direction: row-reverse;
}

.office-content {
  background-color: #fffbf7;
  flex-direction: column;
  justify-content: flex-end;
  width: 40%;
  padding-bottom: 1.5em;
  padding-left: 3em;
  display: flex;
}

.office-content.from-left {
  padding-right: 1em;
}

.office-image-wrap {
  justify-content: center;
  align-items: center;
  width: 60%;
  height: 300px;
  display: flex;
  overflow: hidden;
}

.footer-section {
  background-color: #f7f3f0;
  flex-direction: column;
  justify-content: flex-end;
  min-height: 20px;
  padding: 2vh 7vw;
  display: flex;
}

.social-links-content {
  flex-direction: row;
  align-items: center;
  margin-top: 2em;
  display: none;
}

.social-link {
  margin-right: 2em;
}

.social-link-image {
  width: 36px;
  transition: opacity .2s;
}

.social-link-image:hover {
  opacity: .5;
}

.contact-form {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  margin-bottom: 0;
  display: flex;
  position: relative;
}

.form {
  background-color: #fffbf7;
  width: 50%;
  padding: 3% 5% 5%;
  transition: box-shadow .2s;
}

.form:hover {
  box-shadow: 21px 21px 50px -50px #000;
}

.text-field {
  color: #111;
  background-color: #f7f3f0;
  border: 1px solid #0000;
  height: 50px;
  margin-bottom: 30px;
  padding: 15px;
  font-size: 1.1em;
  transition: background-color .2s, border-color .2s;
}

.text-field:hover {
  border-color: #0003;
}

.text-field:focus {
  background-color: #fff;
  border-color: #00000080;
}

.text-field.textarea {
  min-height: 150px;
}

.text-field.no-margin {
  margin-bottom: 10px;
}

.submit-button {
  text-align: center;
  background-color: #242424;
  padding: 12px 36px;
  font-size: 1.1em;
  transition: background-color .2s;
}

.submit-button:hover {
  background-color: #484848;
}

.submit-button:active {
  background-color: #111;
}

.form-image-wrap {
  justify-content: center;
  align-items: stretch;
  width: 50%;
  min-height: 640px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.form-heading {
  margin-bottom: 1em;
  font-weight: 400;
}

.form-image {
  max-width: none;
  height: 100%;
  position: absolute;
}

.success-message {
  background-color: #fff;
  width: 50%;
  padding-left: 5%;
  padding-right: 5%;
}

.centered-wrap {
  justify-content: center;
  align-items: center;
  height: 100%;
  display: flex;
}

.thank-you-title {
  text-align: center;
  padding: 30px;
  font-size: 1.5em;
  font-weight: 500;
  line-height: 1.3em;
}

.error-message {
  z-index: 1;
  background-color: #0000;
  width: 50%;
  height: 100%;
  margin-top: 0;
  padding: 20px;
  position: absolute;
  top: 0;
  right: 0;
}

.error-message-wrap {
  justify-content: center;
  align-items: flex-end;
  height: 100%;
  display: flex;
}

.error-title {
  color: #fff;
  text-align: center;
  background-color: #ff0000c7;
  padding: 30px;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 1.3em;
}

.style-guide-container {
  border-bottom: 2px solid #e2e2e2;
  padding-top: 50px;
  padding-bottom: 50px;
}

.spacer {
  height: 30px;
}

.paragraph-small {
  font-size: .85em;
  line-height: 1.6em;
}

.style-guide-section {
  padding: 10vh 7vw;
}

.navbar-template-info {
  background-color: #0000;
}

.footer-links {
  margin-top: 4em;
}

.credits {
  color: var(--dim-grey);
  margin-top: 2em;
  font-size: .85em;
}

.privacy-text {
  max-width: 640px;
}

.heading {
  color: var(--black);
}

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

.utility-page-content {
  flex-direction: column;
  width: 260px;
  display: flex;
}

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

.protected-page-h2 {
  margin-bottom: 2em;
}

.protected-page-image {
  opacity: .5;
  width: 24px;
}

.content {
  z-index: 2;
  text-align: left;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
  position: relative;
}

.accordion-title {
  margin-left: 24px;
}

.accordion-text {
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.accordion-item-content {
  text-align: left;
  border-bottom: 1px solid #fff;
  padding-left: 6rem;
  overflow: hidden;
}

.accordion-item-trigger {
  cursor: pointer;
  justify-content: flex-start;
  align-items: center;
  padding-top: 1rem;
  padding-bottom: .5rem;
  font-size: 1.25rem;
  line-height: 2;
  transition: color .2s;
  display: flex;
  position: relative;
}

.grid-6 {
  z-index: 1;
  grid-column-gap: 3rem;
  grid-row-gap: 3rem;
  grid-template: ". . ."
                 ". . Area"
                 ". . ."
                 / 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
  width: 100%;
  position: relative;
}

.display-2 {
  letter-spacing: -.02em;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: .125rem;
  font-size: 2.25rem;
  font-weight: 500;
  line-height: 1.1;
}

.expand-icon {
  font-size: 1.5rem;
  font-weight: 200;
  position: relative;
  top: -.125rem;
}

.caption {
  z-index: 1;
  margin-top: 0;
  margin-bottom: 2px;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1.3;
  position: relative;
}

.caption.uppercase.margin-paragraph, .caption.margin-paragraph {
  margin-bottom: 1rem;
}

.sup {
  color: #fff;
  letter-spacing: 0;
  border-radius: 100px;
  font-size: .625rem;
  font-weight: 400;
  position: absolute;
}

.bg-color {
  z-index: 0;
  position: absolute;
  inset: 0%;
}

.bg-color.black {
  background-color: #0000;
  border-top: 1px solid #e6e3e3;
  display: flex;
}

.grid-news {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  border-top: 1px solid #cecece;
  grid-template-columns: .5fr 1fr;
  grid-auto-flow: row;
  padding-top: 1rem;
}

.introduction {
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.3;
}

.section {
  z-index: 2;
  width: 100%;
  padding: 6rem;
  display: none;
  position: relative;
}

.section.no-top {
  padding-top: 0;
}

.container-2 {
  z-index: 1;
  width: 100%;
  max-width: 992px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.category-circle {
  border-radius: 100px;
  width: 8px;
  height: 8px;
  margin-right: 4px;
  position: relative;
}

.category-circle.white {
  background-color: #000;
}

.services-holder {
  z-index: 1;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: .5rem;
  font-size: .75rem;
  font-weight: 500;
  line-height: 1;
  display: flex;
  position: relative;
}

.display-3 {
  z-index: 1;
  letter-spacing: -.01em;
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 400;
  line-height: 1.3;
  position: relative;
}

.grid-gap-columns {
  grid-column-gap: 3rem;
  grid-row-gap: 7rem;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row dense;
  width: 100%;
  display: grid;
}

.display-1 {
  letter-spacing: -.03em;
  margin-top: 0;
  margin-bottom: 0;
  padding-right: 0;
  font-size: 4.5vw;
  font-weight: 500;
  line-height: 1;
}

.heading-2 {
  font-weight: 500;
}

.herovideo {
  z-index: 0;
  width: 100%;
  height: 100vh;
  display: none;
  position: relative;
}

.background-video {
  width: 100%;
  height: 100vh;
  position: relative;
}

.background-video.homevideomobile {
  display: none;
}

.scroll-arrow {
  text-align: center;
  position: absolute;
  inset: auto 0% 4%;
}

.div-block-13 {
  padding-top: 45vh;
  padding-bottom: 45vh;
}

.heading-6 {
  width: 60%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 59px;
  font-size: 6vw;
  line-height: 1.3em;
}

.text-span {
  color: #c4c4c4;
}

.text-span-2 {
  font-size: .2em;
}

.lottie-animation {
  z-index: -1;
  width: 100vw;
  height: 100%;
  position: fixed;
}

.text-block-36 {
  font-family: Montserrat, sans-serif;
}

.top-border-2 {
  z-index: 10;
  margin-top: 20px;
  position: relative;
}

.header-box {
  text-align: center;
  width: 56%;
  margin-bottom: 3%;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-box {
  border: 1px solid #abc7d1;
  border-right-style: none;
  justify-content: center;
  align-items: center;
  width: 25%;
  height: 167px;
  padding: 6%;
  display: flex;
}

.logo-box._4 {
  border-right-style: solid;
}

.content-wrapper-2 {
  max-width: 1240px;
  height: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  display: block;
  position: relative;
}

.inner-wrapper-2 {
  max-width: 1231px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.logo-set {
  flex-wrap: wrap;
  width: 100%;
  display: flex;
}

.logo-set.border {
  margin-bottom: 40px;
}

.bold-text-11 {
  font-family: Montserrat, sans-serif;
  font-weight: 600;
}

.large-subtitle {
  font-size: 31px;
  line-height: 46px;
}

.content-section-5 {
  padding-top: 100px;
  padding-bottom: 100px;
  overflow: hidden;
}

.circle-001 {
  z-index: 11;
  position: absolute;
  top: 46.2vh;
  left: 46.8vw;
}

.circle-003 {
  z-index: 11;
  position: absolute;
  top: 90vh;
  left: 60vw;
}

.cross-001 {
  z-index: 11;
  position: absolute;
  top: 30vh;
  left: 88vw;
}

.cross-002 {
  z-index: 11;
  position: absolute;
  top: 110vh;
  left: 28vw;
}

.heart-003 {
  position: absolute;
  top: 110vh;
  left: 85vw;
}

.pill-003 {
  position: absolute;
  top: 62vh;
  left: 75vw;
}

.text {
  z-index: 10;
  width: 600px;
  margin-top: 40px;
  position: relative;
}

.cross-003 {
  z-index: 11;
  position: absolute;
  top: 60vh;
  left: 3vw;
}

.heart-002 {
  z-index: 5;
  position: absolute;
  top: 32vh;
  left: 57.5vw;
}

.button {
  background-color: #0000;
  border: 2px solid #fff;
  border-radius: 50px;
  width: 200px;
  height: 45px;
  margin-top: 30px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  transition: background-color .3s;
}

.button:hover {
  color: #742257;
  background-color: #fff;
}

.pill-002 {
  position: absolute;
  top: -3vh;
  left: 30vw;
}

.header {
  background-image: linear-gradient(50deg, #150f33, #b22f6e);
  flex-direction: column;
  align-items: center;
  width: 100%;
  height: 1620px;
  padding-top: 30vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.pill-001 {
  position: absolute;
  top: 88vh;
  left: 12vw;
}

.circle-004 {
  z-index: 11;
  position: absolute;
  top: -10vh;
  left: 90vw;
}

.big-heading {
  z-index: 10;
  letter-spacing: -4px;
  margin-bottom: 20px;
  font-size: 120px;
  font-weight: 700;
  line-height: 100px;
  position: relative;
}

.heart-001 {
  z-index: 6;
  position: absolute;
  top: 51vh;
  left: 27vw;
}

.circle-002 {
  z-index: 11;
  position: absolute;
  top: 15vh;
  left: 12vw;
}

.circle-006 {
  z-index: 0;
  position: absolute;
  top: 78vh;
  left: 70vw;
}

.pill-005 {
  z-index: 15;
  position: absolute;
  top: 30vh;
  left: 95vw;
}

.pill-004 {
  z-index: 15;
  position: absolute;
  top: 12vh;
  left: 32vw;
}

.text-mission {
  z-index: 10;
  width: 700px;
  margin-top: 25px;
  position: relative;
}

.heart-005 {
  z-index: 0;
  position: absolute;
  top: 2vh;
  left: 75vw;
}

.heading-7 {
  z-index: 10;
  letter-spacing: -2px;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 88px;
  line-height: 90px;
  position: relative;
}

.flag-001 {
  z-index: 11;
  position: absolute;
  top: 55vh;
  left: 15vw;
}

.mission-section {
  background-image: linear-gradient(45deg, #122700, #7dbf92);
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 105vh;
  display: flex;
  position: relative;
  overflow: hidden;
}

.circle-005 {
  z-index: 20;
  position: absolute;
  top: 65vh;
  left: 44vw;
}

.target-002 {
  z-index: 0;
  position: absolute;
  top: 10vh;
  left: -10vw;
}

.target-001 {
  z-index: 0;
  position: absolute;
  top: 30vh;
  left: 57vw;
}

.text-block-37 {
  display: none;
}

@media screen and (min-width: 1920px) {
  .text-block-36, .bold-text-11 {
    font-family: Montserrat, sans-serif;
  }
}

@media screen and (max-width: 991px) {
  h1, h2 {
    font-size: 4em;
  }

  h3 {
    font-size: 2.5em;
  }

  h4 {
    font-size: 1.8em;
  }

  .hero-subheading {
    max-width: 400px;
  }

  .hero-content {
    max-width: 510px;
  }

  .container {
    max-width: 880px;
  }

  .container.in-subhero {
    padding-left: 7vw;
    padding-right: 7vw;
  }

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

  .about-us-grid {
    grid-template-rows: minmax(250px, auto);
    grid-auto-rows: minmax(250px, auto);
  }

  .about-us-text {
    font-size: 1.3em;
    line-height: 2em;
  }

  .subhero-heading {
    font-size: 3.6em;
  }

  .subhero-image-wrap {
    width: 75%;
  }

  .project-small {
    width: 45%;
  }

  .project-small.go-bottom {
    top: 10vh;
  }

  .project-small.go-top {
    top: -10vh;
  }

  .project-wide {
    width: 100%;
  }

  .project-text {
    font-size: 1.2em;
  }

  .designer-content {
    max-width: 540px;
    padding-left: 2em;
    padding-right: 2em;
  }

  .designer-photo {
    max-width: 240px;
  }

  .designer-description {
    margin-bottom: .5em;
  }

  .designer-half-width {
    align-items: flex-end;
    width: 100%;
    padding-left: 0%;
    padding-right: 0%;
    display: flex;
  }

  .designer-half-width.go-bottom {
    padding-top: 3em;
  }

  .designer-title {
    margin-top: .25em;
  }

  .designer-surname {
    font-size: 1.6em;
  }

  .designer-full-width, .designer-full-width.go-left {
    padding-left: 0%;
  }

  .designer-name-wrap {
    align-items: baseline;
    display: flex;
  }

  .designer-name {
    margin-top: 0;
  }

  .contacts-section {
    min-height: auto;
  }

  .contacts-grid {
    grid-column-gap: 2em;
    grid-row-gap: 2em;
    grid-template-columns: minmax(200px, 320px) minmax(200px, 320px);
  }

  .office-content {
    padding-left: 2em;
  }

  .office-content.from-left {
    padding-right: 2em;
  }

  .office-image-wrap {
    height: 250px;
  }

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

  .text-field.textarea {
    min-height: 100px;
  }

  .form-image-wrap {
    min-height: 540px;
  }

  .accordion-item-content {
    padding-left: 0;
  }

  .grid-6 {
    grid-column-gap: 1rem;
    grid-row-gap: 1rem;
    grid-template-columns: 1fr 1fr;
  }

  .display-2 {
    font-size: 2.25rem;
  }

  .section {
    padding: 3rem;
  }

  .services-holder {
    margin-bottom: .5rem;
  }

  .grid-gap-columns {
    grid-column-gap: 1rem;
    grid-row-gap: 5rem;
  }

  .display-1 {
    font-size: 3rem;
  }

  .heading-6 {
    padding-left: 0;
  }

  .header-box {
    width: 76%;
  }

  .circle-003 {
    left: 90vw;
  }

  .cross-002 {
    top: 115vh;
    left: 5vw;
  }

  .heart-003 {
    top: 120vh;
    left: 60vw;
  }

  .cross-003 {
    top: 67vh;
  }

  .pill-001 {
    top: 82vh;
    left: 25vw;
  }

  .heart-001 {
    left: -23vw;
  }

  .circle-002 {
    left: -7.3vw;
  }

  .pill-004 {
    top: -5vh;
  }

  .text-mission {
    width: 600px;
    font-size: 16px;
  }

  .heading-7 {
    font-size: 70px;
  }

  .flag-001 {
    top: 75vh;
    left: 0;
  }

  .target-002 {
    left: -30vw;
  }
}

@media screen and (max-width: 767px) {
  h1, h2 {
    font-size: 3em;
  }

  h4 {
    margin-top: 1em;
    font-size: 1.4em;
  }

  h5 {
    font-size: 1.5em;
  }

  .hero-subheading {
    max-width: 320px;
  }

  .nav-link {
    margin-right: 40px;
  }

  .hero-heading {
    margin-bottom: 20px;
  }

  .hero-section {
    padding-right: 0;
  }

  .logo-wrap {
    left: 0;
  }

  .container.in-subhero {
    padding-top: 7vh;
    padding-bottom: 7vh;
  }

  .animation-line {
    display: none;
  }

  .animation-line.in-navi-item {
    display: block;
  }

  .navigation {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    border-left-color: #0000;
    flex-wrap: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    place-content: flex-start;
    place-items: flex-start start;
    padding-left: 0;
    overflow: visible;
  }

  .navigation:hover {
    background-color: #0000;
  }

  .about-us-grid {
    grid-template-rows: minmax(50vh, auto);
    grid-template-columns: 1fr;
    grid-auto-rows: minmax(50vh, auto);
  }

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

  .subhero-heading {
    font-size: 2.5em;
  }

  .about-us-content {
    max-width: none;
  }

  .about-us-content.our-special {
    grid-column-gap: 16px;
    grid-row-gap: 16px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .subhero-section {
    margin-top: 0;
  }

  .project-small {
    width: 50%;
    padding: 40px 30px 30px;
  }

  .project-small.go-bottom, .project-small.go-top {
    top: 0;
  }

  .project-wide {
    padding: 40px 30px 30px;
  }

  .projects-section {
    padding-left: 0;
    padding-right: 0;
  }

  .designer-content {
    background-color: #0000;
    margin-left: 0;
    padding-left: 2em;
  }

  .designer-photo {
    max-width: 160px;
  }

  .designer-half-width {
    align-items: flex-start;
  }

  .designer-surname {
    font-size: 1.4em;
  }

  .designer-full-width {
    align-items: flex-start;
  }

  .designer-name-wrap.horizontal {
    margin-top: 0;
  }

  .office-item {
    flex-wrap: wrap;
    align-content: flex-start;
    margin-bottom: 3em;
  }

  .office-content {
    width: 100%;
  }

  .office-image-wrap {
    width: 100%;
    height: 200px;
  }

  .contact-form {
    grid-template-columns: 1fr;
  }

  .form {
    width: 100%;
    padding: 0% 5% 5%;
  }

  .form-image-wrap {
    display: none;
  }

  .success-message {
    width: 100%;
    min-height: 30vh;
  }

  .thank-you-title {
    font-size: 1.1em;
  }

  .error-message {
    width: 100%;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    position: static;
  }

  .error-title {
    text-align: left;
    font-size: 1.1em;
  }

  .accordion-item-content, .accordion-item-trigger {
    padding-left: 0;
    padding-right: 0;
  }

  .display-2 {
    font-size: 2rem;
    line-height: 1.2;
  }

  .introduction {
    font-size: 1.5rem;
  }

  .section {
    padding: 2rem;
  }

  .grid-gap-columns {
    grid-column-gap: 0rem;
    grid-row-gap: 3rem;
    grid-template-columns: 1fr;
  }

  .display-1 {
    letter-spacing: -.025em;
    font-size: 2.25rem;
    line-height: 1.2;
  }

  .heading-6 {
    font-size: 3.4em;
  }

  .header-box {
    margin-bottom: 10%;
  }

  .logo-box {
    width: 50%;
    padding: 13%;
  }

  .logo-box._2 {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .logo-box._1 {
    border-bottom-style: none;
  }

  .large-subtitle {
    font-size: 28px;
    line-height: 43px;
  }

  .content-section-5 {
    padding-top: 80px;
    padding-bottom: 80px;
  }

  .circle-001 {
    top: 46vh;
  }

  .cross-001 {
    top: 25vh;
  }

  .text {
    width: auto;
  }

  .pill-002 {
    left: 40vw;
  }

  .header {
    padding-left: 20px;
    padding-right: 20px;
  }

  .big-heading {
    margin-bottom: 0;
    font-size: 100px;
  }

  .heart-001 {
    left: -35vw;
  }

  .text-mission {
    width: 90%;
    margin-top: 20px;
  }

  .heading-7 {
    font-size: 60px;
  }

  .target-002 {
    left: -50vw;
  }

  .target-001 {
    top: 25vh;
    left: 45vw;
  }
}

@media screen and (max-width: 479px) {
  h2 {
    margin-top: .5em;
    font-size: 2.4em;
  }

  h3 {
    letter-spacing: -.025em;
    font-size: 2.2em;
  }

  h4 {
    margin-bottom: 1em;
    font-size: 1.8em;
  }

  h5 {
    font-size: 1.4em;
    font-weight: 500;
  }

  .hero-subheading {
    max-width: 300px;
    padding-right: 30px;
  }

  .hero-heading {
    max-width: 280px;
    margin-top: 10vh;
    margin-bottom: 4vh;
  }

  .hero-section {
    align-content: space-between;
    padding-left: 10vw;
  }

  .hero-content {
    padding-bottom: 8vh;
  }

  .logo-wrap {
    margin-bottom: 60px;
  }

  .container.in-hero {
    flex-direction: column;
    justify-content: space-between;
    padding-top: 3vh;
    padding-bottom: 6vh;
  }

  .container.in-subhero {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .navigation {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    max-width: none;
    display: grid;
  }

  .logo {
    font-size: .9em;
  }

  .about-us-grid {
    grid-row-gap: 4vw;
    grid-template-rows: minmax(33vh, auto);
    grid-auto-rows: minmax(33vh, auto);
  }

  .about-us-image.first, .about-us-image.second {
    display: none;
  }

  .about-us-text {
    margin-bottom: 0;
    font-size: 1.3em;
  }

  .about-us-content.our-special {
    display: block;
  }

  .about-us-content.our-goal {
    max-width: 290px;
  }

  .subhero-title {
    margin-left: 0;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.5em;
  }

  .about-us-heading {
    margin-bottom: 2em;
  }

  .subhero-section {
    margin-top: 0;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .subhero-image {
    object-fit: cover;
    min-height: 50vh;
  }

  .about-us-cell {
    display: flex;
  }

  .subhero-image-wrap {
    width: 100%;
  }

  .project-small {
    width: 100%;
    margin-bottom: 4vw;
    padding: 15% 10%;
    overflow: hidden;
  }

  .project-wide {
    margin-bottom: 4vw;
    padding: 15% 10%;
    overflow: hidden;
  }

  .projects-section {
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .project-text {
    font-size: 1.1em;
  }

  .projects-heading {
    margin-bottom: 14vh;
    padding-left: 6vw;
    padding-right: 0%;
  }

  .designer-content, .designer-content.wide {
    padding-left: 6vw;
    padding-right: 6vw;
  }

  .designer-photo {
    max-width: 100%;
  }

  .designer-half-width {
    flex-direction: column;
  }

  .link {
    font-size: 1em;
  }

  .designers-section {
    padding: 7vh 4vw 0;
  }

  .designer-surname {
    font-size: 1.5em;
  }

  .designer-full-width {
    flex-direction: column;
  }

  .designer-name-wrap, .designer-name-wrap.horizontal {
    margin-top: 2em;
  }

  .sections-heading {
    padding-left: 6vw;
  }

  .contacts-item:hover {
    box-shadow: none;
  }

  .flag-image {
    height: 20px;
  }

  .country-flag {
    margin-bottom: .5em;
  }

  .contacts-section {
    padding-bottom: 7vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .contacts-grid {
    grid-row-gap: 4vw;
    grid-template-columns: 1fr;
  }

  .contacts-person {
    margin-top: 0;
    margin-bottom: 2em;
  }

  .offices-section {
    padding-top: 10vh;
    padding-left: 4vw;
    padding-right: 4vw;
  }

  .office-item {
    grid-template-columns: 1fr;
    margin-bottom: 4vw;
  }

  .office-content {
    width: 100%;
    padding-left: 10%;
  }

  .office-content.from-left {
    padding-right: 0;
  }

  .office-image-wrap {
    width: 100%;
  }

  .footer-section {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .form {
    padding: 2.5% 10% 10%;
  }

  .text-field {
    margin-bottom: 20px;
  }

  .submit-button {
    min-width: 100%;
  }

  .success-message {
    min-height: 45vh;
  }

  .style-guide-container {
    padding-top: 50px;
    padding-bottom: 50px;
  }

  .column {
    border-bottom: 1px solid #dfdfdf;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .style-guide-section {
    padding-left: 10vw;
    padding-right: 10vw;
  }

  .footer-links {
    flex-direction: column;
    display: flex;
  }

  .display-2 {
    font-size: 1.75rem;
  }

  .introduction {
    font-size: 1.25rem;
  }

  .display-1 {
    font-size: 2rem;
  }

  .background-video {
    display: none;
  }

  .background-video.homevideomobile {
    display: block;
  }

  .div-block-13 {
    padding-top: 50vh;
    padding-bottom: 50vh;
  }

  .heading-6 {
    width: 90%;
    font-size: 4em;
    transform: rotate(0);
  }

  .lottie-animation {
    width: 100vh;
    height: 100vw;
    display: none;
    inset: 0% 0% 0% -42%;
    transform: rotate(90deg);
  }

  .header-box {
    width: 86%;
  }

  .logo-box {
    width: 100%;
    padding: 27%;
  }

  .logo-box._3 {
    border-bottom-style: none;
    border-right-style: solid;
  }

  .logo-box._1 {
    border-right-style: solid;
  }

  .circle-001 {
    display: none;
  }

  .circle-003 {
    z-index: auto;
    top: 125vh;
  }

  .cross-001 {
    display: none;
  }

  .cross-002 {
    z-index: auto;
    top: 160vh;
  }

  .heart-003 {
    top: 200vh;
  }

  .pill-003 {
    width: 120px;
    top: 75vh;
  }

  .text {
    margin-top: 20px;
  }

  .cross-003 {
    top: 125vh;
    left: 15vw;
  }

  .heart-002 {
    width: 130px;
    left: 70vw;
  }

  .button {
    margin-top: 15px;
  }

  .pill-002 {
    top: -30vh;
  }

  .header {
    height: 950px;
    padding-top: 20vh;
  }

  .pill-001 {
    top: 180vh;
  }

  .circle-004 {
    display: none;
  }

  .big-heading {
    font-size: 75px;
    line-height: 80px;
  }

  .heart-001 {
    z-index: 9;
    width: 220px;
    top: 65vh;
    left: -30vw;
  }

  .circle-002 {
    top: 10vh;
    left: -50vw;
  }

  .circle-006, .pill-005 {
    display: none;
  }

  .pill-004 {
    top: -30vh;
  }

  .text-mission {
    width: 95%;
  }

  .heart-005 {
    width: 160px;
    top: -10vh;
  }

  .heading-7 {
    font-size: 50px;
    line-height: 60px;
  }

  .flag-001 {
    width: 200px;
    top: 95vh;
  }

  .mission-section {
    height: 120vh;
  }

  .circle-005 {
    top: 90vh;
    left: 60vw;
  }

  .target-002 {
    width: 280px;
    top: 25vh;
  }

  .target-001 {
    width: 140px;
    left: 55vw;
  }
}

#w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eb0-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eb1-7b84787a {
  grid-area: 2 / 2 / 4 / 3;
}

#w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7ebd-7b84787a, #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7ec9-7b84787a, #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eca-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c2493-7b84787a {
  align-self: start;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c2497-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24a5-7b84787a {
  align-self: start;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24a9-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24b3-7b84787a {
  align-self: start;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24b7-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24c9-7b84787a {
  align-self: start;
}

#w-node-_03c698e1-9f6a-3fa8-bb4b-4ffb340c24cd-7b84787a {
  grid-area: span 2 / span 1 / span 2 / span 1;
}

#w-node-_7ebe0202-db57-39d5-9b65-ad4fab4b98b9-7b84787a {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_7ebe0202-db57-39d5-9b65-ad4fab4b98bc-7b84787a {
  grid-area: 2 / 3 / 7 / 8;
}

#w-node-_15619b35-72e9-98f1-1115-f37a4b5fc199-7b84787a {
  grid-area: 1 / 1 / 2 / 7;
}

#w-node-_15619b35-72e9-98f1-1115-f37a4b5fc19c-7b84787a {
  grid-area: 2 / 2 / 7 / 7;
}

@media screen and (max-width: 991px) {
  #w-node-_7ebe0202-db57-39d5-9b65-ad4fab4b98b9-7b84787a {
    grid-row-end: 4;
    grid-column-end: 3;
  }

  #w-node-_7ebe0202-db57-39d5-9b65-ad4fab4b98bc-7b84787a {
    grid-column: 1 / 3;
    grid-row-start: 4;
  }

  #w-node-_15619b35-72e9-98f1-1115-f37a4b5fc199-7b84787a {
    grid-row-end: 4;
    grid-column-end: 3;
  }

  #w-node-_15619b35-72e9-98f1-1115-f37a4b5fc19c-7b84787a {
    grid-column: 1 / 3;
    grid-row-start: 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eb0-7b84787a {
    grid-area: 1 / 1 / 3 / 2;
  }

  #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eb1-7b84787a {
    grid-area: span 2 / span 1 / span 2 / span 1;
  }

  #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7ebf-7b84787a {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }

  #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7ec9-7b84787a {
    grid-area: 7 / 1 / 9 / 2;
  }

  #w-node-_14857fce-a3e7-10aa-04ee-dcbf086d7eca-7b84787a {
    grid-area: 7 / 1 / 8 / 2;
  }
}