/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/BackgroundLayer/styles/BackgroundLayer.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.BackgroundLayer_layer__b_RdQ {
  position: absolute;
  inset: 0;
  z-index: 0;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  transform-origin: center;
  will-change: opacity, transform;
}

.BackgroundLayer_overlay__ScOCO {
  position: absolute;
  inset: 0;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(33, 26, 21, 0.24) 0%,
    rgba(17, 16, 14, 0.14) 52%,
    rgba(33, 26, 21, 0.18) 100%
  );
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/layout/headers/components/HeaderLogo/styles/HeaderLogo.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderLogo_inner__XvyDc {
  display: flex;
  align-items: center;
}

.HeaderLogo_inner__XvyDc.HeaderLogo_main__z8z43 {
  justify-content: center;
}

.HeaderLogo_logo__q0GNe {
  height: auto;
  display: block;
}

.HeaderLogo_logo__q0GNe.HeaderLogo_main__z8z43 {
  width: 150px;
  transform-origin: center;
  transition: transform 1.1s cubic-bezier(0.25, 0.1, 0.25, 1);
  will-change: transform;
}

.HeaderLogo_logo__q0GNe.HeaderLogo_home__D9HNu {
  width: min(550px, calc(100vw - 48px));
}

.HeaderLogo_logo__q0GNe.HeaderLogo_home__D9HNu svg {
  display: block;
  width: 100%;
  height: auto;
}

/* Reuse the exact handwriting artwork; only the two visible fills change. */
.HeaderLogo_logo__q0GNe.HeaderLogo_home__D9HNu svg > path {
  fill: #fff;
}

.HeaderLogo_compact__GvQjD .HeaderLogo_logo__q0GNe.HeaderLogo_main__z8z43 {
  transform: scale(0.58);
}

