@import "https://fonts.googleapis.com/css2?family=inter:wght@100..900&display=swap";
:root {
  --content-width: 1218px;
  --container-offset: 15px;
  --container-width: calc(var(--content-width)  + (var(--container-offset) * 2));
  --font-family-primary: "inter", sans-serif;
  --fw-400: 400;
  --fw-500: 500;
  --fw-600: 600;
  --fw-700: 700;
  --color-white: #fff;
  --color-black: #1c1c1c;
  --color-cream-100: #fff5ec80;
  --color-cream-300: #fff5ec;
  --color-cream-400: #f3e3d4;
  --color-brown-400: #9b6b43;
  --color-brown-500: #734c23;
  --color-brown-700: #442c13;
  --color-red-400: #ff4f60;
  --color-dark-700: #222;
  --color-gray-200: #e0e3eb;
  --color-gray-300: #eaeaea;
  --color-gray-400: #94959b;
  --radius-main: 12px;
  --radius-medium: 16px;
  --radius-larger: 24px;
  --radius-huge: 55px;
  --shadow-primary: 0px 8px 8px -4px #1118270a;
  --shadow-secondary: 0px 20px 24px -4px #1118271a;
  --gradient-primary: linear-gradient(90deg, #f3e3d4 0%, #f3e3d400 90%);
  --gradient-secondary: linear-gradient(0deg, #442c13 0%, #442c1300 100%);
  --gradient-intense: linear-gradient(90deg, #f3e3d4 0%, #f3e3d4c9 40%, #f3e3d400 100%);
}

.checkbox__field:checked + .checkbox__content:after {
  opacity: 1;
}

.checkbox__field:focus + .checkbox__content:before {
  outline: 1px solid var(--color-gray-100);
  outline-offset: 1px;
}

.checkbox__field:disabled + .checkbox__content {
  opacity: .4;
  pointer-events: none;
}

html, body {
  scroll-behavior: smooth;
  overscroll-behavior-y: none;
}

body {
  background-color: var(--color-cream-400);
}

.page {
  height: var(--vh);
  font-weight: var(--fw-400);
  letter-spacing: 0;
  color: var(--color-gray-700);
  background-color: var(--color-white);
  font-optical-sizing: auto;
  font-size: clamp(16px, 1vw, 20px);
  font-style: normal;
  line-height: 1.5;
}

.page__body {
  min-width: 320px;
  min-height: var(--vh);
}

.page.open {
  overflow: hidden;
}

.container {
  padding: 0 var(--container-offset);
  width: 100%;
  max-width: var(--container-width);
  margin: 0 auto;
}

.site-container {
  min-height: var(--vh);
  grid-template-rows: 1fr auto;
  grid-template-columns: 100%;
  display: grid;
}

.main {
  padding-top: var(--header-height);
}

section, .footer__content {
  padding: 5.375rem 0;
}

@media only screen and (max-width: 992px) {
  section, .footer__content {
    padding: 60px 0;
  }
}

@media only screen and (max-width: 768px) {
  section, .footer__content {
    padding: 40px 0;
  }
}

a {
  display: block;
}

#form-request {
  z-index: 10;
  opacity: 0;
  visibility: hidden;
  margin: auto;
  transition-property: opacity, visibility;
  transition-duration: .2s;
  position: fixed;
  inset: 0;
}

#form-request:before {
  content: "";
  background-color: var(--color-black);
  opacity: .3;
  position: absolute;
  inset: 0;
}

#form-request iframe {
  z-index: 1;
  width: 90%;
  height: calc(var(--vh)  - 60px);
  max-width: 980px;
  border: none;
  margin: 30px auto;
  position: absolute;
  left: 0;
  right: 0;
}

#form-request.open {
  opacity: 1;
  visibility: visible;
}

.overlay {
  position: relative;
}

.overlay:before {
  content: "";
  background: var(--gradient-primary);
  position: absolute;
  inset: 0;
}

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

@media only screen and (max-width: 992px) {
  .overlay:before {
    background: var(--color-cream-400);
    opacity: .7;
  }
}

.hidden {
  display: none !important;
}

.sr-only {
  -webkit-clip-path: inset(50%) !important;
  clip-path: inset(50%) !important;
  width: 1px !important;
  height: 1px !important;
  white-space: nowrap !important;
  clip: rect(1px, 1px, 1px, 1px) !important;
  border: 0 !important;
  margin: -1px !important;
  padding: 0 !important;
  position: absolute !important;
  overflow: hidden !important;
}

.dis-scroll {
  width: 100%;
  height: 100dvh;
  height: calc(var(--vh, 1vh) * 100);
  overscroll-behavior: none;
  position: fixed;
  top: 0;
  left: 0;
  overflow: hidden;
}

.js-focus-visible :focus:not(.focus-visible) {
  outline: none;
}

h2, h3 {
  font-weight: var(--fw-700);
}

h1, h2, h3 {
  font-family: var(--font-family-primary);
  width: -moz-fit-content;
  width: fit-content;
  color: var(--color-brown-500);
  font-size: clamp(2.5rem, 2.2451rem + 1.0458vi, 3.5rem);
  line-height: 1.2;
  overflow: hidden;
}

a, button, [class].btn.formsapp-popup-button {
  font-family: var(--font-family-primary);
  font-weight: var(--fw-600);
  font-size: 18px;
  line-height: 1;
}

input, label, summary, textarea {
  font-family: var(--font-family-primary);
}

h1 {
  font-weight: var(--fw-600);
  font-size: clamp(32px, 2rem + 2vi, 48px);
  line-height: 1.25;
}

h2 {
  margin-bottom: 2.875rem;
  font-size: clamp(24px, 2rem + 1vi, 36px);
  line-height: 1.25;
}

.title__link {
  font-size: inherit;
  line-height: inherit;
  color: inherit;
  font-weight: inherit;
  border-bottom: 1px solid #0000;
  transition: border-bottom-color .4s ease-in-out;
}

p {
  font-family: var(--font-family-primary);
  font-size: clamp(16px, 1rem + 1vi, 20px);
  font-weight: var(--fw-400);
  color: var(--color-brown-400);
  line-height: 1.2;
}

