:root {
  --color--black: black;
  --color--white: white;
  --font-family--heading: "Geist Mono", sans-serif;
  --font-size: 1rem;
  --font-size-desktop--small: 1rem;
  --spacing--xlarge: 7.5rem;
  --spacing--container-desktop: 2rem;
  --spacing--main: 2rem;
  --spacing--xsmall: .75rem;
  --gap--mini\<deleted\|variable-c5e169f5-e0ec-4045-9f56-fa237abb5b38\>: .5em;
  --font-size-desktop--large: 4rem;
  --spacing--huge: 10rem;
  --spacing--large: 5rem;
  --gap--small: var(--spacing--main);
  --gap--med\<deleted\|variable-196f1660-85b7-2eda-5ec8-e43ca0f5032d\>: 2em;
  --text--eyebrow\<deleted\|variable-78e0f453-517b-9203-b404-66d3ccf47fef\>: .6rem;
  --radius--large\<deleted\|variable-cb40b4fe-3405-c18f-556a-58c7cb6b32c8\>: 3rem;
  --font-size-desktop--display: 8.75rem;
  --font-size-desktop--medium: 2.5rem;
  --spacing--small: 1.5rem;
  --radius--small: .125rem;
  --heading--h6\<deleted\|variable-211419a6-9735-1df7-0112-f084880b8b07\>: var(--font-size);
  --color--primary\<deleted\|variable-603f4f33-eae8-822f-e5d0-3f242f4229a9\>: #f5ab35;
  --heading--h1\<deleted\|variable-e39e1961-40e5-1dac-07c5-ab0eca346a88\>: var(--font-size-desktop--display);
  --spacing--medium: 2.5rem;
  --radius--main: .25rem;
  --font-family--main: "Geist Mono", sans-serif;
  --font-size-fluid--small: 1.1vw;
  --font-size-mobile--main: 1rem;
  --font-size-fluid--main: 1.7vw;
  --font-size-mobile--medium: 1.25rem;
  --font-size-fluid--medium: 2.85vw;
  --spacing--container-tablet: 6vw;
  --font-size-fluid--large: 4.5vw;
  --font-size-fluid--display: 9.55vw;
  --font-size-mobile--small: .625rem;
  --font-size-mobile--large: 1.5rem;
  --font-size-mobile--display: 4rem;
}

body {
  background-color: var(--color--black);
  color: var(--color--white);
  font-family: Geist Mono, sans-serif;
  line-height: 1.4;
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
}

h1 {
  font-family: var(--font-family--heading);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--display), var(--font-size-fluid--display), var(--font-size-fluid--display));
  margin-top: 0;
  margin-bottom: 0;
}

h2 {
  font-family: var(--font-family--heading);
  letter-spacing: -.02ch;
  text-transform: uppercase;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--large), var(--font-size-fluid--large), var(--font-size-fluid--large));
  margin-top: 0;
  margin-bottom: 0;
}

h3 {
  font-family: var(--font-family--heading);
  letter-spacing: -.02ch;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--medium), var(--font-size-fluid--medium), var(--font-size-fluid--medium));
  margin-top: 0;
  margin-bottom: 0;
}

h4, h5, h6 {
  font-family: var(--font-family--heading);
  font-weight: 400;
  line-height: 1.2;
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
  margin-top: 0;
  margin-bottom: 0;
}

p {
  font-size: var(--font-size);
  text-wrap: pretty;
  color: inherit;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.4;
}

a {
  color: inherit;
  font-size: 1em;
  text-decoration: none;
}

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

li {
  font-size: 1.25em;
  list-style-type: disc;
}

img {
  object-fit: cover;
  background-color: #0000;
  width: 100%;
  max-width: 100%;
  display: inline-block;
}

label {
  letter-spacing: .05em;
  text-transform: uppercase;
  margin-bottom: .4rem;
  display: block;
}

blockquote {
  border-left: .3em solid #e2e2e2;
  margin-bottom: 1em;
  padding: 1em 2em 1em 1.7em;
  font-size: 1.2em;
  line-height: 1.6;
}

figcaption {
  font-size: var(--font-size-desktop--small);
  text-align: center;
  margin-top: 5px;
}

.container {
  width: 100%;
  max-width: 160rem;
  padding: var(--spacing--xlarge) var(--spacing--container-desktop) var(--spacing--main);
  margin-left: auto;
  margin-right: auto;
  position: relative;
}

.container.is-guides {
  outline-offset: 0px;
  outline: 3px solid #ffecb5;
  height: 100%;
}

.container.is-taxi-test {
  justify-content: center;
  align-items: center;
  height: 100vh;
  display: flex;
}

.container.hero-home-container {
  height: 100%;
}

.container.about {
  padding-top: var(--spacing--main);
}

.container.utility {
  height: 100%;
}

.style__item {
  grid-column-gap: var(--spacing--main);
  grid-row-gap: var(--spacing--main);
  flex-flow: column;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: minmax(0, 1fr);
  justify-content: flex-start;
  place-items: end stretch;
}

.style__item.style__item--grid {
  grid-column-gap: var(--spacing--main);
  grid-row-gap: var(--spacing--main);
  grid-column-gap: var(--spacing--main);
  grid-row-gap: var(--spacing--main);
  grid-template-rows: auto;
  grid-template-columns: minmax(0, 1fr) 1fr 1fr 1fr 1fr 1fr;
}

.rich-text {
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
  text-wrap: balance;
}

.rich-text p {
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
  margin-top: 0;
  margin-bottom: 1.4rem;
}

.rich-text h1 {
  margin-top: 0;
  margin-bottom: .4rem;
}

.rich-text h2, .rich-text h3, .rich-text h4, .rich-text h5, .rich-text h6 {
  margin-top: 2rem;
  margin-bottom: 1rem;
}

.rich-text a {
  font-weight: 600;
  text-decoration: underline;
}

