/*!********************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/modern-normalize@3.0.1/node_modules/modern-normalize/modern-normalize.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************/
/*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */

/*
Document
========
*/

/**
Use a better box model (opinionated).
*/

*,
::before,
::after {
	box-sizing: border-box;
}

html {
	/* Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3) */
	font-family:
		system-ui,
		'Segoe UI',
		Roboto,
		Helvetica,
		Arial,
		sans-serif,
		'Apple Color Emoji',
		'Segoe UI Emoji';
	line-height: 1.15; /* 1. Correct the line height in all browsers. */
	-webkit-text-size-adjust: 100%; /* 2. Prevent adjustments of font size after orientation changes in iOS. */
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4; /* 3. Use a more readable tab size (opinionated). */
}

/*
Sections
========
*/

body {
	margin: 0; /* Remove the margin in all browsers. */
}

/*
Text-level semantics
====================
*/

/**
Add the correct font weight in Chrome and Safari.
*/

b,
strong {
	font-weight: bolder;
}

/**
1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
2. Correct the odd 'em' font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
	font-family:
		ui-monospace,
		SFMono-Regular,
		Consolas,
		'Liberation Mono',
		Menlo,
		monospace; /* 1 */
	font-size: 1em; /* 2 */
}

/**
Add the correct font size in all browsers.
*/

small {
	font-size: 80%;
}

/**
Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
*/

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}

/*
Tabular data
============
*/

/**
Correct table border color inheritance in Chrome and Safari. (https://issues.chromium.org/issues/40615503, https://bugs.webkit.org/show_bug.cgi?id=195016)
*/

table {
	border-color: currentcolor;
}

/*
Forms
=====
*/

/**
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
*/

button,
input,
optgroup,
select,
textarea {
	font-family: inherit; /* 1 */
	font-size: 100%; /* 1 */
	line-height: 1.15; /* 1 */
	margin: 0; /* 2 */
}

/**
Correct the inability to style clickable types in iOS and Safari.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
	-webkit-appearance: button;
}

/**
Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
*/

legend {
	padding: 0;
}

/**
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
	vertical-align: baseline;
}

/**
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

/**
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
	-webkit-appearance: textfield; /* 1 */
	outline-offset: -2px; /* 2 */
}

/**
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
	-webkit-appearance: none;
}

/**
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to 'inherit' in Safari.
*/

::-webkit-file-upload-button {
	-webkit-appearance: button; /* 1 */
	font: inherit; /* 2 */
}

/*
Interactive
===========
*/

/*
Add the correct display in Chrome and Safari.
*/

summary {
	display: list-item;
}

/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/index.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Utility Classes
 * Helper classes for common patterns
 */
@media (max-width: 768px) {
  .hide-mobile {
    display: none !important;
  }
}

@media (max-width: 1024px) {
  .hide-tablet {
    display: none !important;
  }
}

@media (min-width: 769px) {
  .hide-desktop {
    display: none !important;
  }
}

.show-mobile-only {
  display: none !important;
}
@media (max-width: 768px) {
  .show-mobile-only {
    display: block !important;
  }
}

.show-tablet-only {
  display: none !important;
}
@media (min-width: 769px) and (max-width: 1024px) {
  .show-tablet-only {
    display: block !important;
  }
}

.show-desktop-only {
  display: none !important;
}
@media (min-width: 1025px) {
  .show-desktop-only {
    display: block !important;
  }
}

.show-mobile-only-flex {
  display: none !important;
}
@media (max-width: 768px) {
  .show-mobile-only-flex {
    display: flex !important;
  }
}

.show-mobile-only-inline {
  display: none !important;
}
@media (max-width: 768px) {
  .show-mobile-only-inline {
    display: inline !important;
  }
}

.show-mobile-only-inline-block {
  display: none !important;
}
@media (max-width: 768px) {
  .show-mobile-only-inline-block {
    display: inline-block !important;
  }
}

@media (max-width: 768px) {
  .text-center-mobile {
    text-align: center !important;
  }
}

@media (max-width: 768px) {
  .text-left-mobile {
    text-align: left !important;
  }
}

@media (max-width: 768px) {
  .text-right-mobile {
    text-align: right !important;
  }
}

/**
 * Custom Fonts
 * Web fonts for Stable & Vine
 */
@font-face {
  font-family: "Palace";
  src: url(../js/modules/PalaceRegular.woff2) format("woff2"), url(../js/modules/PalaceRegular.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Palace";
  src: url(../js/modules/PalaceItalic.woff2) format("woff2"), url(../js/modules/PalaceItalic.woff) format("woff");
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}
@font-face {
  font-family: "Pockota";
  src: url(../js/modules/Pockota-Light.woff2) format("woff2"), url(../js/modules/Pockota-Light.woff) format("woff"), url(../js/modules/Pockota-Light.otf) format("opentype");
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Helga";
  src: url(../js/modules/Helga.woff2) format("woff2"), url(../js/modules/Helga.woff) format("woff");
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  font-feature-settings: "kern" 1;
  background-color: #343B30;
}

.skip-link.screen-reader-text {
  position: absolute;
  top: -9999px;
  left: -9999px;
  z-index: 100000;
  display: block;
  padding: 15px 23px 14px;
  font-size: 14px;
  font-weight: 700;
  line-height: normal;
  text-decoration: none;
  color: #21759b;
  background-color: #f1f1f1;
}
.skip-link.screen-reader-text:focus {
  top: 5px;
  left: 5px;
  clip: auto !important;
  clip-path: none;
  width: auto;
  height: auto;
  /*test:test*/
}

body {
  margin: 0;
  font-family: "Pockota", sans-serif;
  font-size: 1rem;
  line-height: 1.4;
  color: #343B30;
}

.mobile {
  display: none;
}

h1, h2, h3, h4, h5, h6 {
  margin: 0 0 1rem;
  font-family: "Palace", serif;
  line-height: 1.05;
  font-weight: 400;
}
h1 .last-word, h2 .last-word, h3 .last-word, h4 .last-word, h5 .last-word, h6 .last-word {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
h1 .last-word.dblock, h2 .last-word.dblock, h3 .last-word.dblock, h4 .last-word.dblock, h5 .last-word.dblock, h6 .last-word.dblock {
  display: block;
}

h1 {
  font-size: 3rem;
}

h2 {
  font-size: 2rem;
}

h3 {
  font-size: 1.5rem;
}

h4 {
  font-size: 1.125rem;
}

h5, h6 {
  font-size: 1rem;
}

p {
  margin: 0 0 2rem;
}

a {
  color: #C7CCB6;
  text-decoration: none;
  transition: color all 0.3s ease;
}
a:hover {
  color: rgb(164.4516129032, 172.5362903226, 136.9637096774);
}
a[style*="text-decoration: underline"], a.underline-link {
  position: relative;
  text-decoration: none;
}
a[style*="text-decoration: underline"]::after, a.underline-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
a[style*="text-decoration: underline"]:hover::after, a.underline-link:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}

img {
  max-width: 100%;
  height: auto;
}

button {
  cursor: pointer;
  font-family: inherit;
}

.button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  padding: 15px 24px;
  border: 1px solid #7D3904;
  background: transparent;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  z-index: 1;
  --bg-x: -100%;
}
.button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(var(--bg-x));
  z-index: -1;
}
.button.btn-light {
  color: #C7CCB6;
  border-color: #C7CCB6;
}
.button.btn-light::before {
  background-color: #C7CCB6;
}
.button-secondary {
  border: none;
  background-color: transparent;
  position: relative;
  color: #7D3904 !important;
}
.button-secondary::before {
  display: none;
}
.button-secondary::after {
  content: "";
  position: absolute;
  left: 24px;
  bottom: 6px;
  width: calc(100% - 48px);
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.button-secondary:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
@media (max-width: 768px) {
  .button {
    font-size: 18px;
    padding: 14px 24px 10px 24px;
  }
}

.site-main {
  min-height: 50vh;
}

.bg-buttermilk {
  background-color: #FFF6DF;
}

.rooms-archive__card-counter > span, .carousel-counter > span, .gallery-navigation__counter > span, .single-room-gallery__carousel-counter > span, .rooms-archive__club-room-counter > span {
  min-width: 19px;
  text-align: center;
  display: inline-block;
}

@media (max-width: 768px) {
  .desktop {
    display: none;
  }
  .mobile {
    display: block;
  }
}
.container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 2rem;
}
@media (max-width: 768px) {
  .container {
    padding: 0 20px;
  }
}

.row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -1rem;
}

.col {
  flex: 1;
  padding: 0 1rem;
}

.grid {
  display: grid;
  gap: 2rem;
}
.grid--2 {
  grid-template-columns: repeat(2, 1fr);
}
.grid--3 {
  grid-template-columns: repeat(3, 1fr);
}
.grid--4 {
  grid-template-columns: repeat(4, 1fr);
}
@media (min-width: 768px) {
  .grid--2, .grid--3, .grid--4 {
    grid-template-columns: 1fr;
  }
}

@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes slideUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.fade-in {
  animation: fadeIn 0.5s ease-in;
}

.slide-up {
  animation: slideUp 0.5s ease-out;
}

.carousel-prev,
.single-room-gallery__carousel-prev,
.gallery-navigation__button--prev,
.rooms-archive__card-arrow--prev,
.rooms-archive__club-room-arrow--prev {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.carousel-prev img,
.single-room-gallery__carousel-prev img,
.gallery-navigation__button--prev img,
.rooms-archive__card-arrow--prev img,
.rooms-archive__club-room-arrow--prev img {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
  right: -16px;
}
.carousel-prev:hover img,
.single-room-gallery__carousel-prev:hover img,
.gallery-navigation__button--prev:hover img,
.rooms-archive__card-arrow--prev:hover img,
.rooms-archive__club-room-arrow--prev:hover img {
  right: -8px;
}

.carousel-next,
.single-room-gallery__carousel-next,
.gallery-navigation__button--next,
.rooms-archive__card-arrow--next,
.rooms-archive__club-room-arrow--next {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.carousel-next img,
.single-room-gallery__carousel-next img,
.gallery-navigation__button--next img,
.rooms-archive__card-arrow--next img,
.rooms-archive__club-room-arrow--next img {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
  left: -16px;
}
.carousel-next:hover img,
.single-room-gallery__carousel-next:hover img,
.gallery-navigation__button--next:hover img,
.rooms-archive__card-arrow--next:hover img,
.rooms-archive__club-room-arrow--next:hover img {
  left: -8px;
}

.team-modal__nav-button {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.team-modal__nav-button svg {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
}
.team-modal__nav-button--prev svg {
  right: -16px;
}
.team-modal__nav-button--prev:hover svg {
  right: -8px;
}
.team-modal__nav-button--next svg {
  left: -16px;
}
.team-modal__nav-button--next:hover svg {
  left: -8px;
}

.error-404__button-icon,
.call-to-action__button-arrow {
  transition: transform 0.3s ease;
  will-change: transform;
}

.error-404__button:hover .error-404__button-icon,
.call-to-action__button:hover .call-to-action__button-arrow {
  transform: translateX(8px);
}

.site-header {
  background-color: #343B30;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 2rem 88px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.5s ease, box-shadow 0.3s ease, background-color 0.4s ease;
  transform: translateY(0);
  -o-border-image: none !important;
     border-image: none !important;
  border-bottom: none !important;
}
.site-header.header-hidden {
  transform: translateY(-100%);
}
.site-header.header-light {
  background-color: #FFF6DF;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-light .menu-toggle,
.site-header.header-light .header-cta-button {
  color: #7D3904;
  border-color: #7D3904;
}
.site-header.header-light .menu-toggle svg path,
.site-header.header-light .header-cta-button svg path {
  fill: #7D3904;
}
.site-header.header-light .header-cta-button::before {
  background-color: #7D3904;
}
.site-header.header-light .header-cta-button:hover {
  color: #FFF6DF;
}
.site-header.header-light .site-branding {
  color: #7D3904;
}
.site-header.header-light .site-branding svg {
  fill: #7D3904;
}
.site-header.header-dark {
  background-color: #343B30;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-dark .menu-toggle,
.site-header.header-dark .header-cta-button {
  color: #C7CCB6;
  border-color: #C7CCB6;
}
.site-header.header-dark .menu-toggle svg,
.site-header.header-dark .header-cta-button svg {
  color: #C7CCB6;
}
.site-header.header-dark .header-cta-button::before {
  background-color: #C7CCB6;
}
.site-header.header-dark .header-cta-button:hover {
  color: #343B30;
}
.site-header.header-dark .site-branding {
  color: #C7CCB6;
}
.site-header.header-dark .site-branding svg {
  fill: #C7CCB6;
}
.site-header.header-light-green {
  background-color: #C7CCB6;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-light-green .menu-toggle,
.site-header.header-light-green .header-cta-button {
  color: #343B30;
  border-color: #343B30;
}
.site-header.header-light-green .menu-toggle svg path,
.site-header.header-light-green .header-cta-button svg path {
  fill: #343B30;
}
.site-header.header-light-green .header-cta-button::before {
  background-color: #343B30;
}
.site-header.header-light-green .header-cta-button:hover {
  color: #C7CCB6;
}
.site-header.header-light-green .site-branding {
  color: #343B30;
}
.site-header.header-light-green .site-branding svg {
  fill: #343B30;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.menu-toggle {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.76px;
  line-height: 1.2;
  text-transform: uppercase;
  transition: opacity all 0.15s ease;
}
.menu-toggle:hover {
  opacity: 0.8;
}
.menu-toggle .menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.menu-toggle .menu-icon svg {
  width: 29px;
  height: 17px;
  display: block;
}
.menu-toggle .menu-icon svg path {
  transition: fill 0.4s ease;
}

.site-header .menu-text {
  white-space: nowrap;
}

.site-branding {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.site-branding .custom-logo-link {
  display: block;
  line-height: 0;
}
.site-branding .site-logo {
  display: block;
  width: auto;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.3s ease;
}

.header-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border: 1px solid currentColor;
  font-family: "Pockota", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease, border-color 0.4s ease;
}
.header-cta-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  transform: translateX(-100%);
  transition: transform 0.4s ease, background-color 0.4s ease;
  z-index: -1;
}
.header-cta-button:hover::before {
  transform: translateX(0);
}

.primary-navigation {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: #C7CCB6;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.primary-navigation[hidden] {
  display: none;
}

.nav-overlay-header {
  background-color: #C7CCB6;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 2rem 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  overflow: hidden;
}

.menu-close-toggle {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.76px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #343B30;
  transition: opacity all 0.15s ease;
}
.menu-close-toggle:hover {
  opacity: 0.75;
}
.menu-close-toggle .close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.menu-close-toggle .close-icon svg {
  width: 18px;
  height: 18px;
}

.nav-overlay-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.nav-overlay-logo a {
  display: block;
  line-height: 0;
}
.nav-overlay-logo img {
  display: block;
  width: auto;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.nav-overlay-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border: 1px solid #343B30;
  font-family: "Pockota", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: #343B30;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.nav-overlay-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.nav-overlay-cta:hover {
  color: #FFF6DF;
}
.nav-overlay-cta:hover::before {
  transform: translateX(0);
}

.nav-overlay-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 16px 16px 88px;
  flex: 1;
  gap: 16px;
}

.nav-menu-sections {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 571px;
}

.nav-menu-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nav-section-title {
  font-family: "Palace", serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  height: 35px;
  display: flex;
  align-items: center;
}
.nav-section-title[data-split-text-reveal] {
  overflow: visible;
}
.nav-section-title[data-split-text-reveal] [data-char-mask] {
  overflow: visible;
}

.nav-section-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav-section-menu li {
  margin: 0;
  position: relative;
}
.nav-section-menu li a {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  text-decoration: none;
  opacity: 0.75;
  transition: all all 0.15s ease;
  display: inline-block;
}
.nav-section-menu li a:hover {
  opacity: 1;
  color: #7D3904;
}
.nav-section-menu li.active a {
  color: #7D3904;
  opacity: 1;
}

.nav-overlay-image {
  flex-shrink: 0;
  width: 660px;
  height: 763px;
  overflow: hidden;
  padding-bottom: 16px;
}
.nav-overlay-image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}
.nav-overlay-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 992px) {
  .site-header {
    padding: 1.5rem 20px;
  }
  .primary-navigation {
    padding: 1.5rem 2rem;
  }
  .menu-toggle .menu-icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  .site-header {
    padding: 32px 20px;
  }
  .primary-navigation {
    padding: 0;
  }
  .menu-toggle {
    gap: 0;
  }
  .menu-toggle .menu-text {
    display: none;
  }
  .menu-toggle .menu-icon {
    width: 54px;
    height: 54px;
  }
  .menu-toggle .menu-icon svg {
    width: 42px;
    height: 25px;
  }
  .site-branding .site-logo {
    height: 54px;
  }
  .header-cta-button {
    padding: 12px 18px;
    font-size: 15px;
    width: -moz-min-content;
    width: min-content;
    white-space: normal;
    text-align: center;
    line-height: 1;
  }
  .nav-overlay-header {
    padding: 32px 20px;
  }
  .nav-overlay-header .menu-close-toggle .menu-text {
    display: none;
  }
  .nav-overlay-header .menu-close-toggle .close-icon {
    width: 54px;
    height: 54px;
  }
  .nav-overlay-header .nav-overlay-logo img {
    height: 54px;
  }
  .nav-overlay-header .nav-overlay-cta {
    padding: 12px 18px;
    font-size: 15px;
    width: -moz-min-content;
    width: min-content;
    white-space: normal;
    text-align: center;
    line-height: 1;
  }
  .nav-overlay-content {
    flex-direction: column;
    padding: 48px 20px 120px;
    gap: 40px;
  }
  .nav-overlay-image {
    display: none;
  }
  .nav-menu-sections {
    width: 100%;
    min-width: 0;
    padding-top: 0;
    align-items: center;
    text-align: center;
    gap: 40px;
  }
  .nav-menu-section {
    width: 100%;
    align-items: center;
  }
  .nav-section-title {
    justify-content: center;
    width: 100%;
    font-size: 34px;
  }
  .nav-section-title[data-split-text-reveal] {
    overflow: visible;
  }
  .nav-section-title[data-split-text-reveal] [data-char-mask] {
    overflow: visible;
  }
  .nav-section-menu {
    align-items: center;
    width: 100%;
  }
  .nav-section-menu li {
    width: 100%;
  }
  .nav-section-menu li a {
    display: block;
    width: 100%;
    font-size: 27px;
  }
  .nav-section-menu li.active a {
    padding-right: 0;
  }
  .nav-section-menu li.active a::after {
    display: none;
  }
}
.site-footer {
  background-color: #343B30;
  color: #FFF6DF;
  position: relative;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.footer-main {
  padding: 0 1rem;
}

.footer-inner {
  max-width: 1264px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

.footer-column {
  display: flex;
  flex-direction: column;
}

.footer-column-left {
  width: 300px;
  flex-shrink: 0;
  gap: 120px;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer-column-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer-divider {
  width: 1px;
  margin: 0 80px;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(180deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(180deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.footer-logo {
  width: 90.467px;
  height: 135px;
  flex-shrink: 0;
}
.footer-logo .footer-logo-link,
.footer-logo .custom-logo-link {
  display: block;
}
.footer-logo .footer-logo-svg,
.footer-logo .custom-logo {
  width: 100%;
  height: 100%;
  fill: #FFF6DF;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.footer-address {
  font-family: "Pockota", sans-serif;
  font-size: 28.316px;
  font-weight: 300;
  line-height: 1.1;
  color: #FFF6DF;
  margin: 0;
  max-width: 269px;
}

.footer-contact-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-contact-details p {
  margin: 0;
}
.footer-contact-details a {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  text-decoration: none;
  transition: color all 0.15s ease;
}
.footer-contact-details a:hover {
  color: #C7CCB6;
}

.footer-social {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  height: 27px;
}
.footer-social a {
  display: block;
  width: 32px;
  height: 32px;
  color: #C7CCB6;
  transition: color all 0.15s ease;
}
.footer-social a:hover {
  color: #FFF6DF;
}
.footer-social a svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-menus {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  width: 100%;
}

.footer-menu-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-menu-column:first-child {
  min-width: 126px;
}
.footer-menu-column:nth-child(2) {
  min-width: 177px;
}
.footer-menu-column:nth-child(3) {
  min-width: 192px;
}

.footer-menu-title {
  font-family: "Pockota", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
  text-transform: uppercase;
  color: #FFF6DF;
  margin: 0;
}

.footer-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer-menu-list li {
  margin: 0;
}
.footer-menu-list a {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #C7CCB6;
  text-decoration: none;
  transition: color all 0.15s ease;
}
.footer-menu-list a:hover {
  color: #FFF6DF;
}

.footer-newsletter-social {
  display: flex;
  gap: 80px;
  align-items: flex-end;
  justify-content: space-between;
}

.footer-newsletter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  max-width: 691px;
}

.newsletter-title {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
}

.newsletter-form {
  display: flex;
  align-items: stretch;
}
.newsletter-form input[type=email] {
  flex: 1;
  max-width: 390px;
  height: 56px;
  padding: 1rem 1.5rem;
  border: 1px solid #C7CCB6;
  background: transparent;
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #C7CCB6;
  text-transform: uppercase;
  margin-right: -1px;
}
.newsletter-form input[type=email]::-moz-placeholder {
  color: #C7CCB6;
}
.newsletter-form input[type=email]::placeholder {
  color: #C7CCB6;
}
.newsletter-form input[type=email]:focus {
  outline: none;
  border-color: #FFF6DF;
  color: #FFF6DF;
}
.newsletter-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 1rem;
  border: 1px solid #C7CCB6;
  background: transparent;
  color: #C7CCB6;
  cursor: pointer;
  transition: all all 0.15s ease;
}
.newsletter-form button:hover {
  background-color: #C7CCB6;
  color: #343B30;
}
.newsletter-form button svg {
  width: 24px;
  height: 24px;
}

.newsletter-form--constant-contact {
  display: block;
  width: 100%;
  height: 56px;
}
.newsletter-form--constant-contact .ctct-inline-form {
  width: 100%;
  max-width: 445px;
  height: 56px;
  margin: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-defaults {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 56px;
  background: transparent !important;
  color: #FFF6DF !important;
  font-family: "Pockota", sans-serif !important;
}
.newsletter-form--constant-contact .ctct-form-custom > .ctct-form-header,
.newsletter-form--constant-contact .ctct-form-custom > .ctct-form-text,
.newsletter-form--constant-contact .ctct-form-custom .ctct-form-label,
.newsletter-form--constant-contact .ctct-form-custom .ctct-gdpr-text,
.newsletter-form--constant-contact .ctct-form-footer,
.newsletter-form--constant-contact .ctct-form-footer-link {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.newsletter-form--constant-contact .ctct-form-custom {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 390px) 56px;
  grid-template-areas: "email button" "success success" "error error";
  align-items: stretch;
  max-width: 446px;
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-email-field-wrapper {
  grid-area: email;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-field {
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-custom .g-recaptcha {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.newsletter-form--constant-contact .ctct-form-element {
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  padding: 1rem 1.5rem !important;
  border: 1px solid #C7CCB6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #C7CCB6 !important;
  text-transform: uppercase;
  margin: 0 -1px 0 0 !important;
}
.newsletter-form--constant-contact .ctct-form-element::-moz-placeholder {
  color: #C7CCB6 !important;
  opacity: 1;
}
.newsletter-form--constant-contact .ctct-form-element::placeholder {
  color: #C7CCB6 !important;
  opacity: 1;
}
.newsletter-form--constant-contact .ctct-form-element:focus {
  outline: none !important;
  border-color: #FFF6DF !important;
  color: #FFF6DF !important;
}
.newsletter-form--constant-contact .ctct-form-button {
  grid-area: button;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 1rem !important;
  border: 1px solid #C7CCB6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #C7CCB6 !important;
  cursor: pointer;
  font-size: 0 !important;
  line-height: 1 !important;
  transition: all all 0.15s ease;
}
.newsletter-form--constant-contact .ctct-form-button::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12H19M19 12L12 5M19 12L12 19%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12H19M19 12L12 5M19 12L12 19%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat;
}
.newsletter-form--constant-contact .ctct-form-button:hover, .newsletter-form--constant-contact .ctct-form-button:focus {
  background-color: #C7CCB6 !important;
  color: #343B30 !important;
  outline: none !important;
}
.newsletter-form--constant-contact .ctct-form-errorMessage,
.newsletter-form--constant-contact .ctct-form-success {
  grid-column: 1/-1;
  font-family: "Pockota", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: #FFF6DF !important;
  margin: 0.75rem 0 0 !important;
}
.newsletter-form--constant-contact .ctct-form-errorMessage {
  color: #FFF6DF !important;
}
.newsletter-form--constant-contact .ctct-form-success {
  grid-area: success;
  max-width: 445px;
  margin: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-success .ctct-form-header,
.newsletter-form--constant-contact .ctct-form-success .ctct-form-text {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #FFF6DF !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
}
.newsletter-form--constant-contact .ctct-form-success .ctct-form-header {
  font-size: 1.125rem !important;
  margin-bottom: 0.5rem !important;
}

.newsletter-has-ctct-success .newsletter-form--constant-contact,
.newsletter-has-ctct-success .newsletter-form--constant-contact .ctct-inline-form,
.newsletter-has-ctct-success .newsletter-form--constant-contact .ctct-form-defaults {
  height: auto;
}
.newsletter-has-ctct-success .newsletter-title,
.newsletter-has-ctct-success .newsletter-privacy {
  display: none;
}

.newsletter-privacy {
  font-family: "Pockota", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.2;
  color: #FFF6DF;
  margin: 0;
  max-width: 445px;
}
.newsletter-privacy a {
  color: #FFF6DF;
  position: relative;
  text-decoration: none;
}
.newsletter-privacy a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #FFF6DF;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.newsletter-privacy a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.newsletter-privacy a:hover {
  color: #C7CCB6;
}

.footer-partner-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem;
  flex-shrink: 0;
  width: 192px;
}
.footer-partner-logos a {
  display: block;
}
.footer-partner-logos img {
  display: block;
}
.footer-partner-logos .loudoun-guild-logo {
  width: 168px;
  height: 72px;
}
.footer-partner-logos .root-stem-logo {
  width: 192px;
  height: 36.741px;
}

.footer-bar {
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 1rem;
}

.footer-bar-inner {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Pockota", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.2;
  color: #C7CCB6;
}

.footer-copyright,
.footer-credit {
  margin: 0;
  white-space: nowrap;
}

.footer-legal-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.footer-legal-links a {
  color: #C7CCB6;
  position: relative;
  text-decoration: none;
}
.footer-legal-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.footer-legal-links a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.footer-legal-links a {
  transition: color all 0.15s ease;
  white-space: nowrap;
}
.footer-legal-links a:hover {
  color: #FFF6DF;
}

.footer-credit a {
  color: #C7CCB6;
  position: relative;
  text-decoration: none;
}
.footer-credit a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.footer-credit a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.footer-credit a {
  transition: color all 0.15s ease;
}
.footer-credit a:hover {
  color: #FFF6DF;
}

@media (max-width: 1200px) {
  .footer-inner {
    padding: 0 2rem;
  }
  .footer-divider {
    margin: 0 3rem;
  }
}
@media (max-width: 1100px) {
  .footer-main {
    padding: 5rem 1rem;
  }
  .footer-column-left,
  .footer-column-right {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer-inner {
    flex-direction: column;
    gap: 4rem;
  }
  .footer-divider {
    display: none;
  }
  .footer-column-left {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
  }
  .footer-column-right {
    width: 100%;
    padding-left: 0;
  }
  .footer-menus {
    justify-content: space-between;
  }
  .footer-newsletter-social {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .footer-partner-logos {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .footer-main {
    padding: 3rem 1rem 3rem;
  }
  .footer-inner {
    padding: 0;
    gap: 3rem;
  }
  .footer-column-left {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 3rem;
    width: 100%;
  }
  .footer-column-right {
    gap: 3rem;
  }
  .footer-menus {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 2rem;
  }
  .footer-menu-column {
    width: 100%;
    align-items: flex-start;
  }
  .footer-menu-column:first-child, .footer-menu-column:nth-child(2), .footer-menu-column:nth-child(3) {
    min-width: auto;
  }
  .footer-newsletter-social {
    align-items: flex-start;
    text-align: left;
  }
  .footer-newsletter {
    width: 100%;
    align-items: flex-start;
  }
  .footer-contact {
    width: 100%;
    text-align: left;
  }
  .footer-address {
    max-width: none;
  }
  .newsletter-form {
    flex-direction: row;
    width: 100%;
  }
  .newsletter-form input[type=email] {
    max-width: none;
    width: auto;
    flex: 1;
    margin-right: -1px;
    margin-bottom: 0;
  }
  .newsletter-form button {
    width: 56px;
    flex-shrink: 0;
  }
  .footer-bar-inner {
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem;
    text-align: left;
    align-items: flex-start;
  }
  .footer-legal-links {
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
  }
  .footer-social {
    justify-content: flex-start;
    width: 100%;
  }
}
.hero-section {
  background-color: #343B30;
}
.hero-section--gallery .hero-image img {
  opacity: 0;
  transform: translateY(100px);
}
.hero-section--gallery .hero-heading,
.hero-section--gallery .hero-body,
.hero-section--gallery .hero-cta {
  opacity: 0;
  transform: translateY(40px);
}
.hero-section .hero-images-mobile {
  display: none;
}
.hero-section .hero-images {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  overflow: hidden;
}
.hero-section .hero-images .hero-image {
  flex: 1;
  min-width: 0;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.hero-section .hero-images .hero-image:nth-child(2), .hero-section .hero-images .hero-image:nth-child(3) {
  aspect-ratio: 4/5;
}
.hero-section .hero-images .hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section .hero-content {
  padding: 5rem 4.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  background-color: #343B30;
}
.hero-section .hero-content .hero-heading {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  color: #FFF6DF;
  text-transform: uppercase;
  max-width: 624px;
  margin: 0;
}
.hero-section .hero-content .hero-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.hero-section .hero-content .hero-body {
  max-width: 624px;
}
.hero-section .hero-content .hero-body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
}
.hero-section .hero-content .hero-cta {
  margin-top: 2.5rem;
}
.hero-section--images-below .hero-images {
  padding-bottom: 5rem;
}
@media (max-width: 1024px) {
  .hero-section .hero-images {
    padding: 2.5rem;
    gap: 10.5px;
  }
  .hero-section .hero-content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
  .hero-section .hero-content .hero-heading {
    font-size: 90px;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-images {
    display: none;
  }
  .hero-section .hero-images-mobile {
    display: block;
    padding: 1rem;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .hero-section .hero-images-mobile .hero-image-mobile {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    opacity: 0;
    will-change: transform, opacity;
  }
  .hero-section .hero-images-mobile .hero-image-mobile:first-child {
    opacity: 1;
  }
  .hero-section .hero-images-mobile .hero-image-mobile .reveal-parallax-wrap, .hero-section .hero-images-mobile .hero-image-mobile .hero-gallery__item.has-reveal-parallax, .hero-section .hero-images-mobile .hero-image-mobile .double-col__img.has-reveal-parallax {
    width: 100%;
    height: 100%;
  }
  .hero-section .hero-images-mobile .hero-image-mobile img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-section .hero-content {
    padding: 3rem 0;
    gap: 2rem;
  }
  .hero-section .hero-content .hero-heading {
    font-size: 48px;
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-body {
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-cta {
    margin-top: 20px;
    width: 100%;
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-cta a {
    width: 100%;
    max-width: 432px;
  }
}

.hero-section--simple {
  padding: 1rem 1rem 0;
  background-color: #FFF6DF;
}
.hero-section--simple .hero-section__inner {
  position: relative;
  height: 704px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero-section--simple .hero-section__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.hero-section--simple .hero-section__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.hero-section--simple .hero-section__background-image img[data-zoom-reveal] {
  opacity: 1;
  transform: translateY(-7.5%) scale(1.3);
  transform-origin: center center;
  will-change: transform;
}
.hero-section--simple .hero-section__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
.hero-section--simple .hero-section__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding: 0 4.5rem;
  max-width: 1296px;
  width: 100%;
  text-align: center;
}
.hero-section--simple .hero-section__label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  color: #FFF6DF;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--simple .hero-section__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  color: #FFF6DF;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  max-width: 704px;
}
.hero-section--simple .hero-section__back-link-wrapper {
  display: none;
}
.hero-section--simple .hero-section__mobile-image {
  display: none;
}
.hero-section--simple .hero-section__body {
  max-width: 460px;
}
.hero-section--simple .hero-section__body[data-fade-in] {
  opacity: 0;
  transform: translateY(30px);
}
.hero-section--simple .hero-section__body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--simple .hero-section__cta[data-fade-in] {
  opacity: 0;
  transform: translateY(30px);
}
.hero-section--simple .hero-section__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #C7CCB6;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #C7CCB6;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.hero-section--simple .hero-section__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C7CCB6;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.hero-section--simple .hero-section__button:hover {
  color: #343B30;
}
.hero-section--simple .hero-section__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .hero-section--simple .hero-section__inner {
    height: 600px;
  }
  .hero-section--simple .hero-section__content {
    padding: 0 2.5rem;
    gap: 2rem;
  }
  .hero-section--simple .hero-section__heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .hero-section--simple {
    padding: 48px 0;
  }
  .hero-section--simple .hero-section__inner {
    height: auto;
    padding: 0;
  }
  .hero-section--simple .hero-section__background-image {
    display: none;
  }
  .hero-section--simple .hero-section__overlay {
    display: none;
  }
  .hero-section--simple .hero-section__content {
    padding: 0;
    gap: 40px;
  }
  .hero-section--simple .hero-section__label {
    color: #343B30;
    padding: 0 20px;
    font-size: 20px;
  }
  .hero-section--simple .hero-section__heading {
    color: #343B30;
    padding: 0 20px;
    font-size: 57px;
    line-height: 1.1;
  }
  .hero-section--simple .hero-section__back-link-wrapper {
    display: block;
    padding: 0 20px;
  }
  .hero-section--simple .hero-section__mobile-image {
    display: block;
    width: 100%;
  }
  .hero-section--simple .hero-section__mobile-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .hero-section--simple .hero-section__body {
    padding: 0 20px;
  }
  .hero-section--simple .hero-section__body[data-fade-in] {
    transform: translateY(15px);
  }
  .hero-section--simple .hero-section__body p {
    color: #343B30;
    font-size: 18px;
  }
  .hero-section--simple .hero-section__button {
    border-color: #7D3904;
    color: #7D3904;
    font-size: 18px;
  }
  .hero-section--simple .hero-section__button::before {
    background-color: #7D3904;
  }
  .hero-section--simple .hero-section__button:hover {
    color: #FFF6DF;
  }
  .hero-section--simple .hero-section__cta[data-fade-in] {
    transform: translateY(15px);
  }
}

.hero-section--centered {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section--centered .hero-section__wrapper {
  max-width: 1046px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.hero-section--centered .hero-section__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}
.hero-section--centered .hero-section__back-link-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section--centered .hero-section__back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  padding: 1rem 0;
}
.hero-section--centered .hero-section__back-link:hover {
  color: #7D3904;
}
.hero-section--centered .hero-section__back-icon-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  width: 50px;
  overflow: hidden;
  position: relative;
}
.hero-section--centered .hero-section__back-icon {
  width: 50px;
  height: 16px;
  position: relative;
  right: -16px;
  transition: right 0.3s ease;
}
.hero-section--centered .hero-section__back-link:hover .hero-section__back-icon {
  right: -8px;
}
.hero-section--centered .hero-section__back-text {
  position: relative;
}
.hero-section--centered .hero-section__back-text span {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  padding-bottom: 6px;
  position: relative;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.hero-section--centered .hero-section__back-text span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.hero-section--centered .hero-section__back-text span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.hero-section--centered .hero-section__centered-image {
  width: 100%;
  max-width: 838px;
  height: 418px;
  overflow: hidden;
  background-color: white;
}
.hero-section--centered .hero-section__centered-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section--centered .hero-section__centered-image .reveal-parallax-wrap, .hero-section--centered .hero-section__centered-image .hero-gallery__item.has-reveal-parallax, .hero-section--centered .hero-section__centered-image .double-col__img.has-reveal-parallax {
  width: 100%;
  height: 100%;
}
.hero-section--centered .hero-section__body {
  max-width: 838px;
  width: 100%;
  text-align: center;
}
.hero-section--centered .hero-section__body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--centered .hero-section__cta {
  display: flex;
  justify-content: center;
}
.hero-section--centered .hero-section__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.hero-section--centered .hero-section__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.hero-section--centered .hero-section__button:hover {
  color: #FFF6DF;
}
.hero-section--centered .hero-section__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .hero-section--centered {
    padding: 4rem 1.5rem;
  }
  .hero-section--centered .hero-section__wrapper {
    gap: 2.5rem;
  }
  .hero-section--centered .hero-section__heading {
    font-size: 68px;
  }
  .hero-section--centered .hero-section__centered-image {
    height: 350px;
  }
}
@media (max-width: 768px) {
  .hero-section--centered {
    padding: 3rem 1rem;
  }
  .hero-section--centered .hero-section__wrapper {
    gap: 2rem;
  }
  .hero-section--centered .hero-section__heading {
    font-size: 48px;
  }
  .hero-section--centered .hero-section__back-link {
    font-size: 16px;
  }
  .hero-section--centered .hero-section__centered-image {
    height: 280px;
  }
  .hero-section--centered .hero-section__body p {
    font-size: 16px;
  }
}

.hero-section--minimal {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.hero-section--minimal .hero-section__minimal-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.hero-section--minimal .hero-section__minimal-heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  text-align: center;
}
.hero-section--minimal .hero-section__minimal-heading br {
  display: block;
}
.hero-section--minimal .hero-section__minimal-heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 1024px) {
  .hero-section--minimal {
    padding: 4rem 1rem;
  }
  .hero-section--minimal .hero-section__minimal-heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .hero-section--minimal {
    padding: 3rem 1rem;
  }
  .hero-section--minimal .hero-section__minimal-heading {
    font-size: 48px;
  }
}

.rooms-section {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.rooms-section .rooms-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  gap: 4rem;
  align-items: center;
  justify-content: space-between;
}
.rooms-section .rooms-content .rooms-text {
  flex: 0 0 517px;
}
.rooms-section .rooms-content .rooms-text h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
.rooms-section .rooms-content .rooms-text h2 em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.rooms-section .rooms-content .rooms-text p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0 0 3rem 0;
  max-width: 466px;
}
.rooms-section .rooms-content .rooms-text .rooms-ctas {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.rooms-section .rooms-content .rooms-carousel {
  flex: 1;
  max-width: 565px;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track.flickity-enabled {
  opacity: 1;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track.flickity-enabled .flickity-slider {
  transition: none !important;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide {
  width: 100%;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images {
  display: flex;
  gap: 12px;
  margin-bottom: 2rem;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper {
  flex: 1;
  height: 455px;
  position: relative;
  overflow: hidden;
  background-color: #343B30;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper .room-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper .room-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide.is-selected .rooms-images .room-image-wrapper img {
  transition: opacity 0.6s ease;
  transition-delay: 0.4s;
  opacity: 1;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide.is-selected .rooms-images .room-image-wrapper:nth-child(2) img {
  transition-delay: 0.65s;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .room-caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .room-caption u {
  text-decoration: underline;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav button {
  background: none;
  border: none;
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  height: 16px;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav .carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  line-height: 1;
}
@media (max-width: 1200px) {
  .rooms-section .rooms-content {
    flex-direction: column;
  }
  .rooms-section .rooms-content .rooms-text {
    flex: none;
    width: 100%;
    max-width: 624px;
    text-align: center;
  }
  .rooms-section .rooms-content .rooms-text .rooms-ctas {
    justify-content: center;
  }
  .rooms-section .rooms-content .rooms-text h2 {
    margin-bottom: 2rem;
  }
  .rooms-section .rooms-content .rooms-text p {
    max-width: none;
    margin-bottom: 2.5rem;
  }
  .rooms-section .rooms-content .rooms-carousel {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .rooms-section {
    padding: 3rem 0;
  }
  .rooms-section .rooms-content {
    padding: 0;
  }
  .rooms-section .rooms-content .rooms-text {
    padding: 0 20px;
  }
  .rooms-section .rooms-content .rooms-text h2 {
    font-size: 46px;
  }
  .rooms-section .rooms-content .rooms-carousel {
    padding: 0 20px;
  }
  .rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images {
    gap: 8px;
  }
  .rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper {
    height: 270px;
  }
}

.events-feature {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.events-feature .events-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.events-feature .events-content .events-header {
  text-align: center;
  margin-bottom: 3.5rem;
}
.events-feature .events-content .events-header h2 {
  font-family: "Palace", serif;
  font-size: 4.25rem;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
.events-feature .events-content .events-header h2 em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.events-feature .events-content .events-header .events-subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-feature .events-content .events-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.events-feature .events-content .events-grid .event-card {
  border: 1px solid #C7CCB6;
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.events-feature .events-content .events-grid .event-card .event-image {
  width: 100%;
  height: 351px;
  overflow: hidden;
  border-bottom: 1px solid #C7CCB6;
}
.events-feature .events-content .events-grid .event-card .event-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-feature .events-content .events-grid .event-card .event-text {
  padding: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.events-feature .events-content .events-grid .event-card .event-text h3 {
  font-family: "Palace", serif;
  font-size: 3rem;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.events-feature .events-content .events-grid .event-card .event-text p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-feature .events-content .events-grid .event-card .event-cta {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  margin: auto 0 1.5rem 0;
}
.events-feature .events-content .events-grid .event-card .event-cta .divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
}
@media (max-width: 1200px) {
  .events-feature {
    padding-top: 2.5rem;
  }
  .events-feature .events-content .events-header h2 {
    margin-bottom: 2rem;
  }
  .events-feature .events-content .events-grid {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .events-feature .events-content {
    padding: 0 3rem;
  }
  .events-feature .events-content .events-grid .event-card .event-image {
    height: 300px;
  }
  .events-feature .events-content .events-grid .event-card .event-info .event-text h3 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .events-feature {
    padding: 3rem 20px;
  }
  .events-feature .events-content {
    padding: 0;
  }
  .events-feature .events-content .events-header {
    margin-bottom: 3rem;
  }
  .events-feature .events-content .events-header h2 {
    font-size: 46px;
  }
  .events-feature .events-content .events-grid {
    grid-template-columns: 1fr;
  }
  .events-feature .events-content .events-grid .event-card .event-image {
    height: 280px;
  }
  .events-feature .events-content .events-grid .event-card .event-text {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
  .events-feature .events-content .events-grid .event-card .event-text h3 {
    font-size: 32px;
  }
  .events-feature .events-content .events-grid .event-card .event-text p {
    font-size: 14px;
  }
  .events-feature .events-content .events-grid .event-card .event-cta {
    padding: 0;
    margin: 0;
    gap: 0;
  }
  .events-feature .events-content .events-grid .event-card .event-cta .button {
    margin: 1rem;
    max-width: calc(100% - 2rem);
    text-align: center;
  }
}

.offers-feature {
  background-color: #FFF6DF;
  padding: 4.5rem 1rem;
}
.offers-feature .offers-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.offers-feature .offers-content .offers-header {
  text-align: center;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.offers-feature .offers-content .offers-header h2 {
  font-family: "Palace", serif;
  font-size: 4.25rem;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.offers-feature .offers-content .offers-header h2 .last-word {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.offers-feature .offers-content .offers-header .offers-subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 273px;
}
.offers-feature .offers-content .offers-header .button {
  margin-top: 1.5rem;
}
.offers-feature .offers-content .offers-carousel {
  position: relative;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 487px;
  height: 487px;
  perspective: 1500px;
  pointer-events: none;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image {
  position: absolute;
  width: 414px;
  height: 414px;
  background: white;
  box-shadow: 7px 4px 30px 0 rgba(0, 0, 0, 0.17);
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform-origin: center bottom;
  transform-style: preserve-3d;
  will-change: transform;
  display: none;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track {
  position: relative;
  min-height: 487px;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item {
  display: none;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  min-height: 487px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left {
  flex: 0 0 294px;
  padding-top: 150px;
  text-align: right;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left h3 {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.1;
  color: #343B30;
  margin: 0 0 1rem 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left .offer-dates {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #6b675e;
  margin: 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
  flex: 0 0 283px;
  padding-top: 150px;
  margin-left: auto;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0 0 1.5rem 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 0 6px 0;
  position: relative;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.offers-feature .offers-content .offers-carousel .carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.offers-feature .offers-content .offers-carousel .carousel-nav button {
  background: none;
  border: none;
  cursor: pointer !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offers-feature .offers-content .offers-carousel .carousel-nav button:disabled {
  cursor: pointer !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-prev:disabled img {
  right: -16px !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-next:disabled img {
  left: -16px !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: #7D3904;
  white-space: nowrap;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter .current {
  display: inline-block;
  min-width: 1ch;
}
@media (max-width: 1260px) {
  .offers-feature {
    padding: 3rem 1.5rem;
  }
  .offers-feature .offers-content {
    padding: 0;
  }
  .offers-feature .offers-content .offers-header {
    margin-bottom: 4rem;
    gap: 2rem;
  }
  .offers-feature .offers-content .offers-header h2 {
    font-size: 46px;
  }
  .offers-feature .offers-content .offers-header .offers-subheading {
    max-width: 100%;
  }
  .offers-feature .offers-content .offers-header .button {
    margin-top: 8px;
  }
  .offers-feature .offers-content .offers-carousel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 351px auto auto;
    row-gap: 2.5rem;
    justify-items: center;
    overflow: hidden;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track {
    width: 100%;
    min-height: auto;
    display: contents;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item {
    display: none;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active {
    display: contents;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-left,
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-right {
    visibility: visible;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left,
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
    visibility: hidden;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-left, .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-right {
    visibility: visible;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left {
    grid-row: 1;
    text-align: center;
    padding-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 156px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left h3 {
    font-size: 32px;
    margin-bottom: 2rem;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
    grid-row: 4;
    text-align: center;
    padding-top: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right p {
    margin-bottom: 1.5rem;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline {
    font-size: 18px;
  }
  .offers-feature .offers-content .offers-carousel .offers-images-stack {
    grid-row: 2;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 335px;
    height: 335px;
    perspective: 800px;
    margin: 0 auto 1rem auto;
  }
  .offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image {
    width: 285px;
    height: 285px;
    max-width: 100%;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav {
    grid-row: 3;
    position: relative;
    width: unset;
    left: unset;
    transform: unset;
    top: 0;
    gap: 29px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav button img {
    width: 32px;
    height: 32px;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter {
    font-size: 36px;
  }
}

.neighborhood-section {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
  overflow: hidden;
}
.neighborhood-section .neighborhood-illustration {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.neighborhood-section .neighborhood-illustration img {
  width: 100%;
  height: auto;
}
.neighborhood-section .neighborhood-illustration__desktop {
  display: block;
}
.neighborhood-section .neighborhood-illustration__desktop svg .fade-in,
.neighborhood-section .neighborhood-illustration__desktop svg #left-pin,
.neighborhood-section .neighborhood-illustration__desktop svg #dashed-connector,
.neighborhood-section .neighborhood-illustration__desktop svg #right-pin {
  opacity: 0;
  visibility: hidden;
}
.neighborhood-section .neighborhood-illustration__mobile {
  display: none;
}
.neighborhood-section .neighborhood-illustration__mobile svg .fade-in,
.neighborhood-section .neighborhood-illustration__mobile svg #m-left-pin,
.neighborhood-section .neighborhood-illustration__mobile svg #m-dashed-connector,
.neighborhood-section .neighborhood-illustration__mobile svg #m-right-pin {
  opacity: 0;
  visibility: hidden;
}
.neighborhood-section .neighborhood-content {
  text-align: center;
  max-width: 624px;
  margin: 80px auto 0;
  padding: 0 2.5rem;
}
.neighborhood-section .neighborhood-content h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  margin-bottom: 2rem;
  white-space: pre-line;
  text-transform: uppercase;
}
.neighborhood-section .neighborhood-content p {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin-bottom: 3rem;
}
@media (max-width: 1520px) {
  .neighborhood-section .neighborhood-illustration__desktop svg {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .neighborhood-section .neighborhood-illustration {
    padding: 3rem 1.5rem 0 1.5rem;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line {
    width: 600px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-left {
    left: 220px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-right {
    right: -220px;
  }
}
@media (max-width: 768px) {
  .neighborhood-section {
    padding: 3rem 20px;
  }
  .neighborhood-section .neighborhood-illustration {
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    min-height: auto;
  }
  .neighborhood-section .neighborhood-illustration__desktop {
    display: none;
  }
  .neighborhood-section .neighborhood-illustration__mobile {
    display: block;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-left .neighborhood-text,
  .neighborhood-section .neighborhood-illustration .neighborhood-right .neighborhood-text {
    font-size: 32px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-left .neighborhood-image {
    width: 180px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-right .neighborhood-image {
    width: 120px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 725/185;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-left,
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-right {
    display: none;
  }
  .neighborhood-section .neighborhood-content {
    margin-top: 4rem;
    padding: 0;
  }
  .neighborhood-section .neighborhood-content h2 {
    font-size: 46px;
  }
  .neighborhood-section .neighborhood-content p {
    margin-bottom: 2.5rem;
  }
}

.about-section {
  background-color: #C7CCB6;
}
.about-section .about-wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}
.about-section .about-wrapper .about-text-side {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 107px 0;
}
.about-section .about-wrapper .about-text-side .about-typography {
  max-width: 492px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.about-section .about-wrapper .about-text-side .about-typography h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.about-section .about-wrapper .about-text-side .about-typography .about-divider {
  height: 80px;
  width: 1px;
  background: #343B30;
  margin: 0.75rem 0;
}
.about-section .about-wrapper .about-text-side .about-typography p {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 358px;
}
.about-section .about-wrapper .about-text-side .about-typography p a {
  display: inline-block;
  text-decoration: none;
  line-height: 0;
}
.about-section .about-wrapper .about-text-side .about-typography p a .about-inline-logo {
  display: inline-block;
  height: 56px;
  width: auto;
  vertical-align: baseline;
  margin: 12px 0.15em 0;
  position: relative;
  top: 0.15em;
}
.about-section .about-wrapper .about-text-side .about-typography .button {
  margin-top: 2.5rem;
}
.about-section .about-wrapper .about-image-side {
  flex: 0 0 auto;
  padding: 88px 88px 88px 0;
}
.about-section .about-wrapper .about-image-side img {
  max-width: 624px;
  width: 100%;
  height: auto;
  display: block;
}
.about-section.about-section--light {
  background-color: #FFF6DF;
}
.about-section.about-section--light .about-text-side .about-typography .button:hover {
  color: #FFF6DF;
}
.about-section.about-section--image-left .about-wrapper {
  flex-direction: row-reverse;
}
.about-section.about-section--image-left .about-image-side {
  padding: 88px 0 88px 88px;
}
@media (max-width: 1024px) {
  .about-section .about-wrapper {
    flex-direction: column;
  }
  .about-section .about-wrapper .about-text-side {
    padding: 4.5rem 3rem;
  }
  .about-section .about-wrapper .about-text-side .about-typography h2 {
    font-size: 54px;
  }
  .about-section .about-wrapper .about-image-side {
    padding: 0 3rem 4.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .about-section .about-wrapper .about-image-side img {
    width: 100%;
    max-width: 624px;
    height: auto;
  }
  .about-section.about-section--image-left .about-wrapper {
    flex-direction: column;
  }
  .about-section.about-section--image-left .about-image-side {
    padding: 0 3rem 4.5rem;
  }
}
@media (max-width: 768px) {
  .about-section .about-wrapper .about-text-side {
    padding: 3rem 20px;
  }
  .about-section .about-wrapper .about-text-side .about-typography h2 {
    font-size: 46px;
  }
  .about-section .about-wrapper .about-image-side {
    padding: 0 1.5rem 4rem;
  }
  .about-section .about-wrapper .about-image-side img {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

/**
 * Instagram Integration Section
 * 
 * Displays Instagram feed with heading, handle, and feed grid.
 */
.instagram-integration {
  background-color: #343B30;
  padding: 80px 16px;
}
@media (max-width: 768px) {
  .instagram-integration {
    padding: 48px 20px;
  }
}

.instagram-integration__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .instagram-integration__inner {
    gap: 48px;
  }
}

.instagram-integration__header {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .instagram-integration__header {
    flex-direction: column;
    gap: 24px;
  }
}

.instagram-integration__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1;
  color: #FFF6DF;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .instagram-integration__heading {
    font-size: 40px;
    line-height: 1;
    white-space: normal;
    width: 100%;
    text-align: center;
    word-spacing: normal;
    letter-spacing: 0;
  }
}

.instagram-integration__divider {
  flex: 1 0 0;
  height: 1px;
  background-color: #5D6259;
}
@media (max-width: 768px) {
  .instagram-integration__divider {
    display: block;
    flex: none;
    width: 1px;
    height: 80px;
    background-color: #5D6259;
    align-self: center;
  }
}

.instagram-integration__handle {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  color: #FFF6DF;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.instagram-integration__handle:hover {
  color: #FFF6DF;
}
@media (max-width: 768px) {
  .instagram-integration__handle {
    font-size: 24px;
    line-height: 1.1;
  }
}

.instagram-integration__feed {
  width: 100%;
}
.instagram-integration__feed :where(.sb_instagram_header, .sbi_header_text) {
  display: none;
}
.instagram-integration__feed :where(.sbi_photo_wrap, .sbi_photo) {
  padding-bottom: 0 !important;
}
.instagram-integration__feed :where(.sbi_photo) {
  position: relative !important;
  height: auto !important;
}
.instagram-integration__feed :where(.sbi_photo) img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}

.page-transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transform: translateY(0);
  will-change: transform;
}
.page-transition-overlay.is-hidden {
  pointer-events: none;
}

.page-transition-overlay__video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.page-transition-overlay__video {
  width: 90%;
  max-width: 800px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}

.cards-feature {
  background-color: #FFF6DF;
  padding: 5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}
.cards-feature__grid {
  --cards-feature-grid-max: 1296px;
  --cards-feature-grid-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1296px;
  width: 100%;
}
.cards-feature__grid--two {
  grid-template-columns: repeat(2, minmax(0, calc((var(--cards-feature-grid-max) - 2 * var(--cards-feature-grid-gap)) / 3)));
  justify-content: center;
}
.cards-feature__card {
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.cards-feature__card-image {
  height: 231px;
  overflow: hidden;
}
.cards-feature__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cards-feature__card-content {
  padding: 2rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  text-align: center;
}
.cards-feature__card-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  padding: 0 1.5rem;
}
.cards-feature__card-body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  letter-spacing: 0;
  margin: 0;
  width: 100%;
}
.cards-feature__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.cards-feature__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.cards-feature__button:hover {
  color: #FFF6DF;
}
.cards-feature__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .cards-feature {
    padding: 4rem 1.5rem;
    gap: 3rem;
  }
  .cards-feature__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .cards-feature__grid--two {
    justify-content: stretch;
  }
  .cards-feature__card-heading {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .cards-feature {
    padding: 3rem 1rem;
    gap: 2.5rem;
  }
  .cards-feature__grid {
    grid-template-columns: 1fr;
    gap: 64px 1.5rem;
  }
  .cards-feature__card-image {
    height: 200px;
  }
  .cards-feature__card-heading {
    font-size: 36px;
  }
  .cards-feature__card-body {
    font-size: 15px;
  }
}

/**
 * Custom Dropdown Component Styles
 */
.custom-dropdown {
  position: relative;
  width: 100%;
}
.custom-dropdown__trigger {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #9A9C99;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease;
}
.custom-dropdown__trigger:hover {
  border-color: #7D3904;
}
.custom-dropdown__trigger:focus {
  outline: none;
  border-color: #7D3904;
}
.custom-dropdown__value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px;
}
.custom-dropdown__value.has-value {
  color: #343B30;
}
.custom-dropdown__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
.custom-dropdown.is-open .custom-dropdown__icon {
  transform: rotate(180deg);
}
.custom-dropdown.has-error .custom-dropdown__trigger {
  border-color: #B94E48;
}
.custom-dropdown__list {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  max-height: 240px;
  overflow-y: auto;
  z-index: 100;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.custom-dropdown__option {
  padding: 12px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 0.5px solid #C7CCB6;
}
.custom-dropdown__option:last-child {
  border-bottom: none;
}
.custom-dropdown__option:hover, .custom-dropdown__option.is-highlighted {
  background-color: #E3E3D3;
}
.custom-dropdown__option.is-selected {
  background-color: #E3E3D3;
  font-weight: 400;
}
.horizontal-scroll-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #C7CCB6;
}
.horizontal-scroll-section__sticky-viewport {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.horizontal-scroll-section__content {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 10vw;
  padding-right: 10vw;
  width: -moz-max-content;
  width: max-content;
}

.hs-panel {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}
.hs-panel__content, .hs-panel__group {
  display: flex;
  align-items: center;
  position: relative;
}

.hs-panel--intro .hs-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.hs-panel--intro .hs-intro__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin-bottom: 0;
}
.hs-panel--intro .hs-intro__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
  display: block;
}
.hs-panel--intro .hs-intro__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  width: 259px;
}

.hs-panel--heritage .hs-card--heritage-main {
  width: 534px;
  height: 534px;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--heritage .hs-card--heritage-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--heritage .hs-text--heritage {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 293px;
  align-self: flex-start;
  margin: 0 50px;
}
.hs-panel--heritage .hs-text--heritage h3 {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.hs-panel--heritage .hs-text--heritage p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.hs-panel--heritage .hs-caption--heritage {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: right;
  transform: rotate(358.497deg);
  align-self: center;
}
.hs-panel--heritage .hs-polaroid--heritage {
  width: 391px;
  height: 391px;
  transform: rotate(4.04deg);
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  margin-top: -100px;
  overflow: hidden;
}
.hs-panel--heritage .hs-polaroid--heritage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--chapter .hs-panel__group {
  align-items: stretch;
}
.hs-panel--chapter .hs-text-column--chapter {
  display: flex;
  flex-direction: column;
  width: 293px;
  height: 100%;
  margin-right: 60px;
  align-self: flex-start;
}
.hs-panel--chapter .hs-text-column--chapter .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  width: 283px;
}
.hs-panel--chapter .hs-text-column--chapter .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 24px 0 0 0;
}
.hs-panel--chapter .hs-text-column--chapter .hs-caption--2 {
  margin-top: 56px;
  left: -10px;
}
.hs-panel--chapter .hs-card--chapter-main {
  width: 522px;
  height: 522px;
  transform: rotate(2deg);
  box-shadow: 7.848px 4.484px 33.632px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-right: 56px;
}
.hs-panel--chapter .hs-card--chapter-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--chapter .hs-polaroid--chapter {
  width: 567px;
  height: 567px;
  box-shadow: 9.566px 5.467px 40.999px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--chapter .hs-polaroid--chapter img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--vision .hs-panel__group {
  align-items: flex-end;
}
.hs-panel--vision .hs-col-left {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 283px;
  margin-right: 40px;
}
.hs-panel--vision .hs-col-left .hs-card--vision-small {
  width: 252px;
  height: 252px;
  box-shadow: 4.258px 2.433px 18.249px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--vision .hs-col-left .hs-card--vision-small img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--vision .hs-col-left .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 24px 0;
}
.hs-panel--vision .hs-col-left .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  width: 293px;
}
.hs-panel--vision .hs-card--vision-center {
  width: 505px;
  height: 505px;
  transform: rotate(0.562deg);
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-left: 56px;
}
.hs-panel--vision .hs-card--vision-center img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--vision .hs-col-right {
  display: flex;
  flex-direction: column;
  gap: 90px;
  margin-left: 56px;
}
.hs-panel--vision .hs-polaroid--vision {
  width: 391px;
  height: 391px;
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--vision .hs-polaroid--vision img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--opening .hs-panel__group {
  align-items: flex-start;
}
.hs-panel--opening .hs-card--opening-main {
  width: 534px;
  height: 534px;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--opening .hs-card--opening-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--opening .hs-col-opening {
  display: flex;
  flex-direction: column;
  gap: 90px;
  width: 290px;
  margin-left: 50px;
}
.hs-panel--opening .hs-col-opening .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 24px 0;
}
.hs-panel--opening .hs-col-opening .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.hs-panel--opening .hs-polaroid--opening {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-left: 50px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
}
.hs-panel--opening .hs-polaroid--opening img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #343B30;
}

.hs-connector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-connector svg {
  display: block;
}
.hs-connector--1 {
  margin-left: 17px;
  margin-right: 31px;
}
.hs-connector--2 {
  margin: 0 31px;
}
.hs-connector--3 {
  margin: 0 31px;
}
.hs-connector--4 {
  margin: 0 31px;
}

.hs-caption {
  position: relative;
}
.hs-caption__text {
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  line-height: 1;
  transform: rotate(0deg);
}
.hs-caption__arrow {
  position: absolute;
  width: auto;
  height: auto;
  pointer-events: none;
}
.hs-caption__arrow svg {
  width: auto;
  height: auto;
}
.hs-caption--1 {
  position: absolute;
  z-index: 5;
  bottom: 21px;
  left: 734px;
  transform: translateX(-50%);
}
.hs-caption--1 .hs-caption__text {
  text-align: left;
  transform: rotate(-5.88deg);
}
.hs-caption--1 .hs-caption__arrow {
  top: -40px;
  left: 18px;
  transform: rotate(-8deg);
}
.hs-caption--2 .hs-caption__text {
  text-align: center;
  transform: rotate(-4.45deg);
}
.hs-caption--2 .hs-caption__arrow {
  top: -12px;
  left: 240px;
}
.hs-caption--3 {
  left: -48px;
  top: 12px;
}
.hs-caption--3 .hs-caption__arrow {
  bottom: -63px;
  left: 196px;
}
.hs-caption--3 .hs-caption__text {
  text-align: center;
  transform: rotate(-8.72deg);
}
.hs-caption--4 {
  left: 24px;
  top: -24px;
}
.hs-caption--4 .hs-caption__arrow {
  top: 38px;
  left: 220px;
  transform: rotate(58deg);
}
.hs-caption--4 .hs-caption__text {
  text-align: center;
  transform: rotate(-8.83deg);
}

@media (max-width: 768px) {
  .hs-card,
  .hs-polaroid,
  .hs-card--heritage-main,
  .hs-polaroid--heritage,
  .hs-card--chapter-main,
  .hs-polaroid--chapter,
  .hs-card--vision-small,
  .hs-card--vision-center,
  .hs-polaroid--vision,
  .hs-card--opening-main {
    width: calc(100vw - 20px) !important;
    height: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  .hs-card img,
  .hs-polaroid img,
  .hs-card--heritage-main img,
  .hs-polaroid--heritage img,
  .hs-card--chapter-main img,
  .hs-polaroid--chapter img,
  .hs-card--vision-small img,
  .hs-card--vision-center img,
  .hs-polaroid--vision img,
  .hs-card--opening-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hs-polaroid__inner {
    width: 100%;
    height: 100%;
  }
  .hs-polaroid--opening {
    width: calc(100vw - 50px) !important;
    height: calc(100vw - 50px) !important;
    max-width: calc(100vw - 50px) !important;
  }
  .hs-panel--vision .hs-col-left .hs-card--vision-small {
    width: 283px !important;
    height: 283px !important;
    max-width: 283px !important;
  }
  .hs-card--vision-center {
    transform: rotate(-5deg) !important;
  }
  .hs-intro {
    align-items: flex-start;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .hs-intro__heading {
    font-size: 46px !important;
    text-align: left;
    width: 100%;
  }
  .hs-intro__heading br {
    display: none;
  }
  .hs-intro__heading .last-word {
    display: inline !important;
  }
  .hs-intro__body {
    width: 100%;
    max-width: none;
    text-align: left;
  }
  .hs-caption--1 {
    position: absolute;
    z-index: 5;
    bottom: -132px;
    left: 548px;
    transform: translateX(-50%);
  }
  .hs-panel--chapter .hs-text-column--chapter .hs-caption--2 {
    margin-top: 56px;
    left: -10px;
  }
  .hs-intro__heading,
  .hs-text__heading {
    font-size: 40px !important;
    line-height: 1 !important;
  }
  .hs-intro__heading > span,
  .hs-text__heading > span {
    white-space: normal !important;
  }
  .hs-intro__body,
  .hs-text__body {
    font-size: 18px;
    line-height: 1.4;
  }
}
/**
 * Scroll Reveal Parallax Animation Styles
 * Supports the Kettmeir-inspired animation system
 */
.reveal-parallax-wrap, .hero-gallery__item.has-reveal-parallax, .double-col__img.has-reveal-parallax {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.reveal-parallax-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  transform-origin: top;
  z-index: 2;
  pointer-events: none;
}
.reveal-parallax-cover--pine {
  background-color: #343B30;
}
.reveal-parallax-cover--midnight {
  background-color: #343B30;
}
.reveal-parallax-cover--lichen {
  background-color: #C7CCB6;
}

.reveal-parallax-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  opacity: 0;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  display: block;
  will-change: transform;
  min-width: 100%;
  min-height: 100%;
}

.content-section .reveal-parallax-wrap, .content-section .double-col__img.has-reveal-parallax, .content-section .hero-gallery__item.has-reveal-parallax {
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-parallax-cover {
    transition: none;
  }
  .reveal-parallax-image {
    will-change: auto;
    transform: scale(1) !important;
  }
}
/**
 * History Storytelling Section Component
 * Alternating image/text cards with rotated photos
 * Based on Figma design with decorative dashed lines
 */
.history-storytelling {
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
  background-color: #FFF6DF;
}
.history-storytelling .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.history-storytelling__header {
  text-align: center;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.history-storytelling__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.history-storytelling__heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.history-storytelling__cards {
  display: flex;
  flex-direction: column;
  gap: 120px;
  position: relative;
}
.history-storytelling__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  position: relative;
  padding: 0 89px;
}
.history-storytelling__card--image-right {
  flex-direction: row;
}
.history-storytelling__card--image-left {
  flex-direction: row;
}
.history-storytelling__image {
  flex: 0 0 692px;
  height: 389px;
  position: relative;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  background: white;
}
.history-storytelling__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.history-storytelling__card:nth-child(1) .history-storytelling__image {
  transform: rotate(-1.876deg);
}
.history-storytelling__card:nth-child(2) .history-storytelling__image {
  transform: rotate(4.35deg);
}
.history-storytelling__card:nth-child(3) .history-storytelling__image {
  transform: rotate(-3.096deg);
}
.history-storytelling__card:nth-child(4) .history-storytelling__image {
  transform: rotate(3.776deg);
}
.history-storytelling__content {
  flex: 0 0 515px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF6DF;
  align-self: stretch;
}
.history-storytelling__text {
  width: 492px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}
.history-storytelling__card-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.history-storytelling__card-heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.history-storytelling__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 358px;
  margin: 0 auto;
}
.history-storytelling__connector {
  width: 100%;
  max-width: 779px;
  margin: -170px auto;
  pointer-events: none;
  position: relative;
  z-index: 10;
}
.history-storytelling__connector svg {
  display: block;
  width: 100%;
  height: auto;
}
.history-storytelling__connector--desktop {
  opacity: 1;
  visibility: visible;
}
.history-storytelling__connector--mobile {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.history-storytelling__decoration {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.history-storytelling__decoration path {
  stroke: #C7CCB6;
}
.history-storytelling__decoration--1 {
  top: 621px;
  left: calc(16.67% + 95px);
  width: 733px;
  height: 242px;
}
.history-storytelling__decoration--2 {
  top: 1183px;
  left: calc(16.67% + 100px);
  width: 773px;
  height: 250px;
  transform: scaleY(-1);
}
.history-storytelling__decoration--3 {
  top: 1767px;
  left: calc(16.67% + 79px);
  width: 835px;
  height: 301px;
}
@media (max-width: 1200px) {
  .history-storytelling .container {
    max-width: 100%;
  }
  .history-storytelling__card {
    flex-direction: column !important;
    gap: 2.5rem;
    padding: 0 3rem;
  }
  .history-storytelling__image, .history-storytelling__content {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .history-storytelling__image {
    width: 100%;
    max-width: 692px;
    margin: 0 auto;
  }
  .history-storytelling__content {
    padding: 0 1.5rem;
  }
  .history-storytelling__decoration--1, .history-storytelling__decoration--2, .history-storytelling__decoration--3 {
    left: 5%;
    width: 400px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .history-storytelling {
    padding: 3rem 0;
  }
  .history-storytelling .container {
    padding: 0 1.5rem;
  }
  .history-storytelling__header {
    margin-bottom: 3rem;
  }
  .history-storytelling__heading {
    font-size: 46px;
    line-height: 1;
    padding: 0;
  }
  .history-storytelling__cards {
    gap: 3rem;
    align-items: center;
  }
  .history-storytelling__card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 2.5rem;
    max-width: 335px;
    width: 100%;
  }
  .history-storytelling__card--image-right, .history-storytelling__card--image-left {
    flex-direction: column;
  }
  .history-storytelling__image {
    flex: none;
    width: 100%;
    max-width: 335px;
    height: 180px;
    position: relative;
    overflow: hidden;
    box-shadow: 4.321px 2.469px 18.518px 0px rgba(0, 0, 0, 0.17);
  }
  .history-storytelling__card:nth-child(1) .history-storytelling__image {
    transform: rotate(-1.876deg);
  }
  .history-storytelling__card:nth-child(3) .history-storytelling__image {
    transform: rotate(4.35deg);
  }
  .history-storytelling__card:nth-child(5) .history-storytelling__image {
    transform: rotate(-3.096deg);
  }
  .history-storytelling__card:nth-child(7) .history-storytelling__image {
    transform: rotate(3.776deg);
  }
  .history-storytelling__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .history-storytelling__content {
    flex: none;
    width: 100%;
    background: transparent;
    align-self: stretch;
  }
  .history-storytelling__text {
    width: 100%;
    max-width: 335px;
    text-align: center;
    gap: 2rem;
  }
  .history-storytelling__card-heading {
    font-size: 40px;
    line-height: 1;
  }
  .history-storytelling__body {
    font-size: 18px;
    line-height: 1.4;
    max-width: 100%;
    margin: 0;
  }
  .history-storytelling__connector {
    max-width: 186px;
    width: 186px;
    height: 160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .history-storytelling__connector svg {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .history-storytelling__connector--desktop {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .history-storytelling__connector--mobile {
    opacity: 1;
    visibility: visible;
    display: flex;
  }
  .history-storytelling__decoration {
    display: none;
  }
}

/**
 * Timeline Section Component
 * Horizontal scrolling timeline with photos and captions
 * Implements scroll-jacking for horizontal navigation
 */
.timeline-section {
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
  background-color: #C7CCB6;
}
.timeline-section.is-scrolling {
  overflow: hidden;
}
.timeline-section .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.timeline-section__header {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 0 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.timeline-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.timeline-section__heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.timeline-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  max-width: 259px;
  margin: 0;
}
.timeline-section__scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 1rem 0 4.5rem;
}
.timeline-section__scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.timeline-section__scroll-wrapper {
  scroll-behavior: smooth;
}
.timeline-section__timeline {
  display: flex;
  gap: 31px;
  align-items: center;
  min-width: -moz-min-content;
  min-width: min-content;
  position: relative;
}
.timeline-section__item {
  display: flex;
  gap: 66px;
  align-items: center;
  position: relative;
  min-width: 0;
}
.timeline-section__year-icon {
  width: 86px;
  flex-shrink: 0;
}
.timeline-section__year-icon img {
  width: 100%;
  height: auto;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__year-icon {
  align-self: flex-start;
  margin-top: 0;
}
.timeline-section__item:nth-child(2) .timeline-section__year-icon {
  align-self: flex-start;
  margin-top: 0;
}
.timeline-section__item:nth-child(3) .timeline-section__year-icon {
  align-self: flex-end;
  margin-bottom: 300px;
}
.timeline-section__item:nth-child(4) .timeline-section__year-icon {
  align-self: center;
  margin-bottom: 56px;
}
.timeline-section__images {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  position: relative;
  flex-shrink: 0;
}
.timeline-section__main-image {
  flex-shrink: 0;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  background: white;
  overflow: hidden;
  position: relative;
}
.timeline-section__main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__item:nth-child(2) .timeline-section__main-image {
  width: 464px;
  height: 464px;
  transform: rotate(4.356deg);
}
.timeline-section__item:nth-child(3) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__item:nth-child(4) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__additional-images {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  position: relative;
}
.timeline-section__stacked-image {
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  background: white;
  overflow: hidden;
  flex-shrink: 0;
}
.timeline-section__stacked-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__stacked-image {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
}
.timeline-section__item:nth-child(2) .timeline-section__stacked-image:first-child {
  width: 464px;
  height: 464px;
  transform: rotate(4.356deg);
}
.timeline-section__item:nth-child(2) .timeline-section__stacked-image:last-child {
  width: 566px;
  height: 566px;
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(1) {
  width: 252px;
  height: 252px;
  align-self: flex-start;
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(2) {
  width: 535px;
  height: 535px;
  transform: rotate(-4.831deg);
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(3) {
  width: 391px;
  height: 391px;
  align-self: flex-end;
}
.timeline-section__item:nth-child(4) .timeline-section__stacked-image {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
}
.timeline-section__caption {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transform: rotate(-1.503deg);
  z-index: 10;
}
.timeline-section__caption-arrow {
  width: 58px;
  height: 18px;
  display: block;
  position: relative;
}
.timeline-section__caption-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #7D3904;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: left center;
}
.timeline-section__item:nth-child(1) .timeline-section__caption {
  top: 399px;
  right: -146px;
  flex-direction: row-reverse;
}
.timeline-section__item:nth-child(2) .timeline-section__caption {
  top: 474px;
  left: -149px;
  flex-direction: row;
}
.timeline-section__item:nth-child(3) .timeline-section__caption {
  top: 73px;
  right: -256px;
  flex-direction: row;
}
.timeline-section__item:nth-child(4) .timeline-section__caption {
  top: 261px;
  left: -151px;
  flex-direction: row;
}
.timeline-section__caption-text {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  white-space: nowrap;
}
.timeline-section__content {
  flex: 0 0 283px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-self: flex-start;
}
.timeline-section__item-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.timeline-section__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .timeline-section {
    padding: 4rem 0;
  }
  .timeline-section__header {
    padding: 0 1.5rem;
    margin-bottom: 3rem;
  }
  .timeline-section__heading {
    font-size: 48px;
  }
  .timeline-section__scroll-wrapper {
    padding: 0 1.5rem;
  }
  .timeline-section__timeline {
    gap: 2.5rem;
  }
  .timeline-section__item {
    gap: 2rem;
  }
  .timeline-section__item:nth-child(odd) .timeline-section__main-image, .timeline-section__item:nth-child(even) .timeline-section__main-image {
    width: 300px;
    height: 300px;
    transform: none;
  }
  .timeline-section__additional-images {
    gap: 1.5rem;
  }
  .timeline-section__item:nth-child(1) .timeline-section__stacked-image, .timeline-section__item:nth-child(2) .timeline-section__stacked-image, .timeline-section__item:nth-child(3) .timeline-section__stacked-image, .timeline-section__item:nth-child(4) .timeline-section__stacked-image {
    width: 200px;
    height: 200px;
    transform: none;
  }
  .timeline-section__item-heading {
    font-size: 32px;
  }
  .timeline-section__caption {
    display: none;
  }
  .timeline-section__content {
    flex: 0 0 250px;
  }
  .timeline-section__year-icon {
    width: 60px;
  }
  .timeline-section__item:nth-child(3) .timeline-section__year-icon {
    margin-bottom: 0;
  }
  .timeline-section__item:nth-child(4) .timeline-section__year-icon {
    margin-bottom: 0;
  }
}

/**
 * Amenities Section Component
 * Grid layout with icons and room amenities list
 */
.amenities-section {
  padding: 5rem 4.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .amenities-section {
    padding: 48px 0;
  }
}
.amenities-section .container {
  max-width: 1200px;
  margin: 0 auto;
}
.amenities-section__header {
  text-align: center;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .amenities-section__header {
    margin-bottom: 40px;
  }
}
.amenities-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.amenities-section__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
@media (max-width: 768px) {
  .amenities-section__heading {
    font-size: 57px;
    line-height: 1.1;
  }
}
.amenities-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 6rem;
  margin-bottom: 5rem;
  padding: 0 5rem;
  position: relative;
}
.amenities-section__grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 168px;
  background: #6e85c1;
  mix-blend-mode: lighten;
  pointer-events: none;
}
.amenities-section__grid::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 168px;
  background: #6e85c1;
  mix-blend-mode: lighten;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .amenities-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 3rem;
    padding: 0 2.5rem;
  }
}
@media (max-width: 768px) {
  .amenities-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 0;
    margin-bottom: 40px;
  }
  .amenities-section__grid::before, .amenities-section__grid::after {
    display: none;
  }
}
.amenities-section__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .amenities-section__item {
    gap: 24px;
  }
}
.amenities-section__icon {
  width: 204px;
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateX(180deg) scaleY(-1);
}
.amenities-section__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  .amenities-section__icon {
    width: 152px;
    height: 113px;
  }
}
.amenities-section__label {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  text-align: center;
  padding: 0.25rem 0.5rem;
}
.amenities-section__room-amenities {
  max-width: 1264px;
  margin: 0 auto;
  padding: 3rem 6rem;
  text-align: center;
}
@media (max-width: 768px) {
  .amenities-section__room-amenities {
    padding: 0;
  }
}
.amenities-section__room-heading {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .amenities-section__room-heading {
    margin: 0 0 40px;
  }
}
.amenities-section__room-list {
  border: 1px solid #C7CCB6;
  padding: 2.5rem;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .amenities-section__room-list {
    padding: 24px 9px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
}
.amenities-section__room-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
}
@media (max-width: 768px) {
  .amenities-section__room-item {
    padding: 0;
    width: auto;
    justify-content: flex-start;
    text-align: left;
  }
}
.amenities-section__checkmark {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #343B30;
}

/**
 * Team Section Component
 * Grid of team member cards with photos, names, roles, and contact info
 */
.team-section {
  padding: 5rem 1rem;
  background-color: #FFF6DF;
}
.team-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.team-section__header {
  text-align: center;
  margin-bottom: 5rem;
  max-width: 304px;
  margin-left: auto;
  margin-right: auto;
}
.team-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
}
.team-section__heading-italic {
  font-family: "Palace", serif;
  font-style: italic;
}
.team-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.team-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.team-section__card {
  border: 1px solid #C7CCB6;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #FFF6DF;
}
.team-section__photo {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.team-section__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.team-section__content {
  border-top: 1px solid #C7CCB6;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}
.team-section__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.team-section__role {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  text-transform: uppercase;
}
.team-section__name {
  font-family: "Palace", serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.team-section__contact {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.team-section__contact-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.team-section__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #7D3904;
}
.team-section__email, .team-section__phone {
  font-family: "Pockota", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  color: #343B30;
  text-decoration: none;
  transition: color 0.2s ease;
}
.team-section__email:hover, .team-section__phone:hover {
  color: #7D3904;
}
.team-section__bio-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .team-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .team-section {
    padding: 4rem 20px;
  }
  .team-section .container {
    padding: 0;
  }
  .team-section__heading {
    font-size: 48px;
  }
  .team-section__subheading {
    font-size: 24px;
  }
  .team-section__grid {
    -moz-column-gap: 5px;
         column-gap: 5px;
    row-gap: 24px;
  }
  .team-section__content {
    padding: 20px 10px;
    justify-content: center;
  }
  .team-section__info {
    align-items: center;
  }
  .team-section__role {
    font-size: 14px;
    text-align: center;
  }
  .team-section__name {
    font-size: 21px;
    text-align: center;
  }
  .team-section__contact {
    text-align: center;
    align-items: center;
  }
  .team-section__contact-item svg {
    display: none;
  }
}

/**
 * Team Bio Modal
 * Full-screen modal overlay with team member biography
 */
.team-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(7px);
  z-index: -1;
}
.team-modal__content {
  position: relative;
  z-index: 1;
  background: #343B30;
  display: flex;
  max-width: 1262px;
  width: calc(100% - 176px);
  max-height: calc(100vh - 200px);
  overflow: hidden;
}
.team-modal__image {
  flex-shrink: 0;
  width: 533px;
  height: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-modal__image img {
  width: 501px;
  height: 501px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.team-modal__text {
  flex: 1;
  padding: 2.5rem 5rem 2.5rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  overflow-y: auto;
  position: relative;
}
.team-modal__close {
  position: absolute;
  top: 8px;
  right: 22px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  outline: none;
}
.team-modal__close span {
  position: relative;
  text-decoration: none;
}
.team-modal__close span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.team-modal__close span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.team-modal__close svg {
  width: 24px;
  height: 24px;
}
.team-modal__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.team-modal__role {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
  text-transform: uppercase;
}
.team-modal__name {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #FFF6DF;
  text-transform: uppercase;
  margin: 0;
}
.team-modal__bio {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
}
.team-modal__bio p {
  margin: 0 0 1rem;
}
.team-modal__bio p:last-child {
  margin-bottom: 0;
}
.team-modal__contact {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.team-modal__contact-item {
  display: flex;
  align-items: center;
  gap: 11.254px;
}
.team-modal__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  color: #C7CCB6;
}
.team-modal__email, .team-modal__phone {
  font-size: 16px;
  color: #FFF6DF !important;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transform: translate(0, 8px);
}
.team-modal__email.button-secondary::after, .team-modal__phone.button-secondary::after {
  width: 100%;
  left: 0;
  background-color: #FFF6DF;
  bottom: 10px;
}
.team-modal__nav {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.team-modal__nav-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C7CCB6;
}
.team-modal__nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.team-modal__nav-button svg {
  display: block;
}
.team-modal__nav-button svg path {
  fill: currentColor;
}
.team-modal__nav-button--prev svg {
  transform: rotate(0deg);
}
.team-modal__nav-button--next svg {
  transform: rotate(0deg);
}
.team-modal__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.team-modal__counter-current, .team-modal__counter-total {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1024px) {
  .team-modal__content {
    flex-direction: column;
    width: calc(100% - 48px);
    max-height: calc(100vh - 100px);
  }
  .team-modal__image {
    width: 100%;
    height: auto;
    padding: 1.5rem;
  }
  .team-modal__image img {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .team-modal__text {
    padding: 2rem 3rem;
  }
  .team-modal__close {
    right: 3rem;
    top: 1.5rem;
  }
  .team-modal__name {
    font-size: 32px;
  }
  .team-modal__nav {
    bottom: 40px;
  }
  .team-modal__counter {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .team-modal__content {
    width: calc(100% - 32px);
  }
  .team-modal__text {
    padding: 1.5rem 2rem;
  }
  .team-modal__close {
    right: 2rem;
    top: 1rem;
    font-size: 16px;
  }
  .team-modal__close svg {
    width: 20px;
    height: 20px;
  }
  .team-modal__name {
    font-size: 28px;
  }
  .team-modal__bio {
    font-size: 16px;
  }
  .team-modal__contact {
    flex-direction: column;
    gap: 1rem;
  }
  .team-modal__icon {
    width: 24px;
    height: 24px;
  }
  .team-modal__email, .team-modal__phone {
    font-size: 14px;
  }
  .team-modal__nav {
    bottom: 24px;
    gap: 1.5rem;
  }
  .team-modal__counter {
    font-size: 24px;
  }
}
@media (min-width: 1025px) and (max-height: 880px) {
  .team-modal__nav {
    bottom: 28px;
  }
}

.faq-accordion {
  background-color: #FFF6DF;
  padding: 6rem 1rem;
}
@media (max-width: 768px) {
  .faq-accordion {
    padding: 48px 20px;
  }
}
.faq-accordion__container {
  max-width: 1440px;
  margin: 0 auto;
}
.faq-accordion__layout {
  max-width: 1264px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 768px) {
  .faq-accordion__layout {
    flex-direction: column;
    align-items: center;
    gap: 48px;
  }
}
.faq-accordion__category-title {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  width: 314px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .faq-accordion__category-title {
    font-size: 46px;
    line-height: 1;
    text-align: center;
  }
}
.faq-accordion__items {
  flex: 1;
  max-width: 730px;
}
@media (max-width: 768px) {
  .faq-accordion__items {
    max-width: 335px;
    width: 100%;
  }
}
.faq-accordion__item {
  position: relative;
}
.faq-accordion__item--no-answer .faq-accordion__question {
  cursor: default;
}
.faq-accordion__item--no-answer .faq-accordion__question:hover {
  background-color: transparent;
}
.faq-accordion__item-divider {
  height: 0.5px;
  background-color: #C7CCB6;
  width: 100%;
}
.faq-accordion__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  padding: 1.5rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media (max-width: 768px) {
  .faq-accordion__question {
    padding: 16px 0;
    align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .faq-accordion__question:not([disabled]):hover .faq-accordion__question-text {
    transform: translate(-1rem);
  }
}
.faq-accordion__question:not([disabled]):focus {
  outline: none;
}
.faq-accordion__question[disabled] {
  cursor: default;
}
.faq-accordion__question[aria-expanded=true] .faq-accordion__icon--plus {
  display: none;
}
.faq-accordion__question[aria-expanded=true] .faq-accordion__icon--minus {
  display: block;
}
.faq-accordion__question[aria-expanded=false] .faq-accordion__icon--plus {
  display: block;
}
.faq-accordion__question[aria-expanded=false] .faq-accordion__icon--minus {
  display: none;
}
.faq-accordion__question-text {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  flex: 1;
  transform: translate(0);
  transition: transform 0.5s ease;
}
@media (max-width: 768px) {
  .faq-accordion__question-text {
    max-width: 290px;
  }
}
.faq-accordion__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.faq-accordion__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq-accordion__icon--minus {
  display: none;
}
.faq-accordion__answer {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-accordion__answer.is-open {
  max-height: 1000px;
  opacity: 1;
}
.faq-accordion__answer[hidden] {
  max-height: 0;
  opacity: 0;
}
.faq-accordion__answer-content {
  padding: 0 1.5rem 1.5rem;
}
@media (max-width: 768px) {
  .faq-accordion__answer-content {
    padding: 0 0 16px;
  }
}
.faq-accordion__answer-content p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  text-align: justify;
  max-width: 634px;
}
@media (max-width: 768px) {
  .faq-accordion__answer-content p {
    max-width: 335px;
    text-align: left;
  }
}

.faq-accordion + .faq-accordion {
  padding-top: 0;
}
@media (max-width: 768px) {
  .faq-accordion + .faq-accordion {
    padding-top: 32px;
  }
}

.contact-cta {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
}
@media (max-width: 768px) {
  .contact-cta {
    padding: 0 20px 48px;
  }
}
.contact-cta__divider {
  height: 1px;
  background-color: #C7CCB6;
  max-width: 1264px;
  margin: 0 auto 4rem;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .contact-cta__divider {
    margin-bottom: 48px;
  }
}
.contact-cta__container {
  max-width: 1264px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 768px) {
  .contact-cta__container {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.contact-cta__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  width: 314px;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-cta__heading {
    font-size: 46px;
    line-height: 1;
    text-align: center;
    max-width: 335px;
  }
}
.contact-cta__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  flex: 1;
  max-width: 730px;
}
@media (max-width: 768px) {
  .contact-cta__content {
    align-items: center;
    gap: 40px;
    width: 100%;
  }
}
.contact-cta__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 386px;
}
@media (max-width: 768px) {
  .contact-cta__body {
    text-align: center;
    max-width: 100%;
  }
}
.contact-cta__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border: 1px solid #7D3904;
  background: none;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 768px) {
  .contact-cta__button {
    font-size: 18px;
  }
}
.contact-cta__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: -1;
}
.contact-cta__button:hover {
  color: #FFF6DF;
}
.contact-cta__button:hover::before {
  transform: translateX(0);
}
.contact-cta__button:focus {
  outline: 2px solid #7D3904;
  outline-offset: 2px;
}

.contact-page {
  background-color: #FFF6DF;
}

.contact-hero {
  background-color: #FFF6DF;
  padding: 96px 16px;
}
@media (max-width: 768px) {
  .contact-hero {
    padding: 48px 20px;
  }
}
.contact-hero__container {
  max-width: 1264px;
  margin: 0 auto;
}
.contact-hero__content {
  display: flex;
  justify-content: space-between;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-hero__content {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 768px) {
  .contact-hero__content {
    justify-content: center;
    align-items: center;
  }
}
.contact-hero__left {
  flex: 0 0 540px;
}
@media (max-width: 1024px) {
  .contact-hero__left {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .contact-hero__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.contact-hero__eyebrow {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .contact-hero__eyebrow {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.contact-hero__heading {
  font-family: "Palace", serif;
  font-weight: 400;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.contact-hero__heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 1024px) {
  .contact-hero__heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .contact-hero__heading {
    font-size: 57px;
    line-height: 1.1;
  }
}
.contact-hero__right {
  flex: 1;
}
@media (max-width: 1024px) {
  .contact-hero__right {
    flex: 0 0 100%;
  }
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-form__confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  padding: 58.4px 16px 40px;
}
@media (max-width: 768px) {
  .contact-form__confirmation {
    padding-top: 46px;
  }
}
.contact-form__confirmation-heading {
  font-family: "Palace", sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-form__confirmation-heading {
    font-size: 32px;
  }
}
.contact-form__confirmation-message {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  color: #18120F;
  max-width: 269px;
  margin: 0;
  padding-bottom: 7px;
}
.contact-form__message {
  padding: 16px 24px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 8px;
}
.contact-form__message--error {
  background-color: #ffebee;
  border: 1px solid #f44336;
  color: #b71c1c;
}
.contact-form__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-form__label {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
}
.contact-form__row {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .contact-form__row {
    flex-direction: column;
  }
}
.contact-form__field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.contact-form__field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.contact-form__field input,
.contact-form__field textarea {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  height: 53px;
  transition: border-color 0.3s ease;
}
.contact-form__field input::-moz-placeholder, .contact-form__field textarea::-moz-placeholder {
  color: #9A9C99;
}
.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder {
  color: #9A9C99;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus {
  outline: none;
  border-color: #343B30;
}
.contact-form__field textarea {
  height: 112px;
  resize: vertical;
  padding-top: 12px;
  padding-bottom: 12px;
}
.contact-form__field.has-error input,
.contact-form__field.has-error textarea {
  border-color: #B94E48;
  color: #B94E48;
}
.contact-form__field.has-error::after {
  content: "!";
  position: absolute;
  right: 20px;
  bottom: 16px;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  line-height: 1;
  color: #B94E48;
  pointer-events: none;
}
.contact-form__field.has-error:has(textarea)::after {
  bottom: auto;
  top: 18px;
}
.contact-form .wpcf7-response-output,
.contact-form .wpcf7-not-valid-tip {
  display: none;
}
.contact-form .wpcf7-spinner {
  margin: 0 0 0 12px;
}
.contact-form .custom-dropdown .wpcf7-form-control-wrap {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.contact-form .custom-dropdown select {
  width: 1px;
  height: 1px;
}
.contact-form__select-wrapper {
  position: relative;
}
.contact-form__select-wrapper select {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  padding-right: 44px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  height: 53px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  cursor: pointer;
}
.contact-form__select-wrapper select:invalid {
  color: #9A9C99;
}
.contact-form__select-wrapper select:focus {
  outline: none;
  border-color: #7D3904;
}
.contact-form__select-wrapper select option {
  color: #343B30;
}
.contact-form__select-wrapper select option[value=""] {
  color: #9A9C99;
}
.contact-form__select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.contact-form__actions {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px;
}
.contact-form__actions .button {
  align-self: flex-start;
}
.contact-form__consent {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.contact-form__consent .wpcf7-form-control-wrap,
.contact-form__consent .wpcf7-form-control,
.contact-form__consent .wpcf7-list-item,
.contact-form__consent .wpcf7-list-item label {
  display: block;
  margin: 0;
}
.contact-form__consent .wpcf7-list-item-label {
  display: none;
}
.contact-form__consent input[type=checkbox] {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border: 1px solid #7D3904;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background-color: transparent;
}
.contact-form__consent input[type=checkbox]:checked {
  background-color: #7D3904;
}
.contact-form__consent input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 22 22%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18.93 6.22685L8.67691 16.4799L3.26428 11.0673L3.97139 10.3602L8.67691 15.0657L18.2229 5.51974L18.93 6.22685Z%27 fill=%27%23FFF6DF%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.contact-form__consent input[type=checkbox]:focus {
  outline: 2px solid #7D3904;
  outline-offset: 2px;
}
.contact-form__consent.has-error input[type=checkbox] {
  border-color: #B94E48;
}
.contact-form__consent.has-error label {
  color: #B94E48;
}
.contact-form__consent.has-error label a {
  color: #B94E48;
}
.contact-form__consent label {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  cursor: pointer;
}
.contact-form__consent label a {
  color: #343B30;
  position: relative;
  text-decoration: none;
}
.contact-form__consent label a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #343B30;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.contact-form__consent label a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.contact-form__consent label a:hover {
  color: #7D3904;
}

.contact-faq-cta {
  background-color: #FFF6DF;
  padding: 0 88px 80px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-faq-cta {
    padding: 0 40px 64px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta {
    padding: 0 20px 48px;
    gap: 48px;
  }
}
.contact-faq-cta__divider {
  height: 1px;
  background-color: #C7CCB6;
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}
.contact-faq-cta__container {
  max-width: 1264px;
  margin: 0 auto;
  width: 100%;
}
.contact-faq-cta__content {
  display: flex;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__content {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__content {
    align-items: center;
    text-align: center;
  }
}
.contact-faq-cta__heading {
  font-family: "Palace", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  flex: 0 0 540px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__heading {
    flex: 0 0 100%;
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.contact-faq-cta__text-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__text-wrapper {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__text-wrapper {
    align-items: center;
  }
}
.contact-faq-cta__text-wrapper .button {
  align-self: flex-start;
}
@media (max-width: 768px) {
  .contact-faq-cta__text-wrapper .button {
    align-self: center;
    width: auto;
    font-size: 18px;
  }
}
.contact-faq-cta__text {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}

.stats-feature {
  background-color: #FFF6DF;
  padding: 80px 72px;
}
@media (max-width: 768px) {
  .stats-feature {
    padding: 48px 20px;
  }
}
.stats-feature__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .stats-feature__container {
    max-width: 335px;
    gap: 48px;
  }
}
.stats-feature__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  max-width: 838px;
}
@media (max-width: 768px) {
  .stats-feature__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.stats-feature__stats {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 1050px;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__stats {
    gap: 48px;
  }
}
.stats-feature__top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__top-row {
    display: none;
  }
}
.stats-feature__bottom-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  padding: 0 80px;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__bottom-row {
    display: none;
  }
}
.stats-feature__stat {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: #343B30;
  width: 303px;
  flex-shrink: 0;
}
.stats-feature__stat--small {
  flex: 1 1 0;
  min-width: 0;
}
.stats-feature__stat-headline {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
@media (max-width: 768px) {
  .stats-feature__stat-headline {
    gap: 8px;
  }
}
.stats-feature__stat-number-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-transform: uppercase;
}
.stats-feature__stat-number {
  font-family: "Palace", serif;
  font-size: 120px;
  line-height: 1.05;
}
@media (max-width: 768px) {
  .stats-feature__stat-number {
    font-size: 80px;
  }
}
.stats-feature__stat-suffix {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
}
@media (max-width: 768px) {
  .stats-feature__stat-suffix {
    font-size: 46px;
  }
}
.stats-feature__stat-unit {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  margin: 0;
}
.stats-feature__stat-description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 768px) {
  .stats-feature__stat-description {
    max-width: 300px;
    margin: 0 auto;
  }
}
.stats-feature__divider {
  width: 1px;
  align-self: stretch;
  background: #C7CCB6;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .stats-feature__divider {
    display: none;
  }
}
.stats-feature__mobile-column {
  display: none;
}
@media (max-width: 768px) {
  .stats-feature__mobile-column {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
  }
}
.stats-feature__stat--mobile {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: #343B30;
  width: 100%;
}
.stats-feature__mobile-divider {
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  flex-shrink: 0;
}

.attractions-gallery {
  background-color: #FFF6DF;
  padding: 5rem 0;
}
.attractions-gallery__header {
  padding: 0 5rem;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .attractions-gallery__header {
    padding: 0;
    margin-bottom: 48px;
  }
}
.attractions-gallery__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .attractions-gallery__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.attractions-gallery__items {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  position: relative;
}
@media (max-width: 768px) {
  .attractions-gallery__items {
    gap: 40px;
  }
}
.attractions-gallery__item {
  width: 100%;
}
.attractions-gallery__item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.5rem;
  gap: 3rem;
}
@media (max-width: 768px) {
  .attractions-gallery__item-inner {
    flex-direction: column;
    padding: 0;
    gap: 40px;
  }
}
.attractions-gallery__item--image-left .attractions-gallery__image-wrapper {
  order: 1;
}
.attractions-gallery__item--image-left .attractions-gallery__content {
  order: 2;
}
.attractions-gallery__item--image-right .attractions-gallery__image-wrapper {
  order: 2;
}
.attractions-gallery__item--image-right .attractions-gallery__content {
  order: 1;
}
@media (max-width: 768px) {
  .attractions-gallery__item--image-right .attractions-gallery__image-wrapper {
    order: 1;
  }
  .attractions-gallery__item--image-right .attractions-gallery__content {
    order: 2;
  }
}
.attractions-gallery__image-wrapper {
  width: 712px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .attractions-gallery__image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.attractions-gallery__image-container {
  position: relative;
  width: 692px;
  height: 389px;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}
.attractions-gallery__image-container:nth-child(1) {
  transform: rotate(-1.876deg);
}
@media (max-width: 768px) {
  .attractions-gallery__image-container {
    width: 322px;
    height: 181px;
    box-shadow: 4.321px 2.469px 18.518px 0px rgba(0, 0, 0, 0.17);
  }
}
.attractions-gallery__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.attractions-gallery__content {
  width: 515px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .attractions-gallery__content {
    width: 100%;
    justify-content: center;
  }
}
.attractions-gallery__text {
  width: 492px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
@media (max-width: 768px) {
  .attractions-gallery__text {
    width: 100%;
    gap: 32px;
  }
}
.attractions-gallery__text h3 {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
  color: #343B30;
}
@media (max-width: 768px) {
  .attractions-gallery__text h3 {
    font-size: 40px;
    line-height: 1;
  }
}
.attractions-gallery__text p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  color: #343B30;
}
.attractions-gallery__decorator {
  display: none;
}
@media (max-width: 768px) {
  .attractions-gallery__decorator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160px;
  }
  .attractions-gallery__decorator img, .attractions-gallery__decorator svg {
    width: 161px;
    height: 100px;
  }
}

.map-embed {
  background-color: #FFF6DF;
}
@media (max-width: 768px) {
  .map-embed {
    padding: 3rem 0;
  }
}
.map-embed__intro {
  padding: 5rem 0 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 768px) {
  .map-embed__intro {
    padding: 0 1.5rem;
    gap: 2rem;
    margin-bottom: 3rem;
  }
}
.map-embed__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  max-width: 526px;
  margin: 0;
}
@media (max-width: 768px) {
  .map-embed__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.map-embed__description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  max-width: 526px;
  margin: 0;
}
.map-embed__content-wrapper {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .map-embed__content-wrapper {
    width: 100%;
  }
}
.map-embed__content {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  .map-embed__content {
    flex-direction: column;
    gap: 3rem;
  }
}
.map-embed__map {
  flex-shrink: 0;
  padding: 88px 0 88px 88px;
}
@media (max-width: 768px) {
  .map-embed__map {
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: center;
  }
}
.map-embed__map-container {
  width: 624px;
  height: 624px;
  max-width: 50vw;
  border: 1px solid #C7CCB6;
  position: relative;
}
@media (max-width: 768px) {
  .map-embed__map-container {
    width: 335px;
    height: 335px;
    max-width: 100vw;
  }
}
.map-embed__map-container .mapboxgl-ctrl-group {
  background-color: #FFF6DF !important;
  border: 1px solid #C7CCB6 !important;
}
.map-embed__map-container .mapboxgl-ctrl-group button {
  background-color: #FFF6DF !important;
  color: #343B30 !important;
}
.map-embed__map-container .mapboxgl-ctrl-group button:hover, .map-embed__map-container .mapboxgl-ctrl-group button:focus, .map-embed__map-container .mapboxgl-ctrl-group button:active {
  background-color: #C7CCB6 !important;
  color: #343B30 !important;
}
.map-embed__map-container .mapboxgl-ctrl-attrib {
  background-color: rgba(255, 246, 223, 0.9) !important;
  font-family: "Pockota", sans-serif;
  font-size: 10px;
}
.map-embed__map-container .mapboxgl-ctrl-attrib a {
  color: #343B30;
}
.map-embed__map-container .mapboxgl-popup {
  z-index: 100 !important;
}
.map-embed__map-container .mapboxgl-popup-content {
  background-color: #FFF6DF !important;
  border: 0.5px solid #C7CCB6 !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(52, 59, 48, 0.15) !important;
  padding: 8px 12px !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #343B30 !important;
  text-align: center !important;
}
.map-embed__map-container .mapboxgl-popup-tip {
  display: none !important;
}
.map-embed__map-container .mapboxgl-popup-close-button {
  color: #343B30 !important;
  font-size: 20px !important;
  padding: 0 4px !important;
}
.map-embed__map-container .mapboxgl-popup-close-button:hover {
  color: #7D3904 !important;
  background-color: transparent !important;
}
.map-embed__map-image {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #C7CCB6;
}
@media (max-width: 768px) {
  .map-embed__map-image {
    width: 335px;
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.map-embed__locations {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 107px 96px;
}
@media (max-width: 768px) {
  .map-embed__locations {
    padding: 0 1.5rem;
    width: 100%;
  }
}
.map-embed__locations-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .map-embed__locations-inner {
    align-items: center;
    gap: 2.5rem;
  }
}
.map-embed__locations-title {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .map-embed__locations-title {
    text-align: center;
  }
}
.map-embed__locations-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .map-embed__locations-list {
    width: 335px;
    max-width: 100%;
    gap: 40px;
  }
}
.map-embed__location-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .map-embed__location-item {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
    width: 100%;
  }
}
.map-embed__bullet {
  width: 6px;
  height: 6px;
  border: 1px solid #343B30;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .map-embed__bullet {
    margin-top: 9px;
    transform: rotate(45deg);
  }
}
.map-embed__location-content {
  flex: 1;
}
@media (max-width: 768px) {
  .map-embed__location-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}
.map-embed__location-main {
  display: flex;
  align-items: center;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 7px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .map-embed__location-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.map-embed__location-name {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-decoration: underline;
  text-decoration-color: #343B30;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  display: inline-flex;
  flex-wrap: wrap;
  margin-right: 0;
}
.map-embed__location-name:has(+ .map-embed__location-distance) {
  margin-right: 19px;
}
@media (max-width: 768px) {
  .map-embed__location-name {
    margin-right: 0;
    margin-bottom: 9px;
    order: 1;
  }
}
.map-embed__location-name:not([href]) {
  text-decoration: none;
}
.map-embed__location-distance {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  padding: 8px 12px;
  border: 0.5px solid #C7CCB6;
}
@media (max-width: 768px) {
  .map-embed__location-distance {
    order: 3;
  }
}
.map-embed__location-address {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  display: inline;
  margin: 0;
  margin-left: 0.25em;
  margin-right: 19px;
}
@media (max-width: 768px) {
  .map-embed__location-address {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    order: 2;
    margin-bottom: 12px;
  }
}

.marker-pin {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.marker-pin.marker-pin--stablevine {
  z-index: 20;
}
.marker-pin:hover {
  transform: scale(1.05);
}
.marker-pin svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 6px rgba(52, 59, 48, 0.3));
}
.marker-pin--stablevine {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marker-pin--stablevine .marker-badge {
  background-color: transparent;
  border: none;
  padding: 0;
  position: relative;
  z-index: 2;
}
.marker-pin--stablevine .marker-badge img {
  display: block;
  width: 40px;
  height: auto;
}
.marker-pin--poi svg path {
  fill: #5D6259;
}

.custom-marker-stablevine {
  background: transparent !important;
  border: none !important;
  z-index: 1000 !important;
}

.custom-marker-poi {
  background: transparent !important;
  border: none !important;
}

.leaflet-popup-content-wrapper {
  background-color: #FFF6DF;
  border: 0.5px solid #C7CCB6;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(52, 59, 48, 0.15);
  padding: 0;
}

.leaflet-popup-tip {
  background-color: #FFF6DF;
  border: 0.5px solid #C7CCB6;
  box-shadow: none;
}

.map-popup {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
}
.map-popup__content {
  padding: 8px 12px;
  text-align: center;
}

.leaflet-popup-close-button {
  color: #343B30 !important;
  font-size: 20px !important;
}
.leaflet-popup-close-button:hover {
  color: #7D3904 !important;
}

.gallery-page {
  background-color: #FFF6DF;
  width: 100%;
}

.gallery-hero {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.gallery-hero__container {
  max-width: 1440px;
  margin: 0 auto;
}
.gallery-hero__content {
  max-width: 624px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gallery-hero__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.gallery-hero__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
}

.gallery-section {
  background-color: #FFF6DF;
  padding: 0 0 80px;
  overflow: hidden;
}
.gallery-section__container {
  width: 100%;
  max-width: none;
}

.gallery-carousel {
  width: 100%;
  margin-bottom: 40px;
}
.gallery-carousel:after {
  content: "flickity";
  display: none;
}
.gallery-carousel .flickity-viewport {
  overflow: visible;
}
.gallery-carousel__slide {
  width: 52.4%;
  margin: 0 8px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.gallery-carousel__slide.is-selected {
  opacity: 1;
}
.gallery-carousel__slide:hover:not(.is-selected) {
  opacity: 0.4;
}
.gallery-carousel__image-wrapper {
  width: 100%;
  overflow: hidden;
}
.gallery-carousel__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.gallery-navigation {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-navigation__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-navigation__button {
  background: transparent;
  border: none;
  height: 16px;
  padding: 0;
  cursor: pointer;
  color: #7D3904;
}
.gallery-navigation__button svg {
  width: 100%;
  height: 100%;
}
.gallery-navigation__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: center;
  white-space: nowrap;
}
.gallery-navigation__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  max-width: 493px;
  margin: 0;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox.is-active {
  display: flex;
}
.gallery-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.9);
  backdrop-filter: blur(7px);
}
.gallery-lightbox__content {
  position: relative;
  z-index: 2;
  background-color: #343B30;
  padding: 16px 16px 48px;
  max-width: 95vw;
  max-height: 95vh;
  display: flex;
  flex-direction: column;
}
.gallery-lightbox__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  padding: 16px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.gallery-lightbox__close span {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.gallery-lightbox__close svg {
  width: 24px;
  height: 24px;
}
.gallery-lightbox__carousel {
  width: 916px;
  max-width: 100%;
  margin-bottom: 48px;
}
.gallery-lightbox__carousel:after {
  content: "flickity";
  display: none;
}
.gallery-lightbox__carousel .flickity-viewport {
  height: 515px !important;
}
.gallery-lightbox__slide {
  width: 100%;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.05);
}
.gallery-lightbox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gallery-lightbox__navigation {
  max-width: 493px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-lightbox__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-lightbox__button {
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  color: #C7CCB6;
}
.gallery-lightbox__button svg {
  width: 100%;
  height: 100%;
}
.gallery-lightbox__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.gallery-lightbox__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  text-align: center;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 1024px) {
  .gallery-hero {
    padding: 56px 16px;
  }
  .gallery-hero__heading {
    font-size: 48px;
  }
  .gallery-carousel__slide {
    width: 70%;
  }
  .gallery-carousel__image-wrapper {
    height: 300px;
  }
  .gallery-navigation {
    padding: 0 24px;
  }
  .gallery-lightbox__content {
    padding: 16px;
  }
  .gallery-lightbox__carousel {
    width: 100%;
  }
  .gallery-lightbox__carousel .flickity-viewport {
    height: 400px !important;
  }
  .gallery-lightbox__slide {
    height: 400px;
  }
  .gallery-lightbox__navigation {
    padding: 0 24px;
  }
}
@media (max-width: 768px) {
  .gallery-section {
    padding: 0 34px 48px 34px;
  }
  .gallery-hero {
    padding: 40px 16px;
  }
  .gallery-hero__heading {
    font-size: 36px;
  }
  .gallery-carousel__slide {
    width: 85%;
    opacity: 1 !important;
    margin: 0 3px;
  }
  .gallery-carousel__image-wrapper {
    height: 250px;
  }
  .gallery-navigation {
    padding: 0 16px;
    gap: 32px;
  }
  .gallery-navigation__counter {
    font-size: 36px;
  }
  .gallery-lightbox__content {
    padding: 12px 12px 32px;
  }
  .gallery-lightbox__close {
    font-size: 18px;
    padding: 12px 0;
  }
  .gallery-lightbox__carousel {
    margin-bottom: 32px;
  }
  .gallery-lightbox__carousel .flickity-viewport {
    height: 300px !important;
  }
  .gallery-lightbox__slide {
    height: 300px;
  }
  .gallery-lightbox__navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-lightbox__counter {
    font-size: 36px;
  }
  .gallery-lightbox__caption {
    font-size: 16px;
  }
}
.gallery-page {
  background-color: #FFF6DF;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .gallery-page {
    min-height: auto;
  }
}

.acf_slice .gallery-page {
  min-height: unset;
}

.gallery-hero {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.gallery-hero__container {
  max-width: 1440px;
  margin: 0 auto;
}
.gallery-hero__content {
  max-width: 624px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.gallery-hero__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.gallery-hero__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}

.gallery-section {
  background-color: #FFF6DF;
  padding: 0 0 80px;
  overflow: hidden;
}
.gallery-section__container {
  width: 100%;
  max-width: none;
}

.gallery-carousel {
  width: 100%;
  margin-bottom: 40px;
}
.gallery-carousel:after {
  content: "flickity";
  display: none;
}
.gallery-carousel .flickity-viewport {
  overflow: visible;
}
.gallery-carousel__slide {
  width: 52.4%;
  margin: 0 8px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.gallery-carousel__slide.is-selected {
  opacity: 1;
}
.gallery-carousel__slide:hover:not(.is-selected) {
  opacity: 0.4;
}
.gallery-carousel__image-wrapper {
  width: 100%;
  overflow: hidden;
}
.gallery-carousel__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.gallery-navigation {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-navigation__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-navigation__button {
  background: transparent;
  border: none;
  height: 16px;
  padding: 0;
  cursor: pointer;
  color: #7D3904;
}
.gallery-navigation__button svg {
  width: 100%;
  height: 100%;
}
.gallery-navigation__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: center;
  white-space: nowrap;
}
.gallery-navigation__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  max-width: 493px;
  margin: 0;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox.is-active {
  display: flex;
}
.gallery-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.9);
  backdrop-filter: blur(7px);
}
.gallery-lightbox__content {
  position: relative;
  z-index: 2;
  background-color: #343B30;
  padding: 16px 16px 48px;
  max-width: 95vw;
  max-height: 95vh;
  display: flex;
  flex-direction: column;
}
.gallery-lightbox__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  padding: 16px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.gallery-lightbox__close span {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.gallery-lightbox__close svg {
  width: 24px;
  height: 24px;
}
.gallery-lightbox__carousel {
  width: 916px;
  max-width: 100%;
  margin-bottom: 48px;
}
.gallery-lightbox__carousel:after {
  content: "flickity";
  display: none;
}
.gallery-lightbox__carousel .flickity-viewport {
  height: 515px !important;
}
.gallery-lightbox__slide {
  width: 100%;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.05);
}
.gallery-lightbox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gallery-lightbox__navigation {
  max-width: 493px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-lightbox__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-lightbox__button {
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  color: #C7CCB6;
}
.gallery-lightbox__button svg {
  width: 100%;
  height: 100%;
}
.gallery-lightbox__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.gallery-lightbox__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  text-align: center;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 1024px) {
  .gallery-hero {
    padding: 56px 16px;
  }
  .gallery-hero__heading {
    font-size: 48px;
  }
  .gallery-carousel__image-wrapper {
    height: 300px;
  }
  .gallery-navigation {
    padding: 0 24px;
  }
  .gallery-navigation__counter {
    font-size: 32px;
  }
  .gallery-lightbox__content {
    padding: 16px;
  }
  .gallery-lightbox__carousel {
    width: 100%;
  }
  .gallery-lightbox__image-wrapper {
    height: 400px;
  }
  .gallery-lightbox__navigation {
    padding: 0 24px;
  }
  .gallery-lightbox__navigation__counter {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .gallery-hero {
    padding: 40px 16px;
  }
  .gallery-hero__heading {
    font-size: 36px;
  }
  .gallery-section {
    padding: 0 34px 48px 34px;
  }
  .gallery-carousel__image-wrapper {
    height: 250px;
  }
  .gallery-navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-navigation__counter {
    font-size: 24px;
  }
  .gallery-navigation__caption {
    font-size: 16px;
  }
  .gallery-lightbox__content {
    padding: 12px 12px 32px;
  }
  .gallery-lightbox__close {
    font-size: 18px;
    padding: 12px 0;
  }
  .gallery-lightbox__carousel {
    margin-bottom: 32px;
  }
  .gallery-lightbox__image-wrapper {
    height: 300px;
  }
  .gallery-lightbox__navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-lightbox__navigation__counter {
    font-size: 24px;
  }
  .gallery-lightbox__navigation__caption {
    font-size: 16px;
  }
}
.hero-simple {
  background-color: #FFF6DF;
  padding: 80px 16px 48px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-simple {
    padding: 48px 0;
  }
}
.hero-simple__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 768px) {
  .hero-simple__inner {
    gap: 40px;
    padding: 0 20px;
  }
}
.hero-simple__content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 1046px;
  width: 100%;
}
.hero-simple__title {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .hero-simple__title {
    font-size: 57px;
    line-height: 1.1;
  }
}
.hero-simple__back-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 768px) {
  .hero-simple__back-link {
    font-size: 18px;
  }
}
.hero-simple__back-link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-simple__back-link span {
  padding-bottom: 6px;
  position: relative;
  position: relative;
  text-decoration: none;
}
.hero-simple__back-link span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.hero-simple__back-link span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.hero-simple__back-link:hover {
  color: #7D3904;
}
.hero-simple__image-wrapper {
  width: 100%;
  max-width: 838px;
  height: 418px;
  background-color: white;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-simple__image-wrapper {
    height: auto;
    aspect-ratio: 2/1;
  }
}
.hero-simple__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.hero-simple__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 838px;
  width: 100%;
}
.hero-simple__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.hero-simple__cta {
  border: 1px solid #7D3904;
  padding: 15px 24px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  display: inline-block;
}
@media (max-width: 768px) {
  .hero-simple__cta {
    font-size: 18px;
  }
}
.hero-simple__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}

.event-spaces {
  background-color: #FFF6DF;
  padding: 80px 0;
}
.event-spaces__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.event-spaces__header {
  text-align: center;
  padding: 0 16px;
}
.event-spaces__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 16px 0;
}
.event-spaces__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
.event-spaces__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.event-spaces__list {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.event-spaces__item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 89px;
}
.event-spaces__item--image-left .event-spaces__image-wrapper {
  order: 1;
}
.event-spaces__item--image-left .event-spaces__content {
  order: 2;
  padding-left: 0;
}
.event-spaces__item--image-right .event-spaces__image-wrapper {
  order: 2;
}
.event-spaces__item--image-right .event-spaces__content {
  order: 1;
  padding-right: 0;
}
.event-spaces__image-wrapper {
  flex: 0 0 692px;
  height: 389px;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}
.event-spaces__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.event-spaces__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 23px;
  max-width: 515px;
  margin: 0 auto;
}
.event-spaces__title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 12px 0;
}
.event-spaces__description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 392px;
}
.event-spaces__footer {
  text-align: center;
}
.event-spaces__cta {
  border: 1px solid #7D3904;
  padding: 15px 24px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  display: inline-block;
}
.event-spaces__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
@media (max-width: 1200px) {
  .event-spaces__item {
    padding: 0 40px;
  }
  .event-spaces__image-wrapper {
    flex: 0 0 500px;
    height: 350px;
  }
}
@media (max-width: 968px) {
  .event-spaces__item {
    flex-direction: column !important;
    gap: 32px;
    padding: 0 24px;
  }
  .event-spaces__item--image-left .event-spaces__image-wrapper, .event-spaces__item--image-right .event-spaces__image-wrapper {
    order: 1;
  }
  .event-spaces__item--image-left .event-spaces__content, .event-spaces__item--image-right .event-spaces__content {
    order: 2;
    padding: 0;
  }
  .event-spaces__image-wrapper {
    flex: 0 0 auto;
    width: 100%;
    max-width: 600px;
    height: 300px;
  }
}
@media (max-width: 768px) {
  .event-spaces {
    padding: 60px 0;
  }
  .event-spaces__inner {
    gap: 60px;
  }
  .event-spaces__heading {
    font-size: 48px;
  }
  .event-spaces__list {
    gap: 48px;
  }
  .event-spaces__title {
    font-size: 36px;
  }
  .event-spaces__description {
    font-size: 14px;
  }
}

.related-events {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.related-events__divider {
  max-width: 1264px;
  margin: 0 auto 80px;
  height: 1px;
  background-color: #5D6259;
}
.related-events__inner {
  max-width: 601px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.related-events__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.related-events__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}
.related-events__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  margin-top: 16px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
}
.related-events__link::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 36px;
  right: 0;
  height: 1px;
  background-color: #7D3904;
}
.related-events__link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .related-events {
    padding: 60px 16px;
  }
  .related-events__divider {
    margin-bottom: 60px;
  }
  .related-events__heading {
    font-size: 48px;
  }
  .related-events__subheading {
    font-size: 16px;
  }
}

/**
 * Specs Section Block Styles
 * Generic alternating image/text section for specifications, spaces, features, etc.
 */
.specs-section {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}

.specs-section__inner {
  max-width: 1408px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding: 0 4.5rem;
}

.specs-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.specs-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.specs-section__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
}

.specs-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}

.specs-section__list {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.specs-section__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.specs-section__item--image-left {
  flex-direction: row;
}
.specs-section__item--image-left .specs-section__image-wrapper {
  order: 1;
}
.specs-section__item--image-left .specs-section__content {
  order: 2;
}

.specs-section__item--image-right {
  flex-direction: row;
}
.specs-section__item--image-right .specs-section__image-wrapper {
  order: 2;
}
.specs-section__item--image-right .specs-section__content {
  order: 1;
}

.specs-section__image-wrapper {
  width: 692px;
  height: 389px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}

.specs-section__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.specs-section__content {
  background-color: #FFF6DF;
  width: 515px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 12px;
  gap: 12px;
}

.specs-section__title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.specs-section__description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
  max-width: 392px;
}

.specs-section__footer {
  display: flex;
  justify-content: center;
  padding: 0 89px;
}

.specs-section__cta {
  border: 1px solid #7D3904;
  color: #7D3904;
  padding: 15px 24px;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.specs-section__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}

@media (max-width: 1440px) {
  .specs-section__inner {
    gap: 64px;
  }
  .specs-section__heading {
    font-size: 56px;
  }
  .specs-section__image-wrapper {
    width: 550px;
    height: 310px;
  }
  .specs-section__content {
    width: 400px;
    margin: 0 auto;
  }
  .specs-section__title {
    font-size: 40px;
  }
  .specs-section__footer {
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .specs-section__inner {
    gap: 48px;
  }
  .specs-section__heading {
    font-size: 40px;
  }
  .specs-section__subheading {
    font-size: 16px;
  }
  .specs-section__list {
    gap: 48px;
  }
  .specs-section__item {
    flex-direction: column !important;
    gap: 24px;
  }
  .specs-section__item--image-left .specs-section__image-wrapper,
  .specs-section__item--image-right .specs-section__image-wrapper {
    order: 1;
  }
  .specs-section__item--image-left .specs-section__content,
  .specs-section__item--image-right .specs-section__content {
    order: 2;
  }
  .specs-section__image-wrapper {
    width: 100%;
    height: 300px;
  }
  .specs-section__content {
    width: 100%;
    padding: 32px 16px;
  }
  .specs-section__title {
    font-size: 32px;
  }
  .specs-section__description {
    font-size: 15px;
    max-width: 100%;
  }
  .specs-section__footer {
    padding: 0 24px;
  }
  .specs-section__cta {
    font-size: 18px;
    padding: 14px 20px;
  }
}
@media (max-width: 768px) {
  .specs-section {
    padding: 3rem 20px;
  }
  .specs-section__inner {
    gap: 40px;
    padding: 0;
  }
  .specs-section__heading {
    font-size: 32px;
  }
  .specs-section__list {
    gap: 40px;
  }
  .specs-section__image-wrapper {
    height: 250px;
  }
  .specs-section__content {
    padding: 24px 16px;
  }
  .specs-section__title {
    font-size: 28px;
  }
  .specs-section__footer {
    padding: 0 16px;
  }
}
/**
 * Split Text Reveal Animation Styles
 * 
 * Creates a character-by-character reveal effect with masking.
 * Works with SplitTextReveal.js component.
 */
[data-char-mask] {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 1;
}
[data-char-mask].last-word {
  padding: 0 0.1em;
}

[data-char-nomask] {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 1;
  font-family: "Palace", serif;
  font-style: italic;
}

[data-split-text-reveal] .last-word[data-word-fade] {
  display: inline;
  font-family: "Palace", serif;
  font-style: italic;
  vertical-align: baseline;
  white-space: nowrap;
  overflow: visible;
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
  position: relative;
  top: 1px;
}

[data-split-text-reveal], [data-split-text-reveal] span, .horizontal-scroll-section__content h3 span {
  overflow: visible !important;
}

[data-char-inner] {
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  will-change: transform, opacity;
}

[data-split-text-reveal] {
  position: relative;
  visibility: hidden;
}
[data-split-text-reveal].split-text-ready {
  visibility: visible;
}
[data-split-text-reveal] br {
  display: block;
  content: "";
}
[data-split-text-reveal] .last-word {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  padding: 0 0.1em;
  position: relative;
  overflow: visible;
}
[data-split-text-reveal] .last-word [data-char-mask] {
  font-family: "Palace", serif;
  font-style: italic;
  white-space: nowrap;
  overflow: visible;
}

/**
 * "Sun Rising" animation for .last-word (applied globally)
 * The whole word rises from behind a mask instead of letter-by-letter reveal
 * The parent element's overflow:hidden creates the horizon mask
 */
[data-split-text-reveal]:has(.last-word) {
  overflow: hidden;
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
}
[data-split-text-reveal]:has(.last-word) .last-word {
  overflow: visible;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}

/**
 * Offers carousel specific overrides
 * Slightly taller line-height to accommodate descenders in carousel headings
 */
.offers-carousel [data-char-mask] {
  vertical-align: baseline;
  line-height: 1.2;
}

/**
 * Hero-specific overrides
 * Ensure animation works with existing hero heading styles
 */
.hero-heading[data-split-text-reveal] {
  display: block;
  white-space: normal;
}
.hero-heading[data-split-text-reveal] [data-char-mask] {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}

.single-room {
  background-color: #FFF6DF;
}
.single-room-hero {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
@media (max-width: 768px) {
  .single-room-hero {
    padding: 3rem 1.25rem;
  }
}
.single-room-hero__content {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 1046px;
  width: 100%;
}
.single-room-hero__title {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-hero__title {
    font-size: 57px;
  }
}
.single-room-hero__title em {
  font-family: "Palace", serif;
  font-style: italic;
}
.single-room-hero__back-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 1rem 0;
  text-decoration: none;
  transition: all 0.3s ease;
}
.single-room-hero__back-link:hover .single-room-hero__back-text span {
  color: rgb(75.5813953488, 34.4651162791, 2.4186046512);
}
.single-room-hero__back-link:hover .single-room-hero__back-underline {
  transform-origin: left;
  transform: scaleX(0);
}
.single-room-hero__back-link:hover .single-room-hero__back-icon {
  right: -8px;
}
.single-room-hero__back-icon-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  width: 50px;
  overflow: hidden;
  position: relative;
}
.single-room-hero__back-icon {
  width: 50px;
  height: 16px;
  position: relative;
  right: -16px;
  transition: transform 0.3s ease, right 0.3s ease;
}
.single-room-hero__back-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
}
.single-room-hero__back-text span {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  transition: color 0.3s ease;
}
.single-room-hero__back-underline {
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.single-room-hero__image {
  max-width: 838px;
  width: 100%;
  height: 418px;
  overflow: hidden;
  background: white;
}
.single-room-hero__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.single-room-hero__info {
  max-width: 838px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
}
.single-room-hero__tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
  align-items: center;
}
@media (max-width: 768px) {
  .single-room-hero__tags {
    justify-content: center;
  }
}
.single-room-hero__tag {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0.5px solid #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #5D6259;
}
.single-room-hero__tag svg {
  width: 24px;
  height: 24px;
  stroke: #5D6259;
}
.single-room-hero__description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
}
.single-room-hero__description p {
  margin: 0;
}
.single-room-hero__actions {
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
@media (max-width: 768px) {
  .single-room-hero__actions {
    gap: 40px;
  }
}
.single-room-hero__btn {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 15px 24px;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .single-room-hero__btn {
    font-size: 18px;
  }
}
.single-room-hero__btn--primary {
  border: 1px solid #7D3904;
  color: #7D3904;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.single-room-hero__btn--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.single-room-hero__btn--primary:hover {
  color: #FFF6DF;
}
.single-room-hero__btn--primary:hover::before {
  transform: translateX(0);
}
.single-room-hero__btn--secondary {
  color: #7D3904;
  padding: 6px 0;
  position: relative;
  position: relative;
  text-decoration: none;
}
.single-room-hero__btn--secondary::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.single-room-hero__btn--secondary:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.single-room-hero__btn--secondary:hover {
  color: #7D3904;
}
.single-room-amenities {
  background-color: #FFF6DF;
  padding: 5rem 4.5rem;
}
@media (max-width: 768px) {
  .single-room-amenities {
    padding: 3rem 1.25rem;
  }
}
.single-room-amenities__container {
  max-width: 1296px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: center;
}
@media (max-width: 768px) {
  .single-room-amenities__container {
    gap: 40px;
  }
}
.single-room-amenities__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-amenities__heading {
    font-size: 46px;
  }
}
.single-room-amenities__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
.single-room-amenities__illustrations {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 6rem;
  max-width: 100%;
  justify-items: center;
}
@media (max-width: 768px) {
  .single-room-amenities__illustrations {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.single-room-amenities__illustrations--four-columns {
  grid-template-columns: repeat(4, 1fr);
  gap: 1.5rem 3rem;
}
@media (max-width: 768px) {
  .single-room-amenities__illustrations--four-columns {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
}
.single-room-amenities__illustration-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 204px;
}
.single-room-amenities__illustration-image {
  width: 204px;
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .single-room-amenities__illustration-image {
    width: auto;
    height: auto;
  }
}
.single-room-amenities__illustration-image img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.single-room-amenities__illustration-label {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  text-align: center;
  width: 100%;
  max-width: 198px;
}
.single-room-amenities__icons {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem 6rem;
  max-width: 100%;
  justify-items: center;
}
.single-room-amenities__icon-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 204px;
}
.single-room-amenities__icon-placeholder {
  width: 204px;
  height: 152px;
  background-color: #e0e0e0;
}
.single-room-amenities__icon-label {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  text-align: center;
  width: 100%;
  max-width: 198px;
}
.single-room-amenities__list {
  width: 100%;
  max-width: 1072px;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  align-items: center;
  padding-top: 3rem;
}
@media (max-width: 768px) {
  .single-room-amenities__list {
    gap: 40px;
  }
}
.single-room-amenities__list-title {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  margin: 0;
}
.single-room-amenities__list-items {
  border: 1px solid #C7CCB6;
  padding: 2.5rem;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
}
@media (max-width: 768px) {
  .single-room-amenities__list-items {
    padding: 24px 9px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
}
.single-room-amenities__list-item {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
}
@media (max-width: 768px) {
  .single-room-amenities__list-item {
    padding: 0;
  }
}
.single-room-amenities__list-item svg {
  width: 24px;
  height: 24px;
  stroke: #343B30;
}
.single-room-gallery {
  background-color: #FFF6DF;
  padding: 5rem 0 0;
}
@media (max-width: 768px) {
  .single-room-gallery {
    padding: 3rem 0 0;
  }
}
.single-room-gallery__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  margin-bottom: 4rem;
}
@media (max-width: 768px) {
  .single-room-gallery__header {
    margin-bottom: 2.5rem;
  }
}
.single-room-gallery__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-gallery__heading {
    font-size: 46px;
  }
}
.single-room-gallery__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  max-width: 500px;
  margin: 0;
}
.single-room-gallery__btn {
  border: 1px solid #7D3904;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 1.5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.single-room-gallery__btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.single-room-gallery__btn:hover {
  color: #FFF6DF;
}
.single-room-gallery__btn:hover::before {
  transform: translateX(0);
}
.single-room-gallery__carousel {
  padding: 2rem 4.5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  overflow: hidden;
}
@media (max-width: 768px) {
  .single-room-gallery__carousel {
    padding: 2rem 1.25rem 3rem;
  }
}
.single-room-gallery__carousel-track {
  width: 100%;
  max-width: 1296px;
  margin: 0 auto;
}
.single-room-gallery__carousel-track .flickity-viewport {
  overflow: visible;
}
.single-room-gallery__carousel-slide {
  width: 1120px;
  height: 638px;
  overflow: hidden;
  margin: 0 16px;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.single-room-gallery__carousel-slide.is-selected {
  opacity: 1;
}
.single-room-gallery__carousel-slide:hover:not(.is-selected) {
  opacity: 0.4;
}
@media (max-width: 1024px) {
  .single-room-gallery__carousel-slide {
    width: 90%;
    height: 500px;
  }
}
@media (max-width: 768px) {
  .single-room-gallery__carousel-slide {
    width: 90%;
    height: 50vw;
    margin: 0 3px;
  }
}
.single-room-gallery__carousel-slide img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.single-room-gallery__carousel-controls {
  display: flex;
  align-items: center;
  gap: 2rem;
}
.single-room-gallery__carousel-prev, .single-room-gallery__carousel-next {
  background: none;
  border: none;
  font-size: 24px;
  color: #7D3904;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
}
.single-room-gallery__carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
}
.single-room-gallery__carousel-caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  max-width: 493px;
  margin: 0;
}
.single-room-related {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
@media (max-width: 768px) {
  .single-room-related {
    padding: 3rem 1.25rem;
  }
}
.single-room-related__container {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}
@media (max-width: 768px) {
  .single-room-related__container {
    padding: 0;
    gap: 40px;
  }
}
.single-room-related__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
  max-width: 601px;
}
.single-room-related__label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-related__label {
    font-size: 20px;
  }
}
.single-room-related__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-related__heading {
    font-size: 46px;
  }
}
.single-room-related__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  margin: 0;
}
.single-room-related__rooms {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: 100%;
  max-width: 1264px;
}
.single-room-related__room {
  border: 1px solid #C7CCB6;
  background-color: #FFF6DF;
  padding: 2.5rem;
  display: flex;
  gap: 2.5rem;
  align-items: center;
}
@media (max-width: 768px) {
  .single-room-related__room {
    flex-direction: column;
    padding: 1.5rem;
    gap: 1.5rem;
    align-items: flex-start;
  }
}
.single-room-related__room-image {
  width: auto;
  height: 351px;
  flex-shrink: 0;
  overflow: hidden;
  aspect-ratio: 1.85/1;
}
.single-room-related__room-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .single-room-related__room-image {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
  }
}
.single-room-related__room-content {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  width: 100%;
}
.single-room-related__room-title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .single-room-related__room-title {
    font-size: 40px;
    text-align: center;
    width: 100%;
  }
}
.single-room-related__room-tags {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 768px) {
  .single-room-related__room-tags {
    justify-content: center;
  }
}
.single-room-related__room-tag {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0.5px solid #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #5D6259;
}
.single-room-related__room-excerpt {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
}
@media (max-width: 768px) {
  .single-room-related__room-excerpt {
    text-align: center;
  }
}
.single-room-related__divider {
  display: none;
}
@media (max-width: 768px) {
  .single-room-related__divider {
    display: block;
    width: calc(100% + 48px);
    margin-left: -24px;
    height: 1px;
    border: 1px solid transparent;
    -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
       border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  }
}
.single-room-related__room-btn {
  border: 1px solid #7D3904;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  padding: 1rem 1.5rem;
  display: inline-block;
  align-self: flex-start;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
@media (max-width: 768px) {
  .single-room-related__room-btn {
    align-self: center;
  }
}
.single-room-related__room-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.single-room-related__room-btn:hover {
  color: #FFF6DF;
}
.single-room-related__room-btn:hover::before {
  transform: translateX(0);
}
.single-room-related__view-all {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  text-decoration: none;
  transition: all 0.3s ease;
}
.single-room-related__view-all span {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  transition: color 0.3s ease;
}
.single-room-related__view-all:hover span {
  color: rgb(75.5813953488, 34.4651162791, 2.4186046512);
}
.single-room-related__view-all:hover .single-room-related__view-all-underline {
  transform-origin: left;
  transform: scaleX(0);
}
.single-room-related__view-all-underline {
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}

.rooms-archive {
  background-color: #FFF6DF;
}
.rooms-archive__hero {
  background-color: #FFF6DF;
  padding: 1rem 1rem 0;
  overflow: hidden;
  height: 704px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rooms-archive__hero-image {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  width: calc(100% - 2rem);
  height: calc(100% - 1rem);
  z-index: 0;
  overflow: hidden;
}
.rooms-archive__hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rooms-archive__hero-content {
  position: relative;
  z-index: 1;
  max-width: 620px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}
.rooms-archive__hero-title {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.rooms-archive__hero-title em {
  font-family: "Palace", serif;
  font-style: italic;
  font-size: 90px;
  text-transform: none;
}
.rooms-archive__hero-description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.rooms-archive__hero-actions {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  margin-top: 2.5rem;
}
.rooms-archive__hero-btn {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
}
.rooms-archive__hero-btn--primary {
  border: 1px solid #7D3904;
  color: #7D3904;
  padding: 15px 24px;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.rooms-archive__hero-btn--primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.rooms-archive__hero-btn--primary:hover {
  color: #FFF6DF;
}
.rooms-archive__hero-btn--primary:hover::before {
  transform: translateX(0);
}
.rooms-archive__hero-btn--secondary {
  color: #7D3904;
  padding: 6px 0;
  position: relative;
  text-decoration: none;
}
.rooms-archive__hero-btn--secondary::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.rooms-archive__hero-btn--secondary:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.rooms-archive__hero-btn--secondary:hover {
  color: #7D3904;
}
.rooms-archive .flickity-viewport {
  cursor: default;
  pointer-events: none;
}
.rooms-archive__types {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.rooms-archive__types-container {
  max-width: 1296px;
  margin: 0 auto;
  padding: 0 17px;
  display: flex;
  flex-direction: column;
  gap: 3.5rem;
}
.rooms-archive__types-header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  max-width: 601px;
  margin: 0 auto;
}
.rooms-archive__types-label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.rooms-archive__types-heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.rooms-archive__types-heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
.rooms-archive__grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 4rem 1rem;
}
.rooms-archive__card {
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.rooms-archive__card-image {
  width: 100%;
  height: 351px;
  border: 1px solid #C7CCB6;
  border-bottom: none;
  overflow: hidden;
}
.rooms-archive__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rooms-archive__card-carousel {
  width: 100%;
  height: 100%;
  position: relative;
}
.rooms-archive__card-slide {
  width: 100%;
  height: 100%;
  background-color: #343B30;
}
.rooms-archive__card-slide img {
  transition: opacity 0.4s ease;
  transition-delay: 0.3s;
  opacity: 0;
}
.rooms-archive__card-slide.is-selected img {
  opacity: 1;
}
.rooms-archive__card-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
  padding: 0 24px;
}
.rooms-archive__card-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
}
.rooms-archive__card-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  font-weight: 400;
}
.rooms-archive__card-image-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
}
.rooms-archive__card-content {
  border: 1px solid #C7CCB6;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
}
.rooms-archive__card-inner {
  display: flex;
  flex-direction: column;
  gap: 32px;
  padding: 0 24px;
}
.rooms-archive__carousel-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
}
.rooms-archive__carousel-btn {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rooms-archive__carousel-btn svg {
  width: 24px;
  height: 24px;
}
.rooms-archive__carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
}
.rooms-archive__card-details {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.rooms-archive__card-title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.rooms-archive__card-badges {
  display: flex;
  flex-wrap: wrap;
  gap: 8px;
}
@media (max-width: 768px) {
  .rooms-archive__card-badges {
    justify-content: center;
  }
}
.rooms-archive__badge {
  display: flex;
  align-items: center;
  gap: 8px;
  padding: 8px 12px;
  border: 0.5px solid #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #5D6259;
}
.rooms-archive__badge svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.rooms-archive__card-excerpt {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  max-width: 512px;
}
.rooms-archive__card-excerpt p {
  margin: 0;
}
.rooms-archive__card-footer {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.rooms-archive__card-divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
}
.rooms-archive__view-details {
  border: 1px solid #7D3904;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  padding: 1rem 1.5rem;
  display: inline-block;
  margin: 0 1.5rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.rooms-archive__view-details::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.rooms-archive__view-details:hover {
  color: #FFF6DF;
}
.rooms-archive__view-details:hover::before {
  transform: translateX(0);
}
.rooms-archive__club-room {
  background-color: #FFF6DF;
  padding: 4rem 1rem;
}
.rooms-archive__club-room-container {
  max-width: 1296px;
  margin: 0 auto;
  padding: 0 17px;
  display: flex;
  align-items: stretch;
  gap: 1rem;
}
.rooms-archive__club-room-carousel-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
  flex: 1;
}
.rooms-archive__club-room-carousel {
  width: 100%;
  height: 351px;
  border-bottom: none;
  overflow: hidden;
  position: relative;
}
.rooms-archive__club-room-carousel img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.rooms-archive__club-room-slide {
  width: 100%;
  height: 100%;
  background-color: #343B30;
}
.rooms-archive__club-room-slide img {
  transition: opacity 0.4s ease;
  transition-delay: 0.3s;
  opacity: 0;
}
.rooms-archive__club-room-slide.is-selected img {
  opacity: 1;
}
.rooms-archive__club-room-image-placeholder {
  width: 100%;
  height: 100%;
  background-color: #e0e0e0;
}
.rooms-archive__club-room-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 32px;
}
.rooms-archive__club-room-arrow {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  height: 16px;
}
.rooms-archive__club-room-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  font-weight: 400;
}
.rooms-archive__club-room-content {
  flex: 1;
  padding: 64px 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.rooms-archive__club-room-content-inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  padding: 0 30px;
}
.rooms-archive__club-room-text {
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
.rooms-archive__club-room-title {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.rooms-archive__club-room-description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.rooms-archive__club-room-btn {
  border: 1px solid #7D3904;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  padding: 16px 24px;
  text-align: center;
  display: inline-block;
  align-self: center;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.rooms-archive__club-room-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.rooms-archive__club-room-btn:hover {
  color: #FFF6DF;
}
.rooms-archive__club-room-btn:hover::before {
  transform: translateX(0);
}
.rooms-archive__no-rooms {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  text-align: center;
  color: #343B30;
  padding: 4rem 0;
}

@media (max-width: 1024px) {
  .rooms-archive__hero {
    height: auto;
    min-height: auto;
    padding: 0;
    margin: 0;
    flex-direction: column;
    align-items: stretch;
    background-color: #FFF6DF;
  }
  .rooms-archive__hero-image {
    position: relative;
    height: 300px;
  }
  .rooms-archive__hero-image img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .rooms-archive__hero-content {
    padding: 3rem 1rem;
    gap: 1.5rem;
    max-width: 100%;
  }
  .rooms-archive__hero-title {
    font-size: 48px;
  }
  .rooms-archive__hero-title em {
    font-size: 48px;
  }
  .rooms-archive__hero-description {
    font-size: 16px;
    padding: 0 0.5rem;
  }
  .rooms-archive__hero-actions {
    flex-direction: row;
    justify-content: center;
    width: 100%;
    gap: 1.5rem;
    margin-top: 0.5rem;
  }
  .rooms-archive__hero-actions .rooms-archive__hero-btn--primary {
    width: auto;
    text-align: center;
    justify-content: center;
    display: flex;
  }
  .rooms-archive__hero-actions .rooms-archive__hero-btn--secondary {
    width: auto;
    align-self: center;
    border-bottom: 1px solid #7D3904;
    padding-bottom: 4px;
  }
  .rooms-archive__types {
    padding: 3rem 1rem;
  }
  .rooms-archive__types-container {
    padding: 0;
  }
  .rooms-archive__types-heading {
    font-size: 48px;
  }
  .rooms-archive__grid {
    grid-template-columns: 1fr;
    gap: 2rem;
  }
  .rooms-archive__club-room {
    padding: 3rem 0;
  }
  .rooms-archive__club-room-text {
    gap: 0px;
  }
  .rooms-archive__club-room-description {
    margin-top: 400px;
  }
  .rooms-archive__club-room-container {
    flex-direction: column-reverse;
    padding: 0;
    position: relative;
  }
  .rooms-archive__club-room-carousel-wrapper {
    padding: 0 1rem;
    width: 100%;
    gap: 0;
    position: absolute;
    top: 90px;
    left: 0;
  }
  .rooms-archive__club-room-carousel {
    width: 100%;
    height: 250px;
    border-right: 1px solid #C7CCB6;
  }
  .rooms-archive__club-room-controls {
    padding: 1.5rem 0;
  }
  .rooms-archive__club-room-content {
    padding: 0 20px;
  }
  .rooms-archive__club-room-content-inner {
    max-width: 100%;
  }
  .rooms-archive__club-room-title {
    font-size: 48px;
  }
  .rooms-archive__club-room-btn {
    width: 100%;
  }
}
@media screen and (max-width: 415px) {
  .rooms-archive__club-room-carousel-wrapper {
    top: 140px;
  }
}
.events-archive {
  background-color: #FFF6DF;
}
.events-archive__hero {
  position: relative;
  height: 704px;
  background-size: cover;
  background-position: center;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  padding: 1rem 1rem 0;
}
.events-archive__hero-bg {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 0;
  overflow: hidden;
}
.events-archive__hero-image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-archive__hero-overlay {
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(194, 155, 0, 0.2) 0%, rgba(216, 185, 146, 0) 65%);
  pointer-events: none;
}
.events-archive__hero-content {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  max-width: 642px;
  padding: 0 1rem;
}
.events-archive__hero-label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.events-archive__hero-title {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.events-archive__hero-title em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.events-archive__hero-btn {
  border: 1px solid #7D3904;
  padding: 15px 24px;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
}
.events-archive__hero-btn::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.events-archive__hero-btn:hover {
  color: #FFF6DF !important;
}
.events-archive__hero-btn:hover::before {
  transform: translateX(0);
}
.events-archive__calendar {
  display: flex;
  align-items: center;
  background-color: #FFF6DF;
}
.events-archive__calendar-left {
  flex: 0 0 630px;
}
.events-archive__calendar-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 601px;
  margin: 0 auto;
}
.events-archive__calendar-right {
  flex: 1;
  padding: 5rem 5rem 5rem 0;
}
.events-archive__calendar-label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  text-transform: uppercase;
  text-align: center;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}
.events-archive__calendar-text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  color: #343B30;
}
.events-archive__calendar-heading {
  font-family: "Palace", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0;
}
.events-archive__calendar-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.events-archive__calendar-body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
  max-width: 391px;
}
.events-archive__calendar-image {
  flex: 1;
  padding: 5rem 5rem 5rem 0;
}
.events-archive__calendar-image img {
  width: 100%;
  height: 498px;
  -o-object-fit: cover;
     object-fit: cover;
  mix-blend-mode: multiply;
}
.events-archive__book-event {
  padding: 0 4.5rem 5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3.5rem;
  background-color: #FFF6DF;
}
.events-archive__book-header {
  text-align: center;
  margin-bottom: 2.5rem;
}
.events-archive__book-heading {
  font-family: "Palace", serif;
  font-size: 68px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  text-align: center;
  color: #343B30;
  margin: 0;
}
.events-archive__book-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.events-archive__book-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  max-width: 1296px;
  width: 100%;
}
.events-archive__book-card {
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.events-archive__book-card-image {
  width: 100%;
  height: 351px;
  overflow: hidden;
  border-bottom: 1px solid #C7CCB6;
}
.events-archive__book-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.events-archive__book-card-info {
  border: 1px solid #C7CCB6;
  border-top: none;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  padding: 1.5rem 0;
}
.events-archive__book-card-text {
  padding: 0 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.events-archive__book-card-heading {
  font-family: "Palace", serif;
  font-size: 3rem;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.events-archive__book-card-body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-archive__book-card-cta {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.events-archive__book-card-divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
}
.events-archive__book-card-btn {
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  transition: background-color 0.3s ease, color 0.3s ease;
}
.events-archive__book-card-btn:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
@media (max-width: 992px) {
  .events-archive__hero {
    height: 500px;
  }
  .events-archive__hero-title {
    font-size: 68px;
  }
  .events-archive__calendar {
    flex-direction: column;
  }
  .events-archive__calendar-left {
    flex: none;
    width: 100%;
  }
  .events-archive__calendar-content {
    padding: 0 1.5rem;
  }
  .events-archive__calendar-right {
    padding: 0 1.5rem 4.5rem;
  }
  .events-archive__calendar-image {
    padding: 0 1.5rem 4.5rem;
  }
  .events-archive__calendar-image img {
    height: auto;
  }
  .events-archive__book-event {
    padding: 0 1.5rem 4rem;
  }
  .events-archive__book-heading {
    font-size: 56px;
  }
  .events-archive__book-grid {
    grid-template-columns: 1fr;
  }
}
@media (max-width: 768px) {
  .events-archive__hero {
    height: 400px;
  }
  .events-archive__hero-content {
    padding: 0;
  }
  .events-archive__hero-label {
    font-size: 18px;
  }
  .events-archive__hero-title {
    font-size: 48px;
    line-height: 1.1;
  }
  .events-archive__hero-btn {
    font-size: 18px;
    padding: 0.75rem 1.5rem;
  }
  .events-archive__calendar-heading {
    font-size: 48px;
    line-height: 1.1;
  }
  .events-archive__calendar-body {
    font-size: 16px;
  }
  .events-archive__book-heading {
    font-size: 42px;
  }
  .events-archive__book-card-heading {
    font-size: 36px;
  }
  .events-archive__book-card-body {
    font-size: 14px;
  }
}

.legal-page {
  background-color: #FFF6DF;
}

.legal-hero {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.legal-hero__container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 1rem;
}
@media (max-width: 768px) {
  .legal-hero__container {
    padding: 0;
  }
}
.legal-hero__content {
  max-width: 1408px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  text-align: center;
  color: #343B30;
}
@media (max-width: 768px) {
  .legal-hero__content {
    gap: 32px;
  }
}
.legal-hero__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0;
  max-width: 686px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .legal-hero__heading {
    font-size: 57px;
    line-height: 1.1;
  }
}
.legal-hero__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  margin: 0;
  max-width: 686px;
  margin-left: auto;
  margin-right: auto;
}
@media (max-width: 768px) {
  .legal-hero {
    padding: 48px 20px 31px;
  }
}

.legal-content {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
}
@media (max-width: 768px) {
  .legal-content {
    padding: 0 20px 48px;
  }
}
.legal-content__container {
  max-width: 1440px;
  margin: 0 auto;
}
.legal-content__inner {
  max-width: 836px;
  margin: 0 auto;
  padding: 0.5rem 0;
}
@media (max-width: 768px) {
  .legal-content__inner {
    max-width: 335px;
    padding: 0;
  }
}
.legal-content__inner {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
}
.legal-content__inner p {
  margin-bottom: 1.5rem;
}
.legal-content__inner p:last-child {
  margin-bottom: 0;
}
.legal-content__inner h2, .legal-content__inner h3 {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.1;
  margin: 4rem 0 1.5rem;
  color: #343B30;
}
.legal-content__inner h2:first-child, .legal-content__inner h3:first-child {
  margin-top: 0;
}
@media (max-width: 768px) {
  .legal-content__inner h2, .legal-content__inner h3 {
    margin-top: 80px;
    margin-bottom: 24px;
  }
}
.legal-content__inner h4 {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  margin: 2rem 0 1rem;
  color: #343B30;
}
.legal-content__inner ul, .legal-content__inner ol {
  margin: 1.5rem 0;
  padding-left: 0;
  list-style: none;
}
.legal-content__inner ul li, .legal-content__inner ol li {
  display: flex;
  gap: 12px;
  align-items: flex-start;
  margin-bottom: 1rem;
}
.legal-content__inner ul li:last-child, .legal-content__inner ol li:last-child {
  margin-bottom: 0;
}
.legal-content__inner ul li::before, .legal-content__inner ol li::before {
  content: "";
  flex-shrink: 0;
  width: 6px;
  height: 6px;
  border: 1px solid #343B30;
  border-radius: 50%;
  margin-top: 8px;
  transform: rotate(315deg);
}
.legal-content__inner a {
  color: #343B30;
  position: relative;
  text-decoration: none;
}
.legal-content__inner a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #343B30;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.legal-content__inner a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.legal-content__inner a:hover {
  color: #7D3904;
}
.legal-content__inner .wp-block-button,
.legal-content__inner .legal-button {
  margin-top: 2.5rem;
  text-align: left;
}
.legal-content__inner .wp-block-button a,
.legal-content__inner .legal-button a {
  display: inline-flex;
  flex-direction: column;
  gap: 6px;
  padding: 1rem 0;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: #7D3904;
}
.legal-content__inner .wp-block-button a::after,
.legal-content__inner .legal-button a::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
}
.legal-content__inner .wp-block-button a:hover,
.legal-content__inner .legal-button a:hover {
  opacity: 0.8;
}
@media (max-width: 768px) {
  .legal-content__inner {
    font-size: 18px;
    padding: 0;
  }
  .legal-content__inner h2, .legal-content__inner h3 {
    font-size: 32px;
    line-height: 1.1;
  }
  .legal-content__inner h4 {
    font-size: 20px;
    margin: 1.5rem 0 0.75rem;
  }
  .legal-content__inner ul li, .legal-content__inner ol li {
    margin-bottom: 16px;
  }
}

.error-404 {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
}
.error-404__content {
  max-width: 1408px;
  width: 100%;
  padding: 0 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
}
.error-404__text-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4rem;
}
.error-404__text {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.error-404__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
}
.error-404__label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  margin: 0;
}
.error-404__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  margin: 0;
  max-width: 992px;
}
.error-404__body-cta {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  width: 100%;
}
.error-404__image {
  width: 300px;
  height: 187px;
  position: relative;
  overflow: hidden;
}
.error-404__image-element {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
.error-404__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  margin: 0;
  max-width: 408px;
}
.error-404__button {
  position: relative;
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.75rem;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  transition: color 0.3s ease;
  overflow: hidden;
  z-index: 1;
}
.error-404__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: -1;
}
.error-404__button:hover {
  color: #FFF6DF;
}
.error-404__button:hover::before {
  transform: translateX(0);
}
.error-404__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .error-404 {
    padding: 4rem 1rem;
  }
  .error-404__content {
    padding: 0 1.5rem;
  }
  .error-404__text-cta {
    gap: 3rem;
  }
  .error-404__heading {
    font-size: 56px;
    line-height: 1.1;
  }
  .error-404__label {
    font-size: 18px;
  }
  .error-404__image {
    width: 240px;
    height: 150px;
  }
  .error-404__body {
    font-size: 16px;
    max-width: 100%;
  }
  .error-404__button {
    font-size: 18px;
    padding: 0.75rem 1.5rem;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/flickity@3.0.0/node_modules/flickity/dist/flickity.min.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
/*! Flickity v3.0.0
https://flickity.metafizzy.co
---------------------------------------------- */
.flickity-enabled{position:relative}.flickity-enabled:focus{outline:0}.flickity-viewport{overflow:hidden;position:relative;height:100%;touch-action:pan-y}.flickity-slider{position:absolute;width:100%;height:100%;left:0}.flickity-rtl .flickity-slider{left:unset;right:0}.flickity-enabled.is-draggable{-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none}.flickity-enabled.is-draggable .flickity-viewport{cursor:move;cursor:grab}.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down{cursor:grabbing}.flickity-cell{position:absolute;left:0}.flickity-rtl .flickity-cell{left:unset;right:0}.flickity-button{position:absolute;background:hsl(0 0% 100% / 75%);border:none;color:#333}.flickity-button:hover{background:#fff;cursor:pointer}.flickity-button:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-button:active{opacity:.6}.flickity-button:disabled{opacity:.3;cursor:auto;pointer-events:none}.flickity-button-icon{fill:currentColor}.flickity-prev-next-button{top:50%;width:44px;height:44px;border-radius:50%;transform:translateY(-50%)}.flickity-prev-next-button.previous{left:10px}.flickity-prev-next-button.next{right:10px}.flickity-rtl .flickity-prev-next-button.previous{left:auto;right:10px}.flickity-rtl .flickity-prev-next-button.next{right:auto;left:10px}.flickity-prev-next-button .flickity-button-icon{position:absolute;left:20%;top:20%;width:60%;height:60%}.flickity-page-dots{position:absolute;width:100%;bottom:-25px;text-align:center;display:flex;justify-content:center;flex-wrap:wrap}.flickity-rtl .flickity-page-dots{direction:rtl}.flickity-page-dot{display:block;width:10px;height:10px;padding:0;margin:0 8px;background:hsl(0 0% 20% / 25%);border-radius:50%;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;text-indent:-9999px;overflow:hidden}.flickity-rtl .flickity-page-dot{text-indent:9999px}.flickity-page-dot:focus{outline:0;box-shadow:0 0 0 5px #19f}.flickity-page-dot.is-selected{background:hsl(0 0% 20% / 100%)}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/mapbox-gl@3.17.0/node_modules/mapbox-gl/dist/mapbox-gl.css ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************/
.mapboxgl-map{font:12px/20px Helvetica Neue,Arial,Helvetica,sans-serif;overflow:hidden;position:relative;-webkit-tap-highlight-color:rgb(0 0 0/0)}.mapboxgl-canvas{left:0;position:absolute;top:0}.mapboxgl-map:-webkit-full-screen{height:100%;width:100%}.mapboxgl-canary{background-color:salmon}.mapboxgl-canvas-container.mapboxgl-interactive,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass{cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-canvas-container.mapboxgl-interactive.mapboxgl-track-pointer{cursor:pointer}.mapboxgl-canvas-container.mapboxgl-interactive:active,.mapboxgl-ctrl-group button.mapboxgl-ctrl-compass:active{cursor:grabbing}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-canvas-container.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:pinch-zoom}.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan,.mapboxgl-canvas-container.mapboxgl-touch-zoom-rotate.mapboxgl-touch-drag-pan .mapboxgl-canvas{touch-action:none}.mapboxgl-ctrl-bottom,.mapboxgl-ctrl-bottom-left,.mapboxgl-ctrl-bottom-right,.mapboxgl-ctrl-left,.mapboxgl-ctrl-right,.mapboxgl-ctrl-top,.mapboxgl-ctrl-top-left,.mapboxgl-ctrl-top-right{pointer-events:none;position:absolute;z-index:2}.mapboxgl-ctrl-top-left{left:0;top:0}.mapboxgl-ctrl-top{left:50%;top:0;transform:translateX(-50%)}.mapboxgl-ctrl-top-right{right:0;top:0}.mapboxgl-ctrl-right{right:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl-bottom-right{bottom:0;right:0}.mapboxgl-ctrl-bottom{bottom:0;left:50%;transform:translateX(-50%)}.mapboxgl-ctrl-bottom-left{bottom:0;left:0}.mapboxgl-ctrl-left{left:0;top:50%;transform:translateY(-50%)}.mapboxgl-ctrl{clear:both;pointer-events:auto;transform:translate(0)}.mapboxgl-ctrl-top-left .mapboxgl-ctrl{float:left;margin:10px 0 0 10px}.mapboxgl-ctrl-top .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-top-right .mapboxgl-ctrl{float:right;margin:10px 10px 0 0}.mapboxgl-ctrl-bottom-right .mapboxgl-ctrl,.mapboxgl-ctrl-right .mapboxgl-ctrl{float:right;margin:0 10px 10px 0}.mapboxgl-ctrl-bottom .mapboxgl-ctrl{float:left;margin:10px 0}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl,.mapboxgl-ctrl-left .mapboxgl-ctrl{float:left;margin:0 0 10px 10px}.mapboxgl-ctrl-group{background:#fff;border-radius:4px}.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px #0000001a}@media (-ms-high-contrast:active){.mapboxgl-ctrl-group:not(:empty){box-shadow:0 0 0 2px ButtonText}}.mapboxgl-ctrl-group button{background-color:initial;border:0;box-sizing:border-box;cursor:pointer;display:block;height:29px;outline:none;overflow:hidden;padding:0;width:29px}.mapboxgl-ctrl-group button+button{border-top:1px solid #ddd}.mapboxgl-ctrl button .mapboxgl-ctrl-icon{background-position:50%;background-repeat:no-repeat;display:block;height:100%;width:100%}@media (-ms-high-contrast:active){.mapboxgl-ctrl-icon{background-color:initial}.mapboxgl-ctrl-group button+button{border-top:1px solid ButtonText}}.mapboxgl-ctrl-attrib-button:focus,.mapboxgl-ctrl-group button:focus{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl button:disabled{cursor:not-allowed}.mapboxgl-ctrl button:disabled .mapboxgl-ctrl-icon{opacity:.25}.mapboxgl-ctrl-group button:first-child{border-radius:4px 4px 0 0}.mapboxgl-ctrl-group button:last-child{border-radius:0 0 4px 4px}.mapboxgl-ctrl-group button:only-child{border-radius:inherit}.mapboxgl-ctrl button:not(:disabled):hover{background-color:#0000000d}.mapboxgl-ctrl-group button:focus:focus-visible{box-shadow:0 0 2px 2px #0096ff}.mapboxgl-ctrl-group button:focus:not(:focus-visible){box-shadow:none}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-out .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10 13c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h9c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-9z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-zoom-in .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M14.5 8.5c-.75 0-1.5.75-1.5 1.5v3h-3c-.75 0-1.5.75-1.5 1.5S9.25 16 10 16h3v3c0 .75.75 1.5 1.5 1.5S16 19.75 16 19v-3h3c.75 0 1.5-.75 1.5-1.5S19.75 13 19 13h-3v-3c0-.75-.75-1.5-1.5-1.5z%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-fullscreen .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M24 16v5.5c0 1.75-.75 2.5-2.5 2.5H16v-1l3-1.5-4-5.5 1-1 5.5 4 1.5-3h1zM6 16l1.5 3 5.5-4 1 1-4 5.5 3 1.5v1H7.5C5.75 24 5 23.25 5 21.5V16h1zm7-11v1l-3 1.5 4 5.5-1 1-5.5-4L6 13H5V7.5C5 5.75 5.75 5 7.5 5H13zm11 2.5c0-1.75-.75-2.5-2.5-2.5H16v1l3 1.5-4 5.5 1 1 5.5-4 1.5 3h1V7.5z%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-shrink .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M18.5 16c-1.75 0-2.5.75-2.5 2.5V24h1l1.5-3 5.5 4 1-1-4-5.5 3-1.5v-1h-5.5zM13 18.5c0-1.75-.75-2.5-2.5-2.5H5v1l3 1.5L4 24l1 1 5.5-4 1.5 3h1v-5.5zm3-8c0 1.75.75 2.5 2.5 2.5H24v-1l-3-1.5L25 5l-1-1-5.5 4L17 5h-1v5.5zM10.5 13c1.75 0 2.5-.75 2.5-2.5V5h-1l-1.5 3L5 4 4 5l4 5.5L5 12v1h5.5z%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23999%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-compass .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27 viewBox=%270 0 29 29%27%3E%3Cpath d=%27M10.5 14l4-8 4 8h-8z%27/%3E%3Cpath id=%27south%27 d=%27M10.5 16l4 8 4-8h-8z%27 fill=%27%23ccc%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23333%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27 viewBox=%270 0 30 30%27%3E%3Cpath d=%27M3.3335 11.6666C3.3335 12.5871 4.07969 13.3333 5.00016 13.3333C5.92064 13.3333 6.66683 12.5871 6.66683 11.6666L6.66683 6.66659L11.6668 6.66659C12.5873 6.66659 13.3335 5.92039 13.3335 4.99992C13.3335 4.07944 12.5873 3.33325 11.6668 3.33325H3.3335V11.6666Z%27 fill=%27currentColor%27/%3E%3Cpath d=%27M26.6668 11.6666C26.6668 12.5871 25.9206 13.3333 25.0002 13.3333C24.0797 13.3333 23.3335 12.5871 23.3335 11.6666L23.3335 6.66659L18.3335 6.66659C17.413 6.66659 16.6668 5.92039 16.6668 4.99992C16.6668 4.07944 17.413 3.33325 18.3335 3.33325H26.6668L26.6668 11.6666Z%27 fill=%27currentColor%27/%3E%3Cpath d=%27M13.3335 24.9999C13.3335 25.9204 12.5873 26.6666 11.6668 26.6666H3.3335V18.3333C3.3335 17.4128 4.07969 16.6666 5.00016 16.6666C5.92064 16.6666 6.66683 17.4128 6.66683 18.3333V23.3333H11.6668C12.5873 23.3333 13.3335 24.0794 13.3335 24.9999Z%27 fill=%27currentColor%27/%3E%3Cpath d=%27M18.3335 26.6666C17.413 26.6666 16.6668 25.9204 16.6668 24.9999C16.6668 24.0794 17.413 23.3333 18.3335 23.3333H23.3335V18.3333C23.3335 17.4128 24.0797 16.6666 25.0002 16.6666C25.9206 16.6666 26.6668 17.4128 26.6668 18.3333V26.6666H18.3335Z%27 fill=%27currentColor%27/%3E%3C/svg%3E");background-size:26px 26px}.mapboxgl-ctrl button.mapboxgl-ctrl-buildings-toggle.mapboxgl-ctrl-level-button-selected .mapboxgl-ctrl-icon{filter:invert(1) brightness(1)}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23aaa%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-waiting .mapboxgl-ctrl-icon{animation:mapboxgl-spin 2s linear infinite}@media (-ms-high-contrast:active){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23fff%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23999%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-active-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e58978%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%2333b5e5%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate.mapboxgl-ctrl-geolocate-background-error .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23e54e33%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27 display=%27none%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23000%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 display=%27none%27/%3E%3C/svg%3E")}.mapboxgl-ctrl button.mapboxgl-ctrl-geolocate:disabled .mapboxgl-ctrl-icon{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill=%27%23666%27%3E%3Cpath d=%27M10 4C9 4 9 5 9 5v.1A5 5 0 0 0 5.1 9H5s-1 0-1 1 1 1 1 1h.1A5 5 0 0 0 9 14.9v.1s0 1 1 1 1-1 1-1v-.1a5 5 0 0 0 3.9-3.9h.1s1 0 1-1-1-1-1-1h-.1A5 5 0 0 0 11 5.1V5s0-1-1-1zm0 2.5a3.5 3.5 0 1 1 0 7 3.5 3.5 0 1 1 0-7z%27/%3E%3Ccircle id=%27dot%27 cx=%2710%27 cy=%2710%27 r=%272%27/%3E%3Cpath id=%27stroke%27 d=%27M14 5l1 1-9 9-1-1 9-9z%27 fill=%27%23f00%27/%3E%3C/svg%3E")}}@keyframes mapboxgl-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%270.3%27 stroke=%27%23000%27 stroke-width=%273%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%270.9%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E");background-repeat:no-repeat;cursor:pointer;display:block;height:23px;margin:0 0 -4px -4px;overflow:hidden;width:88px}a.mapboxgl-ctrl-logo.mapboxgl-compact{width:23px}@media (-ms-high-contrast:active){a.mapboxgl-ctrl-logo{background-color:initial;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%271%27 stroke=%27%23000%27 stroke-width=%273%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%271%27 fill=%27%23fff%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E")}}@media (-ms-high-contrast:black-on-white){a.mapboxgl-ctrl-logo{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns=%27http://www.w3.org/2000/svg%27 xmlns:xlink=%27http://www.w3.org/1999/xlink%27 fill-rule=%27evenodd%27 viewBox=%270 0 88 23%27%3E%3Cdefs%3E%3Cpath id=%27logo%27 d=%27M11.5 2.25c5.105 0 9.25 4.145 9.25 9.25s-4.145 9.25-9.25 9.25-9.25-4.145-9.25-9.25 4.145-9.25 9.25-9.25zM6.997 15.983c-.051-.338-.828-5.802 2.233-8.873a4.395 4.395 0 013.13-1.28c1.27 0 2.49.51 3.39 1.42.91.9 1.42 2.12 1.42 3.39 0 1.18-.449 2.301-1.28 3.13C12.72 16.93 7 16 7 16l-.003-.017zM15.3 10.5l-2 .8-.8 2-.8-2-2-.8 2-.8.8-2 .8 2 2 .8z%27/%3E%3Cpath id=%27text%27 d=%27M50.63 8c.13 0 .23.1.23.23V9c.7-.76 1.7-1.18 2.73-1.18 2.17 0 3.95 1.85 3.95 4.17s-1.77 4.19-3.94 4.19c-1.04 0-2.03-.43-2.74-1.18v3.77c0 .13-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V8.23c0-.12.1-.23.23-.23h1.4zm-3.86.01c.01 0 .01 0 .01-.01.13 0 .22.1.22.22v7.55c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V15c-.7.76-1.69 1.19-2.73 1.19-2.17 0-3.94-1.87-3.94-4.19 0-2.32 1.77-4.19 3.94-4.19 1.03 0 2.02.43 2.73 1.18v-.75c0-.12.1-.23.23-.23h1.4zm26.375-.19a4.24 4.24 0 00-4.16 3.29c-.13.59-.13 1.19 0 1.77a4.233 4.233 0 004.17 3.3c2.35 0 4.26-1.87 4.26-4.19 0-2.32-1.9-4.17-4.27-4.17zM60.63 5c.13 0 .23.1.23.23v3.76c.7-.76 1.7-1.18 2.73-1.18 1.88 0 3.45 1.4 3.84 3.28.13.59.13 1.2 0 1.8-.39 1.88-1.96 3.29-3.84 3.29-1.03 0-2.02-.43-2.73-1.18v.77c0 .12-.1.23-.23.23h-1.4c-.13 0-.23-.1-.23-.23V5.23c0-.12.1-.23.23-.23h1.4zm-34 11h-1.4c-.13 0-.23-.11-.23-.23V8.22c.01-.13.1-.22.23-.22h1.4c.13 0 .22.11.23.22v.68c.5-.68 1.3-1.09 2.16-1.1h.03c1.09 0 2.09.6 2.6 1.55.45-.95 1.4-1.55 2.44-1.56 1.62 0 2.93 1.25 2.9 2.78l.03 5.2c0 .13-.1.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.8 0-1.46.7-1.59 1.62l.01 4.68c0 .13-.11.23-.23.23h-1.41c-.13 0-.23-.11-.23-.23v-4.59c0-.98-.74-1.71-1.62-1.71-.85 0-1.54.79-1.6 1.8v4.5c0 .13-.1.23-.23.23zm53.615 0h-1.61c-.04 0-.08-.01-.12-.03-.09-.06-.13-.19-.06-.28l2.43-3.71-2.39-3.65a.213.213 0 01-.03-.12c0-.12.09-.21.21-.21h1.61c.13 0 .24.06.3.17l1.41 2.37 1.4-2.37a.34.34 0 01.3-.17h1.6c.04 0 .08.01.12.03.09.06.13.19.06.28l-2.37 3.65 2.43 3.7c0 .05.01.09.01.13 0 .12-.09.21-.21.21h-1.61c-.13 0-.24-.06-.3-.17l-1.44-2.42-1.44 2.42a.34.34 0 01-.3.17zm-7.12-1.49c-1.33 0-2.42-1.12-2.42-2.51 0-1.39 1.08-2.52 2.42-2.52 1.33 0 2.42 1.12 2.42 2.51 0 1.39-1.08 2.51-2.42 2.52zm-19.865 0c-1.32 0-2.39-1.11-2.42-2.48v-.07c.02-1.38 1.09-2.49 2.4-2.49 1.32 0 2.41 1.12 2.41 2.51 0 1.39-1.07 2.52-2.39 2.53zm-8.11-2.48c-.01 1.37-1.09 2.47-2.41 2.47s-2.42-1.12-2.42-2.51c0-1.39 1.08-2.52 2.4-2.52 1.33 0 2.39 1.11 2.41 2.48l.02.08zm18.12 2.47c-1.32 0-2.39-1.11-2.41-2.48v-.06c.02-1.38 1.09-2.48 2.41-2.48s2.42 1.12 2.42 2.51c0 1.39-1.09 2.51-2.42 2.51z%27/%3E%3C/defs%3E%3Cmask id=%27clip%27%3E%3Crect x=%270%27 y=%270%27 width=%27100%25%27 height=%27100%25%27 fill=%27white%27/%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/mask%3E%3Cg id=%27outline%27 opacity=%271%27 stroke=%27%23fff%27 stroke-width=%273%27 fill=%27%23fff%27%3E%3Ccircle mask=%27url%28%23clip%29%27 cx=%2711.5%27 cy=%2711.5%27 r=%279.25%27/%3E%3Cuse xlink:href=%27%23text%27 mask=%27url%28%23clip%29%27/%3E%3C/g%3E%3Cg id=%27fill%27 opacity=%271%27 fill=%27%23000%27%3E%3Cuse xlink:href=%27%23logo%27/%3E%3Cuse xlink:href=%27%23text%27/%3E%3C/g%3E%3C/svg%3E")}}.mapboxgl-ctrl.mapboxgl-ctrl-attrib{background-color:#ffffff80;margin:0;padding:0 5px}@media screen{.mapboxgl-ctrl-attrib.mapboxgl-compact{background-color:#fff;border-radius:12px;box-sizing:initial;margin:10px;min-height:20px;padding:2px 24px 2px 0;position:relative}.mapboxgl-ctrl-attrib.mapboxgl-compact-show{padding:2px 28px 2px 8px;visibility:visible}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show,.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact-show{border-radius:12px;padding:2px 8px 2px 28px}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-inner{display:none}.mapboxgl-ctrl-attrib-button{background-color:#ffffff80;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E");border:0;border-radius:12px;box-sizing:border-box;cursor:pointer;display:none;height:24px;outline:none;position:absolute;right:0;top:0;width:24px}.mapboxgl-ctrl-bottom-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-left .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-top-left .mapboxgl-ctrl-attrib-button{left:0}.mapboxgl-ctrl-attrib.mapboxgl-compact .mapboxgl-ctrl-attrib-button,.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-inner{display:block}.mapboxgl-ctrl-attrib.mapboxgl-compact-show .mapboxgl-ctrl-attrib-button{background-color:#0000000d}.mapboxgl-ctrl-bottom-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;right:0}.mapboxgl-ctrl-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0}.mapboxgl-ctrl-top-right>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{right:0;top:0}.mapboxgl-ctrl-top-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0;top:0}.mapboxgl-ctrl-bottom-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{bottom:0;left:0}.mapboxgl-ctrl-left>.mapboxgl-ctrl-attrib.mapboxgl-compact:after{left:0}}@media screen and (-ms-high-contrast:active){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27 fill=%27%23fff%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")}}@media screen and (-ms-high-contrast:black-on-white){.mapboxgl-ctrl-attrib.mapboxgl-compact:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox=%270 0 20 20%27 xmlns=%27http://www.w3.org/2000/svg%27 fill-rule=%27evenodd%27%3E%3Cpath d=%27M4 10a6 6 0 1 0 12 0 6 6 0 1 0-12 0m5-3a1 1 0 1 0 2 0 1 1 0 1 0-2 0m0 3a1 1 0 1 1 2 0v3a1 1 0 1 1-2 0%27/%3E%3C/svg%3E")}}.mapboxgl-ctrl-attrib a{color:#000000bf;text-decoration:none}.mapboxgl-ctrl-attrib a:hover{color:inherit;text-decoration:underline}.mapboxgl-ctrl-attrib .mapbox-improve-map{font-weight:700;margin-left:2px}.mapboxgl-attrib-empty{display:none}.mapboxgl-ctrl-scale{background-color:#ffffffbf;border:2px solid #333;border-top:#333;box-sizing:border-box;color:#333;font-size:10px;padding:0 5px;white-space:nowrap}.mapboxgl-popup{display:flex;left:0;pointer-events:none;position:absolute;top:0;will-change:transform}.mapboxgl-popup-anchor-top,.mapboxgl-popup-anchor-top-left,.mapboxgl-popup-anchor-top-right{flex-direction:column}.mapboxgl-popup-anchor-bottom,.mapboxgl-popup-anchor-bottom-left,.mapboxgl-popup-anchor-bottom-right{flex-direction:column-reverse}.mapboxgl-popup-anchor-left{flex-direction:row}.mapboxgl-popup-anchor-right{flex-direction:row-reverse}.mapboxgl-popup-tip{border:10px solid #0000;height:0;width:0;z-index:1}.mapboxgl-popup-anchor-top .mapboxgl-popup-tip{align-self:center;border-bottom-color:#fff;border-top:none}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom-color:#fff;border-left:none;border-top:none}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom-color:#fff;border-right:none;border-top:none}.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip{align-self:center;border-bottom:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip{align-self:flex-start;border-bottom:none;border-left:none;border-top-color:#fff}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip{align-self:flex-end;border-bottom:none;border-right:none;border-top-color:#fff}.mapboxgl-popup-anchor-left .mapboxgl-popup-tip{align-self:center;border-left:none;border-right-color:#fff}.mapboxgl-popup-anchor-right .mapboxgl-popup-tip{align-self:center;border-left-color:#fff;border-right:none}.mapboxgl-popup-close-button{background-color:initial;border:0;border-radius:0 3px 0 0;cursor:pointer;position:absolute;right:0;top:0}.mapboxgl-popup-close-button:hover{background-color:#0000000d}.mapboxgl-popup-content{background:#fff;border-radius:3px;box-shadow:0 1px 2px #0000001a;padding:10px 10px 15px;pointer-events:auto;position:relative}.mapboxgl-popup-anchor-top-left .mapboxgl-popup-content{border-top-left-radius:0}.mapboxgl-popup-anchor-top-right .mapboxgl-popup-content{border-top-right-radius:0}.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-content{border-bottom-left-radius:0}.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-content{border-bottom-right-radius:0}.mapboxgl-popup-track-pointer{display:none}.mapboxgl-popup-track-pointer *{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.mapboxgl-map:hover .mapboxgl-popup-track-pointer{display:flex}.mapboxgl-map:active .mapboxgl-popup-track-pointer{display:none}.mapboxgl-marker{left:0;opacity:1;position:absolute;top:0;transition:opacity .2s;will-change:transform}.mapboxgl-user-location-dot,.mapboxgl-user-location-dot:before{background-color:#1da1f2;border-radius:50%;height:15px;width:15px}.mapboxgl-user-location-dot:before{animation:mapboxgl-user-location-dot-pulse 2s infinite;content:"";position:absolute}.mapboxgl-user-location-dot:after{border:2px solid #fff;border-radius:50%;box-shadow:0 0 3px #00000059;box-sizing:border-box;content:"";height:19px;left:-2px;position:absolute;top:-2px;width:19px}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading{height:0;width:0}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after,.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-bottom:7.5px solid #4aa1eb;content:"";position:absolute}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:before{border-left:7.5px solid #0000;transform:translateY(-28px) skewY(-20deg)}.mapboxgl-user-location-show-heading .mapboxgl-user-location-heading:after{border-right:7.5px solid #0000;transform:translate(7.5px,-28px) skewY(20deg)}@keyframes mapboxgl-user-location-dot-pulse{0%{opacity:1;transform:scale(1)}70%{opacity:0;transform:scale(3)}to{opacity:0;transform:scale(1)}}.mapboxgl-user-location-dot-stale{background-color:#aaa}.mapboxgl-user-location-dot-stale:after{display:none}.mapboxgl-user-location-accuracy-circle{background-color:#1da1f233;border-radius:100%;height:1px;width:1px}.mapboxgl-crosshair,.mapboxgl-crosshair .mapboxgl-interactive,.mapboxgl-crosshair .mapboxgl-interactive:active{cursor:crosshair}.mapboxgl-boxzoom{background:#fff;border:2px dotted #202020;height:0;left:0;opacity:.5;position:absolute;top:0;width:0}@media print{.mapbox-improve-map{display:none}}.mapboxgl-scroll-zoom-blocker,.mapboxgl-touch-pan-blocker{align-items:center;background:#000000b3;color:#fff;display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;height:100%;justify-content:center;left:0;opacity:0;pointer-events:none;position:absolute;text-align:center;top:0;transition:opacity .75s ease-in-out;transition-delay:1s;width:100%}.mapboxgl-scroll-zoom-blocker-show,.mapboxgl-touch-pan-blocker-show{opacity:1;transition:opacity .1s ease-in-out}.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page,.mapboxgl-canvas-container.mapboxgl-touch-pan-blocker-override.mapboxgl-scrollable-page .mapboxgl-canvas{touch-action:pan-x pan-y}.mapboxgl-ctrl-separator{background-color:#e0e0e0;height:1px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button{color:#333;font-size:18px;font-weight:700;height:50px;width:50px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:first-child{border-top-left-radius:8px;border-top-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:last-child{border-bottom-left-radius:8px;border-bottom-right-radius:8px}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button:hover{background-color:#f5f5f5}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected{background-color:#4a5568;color:#fff}.mapboxgl-ctrl button.mapboxgl-ctrl-level-button-selected:hover{background-color:#2d3748}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_about-section.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.about-section {
  background-color: #C7CCB6;
}
.about-section .about-wrapper {
  display: flex;
  max-width: 1440px;
  margin: 0 auto;
}
.about-section .about-wrapper .about-text-side {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 107px 0;
}
.about-section .about-wrapper .about-text-side .about-typography {
  max-width: 492px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 0;
}
.about-section .about-wrapper .about-text-side .about-typography h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.about-section .about-wrapper .about-text-side .about-typography .about-divider {
  height: 80px;
  width: 1px;
  background: #343B30;
  margin: 0.75rem 0;
}
.about-section .about-wrapper .about-text-side .about-typography p {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 358px;
}
.about-section .about-wrapper .about-text-side .about-typography p a {
  display: inline-block;
  text-decoration: none;
  line-height: 0;
}
.about-section .about-wrapper .about-text-side .about-typography p a .about-inline-logo {
  display: inline-block;
  height: 56px;
  width: auto;
  vertical-align: baseline;
  margin: 12px 0.15em 0;
  position: relative;
  top: 0.15em;
}
.about-section .about-wrapper .about-text-side .about-typography .button {
  margin-top: 2.5rem;
}
.about-section .about-wrapper .about-image-side {
  flex: 0 0 auto;
  padding: 88px 88px 88px 0;
}
.about-section .about-wrapper .about-image-side img {
  max-width: 624px;
  width: 100%;
  height: auto;
  display: block;
}
.about-section.about-section--light {
  background-color: #FFF6DF;
}
.about-section.about-section--light .about-text-side .about-typography .button:hover {
  color: #FFF6DF;
}
.about-section.about-section--image-left .about-wrapper {
  flex-direction: row-reverse;
}
.about-section.about-section--image-left .about-image-side {
  padding: 88px 0 88px 88px;
}
@media (max-width: 1024px) {
  .about-section .about-wrapper {
    flex-direction: column;
  }
  .about-section .about-wrapper .about-text-side {
    padding: 4.5rem 3rem;
  }
  .about-section .about-wrapper .about-text-side .about-typography h2 {
    font-size: 54px;
  }
  .about-section .about-wrapper .about-image-side {
    padding: 0 3rem 4.5rem;
    width: 100%;
    display: flex;
    justify-content: center;
  }
  .about-section .about-wrapper .about-image-side img {
    width: 100%;
    max-width: 624px;
    height: auto;
  }
  .about-section.about-section--image-left .about-wrapper {
    flex-direction: column;
  }
  .about-section.about-section--image-left .about-image-side {
    padding: 0 3rem 4.5rem;
  }
}
@media (max-width: 768px) {
  .about-section .about-wrapper .about-text-side {
    padding: 3rem 20px;
  }
  .about-section .about-wrapper .about-text-side .about-typography h2 {
    font-size: 46px;
  }
  .about-section .about-wrapper .about-image-side {
    padding: 0 1.5rem 4rem;
  }
  .about-section .about-wrapper .about-image-side img {
    height: 400px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_amenities-section.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Amenities Section Component
 * Grid layout with icons and room amenities list
 */
.amenities-section {
  padding: 5rem 4.5rem;
  position: relative;
}
@media (max-width: 768px) {
  .amenities-section {
    padding: 48px 0;
  }
}
.amenities-section .container {
  max-width: 1200px;
  margin: 0 auto;
}
.amenities-section__header {
  text-align: center;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .amenities-section__header {
    margin-bottom: 40px;
  }
}
.amenities-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.amenities-section__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
@media (max-width: 768px) {
  .amenities-section__heading {
    font-size: 57px;
    line-height: 1.1;
  }
}
.amenities-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 6rem 6rem;
  margin-bottom: 5rem;
  padding: 0 5rem;
  position: relative;
}
.amenities-section__grid::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 168px;
  background: #6e85c1;
  mix-blend-mode: lighten;
  pointer-events: none;
}
.amenities-section__grid::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 168px;
  background: #6e85c1;
  mix-blend-mode: lighten;
  pointer-events: none;
}
@media (max-width: 1024px) {
  .amenities-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 4rem 3rem;
    padding: 0 2.5rem;
  }
}
@media (max-width: 768px) {
  .amenities-section__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
    padding: 0;
    margin-bottom: 40px;
  }
  .amenities-section__grid::before, .amenities-section__grid::after {
    display: none;
  }
}
.amenities-section__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  position: relative;
  z-index: 1;
}
@media (max-width: 768px) {
  .amenities-section__item {
    gap: 24px;
  }
}
.amenities-section__icon {
  width: 204px;
  height: 152px;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: rotateX(180deg) scaleY(-1);
}
.amenities-section__icon img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  display: block;
  mix-blend-mode: multiply;
}
@media (max-width: 768px) {
  .amenities-section__icon {
    width: 152px;
    height: 113px;
  }
}
.amenities-section__label {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  text-align: center;
  padding: 0.25rem 0.5rem;
}
.amenities-section__room-amenities {
  max-width: 1264px;
  margin: 0 auto;
  padding: 3rem 6rem;
  text-align: center;
}
@media (max-width: 768px) {
  .amenities-section__room-amenities {
    padding: 0;
  }
}
.amenities-section__room-heading {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  margin: 0 0 2.5rem;
}
@media (max-width: 768px) {
  .amenities-section__room-heading {
    margin: 0 0 40px;
  }
}
.amenities-section__room-list {
  border: 1px solid #C7CCB6;
  padding: 2.5rem;
  display: inline-flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  justify-content: flex-start;
}
@media (max-width: 768px) {
  .amenities-section__room-list {
    padding: 24px 9px;
    width: 100%;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px 12px;
  }
}
.amenities-section__room-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 0.75rem;
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
}
@media (max-width: 768px) {
  .amenities-section__room-item {
    padding: 0;
    width: auto;
    justify-content: flex-start;
    text-align: left;
  }
}
.amenities-section__checkmark {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #343B30;
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_arrow-animations.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.carousel-prev,
.single-room-gallery__carousel-prev,
.gallery-navigation__button--prev,
.rooms-archive__card-arrow--prev,
.rooms-archive__club-room-arrow--prev {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.carousel-prev img,
.single-room-gallery__carousel-prev img,
.gallery-navigation__button--prev img,
.rooms-archive__card-arrow--prev img,
.rooms-archive__club-room-arrow--prev img {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
  right: -16px;
}
.carousel-prev:hover img,
.single-room-gallery__carousel-prev:hover img,
.gallery-navigation__button--prev:hover img,
.rooms-archive__card-arrow--prev:hover img,
.rooms-archive__club-room-arrow--prev:hover img {
  right: -8px;
}

.carousel-next,
.single-room-gallery__carousel-next,
.gallery-navigation__button--next,
.rooms-archive__card-arrow--next,
.rooms-archive__club-room-arrow--next {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.carousel-next img,
.single-room-gallery__carousel-next img,
.gallery-navigation__button--next img,
.rooms-archive__card-arrow--next img,
.rooms-archive__club-room-arrow--next img {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
  left: -16px;
}
.carousel-next:hover img,
.single-room-gallery__carousel-next:hover img,
.gallery-navigation__button--next:hover img,
.rooms-archive__card-arrow--next:hover img,
.rooms-archive__club-room-arrow--next:hover img {
  left: -8px;
}

.team-modal__nav-button {
  width: 50px;
  height: 16px;
  overflow: hidden;
  position: relative;
}
.team-modal__nav-button svg {
  width: 50px;
  height: 16px;
  display: block;
  position: relative;
  transition: left 0.3s ease, right 0.3s ease;
}
.team-modal__nav-button--prev svg {
  right: -16px;
}
.team-modal__nav-button--prev:hover svg {
  right: -8px;
}
.team-modal__nav-button--next svg {
  left: -16px;
}
.team-modal__nav-button--next:hover svg {
  left: -8px;
}

.error-404__button-icon,
.call-to-action__button-arrow {
  transition: transform 0.3s ease;
  will-change: transform;
}

.error-404__button:hover .error-404__button-icon,
.call-to-action__button:hover .call-to-action__button-arrow {
  transform: translateX(8px);
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_attractions-gallery.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.attractions-gallery {
  background-color: #FFF6DF;
  padding: 5rem 0;
}
.attractions-gallery__header {
  padding: 0 5rem;
  margin-bottom: 5rem;
}
@media (max-width: 768px) {
  .attractions-gallery__header {
    padding: 0;
    margin-bottom: 48px;
  }
}
.attractions-gallery__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .attractions-gallery__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.attractions-gallery__items {
  display: flex;
  flex-direction: column;
  gap: 10rem;
  position: relative;
}
@media (max-width: 768px) {
  .attractions-gallery__items {
    gap: 40px;
  }
}
.attractions-gallery__item {
  width: 100%;
}
.attractions-gallery__item-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 5.5rem;
  gap: 3rem;
}
@media (max-width: 768px) {
  .attractions-gallery__item-inner {
    flex-direction: column;
    padding: 0;
    gap: 40px;
  }
}
.attractions-gallery__item--image-left .attractions-gallery__image-wrapper {
  order: 1;
}
.attractions-gallery__item--image-left .attractions-gallery__content {
  order: 2;
}
.attractions-gallery__item--image-right .attractions-gallery__image-wrapper {
  order: 2;
}
.attractions-gallery__item--image-right .attractions-gallery__content {
  order: 1;
}
@media (max-width: 768px) {
  .attractions-gallery__item--image-right .attractions-gallery__image-wrapper {
    order: 1;
  }
  .attractions-gallery__item--image-right .attractions-gallery__content {
    order: 2;
  }
}
.attractions-gallery__image-wrapper {
  width: 712px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .attractions-gallery__image-wrapper {
    width: 100%;
    display: flex;
    justify-content: center;
  }
}
.attractions-gallery__image-container {
  position: relative;
  width: 692px;
  height: 389px;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}
.attractions-gallery__image-container:nth-child(1) {
  transform: rotate(-1.876deg);
}
@media (max-width: 768px) {
  .attractions-gallery__image-container {
    width: 322px;
    height: 181px;
    box-shadow: 4.321px 2.469px 18.518px 0px rgba(0, 0, 0, 0.17);
  }
}
.attractions-gallery__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.attractions-gallery__content {
  width: 515px;
  flex-shrink: 0;
  display: flex;
  align-items: center;
}
@media (max-width: 768px) {
  .attractions-gallery__content {
    width: 100%;
    justify-content: center;
  }
}
.attractions-gallery__text {
  width: 492px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  text-align: center;
}
@media (max-width: 768px) {
  .attractions-gallery__text {
    width: 100%;
    gap: 32px;
  }
}
.attractions-gallery__text h3 {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  margin: 0;
  color: #343B30;
}
@media (max-width: 768px) {
  .attractions-gallery__text h3 {
    font-size: 40px;
    line-height: 1;
  }
}
.attractions-gallery__text p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin: 0;
  color: #343B30;
}
.attractions-gallery__decorator {
  display: none;
}
@media (max-width: 768px) {
  .attractions-gallery__decorator {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 160px;
  }
  .attractions-gallery__decorator img, .attractions-gallery__decorator svg {
    width: 161px;
    height: 100px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_call-to-action.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.call-to-action {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
  display: flex;
  flex-direction: column;
  gap: 5rem;
  align-items: center;
  width: 100%;
}
.call-to-action__divider {
  width: 100%;
  max-width: 1264px;
  height: 1px;
  background-color: #C7CCB6;
}
.call-to-action__content {
  max-width: 1408px;
  width: 100%;
  padding: 0 4.5rem;
  display: flex;
  justify-content: center;
}
.call-to-action__text {
  max-width: 601px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
  text-align: center;
}
.call-to-action__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  width: 100%;
}
.call-to-action__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
}
.call-to-action__description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}
.call-to-action__button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  height: 52px;
  text-decoration: none;
  color: #7D3904;
  margin-top: 0.5rem;
  position: relative;
}
.call-to-action__button:hover {
  color: #7D3904;
}
.call-to-action__button-arrow {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  transform: rotate(180deg);
}
.call-to-action__button-text {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  padding-bottom: 6px;
  position: relative;
  position: relative;
  text-decoration: none;
}
.call-to-action__button-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.call-to-action__button-text:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
@media (max-width: 1024px) {
  .call-to-action {
    padding: 0 1rem 4rem;
    gap: 4rem;
  }
  .call-to-action__content {
    padding: 0 1.5rem;
  }
  .call-to-action__heading {
    font-size: 48px;
  }
  .call-to-action__description {
    font-size: 16px;
  }
}
@media (max-width: 768px) {
  .call-to-action {
    padding: 0 1rem 3rem;
    gap: 3rem;
  }
  .call-to-action__content {
    padding: 0 1rem;
  }
  .call-to-action__heading {
    font-size: 36px;
  }
  .call-to-action__description {
    font-size: 16px;
  }
  .call-to-action__button {
    font-size: 18px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_cards-feature.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.cards-feature {
  background-color: #FFF6DF;
  padding: 5rem 2rem;
  display: flex;
  flex-direction: column;
  gap: 4rem;
  align-items: center;
}
.cards-feature__grid {
  --cards-feature-grid-max: 1296px;
  --cards-feature-grid-gap: 1.5rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1.5rem;
  max-width: 1296px;
  width: 100%;
}
.cards-feature__grid--two {
  grid-template-columns: repeat(2, minmax(0, calc((var(--cards-feature-grid-max) - 2 * var(--cards-feature-grid-gap)) / 3)));
  justify-content: center;
}
.cards-feature__card {
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.cards-feature__card-image {
  height: 231px;
  overflow: hidden;
}
.cards-feature__card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.cards-feature__card-content {
  padding: 2rem 1rem 0;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  text-align: center;
}
.cards-feature__card-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  font-weight: 400;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  padding: 0 1.5rem;
}
.cards-feature__card-body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  letter-spacing: 0;
  margin: 0;
  width: 100%;
}
.cards-feature__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.cards-feature__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.cards-feature__button:hover {
  color: #FFF6DF;
}
.cards-feature__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .cards-feature {
    padding: 4rem 1.5rem;
    gap: 3rem;
  }
  .cards-feature__grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
  .cards-feature__grid--two {
    justify-content: stretch;
  }
  .cards-feature__card-heading {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .cards-feature {
    padding: 3rem 1rem;
    gap: 2.5rem;
  }
  .cards-feature__grid {
    grid-template-columns: 1fr;
    gap: 64px 1.5rem;
  }
  .cards-feature__card-image {
    height: 200px;
  }
  .cards-feature__card-heading {
    font-size: 36px;
  }
  .cards-feature__card-body {
    font-size: 15px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_contact-cta.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.contact-cta {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
}
@media (max-width: 768px) {
  .contact-cta {
    padding: 0 20px 48px;
  }
}
.contact-cta__divider {
  height: 1px;
  background-color: #C7CCB6;
  max-width: 1264px;
  margin: 0 auto 4rem;
  transform: rotate(180deg);
}
@media (max-width: 768px) {
  .contact-cta__divider {
    margin-bottom: 48px;
  }
}
.contact-cta__container {
  max-width: 1264px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 768px) {
  .contact-cta__container {
    flex-direction: column;
    align-items: center;
    gap: 32px;
  }
}
.contact-cta__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  width: 314px;
  flex-shrink: 0;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-cta__heading {
    font-size: 46px;
    line-height: 1;
    text-align: center;
    max-width: 335px;
  }
}
.contact-cta__content {
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  flex: 1;
  max-width: 730px;
}
@media (max-width: 768px) {
  .contact-cta__content {
    align-items: center;
    gap: 40px;
    width: 100%;
  }
}
.contact-cta__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 386px;
}
@media (max-width: 768px) {
  .contact-cta__body {
    text-align: center;
    max-width: 100%;
  }
}
.contact-cta__button {
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border: 1px solid #7D3904;
  background: none;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  cursor: pointer;
  transition: color 0.3s ease;
  width: -moz-fit-content;
  width: fit-content;
  overflow: hidden;
  z-index: 1;
}
@media (max-width: 768px) {
  .contact-cta__button {
    font-size: 18px;
  }
}
.contact-cta__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.3s ease;
  z-index: -1;
}
.contact-cta__button:hover {
  color: #FFF6DF;
}
.contact-cta__button:hover::before {
  transform: translateX(0);
}
.contact-cta__button:focus {
  outline: 2px solid #7D3904;
  outline-offset: 2px;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_contact-page.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.contact-page {
  background-color: #FFF6DF;
}

.contact-hero {
  background-color: #FFF6DF;
  padding: 96px 16px;
}
@media (max-width: 768px) {
  .contact-hero {
    padding: 48px 20px;
  }
}
.contact-hero__container {
  max-width: 1264px;
  margin: 0 auto;
}
.contact-hero__content {
  display: flex;
  justify-content: space-between;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-hero__content {
    flex-direction: column;
    gap: 48px;
  }
}
@media (max-width: 768px) {
  .contact-hero__content {
    justify-content: center;
    align-items: center;
  }
}
.contact-hero__left {
  flex: 0 0 540px;
}
@media (max-width: 1024px) {
  .contact-hero__left {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .contact-hero__left {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
}
.contact-hero__eyebrow {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 24px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .contact-hero__eyebrow {
    font-size: 20px;
    margin-bottom: 16px;
  }
}
.contact-hero__heading {
  font-family: "Palace", serif;
  font-weight: 400;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.contact-hero__heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 1024px) {
  .contact-hero__heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .contact-hero__heading {
    font-size: 57px;
    line-height: 1.1;
  }
}
.contact-hero__right {
  flex: 1;
}
@media (max-width: 1024px) {
  .contact-hero__right {
    flex: 0 0 100%;
  }
}

.contact-form {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
.contact-form__confirmation {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 16px;
  text-align: center;
  padding: 58.4px 16px 40px;
}
@media (max-width: 768px) {
  .contact-form__confirmation {
    padding-top: 46px;
  }
}
.contact-form__confirmation-heading {
  font-family: "Palace", sans-serif;
  font-weight: 400;
  font-size: 42px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .contact-form__confirmation-heading {
    font-size: 32px;
  }
}
.contact-form__confirmation-message {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
  color: #18120F;
  max-width: 269px;
  margin: 0;
  padding-bottom: 7px;
}
.contact-form__message {
  padding: 16px 24px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.4;
  margin-bottom: 8px;
}
.contact-form__message--error {
  background-color: #ffebee;
  border: 1px solid #f44336;
  color: #b71c1c;
}
.contact-form__group {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.contact-form__label {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
}
.contact-form__row {
  display: flex;
  gap: 16px;
}
@media (max-width: 768px) {
  .contact-form__row {
    flex-direction: column;
  }
}
.contact-form__field {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 12px;
  position: relative;
}
.contact-form__field .wpcf7-form-control-wrap {
  display: block;
  width: 100%;
}
.contact-form__field input,
.contact-form__field textarea {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  height: 53px;
  transition: border-color 0.3s ease;
}
.contact-form__field input::-moz-placeholder, .contact-form__field textarea::-moz-placeholder {
  color: #9A9C99;
}
.contact-form__field input::placeholder,
.contact-form__field textarea::placeholder {
  color: #9A9C99;
}
.contact-form__field input:focus,
.contact-form__field textarea:focus {
  outline: none;
  border-color: #343B30;
}
.contact-form__field textarea {
  height: 112px;
  resize: vertical;
  padding-top: 12px;
  padding-bottom: 12px;
}
.contact-form__field.has-error input,
.contact-form__field.has-error textarea {
  border-color: #B94E48;
  color: #B94E48;
}
.contact-form__field.has-error::after {
  content: "!";
  position: absolute;
  right: 20px;
  bottom: 16px;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  line-height: 1;
  color: #B94E48;
  pointer-events: none;
}
.contact-form__field.has-error:has(textarea)::after {
  bottom: auto;
  top: 18px;
}
.contact-form .wpcf7-response-output,
.contact-form .wpcf7-not-valid-tip {
  display: none;
}
.contact-form .wpcf7-spinner {
  margin: 0 0 0 12px;
}
.contact-form .custom-dropdown .wpcf7-form-control-wrap {
  position: absolute;
  width: 1px;
  height: 1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  white-space: nowrap;
}
.contact-form .custom-dropdown select {
  width: 1px;
  height: 1px;
}
.contact-form__select-wrapper {
  position: relative;
}
.contact-form__select-wrapper select {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  padding-right: 44px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  height: 53px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image: none;
  cursor: pointer;
}
.contact-form__select-wrapper select:invalid {
  color: #9A9C99;
}
.contact-form__select-wrapper select:focus {
  outline: none;
  border-color: #7D3904;
}
.contact-form__select-wrapper select option {
  color: #343B30;
}
.contact-form__select-wrapper select option[value=""] {
  color: #9A9C99;
}
.contact-form__select-icon {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
  width: 24px;
  height: 24px;
}
.contact-form__actions {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-top: 8px;
}
.contact-form__actions .button {
  align-self: flex-start;
}
.contact-form__consent {
  display: flex;
  gap: 16px;
  align-items: flex-start;
}
.contact-form__consent .wpcf7-form-control-wrap,
.contact-form__consent .wpcf7-form-control,
.contact-form__consent .wpcf7-list-item,
.contact-form__consent .wpcf7-list-item label {
  display: block;
  margin: 0;
}
.contact-form__consent .wpcf7-list-item-label {
  display: none;
}
.contact-form__consent input[type=checkbox] {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  margin-top: 2px;
  border: 1px solid #7D3904;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  position: relative;
  background-color: transparent;
}
.contact-form__consent input[type=checkbox]:checked {
  background-color: #7D3904;
}
.contact-form__consent input[type=checkbox]:checked::after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url("data:image/svg+xml,%3Csvg viewBox=%270 0 22 22%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath fill-rule=%27evenodd%27 clip-rule=%27evenodd%27 d=%27M18.93 6.22685L8.67691 16.4799L3.26428 11.0673L3.97139 10.3602L8.67691 15.0657L18.2229 5.51974L18.93 6.22685Z%27 fill=%27%23FFF6DF%27/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
.contact-form__consent input[type=checkbox]:focus {
  outline: 2px solid #7D3904;
  outline-offset: 2px;
}
.contact-form__consent.has-error input[type=checkbox] {
  border-color: #B94E48;
}
.contact-form__consent.has-error label {
  color: #B94E48;
}
.contact-form__consent.has-error label a {
  color: #B94E48;
}
.contact-form__consent label {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  cursor: pointer;
}
.contact-form__consent label a {
  color: #343B30;
  position: relative;
  text-decoration: none;
}
.contact-form__consent label a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #343B30;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.contact-form__consent label a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.contact-form__consent label a:hover {
  color: #7D3904;
}

.contact-faq-cta {
  background-color: #FFF6DF;
  padding: 0 88px 80px;
  display: flex;
  flex-direction: column;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-faq-cta {
    padding: 0 40px 64px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta {
    padding: 0 20px 48px;
    gap: 48px;
  }
}
.contact-faq-cta__divider {
  height: 1px;
  background-color: #C7CCB6;
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}
.contact-faq-cta__container {
  max-width: 1264px;
  margin: 0 auto;
  width: 100%;
}
.contact-faq-cta__content {
  display: flex;
  gap: 64px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__content {
    flex-direction: column;
    gap: 40px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__content {
    align-items: center;
    text-align: center;
  }
}
.contact-faq-cta__heading {
  font-family: "Palace", serif;
  font-weight: 400;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  flex: 0 0 540px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__heading {
    flex: 0 0 100%;
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.contact-faq-cta__text-wrapper {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 1024px) {
  .contact-faq-cta__text-wrapper {
    flex: 0 0 100%;
  }
}
@media (max-width: 768px) {
  .contact-faq-cta__text-wrapper {
    align-items: center;
  }
}
.contact-faq-cta__text-wrapper .button {
  align-self: flex-start;
}
@media (max-width: 768px) {
  .contact-faq-cta__text-wrapper .button {
    align-self: center;
    width: auto;
    font-size: 18px;
  }
}
.contact-faq-cta__text {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_custom-dropdown.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Custom Dropdown Component Styles
 */
.custom-dropdown {
  position: relative;
  width: 100%;
}
.custom-dropdown__trigger {
  width: 100%;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  padding: 6px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #9A9C99;
  height: 53px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  cursor: pointer;
  text-align: left;
  transition: all 0.3s ease;
}
.custom-dropdown__trigger:hover {
  border-color: #7D3904;
}
.custom-dropdown__trigger:focus {
  outline: none;
  border-color: #7D3904;
}
.custom-dropdown__value {
  flex: 1;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  margin-right: 20px;
}
.custom-dropdown__value.has-value {
  color: #343B30;
}
.custom-dropdown__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  transition: transform 0.3s ease;
}
.custom-dropdown.is-open .custom-dropdown__icon {
  transform: rotate(180deg);
}
.custom-dropdown.has-error .custom-dropdown__trigger {
  border-color: #B94E48;
}
.custom-dropdown__list {
  position: absolute;
  top: calc(100% - 1px);
  left: 0;
  right: 0;
  background-color: #FFFBF0;
  border: 0.5px solid #C7CCB6;
  max-height: 240px;
  overflow-y: auto;
  z-index: 100;
  display: none;
  list-style: none;
  margin: 0;
  padding: 0;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
}
.custom-dropdown__option {
  padding: 12px 20px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  cursor: pointer;
  transition: background-color 0.2s ease;
  border-bottom: 0.5px solid #C7CCB6;
}
.custom-dropdown__option:last-child {
  border-bottom: none;
}
.custom-dropdown__option:hover, .custom-dropdown__option.is-highlighted {
  background-color: #E3E3D3;
}
.custom-dropdown__option.is-selected {
  background-color: #E3E3D3;
  font-weight: 400;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_event-spaces.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.event-spaces {
  background-color: #FFF6DF;
  padding: 80px 0;
}
.event-spaces__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
}
.event-spaces__header {
  text-align: center;
  padding: 0 16px;
}
.event-spaces__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 16px 0;
}
.event-spaces__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}
.event-spaces__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.event-spaces__list {
  display: flex;
  flex-direction: column;
  gap: 64px;
}
.event-spaces__item {
  display: flex;
  align-items: center;
  gap: 0;
  padding: 0 89px;
}
.event-spaces__item--image-left .event-spaces__image-wrapper {
  order: 1;
}
.event-spaces__item--image-left .event-spaces__content {
  order: 2;
  padding-left: 0;
}
.event-spaces__item--image-right .event-spaces__image-wrapper {
  order: 2;
}
.event-spaces__item--image-right .event-spaces__content {
  order: 1;
  padding-right: 0;
}
.event-spaces__image-wrapper {
  flex: 0 0 692px;
  height: 389px;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}
.event-spaces__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.event-spaces__content {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 23px;
  max-width: 515px;
  margin: 0 auto;
}
.event-spaces__title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 12px 0;
}
.event-spaces__description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 392px;
}
.event-spaces__footer {
  text-align: center;
}
.event-spaces__cta {
  border: 1px solid #7D3904;
  padding: 15px 24px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  display: inline-block;
}
.event-spaces__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
@media (max-width: 1200px) {
  .event-spaces__item {
    padding: 0 40px;
  }
  .event-spaces__image-wrapper {
    flex: 0 0 500px;
    height: 350px;
  }
}
@media (max-width: 968px) {
  .event-spaces__item {
    flex-direction: column !important;
    gap: 32px;
    padding: 0 24px;
  }
  .event-spaces__item--image-left .event-spaces__image-wrapper, .event-spaces__item--image-right .event-spaces__image-wrapper {
    order: 1;
  }
  .event-spaces__item--image-left .event-spaces__content, .event-spaces__item--image-right .event-spaces__content {
    order: 2;
    padding: 0;
  }
  .event-spaces__image-wrapper {
    flex: 0 0 auto;
    width: 100%;
    max-width: 600px;
    height: 300px;
  }
}
@media (max-width: 768px) {
  .event-spaces {
    padding: 60px 0;
  }
  .event-spaces__inner {
    gap: 60px;
  }
  .event-spaces__heading {
    font-size: 48px;
  }
  .event-spaces__list {
    gap: 48px;
  }
  .event-spaces__title {
    font-size: 36px;
  }
  .event-spaces__description {
    font-size: 14px;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_events-archive.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.events-archive {
  background-color: #FFF6DF;
}
.events-archive__hero {
  background-color: #FFF6DF;
  padding: 1rem 1rem 0;
  overflow: hidden;
  height: 704px;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 768px) {
  .events-archive__hero {
    height: auto;
    flex-direction: column;
    padding: 48px 20px;
    margin: 0;
  }
}
.events-archive__hero-bg {
  position: absolute;
  top: 1rem;
  left: 1rem;
  right: 1rem;
  bottom: 0;
  z-index: 0;
}
.events-archive__hero-bg img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
@media (max-width: 768px) {
  .events-archive__hero-bg {
    position: relative;
    width: 100%;
    height: 167px;
    margin-top: 40px;
    order: 2;
    top: auto;
    left: auto;
    right: auto;
    bottom: auto;
  }
}
.events-archive__hero-content {
  position: relative;
  z-index: 1;
  max-width: 620px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  text-align: center;
}
@media (max-width: 768px) {
  .events-archive__hero-content {
    order: 1;
    width: 100%;
    gap: 16px;
  }
}
.events-archive__hero-label {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.events-archive__hero-title {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.events-archive__hero-title em {
  font-family: "Palace", serif;
  font-style: italic;
  font-size: 90px;
  text-transform: none;
}
@media (max-width: 768px) {
  .events-archive__hero-title {
    font-size: 57px;
  }
  .events-archive__hero-title em {
    font-size: 57px;
  }
}
.events-archive__hero-description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-archive__hero-actions {
  display: flex;
  gap: 2.5rem;
  align-items: center;
  margin-top: 2.5rem;
}
.events-archive__hero-btn {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
}
@media (max-width: 768px) {
  .events-archive__hero-btn {
    font-size: 18px;
  }
}
.events-archive__hero-btn--primary {
  border: 1px solid #7D3904;
  color: #7D3904;
  padding: 15px 24px;
}
.events-archive__hero-btn--primary:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
.events-archive__hero-btn--secondary {
  color: #7D3904;
  border-bottom: 1px solid #7D3904;
  padding: 1rem 0;
}
.events-archive__hero-btn--secondary:hover {
  opacity: 0.8;
}
.events-archive__calendar {
  display: flex;
  flex-direction: column;
  gap: 0;
  padding: 0;
  max-width: 1440px;
  margin: 0 auto;
  background-color: #FFF6DF;
}
@media (min-width: 1024px) {
  .events-archive__calendar {
    flex-direction: row;
  }
}
.events-archive__calendar-left {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 48px 20px;
}
@media (min-width: 1024px) {
  .events-archive__calendar-left {
    flex-direction: row;
    align-items: center;
    max-width: 630px;
    padding: 107px 88px;
  }
}
.events-archive__calendar-right {
  flex: 1;
  padding: 0 20px 48px;
  background-color: #FFF6DF;
}
@media (max-width: 768px) {
  .events-archive__calendar-right {
    text-align: center;
  }
}
@media (min-width: 1024px) {
  .events-archive__calendar-right {
    padding: 88px;
  }
}
.events-archive__calendar-content {
  flex: 1;
  max-width: 601px;
  width: 100%;
}
.events-archive__calendar-label {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 16px;
  text-align: center;
}
@media (min-width: 1024px) {
  .events-archive__calendar-label {
    font-size: 24px;
    margin: 0 0 24px;
  }
}
.events-archive__calendar-text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
}
@media (min-width: 1024px) {
  .events-archive__calendar-text {
    gap: 24px;
  }
}
.events-archive__calendar-heading {
  font-family: "Palace", serif;
  font-size: 46px;
  font-weight: 400;
  line-height: 1;
  color: #343B30;
  margin: 0;
  text-align: center;
  text-transform: uppercase;
}
.events-archive__calendar-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  text-transform: none;
}
.events-archive__calendar-heading br {
  display: block;
}
@media (min-width: 1024px) {
  .events-archive__calendar-heading {
    font-size: 68px;
    line-height: 1.05;
  }
}
.events-archive__calendar-body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  text-align: center;
  max-width: 391px;
}
.events-archive__calendar-image {
  width: 544px;
  height: 498px;
  overflow: hidden;
  display: none;
}
@media (min-width: 1024px) {
  .events-archive__calendar-image {
    display: block;
  }
}
.events-archive__calendar-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  mix-blend-mode: multiply;
}
.events-archive__events-heading {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  color: #343B30;
  margin: 0 0 40px;
}
@media (max-width: 768px) {
  .events-archive__events-heading {
    text-align: center;
  }
}
.events-archive__events-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
  margin-bottom: 32px;
}
.events-archive__event-item {
  display: flex;
  gap: 24px;
  align-items: flex-start;
}
.events-archive__event-date {
  display: flex;
  flex-direction: column;
  align-items: center;
  min-width: 60px;
}
.events-archive__event-month {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #343B30;
  text-transform: uppercase;
  letter-spacing: 1.12px;
}
.events-archive__event-day {
  font-family: "Pockota", sans-serif;
  font-size: 40px;
  font-weight: 300;
  line-height: 1;
  color: #343B30;
}
.events-archive__event-details {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.events-archive__event-recurring {
  display: inline-flex;
  align-items: center;
  color: #343B30;
  width: 16px;
  height: 16px;
}
.events-archive__event-recurring svg {
  width: 16px;
  height: 16px;
}
.events-archive__event-time {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #343B30;
}
.events-archive__event-title {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-archive__event-title a {
  color: #343B30;
  text-decoration: none;
  transition: opacity 0.3s ease;
}
.events-archive__event-title a:hover {
  opacity: 0.7;
}
.events-archive__view-more {
  display: inline-block;
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #7D3904;
  text-decoration: none;
  padding-bottom: 2px;
  position: relative;
  text-decoration: none;
}
.events-archive__view-more::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.events-archive__view-more:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.events-archive__view-more:hover {
  color: #7D3904;
}
.events-archive__book-event {
  background-color: #FFF6DF;
  padding: 48px 20px;
}
@media (min-width: 1024px) {
  .events-archive__book-event {
    padding: 5rem 1rem;
  }
}
.events-archive__book-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0;
}
@media (min-width: 1024px) {
  .events-archive__book-content {
    padding: 0 4.5rem;
  }
}
.events-archive__book-header {
  text-align: center;
  margin-bottom: 40px;
}
.events-archive__book-heading {
  font-family: "Palace", serif;
  font-size: 46px;
  line-height: 1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 12px 0;
}
.events-archive__book-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: initial;
}
@media (min-width: 1024px) {
  .events-archive__book-heading {
    font-size: 4.25rem;
    line-height: 1.05;
    margin: 0 0 1.5rem 0;
  }
}
.events-archive__book-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 24px;
}
@media (min-width: 1024px) {
  .events-archive__book-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1rem;
  }
}
.events-archive__book-card {
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
  border: 1px solid #C7CCB6;
}
.events-archive__book-card-image {
  width: 100%;
  height: 188px;
  overflow: hidden;
  border-bottom: 1px solid #C7CCB6;
  position: relative;
}
.events-archive__book-card-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.events-archive__book-card-image .reveal-parallax-wrap {
  width: 100%;
  height: 100%;
}
@media (min-width: 1024px) {
  .events-archive__book-card-image {
    height: 351px;
  }
}
.events-archive__book-card-info {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 24px 0;
  flex: 1;
}
.events-archive__book-card-text {
  padding: 0 24px;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 12px;
}
@media (min-width: 1024px) {
  .events-archive__book-card-text {
    gap: 1.5rem;
  }
}
.events-archive__book-card-heading {
  font-family: "Palace", serif;
  font-size: 40px;
  line-height: 1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
@media (min-width: 1024px) {
  .events-archive__book-card-heading {
    font-size: 3rem;
    line-height: 1.1;
  }
}
.events-archive__book-card-body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-archive__book-card-cta {
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
  margin-top: auto;
}
.events-archive__book-card-divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
}
.events-archive__book-card-btn {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  border: 1px solid #7D3904;
  padding: 12px 18px;
  text-decoration: none;
  display: inline-block;
  transition: all 0.3s ease;
}
.events-archive__book-card-btn:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
@media (min-width: 1024px) {
  .events-archive__book-card-btn {
    font-size: 20px;
    padding: 1rem 1.5rem;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_events-feature.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.events-feature {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.events-feature .events-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.events-feature .events-content .events-header {
  text-align: center;
  margin-bottom: 3.5rem;
}
.events-feature .events-content .events-header h2 {
  font-family: "Palace", serif;
  font-size: 4.25rem;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
.events-feature .events-content .events-header h2 em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.events-feature .events-content .events-header .events-subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-feature .events-content .events-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1rem;
  margin-bottom: 2.5rem;
}
.events-feature .events-content .events-grid .event-card {
  border: 1px solid #C7CCB6;
  background-color: #FFF6DF;
  display: flex;
  flex-direction: column;
}
.events-feature .events-content .events-grid .event-card .event-image {
  width: 100%;
  height: 351px;
  overflow: hidden;
  border-bottom: 1px solid #C7CCB6;
}
.events-feature .events-content .events-grid .event-card .event-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.events-feature .events-content .events-grid .event-card .event-text {
  padding: 1.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.events-feature .events-content .events-grid .event-card .event-text h3 {
  font-family: "Palace", serif;
  font-size: 3rem;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.events-feature .events-content .events-grid .event-card .event-text p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.events-feature .events-content .events-grid .event-card .event-cta {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
  margin: auto 0 1.5rem 0;
}
.events-feature .events-content .events-grid .event-card .event-cta .divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
}
@media (max-width: 1200px) {
  .events-feature {
    padding-top: 2.5rem;
  }
  .events-feature .events-content .events-header h2 {
    margin-bottom: 2rem;
  }
  .events-feature .events-content .events-grid {
    margin-bottom: 0;
  }
}
@media (max-width: 1024px) {
  .events-feature .events-content {
    padding: 0 3rem;
  }
  .events-feature .events-content .events-grid .event-card .event-image {
    height: 300px;
  }
  .events-feature .events-content .events-grid .event-card .event-info .event-text h3 {
    font-size: 40px;
  }
}
@media (max-width: 768px) {
  .events-feature {
    padding: 3rem 20px;
  }
  .events-feature .events-content {
    padding: 0;
  }
  .events-feature .events-content .events-header {
    margin-bottom: 3rem;
  }
  .events-feature .events-content .events-header h2 {
    font-size: 46px;
  }
  .events-feature .events-content .events-grid {
    grid-template-columns: 1fr;
  }
  .events-feature .events-content .events-grid .event-card .event-image {
    height: 280px;
  }
  .events-feature .events-content .events-grid .event-card .event-text {
    padding: 1.5rem 1rem;
    gap: 1rem;
  }
  .events-feature .events-content .events-grid .event-card .event-text h3 {
    font-size: 32px;
  }
  .events-feature .events-content .events-grid .event-card .event-text p {
    font-size: 14px;
  }
  .events-feature .events-content .events-grid .event-card .event-cta {
    padding: 0;
    margin: 0;
    gap: 0;
  }
  .events-feature .events-content .events-grid .event-card .event-cta .button {
    margin: 1rem;
    max-width: calc(100% - 2rem);
    text-align: center;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_faq-accordion.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.faq-accordion {
  background-color: #FFF6DF;
  padding: 6rem 1rem;
}
@media (max-width: 768px) {
  .faq-accordion {
    padding: 48px 20px;
  }
}
.faq-accordion__container {
  max-width: 1440px;
  margin: 0 auto;
}
.faq-accordion__layout {
  max-width: 1264px;
  margin: 0 auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 2rem;
}
@media (max-width: 768px) {
  .faq-accordion__layout {
    flex-direction: column;
    align-items: center;
    gap: 48px;
  }
}
.faq-accordion__category-title {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  width: 314px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .faq-accordion__category-title {
    font-size: 46px;
    line-height: 1;
    text-align: center;
  }
}
.faq-accordion__items {
  flex: 1;
  max-width: 730px;
}
@media (max-width: 768px) {
  .faq-accordion__items {
    max-width: 335px;
    width: 100%;
  }
}
.faq-accordion__item {
  position: relative;
}
.faq-accordion__item--no-answer .faq-accordion__question {
  cursor: default;
}
.faq-accordion__item--no-answer .faq-accordion__question:hover {
  background-color: transparent;
}
.faq-accordion__item-divider {
  height: 0.5px;
  background-color: #C7CCB6;
  width: 100%;
}
.faq-accordion__question {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1.5rem;
  width: 100%;
  padding: 1.5rem;
  background: none;
  border: none;
  text-align: left;
  cursor: pointer;
  transition: background-color 0.2s ease;
}
@media (max-width: 768px) {
  .faq-accordion__question {
    padding: 16px 0;
    align-items: flex-start;
  }
}
@media (min-width: 769px) {
  .faq-accordion__question:not([disabled]):hover .faq-accordion__question-text {
    transform: translate(-1rem);
  }
}
.faq-accordion__question:not([disabled]):focus {
  outline: none;
}
.faq-accordion__question[disabled] {
  cursor: default;
}
.faq-accordion__question[aria-expanded=true] .faq-accordion__icon--plus {
  display: none;
}
.faq-accordion__question[aria-expanded=true] .faq-accordion__icon--minus {
  display: block;
}
.faq-accordion__question[aria-expanded=false] .faq-accordion__icon--plus {
  display: block;
}
.faq-accordion__question[aria-expanded=false] .faq-accordion__icon--minus {
  display: none;
}
.faq-accordion__question-text {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  flex: 1;
  transform: translate(0);
  transition: transform 0.5s ease;
}
@media (max-width: 768px) {
  .faq-accordion__question-text {
    max-width: 290px;
  }
}
.faq-accordion__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
}
.faq-accordion__icon img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}
.faq-accordion__icon--minus {
  display: none;
}
.faq-accordion__answer {
  overflow: hidden;
  max-height: 0;
  opacity: 0;
  transition: max-height 0.4s cubic-bezier(0.4, 0, 0.2, 1), opacity 0.3s ease, padding 0.4s cubic-bezier(0.4, 0, 0.2, 1);
}
.faq-accordion__answer.is-open {
  max-height: 1000px;
  opacity: 1;
}
.faq-accordion__answer[hidden] {
  max-height: 0;
  opacity: 0;
}
.faq-accordion__answer-content {
  padding: 0 1.5rem 1.5rem;
}
@media (max-width: 768px) {
  .faq-accordion__answer-content {
    padding: 0 0 16px;
  }
}
.faq-accordion__answer-content p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  text-align: justify;
  max-width: 634px;
}
@media (max-width: 768px) {
  .faq-accordion__answer-content p {
    max-width: 335px;
    text-align: left;
  }
}

.faq-accordion + .faq-accordion {
  padding-top: 0;
}
@media (max-width: 768px) {
  .faq-accordion + .faq-accordion {
    padding-top: 32px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_footer.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.site-footer {
  background-color: #343B30;
  color: #FFF6DF;
  position: relative;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-bottom: none;
  border-left: none;
  border-right: none;
}

.footer-main {
  padding: 0 1rem;
}

.footer-inner {
  max-width: 1264px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  align-items: stretch;
  justify-content: space-between;
}

.footer-column {
  display: flex;
  flex-direction: column;
}

.footer-column-left {
  width: 300px;
  flex-shrink: 0;
  gap: 120px;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer-column-right {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 4rem;
  padding-top: 5rem;
  padding-bottom: 5rem;
}

.footer-divider {
  width: 1px;
  margin: 0 80px;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(180deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(180deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-bottom: none;
  border-right: none;
}

.footer-logo {
  width: 90.467px;
  height: 135px;
  flex-shrink: 0;
}
.footer-logo .footer-logo-link,
.footer-logo .custom-logo-link {
  display: block;
}
.footer-logo .footer-logo-svg,
.footer-logo .custom-logo {
  width: 100%;
  height: 100%;
  fill: #FFF6DF;
}

.footer-contact {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}

.footer-address {
  font-family: "Pockota", sans-serif;
  font-size: 28.316px;
  font-weight: 300;
  line-height: 1.1;
  color: #FFF6DF;
  margin: 0;
  max-width: 269px;
}

.footer-contact-details {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-contact-details p {
  margin: 0;
}
.footer-contact-details a {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  text-decoration: none;
  transition: color all 0.15s ease;
}
.footer-contact-details a:hover {
  color: #C7CCB6;
}

.footer-social {
  display: flex;
  gap: 0.75rem;
  align-items: center;
  height: 27px;
}
.footer-social a {
  display: block;
  width: 32px;
  height: 32px;
  color: #C7CCB6;
  transition: color all 0.15s ease;
}
.footer-social a:hover {
  color: #FFF6DF;
}
.footer-social a svg {
  width: 100%;
  height: 100%;
  display: block;
}

.footer-menus {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  width: 100%;
}

.footer-menu-column {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
.footer-menu-column:first-child {
  min-width: 126px;
}
.footer-menu-column:nth-child(2) {
  min-width: 177px;
}
.footer-menu-column:nth-child(3) {
  min-width: 192px;
}

.footer-menu-title {
  font-family: "Pockota", sans-serif;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.1;
  text-transform: uppercase;
  color: #FFF6DF;
  margin: 0;
}

.footer-menu-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
}
.footer-menu-list li {
  margin: 0;
}
.footer-menu-list a {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #C7CCB6;
  text-decoration: none;
  transition: color all 0.15s ease;
}
.footer-menu-list a:hover {
  color: #FFF6DF;
}

.footer-newsletter-social {
  display: flex;
  gap: 80px;
  align-items: flex-end;
  justify-content: space-between;
}

.footer-newsletter {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
  max-width: 691px;
}

.newsletter-title {
  font-family: "Pockota", sans-serif;
  font-size: 1.125rem;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
}

.newsletter-form {
  display: flex;
  align-items: stretch;
}
.newsletter-form input[type=email] {
  flex: 1;
  max-width: 390px;
  height: 56px;
  padding: 1rem 1.5rem;
  border: 1px solid #C7CCB6;
  background: transparent;
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1;
  color: #C7CCB6;
  text-transform: uppercase;
  margin-right: -1px;
}
.newsletter-form input[type=email]::-moz-placeholder {
  color: #C7CCB6;
}
.newsletter-form input[type=email]::placeholder {
  color: #C7CCB6;
}
.newsletter-form input[type=email]:focus {
  outline: none;
  border-color: #FFF6DF;
  color: #FFF6DF;
}
.newsletter-form button {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 56px;
  height: 56px;
  padding: 1rem;
  border: 1px solid #C7CCB6;
  background: transparent;
  color: #C7CCB6;
  cursor: pointer;
  transition: all all 0.15s ease;
}
.newsletter-form button:hover {
  background-color: #C7CCB6;
  color: #343B30;
}
.newsletter-form button svg {
  width: 24px;
  height: 24px;
}

.newsletter-form--constant-contact {
  display: block;
  width: 100%;
  height: 56px;
}
.newsletter-form--constant-contact .ctct-inline-form {
  width: 100%;
  max-width: 445px;
  height: 56px;
  margin: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-defaults {
  padding: 0 !important;
  margin: 0 !important;
  min-height: 0 !important;
  height: 56px;
  background: transparent !important;
  color: #FFF6DF !important;
  font-family: "Pockota", sans-serif !important;
}
.newsletter-form--constant-contact .ctct-form-custom > .ctct-form-header,
.newsletter-form--constant-contact .ctct-form-custom > .ctct-form-text,
.newsletter-form--constant-contact .ctct-form-custom .ctct-form-label,
.newsletter-form--constant-contact .ctct-form-custom .ctct-gdpr-text,
.newsletter-form--constant-contact .ctct-form-footer,
.newsletter-form--constant-contact .ctct-form-footer-link {
  display: none !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: hidden !important;
}
.newsletter-form--constant-contact .ctct-form-custom {
  position: relative;
  display: grid !important;
  grid-template-columns: minmax(0, 390px) 56px;
  grid-template-areas: "email button" "success success" "error error";
  align-items: stretch;
  max-width: 446px;
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-email-field-wrapper {
  grid-area: email;
  min-width: 0;
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-field {
  margin: 0 !important;
  padding: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-custom .g-recaptcha {
  position: absolute !important;
  width: 0 !important;
  height: 0 !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
}
.newsletter-form--constant-contact .ctct-form-element {
  width: 100% !important;
  max-width: none !important;
  height: 56px !important;
  padding: 1rem 1.5rem !important;
  border: 1px solid #C7CCB6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 18px !important;
  font-weight: 300 !important;
  line-height: 1 !important;
  color: #C7CCB6 !important;
  text-transform: uppercase;
  margin: 0 -1px 0 0 !important;
}
.newsletter-form--constant-contact .ctct-form-element::-moz-placeholder {
  color: #C7CCB6 !important;
  opacity: 1;
}
.newsletter-form--constant-contact .ctct-form-element::placeholder {
  color: #C7CCB6 !important;
  opacity: 1;
}
.newsletter-form--constant-contact .ctct-form-element:focus {
  outline: none !important;
  border-color: #FFF6DF !important;
  color: #FFF6DF !important;
}
.newsletter-form--constant-contact .ctct-form-button {
  grid-area: button;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 56px !important;
  min-width: 56px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 1rem !important;
  border: 1px solid #C7CCB6 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  color: #C7CCB6 !important;
  cursor: pointer;
  font-size: 0 !important;
  line-height: 1 !important;
  transition: all all 0.15s ease;
}
.newsletter-form--constant-contact .ctct-form-button::after {
  content: "";
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12H19M19 12L12 5M19 12L12 19%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat;
  mask: url("data:image/svg+xml,%3Csvg width=%2724%27 height=%2724%27 viewBox=%270 0 24 24%27 fill=%27none%27 xmlns=%27http://www.w3.org/2000/svg%27%3E%3Cpath d=%27M5 12H19M19 12L12 5M19 12L12 19%27 stroke=%27black%27 stroke-width=%272%27 stroke-linecap=%27round%27 stroke-linejoin=%27round%27/%3E%3C/svg%3E") center/contain no-repeat;
}
.newsletter-form--constant-contact .ctct-form-button:hover, .newsletter-form--constant-contact .ctct-form-button:focus {
  background-color: #C7CCB6 !important;
  color: #343B30 !important;
  outline: none !important;
}
.newsletter-form--constant-contact .ctct-form-errorMessage,
.newsletter-form--constant-contact .ctct-form-success {
  grid-column: 1/-1;
  font-family: "Pockota", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
  color: #FFF6DF !important;
  margin: 0.75rem 0 0 !important;
}
.newsletter-form--constant-contact .ctct-form-errorMessage {
  color: #FFF6DF !important;
}
.newsletter-form--constant-contact .ctct-form-success {
  grid-area: success;
  max-width: 445px;
  margin: 0 !important;
}
.newsletter-form--constant-contact .ctct-form-success .ctct-form-header,
.newsletter-form--constant-contact .ctct-form-success .ctct-form-text {
  display: block !important;
  height: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  overflow: visible !important;
  color: #FFF6DF !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 300 !important;
  line-height: 1.2 !important;
}
.newsletter-form--constant-contact .ctct-form-success .ctct-form-header {
  font-size: 1.125rem !important;
  margin-bottom: 0.5rem !important;
}

.newsletter-has-ctct-success .newsletter-form--constant-contact,
.newsletter-has-ctct-success .newsletter-form--constant-contact .ctct-inline-form,
.newsletter-has-ctct-success .newsletter-form--constant-contact .ctct-form-defaults {
  height: auto;
}
.newsletter-has-ctct-success .newsletter-title,
.newsletter-has-ctct-success .newsletter-privacy {
  display: none;
}

.newsletter-privacy {
  font-family: "Pockota", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.2;
  color: #FFF6DF;
  margin: 0;
  max-width: 445px;
}
.newsletter-privacy a {
  color: #FFF6DF;
  position: relative;
  text-decoration: none;
}
.newsletter-privacy a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #FFF6DF;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.newsletter-privacy a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.newsletter-privacy a:hover {
  color: #C7CCB6;
}

.footer-partner-logos {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 3rem;
  flex-shrink: 0;
  width: 192px;
}
.footer-partner-logos a {
  display: block;
}
.footer-partner-logos img {
  display: block;
}
.footer-partner-logos .loudoun-guild-logo {
  width: 168px;
  height: 72px;
}
.footer-partner-logos .root-stem-logo {
  width: 192px;
  height: 36.741px;
}

.footer-bar {
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-bottom: none;
  border-left: none;
  border-right: none;
  padding: 1rem;
}

.footer-bar-inner {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-family: "Pockota", sans-serif;
  font-size: 0.875rem;
  font-weight: 300;
  line-height: 1.2;
  color: #C7CCB6;
}

.footer-copyright,
.footer-credit {
  margin: 0;
  white-space: nowrap;
}

.footer-legal-links {
  display: flex;
  align-items: center;
  gap: 1.5rem;
}
.footer-legal-links a {
  color: #C7CCB6;
  position: relative;
  text-decoration: none;
}
.footer-legal-links a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.footer-legal-links a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.footer-legal-links a {
  transition: color all 0.15s ease;
  white-space: nowrap;
}
.footer-legal-links a:hover {
  color: #FFF6DF;
}

.footer-credit a {
  color: #C7CCB6;
  position: relative;
  text-decoration: none;
}
.footer-credit a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.footer-credit a:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.footer-credit a {
  transition: color all 0.15s ease;
}
.footer-credit a:hover {
  color: #FFF6DF;
}

@media (max-width: 1200px) {
  .footer-inner {
    padding: 0 2rem;
  }
  .footer-divider {
    margin: 0 3rem;
  }
}
@media (max-width: 1100px) {
  .footer-main {
    padding: 5rem 1rem;
  }
  .footer-column-left,
  .footer-column-right {
    padding-top: 0;
    padding-bottom: 0;
  }
  .footer-inner {
    flex-direction: column;
    gap: 4rem;
  }
  .footer-divider {
    display: none;
  }
  .footer-column-left {
    width: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    gap: 2rem;
  }
  .footer-column-right {
    width: 100%;
    padding-left: 0;
  }
  .footer-menus {
    justify-content: space-between;
  }
  .footer-newsletter-social {
    flex-direction: column;
    align-items: flex-start;
    gap: 2rem;
  }
  .footer-partner-logos {
    gap: 3rem;
  }
}
@media (max-width: 768px) {
  .footer-main {
    padding: 3rem 1rem 3rem;
  }
  .footer-inner {
    padding: 0;
    gap: 3rem;
  }
  .footer-column-left {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 3rem;
    width: 100%;
  }
  .footer-column-right {
    gap: 3rem;
  }
  .footer-menus {
    flex-direction: column;
    align-items: flex-start;
    text-align: left;
    gap: 2rem;
  }
  .footer-menu-column {
    width: 100%;
    align-items: flex-start;
  }
  .footer-menu-column:first-child, .footer-menu-column:nth-child(2), .footer-menu-column:nth-child(3) {
    min-width: auto;
  }
  .footer-newsletter-social {
    align-items: flex-start;
    text-align: left;
  }
  .footer-newsletter {
    width: 100%;
    align-items: flex-start;
  }
  .footer-contact {
    width: 100%;
    text-align: left;
  }
  .footer-address {
    max-width: none;
  }
  .newsletter-form {
    flex-direction: row;
    width: 100%;
  }
  .newsletter-form input[type=email] {
    max-width: none;
    width: auto;
    flex: 1;
    margin-right: -1px;
    margin-bottom: 0;
  }
  .newsletter-form button {
    width: 56px;
    flex-shrink: 0;
  }
  .footer-bar-inner {
    flex-direction: column;
    gap: 1rem;
    padding: 0 1rem;
    text-align: left;
    align-items: flex-start;
  }
  .footer-legal-links {
    flex-direction: row;
    gap: 1.5rem;
    align-items: center;
  }
  .footer-social {
    justify-content: flex-start;
    width: 100%;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_gallery-page.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gallery-page {
  background-color: #FFF6DF;
  min-height: 100vh;
}
@media (max-width: 768px) {
  .gallery-page {
    min-height: auto;
  }
}

.acf_slice .gallery-page {
  min-height: unset;
}

.gallery-hero {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.gallery-hero__container {
  max-width: 1440px;
  margin: 0 auto;
}
.gallery-hero__content {
  max-width: 624px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
  align-items: center;
}
.gallery-hero__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.gallery-hero__heading em {
  font-family: "Palace", serif;
  font-style: italic;
}

.gallery-section {
  background-color: #FFF6DF;
  padding: 0 0 80px;
  overflow: hidden;
}
.gallery-section__container {
  width: 100%;
  max-width: none;
}

.gallery-carousel {
  width: 100%;
  margin-bottom: 40px;
}
.gallery-carousel:after {
  content: "flickity";
  display: none;
}
.gallery-carousel .flickity-viewport {
  overflow: visible;
}
.gallery-carousel__slide {
  width: 52.4%;
  margin: 0 8px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.gallery-carousel__slide.is-selected {
  opacity: 1;
}
.gallery-carousel__slide:hover:not(.is-selected) {
  opacity: 0.4;
}
.gallery-carousel__image-wrapper {
  width: 100%;
  overflow: hidden;
}
.gallery-carousel__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.gallery-navigation {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-navigation__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-navigation__button {
  background: transparent;
  border: none;
  height: 16px;
  padding: 0;
  cursor: pointer;
  color: #7D3904;
}
.gallery-navigation__button svg {
  width: 100%;
  height: 100%;
}
.gallery-navigation__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: center;
  white-space: nowrap;
}
.gallery-navigation__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  max-width: 493px;
  margin: 0;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox.is-active {
  display: flex;
}
.gallery-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.9);
  backdrop-filter: blur(7px);
}
.gallery-lightbox__content {
  position: relative;
  z-index: 2;
  background-color: #343B30;
  padding: 16px 16px 48px;
  max-width: 95vw;
  max-height: 95vh;
  display: flex;
  flex-direction: column;
}
.gallery-lightbox__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  padding: 16px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.gallery-lightbox__close span {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.gallery-lightbox__close svg {
  width: 24px;
  height: 24px;
}
.gallery-lightbox__carousel {
  width: 916px;
  max-width: 100%;
  margin-bottom: 48px;
}
.gallery-lightbox__carousel:after {
  content: "flickity";
  display: none;
}
.gallery-lightbox__carousel .flickity-viewport {
  height: 515px !important;
}
.gallery-lightbox__slide {
  width: 100%;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.05);
}
.gallery-lightbox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gallery-lightbox__navigation {
  max-width: 493px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-lightbox__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-lightbox__button {
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  color: #C7CCB6;
}
.gallery-lightbox__button svg {
  width: 100%;
  height: 100%;
}
.gallery-lightbox__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.gallery-lightbox__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  text-align: center;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 1024px) {
  .gallery-hero {
    padding: 56px 16px;
  }
  .gallery-hero__heading {
    font-size: 48px;
  }
  .gallery-carousel__image-wrapper {
    height: 300px;
  }
  .gallery-navigation {
    padding: 0 24px;
  }
  .gallery-navigation__counter {
    font-size: 32px;
  }
  .gallery-lightbox__content {
    padding: 16px;
  }
  .gallery-lightbox__carousel {
    width: 100%;
  }
  .gallery-lightbox__image-wrapper {
    height: 400px;
  }
  .gallery-lightbox__navigation {
    padding: 0 24px;
  }
  .gallery-lightbox__navigation__counter {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .gallery-hero {
    padding: 40px 16px;
  }
  .gallery-hero__heading {
    font-size: 36px;
  }
  .gallery-section {
    padding: 0 34px 48px 34px;
  }
  .gallery-carousel__image-wrapper {
    height: 250px;
  }
  .gallery-navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-navigation__counter {
    font-size: 24px;
  }
  .gallery-navigation__caption {
    font-size: 16px;
  }
  .gallery-lightbox__content {
    padding: 12px 12px 32px;
  }
  .gallery-lightbox__close {
    font-size: 18px;
    padding: 12px 0;
  }
  .gallery-lightbox__carousel {
    margin-bottom: 32px;
  }
  .gallery-lightbox__image-wrapper {
    height: 300px;
  }
  .gallery-lightbox__navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-lightbox__navigation__counter {
    font-size: 24px;
  }
  .gallery-lightbox__navigation__caption {
    font-size: 16px;
  }
}
/*!************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_gallery.scss ***!
  \************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.gallery-page {
  background-color: #FFF6DF;
  width: 100%;
}

.gallery-hero {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.gallery-hero__container {
  max-width: 1440px;
  margin: 0 auto;
}
.gallery-hero__content {
  max-width: 624px;
  margin: 0 auto;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.gallery-hero__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.gallery-hero__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
}

.gallery-section {
  background-color: #FFF6DF;
  padding: 0 0 80px;
  overflow: hidden;
}
.gallery-section__container {
  width: 100%;
  max-width: none;
}

.gallery-carousel {
  width: 100%;
  margin-bottom: 40px;
}
.gallery-carousel:after {
  content: "flickity";
  display: none;
}
.gallery-carousel .flickity-viewport {
  overflow: visible;
}
.gallery-carousel__slide {
  width: 52.4%;
  margin: 0 8px;
  cursor: pointer;
  opacity: 0.3;
  transition: opacity 0.3s ease;
}
.gallery-carousel__slide.is-selected {
  opacity: 1;
}
.gallery-carousel__slide:hover:not(.is-selected) {
  opacity: 0.4;
}
.gallery-carousel__image-wrapper {
  width: 100%;
  overflow: hidden;
}
.gallery-carousel__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}

.gallery-navigation {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-navigation__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-navigation__button {
  background: transparent;
  border: none;
  height: 16px;
  padding: 0;
  cursor: pointer;
  color: #7D3904;
}
.gallery-navigation__button svg {
  width: 100%;
  height: 100%;
}
.gallery-navigation__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: center;
  white-space: nowrap;
}
.gallery-navigation__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  max-width: 493px;
  margin: 0;
}

.gallery-lightbox {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  display: none;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox.is-active {
  display: flex;
}
.gallery-lightbox__overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(3, 3, 3, 0.9);
  backdrop-filter: blur(7px);
}
.gallery-lightbox__content {
  position: relative;
  z-index: 2;
  background-color: #343B30;
  padding: 16px 16px 48px;
  max-width: 95vw;
  max-height: 95vh;
  display: flex;
  flex-direction: column;
}
.gallery-lightbox__close {
  align-self: flex-end;
  background: transparent;
  border: none;
  padding: 16px 0;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 12px;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  margin-bottom: 16px;
}
.gallery-lightbox__close span {
  text-decoration: underline;
  text-underline-offset: 6px;
}
.gallery-lightbox__close svg {
  width: 24px;
  height: 24px;
}
.gallery-lightbox__carousel {
  width: 916px;
  max-width: 100%;
  margin-bottom: 48px;
}
.gallery-lightbox__carousel:after {
  content: "flickity";
  display: none;
}
.gallery-lightbox__carousel .flickity-viewport {
  height: 515px !important;
}
.gallery-lightbox__slide {
  width: 100%;
  height: 515px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.gallery-lightbox__image-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
  background-color: rgba(255, 255, 255, 0.05);
}
.gallery-lightbox__image {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
}
.gallery-lightbox__navigation {
  max-width: 493px;
  margin: 0 auto;
  padding: 0 72px;
  display: flex;
  flex-direction: column;
  gap: 40px;
  align-items: center;
}
.gallery-lightbox__controls {
  display: flex;
  align-items: center;
  gap: 32px;
}
.gallery-lightbox__button {
  background: transparent;
  border: none;
  width: 24px;
  height: 24px;
  padding: 0;
  cursor: pointer;
  color: #C7CCB6;
}
.gallery-lightbox__button svg {
  width: 100%;
  height: 100%;
}
.gallery-lightbox__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.gallery-lightbox__caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  text-align: center;
  max-width: 100%;
  margin: 0;
}

@media (max-width: 1024px) {
  .gallery-hero {
    padding: 56px 16px;
  }
  .gallery-hero__heading {
    font-size: 48px;
  }
  .gallery-carousel__slide {
    width: 70%;
  }
  .gallery-carousel__image-wrapper {
    height: 300px;
  }
  .gallery-navigation {
    padding: 0 24px;
  }
  .gallery-lightbox__content {
    padding: 16px;
  }
  .gallery-lightbox__carousel {
    width: 100%;
  }
  .gallery-lightbox__carousel .flickity-viewport {
    height: 400px !important;
  }
  .gallery-lightbox__slide {
    height: 400px;
  }
  .gallery-lightbox__navigation {
    padding: 0 24px;
  }
}
@media (max-width: 768px) {
  .gallery-section {
    padding: 0 34px 48px 34px;
  }
  .gallery-hero {
    padding: 40px 16px;
  }
  .gallery-hero__heading {
    font-size: 36px;
  }
  .gallery-carousel__slide {
    width: 85%;
    opacity: 1 !important;
    margin: 0 3px;
  }
  .gallery-carousel__image-wrapper {
    height: 250px;
  }
  .gallery-navigation {
    padding: 0 16px;
    gap: 32px;
  }
  .gallery-navigation__counter {
    font-size: 36px;
  }
  .gallery-lightbox__content {
    padding: 12px 12px 32px;
  }
  .gallery-lightbox__close {
    font-size: 18px;
    padding: 12px 0;
  }
  .gallery-lightbox__carousel {
    margin-bottom: 32px;
  }
  .gallery-lightbox__carousel .flickity-viewport {
    height: 300px !important;
  }
  .gallery-lightbox__slide {
    height: 300px;
  }
  .gallery-lightbox__navigation {
    padding: 0 16px;
    gap: 24px;
  }
  .gallery-lightbox__counter {
    font-size: 36px;
  }
  .gallery-lightbox__caption {
    font-size: 16px;
  }
}
/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_header.scss ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.site-header {
  background-color: #343B30;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 2rem 88px;
  position: sticky;
  top: 0;
  width: 100%;
  z-index: 1000;
  transition: transform 0.5s ease, box-shadow 0.3s ease, background-color 0.4s ease;
  transform: translateY(0);
  -o-border-image: none !important;
     border-image: none !important;
  border-bottom: none !important;
}
.site-header.header-hidden {
  transform: translateY(-100%);
}
.site-header.header-light {
  background-color: #FFF6DF;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-light .menu-toggle,
.site-header.header-light .header-cta-button {
  color: #7D3904;
  border-color: #7D3904;
}
.site-header.header-light .menu-toggle svg path,
.site-header.header-light .header-cta-button svg path {
  fill: #7D3904;
}
.site-header.header-light .header-cta-button::before {
  background-color: #7D3904;
}
.site-header.header-light .header-cta-button:hover {
  color: #FFF6DF;
}
.site-header.header-light .site-branding {
  color: #7D3904;
}
.site-header.header-light .site-branding svg {
  fill: #7D3904;
}
.site-header.header-dark {
  background-color: #343B30;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #5D6259 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-dark .menu-toggle,
.site-header.header-dark .header-cta-button {
  color: #C7CCB6;
  border-color: #C7CCB6;
}
.site-header.header-dark .menu-toggle svg,
.site-header.header-dark .header-cta-button svg {
  color: #C7CCB6;
}
.site-header.header-dark .header-cta-button::before {
  background-color: #C7CCB6;
}
.site-header.header-dark .header-cta-button:hover {
  color: #343B30;
}
.site-header.header-dark .site-branding {
  color: #C7CCB6;
}
.site-header.header-dark .site-branding svg {
  fill: #C7CCB6;
}
.site-header.header-light-green {
  background-color: #C7CCB6;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
}
.site-header.header-light-green .menu-toggle,
.site-header.header-light-green .header-cta-button {
  color: #343B30;
  border-color: #343B30;
}
.site-header.header-light-green .menu-toggle svg path,
.site-header.header-light-green .header-cta-button svg path {
  fill: #343B30;
}
.site-header.header-light-green .header-cta-button::before {
  background-color: #343B30;
}
.site-header.header-light-green .header-cta-button:hover {
  color: #C7CCB6;
}
.site-header.header-light-green .site-branding {
  color: #343B30;
}
.site-header.header-light-green .site-branding svg {
  fill: #343B30;
}

.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.menu-toggle {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.76px;
  line-height: 1.2;
  text-transform: uppercase;
  transition: opacity all 0.15s ease;
}
.menu-toggle:hover {
  opacity: 0.8;
}
.menu-toggle .menu-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
  flex-shrink: 0;
}
.menu-toggle .menu-icon svg {
  width: 29px;
  height: 17px;
  display: block;
}
.menu-toggle .menu-icon svg path {
  transition: fill 0.4s ease;
}

.site-header .menu-text {
  white-space: nowrap;
}

.site-branding {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.site-branding .custom-logo-link {
  display: block;
  line-height: 0;
}
.site-branding .site-logo {
  display: block;
  width: auto;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
  transition: opacity 0.3s ease;
}

.header-cta-button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 15px 24px;
  border: 1px solid currentColor;
  font-family: "Pockota", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease, border-color 0.4s ease;
}
.header-cta-button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: currentColor;
  transform: translateX(-100%);
  transition: transform 0.4s ease, background-color 0.4s ease;
  z-index: -1;
}
.header-cta-button:hover::before {
  transform: translateX(0);
}

.primary-navigation {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 100vh;
  background-color: #C7CCB6;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  overflow-y: auto;
}
.primary-navigation[hidden] {
  display: none;
}

.nav-overlay-header {
  background-color: #C7CCB6;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-top: none;
  border-left: none;
  border-right: none;
  padding: 2rem 88px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-shrink: 0;
  overflow: hidden;
}

.menu-close-toggle {
  display: flex;
  align-items: center;
  gap: 11px;
  background: transparent;
  border: none;
  padding: 0;
  cursor: pointer;
  font-family: "Pockota", sans-serif;
  font-size: 22px;
  font-weight: 300;
  letter-spacing: 1.76px;
  line-height: 1.2;
  text-transform: uppercase;
  color: #343B30;
  transition: opacity all 0.15s ease;
}
.menu-close-toggle:hover {
  opacity: 0.75;
}
.menu-close-toggle .close-icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 36px;
  height: 36px;
}
.menu-close-toggle .close-icon svg {
  width: 18px;
  height: 18px;
}

.nav-overlay-logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}
.nav-overlay-logo a {
  display: block;
  line-height: 0;
}
.nav-overlay-logo img {
  display: block;
  width: auto;
  height: 60px;
  -o-object-fit: contain;
     object-fit: contain;
}

.nav-overlay-cta {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 1rem 1.5rem;
  border: 1px solid #343B30;
  font-family: "Pockota", sans-serif;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  color: #343B30;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.nav-overlay-cta::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.nav-overlay-cta:hover {
  color: #FFF6DF;
}
.nav-overlay-cta:hover::before {
  transform: translateX(0);
}

.nav-overlay-content {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  padding: 0 16px 16px 88px;
  flex: 1;
  gap: 16px;
}

.nav-menu-sections {
  display: flex;
  flex-direction: column;
  gap: 40px;
  min-width: 571px;
}

.nav-menu-section {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.nav-section-title {
  font-family: "Palace", serif;
  font-size: 31px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  height: 35px;
  display: flex;
  align-items: center;
}
.nav-section-title[data-split-text-reveal] {
  overflow: visible;
}
.nav-section-title[data-split-text-reveal] [data-char-mask] {
  overflow: visible;
}

.nav-section-menu {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.nav-section-menu li {
  margin: 0;
  position: relative;
}
.nav-section-menu li a {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  text-decoration: none;
  opacity: 0.75;
  transition: all all 0.15s ease;
  display: inline-block;
}
.nav-section-menu li a:hover {
  opacity: 1;
  color: #7D3904;
}
.nav-section-menu li.active a {
  color: #7D3904;
  opacity: 1;
}

.nav-overlay-image {
  flex-shrink: 0;
  width: 660px;
  height: 763px;
  overflow: hidden;
  padding-bottom: 16px;
}
.nav-overlay-image__img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
  transition: opacity 0.3s ease;
}
.nav-overlay-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}

@media (max-width: 992px) {
  .site-header {
    padding: 1.5rem 20px;
  }
  .primary-navigation {
    padding: 1.5rem 2rem;
  }
  .menu-toggle .menu-icon {
    width: 40px;
    height: 40px;
  }
}
@media (max-width: 576px) {
  .site-header {
    padding: 32px 20px;
  }
  .primary-navigation {
    padding: 0;
  }
  .menu-toggle {
    gap: 0;
  }
  .menu-toggle .menu-text {
    display: none;
  }
  .menu-toggle .menu-icon {
    width: 54px;
    height: 54px;
  }
  .menu-toggle .menu-icon svg {
    width: 42px;
    height: 25px;
  }
  .site-branding .site-logo {
    height: 54px;
  }
  .header-cta-button {
    padding: 12px 18px;
    font-size: 15px;
    width: -moz-min-content;
    width: min-content;
    white-space: normal;
    text-align: center;
    line-height: 1;
  }
  .nav-overlay-header {
    padding: 32px 20px;
  }
  .nav-overlay-header .menu-close-toggle .menu-text {
    display: none;
  }
  .nav-overlay-header .menu-close-toggle .close-icon {
    width: 54px;
    height: 54px;
  }
  .nav-overlay-header .nav-overlay-logo img {
    height: 54px;
  }
  .nav-overlay-header .nav-overlay-cta {
    padding: 12px 18px;
    font-size: 15px;
    width: -moz-min-content;
    width: min-content;
    white-space: normal;
    text-align: center;
    line-height: 1;
  }
  .nav-overlay-content {
    flex-direction: column;
    padding: 48px 20px 120px;
    gap: 40px;
  }
  .nav-overlay-image {
    display: none;
  }
  .nav-menu-sections {
    width: 100%;
    min-width: 0;
    padding-top: 0;
    align-items: center;
    text-align: center;
    gap: 40px;
  }
  .nav-menu-section {
    width: 100%;
    align-items: center;
  }
  .nav-section-title {
    justify-content: center;
    width: 100%;
    font-size: 34px;
  }
  .nav-section-title[data-split-text-reveal] {
    overflow: visible;
  }
  .nav-section-title[data-split-text-reveal] [data-char-mask] {
    overflow: visible;
  }
  .nav-section-menu {
    align-items: center;
    width: 100%;
  }
  .nav-section-menu li {
    width: 100%;
  }
  .nav-section-menu li a {
    display: block;
    width: 100%;
    font-size: 27px;
  }
  .nav-section-menu li.active a {
    padding-right: 0;
  }
  .nav-section-menu li.active a::after {
    display: none;
  }
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_hero-section.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hero-section {
  background-color: #343B30;
}
.hero-section--gallery .hero-image img {
  opacity: 0;
  transform: translateY(100px);
}
.hero-section--gallery .hero-heading,
.hero-section--gallery .hero-body,
.hero-section--gallery .hero-cta {
  opacity: 0;
  transform: translateY(40px);
}
.hero-section .hero-images-mobile {
  display: none;
}
.hero-section .hero-images {
  display: flex;
  gap: 1rem;
  padding: 1rem;
  overflow: hidden;
}
.hero-section .hero-images .hero-image {
  flex: 1;
  min-width: 0;
  aspect-ratio: 1/1;
  overflow: hidden;
}
.hero-section .hero-images .hero-image:nth-child(2), .hero-section .hero-images .hero-image:nth-child(3) {
  aspect-ratio: 4/5;
}
.hero-section .hero-images .hero-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section .hero-content {
  padding: 5rem 4.5rem;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
  background-color: #343B30;
}
.hero-section .hero-content .hero-heading {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  color: #FFF6DF;
  text-transform: uppercase;
  max-width: 624px;
  margin: 0;
}
.hero-section .hero-content .hero-heading em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.hero-section .hero-content .hero-body {
  max-width: 624px;
}
.hero-section .hero-content .hero-body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
}
.hero-section .hero-content .hero-cta {
  margin-top: 2.5rem;
}
.hero-section--images-below .hero-images {
  padding-bottom: 5rem;
}
@media (max-width: 1024px) {
  .hero-section .hero-images {
    padding: 2.5rem;
    gap: 10.5px;
  }
  .hero-section .hero-content {
    padding: 2.5rem 2.5rem 5rem 2.5rem;
  }
  .hero-section .hero-content .hero-heading {
    font-size: 90px;
  }
}
@media (max-width: 768px) {
  .hero-section .hero-images {
    display: none;
  }
  .hero-section .hero-images-mobile {
    display: block;
    padding: 1rem;
    position: relative;
    aspect-ratio: 1/1;
    overflow: hidden;
  }
  .hero-section .hero-images-mobile .hero-image-mobile {
    position: absolute;
    top: 1rem;
    left: 1rem;
    right: 1rem;
    bottom: 1rem;
    aspect-ratio: 1/1;
    overflow: hidden;
    opacity: 0;
    will-change: transform, opacity;
  }
  .hero-section .hero-images-mobile .hero-image-mobile:first-child {
    opacity: 1;
  }
  .hero-section .hero-images-mobile .hero-image-mobile .reveal-parallax-wrap {
    width: 100%;
    height: 100%;
  }
  .hero-section .hero-images-mobile .hero-image-mobile img {
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hero-section .hero-content {
    padding: 3rem 0;
    gap: 2rem;
  }
  .hero-section .hero-content .hero-heading {
    font-size: 48px;
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-body {
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-cta {
    margin-top: 20px;
    width: 100%;
    padding: 0 20px;
  }
  .hero-section .hero-content .hero-cta a {
    width: 100%;
    max-width: 432px;
  }
}

.hero-section--simple {
  padding: 1rem 1rem 0;
  background-color: #FFF6DF;
}
.hero-section--simple .hero-section__inner {
  position: relative;
  height: 704px;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.hero-section--simple .hero-section__background-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 0;
  overflow: hidden;
}
.hero-section--simple .hero-section__background-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.hero-section--simple .hero-section__background-image img[data-zoom-reveal] {
  opacity: 1;
  transform: translateY(-7.5%) scale(1.3);
  transform-origin: center center;
  will-change: transform;
}
.hero-section--simple .hero-section__overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 100%);
  z-index: 1;
}
.hero-section--simple .hero-section__content {
  position: relative;
  z-index: 2;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 2.5rem;
  padding: 0 4.5rem;
  max-width: 1296px;
  width: 100%;
  text-align: center;
}
.hero-section--simple .hero-section__label {
  font-family: "Pockota", sans-serif;
  font-size: 24px;
  font-weight: 300;
  line-height: 1.1;
  color: #FFF6DF;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--simple .hero-section__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  color: #FFF6DF;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  max-width: 704px;
}
.hero-section--simple .hero-section__back-link-wrapper {
  display: none;
}
.hero-section--simple .hero-section__mobile-image {
  display: none;
}
.hero-section--simple .hero-section__body {
  max-width: 460px;
}
.hero-section--simple .hero-section__body[data-fade-in] {
  opacity: 0;
  transform: translateY(30px);
}
.hero-section--simple .hero-section__body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #FFF6DF;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--simple .hero-section__cta[data-fade-in] {
  opacity: 0;
  transform: translateY(30px);
}
.hero-section--simple .hero-section__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #C7CCB6;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #C7CCB6;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.hero-section--simple .hero-section__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #C7CCB6;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.hero-section--simple .hero-section__button:hover {
  color: #343B30;
}
.hero-section--simple .hero-section__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .hero-section--simple .hero-section__inner {
    height: 600px;
  }
  .hero-section--simple .hero-section__content {
    padding: 0 2.5rem;
    gap: 2rem;
  }
  .hero-section--simple .hero-section__heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .hero-section--simple {
    padding: 48px 0;
  }
  .hero-section--simple .hero-section__inner {
    height: auto;
    padding: 0;
  }
  .hero-section--simple .hero-section__background-image {
    display: none;
  }
  .hero-section--simple .hero-section__overlay {
    display: none;
  }
  .hero-section--simple .hero-section__content {
    padding: 0;
    gap: 40px;
  }
  .hero-section--simple .hero-section__label {
    color: #343B30;
    padding: 0 20px;
    font-size: 20px;
  }
  .hero-section--simple .hero-section__heading {
    color: #343B30;
    padding: 0 20px;
    font-size: 57px;
    line-height: 1.1;
  }
  .hero-section--simple .hero-section__back-link-wrapper {
    display: block;
    padding: 0 20px;
  }
  .hero-section--simple .hero-section__mobile-image {
    display: block;
    width: 100%;
  }
  .hero-section--simple .hero-section__mobile-image img {
    width: 100%;
    height: auto;
    display: block;
  }
  .hero-section--simple .hero-section__body {
    padding: 0 20px;
  }
  .hero-section--simple .hero-section__body[data-fade-in] {
    transform: translateY(15px);
  }
  .hero-section--simple .hero-section__body p {
    color: #343B30;
    font-size: 18px;
  }
  .hero-section--simple .hero-section__button {
    border-color: #7D3904;
    color: #7D3904;
    font-size: 18px;
  }
  .hero-section--simple .hero-section__button::before {
    background-color: #7D3904;
  }
  .hero-section--simple .hero-section__button:hover {
    color: #FFF6DF;
  }
  .hero-section--simple .hero-section__cta[data-fade-in] {
    transform: translateY(15px);
  }
}

.hero-section--centered {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section--centered .hero-section__wrapper {
  max-width: 1046px;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 3rem;
}
.hero-section--centered .hero-section__heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  letter-spacing: 0;
  margin: 0;
  text-align: center;
}
.hero-section--centered .hero-section__back-link-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.hero-section--centered .hero-section__back-link {
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  text-decoration: none;
  padding: 1rem 0;
}
.hero-section--centered .hero-section__back-link:hover {
  color: #7D3904;
}
.hero-section--centered .hero-section__back-icon-wrapper {
  display: flex;
  align-items: center;
  padding-bottom: 5px;
  width: 50px;
  overflow: hidden;
  position: relative;
}
.hero-section--centered .hero-section__back-icon {
  width: 50px;
  height: 16px;
  position: relative;
  right: -16px;
  transition: right 0.3s ease;
}
.hero-section--centered .hero-section__back-link:hover .hero-section__back-icon {
  right: -8px;
}
.hero-section--centered .hero-section__back-text {
  position: relative;
}
.hero-section--centered .hero-section__back-text span {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  padding-bottom: 6px;
  position: relative;
  display: inline-block;
  position: relative;
  text-decoration: none;
}
.hero-section--centered .hero-section__back-text span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.hero-section--centered .hero-section__back-text span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.hero-section--centered .hero-section__centered-image {
  width: 100%;
  max-width: 838px;
  height: 418px;
  overflow: hidden;
  background-color: white;
}
.hero-section--centered .hero-section__centered-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hero-section--centered .hero-section__centered-image .reveal-parallax-wrap {
  width: 100%;
  height: 100%;
}
.hero-section--centered .hero-section__body {
  max-width: 838px;
  width: 100%;
  text-align: center;
}
.hero-section--centered .hero-section__body p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  letter-spacing: 0;
  margin: 0;
}
.hero-section--centered .hero-section__cta {
  display: flex;
  justify-content: center;
}
.hero-section--centered .hero-section__button {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  color: #7D3904;
  text-transform: uppercase;
  letter-spacing: 0;
  text-decoration: none;
  border: 1px solid #7D3904;
  padding: 1rem 1.5rem;
  display: inline-flex;
  align-items: center;
  gap: 0.75rem;
  position: relative;
  overflow: hidden;
  z-index: 1;
  transition: color 0.4s ease;
}
.hero-section--centered .hero-section__button::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #7D3904;
  transform: translateX(-100%);
  transition: transform 0.4s ease;
  z-index: -1;
}
.hero-section--centered .hero-section__button:hover {
  color: #FFF6DF;
}
.hero-section--centered .hero-section__button:hover::before {
  transform: translateX(0);
}
@media (max-width: 992px) {
  .hero-section--centered {
    padding: 4rem 1.5rem;
  }
  .hero-section--centered .hero-section__wrapper {
    gap: 2.5rem;
  }
  .hero-section--centered .hero-section__heading {
    font-size: 68px;
  }
  .hero-section--centered .hero-section__centered-image {
    height: 350px;
  }
}
@media (max-width: 768px) {
  .hero-section--centered {
    padding: 3rem 1rem;
  }
  .hero-section--centered .hero-section__wrapper {
    gap: 2rem;
  }
  .hero-section--centered .hero-section__heading {
    font-size: 48px;
  }
  .hero-section--centered .hero-section__back-link {
    font-size: 16px;
  }
  .hero-section--centered .hero-section__centered-image {
    height: 280px;
  }
  .hero-section--centered .hero-section__body p {
    font-size: 16px;
  }
}

.hero-section--minimal {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.hero-section--minimal .hero-section__minimal-wrapper {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  min-height: 200px;
}
.hero-section--minimal .hero-section__minimal-heading {
  font-family: "Palace", serif;
  font-size: 90px;
  font-weight: 400;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  text-align: center;
}
.hero-section--minimal .hero-section__minimal-heading br {
  display: block;
}
.hero-section--minimal .hero-section__minimal-heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
  text-transform: none;
}
@media (max-width: 1024px) {
  .hero-section--minimal {
    padding: 4rem 1rem;
  }
  .hero-section--minimal .hero-section__minimal-heading {
    font-size: 68px;
  }
}
@media (max-width: 768px) {
  .hero-section--minimal {
    padding: 3rem 1rem;
  }
  .hero-section--minimal .hero-section__minimal-heading {
    font-size: 48px;
  }
}
/*!****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_hero-simple.scss ***!
  \****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.hero-simple {
  background-color: #FFF6DF;
  padding: 80px 16px 48px;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-simple {
    padding: 48px 0;
  }
}
.hero-simple__inner {
  max-width: 1440px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 48px;
}
@media (max-width: 768px) {
  .hero-simple__inner {
    gap: 40px;
    padding: 0 20px;
  }
}
.hero-simple__content {
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 1046px;
  width: 100%;
}
.hero-simple__title {
  font-family: "Palace", serif;
  font-size: 90px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .hero-simple__title {
    font-size: 57px;
    line-height: 1.1;
  }
}
.hero-simple__back-link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
}
@media (max-width: 768px) {
  .hero-simple__back-link {
    font-size: 18px;
  }
}
.hero-simple__back-link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
.hero-simple__back-link span {
  padding-bottom: 6px;
  position: relative;
  position: relative;
  text-decoration: none;
}
.hero-simple__back-link span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.hero-simple__back-link span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.hero-simple__back-link:hover {
  color: #7D3904;
}
.hero-simple__image-wrapper {
  width: 100%;
  max-width: 838px;
  height: 418px;
  background-color: white;
  overflow: hidden;
}
@media (max-width: 768px) {
  .hero-simple__image-wrapper {
    height: auto;
    aspect-ratio: 2/1;
  }
}
.hero-simple__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}
.hero-simple__bottom {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 40px;
  max-width: 838px;
  width: 100%;
}
.hero-simple__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.hero-simple__cta {
  border: 1px solid #7D3904;
  padding: 15px 24px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  transition: all 0.2s ease;
  display: inline-block;
}
@media (max-width: 768px) {
  .hero-simple__cta {
    font-size: 18px;
  }
}
.hero-simple__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_history-storytelling.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * History Storytelling Section Component
 * Alternating image/text cards with rotated photos
 * Based on Figma design with decorative dashed lines
 */
.history-storytelling {
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
  background-color: #FFF6DF;
}
.history-storytelling .container {
  max-width: 1440px;
  margin: 0 auto;
  padding: 0;
  position: relative;
}
.history-storytelling__header {
  text-align: center;
  margin-bottom: 5rem;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-items: center;
}
.history-storytelling__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.history-storytelling__heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.history-storytelling__cards {
  display: flex;
  flex-direction: column;
  gap: 120px;
  position: relative;
}
.history-storytelling__card {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0;
  position: relative;
  padding: 0 89px;
}
.history-storytelling__card--image-right {
  flex-direction: row;
}
.history-storytelling__card--image-left {
  flex-direction: row;
}
.history-storytelling__image {
  flex: 0 0 692px;
  height: 389px;
  position: relative;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  background: white;
}
.history-storytelling__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.history-storytelling__card:nth-child(1) .history-storytelling__image {
  transform: rotate(-1.876deg);
}
.history-storytelling__card:nth-child(2) .history-storytelling__image {
  transform: rotate(4.35deg);
}
.history-storytelling__card:nth-child(3) .history-storytelling__image {
  transform: rotate(-3.096deg);
}
.history-storytelling__card:nth-child(4) .history-storytelling__image {
  transform: rotate(3.776deg);
}
.history-storytelling__content {
  flex: 0 0 515px;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF6DF;
  align-self: stretch;
}
.history-storytelling__text {
  width: 492px;
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  text-align: center;
}
.history-storytelling__card-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 12px;
}
.history-storytelling__card-heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.history-storytelling__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 358px;
  margin: 0 auto;
}
.history-storytelling__connector {
  width: 100%;
  max-width: 779px;
  margin: -170px auto;
  pointer-events: none;
  position: relative;
  z-index: 10;
}
.history-storytelling__connector svg {
  display: block;
  width: 100%;
  height: auto;
}
.history-storytelling__connector--desktop {
  opacity: 1;
  visibility: visible;
}
.history-storytelling__connector--mobile {
  opacity: 0;
  visibility: hidden;
  display: none;
}
.history-storytelling__decoration {
  position: absolute;
  pointer-events: none;
  z-index: 1;
}
.history-storytelling__decoration path {
  stroke: #C7CCB6;
}
.history-storytelling__decoration--1 {
  top: 621px;
  left: calc(16.67% + 95px);
  width: 733px;
  height: 242px;
}
.history-storytelling__decoration--2 {
  top: 1183px;
  left: calc(16.67% + 100px);
  width: 773px;
  height: 250px;
  transform: scaleY(-1);
}
.history-storytelling__decoration--3 {
  top: 1767px;
  left: calc(16.67% + 79px);
  width: 835px;
  height: 301px;
}
@media (max-width: 1200px) {
  .history-storytelling .container {
    max-width: 100%;
  }
  .history-storytelling__card {
    flex-direction: column !important;
    gap: 2.5rem;
    padding: 0 3rem;
  }
  .history-storytelling__image, .history-storytelling__content {
    flex: 1 1 100%;
    max-width: 100%;
  }
  .history-storytelling__image {
    width: 100%;
    max-width: 692px;
    margin: 0 auto;
  }
  .history-storytelling__content {
    padding: 0 1.5rem;
  }
  .history-storytelling__decoration--1, .history-storytelling__decoration--2, .history-storytelling__decoration--3 {
    left: 5%;
    width: 400px;
    height: auto;
  }
}
@media (max-width: 768px) {
  .history-storytelling {
    padding: 3rem 0;
  }
  .history-storytelling .container {
    padding: 0 1.5rem;
  }
  .history-storytelling__header {
    margin-bottom: 3rem;
  }
  .history-storytelling__heading {
    font-size: 46px;
    line-height: 1;
    padding: 0;
  }
  .history-storytelling__cards {
    gap: 3rem;
    align-items: center;
  }
  .history-storytelling__card {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    padding: 0;
    gap: 2.5rem;
    max-width: 335px;
    width: 100%;
  }
  .history-storytelling__card--image-right, .history-storytelling__card--image-left {
    flex-direction: column;
  }
  .history-storytelling__image {
    flex: none;
    width: 100%;
    max-width: 335px;
    height: 180px;
    position: relative;
    overflow: hidden;
    box-shadow: 4.321px 2.469px 18.518px 0px rgba(0, 0, 0, 0.17);
  }
  .history-storytelling__card:nth-child(1) .history-storytelling__image {
    transform: rotate(-1.876deg);
  }
  .history-storytelling__card:nth-child(3) .history-storytelling__image {
    transform: rotate(4.35deg);
  }
  .history-storytelling__card:nth-child(5) .history-storytelling__image {
    transform: rotate(-3.096deg);
  }
  .history-storytelling__card:nth-child(7) .history-storytelling__image {
    transform: rotate(3.776deg);
  }
  .history-storytelling__image img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .history-storytelling__content {
    flex: none;
    width: 100%;
    background: transparent;
    align-self: stretch;
  }
  .history-storytelling__text {
    width: 100%;
    max-width: 335px;
    text-align: center;
    gap: 2rem;
  }
  .history-storytelling__card-heading {
    font-size: 40px;
    line-height: 1;
  }
  .history-storytelling__body {
    font-size: 18px;
    line-height: 1.4;
    max-width: 100%;
    margin: 0;
  }
  .history-storytelling__connector {
    max-width: 186px;
    width: 186px;
    height: 160px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
  }
  .history-storytelling__connector svg {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .history-storytelling__connector--desktop {
    opacity: 0;
    visibility: hidden;
    display: none;
  }
  .history-storytelling__connector--mobile {
    opacity: 1;
    visibility: visible;
    display: flex;
  }
  .history-storytelling__decoration {
    display: none;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_horizontal-scroll.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.horizontal-scroll-section {
  position: relative;
  width: 100%;
  overflow: hidden;
  background-color: #C7CCB6;
}
.horizontal-scroll-section__sticky-viewport {
  height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  overflow: hidden;
  position: relative;
}
.horizontal-scroll-section__content {
  display: flex;
  height: 100%;
  align-items: center;
  padding-left: 10vw;
  padding-right: 10vw;
  width: -moz-max-content;
  width: max-content;
}

.hs-panel {
  display: flex;
  align-items: center;
  height: 100%;
  position: relative;
  flex-shrink: 0;
}
.hs-panel__content, .hs-panel__group {
  display: flex;
  align-items: center;
  position: relative;
}

.hs-panel--intro .hs-intro {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  text-align: center;
}
.hs-panel--intro .hs-intro__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin-bottom: 0;
}
.hs-panel--intro .hs-intro__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
  display: block;
}
.hs-panel--intro .hs-intro__body {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  width: 259px;
}

.hs-panel--heritage .hs-card--heritage-main {
  width: 534px;
  height: 534px;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--heritage .hs-card--heritage-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--heritage .hs-text--heritage {
  display: flex;
  flex-direction: column;
  gap: 24px;
  width: 293px;
  align-self: flex-start;
  margin: 0 50px;
}
.hs-panel--heritage .hs-text--heritage h3 {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.hs-panel--heritage .hs-text--heritage p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.hs-panel--heritage .hs-caption--heritage {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  text-align: right;
  transform: rotate(358.497deg);
  align-self: center;
}
.hs-panel--heritage .hs-polaroid--heritage {
  width: 391px;
  height: 391px;
  transform: rotate(4.04deg);
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  margin-top: -100px;
  overflow: hidden;
}
.hs-panel--heritage .hs-polaroid--heritage img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--chapter .hs-panel__group {
  align-items: stretch;
}
.hs-panel--chapter .hs-text-column--chapter {
  display: flex;
  flex-direction: column;
  width: 293px;
  height: 100%;
  margin-right: 60px;
  align-self: flex-start;
}
.hs-panel--chapter .hs-text-column--chapter .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  width: 283px;
}
.hs-panel--chapter .hs-text-column--chapter .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 24px 0 0 0;
}
.hs-panel--chapter .hs-text-column--chapter .hs-caption--2 {
  margin-top: 56px;
  left: -10px;
}
.hs-panel--chapter .hs-card--chapter-main {
  width: 522px;
  height: 522px;
  transform: rotate(2deg);
  box-shadow: 7.848px 4.484px 33.632px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-right: 56px;
}
.hs-panel--chapter .hs-card--chapter-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--chapter .hs-polaroid--chapter {
  width: 567px;
  height: 567px;
  box-shadow: 9.566px 5.467px 40.999px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--chapter .hs-polaroid--chapter img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--vision .hs-panel__group {
  align-items: flex-end;
}
.hs-panel--vision .hs-col-left {
  display: flex;
  flex-direction: column;
  gap: 50px;
  width: 283px;
  margin-right: 40px;
}
.hs-panel--vision .hs-col-left .hs-card--vision-small {
  width: 252px;
  height: 252px;
  box-shadow: 4.258px 2.433px 18.249px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--vision .hs-col-left .hs-card--vision-small img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--vision .hs-col-left .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 24px 0;
}
.hs-panel--vision .hs-col-left .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  width: 293px;
}
.hs-panel--vision .hs-card--vision-center {
  width: 505px;
  height: 505px;
  transform: rotate(0.562deg);
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-left: 56px;
}
.hs-panel--vision .hs-card--vision-center img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--vision .hs-col-right {
  display: flex;
  flex-direction: column;
  gap: 90px;
  margin-left: 56px;
}
.hs-panel--vision .hs-polaroid--vision {
  width: 391px;
  height: 391px;
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--vision .hs-polaroid--vision img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-panel--opening .hs-panel__group {
  align-items: flex-start;
}
.hs-panel--opening .hs-card--opening-main {
  width: 534px;
  height: 534px;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
}
.hs-panel--opening .hs-card--opening-main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.hs-panel--opening .hs-col-opening {
  display: flex;
  flex-direction: column;
  gap: 90px;
  width: 290px;
  margin-left: 50px;
}
.hs-panel--opening .hs-col-opening .hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 24px 0;
}
.hs-panel--opening .hs-col-opening .hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
.hs-panel--opening .hs-polaroid--opening {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  overflow: hidden;
  margin-left: 50px;
  box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.08);
}
.hs-panel--opening .hs-polaroid--opening img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.hs-text__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  margin-bottom: 16px;
  text-transform: uppercase;
}
.hs-text__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: #343B30;
}

.hs-connector {
  display: flex;
  align-items: center;
  justify-content: center;
}
.hs-connector svg {
  display: block;
}
.hs-connector--1 {
  margin-left: 17px;
  margin-right: 31px;
}
.hs-connector--2 {
  margin: 0 31px;
}
.hs-connector--3 {
  margin: 0 31px;
}
.hs-connector--4 {
  margin: 0 31px;
}

.hs-caption {
  position: relative;
}
.hs-caption__text {
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  line-height: 1;
  transform: rotate(0deg);
}
.hs-caption__arrow {
  position: absolute;
  width: auto;
  height: auto;
  pointer-events: none;
}
.hs-caption__arrow svg {
  width: auto;
  height: auto;
}
.hs-caption--1 {
  position: absolute;
  z-index: 5;
  bottom: 21px;
  left: 734px;
  transform: translateX(-50%);
}
.hs-caption--1 .hs-caption__text {
  text-align: left;
  transform: rotate(-5.88deg);
}
.hs-caption--1 .hs-caption__arrow {
  top: -40px;
  left: 18px;
  transform: rotate(-8deg);
}
.hs-caption--2 .hs-caption__text {
  text-align: center;
  transform: rotate(-4.45deg);
}
.hs-caption--2 .hs-caption__arrow {
  top: -12px;
  left: 240px;
}
.hs-caption--3 {
  left: -48px;
  top: 12px;
}
.hs-caption--3 .hs-caption__arrow {
  bottom: -63px;
  left: 196px;
}
.hs-caption--3 .hs-caption__text {
  text-align: center;
  transform: rotate(-8.72deg);
}
.hs-caption--4 {
  left: 24px;
  top: -24px;
}
.hs-caption--4 .hs-caption__arrow {
  top: 38px;
  left: 220px;
  transform: rotate(58deg);
}
.hs-caption--4 .hs-caption__text {
  text-align: center;
  transform: rotate(-8.83deg);
}

@media (max-width: 768px) {
  .hs-card,
  .hs-polaroid,
  .hs-card--heritage-main,
  .hs-polaroid--heritage,
  .hs-card--chapter-main,
  .hs-polaroid--chapter,
  .hs-card--vision-small,
  .hs-card--vision-center,
  .hs-polaroid--vision,
  .hs-card--opening-main {
    width: calc(100vw - 20px) !important;
    height: calc(100vw - 20px) !important;
    max-width: calc(100vw - 20px) !important;
  }
  .hs-card img,
  .hs-polaroid img,
  .hs-card--heritage-main img,
  .hs-polaroid--heritage img,
  .hs-card--chapter-main img,
  .hs-polaroid--chapter img,
  .hs-card--vision-small img,
  .hs-card--vision-center img,
  .hs-polaroid--vision img,
  .hs-card--opening-main img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .hs-polaroid__inner {
    width: 100%;
    height: 100%;
  }
  .hs-polaroid--opening {
    width: calc(100vw - 50px) !important;
    height: calc(100vw - 50px) !important;
    max-width: calc(100vw - 50px) !important;
  }
  .hs-panel--vision .hs-col-left .hs-card--vision-small {
    width: 283px !important;
    height: 283px !important;
    max-width: 283px !important;
  }
  .hs-card--vision-center {
    transform: rotate(-5deg) !important;
  }
  .hs-intro {
    align-items: flex-start;
    text-align: left;
    padding-left: 10px;
    padding-right: 10px;
  }
  .hs-intro__heading {
    font-size: 46px !important;
    text-align: left;
    width: 100%;
  }
  .hs-intro__heading br {
    display: none;
  }
  .hs-intro__heading .last-word {
    display: inline !important;
  }
  .hs-intro__body {
    width: 100%;
    max-width: none;
    text-align: left;
  }
  .hs-caption--1 {
    position: absolute;
    z-index: 5;
    bottom: -132px;
    left: 548px;
    transform: translateX(-50%);
  }
  .hs-panel--chapter .hs-text-column--chapter .hs-caption--2 {
    margin-top: 56px;
    left: -10px;
  }
  .hs-intro__heading,
  .hs-text__heading {
    font-size: 40px !important;
    line-height: 1 !important;
  }
  .hs-intro__heading > span,
  .hs-text__heading > span {
    white-space: normal !important;
  }
  .hs-intro__body,
  .hs-text__body {
    font-size: 18px;
    line-height: 1.4;
  }
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_instagram-integration.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Instagram Integration Section
 * 
 * Displays Instagram feed with heading, handle, and feed grid.
 */
.instagram-integration {
  background-color: #343B30;
  padding: 80px 16px;
}
@media (max-width: 768px) {
  .instagram-integration {
    padding: 48px 20px;
  }
}

.instagram-integration__inner {
  display: flex;
  flex-direction: column;
  gap: 40px;
  width: 100%;
  max-width: 1264px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .instagram-integration__inner {
    gap: 48px;
  }
}

.instagram-integration__header {
  display: flex;
  gap: 24px;
  align-items: center;
  width: 100%;
}
@media (max-width: 768px) {
  .instagram-integration__header {
    flex-direction: column;
    gap: 24px;
  }
}

.instagram-integration__heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1;
  color: #FFF6DF;
  text-align: center;
  text-transform: uppercase;
  white-space: nowrap;
  margin: 0;
  padding: 0;
}
@media (max-width: 768px) {
  .instagram-integration__heading {
    font-size: 40px;
    line-height: 1;
    white-space: normal;
    width: 100%;
    text-align: center;
    word-spacing: normal;
    letter-spacing: 0;
  }
}

.instagram-integration__divider {
  flex: 1 0 0;
  height: 1px;
  background-color: #5D6259;
}
@media (max-width: 768px) {
  .instagram-integration__divider {
    display: block;
    flex: none;
    width: 1px;
    height: 80px;
    background-color: #5D6259;
    align-self: center;
  }
}

.instagram-integration__handle {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1;
  color: #FFF6DF;
  text-align: center;
  white-space: nowrap;
  margin: 0;
  text-decoration: none;
  cursor: pointer;
}
.instagram-integration__handle:hover {
  color: #FFF6DF;
}
@media (max-width: 768px) {
  .instagram-integration__handle {
    font-size: 24px;
    line-height: 1.1;
  }
}

.instagram-integration__feed {
  width: 100%;
}
.instagram-integration__feed :where(.sb_instagram_header, .sbi_header_text) {
  display: none;
}
.instagram-integration__feed :where(.sbi_photo_wrap, .sbi_photo) {
  padding-bottom: 0 !important;
}
.instagram-integration__feed :where(.sbi_photo) {
  position: relative !important;
  height: auto !important;
}
.instagram-integration__feed :where(.sbi_photo) img {
  position: static !important;
  width: 100% !important;
  height: auto !important;
  -o-object-fit: contain !important;
     object-fit: contain !important;
}
/*!**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_map-embed.scss ***!
  \**************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.map-embed {
  background-color: #FFF6DF;
}
@media (max-width: 768px) {
  .map-embed {
    padding: 3rem 0;
  }
}
.map-embed__intro {
  padding: 5rem 0 0;
  text-align: center;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  align-items: center;
}
@media (max-width: 768px) {
  .map-embed__intro {
    padding: 0 1.5rem;
    gap: 2rem;
    margin-bottom: 3rem;
  }
}
.map-embed__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  max-width: 526px;
  margin: 0;
}
@media (max-width: 768px) {
  .map-embed__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.map-embed__description {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  max-width: 526px;
  margin: 0;
}
.map-embed__content-wrapper {
  width: 1440px;
  max-width: 100%;
  margin: 0 auto;
}
@media (max-width: 1440px) {
  .map-embed__content-wrapper {
    width: 100%;
  }
}
.map-embed__content {
  display: flex;
  align-items: stretch;
}
@media (max-width: 768px) {
  .map-embed__content {
    flex-direction: column;
    gap: 3rem;
  }
}
.map-embed__map {
  flex-shrink: 0;
  padding: 88px 0 88px 88px;
}
@media (max-width: 768px) {
  .map-embed__map {
    width: 100%;
    padding: 0 20px;
    display: flex;
    justify-content: center;
  }
}
.map-embed__map-container {
  width: 624px;
  height: 624px;
  max-width: 50vw;
  border: 1px solid #C7CCB6;
  position: relative;
}
@media (max-width: 768px) {
  .map-embed__map-container {
    width: 335px;
    height: 335px;
    max-width: 100vw;
  }
}
.map-embed__map-container .mapboxgl-ctrl-group {
  background-color: #FFF6DF !important;
  border: 1px solid #C7CCB6 !important;
}
.map-embed__map-container .mapboxgl-ctrl-group button {
  background-color: #FFF6DF !important;
  color: #343B30 !important;
}
.map-embed__map-container .mapboxgl-ctrl-group button:hover, .map-embed__map-container .mapboxgl-ctrl-group button:focus, .map-embed__map-container .mapboxgl-ctrl-group button:active {
  background-color: #C7CCB6 !important;
  color: #343B30 !important;
}
.map-embed__map-container .mapboxgl-ctrl-attrib {
  background-color: rgba(255, 246, 223, 0.9) !important;
  font-family: "Pockota", sans-serif;
  font-size: 10px;
}
.map-embed__map-container .mapboxgl-ctrl-attrib a {
  color: #343B30;
}
.map-embed__map-container .mapboxgl-popup {
  z-index: 100 !important;
}
.map-embed__map-container .mapboxgl-popup-content {
  background-color: #FFF6DF !important;
  border: 0.5px solid #C7CCB6 !important;
  border-radius: 0 !important;
  box-shadow: 0 2px 8px rgba(52, 59, 48, 0.15) !important;
  padding: 8px 12px !important;
  font-family: "Pockota", sans-serif !important;
  font-size: 14px !important;
  line-height: 1.2 !important;
  color: #343B30 !important;
  text-align: center !important;
}
.map-embed__map-container .mapboxgl-popup-tip {
  display: none !important;
}
.map-embed__map-container .mapboxgl-popup-close-button {
  color: #343B30 !important;
  font-size: 20px !important;
  padding: 0 4px !important;
}
.map-embed__map-container .mapboxgl-popup-close-button:hover {
  color: #7D3904 !important;
  background-color: transparent !important;
}
.map-embed__map-image {
  width: 100%;
  height: auto;
  display: block;
  border: 1px solid #C7CCB6;
}
@media (max-width: 768px) {
  .map-embed__map-image {
    width: 335px;
    height: 335px;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.map-embed__locations {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 107px 96px;
}
@media (max-width: 768px) {
  .map-embed__locations {
    padding: 0 1.5rem;
    width: 100%;
  }
}
.map-embed__locations-inner {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
@media (max-width: 768px) {
  .map-embed__locations-inner {
    align-items: center;
    gap: 2.5rem;
  }
}
.map-embed__locations-title {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .map-embed__locations-title {
    text-align: center;
  }
}
.map-embed__locations-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (max-width: 768px) {
  .map-embed__locations-list {
    width: 335px;
    max-width: 100%;
    gap: 40px;
  }
}
.map-embed__location-item {
  display: flex;
  gap: 12px;
  align-items: flex-start;
}
@media (max-width: 768px) {
  .map-embed__location-item {
    flex-direction: row;
    align-items: flex-start;
    text-align: left;
    gap: 12px;
    width: 100%;
  }
}
.map-embed__bullet {
  width: 6px;
  height: 6px;
  border: 1px solid #343B30;
  border-radius: 50%;
  flex-shrink: 0;
  margin-top: 12px;
}
@media (max-width: 768px) {
  .map-embed__bullet {
    margin-top: 9px;
    transform: rotate(45deg);
  }
}
.map-embed__location-content {
  flex: 1;
}
@media (max-width: 768px) {
  .map-embed__location-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
  }
}
.map-embed__location-main {
  display: flex;
  align-items: center;
  -moz-column-gap: 0;
       column-gap: 0;
  row-gap: 7px;
  flex-wrap: wrap;
}
@media (max-width: 768px) {
  .map-embed__location-main {
    flex-direction: column;
    align-items: flex-start;
    gap: 0;
  }
}
.map-embed__location-name {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-decoration: underline;
  text-decoration-color: #343B30;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
  display: inline-flex;
  flex-wrap: wrap;
  margin-right: 0;
}
.map-embed__location-name:has(+ .map-embed__location-distance) {
  margin-right: 19px;
}
@media (max-width: 768px) {
  .map-embed__location-name {
    margin-right: 0;
    margin-bottom: 9px;
    order: 1;
  }
}
.map-embed__location-name:not([href]) {
  text-decoration: none;
}
.map-embed__location-distance {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
  padding: 8px 12px;
  border: 0.5px solid #C7CCB6;
}
@media (max-width: 768px) {
  .map-embed__location-distance {
    order: 3;
  }
}
.map-embed__location-address {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  display: inline;
  margin: 0;
  margin-left: 0.25em;
  margin-right: 19px;
}
@media (max-width: 768px) {
  .map-embed__location-address {
    display: block;
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    order: 2;
    margin-bottom: 12px;
  }
}

.marker-pin {
  position: relative;
  cursor: pointer;
  transition: transform 0.2s ease;
}
.marker-pin.marker-pin--stablevine {
  z-index: 20;
}
.marker-pin:hover {
  transform: scale(1.05);
}
.marker-pin svg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(0 2px 6px rgba(52, 59, 48, 0.3));
}
.marker-pin--stablevine {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.marker-pin--stablevine .marker-badge {
  background-color: transparent;
  border: none;
  padding: 0;
  position: relative;
  z-index: 2;
}
.marker-pin--stablevine .marker-badge img {
  display: block;
  width: 40px;
  height: auto;
}
.marker-pin--poi svg path {
  fill: #5D6259;
}

.custom-marker-stablevine {
  background: transparent !important;
  border: none !important;
  z-index: 1000 !important;
}

.custom-marker-poi {
  background: transparent !important;
  border: none !important;
}

.leaflet-popup-content-wrapper {
  background-color: #FFF6DF;
  border: 0.5px solid #C7CCB6;
  border-radius: 0;
  box-shadow: 0 2px 8px rgba(52, 59, 48, 0.15);
  padding: 0;
}

.leaflet-popup-tip {
  background-color: #FFF6DF;
  border: 0.5px solid #C7CCB6;
  box-shadow: none;
}

.map-popup {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  line-height: 1.2;
  color: #343B30;
}
.map-popup__content {
  padding: 8px 12px;
  text-align: center;
}

.leaflet-popup-close-button {
  color: #343B30 !important;
  font-size: 20px !important;
}
.leaflet-popup-close-button:hover {
  color: #7D3904 !important;
}
/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_neighborhood-section.scss ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.neighborhood-section {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
  overflow: hidden;
}
.neighborhood-section .neighborhood-illustration {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  position: relative;
  width: 100%;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
.neighborhood-section .neighborhood-illustration img {
  width: 100%;
  height: auto;
}
.neighborhood-section .neighborhood-illustration__desktop {
  display: block;
}
.neighborhood-section .neighborhood-illustration__desktop svg .fade-in,
.neighborhood-section .neighborhood-illustration__desktop svg #left-pin,
.neighborhood-section .neighborhood-illustration__desktop svg #dashed-connector,
.neighborhood-section .neighborhood-illustration__desktop svg #right-pin {
  opacity: 0;
  visibility: hidden;
}
.neighborhood-section .neighborhood-illustration__mobile {
  display: none;
}
.neighborhood-section .neighborhood-illustration__mobile svg .fade-in,
.neighborhood-section .neighborhood-illustration__mobile svg #m-left-pin,
.neighborhood-section .neighborhood-illustration__mobile svg #m-dashed-connector,
.neighborhood-section .neighborhood-illustration__mobile svg #m-right-pin {
  opacity: 0;
  visibility: hidden;
}
.neighborhood-section .neighborhood-content {
  text-align: center;
  max-width: 624px;
  margin: 80px auto 0;
  padding: 0 2.5rem;
}
.neighborhood-section .neighborhood-content h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  margin-bottom: 2rem;
  white-space: pre-line;
  text-transform: uppercase;
}
.neighborhood-section .neighborhood-content p {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin-bottom: 3rem;
}
@media (max-width: 1520px) {
  .neighborhood-section .neighborhood-illustration__desktop svg {
    width: 100%;
    height: auto;
  }
}
@media (max-width: 1200px) {
  .neighborhood-section .neighborhood-illustration {
    padding: 3rem 1.5rem 0 1.5rem;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line {
    width: 600px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-left {
    left: 220px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-right {
    right: -220px;
  }
}
@media (max-width: 768px) {
  .neighborhood-section {
    padding: 3rem 20px;
  }
  .neighborhood-section .neighborhood-illustration {
    padding: 20px 0;
    flex-direction: column;
    align-items: center;
    gap: 3rem;
    min-height: auto;
  }
  .neighborhood-section .neighborhood-illustration__desktop {
    display: none;
  }
  .neighborhood-section .neighborhood-illustration__mobile {
    display: block;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-left .neighborhood-text,
  .neighborhood-section .neighborhood-illustration .neighborhood-right .neighborhood-text {
    font-size: 32px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-left .neighborhood-image {
    width: 180px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-right .neighborhood-image {
    width: 120px;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line {
    position: relative;
    top: auto;
    left: auto;
    transform: none;
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 725/185;
  }
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-left,
  .neighborhood-section .neighborhood-illustration .neighborhood-connecting-line .pin-right {
    display: none;
  }
  .neighborhood-section .neighborhood-content {
    margin-top: 4rem;
    padding: 0;
  }
  .neighborhood-section .neighborhood-content h2 {
    font-size: 46px;
  }
  .neighborhood-section .neighborhood-content p {
    margin-bottom: 2.5rem;
  }
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_offers-feature.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.offers-feature {
  background-color: #FFF6DF;
  padding: 4.5rem 1rem;
}
.offers-feature .offers-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.offers-feature .offers-content .offers-header {
  text-align: center;
  margin-bottom: 3rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.offers-feature .offers-content .offers-header h2 {
  font-family: "Palace", serif;
  font-size: 4.25rem;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.offers-feature .offers-content .offers-header h2 .last-word {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.offers-feature .offers-content .offers-header .offers-subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 273px;
}
.offers-feature .offers-content .offers-header .button {
  margin-top: 1.5rem;
}
.offers-feature .offers-content .offers-carousel {
  position: relative;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 487px;
  height: 487px;
  perspective: 1500px;
  pointer-events: none;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image {
  position: absolute;
  width: 414px;
  height: 414px;
  background: white;
  box-shadow: 7px 4px 30px 0 rgba(0, 0, 0, 0.17);
  overflow: hidden;
  left: 50%;
  top: 50%;
  transform-origin: center bottom;
  transform-style: preserve-3d;
  will-change: transform;
  display: none;
}
.offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track {
  position: relative;
  min-height: 487px;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item {
  display: none;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 3rem;
  min-height: 487px;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left {
  flex: 0 0 294px;
  padding-top: 150px;
  text-align: right;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left h3 {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  font-weight: 300;
  line-height: 1.1;
  color: #343B30;
  margin: 0 0 1rem 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left .offer-dates {
  font-family: "Pockota", sans-serif;
  font-size: 14px;
  font-weight: 300;
  line-height: 1.2;
  color: #6b675e;
  margin: 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
  flex: 0 0 283px;
  padding-top: 150px;
  margin-left: auto;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right p {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.4;
  color: #343B30;
  margin: 0 0 1.5rem 0;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline {
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  font-weight: 300;
  line-height: 1;
  text-transform: uppercase;
  color: #7D3904;
  text-decoration: none;
  display: inline-block;
  padding: 1rem 0 6px 0;
  position: relative;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.offers-feature .offers-content .offers-carousel .carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.offers-feature .offers-content .offers-carousel .carousel-nav button {
  background: none;
  border: none;
  cursor: pointer !important;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
}
.offers-feature .offers-content .offers-carousel .carousel-nav button:disabled {
  cursor: pointer !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-prev:disabled img {
  right: -16px !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-next:disabled img {
  left: -16px !important;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  font-weight: 400;
  line-height: 1;
  color: #7D3904;
  white-space: nowrap;
}
.offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter .current {
  display: inline-block;
  min-width: 1ch;
}
@media (max-width: 1260px) {
  .offers-feature {
    padding: 3rem 1.5rem;
  }
  .offers-feature .offers-content {
    padding: 0;
  }
  .offers-feature .offers-content .offers-header {
    margin-bottom: 4rem;
    gap: 2rem;
  }
  .offers-feature .offers-content .offers-header h2 {
    font-size: 46px;
  }
  .offers-feature .offers-content .offers-header .offers-subheading {
    max-width: 100%;
  }
  .offers-feature .offers-content .offers-header .button {
    margin-top: 8px;
  }
  .offers-feature .offers-content .offers-carousel {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto 351px auto auto;
    row-gap: 2.5rem;
    justify-items: center;
    overflow: hidden;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track {
    width: 100%;
    min-height: auto;
    display: contents;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item {
    display: none;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active {
    display: contents;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-left,
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-right {
    visibility: visible;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left,
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
    visibility: hidden;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-left, .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item.active .offer-text-right {
    visibility: visible;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left {
    grid-row: 1;
    text-align: center;
    padding-top: 0;
    margin-bottom: 0;
    width: 100%;
    height: 156px;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-left h3 {
    font-size: 32px;
    margin-bottom: 2rem;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right {
    grid-row: 4;
    text-align: center;
    padding-top: 0;
    margin-left: 0;
    margin-top: 0;
    width: 100%;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right p {
    margin-bottom: 1.5rem;
  }
  .offers-feature .offers-content .offers-carousel .offers-carousel-track .offer-item .offer-text-right .button-underline {
    font-size: 18px;
  }
  .offers-feature .offers-content .offers-carousel .offers-images-stack {
    grid-row: 2;
    position: relative;
    top: 0;
    left: 0;
    transform: none;
    width: 335px;
    height: 335px;
    perspective: 800px;
    margin: 0 auto 1rem auto;
  }
  .offers-feature .offers-content .offers-carousel .offers-images-stack .offer-image {
    width: 285px;
    height: 285px;
    max-width: 100%;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav {
    grid-row: 3;
    position: relative;
    width: unset;
    left: unset;
    transform: unset;
    top: 0;
    gap: 29px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav button img {
    width: 32px;
    height: 32px;
  }
  .offers-feature .offers-content .offers-carousel .carousel-nav .carousel-counter {
    font-size: 36px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_page-transition.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.page-transition-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  z-index: 99999;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
  transform: translateY(0);
  will-change: transform;
}
.page-transition-overlay.is-hidden {
  pointer-events: none;
}

.page-transition-overlay__video-wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.page-transition-overlay__video {
  width: 90%;
  max-width: 800px;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
}
/*!*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_related-events.scss ***!
  \*******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.related-events {
  background-color: #FFF6DF;
  padding: 80px 16px;
}
.related-events__divider {
  max-width: 1264px;
  margin: 0 auto 80px;
  height: 1px;
  background-color: #5D6259;
}
.related-events__inner {
  max-width: 601px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  text-align: center;
}
.related-events__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
}
.related-events__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}
.related-events__link {
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 16px 0;
  margin-top: 16px;
  text-decoration: none;
  color: #7D3904;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  text-transform: uppercase;
  position: relative;
}
.related-events__link::after {
  content: "";
  position: absolute;
  bottom: 10px;
  left: 36px;
  right: 0;
  height: 1px;
  background-color: #7D3904;
}
.related-events__link svg {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .related-events {
    padding: 60px 16px;
  }
  .related-events__divider {
    margin-bottom: 60px;
  }
  .related-events__heading {
    font-size: 48px;
  }
  .related-events__subheading {
    font-size: 16px;
  }
}
/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_reveal-parallax.scss ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Scroll Reveal Parallax Animation Styles
 * Supports the Kettmeir-inspired animation system
 */
.reveal-parallax-wrap, .hero-gallery__item.has-reveal-parallax, .double-col__img.has-reveal-parallax {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.reveal-parallax-cover {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #343B30;
  transform-origin: top;
  z-index: 2;
  pointer-events: none;
}
.reveal-parallax-cover--pine {
  background-color: #343B30;
}
.reveal-parallax-cover--midnight {
  background-color: #343B30;
}
.reveal-parallax-cover--lichen {
  background-color: #C7CCB6;
}

.reveal-parallax-image {
  position: relative;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  z-index: 1;
  opacity: 0;
  backface-visibility: hidden;
  transform-style: preserve-3d;
  display: block;
  will-change: transform;
  min-width: 100%;
  min-height: 100%;
}

.content-section .reveal-parallax-wrap, .content-section .double-col__img.has-reveal-parallax, .content-section .hero-gallery__item.has-reveal-parallax {
  border-radius: 0;
}

@media (prefers-reduced-motion: reduce) {
  .reveal-parallax-cover {
    transition: none;
  }
  .reveal-parallax-image {
    will-change: auto;
    transform: scale(1) !important;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_rooms.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.rooms-section {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}
.rooms-section .rooms-content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  gap: 4rem;
  align-items: center;
  justify-content: space-between;
}
.rooms-section .rooms-content .rooms-text {
  flex: 0 0 517px;
}
.rooms-section .rooms-content .rooms-text h2 {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 1.5rem 0;
}
.rooms-section .rooms-content .rooms-text h2 em {
  font-family: "Palace", serif;
  font-style: italic;
  font-weight: 400;
}
.rooms-section .rooms-content .rooms-text p {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0 0 3rem 0;
  max-width: 466px;
}
.rooms-section .rooms-content .rooms-text .rooms-ctas {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
}
.rooms-section .rooms-content .rooms-carousel {
  flex: 1;
  max-width: 565px;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track {
  opacity: 0;
  transition: opacity 0.3s ease;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track.flickity-enabled {
  opacity: 1;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track.flickity-enabled .flickity-slider {
  transition: none !important;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide {
  width: 100%;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images {
  display: flex;
  gap: 12px;
  margin-bottom: 2rem;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper {
  flex: 1;
  height: 455px;
  position: relative;
  overflow: hidden;
  background-color: #343B30;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper .room-image {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper .room-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  opacity: 0;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide.is-selected .rooms-images .room-image-wrapper img {
  transition: opacity 0.6s ease;
  transition-delay: 0.4s;
  opacity: 1;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide.is-selected .rooms-images .room-image-wrapper:nth-child(2) img {
  transition-delay: 0.65s;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .room-caption {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .room-caption u {
  text-decoration: underline;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 2rem;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav button {
  background: none;
  border: none;
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  cursor: pointer;
  padding: 0;
  line-height: 1;
  height: 16px;
}
.rooms-section .rooms-content .rooms-carousel .carousel-nav .carousel-counter {
  font-family: "Helga", serif;
  font-size: 40px;
  color: #7D3904;
  line-height: 1;
}
@media (max-width: 1200px) {
  .rooms-section .rooms-content {
    flex-direction: column;
  }
  .rooms-section .rooms-content .rooms-text {
    flex: none;
    width: 100%;
    max-width: 624px;
    text-align: center;
  }
  .rooms-section .rooms-content .rooms-text .rooms-ctas {
    justify-content: center;
  }
  .rooms-section .rooms-content .rooms-text h2 {
    margin-bottom: 2rem;
  }
  .rooms-section .rooms-content .rooms-text p {
    max-width: none;
    margin-bottom: 2.5rem;
  }
  .rooms-section .rooms-content .rooms-carousel {
    width: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .rooms-section {
    padding: 3rem 0;
  }
  .rooms-section .rooms-content {
    padding: 0;
  }
  .rooms-section .rooms-content .rooms-text {
    padding: 0 20px;
  }
  .rooms-section .rooms-content .rooms-text h2 {
    font-size: 46px;
  }
  .rooms-section .rooms-content .rooms-carousel {
    padding: 0 20px;
  }
  .rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images {
    gap: 8px;
  }
  .rooms-section .rooms-content .rooms-carousel .rooms-carousel-track .rooms-carousel-slide .rooms-images .room-image-wrapper {
    height: 270px;
  }
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_specs-section.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Specs Section Block Styles
 * Generic alternating image/text section for specifications, spaces, features, etc.
 */
.specs-section {
  background-color: #FFF6DF;
  padding: 5rem 1rem;
}

.specs-section__inner {
  max-width: 1408px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  gap: 80px;
  padding: 0 4.5rem;
}

.specs-section__header {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 16px;
}

.specs-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.specs-section__heading .last-word {
  font-family: "Palace", sans-serif;
  font-style: italic;
}

.specs-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  max-width: 500px;
}

.specs-section__list {
  display: flex;
  flex-direction: column;
  gap: 64px;
}

.specs-section__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}

.specs-section__item--image-left {
  flex-direction: row;
}
.specs-section__item--image-left .specs-section__image-wrapper {
  order: 1;
}
.specs-section__item--image-left .specs-section__content {
  order: 2;
}

.specs-section__item--image-right {
  flex-direction: row;
}
.specs-section__item--image-right .specs-section__image-wrapper {
  order: 2;
}
.specs-section__item--image-right .specs-section__content {
  order: 1;
}

.specs-section__image-wrapper {
  width: 692px;
  height: 389px;
  flex-shrink: 0;
  overflow: hidden;
  box-shadow: 9.285px 5.306px 39.794px 0px rgba(0, 0, 0, 0.17);
}

.specs-section__image {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  display: block;
}

.specs-section__content {
  background-color: #FFF6DF;
  width: 515px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 40px 12px;
  gap: 12px;
}

.specs-section__title {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  text-align: center;
  margin: 0;
}

.specs-section__description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  text-align: center;
  margin: 0;
  max-width: 392px;
}

.specs-section__footer {
  display: flex;
  justify-content: center;
  padding: 0 89px;
}

.specs-section__cta {
  border: 1px solid #7D3904;
  color: #7D3904;
  padding: 15px 24px;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  text-decoration: none;
  transition: all 0.3s ease;
  display: inline-flex;
  align-items: center;
  gap: 12px;
}
.specs-section__cta:hover {
  background-color: #7D3904;
  color: #FFF6DF;
}

@media (max-width: 1440px) {
  .specs-section__inner {
    gap: 64px;
  }
  .specs-section__heading {
    font-size: 56px;
  }
  .specs-section__image-wrapper {
    width: 550px;
    height: 310px;
  }
  .specs-section__content {
    width: 400px;
    margin: 0 auto;
  }
  .specs-section__title {
    font-size: 40px;
  }
  .specs-section__footer {
    padding: 0 40px;
  }
}
@media (max-width: 1024px) {
  .specs-section__inner {
    gap: 48px;
  }
  .specs-section__heading {
    font-size: 40px;
  }
  .specs-section__subheading {
    font-size: 16px;
  }
  .specs-section__list {
    gap: 48px;
  }
  .specs-section__item {
    flex-direction: column !important;
    gap: 24px;
  }
  .specs-section__item--image-left .specs-section__image-wrapper,
  .specs-section__item--image-right .specs-section__image-wrapper {
    order: 1;
  }
  .specs-section__item--image-left .specs-section__content,
  .specs-section__item--image-right .specs-section__content {
    order: 2;
  }
  .specs-section__image-wrapper {
    width: 100%;
    height: 300px;
  }
  .specs-section__content {
    width: 100%;
    padding: 32px 16px;
  }
  .specs-section__title {
    font-size: 32px;
  }
  .specs-section__description {
    font-size: 15px;
    max-width: 100%;
  }
  .specs-section__footer {
    padding: 0 24px;
  }
  .specs-section__cta {
    font-size: 18px;
    padding: 14px 20px;
  }
}
@media (max-width: 768px) {
  .specs-section {
    padding: 3rem 20px;
  }
  .specs-section__inner {
    gap: 40px;
    padding: 0;
  }
  .specs-section__heading {
    font-size: 32px;
  }
  .specs-section__list {
    gap: 40px;
  }
  .specs-section__image-wrapper {
    height: 250px;
  }
  .specs-section__content {
    padding: 24px 16px;
  }
  .specs-section__title {
    font-size: 28px;
  }
  .specs-section__footer {
    padding: 0 16px;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_split-text-reveal.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Split Text Reveal Animation Styles
 * 
 * Creates a character-by-character reveal effect with masking.
 * Works with SplitTextReveal.js component.
 */
[data-char-mask] {
  overflow: hidden;
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 1;
}
[data-char-mask].last-word {
  padding: 0 0.1em;
}

[data-char-nomask] {
  display: inline-block;
  vertical-align: bottom;
  position: relative;
  line-height: 1;
  font-family: "Palace", serif;
  font-style: italic;
}

[data-split-text-reveal] .last-word[data-word-fade] {
  display: inline;
  font-family: "Palace", serif;
  font-style: italic;
  vertical-align: baseline;
  white-space: nowrap;
  overflow: visible;
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
  position: relative;
  top: 1px;
}

[data-split-text-reveal], [data-split-text-reveal] span, .horizontal-scroll-section__content h3 span {
  overflow: visible !important;
}

[data-char-inner] {
  display: inline-block;
  font-size: inherit;
  line-height: 1;
  will-change: transform, opacity;
}

[data-split-text-reveal] {
  position: relative;
  visibility: hidden;
}
[data-split-text-reveal].split-text-ready {
  visibility: visible;
}
[data-split-text-reveal] br {
  display: block;
  content: "";
}
[data-split-text-reveal] .last-word {
  display: inline-block;
  vertical-align: baseline;
  white-space: nowrap;
  padding: 0 0.1em;
  position: relative;
  overflow: visible;
}
[data-split-text-reveal] .last-word [data-char-mask] {
  font-family: "Palace", serif;
  font-style: italic;
  white-space: nowrap;
  overflow: visible;
}

/**
 * "Sun Rising" animation for .last-word (applied globally)
 * The whole word rises from behind a mask instead of letter-by-letter reveal
 * The parent element's overflow:hidden creates the horizon mask
 */
[data-split-text-reveal]:has(.last-word) {
  overflow: hidden;
  padding-bottom: 0.2em;
  margin-bottom: -0.2em;
}
[data-split-text-reveal]:has(.last-word) .last-word {
  overflow: visible;
  display: inline-block;
  vertical-align: baseline;
  position: relative;
}

/**
 * Offers carousel specific overrides
 * Slightly taller line-height to accommodate descenders in carousel headings
 */
.offers-carousel [data-char-mask] {
  vertical-align: baseline;
  line-height: 1.2;
}

/**
 * Hero-specific overrides
 * Ensure animation works with existing hero heading styles
 */
.hero-heading[data-split-text-reveal] {
  display: block;
  white-space: normal;
}
.hero-heading[data-split-text-reveal] [data-char-mask] {
  font-family: inherit;
  font-size: inherit;
  font-weight: inherit;
}
/*!******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_stats-feature.scss ***!
  \******************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.stats-feature {
  background-color: #FFF6DF;
  padding: 80px 72px;
}
@media (max-width: 768px) {
  .stats-feature {
    padding: 48px 20px;
  }
}
.stats-feature__container {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 64px;
  max-width: 1440px;
  margin: 0 auto;
}
@media (max-width: 768px) {
  .stats-feature__container {
    max-width: 335px;
    gap: 48px;
  }
}
.stats-feature__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0;
  max-width: 838px;
}
@media (max-width: 768px) {
  .stats-feature__heading {
    font-size: 46px;
    line-height: 1;
  }
}
.stats-feature__stats {
  display: flex;
  flex-direction: column;
  gap: 64px;
  max-width: 1050px;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__stats {
    gap: 48px;
  }
}
.stats-feature__top-row {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__top-row {
    display: none;
  }
}
.stats-feature__bottom-row {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 48px;
  padding: 0 80px;
  width: 100%;
}
@media (max-width: 768px) {
  .stats-feature__bottom-row {
    display: none;
  }
}
.stats-feature__stat {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: #343B30;
  width: 303px;
  flex-shrink: 0;
}
.stats-feature__stat--small {
  flex: 1 1 0;
  min-width: 0;
}
.stats-feature__stat-headline {
  display: flex;
  flex-direction: column;
  gap: 2px;
  align-items: center;
}
@media (max-width: 768px) {
  .stats-feature__stat-headline {
    gap: 8px;
  }
}
.stats-feature__stat-number-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2px;
  text-transform: uppercase;
}
.stats-feature__stat-number {
  font-family: "Palace", serif;
  font-size: 120px;
  line-height: 1.05;
}
@media (max-width: 768px) {
  .stats-feature__stat-number {
    font-size: 80px;
  }
}
.stats-feature__stat-suffix {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
}
@media (max-width: 768px) {
  .stats-feature__stat-suffix {
    font-size: 46px;
  }
}
.stats-feature__stat-unit {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  margin: 0;
}
.stats-feature__stat-description {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  margin: 0;
}
@media (max-width: 768px) {
  .stats-feature__stat-description {
    max-width: 300px;
    margin: 0 auto;
  }
}
.stats-feature__divider {
  width: 1px;
  align-self: stretch;
  background: #C7CCB6;
  flex-shrink: 0;
}
@media (max-width: 768px) {
  .stats-feature__divider {
    display: none;
  }
}
.stats-feature__mobile-column {
  display: none;
}
@media (max-width: 768px) {
  .stats-feature__mobile-column {
    display: flex;
    flex-direction: column;
    gap: 48px;
    width: 100%;
  }
}
.stats-feature__stat--mobile {
  display: flex;
  flex-direction: column;
  gap: 24px;
  text-align: center;
  color: #343B30;
  width: 100%;
}
.stats-feature__mobile-divider {
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  flex-shrink: 0;
}
/*!*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_team-section.scss ***!
  \*****************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Team Section Component
 * Grid of team member cards with photos, names, roles, and contact info
 */
.team-section {
  padding: 5rem 1rem;
  background-color: #FFF6DF;
}
.team-section .container {
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 4.5rem;
}
.team-section__header {
  text-align: center;
  margin-bottom: 5rem;
  max-width: 304px;
  margin-left: auto;
  margin-right: auto;
}
.team-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0 0 0.75rem;
}
.team-section__heading-italic {
  font-family: "Palace", serif;
  font-style: italic;
}
.team-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  text-align: center;
  margin: 0;
}
.team-section__grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
}
.team-section__card {
  border: 1px solid #C7CCB6;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  background: #FFF6DF;
}
.team-section__photo {
  width: 100%;
  aspect-ratio: 1/1;
  overflow: hidden;
  position: relative;
  cursor: pointer;
}
.team-section__photo img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.team-section__content {
  border-top: 1px solid #C7CCB6;
  padding: 2rem;
  display: flex;
  flex-direction: column;
  gap: 1rem;
  flex: 1;
}
.team-section__info {
  display: flex;
  flex-direction: column;
  gap: 12px;
}
.team-section__role {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
  text-transform: uppercase;
}
.team-section__name {
  font-family: "Palace", serif;
  font-size: 32px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.team-section__contact {
  display: flex;
  flex-direction: column;
  gap: 0.75rem;
  padding-top: 0.25rem;
}
.team-section__contact-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.team-section__icon {
  flex-shrink: 0;
  width: 24px;
  height: 24px;
  color: #7D3904;
}
.team-section__email, .team-section__phone {
  font-family: "Pockota", sans-serif;
  font-size: 13px;
  line-height: 1.2;
  color: #343B30;
  text-decoration: none;
  transition: color 0.2s ease;
}
.team-section__email:hover, .team-section__phone:hover {
  color: #7D3904;
}
.team-section__bio-link {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: 0;
  margin-top: auto;
}
@media (max-width: 1024px) {
  .team-section__grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
@media (max-width: 768px) {
  .team-section {
    padding: 4rem 20px;
  }
  .team-section .container {
    padding: 0;
  }
  .team-section__heading {
    font-size: 48px;
  }
  .team-section__subheading {
    font-size: 24px;
  }
  .team-section__grid {
    -moz-column-gap: 5px;
         column-gap: 5px;
    row-gap: 24px;
  }
  .team-section__content {
    padding: 20px 10px;
    justify-content: center;
  }
  .team-section__info {
    align-items: center;
  }
  .team-section__role {
    font-size: 14px;
    text-align: center;
  }
  .team-section__name {
    font-size: 21px;
    text-align: center;
  }
  .team-section__contact {
    text-align: center;
    align-items: center;
  }
  .team-section__contact-item svg {
    display: none;
  }
}

/**
 * Team Bio Modal
 * Full-screen modal overlay with team member biography
 */
.team-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.9);
  backdrop-filter: blur(7px);
  z-index: -1;
}
.team-modal__content {
  position: relative;
  z-index: 1;
  background: #343B30;
  display: flex;
  max-width: 1262px;
  width: calc(100% - 176px);
  max-height: calc(100vh - 200px);
  overflow: hidden;
}
.team-modal__image {
  flex-shrink: 0;
  width: 533px;
  height: 100%;
  padding: 1rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.team-modal__image img {
  width: 501px;
  height: 501px;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.team-modal__text {
  flex: 1;
  padding: 2.5rem 5rem 2.5rem 4rem;
  display: flex;
  flex-direction: column;
  gap: 2.5rem;
  overflow-y: auto;
  position: relative;
}
.team-modal__close {
  position: absolute;
  top: 8px;
  right: 22px;
  background: none;
  border: none;
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  color: #C7CCB6;
  font-family: "Pockota", sans-serif;
  font-size: 20px;
  line-height: 1;
  text-transform: uppercase;
  outline: none;
}
.team-modal__close span {
  position: relative;
  text-decoration: none;
}
.team-modal__close span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 1px;
  background-color: #C7CCB6;
  transform-origin: right;
  transform: scaleX(1);
  transition: transform 0.3s ease;
}
.team-modal__close span:hover::after {
  transform-origin: left;
  transform: scaleX(0);
}
.team-modal__close svg {
  width: 24px;
  height: 24px;
}
.team-modal__info {
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
}
.team-modal__role {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
  margin: 0;
  text-transform: uppercase;
}
.team-modal__name {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #FFF6DF;
  text-transform: uppercase;
  margin: 0;
}
.team-modal__bio {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #FFF6DF;
}
.team-modal__bio p {
  margin: 0 0 1rem;
}
.team-modal__bio p:last-child {
  margin-bottom: 0;
}
.team-modal__contact {
  display: flex;
  gap: 1.5rem;
  flex-wrap: wrap;
}
.team-modal__contact-item {
  display: flex;
  align-items: center;
  gap: 11.254px;
}
.team-modal__icon {
  flex-shrink: 0;
  width: 32px;
  height: 32px;
  color: #C7CCB6;
}
.team-modal__email, .team-modal__phone {
  font-size: 16px;
  color: #FFF6DF !important;
  text-decoration: none;
  white-space: nowrap;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  transform: translate(0, 8px);
}
.team-modal__email.button-secondary::after, .team-modal__phone.button-secondary::after {
  width: 100%;
  left: 0;
  background-color: #FFF6DF;
  bottom: 10px;
}
.team-modal__nav {
  position: fixed;
  bottom: 80px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10000;
  display: flex;
  align-items: center;
  gap: 2rem;
}
.team-modal__nav-button {
  background: none;
  border: none;
  cursor: pointer;
  padding: 0;
  height: 16px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #C7CCB6;
}
.team-modal__nav-button:disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.team-modal__nav-button svg {
  display: block;
}
.team-modal__nav-button svg path {
  fill: currentColor;
}
.team-modal__nav-button--prev svg {
  transform: rotate(0deg);
}
.team-modal__nav-button--next svg {
  transform: rotate(0deg);
}
.team-modal__counter {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #C7CCB6;
  text-align: center;
  white-space: nowrap;
}
.team-modal__counter-current, .team-modal__counter-total {
  font-variant-numeric: tabular-nums;
}
@media (max-width: 1024px) {
  .team-modal__content {
    flex-direction: column;
    width: calc(100% - 48px);
    max-height: calc(100vh - 100px);
  }
  .team-modal__image {
    width: 100%;
    height: auto;
    padding: 1.5rem;
  }
  .team-modal__image img {
    width: 100%;
    max-width: 400px;
    height: auto;
    aspect-ratio: 1/1;
  }
  .team-modal__text {
    padding: 2rem 3rem;
  }
  .team-modal__close {
    right: 3rem;
    top: 1.5rem;
  }
  .team-modal__name {
    font-size: 32px;
  }
  .team-modal__nav {
    bottom: 40px;
  }
  .team-modal__counter {
    font-size: 32px;
  }
}
@media (max-width: 768px) {
  .team-modal__content {
    width: calc(100% - 32px);
  }
  .team-modal__text {
    padding: 1.5rem 2rem;
  }
  .team-modal__close {
    right: 2rem;
    top: 1rem;
    font-size: 16px;
  }
  .team-modal__close svg {
    width: 20px;
    height: 20px;
  }
  .team-modal__name {
    font-size: 28px;
  }
  .team-modal__bio {
    font-size: 16px;
  }
  .team-modal__contact {
    flex-direction: column;
    gap: 1rem;
  }
  .team-modal__icon {
    width: 24px;
    height: 24px;
  }
  .team-modal__email, .team-modal__phone {
    font-size: 14px;
  }
  .team-modal__nav {
    bottom: 24px;
    gap: 1.5rem;
  }
  .team-modal__counter {
    font-size: 24px;
  }
}
@media (min-width: 1025px) and (max-height: 880px) {
  .team-modal__nav {
    bottom: 28px;
  }
}
/*!*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_timeline-section.scss ***!
  \*********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/**
 * Timeline Section Component
 * Horizontal scrolling timeline with photos and captions
 * Implements scroll-jacking for horizontal navigation
 */
.timeline-section {
  padding: 5rem 0;
  position: relative;
  overflow: hidden;
  background-color: #C7CCB6;
}
.timeline-section.is-scrolling {
  overflow: hidden;
}
.timeline-section .container {
  max-width: 100%;
  margin: 0 auto;
  padding: 0;
}
.timeline-section__header {
  text-align: center;
  margin-bottom: 1.5rem;
  padding: 0 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1.5rem;
}
.timeline-section__heading {
  font-family: "Palace", serif;
  font-size: 68px;
  line-height: 1.05;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.timeline-section__heading .last-word {
  font-family: "Palace", serif;
  font-style: italic;
}
.timeline-section__subheading {
  font-family: "Pockota", sans-serif;
  font-size: 18px;
  line-height: 1.4;
  color: #343B30;
  max-width: 259px;
  margin: 0;
}
.timeline-section__scroll-wrapper {
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  padding: 0 1rem 0 4.5rem;
}
.timeline-section__scroll-wrapper::-webkit-scrollbar {
  display: none;
}
.timeline-section__scroll-wrapper {
  scroll-behavior: smooth;
}
.timeline-section__timeline {
  display: flex;
  gap: 31px;
  align-items: center;
  min-width: -moz-min-content;
  min-width: min-content;
  position: relative;
}
.timeline-section__item {
  display: flex;
  gap: 66px;
  align-items: center;
  position: relative;
  min-width: 0;
}
.timeline-section__year-icon {
  width: 86px;
  flex-shrink: 0;
}
.timeline-section__year-icon img {
  width: 100%;
  height: auto;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__year-icon {
  align-self: flex-start;
  margin-top: 0;
}
.timeline-section__item:nth-child(2) .timeline-section__year-icon {
  align-self: flex-start;
  margin-top: 0;
}
.timeline-section__item:nth-child(3) .timeline-section__year-icon {
  align-self: flex-end;
  margin-bottom: 300px;
}
.timeline-section__item:nth-child(4) .timeline-section__year-icon {
  align-self: center;
  margin-bottom: 56px;
}
.timeline-section__images {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  position: relative;
  flex-shrink: 0;
}
.timeline-section__main-image {
  flex-shrink: 0;
  box-shadow: 9.038px 5.165px 38.736px 0px rgba(0, 0, 0, 0.17);
  background: white;
  overflow: hidden;
  position: relative;
}
.timeline-section__main-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__item:nth-child(2) .timeline-section__main-image {
  width: 464px;
  height: 464px;
  transform: rotate(4.356deg);
}
.timeline-section__item:nth-child(3) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__item:nth-child(4) .timeline-section__main-image {
  width: 535px;
  height: 535px;
}
.timeline-section__additional-images {
  display: flex;
  gap: 50px;
  align-items: flex-start;
  position: relative;
}
.timeline-section__stacked-image {
  box-shadow: 6.609px 3.776px 28.323px 0px rgba(0, 0, 0, 0.17);
  background: white;
  overflow: hidden;
  flex-shrink: 0;
}
.timeline-section__stacked-image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  display: block;
}
.timeline-section__item:nth-child(1) .timeline-section__stacked-image {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
}
.timeline-section__item:nth-child(2) .timeline-section__stacked-image:first-child {
  width: 464px;
  height: 464px;
  transform: rotate(4.356deg);
}
.timeline-section__item:nth-child(2) .timeline-section__stacked-image:last-child {
  width: 566px;
  height: 566px;
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(1) {
  width: 252px;
  height: 252px;
  align-self: flex-start;
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(2) {
  width: 535px;
  height: 535px;
  transform: rotate(-4.831deg);
}
.timeline-section__item:nth-child(3) .timeline-section__stacked-image:nth-child(3) {
  width: 391px;
  height: 391px;
  align-self: flex-end;
}
.timeline-section__item:nth-child(4) .timeline-section__stacked-image {
  width: 391px;
  height: 391px;
  transform: rotate(4.043deg);
}
.timeline-section__caption {
  position: absolute;
  display: flex;
  align-items: center;
  gap: 1.5rem;
  transform: rotate(-1.503deg);
  z-index: 10;
}
.timeline-section__caption-arrow {
  width: 58px;
  height: 18px;
  display: block;
  position: relative;
}
.timeline-section__caption-arrow::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  height: 2px;
  background: #7D3904;
  transform: translateY(-50%) rotate(-45deg);
  transform-origin: left center;
}
.timeline-section__item:nth-child(1) .timeline-section__caption {
  top: 399px;
  right: -146px;
  flex-direction: row-reverse;
}
.timeline-section__item:nth-child(2) .timeline-section__caption {
  top: 474px;
  left: -149px;
  flex-direction: row;
}
.timeline-section__item:nth-child(3) .timeline-section__caption {
  top: 73px;
  right: -256px;
  flex-direction: row;
}
.timeline-section__item:nth-child(4) .timeline-section__caption {
  top: 261px;
  left: -151px;
  flex-direction: row;
}
.timeline-section__caption-text {
  font-family: "Helga", serif;
  font-size: 40px;
  line-height: 1;
  color: #7D3904;
  white-space: nowrap;
}
.timeline-section__content {
  flex: 0 0 283px;
  display: flex;
  flex-direction: column;
  gap: 1.5rem;
  align-self: flex-start;
}
.timeline-section__item-heading {
  font-family: "Palace", serif;
  font-size: 48px;
  line-height: 1.1;
  color: #343B30;
  text-transform: uppercase;
  margin: 0;
}
.timeline-section__body {
  font-family: "Pockota", sans-serif;
  font-size: 16px;
  line-height: 1.4;
  color: #343B30;
  margin: 0;
}
@media (max-width: 768px) {
  .timeline-section {
    padding: 4rem 0;
  }
  .timeline-section__header {
    padding: 0 1.5rem;
    margin-bottom: 3rem;
  }
  .timeline-section__heading {
    font-size: 48px;
  }
  .timeline-section__scroll-wrapper {
    padding: 0 1.5rem;
  }
  .timeline-section__timeline {
    gap: 2.5rem;
  }
  .timeline-section__item {
    gap: 2rem;
  }
  .timeline-section__item:nth-child(odd) .timeline-section__main-image, .timeline-section__item:nth-child(even) .timeline-section__main-image {
    width: 300px;
    height: 300px;
    transform: none;
  }
  .timeline-section__additional-images {
    gap: 1.5rem;
  }
  .timeline-section__item:nth-child(1) .timeline-section__stacked-image, .timeline-section__item:nth-child(2) .timeline-section__stacked-image, .timeline-section__item:nth-child(3) .timeline-section__stacked-image, .timeline-section__item:nth-child(4) .timeline-section__stacked-image {
    width: 200px;
    height: 200px;
    transform: none;
  }
  .timeline-section__item-heading {
    font-size: 32px;
  }
  .timeline-section__caption {
    display: none;
  }
  .timeline-section__content {
    flex: 0 0 250px;
  }
  .timeline-section__year-icon {
    width: 60px;
  }
  .timeline-section__item:nth-child(3) .timeline-section__year-icon {
    margin-bottom: 0;
  }
  .timeline-section__item:nth-child(4) .timeline-section__year-icon {
    margin-bottom: 0;
  }
}
/*!**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/.pnpm/css-loader@7.1.2_webpack@5.104.1/node_modules/css-loader/dist/cjs.js!./node_modules/.pnpm/postcss-loader@8.2.0_postcss@8.5.6_webpack@5.104.1/node_modules/postcss-loader/dist/cjs.js!./node_modules/.pnpm/sass-loader@16.0.6_sass@1.97.2_webpack@5.104.1/node_modules/sass-loader/dist/cjs.js??ruleSet[1].rules[3].use[3]!./src/styles/components/_you-may-also-like.scss ***!
  \**********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.you-may-also-like {
  background-color: #FFF6DF;
  padding: 0 1rem 5rem;
  width: 100%;
}
.you-may-also-like__divider {
  width: 100%;
  border: 1px solid transparent;
  -o-border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
     border-image: repeating-linear-gradient(90deg, #C7CCB6 0 16px, transparent 16px 26px) 1;
  border-width: 1px 0 0 0;
  margin-bottom: 5rem;
}
.you-may-also-like__content {
  max-width: 1408px;
  margin: 0 auto;
  padding: 0 4.5rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 1rem;
}
.you-may-also-like__heading {
  font-family: "Palace", serif;
  font-weight: 400;
  font-size: 4.25rem;
  line-height: 1.05;
  text-align: center;
  text-transform: uppercase;
  color: #343B30;
  margin: 0 0 1rem 0;
  max-width: 601px;
}
.you-may-also-like__body {
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 1.125rem;
  line-height: 1.4;
  text-align: center;
  color: #343B30;
  margin: 0 0 1rem 0;
  max-width: 500px;
}
.you-may-also-like__button {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem 0;
  text-decoration: none;
  color: #7D3904;
}
.you-may-also-like__button-icon {
  width: 24px;
  height: 24px;
  flex-shrink: 0;
  color: #7D3904;
  transform: rotate(180deg);
}
.you-may-also-like__button-text {
  display: flex;
  flex-direction: column;
  gap: 6px;
  font-family: "Pockota", sans-serif;
  font-weight: 300;
  font-size: 1.25rem;
  line-height: 1;
  text-transform: uppercase;
  position: relative;
}
.you-may-also-like__button-underline {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #7D3904;
}
@media (max-width: 1024px) {
  .you-may-also-like {
    padding: 0 1rem 3.5rem;
  }
  .you-may-also-like__divider {
    margin-bottom: 3.5rem;
  }
  .you-may-also-like__content {
    padding: 0 2.5rem;
  }
  .you-may-also-like__heading {
    font-size: 3rem;
  }
  .you-may-also-like__body {
    font-size: 1rem;
  }
}
@media (max-width: 768px) {
  .you-may-also-like {
    padding: 0 1rem 2.5rem;
  }
  .you-may-also-like__divider {
    margin-bottom: 2.5rem;
  }
  .you-may-also-like__content {
    padding: 0 1.5rem;
    gap: 0.75rem;
  }
  .you-may-also-like__heading {
    font-size: 2rem;
    margin: 0 0 0.75rem 0;
  }
  .you-may-also-like__body {
    font-size: 0.875rem;
    margin: 0 0 0.75rem 0;
  }
  .you-may-also-like__button {
    padding: 0.75rem 0;
  }
}

/*# sourceMappingURL=bundle.css.map*/