@font-face {
  font-family: Apfel Grotezk;
  src: url("../fonts/ApfelGrotezk-Regular.woff2") format("woff2");
  font-weight: 300;
}
@font-face {
  font-family: Apfel Grotezk;
  src: url("../fonts/ApfelGrotezk-Mittel.woff2") format("woff2");
  font-weight: 400;
}
@font-face {
  font-family: Apfel Grotezk;
  src: url("../fonts/ApfelGrotezk-Fett.woff2") format("woff2");
  font-weight: 600;
}
@font-face {
  font-family: Apfel Grotezk;
  src: url("../fonts/ApfelGrotezk-Satt.woff2") format("woff2");
  font-weight: 800;
}
:root {
  --pink: #cba35c;
  --beige: #f8f8f2;
  --blue: #c99554;
  --dark: #112229;
  --text-font: "balto", sans-serif;
  --hero-font: "Apfel Grotezk", sans-serif;
  --title-font: "Apfel Grotezk", sans-serif;
  --anim-font: "Apfel Grotezk", sans-serif;
  --menu-text-color: var(--beige);
  --ulu-curve: cubic-bezier(0.28, 0.71, 0, 0.98);
}
* {
  box-sizing: border-box;
  line-height: 0.9;
}
*::selection {
  background-color: var(--pink);
  color: #112229;
}
*::-webkit-scrollbar {
  width: 12px;
  height: 12px;
}
*::-webkit-scrollbar-track {
  background-color: transparent;
}
*::-webkit-scrollbar-thumb {
  background-color: var(--dark);
  border: 2px solid var(--beige);
  border-radius: 100px;
}
html {
  scroll-margin-top: 120px;
}
body {
  margin: 0;
  padding: 0;
  background-color: var(--beige);
  color: var(--dark);
  font-family: var(--text-font);
  font-size: 1.1rem;
  position: relative;
}
main {
  position: relative;
  z-index: 3;
  background-color: var(--beige);
}
a {
  text-decoration: none;
  color: var(--dark);
}
p {
  line-height: 1.5;
  font-weight: 300;
}
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
body > canvas {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  pointer-events: none;
}
img {
  -webkit-user-select: none;
  user-select: none;
}
#js-front-canvas {
  z-index: 10000;
}
#js-back-canvas {
  z-index: -1;
}
.Absolute_Img {
  position: absolute;
  overflow: hidden;
}
.Centered {
  text-align: center;
}
.Fluid img,
.Fluid svg,
.Fluid video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.Contain_Fluid img,
.Contain_Fluid svg,
.Contain_Fluid video {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.Contain_Fluid.Left img {
  object-position: left center;
}
.Rounded {
  border-radius: 1000px;
}
.SectionPadded {
  padding: 70px 4vw;
  overflow-x: hidden;
}
.Popup {
  position: fixed;
  width: 100%;
  padding: 12px;
  display: flex;
  justify-content: center;
  top: 0;
  left: 0;
  transform: translateY(-100%);
  transition: all 1s var(--ulu-curve);
  background-color: var(--dark);
  color: #fff;
  z-index: 1000;
  text-align: center;
}
.Popup.Active {
  transform: none;
}
.Page_Section.SectionPadded {
  padding-top: 140px;
}
h2.SectionTitle,
h1.SectionTitle {
  text-transform: uppercase;
  font-family: var(--title-font);
  font-size: 4rem;
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 480;
  line-height: 0.9;
  margin-bottom: 15px;
  font-weight: 600;
}
.Arches_Display_Container {
  margin-top: 20px;
}
.Section.Testimonials_Section.Parallax_Wrapper {
  padding: 50px 0 0 0;
}
.Window_Image_Container.Fluid.h-100 {
  height: 100%;
}

.Word {
  overflow: hidden;
  display: inline-block;
  margin-right: 0.3em;
}
.Word span {
  display: inline-block;
  transform-origin: top left;
}
.Line {
  overflow: hidden;
  display: inline-block;
  padding-top: 2px;
}
.Line span {
  display: inline-block;
  margin-right: 0.6rem;
  transform-origin: top left;
}
.Hidden {
  display: none;
}
.Grow_Anim {
  transition: all 0.1s ease-out;
  transform-origin: center;
  font-family: var(--anim-font);
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 300;
  text-decoration: none !important;
}
.Grow_Anim .word {
  text-align: left;
  display: inline-block;
  margin-right: 7px;
}
.Grow_Anim.Left .word {
  text-align: left;
}
.Grow_Anim:hover {
  color: var(--pink);
  transform: scale(0.95);
}
.Grow_Anim .letter {
  transition: transform 3s ease-out, color 0.1s ease-out;
  transform-origin: center;
  display: inline-block;
}
.Grow_Anim .letter:hover {
  transform: scale(1.22);
}
.Flex {
  display: flex;
  align-items: center;
}
.Form_Button {
  position: relative;
  border-radius: 100px;
  overflow: hidden;
  cursor: pointer;
}
.Form_Button:before {
  content: "";
  width: 200%;
  aspect-ratio: 1;
  position: absolute;
  top: var(--mouse-y, 50%);
  left: var(--mouse-x, 50%);
  border-radius: 1000px;
  transform-origin: center;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 1.2s var(--ulu-curve);
  z-index: 1;
}
.Form_Button button {
  border: none;
  background-color: transparent;
  width: 100%;
  -webkit-user-select: none;
  user-select: none;
  position: relative;
  z-index: 2;
  color: var(--dark);
  transition: all 0.8s var(--ulu-curve);
}
.Form_Button:hover button {
  transform: scale(0.9);
}
.Form_Button:hover:before {
  transform: translate(-50%, -50%) scale(1.05);
}
svg.pagehide,
svg.pageload {
  width: 100%;
  height: auto;
  position: fixed;
  left: 0;
  z-index: 20000;
  pointer-events: none;
  fill: #fff;
  stroke: 0;
}
body svg.pagehide {
  bottom: 0;
}
body svg.pageload {
  top: 0;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 10001;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s var(--ulu-curve);
}
.overlay.open {
  opacity: 1;
}
.overlay-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #00000080;
  z-index: 99;
  opacity: 0;
  pointer-events: none;
  transition: opacity 1s var(--ulu-curve);
}
.overlay-menu.open {
  opacity: 1;
}