.rich-text blockquote {
  font-size: var(--font-size-desktop--small);
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding: 1rem 1.5rem;
}

.rich-text li {
  font-size: 1.2rem;
}

.rich-text ul {
  margin-top: 2rem;
  margin-bottom: 2rem;
  padding-left: 2rem;
}

.page-wrapper {
  width: 100vw;
  position: relative;
  overflow: clip;
}

.main-wrapper {
  width: 100vw;
  height: 100%;
  padding-top: 0;
}

.h1 {
  font-family: var(--font-family--heading);
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--display), var(--font-size-fluid--display), var(--font-size-fluid--display));
}

.h2 {
  font-family: var(--font-family--heading);
  letter-spacing: -.02em;
  text-transform: uppercase;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--large), var(--font-size-fluid--large), var(--font-size-fluid--large));
}

.h3 {
  font-family: var(--font-family--heading);
  letter-spacing: -.02em;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--medium), var(--font-size-fluid--medium), var(--font-size-fluid--medium));
}

.h4, .h5 {
  font-family: var(--font-family--heading);
  font-weight: 400;
  line-height: 1.2;
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
}

.h6 {
  font-family: var(--font-family--heading);
  font-weight: 400;
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
}

.style__item--grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  flex-flow: wrap;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.style__container.container {
  padding-top: var(--spacing--huge);
  padding-top: var(--spacing--huge);
}

.style__header {
  grid-column-gap: var(--spacing--xsmall);
  grid-row-gap: var(--spacing--xsmall);
  flex-flow: column;
  display: flex;
}

.style__subtitle.text-size-small {
  max-width: 42ch;
}

.text-size-small {
  font-size: clamp(var(--font-size-mobile--small), var(--font-size-fluid--small), var(--font-size-fluid--small));
}

.style__divider {
  width: 100%;
  height: .0625rem;
  margin-top: var(--spacing--medium);
  background-color: var(--color--white);
}

.style__list {
  padding-top: var(--spacing--xlarge);
  grid-column-gap: var(--spacing--xlarge);
  grid-row-gap: var(--spacing--xlarge);
  flex-flow: column;
  display: flex;
}

.style__group {
  grid-column-gap: var(--spacing--medium);
  grid-row-gap: var(--spacing--medium);
  flex-flow: column;
  display: flex;
}

.style__group-header {
  margin-bottom: var(--spacing--medium);
}

.text-size-display {
  letter-spacing: -.02ch;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--display), var(--font-size-fluid--display), var(--font-size-fluid--display));
}

.text-size-large {
  letter-spacing: -.02ch;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--large), var(--font-size-fluid--large), var(--font-size-fluid--large));
}

.text-size-medium {
  letter-spacing: -.02ch;
  font-weight: 600;
  line-height: .95;
  font-size: clamp(var(--font-size-mobile--medium), var(--font-size-fluid--medium), var(--font-size-fluid--medium));
}

.text-size-main {
  line-height: 1.4;
  font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
}

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

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

.text-font-heading {
  font-family: var(--font-family--heading);
}

.text-block {
  font-family: var(--font-family--main);
}

