@charset "UTF-8";
@font-face {
  font-family: "signifier-italic";
  src: url("../fonts/Signifier-RegularItalic.woff2") format("woff2"), url("../fonts/Signifier-RegularItalic.woff") format("woff");
  font-weight: 400;
  font-display: swap;
}
@font-face {
  font-family: "signifier";
  src: url("../fonts/Signifier-Regular.woff2") format("woff2"), url("../fonts/Signifier-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "untitled-sans";
  src: url("../fonts/UntitledSans-Regular.woff2") format("woff2"), url("../fonts/UntitledSans-Regular.woff") format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  margin: 0;
  padding: 0;
  border: 0;
  box-sizing: border-box;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
button,
textarea,
select {
  font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
  overflow-wrap: break-word;
}

#root,
#__next {
  isolation: isolate;
}

html {
  scroll-behavior: smooth;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
}
html::-webkit-scrollbar {
  display: none;
}

body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  overflow-x: hidden;
  font-family: var(--font-regular);
  background: var(--color-10-stone);
}

img,
picture,
video,
canvas,
svg {
  display: flex;
  width: 100%;
}

a {
  color: inherit;
  -webkit-text-decoration: none;
  text-decoration: none;
}

img {
  opacity: 0;
  transition: opacity 0.3s ease;
}

img[data-ignore],
img.loaded {
  opacity: 1;
}

.fade {
  opacity: 0;
  position: relative;
  will-change: transform;
  transform: translateY(50px);
}

.fade-header {
  opacity: 0;
  position: relative;
  will-change: transform;
  transform: translateY(50px);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.hover-italic:hover {
  font-family: var(--font-italic);
}

.hover-underline-secondary {
  position: relative;
}
.hover-underline-secondary::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 300ms ease-out;
  background: var(--line-color);
}
.hover-underline-secondary:hover::after {
  transform: scaleX(1);
}

.hover-underline {
  position: relative;
}
.hover-underline::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -6px;
  width: 100%;
  height: 1px;
  background: var(--line-color);
  transform: scaleX(1);
  transform-origin: left;
  will-change: transform;
}
.hover-underline:hover::after {
  animation: redraw-line 600ms ease-out forwards;
}

@keyframes redraw-line {
  0% {
    transform: scaleX(1);
    transform-origin: left;
  }
  49.9% {
    transform: scaleX(0);
    transform-origin: left;
  }
  50% {
    transform: scaleX(0);
    transform-origin: left;
  }
  100% {
    transform: scaleX(1);
    transform-origin: left;
  }
}
.text-center {
  text-align: center;
}

.text-uppercase {
  text-transform: uppercase;
}

.grid-col-12 {
  display: grid;
  grid-template-columns: repeat(var(--grid-columns), 1fr);
  column-gap: var(--grid-gutter);
  padding-left: var(--grid-margin);
  padding-right: var(--grid-margin);
}

.gap-80-t {
  padding-top: var(--gap-80);
}

.gap-80-b {
  padding-bottom: var(--gap-80);
}

.gap-160-b {
  padding-bottom: var(--gap-160);
}

.gap-160-t {
  padding-top: var(--gap-160);
}

.gap-40-t {
  padding-top: var(--gap-40);
}

.gap-40-b {
  padding-bottom: var(--gap-40);
}

.color-red {
  color: var(--color-red);
}

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

.color-white {
  color: var(--color-white);
}

.color-10-stone {
  color: var(--color-10-stone);
}

.color-stone {
  color: var(--color-stone);
}

.color-darker-stone {
  color: var(--color-darker-stone);
}

.color-pistachio {
  color: var(--color-pistachio);
}

.color-clay {
  color: var(--color-clay);
}

.color-slate {
  color: var(--color-slate);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.small-titles {
  font-size: var(--fs-26);
  line-height: 30px;
  font-family: var(--font-regular);
  font-weight: var(--fw-400);
  letter-spacing: 0%;
}

.small-titles-italic {
  font-size: var(--fs-26);
  line-height: 30px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: 1%;
}

.body {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-regular);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}

.body-italic {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}

.rich-text em,
.rich-text i {
  font-family: var(--font-italic);
  font-style: italic;
}
.rich-text a {
  color: var(--color-darker-stone);
  -webkit-text-decoration: underline;
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.12em;
}
.rich-text ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.rich-text li {
  position: relative;
  padding-left: 1.4em;
}
.rich-text li::before {
  position: absolute;
  left: 0;
  content: "—";
}
.rich-text p,
.rich-text ul {
  margin-bottom: 1em;
}
.rich-text > :last-child {
  margin-bottom: 0;
}

.font-24 {
  font-size: var(--fs-24);
  line-height: var(--lh-26);
  font-family: var(--font-regular);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}

.key-titles {
  font-size: var(--fs-12);
  line-height: var(--lh-14);
  font-family: var(--font-regular);
  font-weight: var(--fw-400);
  letter-spacing: 1%;
}

