@font-face {
  font-family: Rubik variablefont wght;
  src: url('../fonts/Rubik-Italic-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Rubik variablefont wght;
  src: url('../fonts/Rubik-VariableFont_wght.ttf') format("truetype");
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Switzer;
  src: url('../fonts/Switzer-VariableItalic.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Azeretmono Variable;
  src: url('../fonts/AzeretMono-Variable.ttf') format("truetype");
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Azeretmono;
  src: url('../fonts/AzeretMono-VariableItalic.ttf') format("truetype");
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-SemiBoldItalic.ttf') format("truetype");
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-MediumItalic.ttf') format("truetype");
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

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

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-Italic.ttf') format("truetype");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-LightItalic.ttf') format("truetype");
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

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

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

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-ExtraBoldItalic.ttf') format("truetype"), url('../fonts/OpenSauceSans-BoldItalic.ttf') format("truetype");
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Opensaucesans;
  src: url('../fonts/OpenSauceSans-BlackItalic.ttf') format("truetype");
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: Bdogrotesk;
  src: url('../fonts/BDOGrotesk-Regular.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bdogrotesk;
  src: url('../fonts/BDOGrotesk-Light.otf') format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bdogrotesk;
  src: url('../fonts/BDOGrotesk-Black.otf') format("opentype");
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bdogrotesk;
  src: url('../fonts/BDOGrotesk-DemiBold.otf') format("opentype");
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: Bdogrotesk;
  src: url('../fonts/BDOGrotesk-Medium.otf') format("opentype");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 700";
  src: url('../fonts/UfficioDisplay-700.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 900";
  src: url('../fonts/UfficioDisplay-900.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 300";
  src: url('../fonts/UfficioDisplay-300.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 400";
  src: url('../fonts/UfficioDisplay-400.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 500";
  src: url('../fonts/UfficioDisplay-500.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 600";
  src: url('../fonts/UfficioDisplay-600.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: "Ufficiodisplay 800";
  src: url('../fonts/UfficioDisplay-800.otf') format("opentype");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

:root {
  --charcoal: #161615;
  --beige: #949494;
  --grey: #f60;
  --light-beige: #c7c7c7;
  --blau: #001eff;
  --white: #ececec;
  --gang: var(--white);
}

.w-layout-hflex {
  flex-direction: row;
  align-items: flex-start;
  display: flex;
}

.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;
}

.w-layout-vflex {
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

body {
  background-color: var(--charcoal);
  color: var(--beige);
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.3;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--beige);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.2;
}

p {
  color: var(--beige);
  margin-bottom: 0;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.3;
}

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

ul, ol {
  margin-top: 0;
  margin-bottom: 10px;
  padding-left: 40px;
}

img {
  margin-bottom: 50px;
  line-height: 1.1;
  display: inline-block;
}

label {
  margin-bottom: 5px;
  display: block;
}

blockquote {
  border-left: 5px solid #e2e2e2;
  margin-bottom: 0;
  padding: 10px 20px;
  font-size: 18px;
  line-height: 22px;
}

.columns-wrap {
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 150px 120px;
  display: flex;
}

.template-navigation {
  background-color: #000;
  border-radius: 10px;
  margin-right: 20px;
  padding: 20px;
}

.style-wrap {
  color: #000;
  background-color: #000;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px;
}

.style-wrap.changelog, .style-wrap.instructions {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-direction: column;
  max-width: 800px;
  display: flex;
}

.element-wrap {
  border-bottom: 1px solid var(--grey);
  flex-direction: column;
  padding-bottom: 15px;
  display: flex;
}

.element-wrap.padding {
  margin-bottom: 40px;
}

.element-wrap.without-spacer {
  border-bottom-style: none;
  padding-bottom: 0;
}

.element-label {
  color: var(--grey);
  margin-bottom: 10px;
  font-family: Bdogrotesk, sans-serif;
  font-size: 14px;
}

.template-nav-link {
  color: var(--grey);
  border-bottom-style: none;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1;
  text-decoration: none;
}

.template-nav-link:focus {
  color: #000;
}

.template-nav-link.w--current {
  color: var(--beige);
}

.template-nav-links {
  grid-row-gap: 20px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr;
}

.left-column {
  width: 35%;
  position: sticky;
  top: 80px;
}

.right-column {
  flex: 1;
}

.large-text {
  color: var(--beige);
  text-align: left;
  font-family: Bdogrotesk, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
}

.large-text.style-titles {
  margin-bottom: 30px;
}

.large-text.menu-large-text {
  padding-bottom: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.large-text.services-h1 {
  margin-bottom: 40px;
}

.large-text.services-intro-hero {
  color: var(--grey);
  text-align: left;
  letter-spacing: -.5px;
  width: 100%;
  margin-bottom: 0;
  margin-left: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.12;
}

.large-text.services-intro-hero._1 {
  color: var(--light-beige);
  text-align: left;
  letter-spacing: -5px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 6vw;
  font-weight: 500;
}

.large-text.looping-text {
  white-space: nowrap;
  margin-right: 5vw;
  font-size: 4vw;
  display: inline-block;
}

.large-text.testimonial-heading {
  margin-bottom: 10px;
}

.large-text.about-testimonial {
  text-align: justify;
  width: 85%;
  max-width: 1053px;
  margin-top: 100px;
  margin-bottom: 100px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}

.large-text.about-testimonial._2 {
  text-align: right;
  font-size: 19px;
  line-height: 1;
}

.large-text.awards-looping-text {
  white-space: nowrap;
  margin-right: 5vw;
  font-size: 15vw;
  display: inline-block;
}

.large-text.contact-heading {
  color: var(--light-beige);
  margin-bottom: 10px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-weight: 900;
  line-height: 1.1;
}

.large-text.intro {
  color: var(--light-beige);
  margin-left: 20px;
  margin-right: 20px;
  font-size: 19px;
  font-weight: 400;
}

.small-text {
  color: var(--beige);
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 14px;
  line-height: 1.2;
}

.small-text.grey {
  color: var(--grey);
  text-align: center;
  flex: 0 auto;
}

.small-text.grey.round {
  background-color: var(--light-beige);
  color: var(--charcoal);
  border: 1px solid #000;
  border-radius: 20px;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding: 5px 10px;
  display: inline-flex;
}

.small-text.service {
  margin-bottom: 3px;
  font-size: 12px;
}

.small-text.service-small {
  margin-bottom: 10px;
}

.small-text.testimonial-position {
  color: var(--grey);
}

.small-text.privacy {
  margin-right: 20px;
  font-size: 14px;
}

.small-text.privacy:hover {
  color: var(--light-beige);
}

.small-text.webflow-link {
  color: var(--grey);
  font-size: 14px;
}

.small-text.template-links {
  font-size: 14px;
}

.small-text.template-links:hover {
  color: var(--light-beige);
}

.small-text.trademark {
  font-size: 14px;
}

.base-text {
  color: var(--charcoal);
  text-overflow: clip;
  justify-content: flex-start;
  align-self: flex-start;
  margin-top: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 1.3;
}

.base-text.menu {
  color: var(--light-beige);
  margin-right: 5px;
  font-weight: 300;
}

.base-text.hero-intro {
  font-size: 14px;
  font-weight: 400;
  display: block;
}

.base-text.company {
  white-space: nowrap;
}

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

.base-text.to-expect {
  white-space: nowrap;
}

.base-text.how-we-do-it {
  margin-bottom: 10px;
  font-family: Bdogrotesk, sans-serif;
  font-weight: 500;
}

.base-text.number {
  color: var(--grey);
  margin-top: 0;
  font-family: Bdogrotesk, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.base-text.service-about {
  color: var(--charcoal);
  margin-bottom: 20px;
  font-size: 26px;
}

.base-text.gallery-title {
  margin-bottom: 20px;
}

.base-text.testimonial-name {
  margin-bottom: 5px;
}

.base-text.form-label {
  font-weight: 400;
}

.base-text.location {
  margin-bottom: 10px;
}

.base-text.contact-address {
  color: var(--grey);
  margin-top: 10px;
  margin-bottom: 10px;
}

.base-text.nav-text {
  color: var(--light-beige);
  white-space: nowrap;
}

.base-text.nav-time {
  color: var(--light-beige);
  white-space: nowrap;
  font-weight: 300;
}

.base-text.all-work-brand {
  white-space: normal;
}

.base-text.how-paragraph {
  color: var(--charcoal);
  margin-top: 20px;
  margin-bottom: 50px;
}

.base-text.how-paragraph._2 {
  direction: ltr;
  color: var(--charcoal);
  text-align: left;
  text-indent: 0;
  width: 90%;
  margin-bottom: 60px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.base-text.subtext {
  color: var(--grey);
  font-size: 16px;
}

.base-text.extra-height {
  line-height: 1.5;
}

.base-text.head {
  color: var(--charcoal);
  margin-top: 0;
  font-family: Bdogrotesk, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.base-text.head.ref {
  color: var(--blau);
}

.base-text.header {
  color: var(--charcoal);
  letter-spacing: -.5px;
  width: 50%;
  padding-bottom: 20px;
  padding-left: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 26px;
  font-weight: 300;
  line-height: 1;
}

.colour {
  border-radius: 10px;
  flex: 1;
  height: 150px;
}

.colour.beige {
  background-color: var(--beige);
}

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

.colour.charcoal {
  background-color: var(--charcoal);
}

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

.style-guide-grid {
  grid-row-gap: 35px;
  grid-template-columns: 1fr;
}

.style-guide-grid.inline {
  display: inline-block;
}

.rich-text-block {
  color: var(--charcoal);
}

.rich-text-block h2 {
  color: var(--charcoal);
  margin-top: 20px;
  margin-bottom: 10px;
  font-size: 24px;
  font-weight: 600;
}

.rich-text-block p {
  color: var(--charcoal);
  margin-bottom: 10px;
  font-family: Opensaucesans, Arial, sans-serif;
  line-height: 1.5;
}

.rich-text-block h1 {
  color: var(--charcoal);
  margin-bottom: 20px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 34px;
  font-weight: 700;
}

.rich-text-block a {
  border-bottom: 1px solid var(--beige);
  color: var(--beige);
  padding-bottom: 0;
  text-decoration: none;
  display: inline-block;
}

.rich-text-block li {
  color: var(--beige);
  margin-bottom: 5px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.rich-text-block blockquote {
  color: var(--beige);
  margin-top: 21px;
  margin-bottom: 21px;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.rich-text-block ul, .rich-text-block ol {
  margin-top: 20px;
  margin-bottom: 20px;
}

.rich-text-block h3 {
  color: var(--charcoal);
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.rich-text-block h4, .rich-text-block h5, .rich-text-block h6 {
  margin-top: 20px;
  margin-bottom: 10px;
  font-weight: 600;
}

.intro-guide-wrap {
  background-color: #000;
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 140px 150px 100px;
  display: flex;
}

.template-page-intro {
  max-width: 800px;
  margin-top: 14px;
}

.button {
  border: 1px solid var(--beige);
  color: var(--beige);
  text-align: left;
  background-color: #0000;
  border-radius: 50%;
  justify-content: center;
  align-items: center;
  width: 150px;
  height: 150px;
  font-family: Bdogrotesk, sans-serif;
  font-size: 17px;
  line-height: 1.2;
  display: flex;
}

.button:hover {
  background-color: var(--beige);
  color: var(--charcoal);
}

.link-wrap {
  flex-direction: row;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.link-wrap.process-link {
  position: absolute;
  bottom: 20px;
}

.link-wrap.hide {
  display: none;
}

.link-underline {
  background-color: var(--beige);
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.arrow-png {
  filter: sepia();
  mix-blend-mode: exclusion;
  background-image: url('../images/next-1.png');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
  width: 14px;
  height: 14px;
}

.arrow-png.white {
  mix-blend-mode: normal;
}

.inner-link-wrap {
  margin-right: 10px;
  overflow: hidden;
}

.menu-container {
  z-index: 100;
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 0px solid var(--beige);
  opacity: .9;
  background-color: #e5e0e000;
  flex-flow: row;
  justify-content: space-around;
  align-items: center;
  padding: 10px 20px;
  display: block;
  position: fixed;
  inset: 0% 0% auto;
}

.plus-wrap {
  background-color: #ff4901;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  width: 22px;
  height: 22px;
  margin-top: -3px;
  display: flex;
  position: relative;
}

.plus-wrap._2 {
  width: 15px;
  height: 15px;
}

.plus-horizontal {
  background-color: var(--light-beige);
  width: 70%;
  height: 2px;
}

.plus-vertical {
  background-color: var(--light-beige);
  width: 2px;
  height: 70%;
  position: absolute;
}

.menu-button-wrap {
  cursor: pointer;
  align-items: center;
  display: flex;
}

.nav-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: min-content min-content 1fr;
  grid-auto-columns: 1fr;
  justify-content: space-between;
  place-items: center;
  display: grid;
}

.brand-wrap {
  width: 180px;
}

.brand-wrap.w--current {
  width: 50px;
}

.link {
  color: var(--beige);
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  text-decoration: none;
}

.link.webflow {
  color: var(--beige);
  font-size: 14px;
}

.link.webflow:hover {
  color: var(--light-beige);
}

.link.round {
  border: 1px solid #000;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  line-height: 1.5;
  display: inline;
}

.home-hero-section {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100vh;
  padding: 0 20px;
  display: flex;
  position: relative;
  overflow: scroll;
}

.services-grid {
  grid-column-gap: 25px;
  grid-template-columns: min-content min-content min-content;
  margin-top: 20px;
  display: flex;
}

.hero-intro-wrap {
  width: 50%;
}

.services-wrap {
  grid-column-gap: 17px;
  grid-row-gap: 17px;
  flex-flow: column;
  display: flex;
}

.brnad-animate-wrap {
  z-index: -1;
  direction: rtl;
  color: var(--light-beige);
  text-align: center;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 20px;
  padding-right: 20px;
  line-height: 1;
  position: absolute;
  inset: auto 0% 0%;
  overflow: visible;
}

.featured-work-track {
  height: 200vw;
}

.all-work-section {
  margin-top: 60px;
  margin-bottom: 80px;
  padding-left: 20px;
  padding-right: 20px;
}

.camera {
  width: 100vw;
  height: 100vh;
  padding-left: 20px;
  padding-right: 20px;
  position: sticky;
  top: 60px;
  overflow: hidden;
}

.frame {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  align-items: stretch;
  width: 100%;
  height: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.item {
  flex: none;
  width: 43vw;
  height: 85vh;
  position: relative;
  overflow: hidden;
}

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

.all-work-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--beige);
  grid-template-columns: 1fr;
}

.work-wrap {
  background-color: var(--charcoal);
  flex-direction: row;
  justify-content: space-between;
  display: flex;
  position: relative;
  overflow: hidden;
}

.all-work-title {
  padding-bottom: 10px;
}

.brand-description {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 2fr;
  grid-auto-columns: 1fr;
  width: 100%;
  margin-top: 30px;
  margin-bottom: 30px;
  padding-left: 20px;
  padding-right: 20px;
  display: grid;
}

.process-section {
  grid-column-gap: 100px;
  grid-row-gap: 100px;
  flex-flow: column;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.process-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0px solid var(--beige);
  border-bottom: 0px solid var(--beige);
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.to-expect-wrap {
  border-top: .5px solid #000;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding: 50px 0 0;
  position: relative;
}

.divider {
  background-color: var(--beige);
  width: 1px;
  height: 100%;
}

.to-expect-grid {
  grid-column-gap: 80px;
  grid-row-gap: 20px;
  color: var(--beige);
  text-align: left;
  grid-template-rows: auto;
  grid-template-columns: min-content 1fr;
  grid-auto-flow: row;
  place-items: center end;
}

.process-inner-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-bottom: 0px solid var(--grey);
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  width: 100%;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
}

.process-name {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  font-size: 26px;
  display: flex;
}

.process-main-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-top: 0px solid var(--grey);
  grid-template-columns: 1fr;
  grid-auto-flow: row;
  align-items: start;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
}

.about-gallery-section {
  border-top: 0px solid var(--beige);
  margin-top: 0;
  padding: 50px 20px;
}

.gallery-wrap {
  padding: 20px;
}

.gallery-grid {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  grid-template-rows: minmax(50px, .8fr) auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-flow: row;
}

.gallery-image-wrap {
  display: flex;
  overflow: hidden;
}

.gallery-image-wrap._2 {
  justify-content: flex-end;
  align-items: center;
}

.gallery-image {
  object-fit: cover;
  object-position: 50% 79%;
  border-radius: 3px;
  width: 100%;
  height: 100%;
}

.footer-wrap {
  border-top: 1px solid var(--beige);
  flex-direction: column;
  justify-content: space-between;
  padding: 20px;
  display: flex;
}

.footer-grid {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: column;
  place-items: center;
}

.contact-wrap {
  flex-direction: column;
  display: flex;
}

.footer-nav-links-grid {
  grid-column-gap: 20px;
  flex-direction: row;
  grid-template-rows: auto;
  grid-template-columns: min-content min-content min-content min-content;
  grid-auto-columns: 1fr;
  justify-content: flex-end;
  align-items: start;
  display: grid;
}

.featured-work-wrap {
  padding-left: 0;
  padding-right: 0;
}

.work-info-wrap {
  border-top: 1px solid var(--beige);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
  display: flex;
}

.pop-up-wrap {
  position: absolute;
  inset: 0% 15% auto auto;
}

.pop-up-image {
  object-fit: cover;
  width: 300px;
  height: 200px;
}

.location-time {
  color: var(--beige);
}

.menu-link {
  color: var(--beige);
  letter-spacing: -2px;
  text-transform: capitalize;
  font-family: Bdogrotesk, sans-serif;
  font-size: 80px;
  font-weight: 900;
  line-height: 1.1;
  text-decoration: none;
  display: inline-block;
}

.menu-link.w--current {
  color: var(--light-beige);
  letter-spacing: -.2px;
  background-color: #1418f4;
  border: 0 solid #000;
  border-radius: 20px;
  padding: 5px 10px;
  font-family: Rubik variablefont wght, sans-serif;
  font-size: 19px;
  font-weight: 800;
  line-height: 1;
}

.menu-link.w--current:hover {
  color: var(--white);
}

.menu-link._2.w--current {
  color: var(--charcoal);
  background-color: #1418f400;
  border-width: 1px;
  font-size: 10px;
  font-weight: 600;
  line-height: .3;
}

.nav-menu-bottom-links {
  border-top: 1px solid var(--beige);
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding: 10px 20px;
  display: flex;
}

.nav-link-wrap {
  flex-flow: row;
  align-items: flex-start;
  margin: 2px auto;
  display: flex;
  overflow: hidden;
}

.nav-inner-link-wrap {
  grid-column-gap: 3px;
  grid-row-gap: 3px;
  flex-flow: row;
  justify-content: center;
  align-items: flex-end;
  display: flex;
}

.menu-outer-wrapper {
  z-index: 99;
  opacity: 1;
  mix-blend-mode: normal;
  background-color: #0c0c0c00;
  flex-direction: column;
  justify-content: flex-end;
  align-items: center;
  padding-left: 50px;
  padding-right: 20px;
  display: none;
  position: fixed;
  inset: 0% 0% auto auto;
}

.menu-inner-wrapper {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-direction: column;
  justify-content: flex-start;
  align-items: center;
  width: 100%;
  height: 100vh;
  margin-top: 100px;
  display: flex;
  position: relative;
}

.menu-item-wrapper {
  overflow: hidden;
}

.menu-item-wrapper.klein {
  margin-top: 20px;
}

.menu-items-wrap {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-end;
  margin-bottom: 40px;
  display: flex;
}

.menu-lower-info {
  position: absolute;
  inset: auto 0% 0%;
}

.brand-animate {
  z-index: 999;
  color: var(--white);
  text-align: center;
  letter-spacing: -20px;
  background-color: #0000;
  justify-content: center;
  align-items: center;
  margin-left: auto;
  margin-right: auto;
  padding-left: 20px;
  padding-right: 20px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 31vw;
  line-height: .8;
  display: flex;
  position: absolute;
  inset: auto 1% 0% 0%;
  overflow: hidden;
}

.services-hero {
  flex-direction: column;
  justify-content: space-between;
  height: 80vh;
  display: flex;
}

.services-hero-grid {
  grid-column-gap: 29px;
  grid-row-gap: 29px;
  grid-template-rows: auto;
  grid-template-columns: .25fr .5fr;
  margin-top: 50px;
  display: block;
}

.looping-text {
  color: var(--beige);
}

.outer-container {
  width: 100%;
  overflow: hidden;
}

.inner-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.service-section {
  padding: 5vh 20px 10vh;
}

.service-section.extra-top-padding {
  padding-top: 30vh;
}

.serivce-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

.service-1-about {
  border-top: 1px solid var(--grey);
  flex-direction: column;
  padding-top: 20px;
  padding-right: 20px;
  display: flex;
}

.service-examples-wrap {
  flex-direction: column;
  align-items: stretch;
  margin-top: 20px;
}

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

.gallery-slider {
  background-color: #0000;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  height: 100%;
  padding-bottom: 50px;
  position: relative;
}

.gallery-slide {
  padding-right: 20px;
}

.gallery-mask {
  width: 30%;
  overflow: visible;
}

.project-gallery-section {
  padding-bottom: 20px;
  overflow: hidden;
}

.gallery-slide-nav {
  height: 1.75rem;
  font-size: .5rem;
}

.gallery-arrow {
  justify-content: center;
  align-items: center;
  width: 3.5rem;
  height: 3.5rem;
  display: flex;
}

.gallery-arrow.hide-mobile-landscape {
  background-image: url('../images/Vector2_1Vector2.webp'), linear-gradient(to bottom, var(--charcoal), var(--charcoal));
  background-position: 50%, 0 0;
  background-repeat: no-repeat, repeat;
  background-size: 12px 12px, auto;
  background-attachment: scroll, scroll;
  border-radius: 20px;
  align-items: center;
  width: 2rem;
  height: 2rem;
  margin-left: 10px;
  margin-right: 10px;
  bottom: 4rem;
}

.gallery-arrow.hide-mobile-landscape.left {
  transform: rotate(-180deg);
}

.gallery-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}

.gallery-image-wrapper {
  object-fit: cover;
  width: 100%;
  padding-top: 100%;
  position: relative;
  overflow: hidden;
}

.project-info-wrap {
  justify-content: space-between;
  display: flex;
  position: absolute;
  inset: auto 10px 10px;
}

.project-info-wrap.featured-info {
  bottom: 20px;
  left: 20px;
  right: 20px;
}

.project-details-wrap {
  background-color: var(--charcoal);
  border-radius: 5px;
  padding: 7px 12px;
}

.logo {
  width: 250px;
}

.brands-holder {
  overflow: hidden;
}

.brands-section {
  width: 4000px;
  display: flex;
}

.brands-wrap {
  justify-content: center;
  align-items: center;
  display: flex;
}

.brand-div {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-radius: 20px;
  flex-flow: row;
  justify-content: flex-end;
  align-items: center;
  margin-right: 20px;
  padding: 0;
  display: flex;
}

.serives-hero-text-holder {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  border-top: .5px solid #000;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  padding: 20px 0;
  display: flex;
}

.moving-elements {
  padding-bottom: 0;
  line-height: .9px;
}

.service-main-grid {
  grid-row-gap: 0px;
  border-top: 1px solid var(--grey);
  grid-template-columns: 1fr;
  margin-bottom: 40px;
}

.service-inner-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--grey);
  cursor: pointer;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
  padding-top: 20px;
  padding-bottom: 20px;
}

.service-name {
  justify-content: space-between;
  display: flex;
}

.service-info {
  margin-top: 20px;
}

.testimonial-wrap {
  background-color: #212121;
  padding-top: 100px;
  padding-bottom: 100px;
}

.testimonial-box {
  background-color: var(--charcoal);
  border-radius: 10px;
  width: 350px;
  height: auto;
  margin-right: 20px;
  padding: 20px;
}

.testimonial-image-wrap {
  object-fit: cover;
  border-radius: 50%;
  width: 50px;
  min-width: 50px;
  height: 50px;
  min-height: 50px;
  margin-right: 20px;
  overflow: hidden;
}

.testimonial-image {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.testimonial-info-wrap {
  align-items: center;
  margin-top: 20px;
  display: flex;
}

.testimonial-section {
  margin-top: 60px;
  overflow: hidden;
}

.testimonial-component {
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  align-items: stretch;
  display: flex;
}

.testimonial-loop-trigger {
  display: flex;
}

.testimonial-intro {
  width: 40%;
  padding-left: 20px;
  padding-right: 20px;
}

.footer-contact-grid {
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr;
}

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

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

.page-not-found {
  margin-top: 40px;
  margin-bottom: 10px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 100px;
  font-weight: 900;
}

.link-underline2 {
  background-color: var(--beige);
  height: 1px;
}

.socials-wrap {
  grid-column-gap: 20px;
  display: flex;
}

.legals-wrap {
  justify-content: flex-end;
  display: flex;
}

.team-wrap {
  width: 80%;
  padding: 20px;
}

.team-grid {
  grid-row-gap: 16px;
  margin-top: 20px;
  padding-left: 20px;
  padding-right: 20px;
}

.team-image-wrap {
  width: 50%;
  height: 20rem;
  max-height: 50rem;
  overflow: hidden;
}

.team-image {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
  margin-bottom: 0;
  overflow: hidden;
}

.team-member-wrap {
  width: 80%;
}

.team-name {
  margin-top: 10px;
  margin-bottom: 5px;
  font-family: Rubik variablefont wght, sans-serif;
  font-size: 36px;
  font-weight: 700;
}

.about-hero-wrap {
  padding: 20px 20px 40px;
}

.about-us-grid {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  grid-template-rows: minmax(196px, 1fr);
  grid-template-columns: .5fr 1fr;
}

.about-first-column {
  width: 80%;
}

.large-picture-wrap {
  height: 90vh;
  padding-top: 65px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
}

.large-image {
  object-fit: cover;
  object-position: 50% 69%;
  width: 100%;
}

.about-grid {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr .5fr;
  margin-bottom: 20px;
}

.about-grid-wrap {
  padding: 40px 20px 80px;
}

.about-photo-gallery-wrap {
  padding: 150px 20px 200px;
}

.about-photo-gallery-grid {
  grid-row-gap: 20px;
  grid-template-columns: .75fr 1fr;
}

.gallery-photo-wrap {
  align-items: flex-end;
  display: flex;
}

.gallery-image-1 {
  width: 90%;
  position: relative;
  top: 100px;
}

.gallery-photo-wrap2 {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.gallery-photo-wrap3 {
  align-items: flex-end;
  display: flex;
}

.gallery-image-2 {
  width: 75%;
}

.gallery-image-3 {
  width: 75%;
  position: relative;
  top: 200px;
  left: 40px;
}

.about-testimonial-wrap {
  padding: 120px 20px 20px;
}

.about-testimonial-info {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-direction: row;
  justify-content: space-between;
  display: flex;
}

.recognition-outer-container {
  width: 100%;
  margin-top: 80px;
  margin-bottom: 100px;
  overflow: hidden;
}

.recognition-inner-container {
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.recognition-grid-wrap {
  border-top: 1px solid var(--beige);
}

.recognition-grid {
  grid-column-gap: 20px;
  grid-row-gap: 0px;
  border-bottom: 1px solid var(--beige);
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr .5fr min-content;
  padding: 10px 20px;
}

.contact-form-section {
  justify-content: flex-end;
  display: flex;
}

.contact-form-wrap {
  flex-direction: column;
  justify-content: space-around;
  width: 50vw;
  margin-bottom: 40px;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
  display: flex;
}

.contact-first-column {
  flex-direction: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  margin-bottom: 40px;
  display: flex;
}

.contact-first-column.contact-paragraph {
  line-height: 1;
}

.contact-second-column {
  flex: 1;
}

.form-checkbox-wrap {
  margin-top: 20px;
  margin-bottom: 40px;
  display: flex;
}

.checkbox-first-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  margin-right: 20px;
  display: flex;
}

.checkbox-second-wrap {
  grid-column-gap: 8px;
  grid-row-gap: 8px;
  flex-direction: column;
  display: flex;
}

.contact-form {
  max-width: 50em;
}

.text-field {
  border-style: none none solid;
  border-width: 1px;
  border-color: black black var(--beige);
  background-color: #0000;
  margin-bottom: 40px;
  padding-left: 0;
  padding-right: 0;
}

.text-field::placeholder {
  color: var(--grey);
  font-family: Helvetica;
}

.text-field.small-text {
  border-radius: 0;
}

.text-field.small-text:focus {
  border-bottom-color: var(--beige);
}

.text-field.small-text.message-field {
  min-height: 8rem;
}

.text-field.small-text.message-field:focus {
  border-bottom-color: var(--beige);
}

.checkbox.w--redirected-checked {
  border-color: var(--beige);
  background-color: var(--charcoal);
}

.checkbox.w--redirected-focus {
  box-shadow: 0 0 3px 1px var(--beige);
}

.location-info-section {
  margin-top: 45px;
}

.location-info-wrap {
  margin-top: 200px;
  margin-bottom: 500px;
  padding: 20px;
}

.location-info-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  margin-bottom: 300px;
}

.location-image-wrapper {
  margin-right: 20px;
}

.location-image {
  object-fit: cover;
  object-position: 50% 92%;
  border-radius: 8px;
  width: 100%;
  height: 100%;
}

.location-info-text {
  flex-direction: column;
  justify-content: flex-start;
  display: flex;
}

.location-info-text.right-aligned {
  align-items: flex-end;
}

.location-time-wrap {
  align-items: center;
  display: flex;
}

.clock-icon {
  width: 15px;
  height: 15px;
  margin-right: 5px;
}

.contact-info-wrap {
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.text-block {
  margin-left: 5px;
}

.privacy-policy-section {
  margin-top: 45px;
}

.privacy-policy-wrap {
  width: 65%;
  padding: 20px;
}

.error-message {
  background-color: var(--beige);
  text-align: center;
  border-radius: 50px;
  width: 520px;
  margin-top: 40px;
  padding-top: 15px;
  padding-bottom: 15px;
}

.error-text {
  font-family: Bdogrotesk, sans-serif;
  font-size: 16px;
  display: inline-block;
}

.success-message {
  font-family: Bdogrotesk, sans-serif;
  font-size: 16px;
}

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

.work-info {
  grid-column-gap: 20px;
  grid-row-gap: 16px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: min-content .3fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  place-items: center stretch;
  display: grid;
}

.featured-collection-list-wrapper {
  flex-direction: row;
}

.featured-collection-list {
  display: flex;
}

.featured-collection-item {
  padding-top: 20px;
  padding-left: 10px;
  padding-right: 10px;
}

.gallery-list-wrapper.hide {
  display: none;
}

.work-wrapper {
  padding: 65px 20px 20px;
}

.work-intro-grid {
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  width: 60%;
  margin-left: auto;
  margin-right: auto;
}

.project-info {
  grid-row-gap: 5px;
  flex-direction: column;
  display: flex;
}

.work-grid {
  grid-row-gap: 20px;
  column-count: 2;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
  width: 100%;
  margin-top: 10vh;
  display: block;
}

.secondary-images-item {
  flex-direction: row;
}

.secondary-images-list {
  grid-column-gap: 16px;
  grid-row-gap: 20px;
  flex-direction: column;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: block;
}

.suggested-work-section {
  padding: 20px;
}

.suggested-collection-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

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

.suggested-link {
  width: 100%;
  height: 350px;
  position: relative;
  overflow: hidden;
}

.secondary-images-list-wrapper {
  width: 100%;
}

.gallery-title {
  margin-bottom: 20px;
}

.nav-social-links-wrap {
  grid-column-gap: 60px;
  display: flex;
}

.template-information-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  text-align: center;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.licenses-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.license-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.license-element-wrapper {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  flex-direction: column;
  display: flex;
}

.spacer {
  background-color: var(--beige);
  width: 100%;
  height: 1px;
}

.template-section-wrapper {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  display: flex;
}

.template-section-wrapper.subtext {
  margin-bottom: 20px;
}

.template-section-wrapper.added-margin {
  margin-top: 60px;
}

.template-links {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-direction: column;
  align-items: flex-start;
  display: flex;
}

.template-information-navigation {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  display: flex;
}

.license-content-wrap {
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 150px 120px;
  display: flex;
}

.changelog-wrapper {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.success-message-2 {
  background-color: var(--beige);
  border-radius: 50px;
  width: 400px;
}

.instruction-wrapper {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-direction: column;
  display: flex;
}

.instruction-grid {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  grid-template-rows: auto;
  grid-template-columns: 1fr;
}

.instructions-content-wrap {
  justify-content: space-between;
  align-items: flex-start;
  padding: 80px 150px 120px;
  display: flex;
}

.highlighted-text {
  background-color: var(--beige);
  color: var(--charcoal);
  white-space: nowrap;
  border-radius: 10px;
  margin-left: 5px;
  padding-left: 10px;
  padding-right: 10px;
}

.screenshot-wrapper {
  margin-top: 20px;
  margin-bottom: 20px;
}

.filter-span-wrap {
  white-space: nowrap;
}

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

.checkbox-field {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.work-image {
  margin-bottom: 20px;
}

.category-hero-wrap {
  padding: 65px 20px 40px;
}

.category-first-column {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  width: 80%;
  display: flex;
}

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

.catgeory-project-info {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-direction: column;
  display: flex;
}

.category-project-divider {
  background-color: var(--beige);
  width: 100%;
  height: 1px;
}

.project-description-wrap {
  width: 70%;
}

.category-project-grid {
  grid-column-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  margin-bottom: 14vh;
}

.catgeory-project-section {
  padding-top: 5vh;
  padding-left: 20px;
  padding-right: 20px;
}

.category-secondary-image-wrap {
  margin-top: 5vh;
}

.catgeory-images-list {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.all-categories-list-wrapper {
  display: none;
}

.see-all {
  margin-right: 6px;
}

.service-link-wrap {
  align-items: center;
  display: flex;
}

.text-span-3 {
  color: var(--light-beige);
  text-decoration: underline;
}

.div-block {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: wrap;
  flex: none;
  justify-content: space-around;
  align-items: center;
  display: flex;
}

.hero-intro-wrap-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: var(--light-beige);
  flex-flow: column;
  justify-content: center;
  align-items: stretch;
  width: 100%;
  margin-top: 20px;
  margin-bottom: 20px;
  display: flex;
  position: relative;
}

.hero-intro-wrap-2._2 {
  grid-column-gap: 38px;
  grid-row-gap: 38px;
  height: 100%;
  margin-top: 50px;
  margin-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
}

.base-text-2 {
  color: var(--charcoal);
  text-align: justify;
  letter-spacing: -.3px;
  justify-content: flex-start;
  margin-bottom: 10px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1.1;
}

.base-text-2.hero-intro {
  clear: none;
  color: var(--white);
  text-align: justify;
  letter-spacing: -.5px;
  text-indent: 100px;
  column-count: 0;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 26px;
  font-weight: 400;
  line-height: 1;
}

.base-text-2.hero-intro.round {
  color: var(--light-beige);
  text-align: center;
  letter-spacing: -.2px;
  border: 1px #000;
  border-radius: 20px;
  margin-top: 0;
  padding: 5px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  font-weight: 200;
  line-height: 1;
}

.base-text-2.hero-intro._2 {
  direction: ltr;
  text-indent: 300px;
  margin-bottom: 50px;
}

.base-text-2.hero-intro._4 {
  color: var(--charcoal);
  text-align: center;
  letter-spacing: -.5px;
  text-indent: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 26px;
}

.base-text-2.kleiner {
  text-align: left;
  font-size: 26px;
}

.services-grid-2 {
  grid-column-gap: 25px;
  grid-template-rows: auto auto;
  grid-template-columns: min-content min-content;
  margin-top: 0;
}

.small-text-2 {
  color: #f5f5ef;
  font-family: Bdogrotesk, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.small-text-2.grey {
  color: #6c6c6c;
}

.small-text-2.service {
  margin-bottom: 3px;
}

.small-text-2.trademark {
  font-size: 14px;
}

.small-text-2.template-links {
  color: var(--beige);
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 16px;
  font-weight: 300;
}

.small-text-2.template-links:hover {
  color: #c2c2c2;
}

.frame-238 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ff4800;
  border-radius: 13.0201px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  line-height: 22px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.frame-238._2 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #0004f8;
  line-height: 19px;
  display: block;
}

.entdecken {
  color: #bfbfbf;
  text-align: center;
  letter-spacing: -.2px;
  text-transform: none;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Rubik variablefont wght, sans-serif;
  font-size: 36px;
  font-weight: 800;
  line-height: 36px;
  text-decoration: none;
}

.link-block {
  grid-column-gap: 22px;
  grid-row-gap: 22px;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.link-block._2 {
  justify-content: flex-start;
  align-items: center;
}

.frame-239 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  background-color: #ff4800;
  border-radius: 13.0201px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 5px;
  line-height: 19px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.body {
  background-color: var(--gang);
}

.heading {
  color: var(--light-beige);
}

.link-underline-2 {
  background-color: #f5f5ef;
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.link-underline2-2 {
  background-color: #f5f5ef;
  height: 1px;
}

.footer-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 40px;
  color: var(--beige);
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr;
}

.base-text-3 {
  color: var(--grey);
  justify-content: flex-start;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1.3;
}

.large-text-2 {
  color: #f5f5ef;
  text-align: left;
  font-family: Bdogrotesk, sans-serif;
  font-size: 34px;
  font-weight: 600;
  line-height: 1.2;
}

.large-text-2.footer-header {
  color: var(--white);
  font-family: Rubik variablefont wght, sans-serif;
  font-weight: 900;
}

.link-2 {
  color: #f5f5ef;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  text-decoration: none;
}

.footer-wrap-2 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-top: 0 solid #f5f5ef;
  border-radius: 20px;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding: 20px;
  display: flex;
}

.flex-block {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  margin-top: 100px;
  margin-bottom: 0;
  padding-left: 20px;
  padding-right: 20px;
  position: relative;
}

.image {
  flex: 1;
  width: 100%;
  height: 30%;
  margin-bottom: 0;
  overflow: visible;
}

.image-4 {
  width: 30%;
  margin-bottom: 0;
}

.link-underline-3 {
  background-color: #f5f5ef;
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.link-underline2-3 {
  background-color: #f5f5ef;
  height: 1px;
}

.gallery-grid-2 {
  grid-column-gap: 21px;
  grid-row-gap: 21px;
  flex-flow: wrap;
  flex: 0 auto;
  grid-template-rows: minmax(50px, .8fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-flow: row;
  justify-content: center;
  align-items: center;
  width: 80%;
  margin: 20px 0 20px 20px;
  display: flex;
}

.gallery-image-4 {
  object-fit: cover;
  object-position: 50% 79%;
  width: 80%;
  height: 100%;
  margin-bottom: 0;
  overflow: visible;
}

.link-3 {
  color: var(--charcoal);
  border: 1px solid #000;
  border-radius: 20px;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  font-weight: 400;
  line-height: 2;
  text-decoration: none;
}

.body-2 {
  background-color: var(--white);
}

.team-circles {
  border-bottom: 1px solid #e4ebf3;
  padding: 80px 30px;
  position: relative;
}

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

.centered-heading {
  text-align: center;
  margin-bottom: 16px;
}

.centered-subheading {
  text-align: center;
  max-width: 530px;
  margin-left: auto;
  margin-right: auto;
}

.team-grid-2 {
  grid-column-gap: 64px;
  grid-row-gap: 56px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 50px;
  display: grid;
}

.team-card {
  text-align: center;
  flex-direction: column;
  align-items: center;
  font-size: 14px;
  line-height: 22px;
  display: flex;
}

.team-member-image {
  box-sizing: content-box;
  object-fit: cover;
  border-radius: 50%;
  width: 270px;
  height: 270px;
  margin-bottom: 24px;
  overflow: clip;
}

.team-member-name {
  margin-bottom: 6px;
  font-size: 36px;
  font-weight: 600;
  line-height: 32px;
}

.team-member-position {
  margin-bottom: 24px;
}

.paragraph {
  margin-bottom: 30px;
}

.brand-wrap-2 {
  grid-column-gap: 24px;
  grid-row-gap: 24px;
  justify-content: flex-start;
  align-items: center;
  width: 150px;
  display: flex;
}

.brand-wrap-2._2 {
  opacity: .9;
  justify-content: flex-end;
  align-items: center;
}

.plus-wrap-2 {
  border: 1px solid #001eff;
  border-radius: 8px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 12px;
  height: 12px;
  margin-top: -3px;
  display: flex;
  position: relative;
}

.plus-vertical-2 {
  background-color: #001eff;
  width: 2px;
  height: 70%;
  position: absolute;
}

.base-text-4 {
  color: #292929;
  justify-content: flex-start;
  font-family: Bdogrotesk, sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

.base-text-4.nav-time, .base-text-4.nav-text {
  color: #6c6c6c;
  white-space: nowrap;
  font-family: Bdogrotesk, sans-serif;
  font-size: 12px;
  font-weight: 400;
}

.base-text-4.nav-text.loho {
  color: var(--light-beige);
  letter-spacing: 0;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  display: block;
}

.base-text-4.nav-text.loho._2 {
  opacity: 1;
  filter: blur(.4px);
  color: var(--charcoal);
  text-align: center;
  letter-spacing: 0;
  background-color: #b1b1b15e;
  border: 0 solid #000;
  border-radius: 20px;
  justify-content: center;
  align-items: center;
  padding: 0 6px;
  font-family: "Ufficiodisplay 700", Arial, sans-serif;
  font-weight: 400;
  line-height: 2;
  display: inline-block;
}

.base-text-4.nav-text.loho._2:hover {
  background-color: var(--grey);
  filter: none;
  color: var(--white);
}

.plus-horizontal-2 {
  background-color: #001eff;
  width: 70%;
  height: 2px;
}

.nav-grid-2 {
  grid-column-gap: 6px;
  grid-row-gap: 6px;
  flex: 1;
  grid-template-rows: auto;
  grid-template-columns: min-content min-content min-content;
  justify-content: space-between;
  place-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  display: flex;
}

.image-5 {
  flex: 1;
  justify-content: center;
  align-items: center;
  display: block;
  overflow: visible;
}

.div-block-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  width: 20%;
  padding-left: 20px;
  display: flex;
}

.gallery-grid-3 {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: wrap;
  grid-template-rows: minmax(50px, .8fr);
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  margin: 0;
  display: grid;
}

.gallery-image-wrap-2 {
  overflow: hidden;
}

.gallery-image-5 {
  object-fit: cover;
  object-position: 50% 79%;
  border-radius: 30px;
  width: 100%;
  height: 100%;
  margin-bottom: 0;
  overflow: clip;
}

.link-4 {
  color: #292929;
  font-family: Bdogrotesk, sans-serif;
  font-size: 12px;
  line-height: 1.2;
  text-decoration: none;
}

.link-underline-4 {
  background-color: #292929;
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.link-underline2-4 {
  background-color: #292929;
  height: 1px;
}

.flex-block-2 {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: row;
  justify-content: flex-start;
  align-items: flex-start;
  width: 80%;
}

.image-6 {
  width: 86%;
  margin-bottom: 0;
}

.div-block-3 {
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  display: flex;
  overflow: visible;
}

.div-block-4 {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  text-align: left;
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .75fr 2fr;
  grid-auto-columns: 1fr;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-4._2 {
  grid-column-gap: 30px;
  grid-row-gap: 30px;
  flex-flow: row;
  grid-template-columns: 1.5fr .75fr;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 50px;
  margin-bottom: 0;
  padding-left: 0;
  padding-right: 0;
}

.div-block-4._3 {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: .5px solid #000;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding-top: 50px;
  padding-left: 0;
  padding-right: 0;
  font-size: 26px;
}

.div-block-4._4 {
  border-bottom: .5px #000;
  margin-top: 0;
  margin-bottom: 50px;
}

.div-block-4._8 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  display: none;
}

.div-block-4._5 {
  margin-top: 200px;
}

.div-block-5 {
  color: var(--charcoal);
  width: 40%;
}

.image-7 {
  border-radius: 8px;
  justify-content: center;
  align-items: center;
  margin-top: 0;
  margin-bottom: 0;
  display: inline-flex;
}

.div-block-6 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  margin-top: 0;
  margin-bottom: 50px;
  padding-left: 0;
  padding-right: 0;
  display: flex;
}

.div-block-6._2 {
  flex-flow: column;
}

.div-block-6._4 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: wrap;
  justify-content: center;
  align-items: flex-start;
}

.container-6 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  max-width: 100%;
  margin-top: 0;
  margin-left: 0;
  margin-right: 0;
  display: flex;
}

.frame-240 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  background-color: #ff4800;
  border-radius: 13.0201px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  line-height: 22px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.frame-240._2 {
  background-color: #0004f8;
}

.div-block-7 {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: end;
  margin: 40px 10px;
  display: grid;
}

.div-block-7.hero {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1.75fr;
  grid-auto-flow: column;
  justify-content: start;
  margin: 0;
}

.paragraph-2 {
  direction: ltr;
  color: #bfbfbf;
  text-align: justify;
  text-indent: 0;
  text-transform: none;
  column-count: 1;
  margin-bottom: 20px;
  margin-left: 0;
  margin-right: 0;
  padding-left: 5px;
  padding-right: 5px;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 16px;
  font-weight: 200;
  line-height: 100%;
}

.entdecken-2 {
  color: #bfbfbf;
  letter-spacing: -.2px;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.div-block-8 {
  grid-column-gap: 18px;
  grid-row-gap: 18px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 100%;
  display: flex;
}

.heading-2 {
  color: #bfbfbf;
  font-variation-settings: "wght" 420;
  text-align: left;
  margin-bottom: 5px;
  margin-left: 0;
  margin-right: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  line-height: 105%;
}

.heading-2.klein {
  color: var(--grey);
  text-align: left;
  letter-spacing: -3px;
  text-underline-offset: 0px;
  -webkit-text-fill-color: inherit;
  background-clip: padding-box;
  margin: 0 0 5px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 100%;
  display: inline-flex;
}

.heading-2.klein.blau {
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
}

.heading-2.klein.blau._2 {
  color: var(--blau);
  font-size: 40px;
}

.image-placeholder {
  background-image: url('../images/foto-03.jpg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  border-radius: 20px;
  flex-flow: wrap;
  width: 100%;
  height: 500px;
  margin-bottom: 50px;
  padding-top: 5px;
  padding-left: 5px;
  display: block;
}

.image-placeholder._2 {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  text-align: left;
  background-image: url('../images/foto-06.jpg');
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: flex-start;
  align-items: center;
  width: 50%;
  height: 30%;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 0;
  padding-left: 0;
  display: block;
}

.image-placeholder._2._3 {
  background-image: url('../images/foto-03.jpg');
}

._2-column-fullwidth {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  justify-content: flex-start;
  place-items: flex-end stretch;
  display: flex;
}

.featured-image-wrapper {
  grid-column-gap: 25px;
  grid-row-gap: 25px;
  border: .7px solid var(--light-beige);
  opacity: 1;
  border-radius: 15px;
  flex-flow: column;
  flex: 1;
  justify-content: center;
  align-items: flex-start;
  height: 100%;
  padding: 10px;
  display: inline-flex;
}

.frame-241 {
  grid-column-gap: 1px;
  grid-row-gap: 1px;
  background-color: #ff4800;
  border-radius: 20px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: center;
  padding: 2px 10px;
  line-height: 22px;
  text-decoration: none;
  display: inline-flex;
  overflow: hidden;
}

.frame-241.blau {
  background-color: #0004f8;
}

.frame-241._2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  justify-content: center;
  align-items: flex-start;
  display: block;
}

.div-block-9 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: .5fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: column;
  justify-content: end;
  width: 100%;
  margin: 0 10px;
  display: flex;
}

.entdecken-3 {
  color: #bfbfbf;
  letter-spacing: -.2px;
  text-transform: capitalize;
  width: 100%;
  margin-top: 0;
  margin-bottom: 0;
  font-family: Switzer Variable, Arial, sans-serif;
  font-size: 30px;
  font-weight: 700;
  line-height: 30px;
  text-decoration: none;
}

.entdecken-3._2 {
  font-size: 12px;
  line-height: 14px;
}

.process-main-grid-2 {
  grid-column-gap: 10px;
  grid-row-gap: 0px;
  border-top: 1px solid #6c6c6c;
  grid-template-columns: 1fr;
  width: 100%;
  margin-bottom: 10px;
}

.link-underline2-5 {
  background-color: #292929;
  height: 1px;
}

.to-expect-wrap-2 {
  padding: 20px 10px;
  position: relative;
}

.process-inner-grid-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  border-bottom: 1px solid #6c6c6c;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  width: 100%;
  padding-top: 10px;
  padding-bottom: 10px;
}

.process-name-2 {
  color: var(--white);
  justify-content: space-between;
  display: flex;
}

.plus-wrap-3 {
  border: 1px solid #001eff;
  border-radius: 13px;
  flex-flow: row;
  justify-content: center;
  align-items: center;
  width: 24px;
  height: 24px;
  margin-top: -3px;
  display: flex;
  position: relative;
}

.plus-vertical-3 {
  background-color: var(--blau);
  width: 2px;
  height: 70%;
  position: absolute;
}

.plus-horizontal-3 {
  background-color: #001eff;
  width: 70%;
  height: 2px;
}

.link-underline-5 {
  background-color: #292929;
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.base-text-5 {
  color: var(--charcoal);
  text-align: left;
  justify-content: flex-start;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  line-height: 1.2;
}

.base-text-5.how-paragraph {
  color: var(--light-beige);
  margin-top: 20px;
}

.base-text-5.how-we-do-it {
  color: var(--white);
  margin-bottom: 20px;
}

.image-8 {
  margin-bottom: 0;
}

.base-text-6 {
  color: var(--white);
  justify-content: flex-start;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.3;
}

.base-text-6.to-expect {
  color: var(--white);
  white-space: nowrap;
}

.base-text-6.to-expect._2 {
  color: var(--charcoal);
  margin-bottom: 30px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 19px;
  line-height: 1;
}

.image-9 {
  width: 50%;
  height: 50%;
}

.process-main-grid-3 {
  grid-column-gap: 6px;
  grid-row-gap: 0px;
  border-top: 0 solid #6c6c6c;
  grid-template-columns: 1fr;
  margin-bottom: 10px;
}

.link-underline2-6 {
  background-color: #292929;
  height: 1px;
}

.to-expect-wrap-3 {
  width: 100%;
  padding: 20px 0;
  position: relative;
}

.process-inner-grid-3 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  cursor: pointer;
  border-bottom: 0 solid #6c6c6c;
  grid-template-rows: auto auto;
  grid-template-columns: .5fr 1fr;
  padding-top: 0;
  padding-bottom: 0;
}

.link-underline-6 {
  background-color: #292929;
  height: 1px;
  display: block;
  transform: translate(-100%);
}

.base-text-7 {
  color: var(--white);
  justify-content: flex-start;
  font-family: Bdogrotesk, sans-serif;
  font-size: 26px;
  line-height: 1.3;
}

.base-text-7.number {
  font-family: "Ufficiodisplay 400", Arial, sans-serif;
  font-size: 26px;
}

.base-text-7.number.blau {
  color: var(--blau);
}

.base-text-7.how-paragraph {
  color: var(--light-beige);
  margin-top: 20px;
  margin-bottom: 20px;
}

.base-text-7.how-paragraph._2 {
  color: var(--beige);
  margin-top: 0;
  margin-bottom: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 14px;
}

.base-text-7.how-we-do-it {
  margin-bottom: 20px;
}

.services_wrap {
  grid-column-gap: 0rem;
  grid-row-gap: 0rem;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: 0;
  padding-top: 0;
  display: flex;
}

.content_align {
  flex-flow: row;
  margin-top: 0;
  display: flex;
}

.tools {
  padding-left: 1rem;
  padding-right: 1rem;
}

.left_about {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  white-space: normal;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  margin-top: 0;
  display: flex;
}

.copy_right {
  justify-content: space-between;
  width: 100%;
  padding: 2rem 1rem 1.5rem;
  display: flex;
}

.copy_right.border_top {
  border-top: 1px solid #0000001a;
  margin-top: 2rem;
}

.info {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  display: flex;
}

.left_info {
  width: 29%;
}

.left_info.l {
  z-index: 0;
  border-right: 1px solid #0000001a;
  flex-flow: column;
  justify-content: space-between;
  width: 25%;
  height: 100vh;
  padding: 6rem 1rem 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.spacer_small {
  height: 1rem;
}

.heading_1 {
  font-family: Opensaucesans, Arial, sans-serif;
}

.middle_info {
  width: 60%;
}

.middle_info.l {
  border-right: 1px solid #0000001a;
  width: 50%;
}

.fade_left {
  background-image: linear-gradient(100deg, #fff 35%, #fff0);
  width: 7rem;
  margin-left: -.625rem;
  position: absolute;
  inset: 0% auto 0% 0%;
}

.type {
  color: #0000009c;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
}

.text_wrap {
  z-index: 0;
  width: 90%;
  margin: 6rem 1rem 3rem;
  position: sticky;
  top: 6rem;
}

.text_wrap.regular {
  margin-bottom: 5rem;
  position: static;
}

.right_info {
  width: 33%;
  padding-left: 0;
}

.right_info.align {
  z-index: 0;
  grid-column-gap: 4rem;
  grid-row-gap: 4rem;
  flex-flow: column;
  justify-content: space-between;
  width: 30%;
  height: 100vh;
  padding: 6rem 1rem 1.5rem;
  display: flex;
  position: sticky;
  top: 0;
}

.tool_box {
  grid-column-gap: .2rem;
  grid-row-gap: .2rem;
  border: 1px solid var(--grey);
  background-color: var(--grey);
  border-radius: 20px;
  flex-flow: column;
  justify-content: center;
  align-items: flex-start;
  padding: 1.2rem 2rem 1.2rem 1.5rem;
  display: flex;
}

.tools_grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  margin-top: 1rem;
  display: grid;
}

.row {
  border-bottom: 1px solid #0000001a;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  padding-bottom: .5rem;
  display: flex;
}

.row.align {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  border-bottom-width: 0;
  border-bottom-color: var(--beige);
  flex-flow: row;
  grid-template-rows: auto;
  grid-template-columns: .5fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-flow: row;
  place-items: start stretch;
  padding-bottom: 1rem;
  display: flex;
}

.services {
  padding-left: 0;
  padding-right: 0;
}

._5rem_space {
  height: 5rem;
}

.link-5 {
  color: #00000080;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
  transition: all .2s;
}

.link-5:hover, .link-5.w--current {
  color: #000;
}

.marquee-content {
  grid-column-gap: 1rem;
  flex: none;
  justify-content: space-around;
  min-width: 100%;
  display: flex;
}

.marquee-content.scroll.reverse {
  grid-column-gap: 2rem;
}

.marquee {
  grid-column-gap: 2rem;
  border-top: 1px solid #0000001a;
  border-bottom: 1px solid #0000001a;
  width: 100%;
  margin-bottom: 1rem;
  padding-top: 2rem;
  padding-bottom: 2rem;
  display: flex;
  position: relative;
  overflow: hidden;
}

.image_1 {
  z-index: 0;
  opacity: .7;
  object-fit: fill;
  width: 6.25rem;
}

.image-10 {
  border-radius: 10px;
  width: 80%;
  height: 5rem;
  margin-bottom: 0;
  padding-left: 0;
  display: block;
}

.text {
  color: #000;
  font-size: .9rem;
  font-weight: 400;
  text-decoration: none;
}

.text.is-grey {
  line-height: 1.3;
}

.heading_l {
  font-size: 3vw;
}

.fade_right {
  background-image: linear-gradient(-100deg, #fff 34%, #fff0);
  width: 7rem;
  margin-right: -.6rem;
  position: absolute;
  inset: 0% 0% 0% auto;
}

.image-11 {
  margin-bottom: 30px;
}

.header-block {
  flex: 1;
  align-self: auto;
  width: 100%;
  height: 30%;
  position: relative;
}

.header-img {
  width: 100%;
}

.header-img.hide-mobile-portrait {
  justify-content: flex-start;
  align-self: flex-start;
  align-items: center;
  width: 50%;
  height: 50%;
  margin: 0 auto 10px;
  display: inline-flex;
  overflow: auto;
}

.header-img.hide-mobile-portrait._2 {
  width: 100%;
  height: 60%;
}

.video_component {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: row;
  grid-template-rows: auto 11.2rem auto;
  grid-template-columns: 1fr 1fr 1fr;
  justify-content: center;
  place-items: center;
  margin-top: 100px;
  margin-bottom: 200px;
  display: flex;
}

.video_component_column {
  flex-flow: column;
  justify-content: center;
  align-items: center;
  display: flex;
}

.video_img {
  position: relative;
}

.video-wrap {
  width: 20.625rem;
  height: 11.775rem;
  position: relative;
  overflow: hidden;
}

.video_img-wrap {
  position: relative;
}

.video_img-wrap.width-224 {
  width: 30%;
  height: 2rem;
  top: 2.3rem;
  right: .97rem;
}

.video_img-wrap.width-283 {
  height: 17.7rem;
  top: .9rem;
  left: 1.54rem;
}

.video_img-wrap.width-195 {
  height: 12.225rem;
  top: -.75rem;
}

.video_img-wrap.width-192 {
  height: 12.062rem;
  top: 1.25rem;
}

.div-block-10 {
  flex: none;
  width: 100%;
  height: 35%;
  overflow: hidden;
}

.italic-text {
  letter-spacing: 0;
  font-family: Opensaucesans, Arial, sans-serif;
  font-style: normal;
  font-weight: 900;
}

.services_wrap-2 {
  grid-column-gap: 1rem;
  grid-row-gap: 1rem;
  flex-flow: column;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 1rem;
  display: flex;
}

.left_about-2 {
  grid-column-gap: .5rem;
  grid-row-gap: .5rem;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  width: 60%;
  display: flex;
}

.team-grid-3 {
  grid-column-gap: 50px;
  grid-row-gap: 50px;
  flex-flow: row;
  flex: 0 auto;
  grid-template-rows: auto;
  grid-template-columns: 1fr .25fr 1fr;
  justify-content: flex-end;
  place-items: flex-start center;
  margin-top: 0;
  display: flex;
}

.team-image-wrap-2 {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  height: 28rem;
  max-height: 30rem;
  display: block;
  overflow: hidden;
}

.team-image-2 {
  object-fit: cover;
  width: 100%;
  min-width: 100%;
  height: 100%;
  min-height: 100%;
}

.team-name-2 {
  margin-top: 10px;
  margin-bottom: 5px;
}

.small-text-3 {
  color: #292929;
  font-family: Bdogrotesk, sans-serif;
  font-size: 16px;
  line-height: 1.2;
}

.base-text-8 {
  color: #292929;
  justify-content: flex-start;
  width: 80%;
  font-family: Bdogrotesk, sans-serif;
  font-size: 12px;
  line-height: 1.3;
}

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

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

.flex-block-3 {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
}

.bold-text {
  color: var(--white);
  font-size: 19px;
  font-weight: 400;
}

.heading-3 {
  font-size: 14px;
}

.bold-text-2 {
  border: 1px solid var(--light-beige);
  text-transform: capitalize;
  border-radius: 18px;
  padding-left: 5px;
  padding-right: 5px;
  font-weight: 700;
  text-decoration: none;
}

.bold-text-2:hover {
  background-color: var(--blau);
}

.image-12 {
  filter: invert();
}

.image-13 {
  mix-blend-mode: multiply;
}

.bold-text-3 {
  font-size: 26px;
  font-weight: 400;
}

.bold-text-4 {
  font-weight: 400;
}

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

.link-underline2-7 {
  background-color: #f5f5ef;
  height: 1px;
}

.base-text-9 {
  color: var(--white);
  justify-content: flex-start;
  padding-bottom: 20px;
  font-family: Opensaucesans, Arial, sans-serif;
  font-size: 40px;
  line-height: 1;
}

.base-text-9.contact-address {
  color: var(--light-beige);
  margin-top: 0;
  margin-bottom: 20px;
  font-size: 19px;
}

.base-text-9.location {
  margin-bottom: 10px;
}

.location-info-grid-2 {
  grid-column-gap: 0px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
}

.link-6 {
  color: #f5f5ef;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  text-decoration: none;
}

.heading-5 {
  color: var(--light-beige);
  margin-bottom: 0;
  font-family: Opensaucesans, Arial, sans-serif;
}

.body-3 {
  background-color: var(--white);
}

.body-4 {
  background-color: var(--grey);
}

.link-7 {
  color: #000;
  font-family: Bdogrotesk, sans-serif;
  font-size: 19px;
  line-height: 1.2;
  text-decoration: none;
}

.link-7.wei {
  color: var(--white);
}

.link-underline2-8 {
  background-color: #000;
  height: 1px;
}

.link-underline2-8.wei {
  background-color: var(--gang);
}

@media screen and (min-width: 1280px) {
  .large-text.services-intro-hero, .large-text.services-intro-hero._1 {
    font-family: Opensaucesans, Arial, sans-serif;
  }

  .arrow-png.white {
    filter: none;
    mix-blend-mode: normal;
  }

  .base-text-2 {
    font-size: 40px;
  }

  .base-text-2.hero-intro.round {
    font-family: Opensaucesans, Arial, sans-serif;
  }

  .base-text-2._2._3 {
    font-size: 26px;
  }

  .base-text-9 {
    margin-bottom: 20px;
  }

  .link-7.wei {
    color: #fff;
  }

  .link-underline2-8.wei {
    background-color: #fff;
  }
}

@media screen and (min-width: 1440px) {
  .large-text.services-intro-hero {
    color: var(--grey);
    font-size: 40px;
  }

  .large-text.services-intro-hero._1 {
    text-align: left;
  }

  .base-text {
    color: var(--beige);
    font-size: 19px;
  }

  .base-text.header, .base-text.info {
    color: var(--charcoal);
  }

  .menu-container {
    justify-content: space-around;
    align-items: center;
    margin-left: auto;
    margin-right: auto;
    display: flex;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-columns: min-content min-content 1fr;
    grid-auto-flow: row;
    place-items: center;
  }

  .brand-animate {
    font-size: 30vw;
  }

  .services-hero {
    height: 80vh;
  }

  .services-hero-grid {
    grid-column-gap: 80px;
    grid-row-gap: 80px;
    grid-template-columns: 1fr .5fr;
    grid-auto-flow: column;
    place-items: start center;
  }

  .serives-hero-text-holder {
    grid-column-gap: 48px;
    grid-row-gap: 48px;
  }

  .hero-intro-wrap-2._2 {
    grid-column-gap: 50px;
    grid-row-gap: 50px;
    margin-top: 25px;
    margin-bottom: 25px;
  }

  .base-text-2 {
    font-size: 40px;
  }

  .base-text-2._2 {
    font-size: 26px;
  }

  .frame-239 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .team-member-image {
    width: 270px;
    height: 270px;
    max-height: none;
  }

  .heading-2.klein {
    font-size: 40px;
  }

  .heading-2.klein.blau {
    font-size: 60px;
  }

  .base-text-6.to-expect._2 {
    font-size: 26px;
  }

  .text-span-6 {
    color: var(--grey);
  }
}

@media screen and (min-width: 1920px) {
  .large-text.services-intro-hero {
    font-size: 40px;
  }

  .large-text.services-intro-hero._1 {
    letter-spacing: -8px;
    font-size: 160px;
  }

  .base-text.number {
    font-size: 40px;
  }

  .base-text.how-paragraph._2 {
    font-size: 26px;
  }

  .base-text.head, .base-text.header {
    font-size: 40px;
  }

  .base-text.info {
    font-size: 26px;
  }

  .home-hero-section {
    letter-spacing: -7px;
  }

  .process-name {
    font-size: 40px;
  }

  .brand-animate {
    font-size: 30vw;
  }

  .brands-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .brands-wrap {
    flex-flow: row;
  }

  .brand-div {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: flex-end;
    align-items: center;
    margin-right: 5px;
  }

  .serives-hero-text-holder {
    padding-bottom: 40px;
  }

  .hero-intro-wrap-2._2 {
    margin-top: 100px;
    margin-bottom: 50px;
  }

  .base-text-2 {
    font-size: 40px;
  }

  .base-text-2.hero-intro.round {
    flex: 1;
    padding-left: 5px;
    font-size: 20px;
  }

  .base-text-3 {
    font-size: 50px;
  }

  .gallery-grid-3 {
    grid-template-columns: 1fr 1fr;
  }

  .heading-2.klein, .heading-2.klein.blau._2 {
    font-size: 40px;
  }

  .base-text-5 {
    letter-spacing: -1px;
    font-size: 26px;
  }
}

@media screen and (max-width: 991px) {
  .columns-wrap {
    padding-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .left-column {
    width: 30%;
  }

  .large-text.menu-large-text {
    display: none;
  }

  .large-text.services-intro-hero {
    width: 100%;
    font-size: 40px;
  }

  .large-text.services-intro-hero._1 {
    letter-spacing: -3px;
    font-size: 8vw;
  }

  .large-text.about-testimonial {
    width: 90%;
  }

  .colour.beige, .colour.grey, .colour.charcoal {
    height: 120px;
  }

  .intro-guide-wrap {
    padding: 100px 50px 70px;
  }

  .button.contact-button {
    margin-left: auto;
    margin-right: auto;
  }

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

  .brand-wrap {
    width: 160px;
  }

  .hero-intro-wrap {
    width: 70%;
  }

  .featured-work-track {
    height: auto;
  }

  .camera {
    width: auto;
    height: auto;
    overflow: visible;
  }

  .frame {
    flex-direction: column;
  }

  .item {
    cursor: auto;
    width: 100%;
    height: 60vh;
  }

  .to-expect-grid {
    flex-flow: column;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    align-items: center;
    display: flex;
  }

  .process-inner-grid {
    grid-template-columns: .25fr 1fr;
  }

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

  .footer-nav-links-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: min-content;
    justify-items: end;
  }

  .pop-up-wrap {
    display: none;
  }

  .pop-up-image {
    width: 200px;
  }

  .services-hero-grid {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .project-details-wrap.extra-padding {
    margin-right: 10px;
  }

  .testimonial-component {
    grid-template-columns: 1fr 1fr;
  }

  .testimonial-intro {
    width: 80%;
  }

  .team-wrap {
    width: 75%;
  }

  .team-image-wrap {
    height: 27rem;
  }

  .about-us-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .large-picture-wrap {
    height: 60vh;
  }

  .about-grid {
    grid-template-columns: .5fr .5fr .5fr;
  }

  .contact-form-section {
    justify-content: center;
  }

  .contact-form-wrap {
    width: 70%;
    margin-top: 20px;
    padding-left: 0;
    padding-right: 0;
  }

  .contact-first-column {
    align-items: center;
  }

  .contact-first-column.contact-paragraph {
    text-align: center;
    width: 80%;
    margin-bottom: 50px;
    margin-left: auto;
    margin-right: auto;
  }

  .support-text-wrap {
    display: flex;
  }

  .privacy-policy-wrap {
    width: 80%;
  }

  .error-message {
    margin-left: auto;
    margin-right: auto;
  }

  .work-info {
    grid-template-columns: .5fr 1fr 1fr;
  }

  .featured-collection-list {
    flex-direction: column;
  }

  .featured-collection-item {
    padding-left: 20px;
    padding-right: 20px;
  }

  .work-intro-grid {
    width: 100%;
  }

  .work-grid {
    column-count: 1;
  }

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

  .suggested-link {
    height: 250px;
  }

  .nav-social-links-wrap {
    grid-column-gap: 20px;
  }

  .template-information-wrapper {
    text-align: left;
  }

  .license-content-wrap {
    padding-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .success-message-2 {
    margin-left: auto;
    margin-right: auto;
  }

  .instructions-content-wrap {
    padding-top: 70px;
    padding-left: 50px;
    padding-right: 50px;
  }

  .category-first-column {
    width: 60%;
  }

  .catgeory-grid {
    grid-row-gap: 40px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .project-description-wrap {
    width: 100%;
  }

  .hero-intro-wrap-2 {
    width: 100%;
    display: block;
  }

  .base-text-2.hero-intro {
    font-size: 19px;
  }

  .base-text-2.hero-intro.round {
    font-size: 16px;
  }

  .link-block {
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
  }

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

  .container {
    max-width: 728px;
  }

  .team-grid-2 {
    grid-column-gap: 40px;
  }

  .team-member-image {
    width: 190px;
    height: 190px;
  }

  .brand-wrap-2 {
    width: 160px;
  }

  .support-text-wrap-2 {
    display: none;
  }

  .nav-grid-2 {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .div-block-4._2 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .process-inner-grid-2, .process-inner-grid-3 {
    grid-template-columns: .25fr 1fr;
  }

  .middle_info.l {
    width: 100%;
  }

  .team-image-wrap-2 {
    height: 27rem;
  }
}

@media screen and (max-width: 767px) {
  h1, h2, h3, h4, p, a {
    font-size: 18px;
  }

  .columns-wrap {
    padding: 50px 24px 60px;
  }

  .left-column {
    display: none;
  }

  .large-text {
    font-size: 28px;
  }

  .large-text.menu-large-text {
    display: none;
  }

  .large-text.services-intro-hero {
    width: 100%;
    font-size: 36px;
  }

  .large-text.services-intro-hero._1 {
    letter-spacing: -2px;
    font-size: 40px;
  }

  .large-text.about-testimonial {
    width: 100%;
  }

  .small-text {
    font-size: 16px;
  }

  .base-text {
    font-size: 18px;
  }

  .base-text.company {
    white-space: normal;
  }

  .base-text.recognition-date {
    font-size: 16px;
  }

  .base-text.recognition-name {
    margin-bottom: 10px;
  }

  .base-text.recognition-company {
    margin-bottom: 5px;
  }

  .base-text.all-work-brand {
    white-space: normal;
  }

  .base-text.how-paragraph._2 {
    color: var(--charcoal);
  }

  .base-text.info {
    grid-template-columns: 1fr;
  }

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

  .rich-text-block h1 {
    font-size: 32px;
  }

  .rich-text-block a, .rich-text-block li, .rich-text-block blockquote {
    font-size: 18px;
  }

  .intro-guide-wrap {
    padding: 90px 24px 50px;
  }

  .template-page-intro {
    width: 100%;
  }

  .button {
    font-size: 18px;
  }

  .button.contact-button {
    margin-left: 0;
    margin-right: 0;
  }

  .link-wrap.recognition-link {
    justify-content: flex-end;
  }

  .link-wrap.service-button {
    flex-flow: column wrap;
    align-items: flex-start;
  }

  .arrow-png {
    width: 12px;
    height: 12px;
  }

  .arrow-png.white {
    mix-blend-mode: normal;
    width: 10px;
    height: 10px;
  }

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

  .brand-wrap {
    width: 160px;
  }

  .link {
    font-size: 18px;
  }

  .navigation-time-wrap {
    display: none;
  }

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

  .divider {
    width: 100%;
    height: 1px;
  }

  .process-inner-grid {
    grid-template-columns: .25fr 1fr;
  }

  .process-main-grid {
    margin-bottom: 60px;
  }

  .gallery-grid {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .footer-grid {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .contact-wrap {
    width: 75%;
  }

  .footer-nav-links-grid {
    grid-template-rows: auto;
    grid-template-columns: min-content min-content min-content min-content;
    justify-items: stretch;
  }

  .work-info-wrap {
    grid-column-gap: 20px;
  }

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

  .nav-inner-link-wrap {
    margin-right: 8px;
  }

  .menu-items-wrap {
    margin-bottom: 0;
  }

  .brand-animate {
    font-size: 33vw;
  }

  .services-hero-grid {
    grid-template-columns: .25fr .5fr .5fr;
  }

  .gallery-mask {
    width: 45%;
  }

  .project-info-wrap.featured-info {
    bottom: 10px;
    left: 10px;
    right: 10px;
  }

  .project-info-wrap.hide-mobile {
    display: none;
  }

  .logo {
    width: 100px;
  }

  .brand-div {
    padding-right: 20px;
  }

  .testimonial-wrap {
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .testimonial-component {
    grid-template-columns: 1fr;
  }

  .legals-wrap {
    justify-content: flex-start;
  }

  .team-wrap {
    width: 100%;
  }

  .team-image-wrap {
    height: 24rem;
  }

  .team-member-wrap {
    width: 90%;
    margin-bottom: 20px;
  }

  .about-grid {
    grid-template-columns: .25fr .5fr .5fr;
  }

  .about-grid-wrap {
    padding-top: 30px;
  }

  .about-photo-gallery-wrap {
    padding-top: 70px;
    padding-bottom: 100px;
  }

  .about-photo-gallery-grid {
    grid-row-gap: 60px;
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr;
  }

  .gallery-image-1 {
    width: 80%;
    top: 0;
  }

  .gallery-image-2 {
    width: 80%;
  }

  .gallery-image-3 {
    width: 80%;
    top: 0;
    left: 0;
  }

  .about-testimonial-info {
    grid-row-gap: 10px;
    flex-direction: column;
  }

  .recognition-outer-container {
    margin-top: 60px;
    margin-bottom: 60px;
  }

  .recognition-grid {
    grid-template-rows: auto auto auto;
    grid-template-columns: 1fr min-content;
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .contact-form-wrap {
    width: 100%;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .location-info-text.right-aligned {
    align-items: flex-start;
  }

  .support-text-wrap {
    display: flex;
  }

  .privacy-policy-wrap {
    width: 100%;
  }

  .error-message {
    width: auto;
  }

  .work-info {
    grid-template-columns: min-content 1fr 1fr;
  }

  .suggested-link {
    height: 200px;
  }

  .nav-social-links-wrap {
    display: none;
  }

  .template-information-wrapper {
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .license-content-wrap, .instructions-content-wrap {
    padding: 50px 24px 60px;
  }

  .project-description-wrap {
    width: 80%;
  }

  .category-project-grid {
    grid-template-columns: 1fr;
    margin-bottom: 10vh;
  }

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

  .service-link-wrap {
    align-items: center;
    display: flex;
  }

  .hero-intro-wrap-2, .hero-intro-wrap-2._2 {
    width: 100%;
  }

  .base-text-2 {
    text-align: left;
    font-size: 26px;
  }

  .base-text-2.hero-intro {
    font-size: 19px;
  }

  .base-text-2.hero-intro.round {
    font-size: 16px;
  }

  .base-text-2._2 {
    text-align: left;
  }

  .base-text-2.kleiner {
    text-align: left;
    font-size: 19px;
  }

  .small-text-2 {
    font-size: 16px;
  }

  .footer-grid-2 {
    grid-row-gap: 30px;
    grid-template-rows: auto auto auto auto auto;
    grid-template-columns: 1fr;
  }

  .base-text-3 {
    font-size: 40px;
  }

  .large-text-2 {
    font-size: 28px;
  }

  .link-2 {
    font-size: 18px;
  }

  .gallery-grid-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr 1fr;
  }

  .link-3 {
    font-size: 18px;
  }

  .team-circles {
    padding: 60px 15px;
  }

  .team-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .brand-wrap-2 {
    width: 160px;
  }

  .base-text-4 {
    font-size: 18px;
  }

  .nav-grid-2 {
    grid-template-columns: 1fr 1fr;
  }

  .gallery-grid-3 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    grid-template-rows: minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr;
  }

  .link-4 {
    font-size: 18px;
  }

  .div-block-4._2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .div-block-4._3 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
  }

  .div-block-6 {
    flex-flow: column;
    margin-bottom: 20px;
  }

  .div-block-6._4 {
    justify-content: flex-start;
    align-items: center;
  }

  .heading-2.klein, .heading-2.klein.blau._2 {
    font-size: 40px;
  }

  .process-main-grid-2 {
    margin-bottom: 60px;
  }

  .process-inner-grid-2 {
    grid-template-columns: .25fr 1fr;
  }

  .base-text-5 {
    font-size: 19px;
  }

  .base-text-6 {
    font-size: 14px;
  }

  .process-main-grid-3 {
    margin-bottom: 60px;
  }

  .process-inner-grid-3 {
    grid-template-columns: .25fr 1fr;
  }

  .base-text-7 {
    font-size: 18px;
  }

  .content_align {
    flex-flow: column;
  }

  .info {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    display: grid;
  }

  .left_info {
    width: auto;
  }

  .left_info.l {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    width: 100%;
    height: auto;
    position: static;
  }

  .middle_info.l {
    width: 100%;
  }

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

  .right_info {
    width: auto;
  }

  .right_info.align {
    display: none;
  }

  .marquee-content.scroll.reverse {
    grid-column-gap: 2rem;
  }

  .marquee {
    grid-column-gap: 2rem;
    background-color: #f1714400;
    padding-top: 1rem;
    padding-bottom: 1rem;
    display: flex;
  }

  .heading_l {
    font-size: 7vw;
  }

  .team-image-wrap-2 {
    height: 24rem;
  }

  .small-text-3 {
    font-size: 16px;
  }

  .base-text-8 {
    font-size: 18px;
  }

  .flex-block-3 {
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .base-text-9 {
    padding-bottom: 20px;
    font-size: 18px;
  }

  .location-info-grid-2 {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
  }

  .link-6, .link-7 {
    font-size: 18px;
  }

  .link-7.wei {
    color: var(--white);
    font-size: 12px;
  }

  .link-underline2-8.wei {
    background-color: var(--gang);
  }
}

@media screen and (max-width: 479px) {
  .columns-wrap {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .large-text.services-intro-hero {
    text-align: left;
    width: 100%;
    font-size: 26px;
  }

  .large-text.services-intro-hero._1 {
    text-align: center;
    letter-spacing: -2px;
    font-size: 30px;
    font-weight: 500;
  }

  .large-text.text-brand-description {
    text-align: justify;
  }

  .large-text.about-testimonial {
    text-align: justify;
    margin-bottom: 24px;
    font-size: 12px;
  }

  .base-text {
    font-size: 19px;
    line-height: 1.2;
  }

  .base-text.company {
    display: none;
  }

  .base-text.number {
    font-size: 19px;
  }

  .base-text.how-paragraph._2 {
    color: var(--charcoal);
    letter-spacing: -.2px;
    margin-top: 10px;
    margin-bottom: 50px;
    font-size: 16px;
    line-height: 1.1;
  }

  .base-text.head {
    font-size: 19px;
  }

  .base-text.head.ref {
    margin-bottom: 0;
    font-size: 16px;
  }

  .base-text.header {
    width: 100%;
    padding-top: 0;
    padding-bottom: 10px;
    font-family: Switzer Variable, Arial, sans-serif;
    font-size: 19px;
    font-weight: 200;
  }

  .base-text.info {
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    margin-top: 0;
    margin-bottom: 40px;
    font-size: 16px;
  }

  .colour.beige, .colour.grey, .colour.charcoal {
    height: 100px;
  }

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

  .rich-text-block {
    line-height: 1;
  }

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

  .rich-text-block li {
    color: var(--charcoal);
  }

  .link-wrap.recognition-link {
    align-items: flex-start;
  }

  .link-wrap.service-button {
    flex-direction: row;
  }

  .arrow-png.white {
    filter: none;
    mix-blend-mode: normal;
  }

  .menu-container {
    border-radius: 16px;
    justify-content: space-between;
    align-items: center;
    padding: 10px;
    display: flex;
  }

  .plus-wrap._2 {
    grid-column-gap: 6px;
    grid-row-gap: 6px;
    flex-flow: row;
    width: 14px;
    height: 14px;
    margin-left: 5px;
    margin-right: 5px;
    overflow: scroll;
  }

  .nav-grid {
    grid-column-gap: 0px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1fr;
    align-items: center;
  }

  .brand-wrap {
    width: 140px;
  }

  .brand-wrap.w--current {
    width: 20px;
    line-height: 1;
  }

  .home-hero-section {
    box-sizing: border-box;
    clear: none;
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    position: static;
    overflow: auto;
  }

  .services-grid {
    grid-column-gap: 21px;
    grid-template-columns: auto auto auto;
  }

  .hero-intro-wrap {
    width: 100%;
  }

  .brnad-animate-wrap {
    position: absolute;
    inset: auto 0% 0%;
  }

  .camera {
    padding-left: 5px;
    padding-right: 5px;
  }

  .frame {
    flex-flow: wrap;
    justify-content: space-around;
    align-items: flex-start;
    width: 100%;
    height: 10%;
  }

  .brand-description {
    width: 100%;
    padding-left: 5px;
    padding-right: 5px;
  }

  .process-section {
    padding-left: 10px;
    padding-right: 10px;
  }

  .to-expect-wrap {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }

  .to-expect-grid {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    display: flex;
  }

  .process-inner-grid {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-rows: auto auto;
    grid-template-columns: .25fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-flow: row;
    place-items: start stretch;
    width: 100%;
    height: 100%;
    padding-left: 0;
    line-height: 1;
    display: grid;
    overflow: visible;
  }

  .process-name {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
  }

  .process-main-grid {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
    grid-auto-flow: row;
    align-items: center;
    margin-top: 50px;
  }

  .about-gallery-section {
    padding: 20px 10px;
  }

  .gallery-grid {
    grid-template-rows: minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr;
  }

  .footer-grid {
    grid-row-gap: 40px;
  }

  .contact-wrap {
    width: 100%;
  }

  .footer-nav-links-grid {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-flow: wrap;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
    justify-content: center;
    align-items: center;
    display: flex;
  }

  .menu-outer-wrapper {
    display: none;
  }

  .brand-animate {
    letter-spacing: -6px;
    padding-left: 0;
    padding-right: 0;
    font-size: 30vw;
    position: absolute;
    right: 0%;
  }

  .services-hero {
    height: 250vh;
  }

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

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

  .service-1-about {
    border-top-style: none;
    padding-top: 0;
  }

  .project-gallery-image {
    object-fit: cover;
    flex: 1;
    height: auto;
    min-height: 20rem;
    max-height: 100%;
    position: relative;
  }

  .gallery-mask {
    width: 75%;
  }

  .gallery-image-wrapper {
    object-fit: contain;
    flex-direction: column;
    width: 20rem;
    height: 20rem;
    padding-top: 0%;
    display: flex;
    overflow: hidden;
  }

  .logo {
    width: 80px;
  }

  .brands-holder {
    box-sizing: border-box;
    object-fit: fill;
    position: relative;
    overflow: auto;
  }

  .brands-section {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    text-align: left;
    justify-content: flex-start;
    align-items: center;
    width: 2500px;
    overflow: visible;
  }

  .brands-wrap {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    justify-content: center;
    align-items: center;
    width: 10%;
    height: 100%;
    display: flex;
  }

  .brand-div {
    flex-flow: row;
    justify-content: center;
    align-items: center;
    margin-right: 20px;
  }

  .moving-elements {
    box-sizing: border-box;
    display: block;
    overflow: visible;
  }

  .service-main-grid {
    margin-top: 20px;
  }

  .testimonial-intro {
    width: 100%;
  }

  .legals-wrap {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    flex-direction: column;
    justify-content: space-between;
  }

  .team-grid {
    grid-auto-flow: column;
    margin-top: 100px;
    margin-bottom: 100px;
  }

  .team-image-wrap {
    height: 15rem;
    max-height: 30rem;
  }

  .team-member-wrap {
    width: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .services-hero-section {
    box-sizing: border-box;
    height: 100%;
  }

  .about-first-column {
    width: 100%;
  }

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

  .about-grid-wrap {
    padding-top: 20px;
    padding-bottom: 40px;
  }

  .about-testimonial-wrap {
    padding-top: 60px;
  }

  .about-testimonial-info {
    grid-row-gap: 5px;
  }

  .contact-form-wrap {
    margin-top: 40px;
  }

  .location-info-wrap {
    margin-bottom: 200px;
    padding-left: 10px;
    padding-right: 10px;
  }

  .location-info-grid {
    grid-row-gap: 24px;
  }

  .location-image-wrapper {
    align-self: center;
    margin-right: 0;
  }

  .location-image {
    height: 12rem;
  }

  .location-info-text {
    justify-content: space-between;
  }

  .support-text-wrap {
    display: flex;
  }

  .work-info {
    grid-template-columns: min-content 1fr;
  }

  .work-intro-grid, .suggested-collection-list {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }

  .suggested-link {
    height: 250px;
  }

  .template-information-wrapper {
    grid-column-gap: 32px;
    grid-row-gap: 32px;
    flex-flow: row;
  }

  .template-section-wrapper {
    flex-direction: column;
  }

  .template-information-navigation {
    justify-content: space-between;
    align-items: center;
  }

  .license-content-wrap {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .success-message-2 {
    width: auto;
  }

  .instructions-content-wrap {
    padding-top: 30px;
    padding-bottom: 40px;
  }

  .category-first-column, .project-description-wrap {
    width: 100%;
  }

  .category-project-grid {
    grid-template-columns: 1fr;
  }

  .hero-intro-wrap-2 {
    justify-content: center;
    align-items: center;
    width: 100%;
    margin: 0 auto;
    display: block;
    overflow: visible;
  }

  .hero-intro-wrap-2._2 {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
  }

  .base-text-2 {
    text-align: left;
    font-size: 26px;
    font-weight: 400;
  }

  .base-text-2.hero-intro {
    margin-bottom: 0;
    font-size: 16px;
  }

  .base-text-2.hero-intro.round {
    text-align: left;
    letter-spacing: -.3px;
    text-indent: 0;
    justify-content: flex-start;
    align-items: center;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 10px;
    font-weight: 400;
    line-height: 1.2;
    display: block;
  }

  .base-text-2.hero-intro._4 {
    z-index: 99;
    font-size: 26px;
    font-weight: 400;
    position: relative;
  }

  .base-text-2._2 {
    font-size: 19px;
  }

  .base-text-2.kleiner {
    font-size: 16px;
  }

  .services-grid-2 {
    grid-column-gap: 21px;
    grid-template-columns: auto auto auto;
  }

  .small-text-2.template-links {
    color: var(--beige);
    font-size: 12px;
  }

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

  .body {
    box-sizing: border-box;
    object-fit: fill;
    overflow: scroll;
  }

  .footer-grid-2 {
    grid-row-gap: 40px;
    flex-flow: column;
    display: flex;
  }

  .base-text-3 {
    font-family: Switzer Variable, Arial, sans-serif;
    font-size: 26px;
    font-weight: 500;
  }

  .link-2 {
    font-size: 16px;
  }

  .footer-wrap-2 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
    flex-flow: wrap;
    justify-content: center;
    align-items: center;
    padding-left: 10px;
    padding-right: 10px;
  }

  .flex-block {
    margin-top: 50px;
  }

  .image {
    width: 50%;
    height: 11.2031%;
  }

  .image-2, .image-3 {
    margin-bottom: 0;
  }

  .gallery-grid-2 {
    grid-template-rows: minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr) minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr;
    width: 80%;
  }

  .container {
    max-width: none;
  }

  .centered-heading {
    margin-bottom: 24px;
  }

  .team-grid-2 {
    grid-template-columns: 1fr;
  }

  .brand-wrap-2 {
    grid-column-gap: 17px;
    grid-row-gap: 17px;
    justify-content: flex-start;
    align-items: center;
    width: 140px;
    height: 100%;
    line-height: 1;
  }

  .base-text-4.nav-text.loho {
    color: var(--light-beige);
    font-size: 10px;
    font-weight: 500;
    line-height: 1;
  }

  .base-text-4.nav-text.loho._2 {
    opacity: .91;
    filter: none;
    color: var(--white);
    background-color: #3d3d3d54;
  }

  .nav-grid-2 {
    grid-column-gap: 5px;
    grid-row-gap: 5px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-flow: row;
    justify-content: space-between;
    place-items: center;
    height: 100%;
    margin-top: 0;
    margin-bottom: 0;
  }

  .gallery-grid-3 {
    grid-template-rows: minmax(50px, .7fr) minmax(50px, .7fr);
    grid-template-columns: 1fr 1fr;
  }

  .div-block-4 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: .75fr;
    grid-auto-flow: row;
    place-items: center;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-4._2 {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1.5fr;
    grid-auto-flow: row;
    justify-content: space-between;
    align-items: flex-start;
    margin-top: 0;
  }

  .div-block-4._3 {
    grid-column-gap: 30px;
    grid-row-gap: 30px;
  }

  .div-block-4._4, .div-block-4._8 {
    padding-left: 0;
    padding-right: 0;
  }

  .div-block-5 {
    align-self: auto;
    width: 100%;
  }

  .image-7 {
    justify-content: center;
    align-items: center;
    width: 100%;
    height: auto;
  }

  .div-block-6 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    width: 100%;
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .div-block-6._2 {
    margin-top: 0;
    margin-bottom: 50px;
  }

  .div-block-6._4 {
    justify-content: center;
    align-items: center;
    margin-top: 0;
    font-weight: 600;
  }

  .heading-2 {
    font-size: 16px;
    line-height: 100%;
  }

  .heading-2.klein {
    letter-spacing: -2px;
    margin-bottom: 5px;
    font-size: 26px;
    text-decoration: none;
  }

  .heading-2.klein.blau {
    margin-bottom: 0;
    font-size: 30px;
  }

  .heading-2.klein.blau._2 {
    letter-spacing: -2px;
    font-size: 26px;
  }

  ._2-column-fullwidth {
    flex-direction: column;
    display: flex;
  }

  .featured-image-wrapper {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    margin-top: 50px;
  }

  .div-block-9 {
    flex-flow: column;
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
  }

  .base-text-5 {
    text-align: left;
    margin-bottom: 59px;
    font-size: 16px;
  }

  .base-text-6 {
    font-size: 12px;
  }

  .base-text-6.to-expect._2 {
    direction: ltr;
    white-space: pre-wrap;
    margin-bottom: 20px;
    font-size: 19px;
  }

  .base-text-7 {
    font-size: 12px;
  }

  .base-text-7.how-paragraph._2 {
    font-size: 14px;
    line-height: 1.2;
  }

  .services_wrap {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
    margin-top: 10px;
  }

  .left_about {
    grid-column-gap: 0rem;
    grid-row-gap: 0rem;
    width: 100%;
    margin-bottom: 0;
  }

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

  .row.align {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    padding-bottom: 2rem;
  }

  .services {
    flex-flow: wrap;
    padding-left: 0;
    padding-right: 0;
    display: flex;
  }

  .image-10 {
    width: 50%;
    height: 3rem;
    padding-left: 0;
  }

  .heading_l {
    font-size: 10vw;
  }

  .header-block {
    height: 100%;
  }

  .header-img.hide-mobile-portrait {
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    margin-top: 20px;
  }

  .header-img.hide-mobile-portrait._2 {
    margin-bottom: 0;
  }

  .video_component {
    flex-flow: column;
    align-items: center;
  }

  .video-element {
    width: 100%;
    height: 100%;
  }

  .video_img {
    z-index: 1;
    margin-right: -7px;
    position: relative;
  }

  .video-wrap {
    z-index: 1;
    width: 10.125rem;
    height: 15.5rem;
    top: 4.53em;
  }

  .video_img-wrap {
    z-index: 1;
    height: 8.6875rem;
    position: relative;
  }

  .video_img-wrap.width-224 {
    width: 8.4375rem;
    height: 8.6875rem;
    right: -4.43rem;
  }

  .video_img-wrap.width-283 {
    width: 8.3125rem;
    height: 12.5rem;
    top: 2.4rem;
    left: -4.36rem;
  }

  .video_img-wrap.width-195 {
    width: 14.4375rem;
    height: 10.375rem;
    top: 6.15rem;
  }

  .video_img-wrap.width-192 {
    width: 15.25rem;
    height: 10.5rem;
    top: -1.45rem;
  }

  .div-block-10 {
    height: 100%;
  }

  .italic-text {
    color: var(--charcoal);
  }

  .services_wrap-2 {
    grid-column-gap: 2rem;
    grid-row-gap: 2rem;
  }

  .left_about-2 {
    width: 100%;
    margin-bottom: 1rem;
  }

  .team-grid-3 {
    grid-column-gap: 23px;
    grid-row-gap: 23px;
    flex-flow: column;
    grid-template-rows: auto;
    grid-template-columns: 1fr;
  }

  .team-image-wrap-2 {
    height: 15rem;
    max-height: 30rem;
  }

  .base-text-8 {
    font-size: 12px;
  }

  .bold-text-2 {
    font-weight: 900;
  }

  .section {
    box-sizing: content-box;
    object-fit: scale-down;
    width: 100%;
    height: 100%;
    overflow: scroll;
  }

  .image-13 {
    width: 100%;
    height: 10.57%;
    margin-bottom: 0;
  }

  .base-text-9 {
    padding-bottom: 20px;
    font-size: 30px;
  }

  .base-text-9.contact-address {
    font-size: 14px;
  }

  .location-info-grid-2 {
    grid-row-gap: 20px;
    flex-flow: column;
    grid-auto-flow: row;
    display: flex;
  }

  .heading-5, .link-7 {
    font-size: 14px;
  }

  .link-7.wei {
    color: var(--gang);
  }

  .link-underline2-8.wei {
    background-color: var(--white);
  }

  .body-5 {
    background-color: var(--gang);
  }
}

#w-node-_4d7c1f9b-c8e5-ca0a-f0c6-ef761c0b976f-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_59f2252a-8bc5-f22e-833e-c4c1c4abe58e-4552b66b, #w-node-_7fbefcf7-2fd8-d3a2-da9f-ee13dde0acce-4552b66b {
  place-self: start;
}

#w-node-cf98a551-ebdb-2ce2-6a44-81174fea7dc0-4552b66b, #w-node-f639b20b-5629-dda4-8d93-ced2fc129c9f-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-f639b20b-5629-dda4-8d93-ced2fc129ca2-4552b66b, #w-node-a7987853-1dd8-36bc-6ae9-aa87f5e51ebb-4552b66b {
  place-self: start;
}

#w-node-_5c925b78-ff49-5496-1606-641aeffdfd45-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_5c925b78-ff49-5496-1606-641aeffdfd48-4552b66b, #w-node-b7f11a71-eb78-2d56-16a0-b88496e475db-4552b66b {
  place-self: start;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475de-4552b66b, #w-node-b7f11a71-eb78-2d56-16a0-b88496e475df-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475e2-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
  align-self: auto;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475e8-4552b66b {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475e9-4552b66b {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475ec-4552b66b, #w-node-b7f11a71-eb78-2d56-16a0-b88496e475ef-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475f5-4552b66b {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475f6-4552b66b {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e475f9-4552b66b, #w-node-b7f11a71-eb78-2d56-16a0-b88496e475fc-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e47602-4552b66b {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e47603-4552b66b {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e47606-4552b66b, #w-node-b7f11a71-eb78-2d56-16a0-b88496e47609-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-b7f11a71-eb78-2d56-16a0-b88496e4760f-4552b66b {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_6c83bcc4-6431-b48f-eaee-a5185f1742ec-4552b66b, #w-node-_1afbe26c-7eff-efc6-d20f-7167ff9ae632-4552b66b {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ac99493c-acd0-641c-4bb8-286376a6c741-2febdbd0 {
  grid-area: 4 / 1 / 5 / 2;
  place-self: end stretch;
}

#w-node-_68dd2ba6-e91b-9abb-4d0b-9c67b77f27d1-339f416c {
  place-self: center;
}

#w-node-c2c44921-ae3b-943f-2ca8-85b79ad2ff29-339f416c {
  place-self: center end;
}

#typography.w-node-ad636587-e237-daaa-3f05-566a0a786d14-4552b66c, #w-node-ceb584c3-e546-16c4-dc15-1be6b2acf0d9-4552b66c, #w-node-_05ff48d3-2fdd-d923-35d7-48c138d817ff-4552b66c, #w-node-_52dd9cff-fda8-b483-993c-f7854e6bb1bd-4552b670, #w-node-_52dd9cff-fda8-b483-993c-f7854e6bb1c6-4552b670, #w-node-_8062d892-5048-339f-97c5-2d505f0042ff-4552b673, #w-node-a167b9f7-8413-7725-d44b-6f5a3cb63e20-4552b673, #w-node-_452b0e2d-6cb5-93c1-8cdd-e86e394a7d97-4552b673, #w-node-_6475ec2a-8513-6651-568e-09a6c7669db9-4552b674, #w-node-_6475ec2a-8513-6651-568e-09a6c7669dbc-4552b674, #w-node-_24a084e8-34be-c9fd-95de-e7f2f5153e96-4552b674 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_24a084e8-34be-c9fd-95de-e7f2f5153e99-4552b674 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-ecc6c36e-e591-43f9-8208-00fde3dbf910-4552b674 {
  grid-area: 3 / 2 / 4 / 3;
}

#w-node-_2546fd8c-abe3-7175-1f1e-c9c47573c7a2-4552b674 {
  grid-area: 2 / 1 / 3 / 3;
}

#w-node-_77001c98-85a9-46ed-5d76-3034775f162e-4552b674 {
  grid-area: 4 / 1 / 5 / 3;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ed6-4552b674 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ed8-4552b674 {
  grid-area: 2 / 2 / 3 / 3;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1eda-4552b674 {
  grid-area: 1 / 3 / 2 / 4;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1edc-4552b674 {
  grid-area: 1 / 4 / 2 / 5;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ede-4552b674 {
  grid-area: 2 / 4 / 3 / 5;
}

#w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ee0-4552b674 {
  grid-area: 2 / 3 / 3 / 4;
  place-self: center;
}

#w-node-_8313ec63-1e49-4d59-aebd-b0fecec75b98-4552b676, #w-node-fdf6c992-cf8f-47c0-8019-132e887ee497-4552b676, #w-node-_4f62aba0-ad08-16af-a623-9c50f1da3ae4-4552b676, #w-node-_0505c892-f5b7-7c46-1ec9-56676d5ec723-4552b676, #w-node-_408351df-842e-fef3-f67a-911df5d8510d-4552b676, #w-node-e20d9453-adeb-cac9-06a9-fc6dd2743dd7-4552b677, #w-node-_2e055620-b742-64b4-0230-7ddf18844a67-4552b678 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

@media screen and (min-width: 1920px) {
  #w-node-b7f11a71-eb78-2d56-16a0-b88496e47602-4552b66b {
    grid-area: 2 / 2 / 3 / 3;
  }
}

@media screen and (max-width: 991px) {
  #w-node-ac99493c-acd0-641c-4bb8-286376a6c741-2febdbd0 {
    grid-area: 4 / 1 / 5 / 2;
    justify-self: start;
  }

  #w-node-_24a084e8-34be-c9fd-95de-e7f2f5153e96-4552b674 {
    grid-area: span 1 / span 2 / span 1 / span 2;
  }
}

@media screen and (max-width: 767px) {
  #w-node-ac99493c-acd0-641c-4bb8-286376a6c741-2febdbd0 {
    grid-row: 6 / 7;
    justify-self: start;
  }

  #w-node-_52dd9cff-fda8-b483-993c-f7854e6bb1c6-4552b670 {
    grid-area: 1 / 2 / 2 / 3;
  }

  #w-node-_24a084e8-34be-c9fd-95de-e7f2f5153e96-4552b674 {
    grid-column: span 1 / span 1;
  }

  #w-node-ecc6c36e-e591-43f9-8208-00fde3dbf910-4552b674 {
    grid-column: 1 / 2;
  }

  #w-node-_2546fd8c-abe3-7175-1f1e-c9c47573c7a2-4552b674, #w-node-_77001c98-85a9-46ed-5d76-3034775f162e-4552b674 {
    grid-column-end: 2;
  }

  #w-node-_86da29d3-d9b9-ba46-10be-96f66bee1edc-4552b674 {
    grid-area: 3 / 1 / 4 / 2;
  }

  #w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ede-4552b674 {
    grid-area: 3 / 2 / 4 / 3;
  }
}

@media screen and (max-width: 479px) {
  #w-node-cf98a551-ebdb-2ce2-6a44-81174fea7dc0-4552b66b {
    grid-area: 2 / 1 / 3 / 2;
  }

  #w-node-b7f11a71-eb78-2d56-16a0-b88496e475de-4552b66b {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ac99493c-acd0-641c-4bb8-286376a6c741-2febdbd0 {
    justify-self: start;
  }

  #w-node-_24a084e8-34be-c9fd-95de-e7f2f5153e96-4552b674 {
    grid-area: span 1 / span 1 / span 1 / span 1;
  }

  #w-node-ecc6c36e-e591-43f9-8208-00fde3dbf910-4552b674 {
    grid-column: 1 / 2;
  }

  #w-node-_2546fd8c-abe3-7175-1f1e-c9c47573c7a2-4552b674, #w-node-_77001c98-85a9-46ed-5d76-3034775f162e-4552b674 {
    grid-column-end: 2;
  }

  #w-node-_86da29d3-d9b9-ba46-10be-96f66bee1eda-4552b674 {
    grid-area: 4 / 2 / 5 / 3;
  }

  #w-node-_86da29d3-d9b9-ba46-10be-96f66bee1ee0-4552b674 {
    grid-area: 2 / 1 / 3 / 2;
  }
}


@font-face {
  font-family: 'Rubik variablefont wght';
  src: url('../fonts/Rubik-Italic-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Rubik variablefont wght';
  src: url('../fonts/Rubik-VariableFont_wght.ttf') format('truetype');
  font-weight: 300 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer';
  src: url('../fonts/Switzer-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Switzer Variable';
  src: url('../fonts/Switzer-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Azeretmono Variable';
  src: url('../fonts/AzeretMono-Variable.ttf') format('truetype');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Azeretmono';
  src: url('../fonts/AzeretMono-VariableItalic.ttf') format('truetype');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-SemiBold.ttf') format('truetype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-Regular.ttf') format('truetype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-SemiBoldItalic.ttf') format('truetype');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-Medium.ttf') format('truetype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-MediumItalic.ttf') format('truetype');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-Light.ttf') format('truetype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-Italic.ttf') format('truetype');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-LightItalic.ttf') format('truetype');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-ExtraBold.ttf') format('truetype'), url('../fonts/OpenSauceSans-Bold.ttf') format('truetype');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-Black.ttf') format('truetype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-ExtraBoldItalic.ttf') format('truetype'), url('../fonts/OpenSauceSans-BoldItalic.ttf') format('truetype');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Opensaucesans';
  src: url('../fonts/OpenSauceSans-BlackItalic.ttf') format('truetype');
  font-weight: 900;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: 'Bdogrotesk';
  src: url('../fonts/BDOGrotesk-Regular.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bdogrotesk';
  src: url('../fonts/BDOGrotesk-Light.otf') format('opentype');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bdogrotesk';
  src: url('../fonts/BDOGrotesk-Black.otf') format('opentype');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bdogrotesk';
  src: url('../fonts/BDOGrotesk-DemiBold.otf') format('opentype');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Bdogrotesk';
  src: url('../fonts/BDOGrotesk-Medium.otf') format('opentype');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 700';
  src: url('../fonts/UfficioDisplay-700.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 900';
  src: url('../fonts/UfficioDisplay-900.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 300';
  src: url('../fonts/UfficioDisplay-300.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 400';
  src: url('../fonts/UfficioDisplay-400.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 500';
  src: url('../fonts/UfficioDisplay-500.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 600';
  src: url('../fonts/UfficioDisplay-600.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Ufficiodisplay 800';
  src: url('../fonts/UfficioDisplay-800.otf') format('opentype');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}