.Title_Text_Section {
  position: relative;
  display: flex;
  justify-content: space-between;
  overflow: visible;
  gap: 2rem;
}
.Title_Text_Section .Absolute_Img {
  width: 160px;
  aspect-ratio: 1;
  margin-top: 120px;
  top: 70%;
  margin-left: 4rem;
}
.Title_Text_Section .Absolute_Img.Right {
  width: 180px;
  height: 180px;
}
.Title_Text_Section .Absolute_Img.Right img {
  object-fit: contain;
}
.Title_Text_Section .Absolute_Img.Left {
  left: 15%;
  top: 60%;
  border-radius: 15px;
}
.Title_Text_Section .Absolute_Img.Right {
  right: 10%;
  top: 80px;
}
.Title_Text_Heading {
  width: calc(30% - 0.5rem);
  margin-right: auto;
  color: var(--blue);
}
.Title_Text_Content {
  width: calc(70% - 1rem);
  margin-left: auto;
}
.Title_Text_Content p {
  font-family: var(--text-font);
  font-size: 19px;
  line-height: 1.6;
  font-weight: 400;
  text-align: left;
  margin-top: 2rem;
}
.Title_Text_Section .SectionTitle {
  margin-top: 2rem;
  font-size: 4rem;
  margin-bottom: 0;
  font-weight: 600;
}
body:has(.Footer_Wrapper.Fixed) .Newsletter_Section {
  border-radius: 0 0 1.5rem 1.5rem;
}
.Newsletter_Section {
  background-color: var(--beige);
  position: relative;
  z-index: 2;
  margin-top: -1px;
}

.Footer_Space {
  pointer-events: none;
}
.Footer_Wrapper {
  pointer-events: all;
}
.Footer_Wrapper.Fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 1;
}
footer {
  background-color: #f7f7ea;
  color: #112229;
  gap: 1rem;
  display: flex;
  flex-direction: column;
  padding-bottom: 50px;
}