.key-titles-sans {
  font-size: var(--fs-12);
  line-height: var(--lh-14);
  font-family: var(--font-sans);
  font-weight: var(--fw-400);
  letter-spacing: 1%;
}
/* Smooth font rendering for WebKit */
* {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

nav {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-stone);
  height: 100dvh;
  z-index: 99;
  display: none;
}
nav .grid-col-12 {
  height: calc(100dvh - var(--gap-160));
}
nav .our__expertise__header__menu__wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
nav .our__expertise__header__menu__wrapper .our__expertise__header__menu__container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
nav .site__pages__header__menu__wrapper {
  grid-column: 3/5;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
nav .site__pages__header__menu__wrapper .our__expertise__header__menu__title {
  opacity: 0;
}
nav .site__pages__header__menu__wrapper .site__pages__header__menu__container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
nav .contact__info__header__wrapper {
  grid-column: 11/-1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
nav .contact__info__header__wrapper .contact__info__header__info__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
nav .design__storey__header__logo {
  grid-column: 5/9;
  align-self: end;
  justify-self: center;
  width: 100%;
}
nav .design__storey__header__logo svg {
  width: 276px;
  margin: 0 auto;
}

header {
  position: fixed;
  top: 70px;
  left: 0;
  width: 100%;
  z-index: 100;
  pointer-events: none;
}
header .center__nav__menu__button {
  grid-column: 6/8;
  pointer-events: auto;
  cursor: pointer;
  justify-self: center;
  width: 30px;
  height: 30px;
  background: var(--color-10-stone);
  display: flex;
  transition: background-color 300ms ease-out;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
header .center__nav__menu__button svg {
  stroke: var(--color-black);
}
header .center__nav__menu__button:hover {
  background: var(--color-stone);
}
header .center__nav__menu__button .center__nav__menu__button__close {
  display: none;
}
header .right__nav__search__button {
  grid-column: 12/-1;
  justify-self: end;
  cursor: pointer;
  pointer-events: auto;
  width: 30px;
  height: 30px;
  background: var(--color-10-stone);
  display: flex;
  transition: background-color 300ms ease-out;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
header .right__nav__search__button:hover {
  background: var(--color-stone);
}
header .right__nav__search__button svg {
  stroke: var(--color-black);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.preloader {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-10-stone);
}
.preloader .grid-col-12 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.preloader .preloader__center__image__scale__mask {
  -webkit-mask-image: var(--url);
          mask-image: var(--url);
  -webkit-mask-size: 14% 0%;
          mask-size: 14% 0%;
}
.preloader .preloader__center__image__scale__mask {
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.preloader .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.preloader .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img {
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 30%;
  height: 40%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img:first-child {
  opacity: 1;
}
.preloader .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img.is-active {
  opacity: 1;
}
.preloader .grid-col-12 {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
  height: 100%;
  align-items: center;
}
.preloader .grid-col-12 .animation__preloader__wrapper {
  grid-column: 1/-1;
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__logo__top {
  z-index: 10;
  position: relative;
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__logo__bottom {
  z-index: 10;
  position: relative;
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__center__line {
  min-height: 93px;
  position: relative;
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__center__line svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__center__line .preloader__center__line__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader .grid-col-12 .animation__preloader__wrapper .preloader__center__line .preloader__center__line__text p {
  white-space: nowrap;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.preloader__project {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 90;
  height: 100dvh;
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--color-10-stone);
}
.preloader__project .grid-col-12 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.preloader__project .preloader__center__image__scale__mask {
  -webkit-mask-image: var(--url);
          mask-image: var(--url);
  -webkit-mask-size: 14% 0%;
          mask-size: 14% 0%;
  -webkit-mask-position: center center;
          mask-position: center center;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img {
  opacity: 0;
  transition: opacity 0.3s ease;
  width: 30%;
  height: 40%;
  object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
}
.preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img {
  transform: translate(-50%, -50%);
}
.preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img:first-child {
  opacity: 1;
}
.preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img.is-active {
  opacity: 1;
}
.preloader__project .grid-col-12 {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
  height: 100%;
  align-items: center;
}
.preloader__project .grid-col-12 .animation__preloader__wrapper {
  grid-column: 1/-1;
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__logo__top {
  z-index: 10;
  position: relative;
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__logo__bottom {
  z-index: 10;
  position: relative;
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__center__line {
  min-height: 93px;
  position: relative;
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__center__line svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__center__line .preloader__center__line__text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.preloader__project .grid-col-12 .animation__preloader__wrapper .preloader__center__line .preloader__center__line__text p {
  white-space: nowrap;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

footer {
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  background: var(--color-stone);
  height: 100dvh;
}
footer .grid-col-12 {
  height: calc(100dvh - var(--gap-160));
}
footer .our__expertise__footer__menu__wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
footer .our__expertise__footer__menu__wrapper .our__expertise__footer__menu__container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
footer .site__pages__footer__menu__wrapper {
  grid-column: 3/5;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
footer .site__pages__footer__menu__wrapper .our__expertise__footer__menu__title {
  opacity: 0;
}
footer .site__pages__footer__menu__wrapper .site__pages__footer__menu__container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
footer .contact__info__footer__wrapper {
  grid-column: 11/-1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
footer .contact__info__footer__wrapper .contact__info__footer__info__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
footer .design__storey__footer__logo {
  grid-column: 5/9;
  align-self: end;
  justify-self: center;
  width: 100%;
  position: sticky;
  bottom: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}
footer .design__storey__footer__logo svg {
  width: 276px;
  margin: 0 auto;
}
footer .design__storey__footer__logo svg .rect__logo__line {
  transform: scaleX(0);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.hero__section__wrapper {
  height: 100dvh;
  width: 100%;
  position: relative;
}
.hero__section__wrapper .hero__section__background__image {
  height: 100%;
  width: 100%;
  overflow: hidden;
  position: relative;
}
.hero__section__wrapper .hero__section__background__image .hero__section__background__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  pointer-events: none;
  height: 100%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.2);
}
.hero__section__wrapper .hero__section__background__image .lazy-image-wrapper {
  height: 100%;
  width: 100%;
}
.hero__section__wrapper .hero__section__background__image .lazy-image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__section__wrapper .hero__section__background__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.hero__section__wrapper .hero__section__container {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 12;
  height: 100%;
}
.hero__section__wrapper .hero__section__container .hero__section__dropdown__arrow {
  display: grid;
  position: absolute;
  top: 0;
  left: 0;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap-20);
  width: 100%;
  height: calc(100% - var(--gap-80));
  pointer-events: none;
}
.hero__section__wrapper .hero__section__container .hero__section__dropdown__arrow svg {
  cursor: pointer;
  width: -webkit-max-content;
  width: max-content;
  pointer-events: auto;
  grid-column: 6/8;
  align-self: end;
  justify-self: center;
  animation: arrowAnimation 2.2s ease-in-out infinite;
}
@keyframes arrowAnimation {
  0%, 23% {
    transform: translateY(0);
  }
  45% {
    transform: translateY(-40px);
  }
  60% {
    transform: translateY(0);
  }
  85% {
    transform: translateY(-40px);
  }
  100% {
    transform: translateY(0);
  }
}
.hero__section__wrapper .hero__section__container .grid-col-12 {
  height: 100%;
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
}
.hero__section__wrapper .hero__section__container .grid-col-12 .project__type__top__left__hero__section {
  grid-column: 1/-1;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section {
  align-self: center;
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  gap: var(--gap-20);
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__left__title {
  grid-column: 1/5;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__left__title p {
  max-width: 217px;
  width: -webkit-max-content;
  width: max-content;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
  grid-column: 11/-1;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper.var-2 {
  grid-column: 9/-1;
  justify-self: end;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section.make-sticky {
  position: sticky;
  top: calc(50% - var(--gap-40));
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper a {
  opacity: 0;
  transition: opacity 300ms ease-out;
  position: relative;
  display: inline-block;
  width: -webkit-max-content;
  width: max-content;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section:has(.center__project__detail__hero__section__left__title:hover) .center__project__detail__hero__section__left__title p::after {
  transform: scaleX(1);
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section:has(.center__project__detail__hero__section__left__title:hover) .center__project__detail__hero__section__right__info__wrapper a {
  opacity: 1;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section:has(.center__project__detail__hero__section__right__info__wrapper:hover) .center__project__detail__hero__section__left__title p::after {
  transform: scaleX(1);
}
.hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section:has(.center__project__detail__hero__section__right__info__wrapper:hover) .center__project__detail__hero__section__right__info__wrapper a {
  opacity: 1;
}
.hero__section__wrapper .hero__section__container .grid-col-12 .view__all__project__link__bottom__left__hero__section {
  grid-column: 1/-1;
  justify-self: start;
  align-self: end;
}

.about__brand__divider__section .grid-col-12 {
  min-height: calc(100dvh - var(--gap-160));
}
.about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper {
  grid-column: 1/5;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  grid-auto-rows: -webkit-max-content;
  grid-auto-rows: max-content;
  column-gap: var(--grid-gutter);
}
.about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper .about__intro {
  grid-column: 1/-1;
}
.about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper .about__description__brand__divider__section {
  grid-column: 1/3;
  margin-top: var(--gap-20);
}
.about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper > .read__more__btn {
  grid-column: 1/3;
  justify-self: start;
  margin-top: var(--gap-20);
  display: inline-block;
}
.about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo {
  grid-column: 5/9;
  align-self: end;
}
.about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo svg {
  width: 276px;
  margin: 0 auto;
}
.about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo .brand__divider__rect__logo__line {
  transform: scaleX(0);
}

.left__portrait__image__right__content__sticky .grid-col-12 {
  position: relative;
}
.left__portrait__image__right__content__sticky .grid-col-12 .left__portrait__image__wrapper__sticky__section__imagebox {
  grid-column: 1/6;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__portrait__image__right__content__sticky .grid-col-12 .right__side__content__sticky__left__portrait__section {
  grid-column: 9/11;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}

.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 {
  position: relative;
}
.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
  grid-column: 1/5;
}
.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper .qoute__section__left__landscape__wrapper__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
  grid-column: 4/8;
  margin-top: var(--gap-160);
}
.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper .qoute__section__bottom__landscape__wrapper__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
  grid-column: 9/-1;
  grid-row: 1;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}

.left__sticky__content__right__large__landscape__image__section .grid-col-12 .left__sticky__content__right__large__landscape__image__section {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__large__landscape__image__section .grid-col-12 .left__sticky__content__right__large__landscape__image__section .left__sticky__content__large__landscape__description i,
.left__sticky__content__right__large__landscape__image__section .grid-col-12 .left__sticky__content__right__large__landscape__image__section .left__sticky__content__large__landscape__description em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__large__landscape__image__section .grid-col-12 .right__large__landscape__image__left__sticky__content__section {
  grid-column: 4/-1;
}
.left__sticky__content__right__large__landscape__image__section .grid-col-12 .right__large__landscape__image__left__sticky__content__section .right__large__landscape__image__left__sticky__content__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__sticky__content__right__portrait__image__section .grid-col-12 .left__sticky__content__right__portrait__image__section {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__portrait__image__section .grid-col-12 .left__sticky__content__right__portrait__image__section .left__sticky__content__portrait__description i,
.left__sticky__content__right__portrait__image__section .grid-col-12 .left__sticky__content__right__portrait__image__section .left__sticky__content__portrait__description em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__portrait__image__section .grid-col-12 .right__portrait__image__left__sticky__content__section {
  grid-column: 7/12;
}
.left__sticky__content__right__portrait__image__section .grid-col-12 .right__portrait__image__left__sticky__content__section .right__portrait__image__left__sticky__content__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content__right__center__portrait__image__section {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content__right__center__portrait__image__section .left__sticky__content__center__portrait__description i,
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content__right__center__portrait__image__section .left__sticky__content__center__portrait__description em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__center__portrait__image__left__sticky__content__section {
  grid-column: 4/9;
}
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__center__portrait__image__left__sticky__content__section .right__center__portrait__image__left__sticky__content__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content i,
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__portrait__image__wrapper {
  grid-column: 8/-1;
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .bottom__landscape__image {
  grid-column: 4/8;
  margin-top: var(--gap-160);
  grid-row: 2;
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .bottom__landscape__image .bottom__landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__side__qoute__wrapper {
  grid-column: 9/-1;
  grid-row: 2;
  margin-top: var(--gap-160);
}

.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content i,
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .right__landscape__image__wrapper {
  grid-column: 4/-1;
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .right__landscape__image__wrapper .right__landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image {
  grid-column: 10/-1;
  margin-top: var(--gap-160);
  grid-row: 2;
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image .bottom__portrait__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__side__qoute__wrapper {
  grid-column: 4/8;
  grid-row: 2;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__side__qoute__wrapper--without__qoute {
  grid-column: 4/9;
}
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section.without__right__landscape .left__side__qoute__wrapper,
.left__sticky__content__right__landscape__portrait__right__bottom__qoute__section.without__right__landscape .bottom__portrait__image {
  margin-top: 0;
}

.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .left__sticky__content {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .left__sticky__content .single__left__sticky__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper {
  grid-column: 4/8;
  grid-row: 2;
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper .center__landscape__image__wrapper {
  display: flex;
  flex-direction: column;
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper .center__landscape__image__wrapper {
  gap: var(--gap-20);
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__landscape__image {
  grid-column: 9/-1;
  margin-top: var(--gap-160);
  grid-row: 3;
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__landscape__image .right__landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__side__qoute__wrapper {
  grid-column: 9/-1;
  grid-row: 1;
}

.left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content i,
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .right__portrait__image__wrapper {
  grid-column: 8/-1;
}
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__image__wrapper {
  display: flex;
  flex-direction: column;
}
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__image__wrapper {
  gap: var(--gap-20);
}
.left__sticky__content__right__portrait__qoute__section .grid-col-12 .center__side__qoute__wrapper {
  grid-column: 4/8;
  grid-row: 2;
  margin-top: var(--gap-160);
}

.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content .single__left__sticky__content {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content .single__left__sticky__content__description i,
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content .single__left__sticky__content__description em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper {
  grid-column: 4/-1;
  display: grid;
  grid-template-columns: repeat(9, 1fr);
  column-gap: var(--gap-20);
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .bottom__landscape__image__wrapper {
  grid-column: 1/-1;
  margin-top: calc(var(--gap-80));
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .bottom__landscape__image__wrapper .bottom__landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .right__portrait__image {
  grid-column: 5/8;
}
.left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .right__portrait__image .right__portrait__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.team__section__left__content__sticky .grid-col-12 .left__side__sticky {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
}
.team__section__left__content__sticky .grid-col-12 .left__side__sticky i,
.team__section__left__content__sticky .grid-col-12 .left__side__sticky em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper {
  grid-column: 4/9;
}
.team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper .right__single__people__item__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info .right__single__people__position {
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper:hover .right__single__info .right__single__people__position {
  opacity: 1;
}
.team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper {
  grid-column: 8/-1;
  grid-row: 2;
  margin-top: var(--gap-160);
}
.team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper .right__single__people__item__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info .right__single__people__position {
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper:hover .right__single__info .right__single__people__position {
  opacity: 1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.team__single__profile__wrapper {
  background: var(--color-clay);
  padding-top: var(--gap-160);
  padding-bottom: var(--gap-80);
  height: 100dvh;
  position: relative;
}
.team__single__profile__wrapper .close__single__bio__page__wrapper {
  position: fixed;
  z-index: 10;
  top: var(--gap-80);
  width: 30px;
  height: 30px;
  background: var(--color-10-stone);
  display: flex;
  transition: background-color 300ms ease-out;
  align-items: center;
  justify-content: center;
  border-radius: 50%;
}
.team__single__profile__wrapper .close__single__bio__page__wrapper:hover {
  background: var(--color-stone);
}
.team__single__profile__wrapper .close__single__bio__page__wrapper {
  left: 50%;
  cursor: pointer;
  transform: translate(-50%, -50%);
}
.team__single__profile__wrapper .grid-col-12 {
  height: 100%;
  grid-template-rows: 50% 50%;
}
.team__single__profile__wrapper .grid-col-12 .left__single__team__info {
  grid-column: 1/5;
  height: -webkit-max-content;
  height: max-content;
}
.team__single__profile__wrapper .grid-col-12 .left__single__team__info .left__highlight__description {
  margin-top: var(--gap-40);
}
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description {
  grid-column: 1/3;
  align-self: end;
}
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description i,
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-column: 1/5;
  column-gap: var(--gap-20);
}
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var .left__highlight__description {
  grid-column: 1/-1;
}
.team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var .left__detailed__description {
  grid-column: 1/3;
  margin-top: var(--gap-40);
}
.team__single__profile__wrapper .grid-col-12 .left__highlight__description.small-titles i,
.team__single__profile__wrapper .grid-col-12 .left__highlight__description.small-titles em {
  font-size: var(--fs-26);
  line-height: 30px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: 1%;
}
.team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper {
  grid-column: 9/-1;
  grid-row: 1/3;
  height: 100%;
}
.team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper .team__image__wrapper__imagebox {
  height: 100%;
  overflow: hidden;
}
.team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper .team__image__wrapper__imagebox img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.project__info__left__right__portrait__image__section .grid-col-12 .project__info__description {
  grid-column: 1/3;
}
.project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper {
  grid-column: 3/5;
}
.project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper .single__info__table {
  padding: var(--gap-10) 0;
  border-top: 1px solid var(--color-black);
}
.project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper .single__info__table:last-child {
  border-bottom: 1px solid var(--color-black);
}
.project__info__left__right__portrait__image__section .grid-col-12 .project__info__right__portrait__wrapper {
  grid-column: 8/-1;
}
.project__info__left__right__portrait__image__section .grid-col-12 .project__info__right__portrait__wrapper .right__portrait__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.large__left__landscape__image__section .grid-col-12 .left__large__landscape__image__wrapper {
  grid-column: 1/10;
}
.large__left__landscape__image__section .grid-col-12 .left__large__landscape__image__wrapper .landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.qoute__section__left__right__awward__section .grid-col-12 .left__qoute__section__wrapper {
  grid-column: 1/5;
}
.qoute__section__left__right__awward__section .grid-col-12 .right__awward__section__wrapper {
  grid-column: 9/-1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.qoute__section__left__right__awward__section .grid-col-12 .right__awward__section__wrapper .right__awward__container {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__portrait__right__small__landscape__image__section .grid-col-12 .left__portrait__image__wrapper {
  grid-column: 1/6;
}
.left__portrait__right__small__landscape__image__section .grid-col-12 .left__portrait__image__wrapper .left__portrait__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__portrait__right__small__landscape__image__section .grid-col-12 .right__landscape__image__wrapper {
  grid-column: 9/-1;
}
.left__portrait__right__small__landscape__image__section .grid-col-12 .right__landscape__image__wrapper .right__landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.large__right__landscape__image__section .grid-col-12 .right__large__landscape__image__wrapper {
  grid-column: 4/-1;
}
.large__right__landscape__image__section .grid-col-12 .right__large__landscape__image__wrapper .landscape__image__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.qoute__section__left__right__portrait__image__section .grid-col-12 .left__qoute__wrapper {
  grid-column: 1/5;
}
.qoute__section__left__right__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
  grid-column: 8/-1;
}
.qoute__section__left__right__portrait__image__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__small_landscape__right__small__landscape__image__section .grid-col-12 .left__small__landscape__wrapper {
  grid-column: 1/5;
}
.left__small_landscape__right__small__landscape__image__section .grid-col-12 .left__small__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__small_landscape__right__small__landscape__image__section .grid-col-12 .right__small__landscape__wrapper {
  grid-column: 9/-1;
}
.left__small_landscape__right__small__landscape__image__section .grid-col-12 .right__small__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.full__width__image__section .grid-col-12 {
  padding-left: 0;
  padding-right: 0;
}
.full__width__image__section .grid-col-12 .full__width__image__wrapper {
  grid-column: 1/-1;
}

.related__project__section--with__background {
  background-color: var(--color-pistachio);
}
.related__project__section .grid-col-12 .left__related__info__wrapper {
  grid-column: 1/3;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  gap: var(--gap-20);
}
.related__project__section .grid-col-12 .left__related__info__wrapper .related__info__description {
  margin-bottom: var(--gap-40);
}
.related__project__section .grid-col-12 .right__related__project__wrapper {
  grid-column: 9/-1;
}
.related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper {
  display: flex;
  justify-content: space-between;
}
.related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__title p {
  position: relative;
}
.related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__title p::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 300ms ease-out;
  bottom: 0;
  width: 100%;
  height: 1px;
  background: var(--color-black);
}
.related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__description {
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.related__project__section .grid-col-12 .right__related__project__wrapper:hover .related__project__info__wrapper .related__project__info__description {
  opacity: 1;
}
.related__project__section .grid-col-12 .right__related__project__wrapper:hover .related__project__info__wrapper .related__project__info__title p::after {
  transform: scaleX(1);
}

.your__project__cta__section {
  background: var(--color-slate);
}
.your__project__cta__section .grid-col-12 .left__project__cta__info__wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.your__project__cta__section .grid-col-12 .left__project__cta__info__wrapper .left__cta__info__description {
  margin-top: auto;
}
.your__project__cta__section .grid-col-12 .right__side__cta__image__wrapper {
  grid-column: 9/-1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.services__info__section .grid-col-12 {
  height: calc(100dvh - var(--gap-160));
}
.services__info__section .grid-col-12 .left__sticky__side {
  grid-column: 1/5;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
}
.services__info__section .grid-col-12 .left__sticky__side .right__description__wrapper {
  width: 50%;
}
.services__info__section .grid-col-12 .left__sticky__side .left__section__link__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
  margin-top: auto;
}
.services__info__section .grid-col-12 .left__sticky__side .left__description__side i,
.services__info__section .grid-col-12 .left__sticky__side .left__description__side em {
  font-size: var(--fs-26);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.services__info__section .grid-col-12 .left__sticky__side .right__description__wrapper i,
.services__info__section .grid-col-12 .left__sticky__side .right__description__wrapper em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.services__info__section .grid-col-12 .right__image__wrapper {
  grid-column: 8/-1;
}
.services__info__section--with__portrait__image .left__sticky__side {
  position: relative !important;
  top: 0 !important;
}
.services__info__section--with__portrait__image .right__portrait__image__wrapper {
  grid-column: 8/-1;
}

.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper .left__descriptoin i,
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper .left__descriptoin em {
  font-size: var(--fs-16);
  line-height: 20px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: var(--ls-0);
}
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
  grid-column: 4/-1;
}
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
  grid-column: 4/8;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .left__sticky__wrapper {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper {
  grid-column: 9/-1;
}
.left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper {
  grid-column: 4/9;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
  grid-column: 1/3;
  position: sticky;
  top: var(--gap-80);
  height: -webkit-max-content;
  height: max-content;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
  grid-column: 4/8;
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper {
  grid-column: 10/-1;
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
  grid-column: 4/-1;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper .landscape__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .left__sticky__content__wrapper {
  grid-column: 1/3;
  position: sticky;
  height: -webkit-max-content;
  height: max-content;
  top: var(--gap-80);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .left__sticky__content__wrapper .left__descriptions {
  margin-top: var(--gap-20);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .left__sticky__content__wrapper .left__descriptions .content__section {
  margin-top: var(--gap-30);
  display: flex;
  flex-direction: column;
  gap: var(--gap-16);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper {
  grid-column: 4/-1;
  display: grid;
  grid-template-columns: subgrid;
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__top__portrait__image {
  grid-column: 1/6;
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__top__portrait__image .portrait__caption {
  margin-top: var(--gap-20);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__center__landscape__image {
  grid-column: 6/-1;
  grid-row: 2;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__center__landscape__image .landscape__caption {
  margin-top: var(--gap-20);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__bottom__landscape__image {
  grid-column: 1/5;
  grid-row: 3;
  margin-top: var(--gap-160);
}
.left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__bottom__landscape__image .landscape__caption {
  margin-top: var(--gap-20);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content {
  position: sticky;
  height: -webkit-max-content;
  height: max-content;
  top: var(--gap-80);
  grid-column: 1/3;
}
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
  grid-column: 4/9;
}
.left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 {
  position: relative;
}
.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
  grid-column: 9/-1;
}
.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper .qoute__section__left__landscape__wrapper__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
  grid-column: 5/9;
  margin-top: var(--gap-160);
}
.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper .qoute__section__bottom__landscape__wrapper__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
  grid-column: 4/8;
  grid-row: 1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.contact__section__contact__page {
  padding-top: var(--gap-160);
  padding-bottom: var(--gap-80);
  min-height: 100dvh;
}
.contact__section__contact__page .grid-col-12 {
  height: 100%;
}
.contact__section__contact__page .grid-col-12 .left__contact__info__wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.contact__section__contact__page .grid-col-12 .center__contact__details {
  grid-column: 4/6;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.contact__section__contact__page .grid-col-12 .center__contact__details .left__title.hidden {
  opacity: 0;
  margin-bottom: var(--gap-10);
}
.contact__section__contact__page .grid-col-12 .center__contact__details .contact__details__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
  grid-column: 1/6;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  align-self: self-start;
  height: 100%;
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form {
  display: flex;
  flex-direction: column;
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form input {
  width: 100%;
  padding: var(--gap-10) 0;
  border: none;
  outline: none;
  background: transparent;
  border-top: 1px solid var(--color-black);
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form input::placeholder {
  color: var(--color-darker-stone);
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form input:last-of-type {
  border-bottom: 1px solid var(--color-black);
}
.contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form button {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin-top: var(--gap-40);
  position: relative;
  width: -webkit-max-content;
  width: max-content;
  margin-left: auto;
  padding: 0;
}
.contact__section__contact__page .grid-col-12 .right__side__contact__image {
  grid-column: 8/-1;
  grid-row: 1/3;
}
.contact__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
  height: 100%;
  overflow: hidden;
}
.contact__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.your__project__section__contact__page {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
  background: var(--color-slate);
}
.your__project__section__contact__page .grid-col-12 {
  height: 100%;
  grid-template-rows: auto 1fr;
  row-gap: var(--gap-80);
}
.your__project__section__contact__page .grid-col-12 .left__contact__info__wrapper {
  grid-column: 1/3;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.your__project__section__contact__page .grid-col-12 .center__contact__details {
  grid-column: 4/6;
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.your__project__section__contact__page .grid-col-12 .center__contact__details .left__title.hidden {
  opacity: 0;
  margin-bottom: var(--gap-10);
}
.your__project__section__contact__page .grid-col-12 .center__contact__details .contact__details__wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--gap-40);
}
.your__project__section__contact__page .grid-col-12 .center__contact__details .contact__details__wrapper .single__detail {
  display: flex;
  flex-direction: column;
  gap: var(--gap-10);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
  grid-column: 1/6;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
  height: 100%;
  flex: 1;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper {
  display: flex;
  flex: 1;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .form-field {
  width: 100%;
  padding: var(--gap-10) 0;
  border: none;
  outline: none;
  background: transparent;
  border-bottom: 1px solid var(--color-10-stone);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .form-field::placeholder {
  color: var(--color-darker-stone);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .form-field:first-child {
  border-top: 1px solid var(--color-10-stone);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type {
  position: relative;
  border-bottom: 1px solid var(--color-10-stone);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__toggle {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--gap-10) 0;
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  font: inherit;
  text-align: left;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__label {
  color: var(--color-darker-stone);
  transition: color 0.2s ease;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type.has-value .project-type__label {
  color: var(--color-10-stone);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__icon {
  font-size: 1.2em;
  line-height: 1;
  transition: transform 0.2s ease;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type.is-open .project-type__icon {
  transform: rotate(45deg);
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__list-wrap {
  display: grid;
  grid-template-rows: 0fr;
  transition: grid-template-rows 0.25s ease;
  overflow: hidden;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type.is-open .project-type__list-wrap {
  grid-template-rows: 1fr;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__list {
  min-height: 0;
  overflow: hidden;
  padding: 0;
  border: 0;
  margin: 0;
  list-style: none;
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__option {
  padding: 2px 6px 2px 0;
  cursor: pointer;
  color: var(--color-10-stone);
  transition: color 0.15s ease;
  width: -webkit-max-content;
  width: max-content;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__option:last-child {
  padding-bottom: 8px;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__option:hover, .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__option:focus-visible {
  color: var(--color-10-stone);
  outline: none;
}
.your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form button[type=submit] {
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin-top: auto;
  position: relative;
  transition: margin 0.15s;
  width: -webkit-max-content;
  width: max-content;
  padding: 0;
}
.your__project__section__contact__page .grid-col-12 .right__side__contact__image {
  grid-column: 8/-1;
  grid-row: 1/3;
}
.your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
  overflow: hidden;
  width: 100%;
  height: 920px;
}
.your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.selected__work__filter__section {
  padding-top: var(--gap-80);
  padding-bottom: calc(var(--gap-40) + var(--gap-20));
}
.selected__work__filter__section .grid-col-12 .filter__container__wrapper {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: var(--gap-20);
  grid-column: 1/6;
}
.selected__work__filter__section .grid-col-12 .filter__container__wrapper .single__filter__item {
  background: transparent;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
}

.selected__work__section {
  padding-bottom: var(--gap-160);
}
.selected__work__section .grid-col-12 {
  row-gap: var(--gap-160);
}
.selected__work__section .grid-col-12 .left__side__info__wrapper {
  grid-column: 1/3;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.selected__work__section .grid-col-12 .project__single__wrapper {
  height: -webkit-max-content;
  height: max-content;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__4__12 {
  grid-column: 4/-1;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__1__4 {
  grid-column: 1/5;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__1__5 {
  grid-column: 1/6;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__9__12 {
  grid-column: 9/-1;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__1__9 {
  grid-column: 1/10;
}
.selected__work__section .grid-col-12 .project__single__wrapper.column__8__12 {
  grid-column: 8/-1;
}
.selected__work__section .grid-col-12 .project__single__wrapper.bottom_align {
  align-self: end;
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper {
  display: block;
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption {
  display: flex;
  justify-content: space-between;
  align-items: start;
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__title p {
  position: relative;
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__title p::after {
  content: "";
  position: absolute;
  top: 25px;
  left: 0;
  transition: transform 300ms ease-out;
  transform: scaleX(0);
  transform-origin: left;
  width: 100%;
  height: 1px;
  background: var(--color-black);
}
.selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__description {
  opacity: 0;
  transition: opacity 300ms ease-out;
}
.selected__work__section .grid-col-12 article:hover .project__image__wrapper .project__image__imagebox .project__image__caption .project__title p::after {
  transform: scaleX(1);
}
.selected__work__section .grid-col-12 article:hover .project__image__wrapper .project__image__imagebox .project__image__caption .project__description {
  opacity: 1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.design__stories__section {
  width: 100%;
}
.design__stories__section .design__story {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
  border-top: 1px solid #000;
  transition: background-color 300ms ease-out, border-color 300ms ease-out;
}
.design__stories__section .design__story:hover {
  background-color: var(--color-pistachio);
  border-color: var(--color-pistachio);
}
.design__stories__section .design__story__post__info {
  grid-column: 1/4;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.design__stories__section .design__story__info {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.design__stories__section .design__story__read__cta {
  display: block;
  width: -webkit-max-content;
  width: max-content;
}
.design__stories__section .design__story__post__poster {
  grid-column: -5/-1;
}
.design__stories__section .design__story__post__poster .design__story__read__cta--mobile {
  display: none;
}
.design__stories__section .design__story--hero .design__story__post__poster {
  grid-column: 4/-1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.design__story__wrapper {
  width: 100%;
}
.design__story__wrapper .design__story {
  padding-top: var(--gap-80);
  padding-bottom: var(--gap-80);
}
.design__story__wrapper .design__story__post__info {
  grid-column: 1/4;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
}
.design__story__wrapper .design__story__post__info .design__stories__heading,
.design__story__wrapper .design__story__post__info .design__story__read__cta {
  opacity: 0;
  visibility: hidden;
}
.design__story__wrapper .design__story__info {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.design__story__wrapper .design__story--hero .design__story__post__poster {
  grid-column: 4/-1;
}

.design__story__centered__content__section {
  width: 100%;
}
.design__story__centered__content__section .design__story__centered__content__wrapper {
  grid-column: 5/9;
  display: flex;
  flex-direction: column;
  gap: var(--gap-80);
}

.left__qoute__section {
  width: 100%;
}
.left__qoute__section .left__side__qoute__description {
  grid-column: 1/5;
}

.left__portriat__image__right__qoute__section {
  width: 100%;
}
.left__portriat__image__right__qoute__section .left__portrait__image__wrapper {
  grid-column: 1/4;
}
.left__portriat__image__right__qoute__section .left__portrait__image__wrapper .left__portrait__imagebox {
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.left__portriat__image__right__qoute__section .left__side__qoute__description {
  grid-column: -5/-1;
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.search__wrapper {
  width: 100%;
  min-height: calc(100dvh - var(--gap-40) * 2);
  background-color: var(--color-terracotta);
  position: relative;
  overflow-y: auto;
  padding-top: var(--gap-40);
  padding-bottom: var(--gap-40);
}
.search__wrapper > .grid-col-12 {
  min-height: inherit;
  display: flex;
  flex-direction: column;
}
.search__wrapper .search__input__wrapper {
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
}
.search__wrapper .search__input {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #fff;
  padding-top: var(--gap-10);
  padding-bottom: var(--gap-10);
  border-bottom: 1px solid #fff;
}
.search__wrapper .search__input::placeholder {
  color: #fff;
}
.search__wrapper .search__input:focus {
  outline: none;
}
.search__wrapper .search__footer {
  width: 100%;
  position: absolute;
  left: 0;
  bottom: var(--gap-40);
}
.search__wrapper .search__footer__menu__wrapper {
  grid-column: span 2;
  align-self: flex-start;
}
.search__wrapper .search__footer__menu {
  margin-top: var(--gap-20);
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}

:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.left__right__content .left__content {
  grid-column: 1/5;
}
.left__right__content .left__content i,
.left__right__content .left__content em {
  font-size: var(--fs-26);
  line-height: 30px;
  font-family: var(--font-italic);
  font-weight: var(--fw-400);
  letter-spacing: 1%;
}
.left__right__content .right__center__content__wrapper {
  grid-column: 8/10;
}
.left__right__content .right__center__content__wrapper .content__content {
  margin-top: var(--gap-20);
}
.left__right__content .right__content__wrapper {
  grid-column: -3/-1;
}
.left__right__content .right__content__wrapper .content__section:not(:first-child) {
  margin-top: var(--gap-40);
}
.left__right__content .right__content__wrapper .content__content {
  margin-top: var(--gap-20);
}
.left__right__content .right__content__wrapper .content__section__list {
  margin-top: var(--gap-20);
}
:root {
  --color-white: white;
  --color-10-stone: #fbfaf9;
  --color-stone: #d4cec4;
  --color-darker-stone: #bbb5aa;
  --color-pistachio: #c5cfc1;
  --color-clay: #acb2b5;
  --color-slate: #303e47;
  --color-black: black;
  --color-terracotta: #A1432F;
  --color-red: #FF0808;
  --fs-12: 12px;
  --fs-16: 16px;
  --fs-26: 26px;
  --fs-24: 24px;
  --fw-400: 400;
  --font-regular: "signifier";
  --font-italic: "signifier-italic";
  --font-sans: "untitled-sans";
  --lh-14: 14px;
  --lh-18: 18px;
  --lh-20: 20px;
  --lh-26: 26px;
  --lh-28: 28px;
  --lh-auto: auto;
  --ls-0: 0%;
  --ls-1: 1%;
  --gap-10: 10px;
  --gap-16: 16px;
  --gap-20: 20px;
  --gap-30: 30px;
  --gap-40: 40px;
  --gap-80: 80px;
  --gap-160: 160px;
  --grid-margin: 80px;
  --grid-gutter: 20px;
  --grid-columns: 12;
}

.search__result__wrapper {
  width: 100%;
  padding-top: var(--gap-160);
  padding-bottom: var(--gap-160);
}
.search__result__wrapper .search__input__wrapper {
  grid-column: 1/-1;
  flex: 1 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  position: relative;
}
.search__result__wrapper .search__input {
  width: 100%;
  background-color: transparent;
  border: none;
  color: #000;
  padding-top: var(--gap-10);
  padding-bottom: var(--gap-10);
  border-bottom: 1px solid #000;
  padding-right: var(--gap-20);
}
.search__result__wrapper .search__input::placeholder {
  color: #000;
}
.search__result__wrapper .search__input:focus {
  outline: none;
}
.search__result__wrapper .close__icon {
  position: absolute;
  right: 6px;
  width: 10.607px;
  height: 11.314px;
  cursor: pointer;
}
.search__result__wrapper .search__text {
  grid-column: 1/4;
  max-width: -webkit-max-content;
  max-width: max-content;
  margin-top: 223px;
}
.search__result__wrapper .search__results {
  grid-column: 1/-1;
  display: grid;
  grid-template-columns: subgrid;
  margin-top: var(--gap-40);
  row-gap: var(--gap-80);
}
.search__result__wrapper .search__post {
  grid-column: span 4;
  display: flex;
  flex-direction: column;
  gap: var(--gap-20);
}
.search__result__wrapper .search__post:hover .post__title::after {
  transform: scaleX(1);
}
.search__result__wrapper .search__post:hover .post__experts {
  opacity: 1;
}
.search__result__wrapper .search__post__media {
  width: 100%;
  aspect-ratio: 102/65;
  max-height: 404px;
  overflow: hidden;
}
.search__result__wrapper .search__post__media__image {
  object-fit: cover;
  object-position: center;
  width: 100%;
  height: 100%;
}
.search__result__wrapper .post__meta__data {
  display: flex;
  gap: var(--gap-20);
}
.search__result__wrapper .post__data__wrapper {
  display: flex;
  justify-content: space-between;
}
.search__result__wrapper .post__title {
  height: -webkit-max-content;
  height: max-content;
  max-width: -webkit-max-content;
  max-width: max-content;
}
.search__result__wrapper .post__experts {
  transition: opacity 300ms ease;
}
@media (max-width: 1600px){
  nav .contact__info__header__wrapper {
    grid-column: 10/-1;
  }
  footer .contact__info__footer__wrapper {
    grid-column: 10/-1;
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .right__side__content__sticky__left__portrait__section {
    grid-column: 8/11;
  }
  .team__single__profile__wrapper .grid-col-12 .left__single__team__info {
    grid-column: 1/7;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description {
    grid-column: 1/6;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var {
    grid-column: 1/7;
    grid-template-columns: repeat(6, 1fr);
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var .left__detailed__description {
    grid-column: 1/4;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__description {
    grid-column: 1/4;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper {
    grid-column: 4/7;
  }
  .related__project__section .grid-col-12 .left__related__info__wrapper {
    grid-column: 1/4;
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper {
    grid-column: 8/-1;
  }
  .your__project__cta__section .grid-col-12 .left__project__cta__info__wrapper {
    grid-column: 1/5;
  }
  .your__project__cta__section .grid-col-12 .right__side__cta__image__wrapper {
    grid-column: 8/-1;
  }
  .services__info__section .grid-col-12 .left__sticky__side {
    grid-column: 1/7;
  }
  .services__info__section .grid-col-12 .right__image__wrapper {
    grid-column: 9/-1;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/4;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 5/-1;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 5/9;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/4;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 8/-1;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 5/10;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/4;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 5/9;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper {
    grid-column: 10/-1;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 5/-1;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
    grid-column: 5/10;
  }
  .contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    margin-top: var(--gap-80);
  }
  .your__project__section__contact__page .grid-col-12 {
    row-gap: var(--gap-40);
  }
  .your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
    height: 930px;
  }
  .selected__work__section .grid-col-12 .left__side__info__wrapper {
    grid-column: 1/4;
  }
  .search__wrapper .search__footer__menu__wrapper {
    grid-column: span 3;
  }
  .left__right__content .right__center__content__wrapper {
    grid-column: 6/9;
  }
  .left__right__content .right__content__wrapper {
    grid-column: -4/-1;
  }
}
@media (max-width: 1200px){
  nav .our__expertise__header__menu__wrapper {
    grid-column: 1/4;
  }
  nav .site__pages__header__menu__wrapper {
    grid-column: 4/7;
  }
  nav .design__storey__header__logo {
    grid-column: 5/9;
  }
  footer .our__expertise__footer__menu__wrapper {
    grid-column: 1/4;
  }
  footer .site__pages__footer__menu__wrapper {
    grid-column: 4/7;
  }
  footer .design__storey__footer__logo {
    grid-column: 5/9;
    position: relative;
    bottom: 0;
  }
  .about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper {
    grid-column: 1/6;
    grid-template-columns: repeat(5, minmax(0, 1fr));
  }
  .about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo {
    grid-column: 5/9;
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .right__side__content__sticky__left__portrait__section {
    grid-column: 8/12;
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
    grid-column: 1/7;
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
    grid-column: 2/8;
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
    grid-column: 8/-1;
  }
  .left__sticky__content__right__large__landscape__image__section .grid-col-12 .left__sticky__content__right__large__landscape__image__section {
    grid-column: 1/5;
  }
  .left__sticky__content__right__large__landscape__image__section .grid-col-12 .right__large__landscape__image__left__sticky__content__section {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__portrait__image__section .grid-col-12 .left__sticky__content__right__portrait__image__section {
    grid-column: 1/5;
  }
  .left__sticky__content__right__portrait__image__section .grid-col-12 .right__portrait__image__left__sticky__content__section {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content__right__center__portrait__image__section {
    grid-column: 1/5;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__center__portrait__image__left__sticky__content__section {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .bottom__landscape__image {
    grid-column: 4/9;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image {
    grid-column: 9/-1;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper {
    grid-column: 4/10;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__landscape__image {
    grid-column: 7/-1;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__side__qoute__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content {
    grid-column: 1/4;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .bottom__landscape__image__wrapper {
    grid-column: 2/-1;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .right__portrait__image {
    grid-column: 5/-1;
  }
  .team__section__left__content__sticky .grid-col-12 .left__side__sticky {
    grid-column: 1/4;
  }
  .team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper {
    grid-column: 5/9;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var {
    grid-column: 1/8;
    grid-template-columns: repeat(7, 1fr);
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var .left__detailed__description {
    grid-column: 1/6;
  }
  .team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper {
    grid-column: 8/-1;
  }
  .qoute__section__left__right__awward__section .grid-col-12 .left__qoute__section__wrapper {
    grid-column: 1/7;
  }
  .qoute__section__left__right__portrait__image__section .grid-col-12 .left__qoute__wrapper {
    grid-column: 1/7;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .left__small__landscape__wrapper {
    grid-column: 1/6;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .right__small__landscape__wrapper {
    grid-column: 8/-1;
  }
  .related__project__section .grid-col-12 .left__related__info__wrapper {
    grid-column: 1/5;
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper {
    grid-column: 7/-1;
  }
  .services__info__section .grid-col-12 .left__sticky__side {
    grid-column: 1/8;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/5;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/11;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/5;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/12;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/5;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper {
    grid-column: 7/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content {
    grid-column: 1/5;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
    grid-column: 6/11;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
    grid-column: 7/-1;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
    grid-column: 7/-1;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
    grid-column: 1/6;
  }
  .contact__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/4;
  }
  .contact__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 5/8;
  }
  .contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/8;
  }
  .your__project__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/4;
  }
  .your__project__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 5/8;
  }
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/8;
  }
  .your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
    height: 920px;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__4 {
    grid-column: 1/6;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__5 {
    grid-column: 1/7;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__9__12 {
    grid-column: 8/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__8__12 {
    grid-column: 7/-1;
  }
  .search__result__wrapper .search__results {
    row-gap: var(--gap-40);
  }
}
@media (max-width: 1024px){
  .hover-italic:hover {
    font-family: var(--font-regular);
  }
  .grid-col-12 {
    padding-left: var(--gap-40);
    padding-right: var(--gap-40);
  }
  nav .design__storey__header__logo {
    grid-column: 4/10;
  }
  .preloader .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img {
    width: 80%;
    height: 60%;
  }
  .preloader__project .preloader__center__image__scale__mask .preloader__center__image__scale__imagebox img {
    width: 80%;
    height: 60%;
  }
  footer .design__storey__footer__logo {
    grid-column: 4/10;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
    grid-column: 9/-1;
  }
  .about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo {
    grid-column: 4/10;
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .left__portrait__image__wrapper__sticky__section__imagebox {
    grid-column: 1/8;
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .right__side__content__sticky__left__portrait__section {
    grid-column: 8/-1;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/6;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .bottom__landscape__image {
    grid-column: 7/-1;
    margin-top: calc(var(--gap-160) + var(--gap-160) + var(--gap-40));
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__side__qoute__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/5;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .right__landscape__image__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image {
    grid-column: 8/-1;
    margin-top: calc(var(--gap-160) + var(--gap-160) + var(--gap-40));
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__side__qoute__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/5;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__landscape__image {
    grid-column: 6/-1;
    margin-top: var(--gap-160);
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__side__qoute__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/6;
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .center__side__qoute__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content {
    grid-column: 1/5;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper {
    grid-column: 5/-1;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .right__portrait__image {
    grid-column: 4/-1;
    grid-row: 1;
    margin-top: 0;
  }
  .team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper {
    grid-column: 5/10;
  }
  .team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper {
    grid-column: 8/-1;
  }
  .team__single__profile__wrapper {
    min-height: 100dvh;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description {
    margin-top: var(--gap-80);
  }
  .team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper .team__image__wrapper__imagebox img {
    object-fit: contain;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__description {
    grid-column: 1/5;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper {
    grid-column: 1/5;
    grid-row: 1;
    margin-bottom: var(--gap-40);
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__right__portrait__wrapper {
    grid-row: 1/3;
  }
  .left__portrait__right__small__landscape__image__section .grid-col-12 .left__portrait__image__wrapper {
    grid-column: 1/7;
  }
  .left__portrait__right__small__landscape__image__section .grid-col-12 .right__landscape__image__wrapper {
    grid-column: 8/-1;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .left__small__landscape__wrapper {
    grid-column: 1/7;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .right__small__landscape__wrapper {
    grid-column: 7/-1;
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper {
    grid-column: 6/-1;
  }
  .your__project__cta__section .grid-col-12 .left__project__cta__info__wrapper {
    grid-column: 1/6;
  }
  .your__project__cta__section .grid-col-12 .right__side__cta__image__wrapper {
    grid-column: 7/-1;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 6/-1;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .left__sticky__content__wrapper {
    grid-column: 1/4;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper {
    grid-column: 5/-1;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__center__landscape__image {
    margin-top: var(--gap-80);
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__bottom__landscape__image {
    margin-top: var(--gap-80);
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content {
    grid-column: 1/6;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
    grid-column: 7/-1;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
    grid-column: 1/7;
  }
  .contact__section__contact__page {
    min-height: 100dvh;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .your__project__section__contact__page {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__4 {
    grid-column: 1/7;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__9__12 {
    grid-column: 7/-1;
  }
  .design__story__centered__content__section .design__story__centered__content__wrapper {
    grid-column: 4/10;
  }
  .left__portriat__image__right__qoute__section .left__portrait__image__wrapper {
    grid-column: 1/5;
  }
  .search__wrapper .search__footer__menu__wrapper {
    grid-column: span 4;
  }
  .search__result__wrapper .search__text {
    margin-top: 173px;
    grid-column: 1/5;
  }
  .search__result__wrapper .search__post {
    grid-column: span 6;
  }
}
@media (max-width: 768px){
  .hover-underline-secondary::after {
    display: none;
  }
  .hover-underline::after {
    display: none;
  }
  .grid-col-12 {
    padding-left: var(--gap-20);
    padding-right: var(--gap-20);
  }
  .gap-80-t {
    padding-top: var(--gap-40);
  }
  .gap-80-b {
    padding-bottom: var(--gap-40);
  }
  .gap-160-b {
    padding-bottom: var(--gap-80);
  }
  .gap-160-t {
    padding-top: var(--gap-80);
  }
  .small-titles {
    font-size: 22px;
    line-height: 26px;
  }
  .small-titles-italic {
    font-size: 22px;
    line-height: 26px;
  }
  .body {
    font-size: 12px;
    line-height: 16px;
  }
  .body-italic {
    font-size: 12px;
    line-height: 16px;
  }
  .font-24 {
    font-size: 16px;
    line-height: 18px;
  }
  .key-titles {
    font-size: 8px;
    line-height: 10px;
  }
  .key-titles-sans {
    font-size: 8px;
    line-height: 10px;
  }
  nav .grid-col-12 {
    height: calc(100dvh - var(--gap-80));
  }
  nav .site__pages__header__menu__wrapper {
    grid-column: 5/9;
  }
  nav .contact__info__header__wrapper {
    grid-column: 9/-1;
  }
  header {
    top: var(--gap-40);
  }
  header .center__nav__menu__button:hover {
    background: var(--color-10-stone);
  }
  header .right__nav__search__button:hover {
    background: var(--color-10-stone);
  }
  footer .grid-col-12 {
    height: calc(100dvh - var(--gap-80));
  }
  footer .site__pages__footer__menu__wrapper {
    grid-column: 5/9;
  }
  footer .contact__info__footer__wrapper {
    grid-column: 9/-1;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
    grid-column: 10/-1;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper a {
    opacity: 1;
  }
  .team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper {
    margin-top: var(--gap-80);
  }
  .team__single__profile__wrapper .close__single__bio__page__wrapper {
    top: 55px;
  }
  .team__single__profile__wrapper {
    padding-top: var(--gap-80);
    padding-bottom: var(--gap-40);
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__title p::after {
    top: 18px;
  }
  .contact__section__contact__page {
    padding-top: var(--gap-80);
    padding-bottom: var(--gap-40);
  }
  .contact__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/6;
  }
  .contact__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 10/-1;
  }
  .contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/-1;
  }
  .contact__section__contact__page .grid-col-12 .right__side__contact__image {
    display: none;
  }
  .your__project__section__contact__page {
    padding-top: var(--gap-80);
    padding-bottom: var(--gap-40);
  }
  .your__project__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/6;
  }
  .your__project__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 10/-1;
  }
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/-1;
  }
  .your__project__section__contact__page .grid-col-12 .right__side__contact__image {
    display: none;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__title p::after {
    top: 18px;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__title p::after {
    display: none;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper .project__image__wrapper .project__image__imagebox .project__image__caption .project__description {
    opacity: 1;
  }
  .design__stories__section .design__story:hover {
    background-color: inherit;
    border-color: inherit;
  }
  .design__stories__section .design__story {
    padding-top: var(--gap-40);
    padding-bottom: var(--gap-40);
  }
  .design__stories__section .design__story__post__info {
    grid-column: 1/-1;
  }
  .design__stories__section .design__story__info {
    flex-direction: column-reverse;
  }
  .design__stories__section .design__story--hero .design__story__info {
    margin-top: var(--gap-20);
  }
  .design__stories__section .design__story__read__cta {
    display: none;
  }
  .design__stories__section .design__story__post__poster {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
  }
  .design__stories__section .design__story__post__poster .design__story__read__cta--mobile {
    margin-top: var(--gap-20);
    display: block;
  }
  .design__stories__section .design__story--hero .design__story__post__poster {
    grid-column: 1/-1;
  }
  .design__story__wrapper .design__story {
    padding-top: var(--gap-40);
    padding-bottom: var(--gap-40);
  }
  .design__story__wrapper .design__story__post__info {
    grid-column: 1/-1;
  }
  .design__story__wrapper .design__story__info {
    flex-direction: column-reverse;
  }
  .design__story__wrapper .design__story--hero .design__story__post__poster {
    margin-top: var(--gap-20);
    grid-column: 1/-1;
  }
  .left__portriat__image__right__qoute__section .left__portrait__image__wrapper {
    grid-column: 1/6;
    grid-row: 2;
    margin-top: var(--gap-80);
  }
  .left__portriat__image__right__qoute__section .left__side__qoute__description {
    grid-column: -7/-1;
  }
  .search__wrapper .search__footer__menu__wrapper {
    grid-column: span 3;
  }
  .search__wrapper .search__footer__menu__wrapper {
    grid-column: span 4;
  }
  .left__right__content .left__content {
    grid-column: 1/8;
  }
  .left__right__content .left__content i,
  .left__right__content .left__content em {
    font-size: 22px;
    line-height: 26px;
  }
  .left__right__content .right__center__content__wrapper {
    grid-column: 1/5;
    margin-top: var(--gap-40);
  }
  .left__right__content .right__content__wrapper {
    grid-column: -6/-2;
    margin-top: var(--gap-40);
  }
  .search__result__wrapper .search__results {
    row-gap: var(--gap-40);
  }
  .search__result__wrapper .post__experts {
    opacity: 1;
  }
}
@media (max-width: 600px){
  nav .site__pages__header__menu__wrapper {
    grid-column: 7/-1;
  }
  nav .contact__info__header__wrapper {
    grid-column: 1/-1;
  }
  nav .design__storey__header__logo {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  header .right__nav__search__button {
    grid-column: 11/-1;
  }
  footer .site__pages__footer__menu__wrapper {
    grid-column: 7/-1;
  }
  footer .contact__info__footer__wrapper {
    grid-column: 1/-1;
  }
  footer .design__storey__footer__logo {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .hero__section__wrapper .hero__section__container .hero__section__dropdown__arrow {
    height: calc(100% - var(--gap-40));
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 {
    padding-top: var(--gap-40);
    padding-bottom: var(--gap-40);
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper.var-2 {
    grid-column: 1/-1;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
    grid-column: 1/-1;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section.make-sticky {
    position: relative;
    top: 0;
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section {
    flex-direction: column;
    gap: var(--gap-10);
  }
  .hero__section__wrapper .hero__section__container .grid-col-12 .center__project__detail__hero__section .center__project__detail__hero__section__right__info__wrapper {
    gap: var(--gap-10);
  }
  .about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper {
    grid-column: 1/-1;
    grid-template-columns: minmax(0, 1fr);
  }
  .about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper .about__intro,
  .about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper .about__description__brand__divider__section,
  .about__brand__divider__section .grid-col-12 .about__description__brand__divider__section__wrapper > .read__more__btn {
    grid-column: 1/-1;
  }
  .about__brand__divider__section .grid-col-12 .about__brand__divider__section__center__logo {
    grid-column: 1/-1;
    margin-top: var(--gap-80);
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .left__portrait__image__wrapper__sticky__section__imagebox {
    grid-column: 1/-1;
  }
  .left__portrait__image__right__content__sticky .grid-col-12 .right__side__content__sticky__left__portrait__section {
    grid-column: 1/-1;
    grid-row: 1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .qoute__section__left__landscape__bottom__landscape__right__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__large__landscape__image__section .grid-col-12 .left__sticky__content__right__large__landscape__image__section {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__large__landscape__image__section .grid-col-12 .right__large__landscape__image__left__sticky__content__section {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__portrait__image__section .grid-col-12 .left__sticky__content__right__portrait__image__section {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__portrait__image__section .grid-col-12 .right__portrait__image__left__sticky__content__section {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content__right__center__portrait__image__section {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__center__portrait__image__left__sticky__content__section {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__portrait__image__wrapper {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .bottom__landscape__image {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-40);
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__portrait__landscape__bottom__qoute__section .grid-col-12 .right__side__qoute__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .right__landscape__image__wrapper {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
    margin-bottom: var(--gap-40);
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .bottom__portrait__image .bottom__portrait__image__wrapper {
    margin-top: 0;
  }
  .left__sticky__content__right__landscape__portrait__right__bottom__qoute__section .grid-col-12 .left__side__qoute__wrapper {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    gap: var(--gap-20);
    position: relative;
    top: 0;
    grid-row: 1;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .center__landscape__image__wrapper .center__landscape__image__wrapper {
    margin-top: 0;
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__landscape__image {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__center__landscape__bottom__landscape__qoute__section .grid-col-12 .right__side__qoute__wrapper {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .right__portrait__image__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .right__portrait__image__wrapper .right__portrait__image__wrapper {
    margin-top: 0;
  }
  .left__sticky__content__right__portrait__qoute__section .grid-col-12 .center__side__qoute__wrapper {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    gap: var(--gap-20);
    grid-row: 1;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .bottom__landscape__image__wrapper {
    grid-column: 1/-1;
    grid-row: auto;
    margin-top: var(--gap-20);
  }
  .left__sticky__content__right__portriat__bottom__landscape .grid-col-12 .right__content__wrapper .right__portrait__image {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .team__section__left__content__sticky .grid-col-12 .left__side__sticky {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .team__section__left__content__sticky .grid-col-12 .right__center__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info .right__single__people__position {
    opacity: 1;
  }
  .team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper {
    grid-column: 1/-1;
    grid-row: 3;
    margin-top: var(--gap-40);
  }
  .team__section__left__content__sticky .grid-col-12 .right__single__people__item__wrapper .right__single__people__item__imagebox .right__single__info .right__single__people__position {
    opacity: 1;
  }
  .team__single__profile__wrapper .grid-col-12 {
    grid-template-rows: auto;
  }
  .team__single__profile__wrapper .grid-col-12 .left__single__team__info {
    margin-top: var(--gap-20);
    grid-column: 1/-1;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description {
    grid-column: 1/-1;
  }
  .team__single__profile__wrapper .grid-col-12 .left__detailed__information__description.second-var {
    grid-column: 1/-1;
    display: flex;
    flex-direction: column;
  }
  .team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper {
    grid-column: 1/-1;
    height: -webkit-max-content;
    height: max-content;
  }
  .team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper .team__image__wrapper__imagebox {
    height: auto;
  }
  .team__single__profile__wrapper .grid-col-12 .right__team__image__wrapper .team__image__wrapper__imagebox img {
    object-fit: cover;
    height: auto;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__description {
    grid-column: 1/-1;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__table__wrapper {
    grid-column: 1/-1;
  }
  .project__info__left__right__portrait__image__section .grid-col-12 .project__info__right__portrait__wrapper {
    grid-row: auto;
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .large__left__landscape__image__section .grid-col-12 .left__large__landscape__image__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__left__right__awward__section .grid-col-12 .left__qoute__section__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__left__right__awward__section .grid-col-12 .right__awward__section__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__portrait__right__small__landscape__image__section .grid-col-12 .left__portrait__image__wrapper {
    grid-column: 1/-1;
  }
  .left__portrait__right__small__landscape__image__section .grid-col-12 .right__landscape__image__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-80);
  }
  .large__right__landscape__image__section .grid-col-12 .right__large__landscape__image__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__left__right__portrait__image__section .grid-col-12 .left__qoute__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__left__right__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
    margin-top: var(--gap-80);
    grid-column: 1/-1;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .left__small__landscape__wrapper {
    grid-column: 1/-1;
  }
  .left__small_landscape__right__small__landscape__image__section .grid-col-12 .right__small__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-80);
  }
  .related__project__section .grid-col-12 .left__related__info__wrapper {
    grid-column: 1/-1;
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__title p::after {
    display: none;
  }
  .related__project__section .grid-col-12 .right__related__project__wrapper .related__section__imagebox .related__project__info__wrapper .related__project__info__description {
    opacity: 1;
  }
  .your__project__cta__section .grid-col-12 .left__project__cta__info__wrapper {
    grid-column: 1/-1;
  }
  .your__project__cta__section .grid-col-12 .right__side__cta__image__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .services__info__section .grid-col-12 {
    height: -webkit-max-content;
    height: max-content;
  }
  .services__info__section .grid-col-12 .left__sticky__side {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .services__info__section .grid-col-12 .right__image__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
  }
  .left__sticky__content__right__large__landscape__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
  }
  .left__sticky__content__right__small__landscape__image__bottom__portrait__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .left__sticky__wrapper {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__large__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-20);
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .right__portrait__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__small__landscape__right__portrait__image__bottom__landscape__image__section .grid-col-12 .bottom__small__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .left__sticky__content__wrapper {
    position: relative;
    top: 0;
    grid-row: 1;
    grid-column: 1/8;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper {
    grid-column: 1/-1;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__top__portrait__image {
    grid-column: 2/10;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__center__landscape__image {
    margin-top: var(--gap-40);
    grid-column: 4/11;
  }
  .left__sticky__content__right__portrait__image__right__small__landscape__bottom .grid-col-12 .right__images__wrapper .right__bottom__landscape__image {
    margin-top: var(--gap-40);
    grid-column: 2/9;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .left__sticky__content {
    grid-column: 1/-1;
    position: relative;
    top: 0;
  }
  .left__sticky__content__right__center__portrait__image__section .grid-col-12 .right__portrait__image__wrapper {
    margin-top: var(--gap-40);
    grid-column: 1/-1;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__left__landscape__wrapper {
    grid-column: 1/-1;
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__bottom__landscape__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-40);
  }
  .qoute__section__right__landscape__bottom__landscape__left__content__sticky .grid-col-12 .qoute__section__right__side__sticky__content__wrapper {
    grid-column: 1/-1;
    position: relative;
    top: 0;
    margin-bottom: var(--gap-40);
  }
  .contact__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/-1;
  }
  .contact__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 1/-1;
  }
  .contact__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-80);
  }
  .contact__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
    height: auto;
  }
  .contact__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper img {
    object-fit: cover;
  }
  .your__project__section__contact__page .grid-col-12 .left__contact__info__wrapper {
    grid-column: 1/-1;
  }
  .your__project__section__contact__page .grid-col-12 .center__contact__details {
    grid-column: 1/-1;
  }
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper {
    grid-column: 1/-1;
    margin-top: var(--gap-80);
  }
  .your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper {
    height: auto;
  }
  .your__project__section__contact__page .grid-col-12 .right__side__contact__image .contact__image__wrapper img {
    object-fit: cover;
  }
  .selected__work__section .grid-col-12 {
    row-gap: var(--gap-40);
  }
  .selected__work__section .grid-col-12 .left__side__info__wrapper {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__4__12 {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__4 {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__5 {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__9__12 {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__1__9 {
    grid-column: 1/-1;
  }
  .selected__work__section .grid-col-12 .project__single__wrapper.column__8__12 {
    grid-column: 1/-1;
  }
  .design__story__centered__content__section .design__story__centered__content__wrapper {
    grid-column: 3/-3;
  }
  .left__portriat__image__right__qoute__section .left__portrait__image__wrapper {
    grid-column: 1/9;
    grid-row: 2;
    margin-top: var(--gap-80);
  }
  .left__portriat__image__right__qoute__section .left__side__qoute__description {
    grid-column: -9/-1;
  }
  .left__right__content .left__content {
    grid-column: 1/10;
  }
  .left__right__content .right__center__content__wrapper {
    grid-column: 1/7;
  }
  .left__right__content .right__content__wrapper {
    grid-column: -7/-1;
  }
  .search__result__wrapper .search__text {
    grid-column: 1/7;
  }
  .search__result__wrapper .search__post {
    grid-column: 1/-1;
  }
}
@media screen and (max-device-width: 480px){
  body {
    -webkit-text-size-adjust: 100%;
  }
}
@media (prefers-reduced-motion: reduce){
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__list-wrap,
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__icon,
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .project-type__label,
  .your__project__section__contact__page .grid-col-12 .bottom__contact__form__wrapper .contact__form__wrapper form .contact__form__wrapper form button[type=submit] {
    transition-duration: 0.01ms !important;
  }
}
/*# sourceMappingURL=main.css.map */