@media screen and (max-width: 991px) {
  p {
    font-size: clamp(var(--font-size-mobile--main), var(--font-size-fluid--main), var(--font-size-fluid--main));
  }

  li {
    font-size: 1.25rem;
  }

  label {
    font-size: .8rem;
  }

  blockquote {
    font-size: 1.2rem;
  }

  .style__item {
    grid-column-gap: var(--gap--mini\<deleted\|variable-c5e169f5-e0ec-4045-9f56-fa237abb5b38\>);
    grid-row-gap: var(--gap--mini\<deleted\|variable-c5e169f5-e0ec-4045-9f56-fa237abb5b38\>);
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .style__item.is--2 {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .rich-text p {
    font-size: 1.25rem;
  }

  .rich-text h1 {
    font-size: 3.28rem;
  }

  .rich-text h2 {
    font-size: 2.5rem;
  }

  .rich-text h3 {
    font-size: 2.19rem;
  }

  .rich-text h4 {
    font-size: 1.65rem;
  }

  .rich-text h5 {
    font-size: 1.25rem;
  }

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

  .main-wrapper {
    padding-top: 0;
  }

  .form__input {
    font-size: 1rem;
  }

  .form__submit {
    font-size: 1.25rem;
  }

  .style__item--block {
    grid-row-gap: var(--gap--med\<deleted\|variable-196f1660-85b7-2eda-5ec8-e43ca0f5032d\>);
  }

  .grid-main.is-overlay {
    grid-column-gap: 1.25vw;
    grid-column-gap: 1.25vw;
  }

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

  .btn-inner.is--primary {
    padding: .8rem 1.5rem;
  }

  .text-button {
    font-size: var(--font-size-desktop--medium);
  }

  .cursor-w {
    display: none;
  }

  .style__eyebrow {
    width: 100%;
  }

  .navbar__layout.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .hero-home.section {
    height: 100svh;
  }

  .hero-home__layout.grid-main {
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
    flex-flow: row;
    justify-content: flex-start;
    align-items: center;
    height: 87%;
    display: flex;
  }

  .hero-home__header {
    width: 52%;
  }

  .hero-home__content {
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
  }

  .about__layout.grid-main {
    flex-flow: column;
    display: flex;
  }

  .about__content.grid-main {
    flex-flow: column;
    align-self: flex-start;
    align-items: flex-start;
    padding-top: 0;
    padding-bottom: 0;
    display: flex;
  }

  .about__visual {
    aspect-ratio: 1;
  }

  .about__header {
    margin-bottom: var(--spacing--small);
  }

  .about__title.h2 {
    max-width: 23ch;
  }

  .about__subcontent {
    max-width: 24ch;
    margin-top: var(--spacing--medium);
    grid-column-gap: var(--spacing--xsmall);
    grid-row-gap: var(--spacing--xsmall);
    flex-flow: column;
    align-self: flex-start;
    display: flex;
  }

  .about__eyebrow.text-size-small {
    order: -1;
  }

  .works__container.container {
    height: auto;
    padding-top: var(--spacing--medium);
    padding-bottom: var(--spacing--xlarge);
    height: auto;
    padding-top: var(--spacing--medium);
    padding-bottom: var(--spacing--xlarge);
  }

  .works__layout.grid-main {
    grid-column-gap: var(--spacing--main);
    grid-row-gap: var(--spacing--large);
    grid-column-gap: var(--spacing--main);
    grid-row-gap: var(--spacing--large);
    flex-flow: column;
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    position: relative;
  }

  .works__title.text-size-display {
    text-align: left;
    text-align: left;
    max-width: 6ch;
  }

  .works__btn--list {
    align-self: flex-start;
    width: 100%;
  }

  .works__wrapper {
    width: 100%;
  }

  .works__list {
    flex-flow: column;
    width: 100%;
  }

  .works__item {
    width: 100%;
  }

  .services__container.container {
    padding-top: var(--spacing--xlarge);
    padding-top: var(--spacing--xlarge);
  }

  .services__content.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .services__visual {
    display: none;
  }

  .services__details-wrapper {
    justify-content: flex-end;
    align-items: center;
  }

  .services__wrapper.grid-main {
    grid-column: 1 / -1;
  }

  .footer__subcontent.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .footer__contact {
    grid-column-gap: var(--spacing--large);
    grid-row-gap: var(--spacing--large);
  }

  .footer__contact-list {
    grid-column-gap: var(--spacing--main);
    grid-row-gap: var(--spacing--main);
  }

  .footer__sitemap-list {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
  }

  .hero-home__title-line {
    width: 100%;
  }

  .cursor__wrapper {
    display: none;
  }

  .navbar__menu {
    transform: scale3d(1, 0, 1);
  }

  .hero__container.container {
    align-items: center;
  }

  .hero__layout.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
    align-items: center;
    width: 90%;
    margin-top: 48px;
  }

  .hero__layout.grid-main.is--blog {
    grid-row-gap: var(--spacing--main);
    grid-row-gap: var(--spacing--main);
  }

  .hero__title.h1 {
    width: 100%;
  }

  .approach__container.container {
    padding-bottom: var(--spacing--medium);
    padding-bottom: var(--spacing--medium);
  }

  .approach__layout.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .approach__title.h2 {
    text-wrap: balance;
    text-wrap: balance;
    margin-bottom: 0;
  }

  .team__list-wrapper {
    grid-column: 3 / span 4;
  }

  .team__list {
    grid-column: 1 / span 4;
  }

  .approach__content {
    grid-column: 1 / span 6;
  }

  .team__layout2.grid-main, .services-main__layout.grid-main, .services-main__layout.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

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

  .services-main__visual {
    aspect-ratio: 13.78 / 8;
  }

  .contact-hero__layout.grid-main, .contact-main__layout.grid-main, .contact-main__layout.grid-main {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  }

  .utility__header {
    justify-content: flex-start;
    align-items: flex-start;
    display: flex;
  }

  .utility__title {
    text-align: left;
  }

  .utility__header-text.text-size-small {
    margin-right: var(--spacing--large);
    margin-right: var(--spacing--large);
  }

  .utility__layout.grid-main {
    flex-flow: column;
    display: flex;
  }

  .utility__content {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    flex-flow: column;
    display: flex;
  }

  .utility__paragraph.text-size-small {
    max-width: 30%;
  }

  .privacy-policy__grid.grid-main {
    flex-flow: column;
    display: flex;
  }

  .portfolio {
    overflow: visible;
  }

  .paragraph-2 {
    font-size: 17px;
    font-weight: 200;
  }

  .div-block {
    width: 100%;
    padding-top: 20px;
    padding-bottom: 0;
  }

  .section-2 {
    justify-content: flex-end;
    padding-top: 0;
  }

  .section-3 {
    padding-left: 40px;
  }

  .image-9 {
    width: 28%;
    height: 108px;
  }

  .section-4 {
    flex-flow: column;
    align-items: flex-start;
    margin-bottom: 40px;
    padding-bottom: 20px;
    padding-left: 40px;
  }

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

  .text-block-2 {
    padding-top: 10px;
    font-size: 23px;
    font-weight: 300;
  }

  .text-block-3, .text-block-4, .text-block-5 {
    font-size: 1rem;
  }

  .image-16 {
    width: 50%;
    height: 100%;
  }

  .div-block-5 {
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
    width: 50%;
    height: 100%;
  }

  .div-block-6 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3de33d4976e3c8a14834d_4coportfolio-Recuperado2.png");
    background-position: 50% 52%;
    background-size: cover;
    width: 100%;
    height: 147vh;
    margin-top: 60px;
    margin-bottom: 40px;
  }

  .div-block-7 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272f90ce3a10fa322f_Untitled%20(1).png");
    background-position: 50% 62%;
    background-size: 173% 184%;
    height: 95%;
  }

  .div-block-8 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d27a12d9e8de4e889e5_Untitled%20(2).png");
    background-position: 50% 62%;
    background-size: 1208px 1472px;
    height: 100%;
  }

  .div-block-9 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d279d79337ae787424a_Untitled%20(3).png");
    background-position: 50% 59%;
    background-size: 174% 173%;
    height: 95%;
  }

  .div-block-10 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264187_Untitled%20(4).png");
    background-position: 50% 57%;
    background-size: 174% 169%;
    height: 95%;
    margin-top: 20px;
    padding-top: 0;
  }

  .div-block-11 {
    cursor: auto;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264184_Untitled.png");
    background-position: 50% 62%;
    background-size: 173% 184%;
    height: 95%;
  }

  .paragraph-3 {
    width: auto;
    font-size: var(--font-size);
    font-weight: 200;
  }

  .section-5 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .paragraph-4 {
    font-size: var(--font-size);
    font-weight: 200;
  }

  .div-block-14 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3de202b0b7d47f53e7c08_4coportfolio-Recuperado3.png");
    background-position: 50%;
    background-size: cover;
    height: 147vh;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 40px;
  }

  .section-7 {
    margin-bottom: 100px;
  }

  .paragraph-5 {
    padding-left: 275px;
  }

  .paragraph-6 {
    width: auto;
    font-size: var(--font-size);
    font-weight: 200;
  }

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

  .section-9 {
    padding-top: 0;
    padding-right: 425px;
  }

  .paragraph-7 {
    margin-bottom: 0;
    padding-bottom: 10px;
  }

  .div-block-15 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3def78fafb65f88a70561_4coportfolio-Recuperado4.png");
    background-size: cover;
    height: 147vh;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .paragraph-8 {
    font-size: var(--font-size);
    font-weight: 200;
  }

  .section-10 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    justify-content: center;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .paragraph-9 {
    font-size: var(--font-size);
    font-weight: 200;
  }

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

  .div-block-16 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3f861da328167518385f9_4coportfolio-Recuperado5.png");
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    width: 100%;
    height: 147vh;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
    display: flex;
  }

  .div-block-17 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3d815ced6e65f05c46117_4coportfolio-Recuperado2.png");
    background-size: cover;
    flex-flow: column;
    justify-content: space-around;
    height: 147vh;
    margin-top: 40px;
    margin-bottom: 60px;
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
  }

  .div-block-18 {
    grid-column-gap: 46px;
    grid-row-gap: 46px;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3e39c92de14c431bb7ecc_4coportfolio-Recuperado7.png");
    background-position: 50%;
    background-size: cover;
    flex-flow: column;
    justify-content: flex-start;
    height: 147vh;
    margin-top: 60px;
    padding-top: 80px;
    display: flex;
  }

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

  .paragraph-11 {
    font-size: 1rem;
    font-weight: 200;
  }

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

  .image-18 {
    width: 40%;
  }

  .paragraph-12, .paragraph-13 {
    font-size: 1rem;
    font-weight: 200;
  }

  .paragraph-14 {
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: 200;
  }

  .paragraph-15 {
    font-size: 1rem;
    font-weight: 200;
  }

  .paragraph-16, .paragraph-18 {
    font-size: .75rem;
    font-weight: 100;
  }

  .paragraph-20 {
    float: none;
    font-size: 1rem;
    font-weight: 200;
  }

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

  .section-15 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    margin-top: 100px;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .heading-14 {
    font-size: clamp(var(--font-size-mobile--medium), var(--font-size-fluid--medium), var(--font-size-fluid--medium));
  }

  .heading-20 {
    float: none;
  }

  .heading-21 {
    font-weight: 600;
  }

  .section-16, .section-17, .section-18, .section-19 {
    grid-column-gap: 8px;
    grid-row-gap: 8px;
    flex-flow: column;
    padding-left: 20px;
    padding-right: 20px;
    display: flex;
  }

  .paragraph-22 {
    font-size: 1rem;
    font-weight: 200;
  }

  .div-block-24 {
    margin-left: 140px;
  }

  .div-block-25 {
    margin-right: 140px;
  }

  .div-block-26 {
    margin-left: 300px;
  }

  .div-block-27 {
    margin-right: 0;
  }

  .div-block-28 {
    margin-right: 220px;
  }

  .div-block-29 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .paragraph-23 {
    font-size: var(--spacing--xsmall);
  }
}