@media (prefers-reduced-motion: reduce) {
  .HeaderLogo_logo__q0GNe.HeaderLogo_main__z8z43 {
    transition: none;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/layout/headers/components/HeaderLinks/styles/HeaderLinks.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeaderLinks_navigation__ks31a {
  display: flex;
  align-items: flex-start;
  height: 100%;
}

.HeaderLinks_list__FNMw1 {
  display: flex;
  flex-direction: column;
  gap: var(--space-7);
  line-height: var(--line-tight);
}

.HeaderLinks_list__FNMw1.HeaderLinks_actionLinks__UUen5 {
  align-items: flex-end;
  justify-content: flex-end;
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA {
  color: rgba(17, 16, 14, 0.82);
  font-size: 1.06rem;
  letter-spacing: 0.14em;
  transition: font-size 1.1s cubic-bezier(0.25, 0.1, 0.25, 1);
}

.HeaderLinks_list__FNMw1.HeaderLinks_navLinks__yfGe8.HeaderLinks_main__HzYxA {
  align-items: flex-start;
}

.HeaderLinks_list__FNMw1.HeaderLinks_home__mQfvp {
  color: rgba(255, 252, 245, 0.96);
  font-size: 1.2rem;
  font-weight: 600;
  letter-spacing: 0.075em;
}

.HeaderLinks_list__FNMw1.HeaderLinks_balanced__PBDgn {
  flex-direction: row;
  align-items: center;
  gap: clamp(1.05rem, 2.4vw, 2.4rem);
  font-size: 0.78rem;
}

.HeaderLinks_list__FNMw1.HeaderLinks_light__msnV_ {
  color: rgba(247, 243, 234, 0.9);
  text-shadow: 0 1px 18px rgba(17, 16, 14, 0.28);
}

.HeaderLinks_item__HW_B1 {
  opacity: 1;
}

.HeaderLinks_list__FNMw1 a {
  position: relative;
  width: fit-content;
  transition:
    color var(--duration-base) var(--ease-standard),
    opacity var(--duration-base) var(--ease-standard);
}

.HeaderLinks_list__FNMw1 a::after {
  content: "";
  position: absolute;
  bottom: -0.42rem;
  width: 100%;
  height: 1px;
  opacity: 0;
  transform: scaleX(0);
  transition:
    opacity 250ms var(--ease-standard),
    transform 250ms var(--ease-standard);
}

.HeaderLinks_list__FNMw1.HeaderLinks_navLinks__yfGe8 a::after {
  left: 0;
  transform-origin: left;
}

.HeaderLinks_list__FNMw1.HeaderLinks_actionLinks__UUen5 a::after {
  right: 0;
  transform-origin: right;
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA a::after {
  background: var(--color-muted-gold);
}

.HeaderLinks_list__FNMw1.HeaderLinks_home__mQfvp a::after {
  background: var(--color-champagne);
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA a:hover {
  color: var(--color-muted-gold);
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA.HeaderLinks_light__msnV_ a:hover {
  color: var(--color-champagne);
}

.HeaderLinks_list__FNMw1.HeaderLinks_home__mQfvp a:hover {
  color: #fffaf0;
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA a:hover::after {
  opacity: 0.7;
  transform: scaleX(1);
}

.HeaderLinks_list__FNMw1.HeaderLinks_home__mQfvp a:hover::after {
  opacity: 0.95;
  transform: scaleX(1);
}

.HeaderLinks_topLink__tyMBp {
  display: inline-flex;
  align-items: center;
  gap: 0.4em;
}

.HeaderLinks_chev__H_GcB {
  transition: transform 0.25s var(--ease-standard);
}

.HeaderLinks_hasDropdown___MISQ {
  position: relative;
}

.HeaderLinks_hasDropdown___MISQ:hover .HeaderLinks_chev__H_GcB {
  transform: rotate(180deg);
}

.HeaderLinks_dropdown__rw_qc {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 5;
  padding-left: 1.2rem;
  opacity: 0;
  visibility: hidden;
  transform: translateX(6px);
  transition:
    opacity 0.25s var(--ease-standard),
    transform 0.25s var(--ease-standard),
    visibility 0s 0.25s;
}

.HeaderLinks_list__FNMw1.HeaderLinks_navLinks__yfGe8.HeaderLinks_main__HzYxA:not(.HeaderLinks_balanced__PBDgn) .HeaderLinks_hasDropdown___MISQ:hover ~ .HeaderLinks_item__HW_B1,
.HeaderLinks_list__FNMw1.HeaderLinks_navLinks__yfGe8.HeaderLinks_main__HzYxA:not(.HeaderLinks_balanced__PBDgn) .HeaderLinks_hasDropdown___MISQ:focus-within ~ .HeaderLinks_item__HW_B1 {
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.25s var(--ease-standard);
}

.HeaderLinks_list__FNMw1.HeaderLinks_navLinks__yfGe8.HeaderLinks_main__HzYxA:not(.HeaderLinks_balanced__PBDgn) .HeaderLinks_item__HW_B1 {
  transition: opacity 0.25s var(--ease-standard);
}

.HeaderLinks_hasDropdown___MISQ:hover .HeaderLinks_dropdown__rw_qc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition:
    opacity 0.25s var(--ease-standard),
    transform 0.25s var(--ease-standard);
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA .HeaderLinks_hasDropdown___MISQ:focus-within .HeaderLinks_dropdown__rw_qc {
  opacity: 1;
  visibility: visible;
  transform: translateX(0);
  transition:
    opacity 0.25s var(--ease-standard),
    transform 0.25s var(--ease-standard);
}

.HeaderLinks_list__FNMw1.HeaderLinks_balanced__PBDgn .HeaderLinks_dropdown__rw_qc {
  top: 100%;
  left: 0;
  padding-left: 0;
  padding-top: 0.9rem;
  transform: translateY(6px);
}

.HeaderLinks_list__FNMw1.HeaderLinks_balanced__PBDgn .HeaderLinks_hasDropdown___MISQ:hover .HeaderLinks_dropdown__rw_qc {
  transform: translateY(0);
}

.HeaderLinks_dropdownList__huAmH {
  display: flex;
  flex-direction: column;
  gap: 0.7rem;
  margin: 0;
  padding: 0;
  list-style: none;
  white-space: nowrap;
}

.HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA .HeaderLinks_dropdownList__huAmH a {
  letter-spacing: 0.14em;
}

.HeaderLinks_list__FNMw1.HeaderLinks_home__mQfvp .HeaderLinks_dropdownList__huAmH a {
  letter-spacing: 0.075em;
}

@media (prefers-reduced-motion: reduce) {
  .HeaderLinks_list__FNMw1.HeaderLinks_main__HzYxA {
    transition: none;
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/layout/headers/HomeHeader/styles/HomeHeader.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************/
.HomeHeader_header__Cw0Y8 {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 3;
  letter-spacing: 0.18em;
  pointer-events: none;
}

.HomeHeader_inner__gnbZA {
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  margin-top: 9.9rem;
}

.HomeHeader_cell__kOfkO {
  will-change: transform, opacity;
}
.HomeHeader_cellLeft__bLxr7 {
  justify-self: start;
  pointer-events: auto;
}
.HomeHeader_cellLogo__EwjsU {
  justify-self: center;
  pointer-events: auto;
}
.HomeHeader_cellRight__muaQV {
  justify-self: end;
  pointer-events: auto;
}

@media (max-width: 768px) {
  .HomeHeader_inner__gnbZA {
    grid-template-columns: 1fr;
    justify-items: center;
  }

  .HomeHeader_cellLeft__bLxr7,
  .HomeHeader_cellRight__muaQV {
    display: none;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/HeroFrame/styles/HeroFrame.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************/
.HeroFrame_heroText__HXBXB {
  position: absolute;
  right: 0;
  bottom: clamp(3.5rem, 8svh, 5.5rem);
  left: 0;
  z-index: 3;
  display: flex;
  justify-content: center;
  padding-inline: 1.5rem;
  pointer-events: none;
}

.HeroFrame_heroText__HXBXB[data-interactive="true"] {
  pointer-events: auto;
}

.HeroFrame_heroTextInner__PLKst {
  width: min(100%, 34rem);
  color: rgba(247, 243, 234, 0.92);
  text-align: center;
  text-shadow: 0 1px 22px rgba(17, 16, 14, 0.4);
  will-change: transform, opacity;
}

.HeroFrame_lead__YA2xC {
  max-width: none;
  font-size: clamp(0.92rem, 1.05vw, 1.05rem);
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.08em;
  line-height: 1.7;
}

.HeroFrame_link__lXTqM {
  display: inline-block;
  margin-top: var(--space-9);
  color: rgba(247, 243, 234, 0.86);
  font-size: 0.78rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.16em;
  text-transform: uppercase;
  transition:
    color var(--duration-base) var(--ease-standard),
    transform var(--duration-base) var(--ease-standard);
}

.HeroFrame_link__lXTqM:hover {
  color: var(--color-champagne);
  transform: translateY(2px);
}

.HeroFrame_staticHero__BgIe_ {
  position: relative;
  min-height: 100svh;
  color: rgba(247, 243, 234, 0.94);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  text-shadow: 0 1px 24px rgba(17, 16, 14, 0.45);
}

.HeroFrame_staticHero__BgIe_::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(33, 26, 21, 0.3) 0%,
    rgba(17, 16, 14, 0.22) 52%,
    rgba(33, 26, 21, 0.28) 100%
  );
}

.HeroFrame_staticHeroText__9UbZS {
  position: absolute;
  right: 0;
  bottom: clamp(3.5rem, 8svh, 5.5rem);
  left: 0;
  z-index: 1;
  padding-inline: 1.5rem;
  text-align: center;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/ui/VideoPreview/styles/VideoPreview.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************/
.VideoPreview_preview__NptRP {
  --small-width: 20.5rem;
  --large-width: 40rem;
  --border-radius: 5px;
  --border-width: 2px;
  --border-color: rgba(246, 237, 222, 0.72);
  --play-button-size: min(22%, 4.5rem);
  --animation-speed: 420ms;

  position: relative;
  width: var(--small-width);
  aspect-ratio: 16 / 9;
  overflow: hidden;
  box-sizing: border-box;
  border: var(--border-width) solid var(--border-color);
  border-radius: var(--border-radius);
  background: var(--color-charcoal);
  background-clip: padding-box;
  transition:
    width var(--animation-speed) var(--ease-standard),
    border-color 200ms var(--ease-standard);
}

.VideoPreview_preview__NptRP[data-expanded="true"] {
  width: var(--large-width);
  border-width: 0;
  background: transparent;
}

.VideoPreview_media__KMdnj {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

.VideoPreview_preview__NptRP[data-expanded="true"] .VideoPreview_media__KMdnj {
  object-fit: contain;
}

.VideoPreview_poster__cvc2_ {
  position: absolute;
  inset: 0;
  z-index: 1;
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  pointer-events: none;
}

.VideoPreview_toggle__TNZ1s {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: grid;
  place-items: center;
  border: 0;
  color: rgba(255, 252, 245, 0.96);
  background: transparent;
  cursor: pointer;
}

.VideoPreview_playButton__8aWPT {
  display: grid;
  width: var(--play-button-size);
  aspect-ratio: 1;
  place-items: center;
  border-radius: 50%;
  background: rgba(32, 32, 32, 0.52);
  backdrop-filter: blur(5px);
  -webkit-backdrop-filter: blur(5px);
}

.VideoPreview_playIcon__YWsjY {
  width: 100%;
  height: 100%;
  fill: rgba(255, 255, 255, 0.84);
}

@media (prefers-reduced-motion: reduce) {
  .VideoPreview_preview__NptRP {
    transition: none;
  }
}

/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/FeaturePreview/styles/FeaturePreview.module.css ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FeaturePreview_gallery__TePTF {
  --gallery-gap: clamp(0.75rem, 1vw, 1rem);
  --feature-small-width: 25rem;
  --fitted-width: clamp(10rem, calc(50svh - 3rem), var(--feature-small-width));

  width: var(--fitted-width);
}

@media (max-width: 768px) {
  .FeaturePreview_gallery__TePTF {
    display: none;
  }
}

.FeaturePreview_grid__9wp7I {
  display: grid;
  grid-template-columns: var(--fitted-width);
  gap: var(--gallery-gap);
}

.FeaturePreview_item__l0m9y {
  position: relative;
  display: grid;
  grid-template-columns: minmax(0, 1fr);
  width: var(--fitted-width);
  min-width: 0;
  margin: 0;
  will-change: opacity, transform;
}

.FeaturePreview_item__l0m9y::before {
  grid-area: 1 / 1;
  width: 100%;
  aspect-ratio: 16 / 9;
  content: "";
}

.FeaturePreview_frame__Lr2Gf.FeaturePreview_frame__Lr2Gf {
  --small-width: 100%;

  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  transition:
    width var(--animation-speed) var(--ease-standard),
    border-color 200ms var(--ease-standard),
    z-index 0s var(--animation-speed);
}

.FeaturePreview_item__l0m9y[data-expanded="true"] .FeaturePreview_frame__Lr2Gf.FeaturePreview_frame__Lr2Gf {
  z-index: 3;
  width: var(--large-width, 40rem);
  transition:
    width var(--animation-speed) var(--ease-standard),
    border-color 200ms var(--ease-standard),
    z-index 0s;
}

.FeaturePreview_item__l0m9y:last-child .FeaturePreview_frame__Lr2Gf.FeaturePreview_frame__Lr2Gf {
  top: auto;
  bottom: 1.27rem;
}

.FeaturePreview_image__QLHWG {
  object-fit: cover;
}

.FeaturePreview_caption___A49g {
  grid-column: 1;
  margin-top: 0.38rem;
  overflow: hidden;
  color: rgba(247, 243, 234, 0.92);
  font-family: var(--font-ui);
  font-size: 0.66rem;
  font-weight: var(--font-weight-medium);
  line-height: 1.35;
  letter-spacing: 0.08em;
  text-align: left;
  text-overflow: ellipsis;
  white-space: nowrap;
}

@media (prefers-reduced-motion: reduce) {
  .FeaturePreview_frame__Lr2Gf.FeaturePreview_frame__Lr2Gf {
    transition: none;
  }
}

@media (max-width: 1100px) {
  .FeaturePreview_gallery__TePTF {
    --fitted-width: min(
      clamp(10rem, calc(50svh - 3rem), var(--feature-small-width)),
      calc(100vw - 2 * var(--gutter))
    );

    width: var(--fitted-width);
  }

  .FeaturePreview_gallery__TePTF .FeaturePreview_grid__9wp7I {
    grid-template-columns: minmax(0, 1fr);
    width: 100%;
    padding-bottom: 0.25rem;
  }

  .FeaturePreview_item__l0m9y,
  .FeaturePreview_item__l0m9y[data-expanded="true"] {
    width: 100%;
  }

  .FeaturePreview_item__l0m9y[data-expanded="true"] .FeaturePreview_frame__Lr2Gf.FeaturePreview_frame__Lr2Gf {
    width: min(var(--large-width, 40rem), calc(100vw - 2 * var(--gutter)));
  }
}

/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/ui/ActionLink/styles/actionLink.module.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.actionLink_base__zYnyC {
  display: inline-flex;
  align-items: center;
  font-family: var(--font-ui);
  font-size: 0.82rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.14em;
  text-transform: uppercase;
  text-decoration: none;
}

.actionLink_primary__rm_i4 {
  padding: 0.95rem 1.9rem;
  border: 1px solid var(--color-espresso);
  border-radius: 2px;
  background: var(--color-espresso);
  color: var(--color-paper);
  transition:
    background-color var(--duration-base) var(--ease-standard),
    color var(--duration-base) var(--ease-standard);
}
.actionLink_primary__rm_i4:hover {
  background: transparent;
  color: var(--color-espresso);
}

.actionLink_secondary___fO_d {
  padding: 0.95rem 0;
  border-top: 1px solid transparent;
  border-bottom: 1px solid rgba(169, 130, 69, 0.55);
  color: var(--color-espresso);
  transition: color var(--duration-base) var(--ease-standard);
}
.actionLink_secondary___fO_d:hover {
  color: var(--color-muted-gold);
}

.actionLink_onDark__1xETJ.actionLink_primary__rm_i4 {
  border-color: rgba(247, 243, 234, 0.5);
  background: transparent;
  color: rgba(247, 243, 234, 0.95);
}
.actionLink_onDark__1xETJ.actionLink_primary__rm_i4:hover {
  border-color: rgba(247, 243, 234, 0.95);
  background: rgba(247, 243, 234, 0.95);
  color: var(--color-charcoal);
}
.actionLink_onDark__1xETJ.actionLink_secondary___fO_d {
  border-bottom-color: rgba(200, 161, 90, 0.5);
  color: rgba(247, 243, 234, 0.9);
}
.actionLink_onDark__1xETJ.actionLink_secondary___fO_d:hover {
  color: var(--color-champagne);
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/SceneTitle/styles/SceneTitle.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SceneTitle_title__Xi4i1 {
  margin: 0;
  color: inherit;
  font-family: var(--font-display);
  font-size: clamp(2.1rem, 3.65vw, 4.05rem);
  font-weight: var(--font-weight-regular);
  line-height: 0.98;
  letter-spacing: 0;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/SceneContent/styles/SceneContent.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SceneContent_content__Dt9W3 {
  position: relative;
  z-index: 1;
  max-width: 35rem;
  will-change: transform, filter;
}

.SceneContent_number__b_XiT {
  display: none;
  margin-bottom: var(--space-4);
  color: rgba(230, 200, 145, 0.92);
  font-family: var(--font-ui);
  font-size: 0.72rem;
  font-weight: var(--font-weight-medium);
  letter-spacing: 0.2em;
}

.SceneContent_body__Sq_KS {
  max-width: 29rem;
  margin: clamp(0.95rem, 1.45vw, 1.35rem) 0 0;
  color: rgba(255, 252, 245, 0.86);
  font-family: var(--font-ui);
  font-size: clamp(0.95rem, 1vw, 1.06rem);
  font-weight: var(--font-weight-medium);
  line-height: 1.72;
  letter-spacing: 0.01em;
}

.SceneContent_links__UmhhP {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: clamp(1rem, 2.2vw, 1.75rem);
  margin-top: clamp(1.4rem, 3vh, 2.1rem);
}

.SceneContent_content__Dt9W3[data-alignment="right"] .SceneContent_body__Sq_KS,
.SceneContent_content__Dt9W3[data-alignment="bottomRight"] .SceneContent_body__Sq_KS {
  margin-left: auto;
}

.SceneContent_content__Dt9W3[data-alignment="center"] .SceneContent_links__UmhhP {
  justify-content: center;
}

.SceneContent_content__Dt9W3[data-alignment="right"] .SceneContent_links__UmhhP,
.SceneContent_content__Dt9W3[data-alignment="bottomRight"] .SceneContent_links__UmhhP {
  justify-content: flex-end;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/SpaceCatalog/styles/SpaceCatalog.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SpaceCatalog_catalog__y11qq {
  position: absolute;
  top: clamp(2.75rem, 6.5vh, 4.75rem);
  right: 0;
  bottom: auto;
  left: 0;
  z-index: 1;
  padding-right: max(clamp(1.25rem, 4vw, 5.5rem), var(--rail-clearance));
  color: rgba(247, 243, 234, 0.96);
  will-change: transform, filter;
}

.SpaceCatalog_gallery__CsuLa {
  width: clamp(24rem, 36vw, 48rem);
  margin-left: auto;
  text-align: left;
}

.SpaceCatalog_grid__9g7hx {
  display: grid;
  grid-template-rows: 1.15fr 1.15fr 0.85fr 0.85fr;
  gap: clamp(0.75rem, 1.1vw, 1rem);
  width: 100%;
  height: min(68vh, 44rem);
}

.SpaceCatalog_item__3U_GM {
  position: relative;
  display: block;
  min-width: 0;
  min-height: 0;
  margin: 0;
  color: inherit;
  text-decoration: none;
}

.SpaceCatalog_item__3U_GM:nth-child(1) {
  grid-row: 1;
  width: 100%;
}

.SpaceCatalog_item__3U_GM:nth-child(2) {
  grid-row: 2;
  width: 100%;
}

.SpaceCatalog_item__3U_GM:nth-child(3) {
  grid-row: 3;
  width: 100%;
}

.SpaceCatalog_item__3U_GM:nth-child(4) {
  grid-row: 4;
  width: 100%;
}

.SpaceCatalog_media__fnWJf {
  position: relative;
  display: block;
  overflow: hidden;
  height: 100%;
  border: 1px solid rgba(247, 243, 234, 0.72);
  transition: border-color 180ms ease;
}

.SpaceCatalog_item__3U_GM[data-shape] .SpaceCatalog_media__fnWJf {
  aspect-ratio: auto;
}

.SpaceCatalog_image__uf0KG {
  object-fit: cover;
}

.SpaceCatalog_item__3U_GM[data-shape="tall"] .SpaceCatalog_image__uf0KG {
  object-position: 32% center;
}

.SpaceCatalog_item__3U_GM[data-shape="compact"] .SpaceCatalog_image__uf0KG {
  object-position: 78% center;
}

a.SpaceCatalog_item__3U_GM:hover .SpaceCatalog_media__fnWJf,
a.SpaceCatalog_item__3U_GM:focus-visible .SpaceCatalog_media__fnWJf {
  border-color: rgba(226, 190, 126, 0.96);
}

.SpaceCatalog_caption__bPxwU {
  position: absolute;
  right: clamp(0.45rem, 0.7vw, 0.75rem);
  bottom: clamp(0.4rem, 0.7vw, 0.65rem);
  left: clamp(0.45rem, 0.7vw, 0.75rem);
  z-index: 1;
  display: block;
  margin: 0;
  font-family: var(--font-ui);
  font-size: clamp(0.58rem, 0.67vw, 0.7rem);
  font-weight: var(--font-weight-medium);
  line-height: 1.25;
  letter-spacing: 0.13em;
  text-align: right;
  text-transform: uppercase;
  white-space: nowrap;
}

.SpaceCatalog_meta__WWmy3 {
  color: rgba(247, 243, 234, 0.78);
}

.SpaceCatalog_action__p32UQ {
  margin-top: clamp(0.75rem, 1.5vh, 1.1rem);
}

@media (max-width: 768px) {
  .SpaceCatalog_catalog__y11qq {
    top: clamp(1.25rem, 3vh, 2rem);
    bottom: auto;
    padding-right: clamp(1.25rem, 4vw, 5.5rem);
  }

  .SpaceCatalog_gallery__CsuLa {
    width: clamp(9rem, 42vw, 13rem);
  }

  .SpaceCatalog_grid__9g7hx {
    grid-template-rows: repeat(2, 1fr);
    gap: 0.65rem;
    width: 100%;
    height: 42vh;
  }

  .SpaceCatalog_item__3U_GM:nth-child(1),
  .SpaceCatalog_item__3U_GM:nth-child(2) {
    grid-row: auto;
    width: 100%;
  }

  .SpaceCatalog_item__3U_GM[data-shape] .SpaceCatalog_media__fnWJf {
    height: auto;
    aspect-ratio: 16 / 9;
  }

  .SpaceCatalog_item__3U_GM:nth-child(n + 3) {
    display: none;
  }

  .SpaceCatalog_caption__bPxwU {
    overflow: hidden;
    font-size: 0.58rem;
    text-overflow: ellipsis;
  }

  .SpaceCatalog_action__p32UQ {
    max-width: 100%;
    padding-block: 0.75rem;
    font-size: 0.65rem;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/SceneSlide/styles/SceneSlide.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.SceneSlide_slide__KU5kJ {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  padding: clamp(2rem, 6vw, 6rem) var(--gutter);
  color: rgba(247, 243, 234, 0.94);
  isolation: isolate;
  pointer-events: none;
  will-change: opacity;
}

.SceneSlide_slide__KU5kJ[data-interactive="true"] {
  pointer-events: auto;
}

.SceneSlide_slide__KU5kJ[data-alignment="center"] {
  align-items: center;
  justify-content: center;
  text-align: center;
}

.SceneSlide_slide__KU5kJ[data-alignment="right"] {
  align-items: center;
  justify-content: flex-end;
  padding-right: max(var(--gutter), var(--rail-clearance));
  text-align: right;
}

.SceneSlide_slide__KU5kJ[data-alignment="bottomLeft"] {
  align-items: flex-end;
  justify-content: flex-start;
  text-align: left;
}

.SceneSlide_slide__KU5kJ[data-alignment="bottomRight"] {
  align-items: flex-end;
  justify-content: flex-end;
  padding-right: var(--gutter);
  text-align: right;
}

.SceneSlide_staticSlide__Xvyny {
  position: relative;
  display: flex;
  align-items: flex-end;
  min-height: 100svh;
  padding: clamp(2rem, 6vw, 6rem) var(--gutter);
  color: rgba(247, 243, 234, 0.94);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
}

.SceneSlide_staticSlide__Xvyny::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(
    90deg,
    rgba(33, 26, 21, 0.24) 0%,
    rgba(17, 16, 14, 0.14) 52%,
    rgba(33, 26, 21, 0.18) 100%
  );
}

.SceneSlide_video__Yo9ew.SceneSlide_video__Yo9ew {
  --small-width: 20.5rem;
  --large-width: 40rem;
  --bottom: clamp(2rem, 6vw, 6rem);

  position: absolute;
  bottom: var(--bottom);
  z-index: 3;
}

.SceneSlide_video__Yo9ew.SceneSlide_videoLeft__Or9bN {
  right: auto;
  left: var(--gutter);
}

.SceneSlide_video__Yo9ew.SceneSlide_videoRight__JFYDu {
  right: var(--gutter);
  left: auto;
}

.SceneSlide_video__Yo9ew[data-expanded="true"] {
  z-index: 5;
}

@media (max-width: 768px) {
  .SceneSlide_video__Yo9ew.SceneSlide_video__Yo9ew {
    --small-width: min(12rem, 100%);
    --large-width: calc(100vw - 2 * var(--gutter));

    top: clamp(5rem, 12vh, 7rem);
    bottom: auto;
  }
}

@media (min-width: 769px) {
  .SceneSlide_video__Yo9ew.SceneSlide_video__Yo9ew.SceneSlide_featureVideo___x1xu {
    top: clamp(2rem, 3svh, 2.75rem);
    bottom: auto;
  }
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/ProgressRail/styles/ProgressRail.module.css ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.ProgressRail_rail__gGDHc {
  position: absolute;
  top: 50%;
  right: var(--rail-offset);
  z-index: 4;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: clamp(0.9rem, 2vw, 1.45rem);
  color: rgba(255, 252, 245, 0.82);
  pointer-events: none;
  transform: translateY(-50%);
}

.ProgressRail_number__RIrBM {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  min-width: 4rem;
  gap: 0.68rem;
  color: inherit;
  font-family: var(--font-ui);
  font-size: 0.74rem;
  font-weight: 600;
  letter-spacing: 0.08em;
  line-height: 1;
  text-align: right;
}

.ProgressRail_number__RIrBM::before {
  content: "";
  width: 1.55rem;
  height: 1px;
  flex: 0 0 auto;
  background: currentColor;
}

@media (max-width: 768px) {
  .ProgressRail_rail__gGDHc {
    display: none;
  }
}

/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/StoryPhase/components/StoryWords/styles/StoryWords.module.css ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StoryWords_words__JXyR3 {
  display: flex;
  flex-direction: column;
  gap: clamp(0.25rem, 1vh, 0.7rem);
  margin: clamp(2rem, 4.5vh, 3.5rem) 0 0;
  padding: 0;
  list-style: none;
}

.StoryWords_word__NzDDG {
  color: var(--color-charcoal);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 2.7vw, 2.35rem);
  font-weight: var(--font-weight-regular);
  line-height: 1.15;
  letter-spacing: 0.01em;
  will-change: opacity, transform, filter;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/StoryPhase/styles/StoryPhase.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StoryPhase_phase__2ktAa {
  position: absolute;
  inset: 0;
  z-index: 2;
  color: var(--color-charcoal);
  pointer-events: none;
}

.StoryPhase_phase__2ktAa[data-interactive="true"] {
  pointer-events: auto;
}

.StoryPhase_introLayer__i7rXe {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.5rem;
}

.StoryPhase_intro__H18Uu {
  margin: 0;
  color: rgba(33, 26, 21, 0.86);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.01em;
  text-align: center;
  will-change: opacity, transform, filter;
}

.StoryPhase_stage__1jsRu {
  position: absolute;
  inset: 0;
  display: grid;
  grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.9fr);
  align-items: center;
  gap: clamp(2rem, 5vw, 5rem);
  padding: clamp(2.5rem, 6vw, 7rem) var(--gutter);
}

.StoryPhase_content__7Y_Jk {
  width: 100%;
  max-width: 44rem;
}

.StoryPhase_headline___IMDl {
  margin: 0;
  color: var(--color-charcoal);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.6vw, 3.7rem);
  font-weight: var(--font-weight-regular);
  line-height: 1.04;
  letter-spacing: 0.01em;
  will-change: opacity, transform, filter;
}

.StoryPhase_ingress__um27r {
  max-width: 34rem;
  margin: clamp(1.25rem, 2.2vw, 1.9rem) 0 0;
  color: rgba(33, 26, 21, 0.72);
  font-family: var(--font-ui);
  font-size: clamp(0.98rem, 1.05vw, 1.1rem);
  line-height: 1.85;
  letter-spacing: 0.015em;
  will-change: opacity, transform;
}

.StoryPhase_imageSlot__8m__G {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  pointer-events: none;
}

.StoryPhase_imageFrame__b99iL {
  position: relative;
  width: 100%;
  max-width: 32rem;
  height: min(72svh, 40rem);
  overflow: hidden;
  border-radius: 14px;
  will-change: opacity, transform;
}

.StoryPhase_image__owXXb {
  position: absolute;
  inset: 0;
  background-position: center 65%;
  background-size: cover;
  will-change: transform;
}

@media (max-width: 1024px) {
  .StoryPhase_stage__1jsRu {
    grid-template-columns: 1fr;
  }

  .StoryPhase_imageSlot__8m__G {
    display: none;
  }
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/FinalePhase/components/FinaleContent/styles/FinaleContent.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FinaleContent_title__A0JL4 {
  margin: 0;
  color: var(--color-charcoal);
  font-family: var(--font-display);
  font-size: clamp(2.15rem, 4.8vw, 4.2rem);
  font-weight: var(--font-weight-regular);
  line-height: 1;
  letter-spacing: 0.01em;
}

.FinaleContent_body__w03hQ {
  max-width: 32rem;
  margin: clamp(1.25rem, 2.2vw, 1.9rem) auto 0;
  color: var(--color-espresso);
  font-family: var(--font-ui);
  font-size: clamp(0.98rem, 1.05vw, 1.12rem);
  line-height: 1.85;
  letter-spacing: 0.015em;
}

.FinaleContent_divider__3UbCL {
  display: block;
  width: 44px;
  height: 1px;
  margin: clamp(2rem, 4vh, 3rem) auto 0;
  background: rgba(169, 130, 69, 0.5);
}

.FinaleContent_actions__JTZAr {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: clamp(1rem, 3vw, 2rem);
  margin-top: clamp(1.75rem, 4vh, 2.5rem);
}

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/FinalePhase/styles/FinalePhase.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************/
.FinalePhase_layer__V150g {
  position: absolute;
  inset: 0;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: clamp(2rem, 6vw, 6rem) var(--gutter);
  color: var(--color-charcoal);
  pointer-events: none;
}

.FinalePhase_layer__V150g[data-interactive="true"] {
  pointer-events: auto;
}

.FinalePhase_inner__KIVaN {
  width: min(100%, 40rem);
  text-align: center;
  will-change: opacity, transform;
}

/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/CinematicExperience/styles/CinematicExperience.module.css ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.CinematicExperience_wrapper__d0ylK {

  height: 1800svh;
  position: relative;
  z-index: 0;
  background: var(--color-charcoal);

  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --rail-offset: clamp(0.9rem, 1.8vw, 1.8rem);
  --rail-clearance: calc(var(--rail-offset) + 4rem + 0.9rem);
}

.CinematicExperience_sticky__vH7H_ {
  position: sticky;
  top: 0;
  height: 100svh;
  overflow: hidden;
}

@media (max-width: 768px) {
  .CinematicExperience_wrapper__d0ylK {
    --rail-clearance: 0rem;
  }
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/StoryPhase/components/StaticStory/styles/StaticStory.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StaticStory_story__t8dnK {
  display: flex;
  align-items: center;
  min-height: 100svh;
  padding: clamp(3rem, 8vw, 7rem) var(--gutter);
  color: var(--color-charcoal);
}

.StaticStory_content__QOigT {
  width: 100%;
  max-width: 44rem;
}

.StaticStory_intro__T96nZ {
  margin: 0 0 clamp(1.5rem, 4vh, 2.5rem);
  color: rgba(33, 26, 21, 0.86);
  font-family: var(--font-display);
  font-size: clamp(1.5rem, 3vw, 2.4rem);
  font-style: italic;
  font-weight: var(--font-weight-regular);
  letter-spacing: 0.01em;
  text-align: center;
}

.StaticStory_headline__VbbjK {
  margin: 0;
  color: var(--color-charcoal);
  font-family: var(--font-display);
  font-size: clamp(2rem, 4.6vw, 3.7rem);
  font-weight: var(--font-weight-regular);
  line-height: 1.04;
  letter-spacing: 0.01em;
}

.StaticStory_ingress__lDcfD {
  max-width: 34rem;
  margin: clamp(1.25rem, 2.2vw, 1.9rem) 0 0;
  color: rgba(33, 26, 21, 0.72);
  font-family: var(--font-ui);
  font-size: clamp(0.98rem, 1.05vw, 1.1rem);
  line-height: 1.85;
  letter-spacing: 0.015em;
}

/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/FinalePhase/components/StaticFinale/styles/StaticFinale.module.css ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StaticFinale_finale__jz_Cc {
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 100svh;
  padding: clamp(2rem, 6vw, 6rem) var(--gutter);
  color: var(--color-charcoal);
  text-align: center;
}

.StaticFinale_inner__gSsdU {
  width: min(100%, 40rem);
  text-align: center;
}

/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[2]!./node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[15].oneOf[5].use[3]!./src/components/SpacesExperience/components/StaticExperience/styles/StaticExperience.module.css ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StaticExperience_wrapper__c5mF0 {
  display: block;

  --gutter: clamp(1.25rem, 4vw, 4.5rem);
  --rail-offset: clamp(0.9rem, 1.8vw, 1.8rem);
  --rail-clearance: calc(var(--rail-offset) + 4rem + 0.9rem);
}

@media (max-width: 768px) {
  .StaticExperience_wrapper__c5mF0 {
    --rail-clearance: 0rem;
  }
}