footer a {
  transition: color 0.6s var(--ulu-curve);
}
.Footer_Terms a {
  color: #fff;
}
footer a:hover {
  color: var(--pink);
}
footer.SectionPadded {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.Footer_Socials {
  margin-top: 1rem;
}
.Footer_Top {
  font-family: var(--title-font);
  display: flex;
  width: 100%;
  justify-content: space-between;
  max-width: 80%;
  margin: 0 auto;
}
.Footer_Infos a {
  display: block;
}
.Footer_Bottom {
  display: flex;
  font-family: var(--title-font);
  width: 100%;
  justify-content: space-between;
  align-items: flex-end;
  padding: 12px 3vw;
  background-color: #c99554;
  color: #fff;
  font-size: 14px;	
}
.Footer_Copy {
  text-align: left;
	width: 55%;
}
.Footer_Terms {
  text-align: center;
	width: 30%;
}
.Footer_Casa {
  text-align: right;
	width: 15%;
}
footer h3 {
  display: block;
  margin-top: 00;
  text-transform: uppercase;
  font-size: 1.5rem;
  font-weight: 600;
  margin-bottom: 1rem;
}
.Footer_Menu a {
  display: block;
  margin-bottom: 1rem;
  text-transform: uppercase;
  font-size: 1.2rem;
}
.Footer_Menu li a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 16px;
  transition: all 0.8s var(--ulu-curve);
}
.Newsletter__Inner {
  display: flex;
  justify-content: space-between;
}
.Newsletter__Inner .Form__Input,
.Newsletter__Inner .Form__Submit,
.Search .Form__Input,
.Search .Form__Submit {
  border-radius: 10000px;
  border: none;
  outline: none;
  padding: 1rem 1.2rem 0.8rem;
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 1rem;
}
.Newsletter__Inner .Form__Input,
.Search .Form__Input {
  flex-grow: 1;
  background-color: #fff;
  color: #112229;
  margin-right: 10px;
}
.Newsletter__Inner .Form__Input::placeholder,
.Search .Form__Input::placeholder {
  color: #112229;
}
.Newsletter__Inner .Form__Submit,
.Search .Form__Submit {
  background-color: var(--dark);
  border: 2px solid var(--dark);
  margin-left: 6px;
}
.Newsletter__Inner .Form__Submit:before,
.Search .Form__Submit:before {
  background-color: var(--beige);
}
.Newsletter__Inner .Form__Submit button,
.Search .Form__Submit button {
  color: var(--beige);
  font-size: 1rem;
  font-family: var(--title-font);
  text-transform: uppercase;
  cursor: pointer;
  transition: all 0.8s var(--ulu-curve);
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 520;
}
.Newsletter__Inner .Form__Submit:hover button,
.Search .Form__Submit:hover button {
  color: var(--dark);
}
.Newsletter_Container {
  background-color: var(--blue);
  color: var(--beige);
  border-radius: 2rem;
  padding: 2rem 4rem;
  width: 80%;
  min-width: 600px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
.Newsletter_Container h2 {
  font-size: 3rem;
  font-family: var(--title-font);
  text-transform: uppercase;
  text-align: center;
  margin-bottom: 0;
  font-weight: 600;
}
.Newsletter_Container .Newsletter {
  width: 80%;
  margin: 1rem 0;
}

.Newsletter_Container p {
  font-family: var(--text-font);
  font-size: 16px;
  text-align: center;
  margin-top: 10px;
  max-width: 80%;
}

.Hero_Wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: end;
  align-items: end;
  width: 100%;
  aspect-ratio: 16 / 9;
  height: 100vh;
  border-radius: 0;
  overflow: hidden;
  max-height: 110vh;
  padding: 4vw;
}
.Hero_Back_Img {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  z-index: -1;
  background-color: var(--dark);
}
.Hero_Back_Img img {
  transform: scale(1);
}

