@charset "UTF-8";
/* =Reset
-------------------------------------------------------------- */
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,
font,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  border: 0;
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit;
  margin: 0;
  outline: 0;
  padding: 0;
  vertical-align: baseline;
}

html {
  font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */
  overflow-y: scroll; /* Keeps page centred in all browsers regardless of content height */
  -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */
  -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */
}

body {
  background: #fff;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
  display: block;
}

ol,
ul {
  list-style: none;
}

table {
  /* tables still need 'cellspacing="0"' in the markup */
  border-collapse: separate;
  border-spacing: 0;
}

caption,
th,
td {
  font-weight: normal;
  text-align: left;
}

blockquote {
  display: -webkit-box;
}

blockquote > p:before,
q > p:before {
  content: "“";
  font-size: 2.5rem;
}

blockquote > p:after,
q > p:after {
  content: "”";
  font-size: 2.5rem;
}

em {
  font-style: italic;
}

a:focus {
  outline: transparent;
}

a:hover,
a:active {
  /* Improves readability when focused and also mouse hovered in all browsers people.opera.com/patrickl/experiments/keyboard/test */
  outline: transparent;
}

a img {
  border: 0;
}

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

a[x-apple-data-detectors=true] {
  color: inherit !important;
  text-decoration: inherit !important;
}

svg:not(:root) {
  overflow-clip-margin: content-box;
  overflow: visible;
}

@font-face {
  src: url(../../fonts/CorsaGrotesk-Light.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 300;
  font-style: normal;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-LightItalic.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 300;
  font-style: italic;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-Regular.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 400;
  font-style: normal;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-Italic.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 400;
  font-style: italic;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-Medium.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 500;
  font-style: normal;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-MediumItalic.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 500;
  font-style: italic;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-Bold.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 700;
  font-style: normal;
}
@font-face {
  src: url(../../fonts/CorsaGrotesk-BoldItalic.otf) format("opentype");
  font-family: "Corsa Grotesk";
  font-weight: 700;
  font-style: italic;
}
#wpadminbar {
  position: fixed;
}

html,
body {
  position: relative;
  max-width: 100%;
}

body {
  display: flex;
  flex-direction: column;
  margin: 0;
  min-height: 100dvh;
  overflow: hidden;
  background-color: #fdf8f2;
}

html.noscroll {
  position: fixed;
  overflow-y: scroll;
  width: 100%;
}

main {
  flex: 1;
}

h1 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 12px;
  line-height: 18px;
  font-weight: 500;
  text-transform: uppercase;
  color: #1e1e1e;
}