@media only screen and (max-width: 475px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 26px;
  }

  h3 {
    font-size: 20px;
  }
}

.header {
  z-index: 10;
  width: 100%;
  background-color: var(--color-cream-400);
  padding: 16px 0;
  transition-property: transform, padding;
  transition-duration: .15s;
  position: fixed;
  top: 0;
}

.header.hide {
  transform: translateY(-100%);
}

.header button.formsapp-popup-button {
  margin: 0 auto !important;
}

.nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
  position: relative;
}

.nav .logo {
  width: 100%;
  max-width: 337px;
}

.nav__inner {
  width: 100%;
  justify-content: flex-end;
  gap: 0 5rem;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .nav__inner {
    z-index: -1;
    padding: calc(var(--header-height) * 1.5) 20px 60px;
    width: 100%;
    height: calc(var(--vh));
    background-color: var(--color-cream-400);
    flex-direction: column;
    justify-content: flex-start;
    align-items: center;
    transition-property: transform;
    transition-duration: .4s;
    position: fixed;
    top: 0;
    right: 0;
    overflow-y: auto;
    transform: translateX(150%);
  }
}

.nav__list {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .nav__list {
    z-index: -1;
    flex-direction: column;
  }
}

.nav__item:not(:last-of-type, .footer .nav__item) {
  margin-right: 2rem;
}

@media only screen and (max-width: 1280px) {
  .nav__item:not(:last-of-type, .footer .nav__item) {
    margin-right: 0;
  }
}

@media only screen and (max-width: 992px) {
  .nav__item {
    margin-bottom: 30px;
  }
}

.nav__link {
  font-weight: var(--fw-400);
  color: var(--color-brown-400);
  white-space: nowrap;
}

.nav__link.true {
  border-bottom: 2px solid var(--color-brown-400);
}

.nav__btns {
  max-width: 315px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  gap: 0 22px;
  display: flex;
}

@media only screen and (max-width: 992px) {
  .nav__btns {
    flex-direction: column;
    gap: 24px;
  }
}

@media only screen and (max-width: 1280px) {
  .nav {
    gap: 20px;
  }

  .nav .logo {
    max-width: 250px;
  }

  .nav__inner {
    gap: 20px;
  }

  .nav__list {
    justify-content: center;
    gap: 12px;
  }
}

[class].btn, [class].btn.formsapp-popup-button {
  min-width: -moz-fit-content;
  min-width: fit-content;
  color: var(--color-brown-400);
  text-transform: capitalize;
  border: 2px solid var(--color-brown-400);
  border-radius: var(--radius-main);
  max-width: -moz-fit-content;
  max-width: fit-content;
  background-color: #0000;
  padding: 9px 20px;
  transition-property: background-color, color, border-color;
  transition-duration: .4s;
  display: block;
}

[class].btn:hover, [class].btn:focus, [class].btn:active, [class].btn--reverse, [class].btn--reverse.formsapp-popup-button, [class].btn.formsapp-popup-button:hover, [class].btn.formsapp-popup-button:focus, [class].btn.formsapp-popup-button:active, [class].btn.formsapp-popup-button--reverse, [class].btn.formsapp-popup-button--reverse.formsapp-popup-button {
  color: var(--color-white);
  background-color: var(--color-brown-400);
}

[class].btn--higher, [class].btn--higher.formsapp-popup-button, [class].btn.formsapp-popup-button--higher, [class].btn.formsapp-popup-button--higher.formsapp-popup-button {
  padding: 16px 20px;
}

[class].btn--link, [class].btn.formsapp-popup-button--link {
  letter-spacing: .00625rem;
  border: none;
  border-bottom: 2px solid #0000;
  border-radius: 0;
  padding: 0;
  font-size: clamp(18px, 1rem + 1vi, 20px);
  line-height: 1.6;
}

[class].btn--link:hover, [class].btn.formsapp-popup-button--link:hover {
  border-bottom: 2px solid var(--color-brown-400);
  color: var(--color-brown-400);
  background-color: #0000;
}

[class].btn--send, [class].btn.formsapp-popup-button--send {
  max-width: 100%;
  background-color: var(--color-brown-500);
  border-color: var(--color-brown-500);
}

[class].btn--reverse:hover, [class].btn--reverse:focus, [class].btn--reverse:active, [class].btn.formsapp-popup-button--reverse:hover, [class].btn.formsapp-popup-button--reverse:focus, [class].btn.formsapp-popup-button--reverse:active {
  color: var(--color-brown-400);
  background-color: #0000;
}

[class].btn--arrow, [class].btn.formsapp-popup-button--arrow {
  padding: 15.5px 130px 15.5px 88.5px;
  position: relative;
}

[class].btn--arrow:after, [class].btn.formsapp-popup-button--arrow:after {
  content: "";
  width: 26px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='17' viewBox='0 0 27 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.424803 8.5C0.424803 8.24955 0.522627 8.00936 0.696756 7.83227C0.870886 7.65518 1.10706 7.55569 1.35331 7.55569H23.2532L17.4091 1.61408C17.3228 1.52628 17.2543 1.42205 17.2076 1.30733C17.1609 1.19262 17.1368 1.06967 17.1368 0.945505C17.1368 0.821339 17.1609 0.69839 17.2076 0.583676C17.2543 0.468962 17.3228 0.36473 17.4091 0.276932C17.4955 0.189133 17.598 0.119488 17.7108 0.0719723C17.8236 0.0244563 17.9444 0 18.0665 0C18.1886 0 18.3095 0.0244563 18.4223 0.0719723C18.5351 0.119488 18.6376 0.189133 18.7239 0.276932L26.152 7.83143C26.2385 7.91914 26.3071 8.02335 26.3539 8.13808C26.4007 8.2528 26.4248 8.37579 26.4248 8.5C26.4248 8.62421 26.4007 8.7472 26.3539 8.86192C26.3071 8.97665 26.2385 9.08085 26.152 9.16857L18.7239 16.7231C18.6376 16.8109 18.5351 16.8805 18.4223 16.928C18.3095 16.9755 18.1886 17 18.0665 17C17.9444 17 17.8236 16.9755 17.7108 16.928C17.598 16.8805 17.4955 16.8109 17.4091 16.7231C17.3228 16.6353 17.2543 16.531 17.2076 16.4163C17.1609 16.3016 17.1368 16.1787 17.1368 16.0545C17.1368 15.9303 17.1609 15.8074 17.2076 15.6927C17.2543 15.578 17.3228 15.4737 17.4091 15.3859L23.2532 9.44431H1.35331C1.10706 9.44431 0.870886 9.34482 0.696756 9.16773C0.522627 8.99064 0.424803 8.75045 0.424803 8.5Z' fill='%239B6B43'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: background-image .4s ease-in-out;
  position: absolute;
  top: 50%;
  right: 88.5px;
  transform: translateY(-50%);
}