.Collection_Display_Section {
  position: relative;
  overflow-y: visible;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 120px 4vw 50px;
}
.Collection_Display {
  display: flex;
  justify-content: space-between;
}

.Collection_Display_Back {
  position: absolute;
  width: 120%;
  overflow: hidden;
  z-index: -1;
  top: 50%;
  left: 50%;
  transform-origin: center;
  transform: translate(-50%, -50%) rotate(-10deg);
}
.Product_Item {
  width: 100%;
}
.Product_Item_Image {
  display: block;
  aspect-ratio: 1;
  border-radius: 0;
  overflow: hidden;
  margin: 0 0 0rem;
  position: relative;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
}

.item-info {
  padding: 1rem;
  text-align: center;
}
.Product_Item_Content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 5px;
}

.Product_Item_Title {
  font-family: var(--title-font);
  text-transform: uppercase;
  font-size: 1.5rem;
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 520;
  margin: 0.5rem 0 0.5rem;
  font-weight: 600;
}
.Product_Item_Submit {
  border: none;
  background-color: transparent;
  font-family: var(--title-font);
  color: var(--dark);
  text-transform: uppercase;
  width: 100%;
  padding: 15px 12px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 480;
  position: relative;
  z-index: 2;
  transition: all 0.8s var(--ulu-curve);
}
.Product_Item_Submit_Container {
  margin-top: 1rem;
  position: relative;
  border-radius: 100px;
  overflow: hidden;
  background-color: var(--pink);
  border: 2px solid var(--pink);
}
.Product_Item_Submit_Container:before {
  content: "";
  width: 200%;
  aspect-ratio: 1;
  position: absolute;
  top: var(--mouse-y, 50%);
  left: var(--mouse-x, 50%);
  border-radius: 1000px;
  transform-origin: center;
  background-color: var(--beige);
  transform: translate(-50%, -50%) scale(0);
  transition: transform 1.2s var(--ulu-curve);
  z-index: 1;
}
.Product_Item_Submit_Container:hover:before {
  transform: translate(-50%, -50%) scale(1.05);
}
.Product_Item_Submit_Container:hover .Product_Item_Submit {
  transform: scale(0.9);
}