@media only screen and (min-width: 768px) {
  h1 {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  h1 {
    font-size: 14px;
    line-height: 22px;
  }
}
h2 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 34px;
  line-height: 42px;
  font-weight: 300;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  h2 {
    font-size: 38px;
    line-height: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  h2 {
    font-size: 44px;
    line-height: 60px;
  }
}
h2.small-mobile {
  font-size: 34px;
  line-height: 42px;
  font-weight: 300;
}

@media only screen and (min-width: 1280px) {
  h2.small-mobile {
    font-size: 44px;
    line-height: 60px;
  }
}
h3 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 28px;
  line-height: 40px;
  font-weight: 300;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  h3 {
    font-size: 32px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 1280px) {
  h3 {
    font-size: 38px;
    line-height: 48px;
  }
}
h3.small-mobile {
  font-size: 28px;
  line-height: 40px;
}

@media only screen and (min-width: 1280px) {
  h3.small-mobile {
    font-size: 38px;
    line-height: 48px;
  }
}
h4 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  h4 {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  h4 {
    font-size: 32px;
    line-height: 40px;
  }
}
h5 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  h5 {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  h5 {
    font-size: 26px;
    line-height: 35px;
  }
}
h6 {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 20px;
  line-height: 27px;
  font-weight: 300;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  h6 {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  h6 {
    font-size: 22px;
    line-height: 30px;
  }
}
p,
span,
li,
label,
button {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  p,
  span,
  li,
  label,
  button {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  p,
  span,
  li,
  label,
  button {
    font-size: 18px;
    line-height: 28px;
  }
}
p.large-mobile,
span.large-mobile,
li.large-mobile,
label.large-mobile,
button.large-mobile {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  p.large-mobile,
  span.large-mobile,
  li.large-mobile,
  label.large-mobile,
  button.large-mobile {
    font-size: 18px;
    line-height: 28px;
  }
}
label {
  font-style: normal;
}

label.lg {
  font-size: 18px;
  line-height: 26px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  label.lg {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1280px) {
  label.lg {
    font-size: 20px;
    line-height: 30px;
  }
}
label.md {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  label.md {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  label.md {
    font-size: 18px;
    line-height: 28px;
  }
}
label.s {
  font-size: 14px;
  line-height: 22px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  label.s {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  label.s {
    font-size: 16px;
    line-height: 25px;
  }
}
label.xs {
  font-size: 12px;
  line-height: 22px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  label.xs {
    font-size: 12px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  label.xs {
    font-size: 14px;
    line-height: 25px;
  }
}
label.xxs {
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  label.xxs {
    font-size: 10px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  label.xxs {
    font-size: 12px;
    line-height: 16px;
  }
}
label.s_bold {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  label.s_bold {
    font-size: 14x;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  label.s_bold {
    font-size: 16px;
    line-height: 28px;
  }
}
img {
  width: 100%;
}

sup {
  font-size: 0.7em;
  vertical-align: 20%;
}

h2.main-title {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) {
  h2.main-title {
    font-size: 46px;
    line-height: 58px;
  }
}
@media only screen and (min-width: 1280px) {
  h2.main-title {
    font-size: 54px;
    line-height: 68px;
  }
}
h2.main-title.small-mobile {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 1280px) {
  h2.main-title.small-mobile {
    font-size: 54px;
    line-height: 68px;
  }
}
h2.main-title.large-mobile {
  font-size: 40px;
  line-height: 48px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) {
  h2.main-title.large-mobile {
    font-size: 54px;
    line-height: 68px;
  }
}
h2.main-title.xlarge-mobile {
  font-size: 48px;
  line-height: 68px;
  font-weight: 400;
  letter-spacing: -0.03em;
}

@media only screen and (min-width: 768px) {
  h2.main-title.xlarge-mobile {
    font-size: 54px;
    line-height: 68px;
  }
}
h2.team-quote {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  h2.team-quote {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  h2.team-quote {
    font-size: 18px;
    line-height: 28px;
  }
}
h3.card-title {
  font-size: 24px;
  line-height: 30px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  h3.card-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.card-title {
    font-size: 32px;
    line-height: 40px;
  }
}
h3.news-title {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
}

@media only screen and (min-width: 768px) {
  h3.news-title {
    font-size: 28px;
    line-height: 36px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.news-title {
    font-size: 22px;
    line-height: 30px;
  }
}
h3.highlight-light {
  font-size: 22px;
  line-height: 30px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  h3.highlight-light {
    font-size: 24px;
    line-height: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.highlight-light {
    font-size: 26px;
    line-height: 35px;
  }
}
h3.highlight-bold {
  font-size: 22px;
  line-height: 135%;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  h3.highlight-bold {
    font-size: 24px;
    line-height: 135%;
  }
}
@media only screen and (min-width: 1280px) {
  h3.highlight-bold {
    font-size: 26px;
    line-height: 135%;
  }
}
h3.card-title-xs-light {
  font-weight: 300;
  font-size: 24px;
  line-height: 30px;
}

@media only screen and (min-width: 768px) {
  h3.card-title-xs-light {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.card-title-xs-light {
    font-size: 22px;
    line-height: 30px;
  }
}
h3.card-title-xs-medium {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  h3.card-title-xs-medium {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.card-title-xs-medium {
    font-size: 22px;
    line-height: 30px;
  }
}
h3.content-subsection {
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  h3.content-subsection {
    font-size: 24px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.content-subsection {
    font-size: 26px;
    line-height: 30px;
  }
}
h3.card-contacts {
  font-size: 14px;
  line-height: 24px;
  font-weight: 700;
}

@media only screen and (min-width: 768px) {
  h3.card-contacts {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  h3.card-contacts {
    font-size: 16px;
    line-height: 28px;
  }
}
h6.md {
  font-size: 20px;
  line-height: 27px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  h6.md {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  h6.md {
    font-size: 22px;
    line-height: 30px;
  }
}
p.regular,
span.regular,
li.regular {
  font-weight: 400;
}

p.light,
span.light,
li.light {
  font-weight: 300;
}

p.bold,
span.bold,
li.bold {
  font-weight: 700;
}

p.link,
span.link,
li.link {
  font-weight: 400;
}

p.medium,
span.medium,
li.medium {
  font-weight: 500;
}

p.uppercase,
span.uppercase,
li.uppercase {
  text-transform: uppercase;
}

p.underline,
span.underline,
li.underline {
  text-decoration: underline;
}

p.text-center,
span.text-center,
li.text-center {
  text-align: center;
}

p.lg,
span.lg,
li.lg {
  font-size: 18px;
  line-height: 26px;
}

@media only screen and (min-width: 768px) {
  p.lg,
  span.lg,
  li.lg {
    font-size: 18px;
    line-height: 26px;
  }
}
@media only screen and (min-width: 1280px) {
  p.lg,
  span.lg,
  li.lg {
    font-size: 20px;
    line-height: 30px;
  }
}
p.md,
span.md,
li.md {
  font-size: 16px;
  line-height: 24px;
}

@media only screen and (min-width: 768px) {
  p.md,
  span.md,
  li.md {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  p.md,
  span.md,
  li.md {
    font-size: 18px;
    line-height: 28px;
  }
}
p.sm,
span.sm,
li.sm {
  font-size: 14px;
  line-height: 22px;
}

@media only screen and (min-width: 768px) {
  p.sm,
  span.sm,
  li.sm {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  p.sm,
  span.sm,
  li.sm {
    font-size: 16px;
    line-height: 25px;
  }
}
@media only screen and (min-width: 768px) {
  p.sm.sm-desktop,
  span.sm.sm-desktop,
  li.sm.sm-desktop {
    font-size: 16px;
    line-height: 25px;
  }
}
p.xs,
span.xs,
li.xs {
  font-size: 12px;
  line-height: 18px;
}

@media only screen and (min-width: 768px) {
  p.xs,
  span.xs,
  li.xs {
    font-size: 12px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  p.xs,
  span.xs,
  li.xs {
    font-size: 14px;
    line-height: 22px;
  }
}
p.xxs,
span.xxs,
li.xxs {
  font-size: 10px;
  line-height: 14px;
}

@media only screen and (min-width: 768px) {
  p.xxs,
  span.xxs,
  li.xxs {
    font-size: 10px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  p.xxs,
  span.xxs,
  li.xxs {
    font-size: 12px;
    line-height: 16px;
  }
}
p.toggle,
span.toggle,
li.toggle {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  p.toggle,
  span.toggle,
  li.toggle {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  p.toggle,
  span.toggle,
  li.toggle {
    font-size: 17px;
    line-height: 25px;
  }
}
.subtitle {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .subtitle {
    font-size: 14px;
    line-height: 24px;
  }
}
.button-primary {
  font-size: 15px;
  line-height: 22px;
  font-weight: 500;
}

@media only screen and (min-width: 768px) {
  .button-primary {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .button-primary {
    font-size: 17px;
    line-height: 25px;
  }
}
.button-secondary {
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .button-secondary {
    font-size: 15px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .button-secondary {
    font-size: 17px;
    line-height: 25px;
  }
}
.button-xs {
  font-size: 10px;
  line-height: 14px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .button-xs {
    font-size: 10px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .button-xs {
    font-size: 12px;
    line-height: 16px;
  }
}
.call-out {
  font-size: 20px;
  line-height: 27px;
  font-weight: 300;
  font-style: italic;
}

@media only screen and (min-width: 768px) {
  .call-out {
    font-size: 20px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  .call-out {
    font-size: 22px;
    line-height: 30px;
  }
}
.stat-number {
  font-size: 56px;
  line-height: 56px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .stat-number {
    font-size: 64px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .stat-number {
    font-size: 84px;
    line-height: 84px;
  }
}
.quote {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .quote {
    font-size: 32px;
    line-height: 44px;
  }
}
@media only screen and (min-width: 1280px) {
  .quote {
    font-size: 44px;
    line-height: 60px;
  }
}
.quote.small-mobile {
  font-size: 22px;
  line-height: 32px;
  font-weight: 300;
}

@media only screen and (min-width: 1280px) {
  .quote.small-mobile {
    font-size: 44px;
    line-height: 60px;
  }
}
.history-number {
  font-size: 56px;
  line-height: 56px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .history-number {
    font-size: 64px;
    line-height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .history-number {
    letter-spacing: -0.03em;
    font-size: 96px;
    line-height: 127px;
  }
}
.history-carousel-number {
  font-size: 18px;
  line-height: 18px;
  font-weight: 400;
}

@media only screen and (min-width: 768px) {
  .history-carousel-number {
    font-size: 18px;
    line-height: 18px;
  }
}
@media only screen and (min-width: 1280px) {
  .history-carousel-number {
    font-size: 20px;
    line-height: 20px;
  }
}
div.bark,
p.bark,
span.bark,
li.bark,
label.bark,
h1.bark,
h2.bark,
h3.bark,
h4.bark,
h5.bark,
h6.bark {
  color: #937866;
}

div.bark > p,
p.bark > p,
span.bark > p,
li.bark > p,
label.bark > p,
h1.bark > p,
h2.bark > p,
h3.bark > p,
h4.bark > p,
h5.bark > p,
h6.bark > p {
  color: #937866;
}

div.clay,
p.clay,
span.clay,
li.clay,
label.clay,
h1.clay,
h2.clay,
h3.clay,
h4.clay,
h5.clay,
h6.clay {
  color: #a04030;
}

div.clay > p,
p.clay > p,
span.clay > p,
li.clay > p,
label.clay > p,
h1.clay > p,
h2.clay > p,
h3.clay > p,
h4.clay > p,
h5.clay > p,
h6.clay > p {
  color: #a04030;
}

div.neutrals,
p.neutrals,
span.neutrals,
li.neutrals,
label.neutrals,
h1.neutrals,
h2.neutrals,
h3.neutrals,
h4.neutrals,
h5.neutrals,
h6.neutrals {
  color: #ffffff;
}

div.neutrals > p,
p.neutrals > p,
span.neutrals > p,
li.neutrals > p,
label.neutrals > p,
h1.neutrals > p,
h2.neutrals > p,
h3.neutrals > p,
h4.neutrals > p,
h5.neutrals > p,
h6.neutrals > p {
  color: #ffffff;
}

div.ocean,
p.ocean,
span.ocean,
li.ocean,
label.ocean,
h1.ocean,
h2.ocean,
h3.ocean,
h4.ocean,
h5.ocean,
h6.ocean {
  color: #333e51;
}

div.ocean > p,
p.ocean > p,
span.ocean > p,
li.ocean > p,
label.ocean > p,
h1.ocean > p,
h2.ocean > p,
h3.ocean > p,
h4.ocean > p,
h5.ocean > p,
h6.ocean > p {
  color: #333e51;
}

div.ochre,
p.ochre,
span.ochre,
li.ochre,
label.ochre,
h1.ochre,
h2.ochre,
h3.ochre,
h4.ochre,
h5.ochre,
h6.ochre {
  color: #b0762e;
}

div.ochre > p,
p.ochre > p,
span.ochre > p,
li.ochre > p,
label.ochre > p,
h1.ochre > p,
h2.ochre > p,
h3.ochre > p,
h4.ochre > p,
h5.ochre > p,
h6.ochre > p {
  color: #b0762e;
}

div.onyx,
p.onyx,
span.onyx,
li.onyx,
label.onyx,
h1.onyx,
h2.onyx,
h3.onyx,
h4.onyx,
h5.onyx,
h6.onyx {
  color: #1e1e1e;
}

div.onyx > p,
p.onyx > p,
span.onyx > p,
li.onyx > p,
label.onyx > p,
h1.onyx > p,
h2.onyx > p,
h3.onyx > p,
h4.onyx > p,
h5.onyx > p,
h6.onyx > p {
  color: #1e1e1e;
}

div.onyx-500,
p.onyx-500,
span.onyx-500,
li.onyx-500,
label.onyx-500,
h1.onyx-500,
h2.onyx-500,
h3.onyx-500,
h4.onyx-500,
h5.onyx-500,
h6.onyx-500 {
  color: #8e8e8e;
}

div.onyx-500 > p,
p.onyx-500 > p,
span.onyx-500 > p,
li.onyx-500 > p,
label.onyx-500 > p,
h1.onyx-500 > p,
h2.onyx-500 > p,
h3.onyx-500 > p,
h4.onyx-500 > p,
h5.onyx-500 > p,
h6.onyx-500 > p {
  color: #8e8e8e;
}

div.onyx-800,
p.onyx-800,
span.onyx-800,
li.onyx-800,
label.onyx-800,
h1.onyx-800,
h2.onyx-800,
h3.onyx-800,
h4.onyx-800,
h5.onyx-800,
h6.onyx-800 {
  color: #4b4b4b;
}

div.onyx-800 > p,
p.onyx-800 > p,
span.onyx-800 > p,
li.onyx-800 > p,
label.onyx-800 > p,
h1.onyx-800 > p,
h2.onyx-800 > p,
h3.onyx-800 > p,
h4.onyx-800 > p,
h5.onyx-800 > p,
h6.onyx-800 > p {
  color: #4b4b4b;
}

div.sand,
p.sand,
span.sand,
li.sand,
label.sand,
h1.sand,
h2.sand,
h3.sand,
h4.sand,
h5.sand,
h6.sand {
  color: #f3dec0;
}

div.sand > p,
p.sand > p,
span.sand > p,
li.sand > p,
label.sand > p,
h1.sand > p,
h2.sand > p,
h3.sand > p,
h4.sand > p,
h5.sand > p,
h6.sand > p {
  color: #f3dec0;
}

div.sand-200,
p.sand-200,
span.sand-200,
li.sand-200,
label.sand-200,
h1.sand-200,
h2.sand-200,
h3.sand-200,
h4.sand-200,
h5.sand-200,
h6.sand-200 {
  color: #fbf5ec;
}

p {
  margin-bottom: 18px;
}

@media only screen and (min-width: 1280px) {
  p {
    margin-bottom: 24px;
  }
}
.italic {
  font-style: italic;
}

strong {
  font-weight: bolder;
}

.layout-container {
  display: flex;
  flex-direction: row;
  padding-top: 36px;
  padding-bottom: 36px;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .layout-container {
    padding-top: 36px;
    padding-bottom: 36px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .layout-container {
    padding-top: 64px;
    padding-bottom: 64px;
    padding-left: 24px;
    padding-right: 24px;
  }
}
.layout-wrapper {
  display: flex;
  flex-direction: column;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  max-width: 1504px;
}

.wp-block-image {
  position: relative;
  margin: 0px;
}

.wp-block-image img {
  height: auto;
  object-fit: cover;
}

@media only screen and (min-width: 1280px) {
  .wp-block-image img {
    max-height: 945px;
  }
}
.nav-header {
  position: fixed;
  left: 0;
  right: 0;
  z-index: 9999;
  padding-top: 0;
  transition: padding-top 250ms ease;
  pointer-events: none;
}

.nav-header.solid-nav {
  background-color: #fdf8f2;
  border-bottom: 1px solid #e8e8e8;
}

.nav-header.solid-nav.ocean .nav-header-menu-logo path {
  fill: #333e51;
}

.nav-header.solid-nav.clay .nav-header-menu-logo path {
  fill: #a04030;
}

.nav-header.solid-nav.bark .nav-header-menu-logo path {
  fill: #937866;
}

.nav-header.solid-nav.ochre .nav-header-menu-logo path {
  fill: #b0762e;
}

.nav-header.solid-nav:not(.active) .nav-header-menu-item {
  color: #1e1e1e;
}

.nav-header.ocean .nav-header-menu-item-wrapper:hover {
  background-color: #333e51;
}

.nav-header.ocean .nav-header-menu-mobile-top-logo path {
  fill: #333e51;
}

.nav-header.clay .nav-header-menu-item-wrapper:hover {
  background-color: #a04030;
}

.nav-header.clay .nav-header-menu-mobile-top-logo path {
  fill: #a04030;
}

.nav-header.bark .nav-header-menu-item-wrapper:hover {
  background-color: #937866;
}

.nav-header.bark .nav-header-menu-mobile-top-logo path {
  fill: #937866;
}

.nav-header.ochre .nav-header-menu-item-wrapper:hover {
  background-color: #b0762e;
}

.nav-header.ochre .nav-header-menu-mobile-top-logo path {
  fill: #b0762e;
}

.nav-header.active {
  background-color: #fdf8f2;
  border-bottom: 1px solid #e8e8e8;
}

.nav-header.active.ocean .nav-header-menu-logo path {
  fill: #333e51;
}

.nav-header.active.ocean .nav-header-menu-item-header-wrapper > .nav-header-menu-item,
.nav-header.active.ocean .nav-header-menu-item-link > .nav-header-menu-item {
  color: #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .nav-header.active.ocean .nav-arrow path {
    fill: #b0762e;
  }
}
.nav-header.active.ocean .nav-header-menu-mobile-nav-action path {
  fill: #333e51;
}

.nav-header.active.clay .nav-header-menu-logo path {
  fill: #a04030;
}

.nav-header.active.clay .nav-header-menu-item-header-wrapper > .nav-header-menu-item,
.nav-header.active.clay .nav-header-menu-item-link > .nav-header-menu-item {
  color: #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .nav-header.active.clay .nav-arrow path {
    fill: #a04030;
  }
}
.nav-header.active.clay .nav-header-menu-mobile-nav-action path {
  fill: #a04030;
}

.nav-header.active.bark .nav-header-menu-item-header-wrapper > .nav-header-menu-item,
.nav-header.active.bark .nav-header-menu-item-link > .nav-header-menu-item {
  color: #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .nav-header.active.bark .nav-arrow path {
    fill: #937866;
  }
}
.nav-header.active.bark .nav-header-menu-mobile-nav-action path {
  fill: #937866;
}

.nav-header.active.ochre .nav-header-menu-item-header-wrapper > .nav-header-menu-item,
.nav-header.active.ochre .nav-header-menu-item-link > .nav-header-menu-item {
  color: #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .nav-header.active.ochre .nav-arrow path {
    fill: #b0762e;
  }
}
.nav-header.active.ochre .nav-header-menu-mobile-nav-action path {
  fill: #b0762e;
}

.nav-header.active .nav-header-menu-item-wrapper .nav-header-menu-item {
  color: #1e1e1e;
}

.nav-header:not(.active):not(.solid-nav) {
  padding-top: 32px;
}

.nav-header:has(.nav-header-menu-mobile.active) {
  pointer-events: auto;
}

.nav-header .nav-header-menu {
  display: flex;
  justify-content: center;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu {
    padding-left: 108px;
    padding-right: 108px;
    pointer-events: none;
  }
}
.nav-header .nav-header-menu .nav-header-menu-mobile {
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  width: 100%;
  height: 100dvh;
  z-index: -1;
  opacity: 0;
  background-color: #fdf8f2;
}

.nav-header .nav-header-menu .nav-header-menu-mobile.active {
  opacity: 1;
  z-index: 2;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top {
    padding-top: 16px;
    padding-bottom: 16px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top {
    padding-top: 20px;
    padding-bottom: 20px;
  }
}
.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top .nav-header-menu-mobile-top-left .nav-header-menu-mobile-top-logo {
  width: 90px;
  height: 40px;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top .nav-header-menu-mobile-top-left .nav-header-menu-mobile-top-logo {
    width: 126px;
    height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top .nav-header-menu-mobile-top-left .nav-header-menu-mobile-top-logo {
    width: 160px;
    height: 72px;
  }
}
.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-top .nav-header-menu-mobile-top-right {
  cursor: pointer;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-scroll-content {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  overflow: scroll;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content {
  margin-top: 69px;
  padding-left: 16px;
  padding-right: 16px;
  display: flex;
  flex-direction: column;
  flex-grow: 1;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content {
    padding-left: 32px;
  }
}
.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container {
  padding-top: 7px;
  padding-bottom: 7px;
  cursor: pointer;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container.active .nav-arrow {
  transform: rotate(180deg);
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container.active .nav-header-menu-mobile-items {
  display: flex;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container .nav-arrow {
  transition: transform 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container .nav-header-menu-mobile-item {
  margin-right: 6px;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-content .nav-header-menu-mobile-item-container .nav-header-menu-mobile-items {
  display: none;
  flex-direction: column;
  row-gap: 16px;
  margin-top: 31px;
  margin-bottom: 15px;
  padding-left: 16px;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-bottom {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding-top: 32px;
  padding-bottom: 32px;
  padding-left: 16px;
  padding-right: 16px;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-bottom .nav-header-menu-mobile-social-container {
  display: flex;
  column-gap: 12px;
}

.nav-header .nav-header-menu .nav-header-menu-mobile .nav-header-menu-mobile-bottom .nav-header-menu-mobile-contact-wrapper {
  display: inline-block;
}

.nav-header .nav-header-menu .nav-header-menu-container {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding-top: 12px;
  padding-bottom: 12px;
  width: 100%;
  max-width: 1545px;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu .nav-header-menu-container {
    padding-top: 16px;
    padding-bottom: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container {
    padding-top: 0;
    padding-bottom: 0;
    height: 112px;
    pointer-events: none;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-logo-container {
  pointer-events: auto;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-logo-container .nav-header-menu-logo {
  display: block;
  width: 90px;
  height: 40px;
}

@media only screen and (min-width: 768px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-logo-container .nav-header-menu-logo {
    width: 126px;
    height: 56px;
  }
}
@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-logo-container .nav-header-menu-logo {
    width: 160px;
    height: 72px;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-logo-container .nav-header-menu-logo path {
  transition: fill 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container {
  display: none;
  column-gap: 18px;
  margin-right: 32px;
  transition: background-color 250ms ease;
}

@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container {
    display: flex;
    padding-left: 12px;
    padding-right: 12px;
    border-radius: 12px;
    pointer-events: auto;
    height: 100%;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container {
  position: relative;
  padding-top: 13px;
  padding-bottom: 13px;
  padding-left: 12px;
  padding-right: 12px;
  cursor: pointer;
}

@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container {
    display: flex;
    align-items: center;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container.active .nav-arrow {
  transform: rotate(180deg);
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container.active .nav-header-menu-items-container {
  opacity: 1;
  pointer-events: all;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-item-header-container .nav-header-menu-item-header-wrapper {
  display: flex;
  align-items: center;
  justify-content: center;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-item-header-container .nav-header-menu-item-header-wrapper .nav-arrow {
  transition: transform 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-item-header-container .nav-header-menu-item {
  transition: color 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-item-header-container .nav-arrow {
  margin-left: 10px;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container {
  position: absolute;
  top: 100%;
  left: -11px;
  padding-top: 6px;
  opacity: 0;
  transition: opacity 250ms ease;
  pointer-events: none;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container .nav-header-menu-items {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 16px;
  padding-top: 24px;
  padding-bottom: 22px;
  background: #fcf8f2;
  border: 1px solid rgba(30, 30, 30, 0.15);
  border-radius: 12px;
  width: 278px;
  cursor: auto;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container .nav-header-menu-items .nav-header-menu-item-wrapper {
  margin-left: -1px;
  margin-right: -1px;
  transition: background-color 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container .nav-header-menu-items .nav-header-menu-item-wrapper:hover .nav-header-menu-item {
  color: #f3dec0;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container .nav-header-menu-items .nav-header-menu-item-wrapper .nav-header-menu-item-link {
  display: block;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 23px;
  padding-right: 23px;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-nav-container .nav-header-menu-item-container .nav-header-menu-items-container .nav-header-menu-items .nav-header-menu-item-wrapper .nav-header-menu-item-link .nav-header-menu-item {
  transition: color 250ms ease;
}

.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-contact-container {
  display: none;
}

@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-contact-container {
    display: flex;
    pointer-events: auto;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-mobile-nav {
  pointer-events: auto;
  cursor: pointer;
}

@media only screen and (min-width: 1280px) {
  .nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-mobile-nav {
    display: none;
  }
}
.nav-header .nav-header-menu .nav-header-menu-container .nav-header-menu-mobile-nav .nav-header-menu-mobile-nav-action path {
  transition: fill 250ms ease;
}

#footer-desktop {
  position: relative;
  background-color: #333e51;
}

#footer-desktop.bark {
  background-color: #937866;
}

#footer-desktop.bark .footer-logo path {
  fill: #f3dec0;
}

#footer-desktop.ochre {
  background-color: #b0762e;
}

#footer-desktop.ochre .footer-logo path {
  fill: #f3dec0;
}

#footer-desktop.ocean {
  background-color: #333e51;
}

#footer-desktop.ocean .footer-logo path {
  fill: #b0762e;
}

#footer-desktop.clay {
  background-color: #a04030;
}

#footer-desktop.clay .footer-logo path {
  fill: #f3dec0;
}

#footer-desktop .footer-container {
  padding-top: 36px;
  padding-bottom: 21px;
  margin-left: 0;
  margin-right: 0;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container {
    margin-left: 16px;
    margin-right: 16px;
    padding-top: 36px;
    padding-bottom: 24px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container {
    margin-top: 37px;
    margin-bottom: 11px;
    margin-left: 128px;
    margin-right: 128px;
    padding-left: 0px;
    padding-right: 0px;
  }
}
#footer-desktop .footer-container .footer-nav {
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav {
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: 125px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left {
  display: grid;
  grid-template-columns: 42% 58%;
  column-gap: 13px;
  row-gap: 11px;
  margin-bottom: 56px;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left {
    grid-template-columns: repeat(3, minmax(0, 198px));
    column-gap: 0;
    row-gap: 0;
    margin-bottom: 33px;
  }
}
@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left {
    margin-bottom: 0px;
    column-gap: 0;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container {
  margin-bottom: 22px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container {
    margin-bottom: 0px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container.nav-footer-menu-item-our-businesses {
  max-width: 130px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container.nav-footer-menu-item-our-businesses {
    max-width: 150px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container:nth-child(2) {
  margin-left: 8px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container:nth-child(2) {
    margin-left: 10px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container .nav-footer-menu-item-header-container {
  margin-bottom: 24px;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container .nav-footer-menu-item-header-container .nav-footer-menu-item-header {
  text-transform: uppercase;
  color: #f3dec0;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container .nav-footer-menu-items {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container .nav-footer-menu-items .nav-footer-menu-item-wrapper .nav-footer-menu-item-link {
  display: block;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-menu-item-container .nav-footer-menu-items .nav-footer-menu-item-wrapper .nav-footer-menu-item-link .nav-footer-menu-item {
  color: #f3dec0;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-contact-container {
    margin-left: 17px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-contact-container .nav-footer-contact-header-container {
  margin-bottom: 24px;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-contact-container .nav-footer-contact-header-container .nav-footer-contact-header {
  text-transform: uppercase;
  color: #f3dec0;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-contact-container .nav-footer-contact-items {
  display: flex;
  flex-direction: column;
  row-gap: 16px;
}

#footer-desktop .footer-container .footer-nav .footer-container-left .nav-footer-contact-container .nav-footer-contact-items .nav-footer-contact-wrapper .nav-footer-contact-item {
  color: #f3dec0;
}

#footer-desktop .footer-container .footer-nav .footer-container-right {
  margin-bottom: 38px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-right {
    margin-bottom: 0px;
  }
}
#footer-desktop .footer-container .footer-nav .footer-container-right .footer-logo {
  width: 203px;
  height: 91px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-nav .footer-container-right .footer-logo {
    width: 308px;
    height: 138px;
  }
}
#footer-desktop .footer-container .footer-social {
  margin-bottom: 1px;
  padding-top: 8px;
  padding-bottom: 8px;
}

@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-social {
    margin-bottom: 0px;
  }
}
#footer-desktop .footer-container .footer-social .footer-social-container {
  display: flex;
  flex-direction: row;
  column-gap: 12px;
}

#footer-desktop .footer-container .footer-social .footer-social-container .nav-footer-contact-wrapper {
  display: block;
}

#footer-desktop .footer-container .footer-legal {
  padding-top: 13px;
  padding-bottom: 14px;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container .footer-legal {
    padding-top: 14px;
  }
}
#footer-desktop .footer-container .footer-legal .footer-legal-container {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container .footer-legal .footer-legal-container {
    column-gap: 36px;
    flex-direction: row;
  }
}
#footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 24px;
  row-gap: 8px;
  margin-bottom: 8px;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    column-gap: 24px;
    row-gap: 0px;
    margin-bottom: 0px;
  }
}
@media only screen and (min-width: 1280px) {
  #footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container {
    column-gap: 24px;
  }
}
#footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container .footer-legal-link-container:nth-child(3n) {
  flex-basis: 100%;
}

@media only screen and (min-width: 768px) {
  #footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container .footer-legal-link-container:nth-child(3n) {
    flex-basis: auto;
    margin-left: 14px;
  }
}
#footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container .footer-legal-link-container .footer-legal-link {
  display: block;
}

#footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-links-container .footer-legal-link-container .footer-legal-link .footer-legal-link-text {
  color: #f3dec0;
  text-decoration: underline;
}

#footer-desktop .footer-container .footer-legal .footer-legal-container .footer-legal-copyright {
  display: block;
  color: #f3dec0;
}

.card.project-item .card-image-container {
  overflow: hidden;
}

.card.project-item .card-image-container:hover .card-image {
  transform: scale(1.1);
}

.card.project-item .card-image-container .card-image {
  transition: transform 250ms ease;
}

.card.latest-news-item .card-image-container {
  margin-bottom: 13px;
}

@media only screen and (min-width: 768px) {
  .card.latest-news-item .card-image-container {
    margin-bottom: 25px;
  }
}
.card.latest-news-item .card-description-container {
  margin-top: 9px;
}

.card.latest-news-item .card-description-container .latest-news-item-description {
  margin-bottom: 0;
}

.card.card-map-item {
  display: flex;
  flex-direction: column-reverse;
  margin-top: 4px;
  padding-top: 23px;
  padding-bottom: 9px;
  border-top: 1px solid #d4c9c2;
  transition: border-top 250ms ease, margin-top 250ms ease;
  cursor: pointer;
}

@media only screen and (min-width: 768px) {
  .card.card-map-item {
    flex-direction: row;
  }
}
.card.card-map-item.active {
  margin-top: 0;
  border-top: 5px solid #937866;
}

.card.card-map-item.active .card-info-container .card-tags-container .project-item-tag {
  color: #1e1e1e;
}

.card.card-map-item.active .card-info-container .card-header {
  font-weight: 500;
}

.card.card-map-item .card-info-container {
  flex-grow: 1;
}

.card.card-map-item .card-info-container .card-tags-container {
  display: flex;
  flex-wrap: wrap;
  column-gap: 16px;
  row-gap: 2px;
  min-height: 22px;
}

.card.card-map-item .card-info-container .card-tags-container .project-item-tag {
  color: #8e8e8e;
}

.card.card-map-item .card-info-container .card-header-container {
  margin-top: 8px;
}

.card.card-map-item .card-image-container {
  aspect-ratio: 1;
  max-width: 93px;
  width: 100%;
  height: 100%;
  flex-grow: 1;
  flex-shrink: 0;
}

.card.card-map-item .card-image-container .card-image-link {
  display: block;
  width: 100%;
  aspect-ratio: 1;
}

.card.card-map-item .card-image-container .card-map-image {
  width: 100%;
  height: 100%;
  aspect-ratio: 1;
  background-color: #8e8e8e;
  border-radius: 8px;
}

.card .card-image-container {
  position: relative;
  margin-bottom: 8px;
  overflow: hidden;
  border-radius: 16px;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container {
    margin-bottom: 23px;
    border-radius: 20px;
  }
}
.card .card-image-container:hover .card-image.card-image-animation {
  opacity: 1;
}

.card .card-image-container:hover .card-image-overlay {
  opacity: 1;
}

.card .card-image-container:hover .card-action-container .card-action-text {
  opacity: 1;
}

.card .card-image-container:hover .card-action-container .card-arrow {
  background-color: #f3dec0;
}

.card .card-image-container .card-image {
  display: block;
  aspect-ratio: 1;
  object-fit: cover;
  background-color: #8e8e8e;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container .card-image {
    clip-path: polygon(0 0, 100% 0, 100% calc(100% - 96px), calc(100% - 96px) 100%, 0 100%);
  }
}
.card .card-image-container .card-image.card-image-animation {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: opacity 250ms ease;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container .card-image.card-image-animation {
    display: block;
    opacity: 0;
    clip-path: none;
  }
}
.card .card-image-container .card-image.project-item-image {
  aspect-ratio: 328/235;
  border-radius: 20px;
}

@media only screen and (min-width: 768px) {
  .card .card-image-container .card-image.project-item-image {
    aspect-ratio: 737/512;
  }
}
.card .card-image-container .card-image-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(358.92deg, #000000 -12.92%, rgba(0, 0, 0, 0) 31.83%);
  transition: opacity 250ms ease;
  pointer-events: none;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container .card-image-overlay {
    opacity: 0;
  }
}
.card .card-image-container .card-action-container {
  display: flex;
  align-items: center;
  position: absolute;
  bottom: 0px;
  right: 0px;
  padding-top: 16px;
  padding-bottom: 16px;
  padding-left: 16px;
  padding-right: 16px;
}

.card .card-image-container .card-action-container .card-action-text {
  margin-right: 16px;
  transition: opacity 250ms ease;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container .card-action-container .card-action-text {
    opacity: 0;
  }
}
.card .card-image-container .card-action-container .card-arrow {
  background-color: #f3dec0;
  border-radius: 100%;
  transition: background-color 250ms ease;
}

@media only screen and (min-width: 1280px) {
  .card .card-image-container .card-action-container .card-arrow {
    background-color: transparent;
  }
}
@media only screen and (min-width: 1280px) {
  .card .card-header-container {
    max-width: 325px;
  }
}
.card .card-description-container {
  margin-top: 24px;
}

.featherlight {
  padding-left: 16px;
  padding-right: 16px;
}

@media only screen and (min-width: 768px) {
  .featherlight {
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .featherlight {
    padding-left: 0;
    padding-right: 0;
  }
}
.featherlight:last-of-type {
  background: rgba(253, 248, 242, 0.8);
  backdrop-filter: blur(8px);
}

.featherlight .featherlight-content {
  position: relative;
  display: inline-block;
  overflow: auto;
  padding: 0px;
  border-bottom: none;
  margin-left: 0px;
  margin-right: 0px;
  max-height: none;
  background: transparent;
  cursor: auto;
  white-space: normal;
  max-height: 100%;
}

.featherlight .featherlight-content .featherlight-close-icon {
  display: none;
}

.featherlight .featherlight-content .popup-container {
  display: block;
}

.people-popup-container {
  display: none;
}

.people-popup-container .people-popup-content-container {
  display: flex;
  flex-direction: column;
  column-gap: 36px;
  max-width: 1277px;
  padding-top: 92px;
  padding-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  background: #f3dec0;
  border-radius: 16px;
}

@media only screen and (min-width: 768px) {
  .people-popup-container .people-popup-content-container {
    padding-top: 92px;
    padding-bottom: 24px;
    padding-left: 32px;
    padding-right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .people-popup-container .people-popup-content-container {
    flex-direction: row;
    padding-top: 84px;
    padding-bottom: 84px;
    padding-left: 82px;
    padding-right: 82px;
  }
}
.people-popup-container .people-popup-content-container .people-popup-info-left {
  margin-bottom: 24px;
  max-width: 296px;
}

@media only screen and (min-width: 1280px) {
  .people-popup-container .people-popup-content-container .people-popup-info-left {
    flex-basis: 35.5%;
    margin-bottom: 0;
    max-width: none;
  }
}
.people-popup-container .people-popup-content-container .people-popup-info-left .people-popup-info-image-container {
  padding-top: 8px;
}

.people-popup-container .people-popup-content-container .people-popup-info-left .people-popup-info-image-container .people-popup-info-image {
  aspect-ratio: 380/506;
  width: 100%;
  border-radius: 13px;
  object-fit: cover;
}

.people-popup-container .people-popup-content-container .people-popup-info-right {
  flex-basis: 64.5%;
}

.people-popup-container .people-popup-content-container .people-popup-info-right .people-popup-info-name-container {
  padding-bottom: 7px;
}

.people-popup-container .people-popup-content-container .people-popup-info-right .people-popup-info-details-container {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}

.people-popup-container .people-popup-content-container .people-popup-info-right .people-popup-info-details-container .people-popup-info-title-container {
  padding-bottom: 4px;
}

.people-popup-container .people-popup-content-container .people-popup-info-right .people-popup-info-details-container .people-popup-info-details-contact-container {
  display: flex;
  flex-direction: row;
  column-gap: 10px;
}

.people-popup-container .people-popup-content-container .people-popup-info-right .people-popup-info-description-container {
  padding-top: 13px;
}

.featherlight .featherlight-content .people-popup-container .people-popup-close-container {
  display: block;
  z-index: 9999;
  top: 24px;
  right: 16px;
  line-height: 0;
  width: 44px;
  cursor: pointer;
  background: none;
  border: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  .featherlight .featherlight-content .people-popup-container .people-popup-close-container {
    top: 24px;
    right: 32px;
  }
}
@media only screen and (min-width: 1280px) {
  .featherlight .featherlight-content .people-popup-container .people-popup-close-container {
    top: 14px;
    right: 14px;
  }
}
.featherlight .featherlight-content .people-popup-container .people-popup-close-container svg rect {
  transition: fill 250ms ease;
}

.featherlight .featherlight-content .people-popup-container .people-popup-close-container:hover svg rect {
  fill: #b36659;
}

.btn-primary {
  display: inline-block;
  padding-top: 12px;
  padding-bottom: 10px;
  padding-left: 16px;
  padding-right: 16px;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
  color: #1e1e1e;
  transition: border 250ms ease, background-color 250ms ease;
}

.btn-primary.small {
  padding-top: 11px;
  padding-bottom: 11px;
  padding-left: 15px;
  padding-right: 15px;
}

.btn-primary .btn-title {
  transition: color 250ms ease;
}

.btn-primary.btn-onyx {
  border: 1px solid #1e1e1e;
  background-color: rgba(30, 30, 30, 0);
}

.btn-primary.btn-onyx:hover {
  background-color: #1e1e1e;
}

.btn-primary.btn-onyx:hover .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-onyx.solid {
  background-color: #1e1e1e;
}

.btn-primary.btn-onyx.solid:hover {
  border: 1px solid #353535;
  background-color: #353535;
}

.btn-primary.btn-onyx.solid .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-onyx .btn-title {
  color: #1e1e1e;
}

.btn-primary.btn-ochre {
  border: 1px solid #b0762e;
  background-color: rgba(176, 118, 46, 0);
}

.btn-primary.btn-ochre:hover {
  background-color: #b0762e;
}

.btn-primary.btn-ochre:hover .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-ochre.solid {
  background-color: #b0762e;
}

.btn-primary.btn-ochre.solid:hover {
  border: 1px solid #c09158;
  background-color: #c09158;
}

.btn-primary.btn-ochre.solid .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-ochre .btn-title {
  color: #b0762e;
}

.btn-primary.btn-clay {
  border: 1px solid #a04030;
  background-color: rgba(160, 64, 48, 0);
}

.btn-primary.btn-clay:hover {
  background-color: #a04030;
}

.btn-primary.btn-clay:hover .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-clay.solid {
  background-color: #a04030;
}

.btn-primary.btn-clay.solid:hover {
  border: 1px solid #b36659;
  background-color: #b36659;
}

.btn-primary.btn-clay.solid .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-clay .btn-title {
  color: #a04030;
}

.btn-primary.btn-sand {
  border: 1px solid #f3dec0;
  background-color: rgba(243, 222, 192, 0);
}

.btn-primary.btn-sand:hover {
  background-color: #f3dec0;
}

.btn-primary.btn-sand:hover .btn-title {
  color: #b0762e;
}

.btn-primary.btn-sand.solid {
  background-color: #f3dec0;
}

.btn-primary.btn-sand.solid:hover {
  border: 1px solid #f7e8d3;
  background-color: #f7e8d3;
}

.btn-primary.btn-sand.solid .btn-title {
  color: #b0762e;
}

.btn-primary.btn-sand .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-ocean {
  border: 1px solid #333e51;
  color: #333e51;
  background-color: rgba(51, 62, 81, 0);
}

.btn-primary.btn-ocean:hover {
  background-color: #333e51;
}

.btn-primary.btn-ocean:hover .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-ocean.solid {
  background-color: #333e51;
}

.btn-primary.btn-ocean.solid:hover {
  border: 1px solid #5c6574;
  background-color: #5c6574;
}

.btn-primary.btn-ocean.solid .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-ocean .btn-title {
  color: #333e51;
}

.btn-primary.btn-bark {
  border: 1px solid #937866;
  color: #937866;
  background-color: rgba(147, 120, 102, 0);
}

.btn-primary.btn-bark:hover {
  background-color: #937866;
}

.btn-primary.btn-bark:hover .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-bark.solid {
  background-color: #937866;
}

.btn-primary.btn-bark.solid:hover {
  border: 1px solid #a99385;
  background-color: #a99385;
}

.btn-primary.btn-bark.solid .btn-title {
  color: #f3dec0;
}

.btn-primary.btn-bark .btn-title {
  color: #937866;
}

.btn-primary.disabled {
  border: 1px solid #8e8e8e;
  background-color: rgba(142, 142, 142, 0);
  pointer-events: none;
  cursor: default;
}

.btn-primary.disabled:hover {
  border: 1px solid #8e8e8e;
  background-color: rgba(142, 142, 142, 0);
}

.btn-primary.disabled:hover .btn-title {
  color: #8e8e8e;
}

.btn-primary.disabled.solid {
  border: 1px solid #8e8e8e;
  background-color: #4b4b4b;
}

.btn-primary.disabled.solid:hover {
  background-color: #4b4b4b;
  border: 1px solid #8e8e8e;
}

.btn-primary.disabled.solid:hover .btn-title {
  color: #8e8e8e;
}

.btn-primary.disabled.solid .btn-title {
  color: #8e8e8e;
}

.btn-primary.disabled .btn-title {
  color: #8e8e8e;
}

.btn-secondary {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  padding-top: 4px;
  padding-bottom: 4px;
  transition: color 250ms ease;
}

.btn-secondary.small.back .btn-arrow-container {
  transform: rotate(180deg);
}

.btn-secondary.small.back .btn-title {
  margin-left: 18px;
  margin-right: 0;
}

.btn-secondary.small:hover .btn-arrow-container .btn-arrow .btn-arrow-inner,
.btn-secondary.small:hover .btn-arrow-container .btn-arrow-animation .btn-arrow-inner {
  transform: scale(0.66) translateX(45px);
}

.btn-secondary.small .btn-title {
  margin-right: 18px;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  text-transform: none;
}

@media only screen and (min-width: 1280px) {
  .btn-secondary.small .btn-title {
    font-size: 16px;
    line-height: 25px;
  }
}
.btn-secondary.small .btn-arrow-container .btn-arrow-animation,
.btn-secondary.small .btn-arrow-container .btn-arrow {
  width: 30px;
  height: 30px;
}

.btn-secondary.small .btn-arrow-container .btn-arrow-animation .btn-arrow-inner,
.btn-secondary.small .btn-arrow-container .btn-arrow .btn-arrow-inner {
  transform: scale(0.66);
}

.btn-secondary.small .btn-arrow-container .btn-arrow-animation .btn-arrow-inner path,
.btn-secondary.small .btn-arrow-container .btn-arrow .btn-arrow-inner path {
  fill: #f3dec0;
  transition: fill 250ms ease;
}

.btn-secondary.no-animation:hover .btn-arrow-container .btn-arrow .btn-arrow-inner,
.btn-secondary.no-animation:hover .btn-arrow-container .btn-arrow-animation .btn-arrow-inner {
  transform: none;
}

.btn-secondary .btn-title {
  display: flex;
  margin-right: 16px;
  color: #1e1e1e;
  text-transform: uppercase;
  transition: color 250ms ease;
  max-width: 248px;
}

@media only screen and (min-width: 768px) {
  .btn-secondary .btn-title {
    max-width: none;
    margin-right: 24px;
  }
}
.btn-secondary .btn-arrow-container {
  position: relative;
  overflow: hidden;
  flex-shrink: 0;
}

.btn-secondary .btn-arrow-container .btn-arrow-animation {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  right: 100%;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  transition: background-color 250ms ease;
  z-index: 1;
}

.btn-secondary .btn-arrow-container .btn-arrow-animation .btn-arrow-inner {
  transition: transform 250ms ease;
}

.btn-secondary .btn-arrow-container .btn-arrow {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  border-radius: 100%;
  background-color: #1e1e1e;
  transition: background-color 250ms ease;
}

.btn-secondary .btn-arrow-container .btn-arrow .btn-arrow-inner {
  transition: transform 250ms ease;
}

.btn-secondary .btn-arrow-container .btn-arrow .btn-arrow-inner path {
  fill: #f3dec0;
  transition: fill 250ms ease;
}

.btn-secondary:hover .btn-arrow-container .btn-arrow .btn-arrow-inner,
.btn-secondary:hover .btn-arrow-container .btn-arrow-animation .btn-arrow-inner {
  transform: translateX(44px);
}

.btn-secondary.btn-sand.dark .btn-arrow-container .btn-arrow {
  background-color: #ebc998;
}

.btn-secondary.btn-sand.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-sand.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-sand .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-sand .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-sand .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-sand .btn-arrow-container .btn-arrow-inner-stroke path {
  fill: none;
  stroke: #f3dec0;
}

.btn-secondary.btn-sand:hover .btn-arrow {
  background-color: #c09158;
}

.btn-secondary.btn-ochre.dark .btn-arrow-container .btn-arrow {
  background-color: #b0762e;
}

.btn-secondary.btn-ochre.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-ochre.dark .btn-arrow-container .btn-arrow-inner-stroke path {
  fill: none;
  stroke: #f3dec0;
}

.btn-secondary.btn-ochre.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-ochre .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-ochre .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-ochre .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-ochre:hover.dark .btn-arrow-container .btn-arrow {
  background-color: #c09158;
}

.btn-secondary.btn-ochre:hover .btn-arrow-container .btn-arrow {
  background-color: #f7e8d3;
}

.btn-secondary.btn-ocean.dark .btn-arrow-container .btn-arrow {
  background-color: #333e51;
}

.btn-secondary.btn-ocean.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-ocean.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-ocean .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-ocean .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-ocean .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-ocean:hover .btn-arrow {
  background-color: #999ea8;
}

.btn-secondary.btn-bark.dark:hover .btn-arrow-container .btn-arrow {
  background-color: #a99385;
}

.btn-secondary.btn-bark.dark .btn-arrow-container .btn-arrow {
  background-color: #937866;
}

.btn-secondary.btn-bark.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-bark.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-bark .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-bark .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-bark .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-bark .btn-arrow-container .btn-arrow-inner-stroke path {
  fill: none;
  stroke: #f3dec0;
}

.btn-secondary.btn-bark:hover .btn-arrow {
  background-color: #a99385;
}

.btn-secondary.btn-clay.dark:hover .btn-arrow-container .btn-arrow {
  background-color: #b36659;
}

.btn-secondary.btn-clay.dark .btn-arrow-container .btn-arrow {
  background-color: #a04030;
}

.btn-secondary.btn-clay.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-clay.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-clay .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-clay .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-clay .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-clay .btn-arrow-container .btn-arrow-inner-stroke path {
  fill: none;
  stroke: #f3dec0;
}

.btn-secondary.btn-clay:hover .btn-arrow {
  background-color: #b36659;
}

.btn-secondary.btn-onyx.dark .btn-arrow-container .btn-arrow {
  background-color: #1e1e1e;
}

.btn-secondary.btn-onyx.dark .btn-arrow-container .btn-arrow-inner path {
  fill: #f3dec0;
}

.btn-secondary.btn-onyx.dark-text .btn-title {
  color: #1e1e1e;
}

.btn-secondary.btn-onyx .btn-title {
  color: #f3dec0;
}

.btn-secondary.btn-onyx .btn-arrow-container .btn-arrow {
  background-color: #f3dec0;
}

.btn-secondary.btn-onyx .btn-arrow-container .btn-arrow-inner path {
  fill: #1e1e1e;
}

.btn-secondary.btn-onyx .btn-arrow-container .btn-arrow-inner-stroke path {
  fill: none;
  stroke: #f3dec0;
}

.btn-secondary.btn-onyx:hover .btn-arrow {
  background-color: #b36659;
}

.input-container {
  position: relative;
}

.input-container .input-field {
  padding-top: 18px;
  padding-bottom: 15px;
  padding-left: 18px;
  padding-right: 18px;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
  background-color: transparent;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 100%;
}

@media only screen and (min-width: 1280px) {
  .input-container .input-field {
    padding-top: 14px;
    padding-bottom: 12px;
    line-height: 128%;
  }
}
.input-container .input-field.with-icon {
  padding-left: 47px;
}

.input-container .input-field::placeholder {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 17px;
  line-height: 150%;
  text-transform: capitalize;
  color: #1e1e1e;
}

.input-container .input-icon {
  position: absolute;
  top: 50%;
  left: 16px;
  transform: translateY(-50%);
  pointer-events: none;
}

.wpcf7 .wpcf7-form {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.wpcf7 .wpcf7-form.invalid .wpcf7-response-output, .wpcf7 .wpcf7-form.failed .wpcf7-response-output {
  color: #8d392a;
}

.wpcf7 .wpcf7-response-output {
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 16px;
  line-height: 24px;
  font-weight: 400;
  color: #000000;
}

@media only screen and (min-width: 768px) {
  .wpcf7 .wpcf7-response-output {
    font-size: 16px;
    line-height: 24px;
  }
}
@media only screen and (min-width: 1280px) {
  .wpcf7 .wpcf7-response-output {
    font-size: 18px;
    line-height: 28px;
  }
}
.wpcf7 select.wpcf7-select {
  padding-right: 46px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  background: url("data:image/svg+xml,%3Csvg width='12' height='7' viewBox='0 0 12 7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.6818 6.6818C5.85754 6.85754 6.14246 6.85754 6.3182 6.6818L11.2318 1.7682C11.5153 1.48471 11.3145 0.999999 10.9136 0.999999L1.0864 1C0.685489 1 0.484714 1.48471 0.768199 1.7682L5.6818 6.6818Z' fill='%231E1E1E'/%3E%3C/svg%3E%0A") no-repeat calc(100% - 16px) center;
  background-size: 12px 6px;
}

.wpcf7 .wpcf7-textarea:focus,
.wpcf7 .wpcf7-text:focus,
.wpcf7 .wpcf7-select:focus {
  outline: none;
}

.wpcf7 input[type=text],
.wpcf7 input[type=email],
.wpcf7 input[type=tel],
.wpcf7 select {
  padding: 10px;
  height: 26px;
  border: 1px solid #8e8e8e;
  border-radius: 10px;
  background-color: transparent;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .wpcf7 input[type=text],
  .wpcf7 input[type=email],
  .wpcf7 input[type=tel],
  .wpcf7 select {
    padding: 12px;
  }
}
.wpcf7 input[type=text]::placeholder,
.wpcf7 input[type=email]::placeholder,
.wpcf7 input[type=tel]::placeholder,
.wpcf7 select::placeholder {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #8e8e8e;
}

.wpcf7 input[type=text].wpcf7-not-valid,
.wpcf7 input[type=email].wpcf7-not-valid,
.wpcf7 input[type=tel].wpcf7-not-valid,
.wpcf7 select.wpcf7-not-valid {
  border: 1px solid #8d392a;
}

.wpcf7 input[type=text].wpcf7-not-valid + label,
.wpcf7 input[type=email].wpcf7-not-valid + label,
.wpcf7 input[type=tel].wpcf7-not-valid + label,
.wpcf7 select.wpcf7-not-valid + label {
  color: #8d392a;
}

.wpcf7 select {
  height: 52px;
}

.wpcf7 textarea {
  padding-top: 12px;
  padding-bottom: 20px;
  padding-left: 12px;
  padding-right: 12px;
  border: 1px solid #8e8e8e;
  border-radius: 10px;
  background-color: transparent;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #1e1e1e;
}

.wpcf7 textarea::placeholder {
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 18px;
  line-height: 28px;
  color: #8e8e8e;
}

.wpcf7 input[type=checkbox] {
  flex-shrink: 0;
  margin: 0;
  width: 21px;
  height: 18px;
  border: 1px solid #1e1e1e;
}

.wpcf7 input[type=submit] {
  margin-top: 16px;
  padding: 8px 12px;
  align-self: flex-start;
  height: 46px;
  background: #333e51;
  border: 1px solid #333e51;
  border-radius: 12px;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #f3dec0;
}

@media only screen and (min-width: 1280px) {
  .wpcf7 input[type=submit] {
    margin-top: 0;
    padding: 12px 16px;
    height: 49px;
  }
}
.wpcf7 .wpcf7-list-item {
  display: flex;
  align-items: flex-start;
  margin: 0px;
}

.wpcf7 .wpcf7-not-valid-tip {
  font-family: "Corsa Grotesk";
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  color: #8d392a;
}

.wpcf7 .wpcf7-list-item-label {
  display: block;
  align-items: center;
  font-size: 10px;
  line-height: 14px;
  font-weight: 500;
  margin-left: 8px;
  min-height: 18px;
}

@media only screen and (min-width: 768px) {
  .wpcf7 .wpcf7-list-item-label {
    font-size: 10px;
    line-height: 14px;
  }
}
@media only screen and (min-width: 1280px) {
  .wpcf7 .wpcf7-list-item-label {
    font-size: 12px;
    line-height: 16px;
  }
}
.wpcf7 .wpcf7-form-control-wrap {
  display: flex;
  flex-direction: column;
}

@media only screen and (min-width: 1280px) {
  .wpcf7 .wpcf7-form-control-wrap {
    margin-bottom: 16px;
  }
}
.wpcf7 .form-wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 8px;
  min-width: 0;
}

.wpcf7 .form-wrapper label {
  text-transform: uppercase;
}

.wpcf7 .form-name-container {
  display: flex;
  flex-direction: column;
  column-gap: 24px;
  row-gap: 25px;
  margin-top: 13px;
}

@media only screen and (min-width: 768px) {
  .wpcf7 .form-name-container {
    flex-direction: row;
    row-gap: 0;
  }
}
.wpcf7 .form-info-container {
  display: flex;
  flex-direction: column;
  column-gap: 24px;
  row-gap: 25px;
}

@media only screen and (min-width: 768px) {
  .wpcf7 .form-info-container {
    flex-direction: row;
    row-gap: 0;
  }
}
.wpcf7 .form-bottom-container {
  display: flex;
  flex-direction: column;
  row-gap: 24px;
}

.select-container {
  display: flex;
  position: relative;
}

.select-container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2011%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.04655%205.6818C5.22228%205.85754%205.50721%205.85754%205.68294%205.6818L10.5965%200.768198C10.88%200.484714%2010.6793%20-8.93747e-07%2010.2783%20-8.58699e-07L0.451143%204.23145e-10C0.0502352%203.54716e-08%20-0.15054%200.484714%200.132945%200.768198L5.04655%205.6818Z%22%20fill%3D%22%231E1E1E%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  pointer-events: none;
}

.select-container:has(.select-field:active)::after {
  transform: translateY(-50%) rotate(180deg);
}

.select-container .select-field {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 40px;
  background-color: transparent;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
  font-size: 14px;
  line-height: 22px;
  -webkit-appearance: none; /* Safari and Chrome */
  -moz-appearance: none; /* Firefox */
  appearance: none;
  z-index: 1;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #1e1e1e;
  min-width: 110px;
}

@media only screen and (min-width: 768px) {
  .select-container .select-field {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .select-container .select-field {
    font-size: 16px;
    line-height: 25px;
  }
}
.checkbox-select-container {
  display: flex;
  position: relative;
  border: 1px solid #1e1e1e;
  border-radius: 12px;
}

.checkbox-select-container::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 16px;
  transform: translateY(-50%);
  width: 12px;
  height: 9px;
  background: url("data:image/svg+xml,%3Csvg%20viewBox%3D%220%200%2011%206%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5.04655%205.6818C5.22228%205.85754%205.50721%205.85754%205.68294%205.6818L10.5965%200.768198C10.88%200.484714%2010.6793%20-8.93747e-07%2010.2783%20-8.58699e-07L0.451143%204.23145e-10C0.0502352%203.54716e-08%20-0.15054%200.484714%200.132945%200.768198L5.04655%205.6818Z%22%20fill%3D%22%231E1E1E%22%2F%3E%3C%2Fsvg%3E") no-repeat center center;
  pointer-events: none;
}

.checkbox-select-container:has(.select-field:active)::after {
  transform: translateY(-50%) rotate(180deg);
}

.checkbox-select-container .checkbox-select-field {
  display: block;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-grow: 1;
  flex-shrink: 0;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 14px;
  padding-right: 40px;
  background-color: transparent;
  font-family: "Corsa Grotesk", Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 16px;
  line-height: 25px;
  color: #1e1e1e;
  cursor: pointer;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: clip;
}

@media only screen and (min-width: 768px) {
  .checkbox-select-container .checkbox-select-field {
    font-size: 14px;
    line-height: 22px;
  }
}
@media only screen and (min-width: 1280px) {
  .checkbox-select-container .checkbox-select-field {
    font-size: 16px;
    line-height: 30px;
    min-height: 30px;
  }
}
.checkbox-select-container .checkbox-select-field:after {
  content: ""; /* Required for the pseudo-element */
  position: absolute; /* Position it absolutely inside the container */
  top: 0; /* Align it to the top of the container */
  right: 0; /* Align it to the right of the container */
  width: 30%; /* Control the length of the fading effect */
  height: 100%; /* Make it the same height as the parent */
  background: linear-gradient(to right, transparent, #fdf8f2 60%); /* Gradient that fades to white */
  pointer-events: none;
  border-radius: 30px;
}

.checkbox-select-container {
  /* The dropdown menu when expanded */
}

.checkbox-select-container .checkbox-select-menu {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  padding-top: 24px;
  padding-bottom: 8px;
  background-color: #fcf8f2;
  border: 1px solid rgba(30, 30, 30, 0.15);
  border-radius: 12px;
  z-index: 1;
}

.checkbox-select-container .checkbox-select-menu .checkbox-select-menu-container {
  display: flex;
  flex-direction: column;
  row-gap: 2.5px;
}

.checkbox-select-checkbox-input {
  opacity: 0;
  position: absolute;
  width: 0;
  height: 0;
}

.checkbox-select-checkbox {
  display: inline-block;
  position: relative;
  margin-bottom: 2px;
  margin-right: 8px;
  width: 14px;
  height: 14px;
  border: 1px solid #1e1e1e;
  border-radius: 2px;
  cursor: pointer;
  transition: background-color 0.2s ease, border-color 0.2s ease;
}

/* When checkbox is checked */
.checkbox-select-checkbox-input:checked + .checkbox-select-checkbox {
  background-color: #1e1e1e;
  border-color: #1e1e1e;
}

/* Checkmark (using ::before) */
.checkbox-select-checkbox-input:checked + .checkbox-select-checkbox::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 5px;
  width: 3px;
  height: 8px;
  border: solid #fdf8f2;
  border-width: 0 3px 3px 0;
  transform: rotate(45deg);
}

/* Hover effect for the checkbox */
.checkbox-select-checkbox-input + .checkbox-select-checkbox:hover {
  border-color: #888;
}

.checkbox-select-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-left: 23px;
  padding-right: 23px;
  cursor: pointer;
}

.main-body-content.solid-nav {
  padding-top: 64px;
}

@media only screen and (min-width: 768px) {
  .main-body-content.solid-nav {
    padding-top: 88px;
  }
}
@media only screen and (min-width: 1280px) {
  .main-body-content.solid-nav {
    padding-top: 112px;
  }
}
.breadcrumb-container {
  padding-top: 64px;
  padding-bottom: 20px;
}

@media only screen and (min-width: 1280px) {
  .breadcrumb-container {
    padding-top: 154px;
    padding-bottom: 20px;
  }
}
.breadcrumb-container .page-breadcrumb {
  color: #8e8e8e;
  text-transform: uppercase;
}

.single-project .main-body-content.bark .wp-block-group__inner-container h2,
.single-news .main-body-content.bark .wp-block-group__inner-container h2,
.page .main-body-content.bark .wp-block-group__inner-container h2 {
  color: #937866;
}

.single-project .main-body-content.ochre .wp-block-group__inner-container h2,
.single-news .main-body-content.ochre .wp-block-group__inner-container h2,
.page .main-body-content.ochre .wp-block-group__inner-container h2 {
  color: #b0762e;
}

.single-project .main-body-content.ocean .wp-block-group__inner-container h2,
.single-news .main-body-content.ocean .wp-block-group__inner-container h2,
.page .main-body-content.ocean .wp-block-group__inner-container h2 {
  color: #333e51;
}

.single-project .main-body-content.clay .wp-block-group__inner-container h2,
.single-news .main-body-content.clay .wp-block-group__inner-container h2,
.page .main-body-content.clay .wp-block-group__inner-container h2 {
  color: #a04030;
}

.single-project .content > .wp-block-group,
.single-news .content > .wp-block-group,
.page .content > .wp-block-group {
  display: flex;
  flex-direction: column;
  position: relative;
  margin-left: auto;
  margin-right: auto;
  padding-left: 16px;
  padding-right: 16px;
  width: 100%;
  max-width: 1472px;
}

@media only screen and (min-width: 768px) {
  .single-project .content > .wp-block-group,
  .single-news .content > .wp-block-group,
  .page .content > .wp-block-group {
    padding-left: 32px;
    padding-right: 32px;
    max-width: 1568px;
    margin-bottom: 30px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group,
  .single-news .content > .wp-block-group,
  .page .content > .wp-block-group {
    padding-left: 24px;
    padding-right: 24px;
    max-width: 1552px;
    margin-bottom: 117px;
  }
}
.single-project .content > .wp-block-group .news-legend,
.single-news .content > .wp-block-group .news-legend,
.page .content > .wp-block-group .news-legend {
  margin-bottom: 44px;
}

@media only screen and (min-width: 768px) {
  .single-project .content > .wp-block-group .news-legend,
  .single-news .content > .wp-block-group .news-legend,
  .page .content > .wp-block-group .news-legend {
    margin-bottom: 71px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .news-legend,
  .single-news .content > .wp-block-group .news-legend,
  .page .content > .wp-block-group .news-legend {
    position: absolute;
    top: 0;
    right: 0;
    margin-bottom: 0;
    margin-right: 24px;
    padding-top: 24px;
    width: 23.6%;
  }
}
.single-project .content > .wp-block-group .news-legend .news-legend-title-container,
.single-news .content > .wp-block-group .news-legend .news-legend-title-container,
.page .content > .wp-block-group .news-legend .news-legend-title-container {
  padding-bottom: 21px;
  border-bottom: 5px solid #1e1e1e;
}

@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .news-legend .news-legend-title-container,
  .single-news .content > .wp-block-group .news-legend .news-legend-title-container,
  .page .content > .wp-block-group .news-legend .news-legend-title-container {
    padding-bottom: 33px;
    border-bottom: 4px solid #1e1e1e;
  }
}
.single-project .content > .wp-block-group .news-legend .news-legend-title-container .news-legend-title,
.single-news .content > .wp-block-group .news-legend .news-legend-title-container .news-legend-title,
.page .content > .wp-block-group .news-legend .news-legend-title-container .news-legend-title {
  text-transform: uppercase;
}

.single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper,
.single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper,
.page .content > .wp-block-group .news-legend .news-legend-list-wrapper {
  display: flex;
  row-gap: 7px;
  margin-bottom: 26px;
}

@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper,
  .single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper,
  .page .content > .wp-block-group .news-legend .news-legend-list-wrapper {
    flex-direction: column;
    margin-bottom: 44px;
  }
}
.single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
.single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
.page .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list {
  padding-top: 16px;
  padding-bottom: 16px;
}

@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
  .single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
  .page .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
  .single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list,
  .page .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list {
    border-bottom: 1px solid #e8e8e8;
  }
}
.single-project .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list:last-child,
.single-news .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list:last-child,
.page .content > .wp-block-group .news-legend .news-legend-list-wrapper .news-legend-list:last-child {
  border-bottom: none;
}

@media only screen and (min-width: 1280px) {
  .single-project .content > .wp-block-group .wp-block-group__inner-container,
  .single-news .content > .wp-block-group .wp-block-group__inner-container,
  .page .content > .wp-block-group .wp-block-group__inner-container {
    max-width: 884px;
  }
}
.single-project .content > .wp-block-group .wp-block-group__inner-container h2,
.single-news .content > .wp-block-group .wp-block-group__inner-container h2,
.page .content > .wp-block-group .wp-block-group__inner-container h2 {
  margin-bottom: 29px;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container h3,
.single-project .content > .wp-block-group .wp-block-group__inner-container h4,
.single-project .content > .wp-block-group .wp-block-group__inner-container h5,
.single-project .content > .wp-block-group .wp-block-group__inner-container h6,
.single-news .content > .wp-block-group .wp-block-group__inner-container h3,
.single-news .content > .wp-block-group .wp-block-group__inner-container h4,
.single-news .content > .wp-block-group .wp-block-group__inner-container h5,
.single-news .content > .wp-block-group .wp-block-group__inner-container h6,
.page .content > .wp-block-group .wp-block-group__inner-container h3,
.page .content > .wp-block-group .wp-block-group__inner-container h4,
.page .content > .wp-block-group .wp-block-group__inner-container h5,
.page .content > .wp-block-group .wp-block-group__inner-container h6 {
  margin-bottom: 13px;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container p,
.single-project .content > .wp-block-group .wp-block-group__inner-container span,
.single-project .content > .wp-block-group .wp-block-group__inner-container li,
.single-project .content > .wp-block-group .wp-block-group__inner-container h3,
.single-project .content > .wp-block-group .wp-block-group__inner-container h4,
.single-project .content > .wp-block-group .wp-block-group__inner-container h5,
.single-project .content > .wp-block-group .wp-block-group__inner-container h6,
.single-news .content > .wp-block-group .wp-block-group__inner-container p,
.single-news .content > .wp-block-group .wp-block-group__inner-container span,
.single-news .content > .wp-block-group .wp-block-group__inner-container li,
.single-news .content > .wp-block-group .wp-block-group__inner-container h3,
.single-news .content > .wp-block-group .wp-block-group__inner-container h4,
.single-news .content > .wp-block-group .wp-block-group__inner-container h5,
.single-news .content > .wp-block-group .wp-block-group__inner-container h6,
.page .content > .wp-block-group .wp-block-group__inner-container p,
.page .content > .wp-block-group .wp-block-group__inner-container span,
.page .content > .wp-block-group .wp-block-group__inner-container li,
.page .content > .wp-block-group .wp-block-group__inner-container h3,
.page .content > .wp-block-group .wp-block-group__inner-container h4,
.page .content > .wp-block-group .wp-block-group__inner-container h5,
.page .content > .wp-block-group .wp-block-group__inner-container h6 {
  color: #1e1e1e;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container p,
.single-news .content > .wp-block-group .wp-block-group__inner-container p,
.page .content > .wp-block-group .wp-block-group__inner-container p {
  margin-bottom: 30px;
  font-size: 18px;
  line-height: 28px;
  overflow-wrap: break-word;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container p strong,
.single-news .content > .wp-block-group .wp-block-group__inner-container p strong,
.page .content > .wp-block-group .wp-block-group__inner-container p strong {
  font-weight: bolder;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container a,
.single-news .content > .wp-block-group .wp-block-group__inner-container a,
.page .content > .wp-block-group .wp-block-group__inner-container a {
  text-decoration: underline;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container ul,
.single-news .content > .wp-block-group .wp-block-group__inner-container ul,
.page .content > .wp-block-group .wp-block-group__inner-container ul {
  margin-left: 10px;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container ul li,
.single-news .content > .wp-block-group .wp-block-group__inner-container ul li,
.page .content > .wp-block-group .wp-block-group__inner-container ul li {
  margin-bottom: 12px;
  font-size: 18px;
  line-height: 28px;
}

.single-project .content > .wp-block-group .wp-block-group__inner-container ul li::before,
.single-news .content > .wp-block-group .wp-block-group__inner-container ul li::before,
.page .content > .wp-block-group .wp-block-group__inner-container ul li::before {
  content: "•";
  margin-right: 0.6em;
  font-size: 1em;
}

.single-project .main-body-content .content > .wp-block-group {
  margin-bottom: 46px;
}

@media only screen and (min-width: 1280px) {
  .single-project .main-body-content .content > .wp-block-group {
    margin-bottom: 117px;
  }
}
.single-project .main-body-content .content > .wp-block-group .wp-block-group__inner-container {
  max-width: 640px;
}

@media only screen and (min-width: 1280px) {
  .single-project .main-body-content .content > .wp-block-group .wp-block-group__inner-container {
    max-width: 882px;
  }
}
.single-news .main-body-content .content > .wp-block-group {
  margin-bottom: 27px;
}

@media only screen and (min-width: 768px) {
  .single-news .main-body-content .content > .wp-block-group {
    margin-bottom: 50px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group {
    margin-bottom: 46px;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container {
  max-width: none;
}

@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container {
    max-width: 882px;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container h2 {
  margin-bottom: 32px;
}

.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container h3 {
  margin-bottom: 15px;
  font-size: 22px;
  line-height: 27px;
  font-weight: 300;
}

@media only screen and (min-width: 768px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container h3 {
    margin-bottom: 15px;
    font-size: 24px;
    line-height: 27px;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container h3 {
    font-size: 26px;
    line-height: 30px;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container p {
  margin-bottom: 33px;
  font-size: 16px;
  line-height: 28px;
}

@media only screen and (min-width: 768px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container p {
    font-size: 18px;
    line-height: 28px;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container ul {
  margin-bottom: 36px;
}

.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-image {
  margin-bottom: 34px;
  border-radius: 16px;
  overflow: hidden;
}

@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-image {
    border-radius: 20px;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-image img {
  height: auto;
}

.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery {
  display: flex;
  flex-direction: column;
  margin-bottom: 32px;
  gap: 16px;
}

@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery {
    flex-direction: row;
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
  width: 100%;
}

@media only screen and (min-width: 768px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery.has-nested-images figure.wp-block-image:not(#individual-image) {
    width: calc(50% - var(--wp--style--unstable-gallery-gap, 16px) / 2);
  }
}
.single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery .wp-block-image {
  width: auto;
  border-radius: 16px;
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery .wp-block-image {
    flex: 1 1 0;
  }
}
@media only screen and (min-width: 1280px) {
  .single-news .main-body-content .content > .wp-block-group .wp-block-group__inner-container .wp-block-gallery .wp-block-image {
    border-radius: 20px;
  }
}