[class].btn--arrow:hover:after, [class].btn.formsapp-popup-button--arrow:hover:after {
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='17' viewBox='0 0 27 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.424803 8.5C0.424803 8.24955 0.522627 8.00936 0.696756 7.83227C0.870886 7.65518 1.10706 7.55569 1.35331 7.55569H23.2532L17.4091 1.61408C17.3228 1.52628 17.2543 1.42205 17.2076 1.30733C17.1609 1.19262 17.1368 1.06967 17.1368 0.945505C17.1368 0.821339 17.1609 0.69839 17.2076 0.583676C17.2543 0.468962 17.3228 0.36473 17.4091 0.276932C17.4955 0.189133 17.598 0.119488 17.7108 0.0719723C17.8236 0.0244563 17.9444 0 18.0665 0C18.1886 0 18.3095 0.0244563 18.4223 0.0719723C18.5351 0.119488 18.6376 0.189133 18.7239 0.276932L26.152 7.83143C26.2385 7.91914 26.3071 8.02335 26.3539 8.13808C26.4007 8.2528 26.4248 8.37579 26.4248 8.5C26.4248 8.62421 26.4007 8.7472 26.3539 8.86192C26.3071 8.97665 26.2385 9.08085 26.152 9.16857L18.7239 16.7231C18.6376 16.8109 18.5351 16.8805 18.4223 16.928C18.3095 16.9755 18.1886 17 18.0665 17C17.9444 17 17.8236 16.9755 17.7108 16.928C17.598 16.8805 17.4955 16.8109 17.4091 16.7231C17.3228 16.6353 17.2543 16.531 17.2076 16.4163C17.1609 16.3016 17.1368 16.1787 17.1368 16.0545C17.1368 15.9303 17.1609 15.8074 17.2076 15.6927C17.2543 15.578 17.3228 15.4737 17.4091 15.3859L23.2532 9.44431H1.35331C1.10706 9.44431 0.870886 9.34482 0.696756 9.16773C0.522627 8.99064 0.424803 8.75045 0.424803 8.5Z' fill='white'/%3E%3C/svg%3E%0A");
}

@media only screen and (max-width: 576px) {
  [class].btn--arrow, [class].btn.formsapp-popup-button--arrow {
    padding: 16px 66px 16px 20px;
  }

  [class].btn--arrow:after, [class].btn.formsapp-popup-button--arrow:after {
    right: 20px;
  }
}

[class].btn__items, [class].btn.formsapp-popup-button__items {
  max-width: 400px;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  display: flex;
}

@media only screen and (max-width: 576px) {
  [class].btn__items, [class].btn.formsapp-popup-button__items {
    padding: 0 12px;
  }

  [class].btn__items--lots, [class].btn.formsapp-popup-button__items--lots {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 24px;
    display: grid;
  }

  [class].btn__items--lots .btn__pagination, [class].btn.formsapp-popup-button__items--lots .btn__pagination {
    grid-area: 1 / 1 / auto / 3;
  }
}

[class].btn__slider, [class].btn.formsapp-popup-button__slider {
  width: clamp(42px, 2.5rem + 2vi, 64px);
  height: clamp(42px, 2.5rem + 2vi, 64px);
  background-color: var(--color-brown-500);
  border-radius: var(--radius-medium);
  margin: 0;
  position: relative;
  inset: 0 auto;
}

[class].btn__slider:before, [class].btn.formsapp-popup-button__slider:before {
  content: "";
  width: 26px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='27' height='18' viewBox='0 0 27 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0.924803 9C0.924803 8.74955 1.02263 8.50936 1.19676 8.33227C1.37089 8.15518 1.60706 8.05569 1.85331 8.05569H23.7532L17.9091 2.11408C17.8228 2.02628 17.7543 1.92205 17.7076 1.80733C17.6609 1.69262 17.6368 1.56967 17.6368 1.4455C17.6368 1.32134 17.6609 1.19839 17.7076 1.08368C17.7543 0.968962 17.8228 0.86473 17.9091 0.776932C17.9955 0.689133 18.098 0.619488 18.2108 0.571972C18.3236 0.524456 18.4444 0.5 18.5665 0.5C18.6886 0.5 18.8095 0.524456 18.9223 0.571972C19.0351 0.619488 19.1376 0.689133 19.2239 0.776932L26.652 8.33143C26.7385 8.41914 26.8071 8.52335 26.8539 8.63808C26.9007 8.7528 26.9248 8.87579 26.9248 9C26.9248 9.12421 26.9007 9.2472 26.8539 9.36192C26.8071 9.47665 26.7385 9.58085 26.652 9.66857L19.2239 17.2231C19.1376 17.3109 19.0351 17.3805 18.9223 17.428C18.8095 17.4755 18.6886 17.5 18.5665 17.5C18.4444 17.5 18.3236 17.4755 18.2108 17.428C18.098 17.3805 17.9955 17.3109 17.9091 17.2231C17.8228 17.1353 17.7543 17.031 17.7076 16.9163C17.6609 16.8016 17.6368 16.6787 17.6368 16.5545C17.6368 16.4303 17.6609 16.3074 17.7076 16.1927C17.7543 16.078 17.8228 15.9737 17.9091 15.8859L23.7532 9.94431H1.85331C1.60706 9.94431 1.37089 9.84482 1.19676 9.66773C1.02263 9.49064 0.924803 9.25045 0.924803 9Z' fill='white'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}