.Marquee {
  margin: 2rem 0;
}
.Marquee_Content {
  width: max-content;
  display: flex;
  flex-wrap: nowrap;
  animation: MarqueeScroll 20s infinite 0s linear;
}
.Marquee_Content.Reversed {
  animation-direction: reverse;
  animation-duration: 34s;
}
.Marquee_Content div {
  display: inline-block;
  font-family: var(--title-font);
  font-weight: 800;
  text-transform: uppercase;
  font-size: 8rem;
  margin: 1rem;
  color: var(--blue);
}
.Marquee_Content .Reversed {
  color: var(--beige);
  text-shadow: 1px 1px 0 var(--blue), -1px 1px 0 var(--blue),
    -1px -1px 0 var(--blue), 1px -1px 0 var(--blue);
}
@keyframes MarqueeScroll {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
.Window_Image {
  width: 30vw;
  display: flex;
  align-items: end;
  justify-content: center;
}
.Window_Image_Limit {
  border-radius: 500px 500px 5rem 5rem;
  width: 20%;
  height: 40%;
  overflow: hidden;
  position: relative;
}
.No_Anim .Window_Image_Limit {
  width: 100%;
  height: 100%;
}

.Window_Image_Container img {
  transform: scale(1.3);
}
.Collection_Browser_Product_Page {
  display: none;
  flex-wrap: wrap;
  margin: 0 0 2rem 0;
}
.Collection_Browser_Product_Page.Open {
  display: flex;
  justify-content: center;
}
.Collection_Browser_Product {
  width: 30%;
  margin-bottom: 0;
  overflow: hidden;
  flex-basis: 30%;
  border-radius: 500px 500px 5rem 5rem;
  border: 4px solid var(--blue);
  background-color: var(--beige);
}
.Collection_Browser_Product:nth-child(3n-1) {
  margin: 0 5%;
  margin-bottom: 0;
}

.Collection_Browser_Products_Container {
  display: none;
}
.Collection_Browser_Products_Container.Open {
  display: block;
}
.Collection_Browser_Navigation {
  display: flex;
}
.Collection_Browser_Bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 2rem;
}
.Collection_Browser_Arrow {
  width: 2.5rem;
  height: 2.5rem;
  border-radius: 10000px;
  overflow: hidden;
  position: absolute;
  background-color: var(--dark);
  border: 1px solid var(--dark);
  color: var(--beige);
  cursor: pointer;
  margin-right: 8px;
  padding: 7px;

  top: 50%;
}
.Collection_Browser_Arrow.Right {
  right: 0;
}
.Collection_Browser_Arrow.Left {
  left: 0px;
  margin-left: 8px;
}
.Collection_Browser_Arrow:before {
  content: "";
  position: absolute;
  background-color: var(--beige);
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  border-radius: 25px;
  transform: rotate(75deg) translate(100%, 60%);
  transform-origin: bottom left;
  transition: all 0.6s var(--ulu-curve);
}
.Collection_Browser_Arrow.Disabled {
  opacity: 0.75;
  cursor: auto;
}
.Collection_Browser_Arrow svg {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  object-fit: contain;
  stroke: var(--beige);
  transition: stroke 0.6s var(--ulu-curve);
}
.Collection_Browser_Arrow:not(.Disabled):hover:before {
  transform: none;
  border-radius: 100px;
}
.Collection_Browser_Arrow:not(.Disabled):hover svg {
  stroke: var(--dark);
}
.Collection_Browser_Bottom a {
  font-size: 1.5rem;
  text-transform: uppercase;
  text-decoration: underline;
  font-family: var(--title-font);
  color: var(--dark);
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 520;
}
.Testimonial {
  background-color: var(--blue);
  color: var(--beige);
  padding: 3rem;
  width: 520px;
  margin-right: 4vw;
  border-radius: 3rem;
}
.Testimonial:nth-child(2n) {
  background-color: var(--dark);
}
.Citations {
  font-family: var(--title-font);
  font-size: 5rem;
  margin: 0;
  margin-bottom: -2rem;
  display: none;
}
.Testimonial p {
  font-family: var(--text-font);
}
.Testimonial_Logo {
  width: 50%;
  height: 100px;
}
.Testimonials_Container {
  display: flex;
  flex-wrap: nowrap;
  width: max-content;
  animation: scroll 20s infinite linear;
  -webkit-animation: scroll 20s infinite linear;
}
.Testimonials_Scroller {
  overflow-x: hidden;
  margin: 1.5rem 0 5rem 0;
}
@keyframes scroll {
  0% {
    transform: translate(0);
  }
  to {
    transform: translate(-50%);
  }
}
.Collections_CTA_Section {
  display: flex;
  flex-direction: column;
  align-items: center;
  overflow: hidden;
}
.Collections_CTA_Image {
  position: relative;
  margin: 8rem 0;
}
.Collections_CTA_Button {
  position: absolute;
  z-index: 1;
  background-color: var(--pink);
  border-radius: 1000px;
  border: 8px solid var(--beige);
  bottom: 0;
  left: 50%;
  transform: translate(-50%, 50%) scale(0.6);
  overflow: hidden;
  transition: all 0.8s var(--ulu-curve);
  outline: 8px solid var(--beige);
  border: 5px solid transparent;
}
.Collections_CTA_Button:hover {
  border-color: var(--pink);
}
.Collections_CTA_Button:before {
  content: "";
  position: absolute;
  display: block;
  background-color: var(--beige);
  width: 200%;
  aspect-ratio: 1;
  border-radius: 10000px;
  top: var(--mouse-y, 50%);
  left: var(--mouse-x, 50%);
  transform-origin: center;
  transform: translate(-50%, -50%) scale(0);
  transition: transform 1.2s var(--ulu-curve);
}
.Collections_CTA_Button:hover:before {
  transform: translate(-50%, -50%) scale(1.5);
}
.Collections_CTA_Button a {
  position: relative;
  display: block;
  padding: 1rem;
  color: var(--beige);
  aspect-ratio: 1;
  border-radius: 1000px;
  font-size: 1.5rem;
  font-family: var(--title-font);
  text-transform: uppercase;
  display: flex;
  align-items: center;
  justify-content: center;
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 520;
  z-index: 2;
  transition: all 0.8s var(--ulu-curve);
}
.Collections_CTA_Button:hover a {
  transform: scale(0.9);
  color: var(--dark);
}
.Footer_Casa span a {
  color: #fff;
}
.Collections_CTA_Heading {
  max-width: 75%;
  position: relative;
  z-index: 1;
}
.Collections_CTA_Heading .SectionTitle {
  margin-bottom: 0;
}
.Collections_CTA_Text {
  width: 40%;
  text-align: center;
  font-family: var(--text-font);
  font-weight: 400;
  font-size: 1.1rem;
  margin-top: 0px;
}
.Collections_CTA_Title_SVG {
  overflow: visible;
  font-family: var(--title-font);
  font-weight: 600;
  font-size: 2.5rem;
  text-transform: uppercase;
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 110%;
  transform: translate(-50%);
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 600;
}
.Collections_CTA_Title_SVG textPath {
  transition: all 3s ease;
}
.Menu_Drawer {
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 20000;
  padding: 30px 4vw;
  gap: 2rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  pointer-events: none;
  overflow: hidden;
}
.Menu_Drawer_Content {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: flex-start;
  justify-content: center;
}
.Menu_Drawer > div {
  transition: all 0.4s var(--ulu-curve);
  opacity: 0;
}
.Menu_Drawer.open > div {
  transition: all 0.4s var(--ulu-curve) 0.6s;
  opacity: 1;
}
.Menu_Drawer:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  transform-origin: bottom right;
  min-width: 120%;
  min-height: 120%;
  aspect-ratio: 1;
  border-radius: 10000px;
  background-color: #ac7229;
  z-index: -1;
  transition: all 0.8s var(--ulu-curve) 0.4s;
}
.Menu_Drawer.open:before {
  transition: all 0.8s var(--ulu-curve);
  transform: translate(-50%, -50%) scale(1);
}
.Menu_Drawer .Drawer_Top {
  justify-content: space-between;
  align-items: center;
  border: none;
  margin-bottom: 0;
}
.Menu_Drawer .Drawer_Top .Logo {
  width: 190px;
}
.Menu_Drawer.open {
  pointer-events: all;
}
.Menu_Drawer_Links {
  text-align: left;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  width: 100%;
}
.Menu_Drawer_Link {
  font-family: var(--title-font);
  font-size: 4.5vh;
  margin: 0;
  display: block;
  text-align: left;
  text-transform: uppercase;
}
.Menu_Drawer a {
  color: #fff;
}
.Menu_Drawer .Drawer_Close .Icon {
  color: #fff;
  cursor: pointer;
}