@media screen and (max-width: 767px) {
  .style__item {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .main-wrapper {
    padding-top: 0;
  }

  .text-eyebrow, .text-button {
    font-size: .8rem;
  }

  .hero-home.section {
    height: 115svh;
  }

  .hero-home__container.container {
    height: 100vh;
  }

  .hero-home__layout.grid-main {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .hero-home__header {
    width: 100%;
  }

  .hero-home__content {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
  }

  .hero-home__visual {
    order: 1;
  }

  .hero-home__paragraph.text-size-main {
    order: -1;
  }

  .about__subcontent {
    width: 100%;
    max-width: none;
  }

  .about__paragraph.text-size-small {
    max-width: 48ch;
  }

  .works__layout.grid-main {
    grid-row-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  .works__header {
    padding-right: 0;
  }

  .works__title.text-size-display {
    max-width: 6ch;
  }

  .works__wrapper {
    margin-top: var(--spacing--medium);
  }

  .services__content.grid-main {
    flex-flow: column;
    display: flex;
  }

  .services__item.grid-main {
    place-items: start stretch;
  }

  .services__item-details {
    flex-flow: column;
    justify-content: flex-start;
    align-items: flex-end;
  }

  .services__wrapper.grid-main {
    display: flex;
  }

  .footer__subcontent.grid-main {
    flex-flow: column;
    display: flex;
  }

  .footer__contact {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
  }

  .footer__contact-list {
    margin-bottom: var(--spacing--medium);
  }

  .footer__legal {
    justify-content: space-between;
    align-items: center;
  }

  .footer__link-list {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: row;
  }

  .navbar__menu-layout.grid-main {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
    display: flex;
  }

  .navbar__menu-list {
    padding-top: 0;
  }

  .navbar__menu-visual {
    aspect-ratio: 6.71 / 4;
    height: auto;
  }

  .hero.section, .hero__container.container, .hero__container.container {
    height: 100%;
  }

  .hero__visual {
    aspect-ratio: auto;
  }

  .services-main__subsection {
    height: auto;
    margin-bottom: 0;
  }

  .services-main__layout.grid-main {
    flex-flow: column;
    height: auto;
    display: flex;
  }

  .services-main__title.h2 {
    width: 100%;
  }

  .services-main__item-paragraph.text-size-small {
    max-width: 45ch;
  }

  .work-hero__services-wrapper {
    width: 50%;
  }

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

  .blog__articles-item:first-child {
    grid-column: span 1;
  }

  .contact-hero__layout.grid-main {
    grid-row-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    flex-flow: column;
    display: flex;
  }

  .contact-hero__subcontent {
    flex-flow: column;
    display: flex;
  }

  .contact-hero__infos {
    padding-top: var(--spacing--main);
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
    justify-content: flex-start;
    align-items: center;
  }

  .contact-main__layout.grid-main {
    flex-flow: column;
    display: flex;
  }

  .utility__title {
    max-width: 7ch;
  }

  .utility__header-text.text-size-small {
    align-self: flex-start;
  }

  .utility__paragraph.text-size-small {
    max-width: 50%;
  }

  .changelog__title.changelog__title-small.h2 {
    margin-bottom: var(--spacing--medium);
    margin-bottom: var(--spacing--medium);
    margin-bottom: var(--spacing--medium);
  }

  .changelog__content {
    padding-top: var(--spacing--large);
  }

  .changelog__list {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
  }

  .license__title.changelog__title-small.h2 {
    margin-bottom: var(--spacing--medium);
    margin-bottom: var(--spacing--medium);
    margin-bottom: var(--spacing--medium);
  }

  .license__content {
    padding-top: var(--spacing--large);
  }

  .license__content.grid-main {
    flex-flow: column;
    display: flex;
  }

  .license__content-list {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
  }

  .portfolio {
    height: auto;
  }

  .paragraph-2 {
    font-size: 15px;
    line-height: 2.4;
  }

  .div-block {
    padding-right: 0;
  }

  .image-9 {
    width: 42%;
  }

  .image-16 {
    width: 45%;
  }

  .div-block-5 {
    justify-content: center;
    align-items: flex-end;
    width: 100%;
    height: auto;
    padding-left: 0;
    padding-right: 20px;
  }

  .div-block-6 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3de33d4976e3c8a14834d_4coportfolio-Recuperado2.png");
    background-position: 50%;
    background-size: cover;
    width: 100%;
    height: 100vh;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .div-block-7 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272f90ce3a10fa322f_Untitled%20(1).png");
    background-position: 50% 66%;
    background-repeat: repeat;
    background-size: auto;
    background-attachment: scroll;
    height: 73%;
    margin-top: 40px;
    padding-top: 0;
  }

  .div-block-8 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d27a12d9e8de4e889e5_Untitled%20(2).png");
    background-position: 50%;
    background-size: auto;
    height: 73%;
    margin-top: 40px;
  }

  .div-block-9 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d279d79337ae787424a_Untitled%20(3).png");
    background-position: 50%;
    background-size: auto;
    height: 73%;
    margin-top: 40px;
  }

  .div-block-10 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264187_Untitled%20(4).png");
    background-position: 50%;
    background-size: auto;
    height: 73%;
    margin-top: 40px;
  }

  .div-block-11 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264184_Untitled.png");
    background-position: 50%;
    background-size: auto;
    height: 73%;
    margin-top: 40px;
  }

  .paragraph-3 {
    font-size: var(--spacing--xsmall);
    font-weight: 300;
  }

  .heading-8 {
    font-size: 1rem;
  }

  .section-5 {
    padding-left: 20px;
    padding-right: 20px;
  }

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

  .section-6 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-4 {
    font-size: var(--spacing--xsmall);
    font-weight: 300;
  }

  .div-block-14 {
    background-position: 50% 68%;
    background-size: cover;
    height: 100vh;
    margin-top: 40px;
    margin-bottom: 40px;
    padding-top: 60px;
    padding-bottom: 60px;
  }

  .section-7 {
    margin-bottom: 80px;
  }

  .paragraph-5 {
    font-size: var(--font-size);
    padding-left: 185px;
  }

  .heading-10 {
    font-size: 1rem;
  }

  .paragraph-6 {
    font-size: var(--spacing--xsmall);
    font-weight: 300;
  }

  .section-8 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-9 {
    padding-right: 290px;
  }

  .paragraph-7 {
    font-size: var(--font-size);
    margin-bottom: 0;
    padding-bottom: 0;
  }

  .div-block-15 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3def78fafb65f88a70561_4coportfolio-Recuperado4.png");
    background-size: cover;
    height: 147vh;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .paragraph-8 {
    font-size: var(--spacing--xsmall);
    font-weight: 300;
  }

  .section-10 {
    padding-left: 20px;
  }

  .paragraph-9 {
    font-size: var(--spacing--xsmall);
    text-align: left;
    color: inherit;
    font-weight: 300;
  }

  .section-11 {
    padding-left: 20px;
  }

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

  .heading-12 {
    text-align: left;
    font-size: 1rem;
  }

  .div-block-16 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3f861da328167518385f9_4coportfolio-Recuperado5.png");
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    height: 100vh;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
  }

  .div-block-17 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3d815ced6e65f05c46117_4coportfolio-Recuperado2.png");
    background-size: cover;
    margin-top: 40px;
    margin-bottom: 40px;
  }

  .div-block-18 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3e39c92de14c431bb7ecc_4coportfolio-Recuperado7.png");
    background-size: cover;
  }

  .section-12 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-11 {
    color: inherit;
    margin-bottom: 20px;
    font-size: .75rem;
    font-weight: 300;
  }

  .section-13 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-13 {
    margin-bottom: 20px;
    font-size: 1rem;
  }

  .image-18 {
    width: 45%;
  }

  .paragraph-12, .paragraph-13 {
    font-size: .75rem;
    font-weight: 300;
  }

  .paragraph-14 {
    margin-bottom: 40px;
    font-size: .75rem;
    font-weight: 300;
  }

  .paragraph-15 {
    margin-bottom: 10px;
    font-size: .75rem;
    font-weight: 300;
  }

  .paragraph-16 {
    margin-bottom: 10px;
    font-size: .57rem;
    font-weight: 200;
  }

  .paragraph-17 {
    font-size: .75px;
    font-weight: 300;
  }

  .paragraph-18 {
    margin-bottom: 10px;
    font-size: .57rem;
    font-weight: 200;
  }

  .paragraph-20 {
    font-size: .75rem;
    font-weight: 300;
  }

  .section-14 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-15 {
    margin-top: 172px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .heading-14, .heading-16 {
    font-size: 1rem;
  }

  .heading-17 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .heading-18, .heading-19, .heading-20 {
    font-size: 1rem;
  }

  .heading-21 {
    margin-bottom: 20px;
    font-size: 1rem;
    font-weight: 600;
  }

  .section-16, .section-17, .section-18, .section-19 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .paragraph-21 {
    font-size: 1.5rem;
  }

  .heading-22 {
    font-size: 1rem;
  }

  .paragraph-22 {
    margin-bottom: 10px;
    font-size: .75rem;
    font-weight: 300;
  }

  .div-block-21 {
    padding-left: 0;
  }

  .div-block-25 {
    margin-right: 0;
  }

  .div-block-26 {
    margin-left: 260px;
  }

  .div-block-27 {
    margin-right: 0;
  }

  .div-block-28 {
    margin-right: 140px;
  }

  .div-block-29 {
    grid-column-gap: 15px;
    grid-row-gap: 15px;
  }

  .paragraph-23 {
    width: auto;
  }

  .div-block-32 {
    width: 45%;
    margin-right: 0;
    padding-right: 0;
  }

  .navbar__menu-list-2 {
    padding-top: 0;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-right: var(--spacing--xsmall);
    padding-left: var(--spacing--xsmall);
  }

  .main-wrapper {
    height: 100%;
    padding-top: 0;
    padding-left: 0;
  }

  .h-display {
    font-size: 6rem;
  }

  .btn-block {
    flex-wrap: wrap;
  }

  .navbar__layout.grid-main {
    place-items: center stretch;
  }

  .hero-home.section {
    height: 110svh;
    min-height: 0;
  }

  .hero-home__layout.grid-main {
    grid-column-gap: var(--gap--small);
    grid-row-gap: var(--gap--small);
    grid-column-gap: var(--gap--small);
    grid-row-gap: var(--gap--small);
    height: 87%;
  }

  .hero-home__paragraph.text-size-main {
    text-wrap: balance;
    text-wrap: balance;
  }

  .about__title.h2 {
    max-width: none;
  }

  .works__list.grid-main {
    display: flex;
  }

  .works__item.main:first-child {
    padding-top: 0;
  }

  .works__item-content {
    padding-top: var(--spacing--medium);
  }

  .works__services-list {
    grid-column-gap: .5rem;
    grid-row-gap: .5rem;
  }

  .services__layout, .footer__layout {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
  }

  .footer__title.h1 {
    font-size: 2.5rem;
  }

  .home-hero__title-text {
    width: 100%;
    font-size: 50px;
  }

  .navbar__menu {
    transform: scale3d(1, 0, 1);
  }

  .navbar__menu-layout.grid-main {
    height: 70%;
  }

  .navbar__menu-list {
    width: 100%;
  }

  .hero.section {
    height: 100%;
  }

  .hero__layout.grid-main {
    grid-row-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    display: flex;
  }

  .hero__title-text.is--first {
    font-size: 36px;
    font-weight: 400;
  }

  .hero__title-text.is--second {
    font-size: 36px;
  }

  .hero__cta {
    align-self: flex-start;
    width: 100%;
  }

  .hero__visual {
    aspect-ratio: auto;
  }

  .approach__container.container {
    padding-top: var(--spacing--medium);
    padding-top: var(--spacing--medium);
  }

  .approach__layout.grid-main {
    grid-row-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    display: flex;
  }

  .approach__content {
    grid-row-gap: var(--spacing--medium);
    flex-flow: column;
    display: flex;
  }

  .approach__item {
    grid-column-gap: var(--spacing--small);
    grid-row-gap: var(--spacing--small);
  }

  .team__layout2.grid-main {
    flex-flow: column;
    display: flex;
  }

  .team__content {
    grid-column-gap: var(--spacing--main);
    grid-row-gap: var(--spacing--main);
  }

  .work-hero__services-wrapper {
    width: 80%;
  }

  .article-content__rich-text {
    width: 100%;
    padding-left: 0;
  }

  .contact-main__field::placeholder {
    font-size: var(--font-size-desktop--small);
  }

  .utility__title {
    max-width: 5ch;
  }

  .utility__layout.grid-main {
    grid-row-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
  }

  .license__title.changelog__title-small.h2 {
    margin-bottom: var(--spacing--xsmall);
    margin-bottom: var(--spacing--xsmall);
    margin-bottom: var(--spacing--xsmall);
  }

  .license__content-header {
    grid-column-gap: var(--spacing--xsmall);
    grid-row-gap: var(--spacing--xsmall);
    flex-flow: column;
    display: flex;
  }

  .license__content-item {
    margin-bottom: var(--spacing--main);
    grid-column-gap: var(--spacing--xsmall);
    grid-row-gap: var(--spacing--xsmall);
  }

  .privacy-policy__container.container {
    padding-bottom: var(--spacing--medium);
    padding-bottom: var(--spacing--medium);
  }

  .privacy-policy__header {
    grid-column-gap: var(--spacing--medium);
    grid-row-gap: var(--spacing--medium);
  }

  .privacy-policy__content {
    padding-top: var(--spacing--medium);
  }

  .portfolio {
    height: auto;
    padding-top: 0;
  }

  .hero__visual-copy {
    aspect-ratio: 3 / 2;
    width: 100%;
    overflow: visible;
  }

  .paragraph-2 {
    font-size: 11px;
    font-weight: 200;
    line-height: 2.5;
  }

  .div-block {
    justify-content: center;
    align-items: center;
    width: 100%;
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
  }

  .section-2 {
    height: 50px;
  }

  .section-3 {
    padding-left: 20px;
  }

  .image-9 {
    width: 28%;
    min-width: 125px;
    height: 100%;
  }

  .section-4 {
    padding-left: 20px;
  }

  .heading-7 {
    font-size: 2rem;
  }

  .text-block-2 {
    font-size: 17px;
    font-weight: 300;
  }

  .text-block-3 {
    font-size: .75rem;
    font-weight: 100;
    line-height: 1.4;
  }

  .text-block-4, .text-block-5 {
    font-size: .75rem;
    font-weight: 100;
  }

  .div-block-4 {
    width: 100%;
  }

  .image-16 {
    width: 30%;
    height: auto;
  }

  .div-block-5 {
    flex-flow: column;
    width: 100%;
    height: 100%;
  }

  .div-block-6 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3de33d4976e3c8a14834d_4coportfolio-Recuperado2.png");
    background-position: 50% 85%;
    background-size: 1280px;
    justify-content: space-between;
    width: 100%;
    height: 137vh;
    margin-top: 80px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 40px;
  }

  .div-block-7 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272f90ce3a10fa322f_Untitled%20(1).png");
    background-position: 50%;
    background-size: 604px;
    height: 50%;
  }

  .div-block-8 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d27a12d9e8de4e889e5_Untitled%20(2).png");
    background-position: 50%;
    background-size: 604px;
    height: 50%;
  }

  .div-block-9 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d279d79337ae787424a_Untitled%20(3).png");
    background-position: 50%;
    background-size: 604px;
    height: 50%;
  }

  .div-block-10 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264187_Untitled%20(4).png");
    background-position: 50%;
    background-size: 604px;
    height: 50%;
  }

  .div-block-11 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69d98d272dd5213dd6264184_Untitled.png");
    background-position: 50%;
    background-size: 604px;
    height: 50%;
  }

  .div-block-12 {
    justify-content: center;
    align-items: center;
    height: 100vh;
    display: flex;
  }

  .paragraph-3 {
    width: 100%;
    padding-left: 0;
    padding-right: 20px;
    font-size: .85rem;
    font-weight: 300;
  }

  .heading-8 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .section-5 {
    padding-left: 20px;
  }

  .heading-9 {
    width: 100%;
    margin-top: 0;
    padding-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 1rem;
  }

  .section-6 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-left: 25px;
  }

  .paragraph-4 {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .div-block-14 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3de202b0b7d47f53e7c08_4coportfolio-Recuperado3.png");
    height: 100vh;
    margin-top: 20px;
    margin-bottom: 20px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section-7 {
    margin-bottom: 0;
    padding-left: 166px;
  }

  .paragraph-5 {
    margin-bottom: 91px;
    padding-left: 0;
    font-size: .85rem;
  }

  .heading-10 {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .paragraph-6 {
    margin-bottom: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 200;
  }

  .section-8 {
    margin-bottom: 40px;
    padding-left: 20px;
  }

  .section-9 {
    justify-content: center;
    margin-top: 0;
    padding-bottom: 70px;
    padding-left: 15px;
    padding-right: 0;
    font-size: .6rem;
    font-weight: 500;
  }

  .paragraph-7 {
    text-align: left;
    text-wrap: nowrap;
    width: 100%;
    margin-bottom: 0;
    font-size: .85rem;
    font-weight: 500;
    display: block;
    overflow: visible;
  }

  .div-block-15 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3def78fafb65f88a70561_4coportfolio-Recuperado4.png");
    background-size: cover;
    height: 100vh;
    margin-top: 60px;
    margin-bottom: 20px;
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .paragraph-8 {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .section-10 {
    padding-left: 20px;
  }

  .paragraph-9 {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .section-11 {
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 20px;
  }

  .paragraph-10 {
    margin-bottom: 0;
    padding: 10px 0;
    font-size: .6rem;
    font-weight: 200;
  }

  .heading-12 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .div-block-16 {
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3f861da328167518385f9_4coportfolio-Recuperado5.png");
    background-size: cover;
    flex-flow: column;
    justify-content: space-between;
    align-items: stretch;
    height: 100vh;
    margin-top: 60px;
    margin-bottom: 40px;
    padding-top: 40px;
    padding-bottom: 40px;
    display: flex;
  }

  .div-block-17 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3d815ced6e65f05c46117_4coportfolio-Recuperado2.png");
    background-position: 50% 342%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: space-around;
    align-items: stretch;
    width: 100%;
    height: 137vh;
    margin-top: 40px;
    margin-bottom: 20px;
    padding-top: 50px;
    padding-bottom: 0;
    display: flex;
  }

  .div-block-18 {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    background-image: url("https://cdn.prod.website-files.com/68850089114ee66a927bb3f9/69e3e39c92de14c431bb7ecc_4coportfolio-Recuperado7.png");
    background-position: 50% 100%;
    background-repeat: no-repeat;
    background-size: cover;
    flex-flow: column;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: 137vh;
    margin-top: 70px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-bottom: 0;
    display: flex;
  }

  .section-12 {
    flex-flow: column;
    justify-content: center;
    align-items: center;
    display: block;
  }

  .paragraph-11 {
    margin-bottom: 15px;
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .section-13 {
    width: 100%;
  }

  .heading-13 {
    margin-bottom: 80px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .image-18 {
    width: 50%;
  }

  .paragraph-12, .paragraph-13 {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .paragraph-14 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .paragraph-15 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .paragraph-16 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: .6rem;
    font-weight: 200;
  }

  .paragraph-17 {
    margin-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    font-size: .75rem;
    font-weight: 300;
  }

  .paragraph-18 {
    font-weight: 200;
  }

  .paragraph-19 {
    padding-left: 0;
    padding-right: 0;
    font-size: .6rem;
    font-weight: 200;
  }

  .paragraph-20 {
    padding-left: 0;
    padding-right: 0;
    font-size: .85rem;
    font-weight: 300;
  }

  .section-14 {
    align-items: flex-start;
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
  }

  .section-15 {
    margin-top: 160px;
    padding-top: 20px;
  }

  .heading-14 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .heading-15 {
    margin-top: 0;
    padding-top: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .heading-16, .heading-17, .heading-18 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .heading-19 {
    padding-left: 0;
    padding-right: 0;
    font-size: 1rem;
  }

  .heading-20 {
    margin-bottom: 0;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
  }

  .heading-21 {
    margin-bottom: 10px;
    padding-left: 0;
    padding-right: 0;
    font-size: 1.1rem;
    font-weight: 600;
  }

  .section-16 {
    padding-left: 20px;
    padding-right: 20px;
  }

  .section-19 {
    align-items: flex-end;
    margin-bottom: 40px;
  }

  .paragraph-21 {
    margin-left: 20px;
    font-size: 1.2rem;
  }

  .heading-22 {
    font-size: 1.1rem;
  }

  .paragraph-22 {
    font-size: .85rem;
  }

  .div-block-20, .div-block-21 {
    padding-left: 0;
  }

  .div-block-22 {
    justify-content: center;
    align-items: flex-start;
    margin-top: 0;
    padding-top: 0;
    display: flex;
  }

  .div-block-23 {
    padding-right: 0;
  }

  .div-block-24 {
    margin-left: 0;
  }

  .div-block-25 {
    margin-right: 0;
  }

  .div-block-26 {
    margin-left: 0;
  }

  .div-block-27 {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    margin-right: 0;
  }

  .div-block-28 {
    margin-bottom: 0;
    margin-right: 0;
  }

  .div-block-29 {
    width: 100%;
    margin-right: 0;
  }

  .div-block-30 {
    margin-left: 0;
  }

  .div-block-31 {
    margin-right: 0;
  }

  .paragraph-23 {
    width: 100%;
    font-size: var(--spacing--xsmall);
  }

  .div-block-32, .navbar__menu-list-2 {
    width: 100%;
  }
}

#w-node-_452f97d6-4e15-bde7-6750-943a9dab701c-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6fe5f66e-5495-6e9e-b4f9-24f70002bd1b-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_642f2b9e-810b-d4bc-ff23-ad0e5de0a8c5-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_642f2b9e-810b-d4bc-ff23-ad0e5de0a8c8-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_94a214cd-8f4c-92bb-f43f-06347224dd94-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_94a214cd-8f4c-92bb-f43f-06347224dd97-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_2821ae23-fd0b-ec4e-b042-d0d76b452ecd-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_2821ae23-fd0b-ec4e-b042-d0d76b452ed0-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-e625bac0-ba86-b9c3-4881-c6c3f2cbee7e-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-e625bac0-ba86-b9c3-4881-c6c3f2cbee81-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-_8d0914fe-1c36-261c-8b15-914a69d81a9a-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_8d0914fe-1c36-261c-8b15-914a69d81a9d-927bb432 {
  grid-area: span 1 / span 2 / span 1 / span 2;
}

#w-node-b43872e3-e8ea-dd78-0164-d737e1dfd37f-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-b43872e3-e8ea-dd78-0164-d737e1dfd382-927bb432, #w-node-cc1970fb-9e65-a4d7-33ee-e94f727c6086-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_9977bf99-c65f-0532-2811-27014b8ebcd8-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_9977bf99-c65f-0532-2811-27014b8ebcdb-927bb432, #w-node-_9977bf99-c65f-0532-2811-27014b8ebcde-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-d912dac9-c272-be08-ef82-9c76371f3c4e-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-d912dac9-c272-be08-ef82-9c76371f3c51-927bb432, #w-node-d912dac9-c272-be08-ef82-9c76371f3c54-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_48c2f2d9-6590-6ec1-b053-010e6fc54262-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_48c2f2d9-6590-6ec1-b053-010e6fc54265-927bb432, #w-node-_48c2f2d9-6590-6ec1-b053-010e6fc54268-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_05dd4b0e-d77e-67bf-adf7-6d846aa88aa2-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_05dd4b0e-d77e-67bf-adf7-6d846aa88aa5-927bb432, #w-node-_05dd4b0e-d77e-67bf-adf7-6d846aa88aa8-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-ab6739b0-1e62-5c1c-eb46-06a85deca3c2-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-ab6739b0-1e62-5c1c-eb46-06a85deca3c5-927bb432, #w-node-ab6739b0-1e62-5c1c-eb46-06a85deca3c8-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_6ef0a109-ae0f-996b-e186-2b6370a753df-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_6ef0a109-ae0f-996b-e186-2b6370a753e2-927bb432, #w-node-_6ef0a109-ae0f-996b-e186-2b6370a753e5-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_7eb7ad18-9893-e853-877b-33e13bd9e3c3-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_7eb7ad18-9893-e853-877b-33e13bd9e3c6-927bb432, #w-node-_1a299cf2-1ecf-61fc-d2d9-cb02aae4ceee-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_26b262e7-d79b-80c5-7b90-10991d17b207-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}

#w-node-_26b262e7-d79b-80c5-7b90-10991d17b20a-927bb432, #w-node-bb7bbc9e-868a-16c3-4c74-a6cb89ccc1fb-927bb432 {
  grid-area: span 1 / span 1 / span 1 / span 1;
}

#w-node-_8f0b0002-08dc-7f97-7577-58e1546266d2-927bb432 {
  grid-area: span 1 / span 4 / span 1 / span 4;
}