[class].btn__slider.btn--prev:before, [class].btn.formsapp-popup-button__slider.btn--prev:before {
  transform: rotate(180deg);
}

[class].btn__pagination, [class].btn.formsapp-popup-button__pagination {
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin-top: 8px;
  position: static;
}

[class].btn__pagination [class].swiper-pagination-bullet, [class].btn.formsapp-popup-button__pagination [class].swiper-pagination-bullet {
  width: 16px;
  height: 16px;
  background-color: var(--color-brown-500);
  opacity: .5;
}

[class].btn__pagination [class].swiper-pagination-bullet:not(:last-child), [class].btn.formsapp-popup-button__pagination [class].swiper-pagination-bullet:not(:last-child) {
  margin: 0 15px 0 0;
}

[class].btn__pagination [class].swiper-pagination-bullet-active, [class].btn.formsapp-popup-button__pagination [class].swiper-pagination-bullet-active {
  opacity: 1;
}

.burger {
  --line-height: 2px;
  --buger-size: 20px;
  --move: calc(var(--buger-size) / 3);
  --move-decrement: calc(var(--move) * -1);
  --transition-time: .5s;
  --lines-color: var(--color-black);
  width: calc(var(--buger-size)  + 5px);
  height: var(--buger-size);
  transition: opacity var(--transition-time) ease;
  background-color: #0000;
  display: none;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.burger span {
  z-index: -1;
  width: 100%;
  height: var(--line-height);
  background-color: var(--lines-color);
  transition: transform var(--transition-time) ease, background-color var(--transition-time) ease .3s;
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}

.burger span:before, .burger span:after {
  content: "";
  width: 100%;
  height: var(--line-height);
  background-color: var(--lines-color);
  animation-duration: .4s;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-fill-mode: forwards;
  position: absolute;
  left: 0;
}

.burger span:before {
  transform: translateY(var(--move-decrement)) rotate(0);
}

.burger span:after {
  transform: translateY(var(--move)) rotate(0);
}

.burger:hover {
  opacity: 1;
}

@media only screen and (max-width: 992px) {
  .burger {
    display: block;
  }
}

.closed.opened span {
  background-color: var(--lines-color);
  transition: background-color .2s;
}

.closed.opened span:before {
  animation-name: toplineburger;
}

.closed.opened span:after {
  animation-name: bottomlineburger;
}

.opened .nav__inner {
  transform: translateX(0);
}

.opened span {
  background-color: #0000;
  transition: background-color .2s;
}

.opened span:before, .opened span:after {
  animation-duration: .2s;
  animation-timing-function: cubic-bezier(.645, .045, .355, 1);
  animation-fill-mode: forwards;
}

.opened span:before {
  animation-name: toplinecross;
}

.opened span:after {
  animation-name: bottomlinecross;
}

.hero {
  padding: 0;
}

.hero__inner {
  min-height: 646px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  align-items: center;
  padding: 3.75rem 0;
  display: flex;
}

.hero__content {
  max-width: 597px;
  width: 100%;
}

.hero h1 {
  margin-bottom: 24px;
}

.hero h1.hero__title {
  margin-bottom: 48px;
}

.hero p {
  color: var(--color-brown-500);
  margin-bottom: 48px;
  line-height: 1.5;
}

@media only screen and (max-width: 768px) {
  .hero--project .hero__inner {
    min-height: 300px;
  }

  .hero--project .hero__content p {
    font-weight: var(--fw-500);
  }
}

.about__wrapper {
  justify-content: flex-end;
  padding: 5.375rem 0;
  display: flex;
  position: relative;
}

.about__wrapper:before {
  content: "";
  border-radius: var(--radius-larger);
  background-image: url("../images/home/about.jpg");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  inset: 0 25% 0 0;
}

.about__wrapper--approach:before {
  background-image: url("../images/about/approach.jpg");
}

.about__wrapper--reverse {
  justify-content: flex-start;
  padding: 5rem 0 0;
}

.about__wrapper--reverse:before {
  inset: 0 0 0 20%;
  transform: translateY(-5rem);
}

@media only screen and (max-width: 1180px) {
  .about__wrapper--reverse {
    padding: 5rem 0;
  }

  .about__wrapper--reverse:before {
    transform: none;
  }
}

@media only screen and (max-width: 576px) {
  .about__wrapper--reverse:before {
    left: 0;
  }

  .about__wrapper {
    justify-content: center;
    padding: 5rem 24px;
  }

  .about__wrapper:before {
    right: 0;
  }
}

.about__box {
  z-index: 1;
  max-width: 484px;
  width: 100%;
  background-color: var(--color-cream-300);
  border-radius: var(--radius-larger);
  padding: 48px;
  position: relative;
}

@media only screen and (max-width: 475px) {
  .about__box {
    padding: 20px;
  }
}

.about h2 {
  color: var(--color-brown-700);
  margin-bottom: 32px;
}

.about p {
  margin-bottom: 32px;
  line-height: 1.35;
}

@media only screen and (max-width: 475px) {
  .about p {
    font-size: 16px;
  }
}

.about--reverse {
  padding: 10rem 0 5.375rem;
}

@media only screen and (max-width: 1180px) {
  .about--reverse {
    padding: 5.375rem 0;
  }
}

@media only screen and (max-width: 475px) {
  .about--reverse {
    padding: 5.375rem 0 0;
  }
}

@media only screen and (max-width: 576px) {
  .about__wrapper {
    padding-inline: 10px;
  }
}

.services .title__link:hover {
  border-bottom: 1px solid var(--color-brown-500);
}

.services__grid {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.services img {
  border-radius: var(--radius-main);
  margin-bottom: 16px;
}

.services__content {
  padding-block: 0 16px;
  padding-inline: 16px;
}

.services h3 {
  margin-bottom: 12px;
  font-size: clamp(18px, 1rem + 2vi, 20px);
}

.services__text {
  margin-bottom: 32px;
  font-size: 18px;
}

@media only screen and (max-width: 992px) {
  .services__grid {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
  }

  .services__article img {
    border-radius: var(--radius-huge);
  }
}

@media only screen and (max-width: 768px) {
  .services__grid {
    grid-template-columns: 1fr;
    justify-items: stretch;
  }

  .services img {
    width: 100%;
  }
}

.projects {
  padding: 7rem 15px 8.5rem;
}

.projects h2 {
  margin: 0 auto 4rem;
}

.projects__wrapper {
  margin-bottom: 4rem;
}

.projects__slider--simple p {
  margin-bottom: 0;
}

.projects__slide {
  max-width: 1128px;
  opacity: .4;
  flex-direction: column;
  place-items: center;
  display: flex;
  scale: .6;
}

@media only screen and (max-width: 1180px) {
  .projects__slide {
    translate: 0;
    scale: 1;
  }
}

.projects__slide.swiper-slide-active {
  opacity: 1;
  transition: opacity 1s ease-in-out, scale 1s ease-in-out;
  scale: 1;
}

.projects__slide.swiper-slide-prev {
  translate: 17% -5%;
}

@media only screen and (max-width: 1180px) {
  .projects__slide.swiper-slide-prev {
    translate: 0;
    scale: 1;
  }
}

.projects__slide.swiper-slide-next {
  translate: -17% -5%;
}

@media only screen and (max-width: 1180px) {
  .projects__slide.swiper-slide-next {
    translate: 0;
    scale: 1;
  }
}

.projects__image {
  border-radius: var(--radius-larger);
  margin-bottom: 4rem;
}

.projects__title {
  margin-bottom: 24px;
  font-size: clamp(20px, 1rem + 2vi, 30px);
}

.projects__add {
  margin-bottom: 4rem;
  font-size: clamp(18px, 1rem + 2vi, 24px);
}

.projects--img .projects__image {
  margin-bottom: 0;
}

.projects__title, .projects__add {
  width: 100%;
  max-width: 845px;
  text-align: center;
}

@media only screen and (max-width: 1180px) {
  .projects {
    padding: 5.375rem 15px;
  }

  .projects__image {
    height: auto;
  }
}

@media only screen and (max-width: 992px) {
  .projects {
    padding-block: 60px;
  }
}

@media only screen and (max-width: 768px) {
  .projects {
    padding-block: 40px;
  }

  .projects__wrapper {
    margin-bottom: 30px;
  }
}

@media only screen and (max-width: 576px) {
  .projects__add {
    margin-bottom: 24px;
  }

  .projects__image {
    min-height: 300px;
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 475px) {
  .projects {
    padding-block: 30px;
  }
}

.blog__nav {
  justify-content: space-between;
  align-items: center;
  margin-bottom: 48px;
  display: flex;
}

.blog h2 {
  margin-bottom: 0;
}

.blog__items {
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
  display: grid;
}

.blog__items--grid {
  grid-auto-rows: 445px;
}

.blog__article {
  height: 100%;
  position: relative;
}

.blog__article:before {
  content: "";
  z-index: 1;
  border-radius: var(--radius-larger);
  background: var(--gradient-secondary);
  position: absolute;
  inset: 0;
}

.blog__img {
  border-radius: var(--radius-larger);
  width: 100%;
  height: 100%;
  max-width: 390px;
  object-fit: cover;
  inset: 0;
}

.blog__item {
  width: 100%;
}

.blog__link {
  height: 100%;
  align-items: flex-end;
  display: flex;
}

.blog__link:before {
  content: "";
  z-index: 3;
  position: absolute;
  inset: 0;
}

.blog__link:hover .blog__title {
  transform: translateY(-10%);
}

.blog__title {
  z-index: 1;
  font-weight: var(--wf-600);
  letter-spacing: .00625rem;
  color: var(--color-white);
  padding: 24px;
  font-size: clamp(20px, 1rem + 1vi, 24px);
  line-height: 1.5;
  transition: transform .4s ease-in-out;
  position: absolute;
}

.blog--recent {
  padding: 5.375rem 0 7rem;
}

.blog--recent .blog__hero {
  flex-direction: column;
  align-items: center;
  margin-bottom: 5.0625rem;
  display: flex;
}

.blog--recent .blog__hero h1 {
  font-weight: var(--fw-700);
  margin-bottom: 32px;
  font-size: clamp(24px, 2rem + 1vi, 36px);
}

.blog--recent .blog__hero p {
  font-weight: var(--fw-500);
  font-size: clamp(20px, 2rem + 1vi, 24px);
}

.blog--recent .blog__items {
  grid-template-columns: repeat(2, 1fr);
}

.blog--recent .blog__img {
  max-width: 596px;
}

@media only screen and (max-width: 992px) {
  .blog {
    padding: 60px 0;
  }

  .blog__hero {
    text-align: center;
    margin-bottom: 30px;
  }

  .blog__link:hover .blog__title {
    transform: translateY(0);
  }

  .blog__items {
    grid-template-columns: repeat(2, 1fr);
  }

  .blog__img {
    max-width: 100%;
  }

  .blog--odd .blog__item:last-of-type {
    width: 100%;
    max-width: 445px;
    grid-column: 1 / 3;
    justify-self: center;
  }

  .blog--recent {
    padding: 5.375rem 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .blog {
    padding: 40px 0;
  }

  .blog__items {
    grid-template-columns: 1fr;
    grid-auto-rows: 300px;
    justify-items: center;
  }

  .blog--odd .blog__item:last-of-type {
    max-width: none;
    grid-column: 1;
  }

  .blog--recent .blog__items {
    grid-template-columns: 1fr;
    justify-items: center;
  }
}

.faq h2 {
  margin: 0 auto 46px;
}

.faq__list {
  margin-bottom: 32px;
}

.faq__item {
  border: 2px solid var(--color-brown-400);
  border-radius: var(--radius-main);
  padding: 0;
}

.faq__item:not(:last-child) {
  margin-bottom: 32px;
}

.faq details {
  overflow: hidden;
}

.faq details p {
  color: var(--color-brown-400);
  font-size: 18px;
  font-weight: var(--fw-400);
  letter-spacing: .00625rem;
  line-height: 1.5;
}

.faq details[open] summary {
  margin-bottom: 24px;
}

.faq details[open] summary:before {
  transform: rotate(0);
}

.faq summary {
  font-weight: var(--fw-600);
  color: var(--color-brown-500);
  cursor: pointer;
  letter-spacing: .025rem;
  padding: 28px 64px 28px 32px;
  font-size: clamp(18px, 1rem + 1vi, 20px);
  line-height: 1;
  position: relative;
}

.faq summary:before {
  content: "";
  width: 18px;
  height: 11px;
  background-image: url("data:image/svg+xml,%3Csvg width='18' height='12' viewBox='0 0 18 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.1378 0.666676C8.91228 0.665324 8.68871 0.710139 8.47992 0.798549C8.27113 0.886958 8.08123 1.01722 7.92111 1.18188L1.06647 8.28812C0.906694 8.45377 0.779951 8.65042 0.693479 8.86684C0.607007 9.08326 0.5625 9.31523 0.5625 9.54948C0.5625 9.78374 0.607007 10.0157 0.693479 10.2321C0.779951 10.4486 0.906694 10.6452 1.06647 10.8108C1.22625 10.9765 1.41594 11.1079 1.6247 11.1975C1.83346 11.2872 2.05721 11.3333 2.28317 11.3333C2.50913 11.3333 2.73288 11.2872 2.94164 11.1975C3.1504 11.1079 3.34009 10.9765 3.49987 10.8108L9.1378 4.93042L14.7929 10.5799C14.9505 10.7616 15.1426 10.9077 15.3572 11.0089C15.5718 11.1101 15.8042 11.1644 16.0399 11.1683C16.2756 11.1721 16.5096 11.1255 16.7271 11.0314C16.9447 10.9373 17.1412 10.7976 17.3043 10.6211C17.4674 10.4447 17.5937 10.2352 17.6751 10.0059C17.7566 9.77654 17.7916 9.53224 17.7778 9.28825C17.764 9.04427 17.7019 8.80585 17.5952 8.58791C17.4885 8.36997 17.3396 8.17719 17.1577 8.02164L10.3031 1.16411C9.98971 0.850878 9.57308 0.673029 9.1378 0.666676Z' fill='%23734C23'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .3s ease-in-out;
  position: absolute;
  top: 34px;
  right: 36px;
  overflow: hidden;
  transform: rotate(180deg);
}

.faq summary + div {
  padding: 0 32px 24px;
}

@media only screen and (max-width: 992px) {
  .faq summary {
    font-size: 18px;
    line-height: 1.5;
  }
}

.faq a {
  margin: 0 auto;
}

.request {
  padding: 7rem 0;
}

.request h2 {
  margin: 0 auto 62px;
}

.request__form {
  max-width: 1216px;
  flex-direction: column;
  gap: 32px;
  margin: 0 auto;
  display: flex;
}

.request__items {
  grid-template-columns: repeat(2, 1fr);
  gap: 32px;
  display: grid;
}

.request label, .request input, .request textarea {
  width: 100%;
  display: block;
}

.request label {
  color: var(--color-brown-700);
  font-size: 18px;
  font-weight: var(--fw-600);
  letter-spacing: .0125rem;
  margin-bottom: 18.5px;
  line-height: 1.35;
}

.request label span {
  color: var(--color-red-400);
}

.request input, .request textarea {
  background: var(--color-cream-300);
  border-radius: var(--radius-main);
  color: var(--color-brown-500);
  font-weight: var(--fw-500);
  height: 62px;
  padding: 20px 16px;
  font-size: 18px;
  line-height: 1;
}

.request input::placeholder, .request textarea::placeholder {
  color: var(--color-gray-400);
  font-weight: var(--fw-400);
  letter-spacing: .0125rem;
}

.request textarea {
  min-height: 162px;
  resize: none;
  border-color: #0000;
  padding-top: 8px;
}

@media only screen and (max-width: 992px) {
  .request {
    padding: 5.375rem 0;
  }

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

.reviews {
  padding: 7rem 0 13.375rem;
}

.reviews h2 {
  margin: 0 auto 4rem;
}

.reviews__slides {
  justify-content: center;
  gap: 0 3rem;
  display: flex;
}

.reviews__slide {
  max-width: 540px;
  width: 100%;
  background-color: var(--color-cream-300);
  border-radius: var(--radius-larger);
  grid-template-rows: repeat(4, auto);
  padding: 35px 40px;
  display: grid;
}

.reviews__avatar {
  max-width: 76px;
  width: 100%;
  border-radius: 50%;
  margin-bottom: 40px;
}

.reviews svg {
  max-width: 192px;
  height: 32px;
  align-self: start;
  margin-bottom: 32px;
}

.reviews p {
  min-height: 70px;
  letter-spacing: .025rem;
  margin-bottom: 50px;
  line-height: 1.2;
}

.reviews h3 {
  font-size: clamp(22px, 1rem + 2vi, 30px);
  font-weight: var(--fw-600);
  letter-spacing: .03125rem;
  color: var(--color-brown-700);
  align-self: end;
}

@media only screen and (max-width: 1180px) {
  .reviews {
    padding: 5.375rem 0;
  }
}

@media only screen and (max-width: 768px) {
  .reviews__slides {
    flex-direction: column;
    align-items: center;
    gap: 24px;
  }
}

@media only screen and (max-width: 475px) {
  .reviews {
    padding: 5.375rem 0 0;
  }
}

.info {
  padding: 8.75rem 0;
}

.info__inner {
  min-height: 648px;
  background-position: 100%;
  background-repeat: no-repeat;
  background-size: contain;
}

.info__box {
  max-width: 340px;
  width: 100%;
  justify-content: flex-start;
  align-items: center;
  display: flex;
}

.info h2 {
  display: none;
}

@media only screen and (max-width: 1280px) {
  .info {
    padding: 5.375rem 0;
  }

  .info__inner {
    min-height: auto;
    background-position: top;
    padding-top: 12.5rem;
  }

  .info__box {
    max-width: 500px;
    background-color: var(--color-cream-300);
    border-radius: var(--radius-larger);
    padding: 24px;
  }
}

.article {
  height: 100%;
  padding: 4.5rem 0;
}

.article__nav {
  align-items: flex-start;
  gap: 16px;
  margin-bottom: 3.6875rem;
  display: flex;
}

.article__back {
  color: var(--color-brown-500);
  font-weight: var(--fw-400);
  padding: 10px 20px 10px 56px;
  position: relative;
}

.article__back:before {
  content: "";
  width: 26px;
  height: 17px;
  background-image: url("data:image/svg+xml,%3Csvg width='26' height='18' viewBox='0 0 26 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M26 9C26 8.74955 25.9022 8.50936 25.728 8.33227C25.5539 8.15518 25.3177 8.05569 25.0715 8.05569H3.1716L9.01566 2.11408C9.10198 2.02628 9.17047 1.92205 9.21719 1.80733C9.26391 1.69262 9.28796 1.56967 9.28796 1.4455C9.28796 1.32134 9.26391 1.19839 9.21719 1.08368C9.17047 0.968962 9.10198 0.86473 9.01566 0.776932C8.92933 0.689133 8.82684 0.619488 8.71405 0.571972C8.60125 0.524456 8.48036 0.5 8.35827 0.5C8.23618 0.5 8.11529 0.524456 8.00249 0.571972C7.8897 0.619488 7.78721 0.689133 7.70088 0.776932L0.272785 8.33143C0.186316 8.41914 0.117712 8.52335 0.0709035 8.63808C0.0240945 8.7528 0 8.87579 0 9C0 9.12421 0.0240945 9.2472 0.0709035 9.36192C0.117712 9.47665 0.186316 9.58085 0.272785 9.66857L7.70088 17.2231C7.78721 17.3109 7.8897 17.3805 8.00249 17.428C8.11529 17.4755 8.23618 17.5 8.35827 17.5C8.48036 17.5 8.60125 17.4755 8.71405 17.428C8.82684 17.3805 8.92933 17.3109 9.01566 17.2231C9.10198 17.1353 9.17047 17.031 9.21719 16.9163C9.26391 16.8016 9.28796 16.6787 9.28796 16.5545C9.28796 16.4303 9.26391 16.3074 9.21719 16.1927C9.17047 16.078 9.10198 15.9737 9.01566 15.8859L3.1716 9.94431H25.0715C25.3177 9.94431 25.5539 9.84482 25.728 9.66773C25.9022 9.49064 26 9.25045 26 9Z' fill='%23734C23'/%3E%3C/svg%3E%0A");
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  transition: transform .4s ease-in-out;
  position: absolute;
  top: 50%;
  left: 20px;
  transform: translateY(-50%);
}

.article__back:hover:before {
  transform: translateX(-10px)translateY(-50%);
}

.article__info {
  max-width: 744px;
  width: 100%;
}

.article h1 {
  font-size: clamp(30px, 1rem + 2vi, 36px);
  font-weight: var(--fw-700);
  margin-bottom: 16px;
}

.article__meta {
  align-items: center;
  gap: 0 4px;
  display: flex;
}

.article__meta time, .article__meta span {
  font-family: var(--font-family-primary);
  color: var(--color-brown-400);
  font-size: clamp(16px, 1rem + 1vi, 20px);
  font-weight: var(--fw-500);
  line-height: 1.2;
}

.article__meta time {
  padding-right: 8px;
  position: relative;
}

.article__meta time:after {
  content: "";
  width: 3px;
  height: 3px;
  background: var(--color-brown-400);
  border-radius: 50%;
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

.article__body img {
  max-width: 1216px;
  width: 100%;
  border-radius: var(--radius-larger);
  margin-bottom: 24px;
}

.article__body img:first-child {
  margin-bottom: 4rem;
}

.article__body p {
  line-height: 1.2;
}

.article__body p:last-of-type {
  border-top: 1px solid var(--color-brown-700);
  padding-top: 25px;
}

.article__body h2 {
  font-size: clamp(24px, 1rem + 2vi, 30px);
  line-height: 1.3;
  font-weight: var(--fw-600);
}

.article__body p, .article__body h2 {
  color: var(--color-brown-700);
  letter-spacing: .025rem;
}

.article__body p:not(:last-of-type), .article__body h2:not(:last-of-type) {
  margin-bottom: 24px;
}

@media only screen and (max-width: 768px) {
  .article {
    padding: 3.125rem 0;
  }

  .article__nav {
    flex-direction: column;
  }

  .article__back {
    padding-left: 36px;
  }

  .article__back:before {
    left: 0;
  }

  .article h1 {
    width: 90%;
  }

  .article__body img {
    height: auto;
    min-height: 350px;
  }
}

@keyframes toplinecross {
  0% {
    transform: translateY(var(--move-decrement));
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: rotate(45deg);
  }
}

@keyframes bottomlinecross {
  0% {
    transform: translateY(var(--move));
  }

  50% {
    transform: translateY(0);
  }

  100% {
    transform: translateY(0)rotate(-45deg);
  }
}

@keyframes toplineburger {
  0% {
    transform: rotate(45deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: translateY(var(--move-decrement)) rotate(0);
  }
}

@keyframes bottomlineburger {
  0% {
    transform: translateY(0)rotate(-45deg);
  }

  50% {
    transform: rotate(0);
  }

  100% {
    transform: translateY(var(--move)) rotate(0);
  }
}

.policy h1 {
  margin: 0 auto 7.3125rem;
}

.policy a {
  color: var(--color-brown-400);
  text-decoration: underline;
  display: inline-block;
}

.policy p, .policy li {
  color: var(--color-brown-700);
  letter-spacing: .0125rem;
  font-size: clamp(18px, 1rem + 1vi, 20px);
}

.policy p, .policy h2 {
  margin-bottom: 24px;
}

.policy p:not(:last-of-type) {
  margin-bottom: 12px;
}

.policy p:last-of-type {
  margin-bottom: 0;
}

.policy h2 {
  font-weight: var(--fw-600);
  letter-spacing: .0125rem;
  font-size: clamp(22px, 2rem + 1vi, 30px);
  line-height: 1.4;
}

.policy ul {
  margin-bottom: 2.625rem;
  padding-left: 12px;
}

.policy li {
  padding-left: 4px;
}

.policy li:not(:last-of-type) {
  margin-bottom: .625rem;
}

.policy li::marker {
  content: "✓";
  font-family: system-ui;
}

@media only screen and (max-width: 768px) {
  .policy h1 {
    margin-bottom: 40px;
  }
}

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

.footer__label {
  font-weight: var(--fw-500);
  color: var(--color-brown-500);
  text-transform: capitalize;
  font-size: clamp(18px, 1rem + 2vi, 20px);
  line-height: 1.5;
}

.footer__email {
  justify-content: space-between;
  align-items: center;
  gap: 0 2.5rem;
  margin-bottom: 24px;
  display: flex;
}

.footer__email a {
  font-weight: var(--fw-400);
  color: var(--color-black);
  font-size: clamp(18px, 1rem + 2vi, 20px);
  line-height: 1.2;
}

.footer .logo {
  max-width: 406px;
  width: 100%;
  height: 48px;
}

.footer .logo__img {
  width: 100%;
}

.footer__form-field {
  flex-direction: column;
  gap: 15px 0;
  display: flex;
}

.footer__form-inner {
  align-items: center;
  gap: 0 8px;
  display: flex;
}

.footer input {
  min-width: 349px;
  color: var(--color-brown-500);
  background-color: var(--color-white);
  border: 1px solid var(--color-gray-200);
  border-radius: var(--radius-main);
  padding: 10px 8px;
  line-height: 1.25;
  display: block;
}

.footer input::placeholder {
  color: var(--color-brown-500);
  opacity: .32;
  line-height: inherit;
}

.footer .btn {
  padding: 10px 22px;
}

.footer__bottom {
  background-color: var(--color-brown-500);
  padding: 25px 0;
}

.footer__copyright, .footer__nav {
  justify-content: space-between;
  align-items: center;
  display: flex;
}

.footer__copyright {
  gap: 24px 0;
}

.footer__copyright p, .footer__copyright a {
  color: var(--color-white);
  font-size: 16px;
}

.footer__copyright a {
  border-bottom: 1px solid #0000;
  transition: border-bottom .4s ease-in-out;
}

.footer__copyright a:hover, .footer__copyright a:focus, .footer__copyright a:active {
  border-bottom: 1px solid var(--color-white);
}

.footer__nav {
  gap: 3rem;
}

@media only screen and (max-width: 992px) {
  .footer .logo {
    margin: 0 auto;
  }

  .footer__contacts {
    flex-direction: column-reverse;
    gap: 20px;
    display: flex;
  }

  .footer__inner, .footer__copyright {
    flex-direction: column;
    align-items: center;
    gap: 24px 0;
  }

  .footer__copyright {
    text-align: center;
  }
}

@media only screen and (max-width: 768px) {
  .footer__content {
    padding: 2.5rem 0;
  }

  .footer__form-inner {
    flex-direction: column;
    gap: 10px;
    display: flex;
  }

  .footer__form-inner .btn {
    max-width: none;
    width: 100%;
  }

  .footer__email {
    gap: 10px;
  }

  .footer__email a {
    font-size: 16px;
  }

  .footer__form-field {
    max-width: 290px;
  }

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

  .footer .logo {
    max-width: 290px;
  }

  .footer input {
    min-width: 290px;
  }
}

.team {
  text-align: center;
  padding: 4.375rem 0 9.5rem;
  overflow: hidden;
}

.team h2 {
  margin: 0 auto 32px;
}

.team__desc {
  margin-bottom: 4rem;
}

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

.team__item {
  width: 100%;
  background-color: var(--color-cream-300);
  border-radius: var(--radius-larger);
  padding: 20px;
}

.team__item img {
  width: 100%;
  border-radius: var(--radius-larger);
  margin-bottom: 24px;
}

.team__item:not(:last-of-type) {
  margin-right: 32px;
}

.team__name {
  font-weight: var(--fw-600);
  letter-spacing: .0125rem;
  color: var(--color-brown-700);
  margin-bottom: 16px;
  font-size: clamp(18px, 1rem + 1vi, 20px);
  line-height: 1.3;
  display: inline-block;
}

@media only screen and (max-width: 992px) {
  .team {
    padding: 5.375rem 0;
  }

  .team__list {
    grid-template-columns: repeat(2, 1fr);
    justify-items: center;
    gap: 24px;
    display: grid;
  }

  .team__item:not(:last-of-type) {
    margin-right: 0;
  }

  .team__item img {
    border-radius: var(--radius-huge);
  }
}

@media only screen and (max-width: 576px) {
  .team {
    padding: 4.375rem 0;
  }

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

.mission {
  padding: 4.5rem 0 3.9375rem;
}

.mission h2 {
  margin: 0 auto 4.5rem;
}

.mission__grid {
  grid-template-columns: repeat(2, 1fr);
  justify-items: center;
  gap: 4.625rem 0;
  display: grid;
  overflow: hidden;
}

.mission__item {
  max-width: 538px;
  width: 100%;
  text-align: center;
  flex-direction: column;
  align-items: center;
  gap: 24px 0;
  padding: 1.5rem;
  display: flex;
  overflow: hidden;
}

.mission__item:last-of-type {
  grid-column: 1 / 3;
  justify-self: center;
}

.mission__item svg {
  width: 96px;
  height: 96px;
}

.mission__item h3 {
  font-weight: var(--fw-600);
  color: var(--color-brown-700);
  letter-spacing: .0125rem;
  font-size: clamp(20px, 1rem + 1vi, 24px);
  line-height: 1.5;
}

@media only screen and (max-width: 1180px) {
  .mission {
    padding: 5.375rem 0;
  }

  .mission h2 {
    margin-bottom: 40px;
  }
}

@media only screen and (max-width: 768px) {
  .mission__grid {
    grid-template-columns: 1fr;
    gap: 1.875rem;
  }

  .mission__item {
    padding: 15px;
  }

  .mission__item:last-of-type {
    grid-column: auto;
  }
}

@media only screen and (max-width: 475px) {
  .mission {
    padding: 5.375rem 0 0;
  }
}