.Menu_Drawer .Drawer_Bottom {
  height: 180px;
}

@keyframes changingImages {
  0% {
    transform: translate(0);
  }
  33% {
    transform: translate(0);
  }
  36% {
    transform: translate(-100%);
  }
  66% {
    transform: translate(-100%);
  }
  69% {
    transform: translate(-200%);
  }
  97% {
    transform: translate(-200%);
  }
  to {
    transform: translate(0);
  }
}

header {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100;
  align-items: center;
  justify-content: space-between;
  padding: 10px 2vw;
  transition: all 1s var(--ulu-curve);
  background-color: rgb(0 0 0 / 40%);
}
header:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transform: translateY(-101%);
  transition: all 0.8s var(--ulu-curve);
  z-index: -1;
}
header.Filled:before {
  transform: translateY(0);
}
nav {
  display: flex;
}
.main-menu {
  display: flex;
  justify-content: center;
}
.main-menu li {
  margin: 0.4rem 2rem 0;
  display: flex;
  align-items: center;
}
.main-menu li a {
  text-transform: uppercase;
  font-weight: 500;
  font-size: 18px;
  color: var(--menu-text-color);
}

.menu_icon {
  display: block;
  margin-left: 1.5rem;
  width: 1.5rem;
  position: relative;
}
.main-menu_right {
  display: flex;
  margin-left: 0;
}
.Icon {
  width: 100%;
  height: 100%;
  object-fit: contain;
  color: var(--menu-text-color);
  transition: all 0.8s var(--ulu-curve);
}
.Icon:hover {
  color: var(--pink);
  transform: scale(1.05);
}

.site_logo {
  width: 240px;
  height: 80px;
  position: relative;
  overflow: hidden;
}
.Logo_Dark {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-175%);
  transition: all 0.5s var(--ulu-curve);
}
.Logo_Light {
  display: flex;
  align-items: center;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(75%);
  transition: all 0.5s var(--ulu-curve);
}
.Logo_Light.Shown,
.Logo_Dark.Shown {
  transform: translateY(-50%);
}

.menu_icon.burger {
  display: none;
}
.Drawer_Top {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 2rem;
  padding-bottom: 1.5rem;
  border-bottom: 2px solid var(--blue);
}
.Drawer_Top h2 {
  text-transform: uppercase;
  font-family: var(--title-font);
  margin: 0;
}
.Drawer_Close {
  width: 2rem;
  height: 2rem;
  border: none;
  background-color: transparent;
  cursor: pointer;
  position: relative;
}
.Drawer_Close .Icon {
  color: var(--dark);
  transition: all 0.6s var(--ulu-curve);
}
.Drawer_Close:hover .Icon {
  stroke-width: 2;
  color: var(--pink);
}

.Error {
  color: #c52828;
  font-size: 0.8rem;
}
.Arches_Display_Section {
  padding: 20px 0 !important;
  margin: 3rem 0;
}
.Arches_Display_Section .SectionTitle {
  padding: 0 1rem;
}
.Arches_Display_Container {
  width: 100%;
  overflow: hidden;
}

.Arches_Display_Container .Window_Image {
  width: 20vw;
}
.Arches_Display_Inner {
  display: flex;
  width: max-content;
  gap: 1.5rem;
  align-items: flex-end;
  animation: scroll 20s infinite linear;
  -webkit-animation: scroll 20s infinite linear;
}
@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

.footer-logo {
  max-width: 120px;
}
.footer-logo img {
  width: 100%;
}
.center-btn {
  display: block;
  text-align: center;
}
.Grow_Anim_no {
  border: 2px solid #c99554;
  background-color: #c99554;
  font-family: var(--title-font);
  color: var(--dark);
  text-transform: uppercase;
  width: 100%;
  border-radius: 100px;
  padding: 12px 25px;
  font-size: 16px;
  font-weight: 500;
  cursor: pointer;
  -webkit-user-select: none;
  user-select: none;
  font-variation-settings: "STCH" 1, "wdth" 100, "wght" 480;
  position: relative;
  z-index: 2;
  transition: all 0.8s var(--ulu-curve);
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  -ms-border-radius: 100px;
  -o-border-radius: 100px;
}
.Grow_Anim_no:hover {
  color: #c99554;
  background-color: transparent;
}
.Infos p {
  margin: 5px 0 0 0;
}

.hero-slider {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.hero-slider .carousel-cell {
  width: 100%;
  height: 100%;
}
.hero-slider .flickity-prev-next-button {
  width: 50px;
  height: 50px;
  background: transparent;
}
.hero-slider .flickity-prev-next-button:hover {
  background: transparent;
}
.hero-slider .flickity-prev-next-button .arrow {
  fill: white;
}
.hero-slider .flickity-page-dots {
  bottom: 30px;
}
.hero-slider .flickity-page-dots .dot {
  width: 30px;
  height: 4px;
  opacity: 1;
  background: rgba(255, 255, 255, 1);
  border: 0 solid white;
  border-radius: 0;
}
.hero-slider .flickity-page-dots .dot.is-selected {
  background: #cba35c;
  border: 0 solid #cba35c;
}
.pos-img {
  margin: 0 auto -1px;
  display: flex;
  max-width: 80%;
}
.pos-img img{
  width: 90%;
    margin: auto;
    opacity: 0.6;
}