header {
  background: #000;
  padding: 32px 25px;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  transition: padding 400ms;
}
@media (max-width: 1024px) {
  header {
    padding: 12px 25px;
  }
}
header nav {
  max-width: 1440px;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  header nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
header nav a {
  color: #fff;
  text-decoration: none;
  font-family: "fieldwork", sans-serif;
  position: relative;
  text-align: center;
}
@media (max-width: 1024px) {
  header nav a {
    color: #000;
  }
}
header nav a.nav-item:after {
  content: "";
  position: absolute;
  width: 0;
  height: 1px;
  background: #fff;
  left: 50%;
  translate: -50% 0;
  bottom: -8px;
  transition: width 400ms;
}
header nav a.nav-item:hover:after {
  width: 100%;
}
header nav img {
  display: block;
  margin-inline: 3rem;
  max-width: 156px;
}
@media (max-width: 1024px) {
  header nav img {
    margin-inline: 0;
    max-width: 90px;
  }
}
header nav .desktop-nav {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: clamp(22px, 3vw, 78px);
  display: grid;
  grid-template-columns: 1fr 200px 1fr;
  max-width: 1200px;
  margin-inline: auto;
}
@media (max-width: 1024px) {
  header nav .desktop-nav {
    display: none;
  }
}
header nav .desktop-nav div {
  display: flex;
  gap: clamp(22px, 4vw, 128px);
}
header nav .desktop-nav div:last-of-type {
  justify-content: end;
}
header nav .desktop-nav a:has(img) {
  text-align: center;
  display: flex;
  justify-content: center;
}
header nav .mobile-nav {
  position: fixed;
  display: flex;
  flex-direction: column;
  gap: 16px;
  top: 72px;
  left: 100%;
  background: #FAF5EE;
  width: 100svw;
  height: 100svh;
  padding: 20px 0px;
  z-index: 3;
  transition: left 400ms;
}
@media (max-width: 1024px) {
  header nav .mobile-nav {
    top: 56px;
  }
}
header nav .mobile-nav.active {
  left: 0;
}
@media (min-width: 1025px) {
  header nav .mobile-nav,
  header nav .mobile-logo,
  header nav .hamburger {
    display: none;
  }
}
header nav .hamburger {
  padding-right: 40px;
  position: relative;
}
header nav .hamburger:before, header nav .hamburger:after {
  content: "";
  position: absolute;
  height: 1.5px;
  width: 30px;
  background: #fff;
  top: 2px;
  right: 0;
  transition: rotate 400ms, top 100ms;
}
header nav .hamburger:after {
  top: unset;
  bottom: 2px;
}
header nav .hamburger span {
  font-family: "fieldwork", sans-serif;
  color: #fff;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px;
}
header nav .hamburger span:after {
  content: "";
  position: absolute;
  height: 1.5px;
  width: 30px;
  background: #fff;
  top: 50%;
  right: -40px;
  translate: 0 -50%;
}
header nav .hamburger:has(~ .mobile-nav.active):before {
  rotate: 45deg;
  top: 50%;
}
header nav .hamburger:has(~ .mobile-nav.active):after {
  rotate: -45deg;
  top: 50%;
}
header nav .hamburger:has(~ .mobile-nav.active) span:after {
  opacity: 0;
}
header.scrolled {
  padding: 12px 25px;
}

footer {
  background: #000;
}
footer .wrapper {
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 1200px;
  margin-inline: auto;
  padding: 40px 30px;
}
footer .wrapper img {
  max-width: 120px;
}
footer .wrapper p {
  color: #fff;
  margin-bottom: 4px;
  margin-top: 0;
}

body,
html {
  margin: 0;
  font-family: "Lora", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  scroll-behavior: smooth;
}
body .block,
html .block {
  display: block;
}
body .bold,
html .bold {
  font-weight: 700;
}
body a,
html a {
  color: #000;
  text-decoration: none;
}
body a.link,
html a.link {
  text-decoration: underline;
  text-underline-position: under;
}
body .italic,
html .italic {
  font-style: italic;
}
body h1,
html h1 {
  font-size: clamp(32px, 7vw, 130px);
  font-family: "fieldwork", sans-serif;
  font-weight: 300;
  font-style: normal;
  line-height: 1;
}
body h2,
html h2 {
  font-size: clamp(32px, 8vw, 59px);
  margin-top: 0;
}
body .h3,
html .h3 {
  font-size: clamp(20px, 3.2vw, 40px);
}
body h1,
body h2,
body h3,
html h1,
html h2,
html h3 {
  font-weight: 400;
  margin-top: 0;
}
body p,
body li,
body a,
body span,
html p,
html li,
html a,
html span {
  line-height: 1.6;
}
body p.small,
body li.small,
body a.small,
body span.small,
html p.small,
html li.small,
html a.small,
html span.small {
  font-size: 0.75rem;
}
body p.pt,
body li.pt,
body a.pt,
body span.pt,
html p.pt,
html li.pt,
html a.pt,
html span.pt {
  padding-top: 0.5rem;
}
body p.pl,
body li.pl,
body a.pl,
body span.pl,
html p.pl,
html li.pl,
html a.pl,
html span.pl {
  padding-left: 1rem;
}
body p.block,
body li.block,
body a.block,
body span.block,
html p.block,
html li.block,
html a.block,
html span.block {
  display: block;
}

picture.background {
  width: 100%;
  z-index: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  height: 100%;
  display: flex;
}
picture.background img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center 20%;
     object-position: center 20%;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
}

@media (max-width: 1100px) {
  .media {
    padding-top: 56%;
  }
}
.media:has(.title):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.32;
  z-index: 2;
}
.media .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  translate: -50% -50%;
  z-index: 3;
}

.home-hero {
  position: relative;
  max-width: 100%;
  min-height: calc(100vh - 120px);
  overflow: clip;
}
.home-hero .background img {
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -o-object-position: center 20%;
     object-position: center 20%;
  -o-object-fit: cover;
     object-fit: cover;
}
@keyframes animateTitle {
  to {
    opacity: 1;
    translate: -50% -50%;
  }
}
.home-hero .title {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 85%;
  z-index: 3;
  opacity: 0;
  translate: -50% 30%;
  animation: animateTitle 2s ease forwards;
}

.mt {
  margin-top: 120px;
}
@media (max-width: 1024px) {
  .mt {
    margin-top: 56px;
  }
}

.btn {
  padding: 12px 24px;
  border-radius: 10px;
  font-size: 18px;
  cursor: pointer;
}

.coming-soon {
  overflow-y: clip;
}
.coming-soon span {
  display: block;
  transition: translate 400ms, opacity 400ms;
}
.coming-soon:before {
  content: "Coming Soon";
  position: absolute;
  bottom: 22px;
  left: 50%;
  translate: -50% 0;
  text-align: center;
  opacity: 0;
  text-wrap: nowrap;
  transition: opacity 400ms, bottom 400ms;
}
.coming-soon:hover span {
  opacity: 0;
  translate: 0 30px;
}
.coming-soon:hover:before {
  bottom: 0;
  opacity: 1;
}

.home-page {
  overflow: clip;
}
.home-page .home-hero:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.32;
  z-index: 2;
  background: linear-gradient(to top, #000, rgba(0, 0, 0, 0) 80%);
  opacity: 0.7;
}
@media (min-width: 801px) {
  .home-page .home-hero:before {
    opacity: 0;
  }
}
@media (max-width: 800px) {
  .home-page .home-hero .background img {
    -o-object-position: 37% 20%;
       object-position: 37% 20%;
  }
}
@media (max-width: 800px) {
  .home-page .home-hero .title:not(.mobile) {
    display: none;
  }
}
@keyframes animateTitleMobile {
  to {
    opacity: 1;
    translate: -50% -20%;
  }
}
.home-page .home-hero .title.mobile {
  translate: -50% 0%;
  animation: animateTitleMobile 2s ease forwards;
}
@media (min-width: 801px) {
  .home-page .home-hero .title.mobile {
    display: none;
  }
}
.home-page #details {
  scroll-behavior: smooth;
  display: grid;
  grid-template-columns: repeat(3, auto);
  padding: clamp(30px, 8vw, 120px) 2rem clamp(30px, 8vw, 120px) clamp(30px, 16vw, 300px);
  max-width: 1360px;
  margin-right: auto;
  position: relative;
}
@media (max-width: 1024px) {
  .home-page #details {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 2rem;
  }
}
@media (max-width: 800px) {
  .home-page #details {
    display: flex;
    flex-direction: column;
  }
}
.home-page #details:before {
  content: "";
  position: absolute;
  background-image: url("../titles/leaves-left.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 360px;
  height: 420px;
  left: 0;
  top: 20px;
}
@media (max-width: 800px) {
  .home-page #details:before {
    top: -30px;
    width: 250px;
    height: 230px;
    opacity: 0.4;
  }
}
@media (max-width: 800px) {
  .home-page #details .title {
    display: flex;
    align-items: center;
  }
}
@media (max-width: 1024px) {
  .home-page #details .title h2 {
    margin-bottom: 0;
  }
}
@media (max-width: 800px) {
  .home-page #details .title h2 {
    margin-left: -15px;
  }
}
.home-page #details .title img {
  width: 120px;
}
@media (max-width: 800px) {
  .home-page #details .title img {
    max-width: 70px;
  }
}
.home-page #details div {
  max-width: 310px;
}
.home-page #details .bold {
  margin-bottom: 12px;
  display: block;
  margin-top: 0;
  line-height: 1.6;
}
.home-page #details a,
.home-page #details p {
  line-height: 1.6;
  margin-top: 0;
  font-size: 20px;
}
.home-page #details a.link,
.home-page #details p.link {
  margin-top: 1rem;
}
.home-page #details .directions,
.home-page #details .date {
  position: relative;
  padding-left: clamp(30px, 8vw, 56px);
}
.home-page #details .directions:before,
.home-page #details .date:before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  height: clamp(20px, 4vw, 32px);
  width: clamp(20px, 4vw, 32px);
  left: 0;
  top: 0;
}
@media (max-width: 1024px) {
  .home-page #details .directions {
    grid-column: 1;
    grid-row: 2;
  }
}
.home-page #details .directions:before {
  background-image: url("../icons/map-pin.svg");
}
@media (max-width: 1024px) {
  .home-page #details .date {
    grid-column: 2;
    grid-row: 2;
  }
}
.home-page #details .date:before {
  background-image: url("../icons/calendar.svg");
}
.home-page #details.viewport .tile {
  translate: 0% 50%;
  opacity: 0;
  transition: opacity 0.7s, translate 0.7s;
}
.home-page #details.in-viewport .tile {
  translate: 0% 0%;
  opacity: 1;
}
.home-page #details.in-viewport .tile.title {
  transition-delay: 0.4s;
}
.home-page #details.in-viewport .tile.directions {
  transition-delay: 0.6s;
}
.home-page #details.in-viewport .tile.date {
  transition-delay: 0.8s;
}
.home-page .accent-grid {
  position: relative;
  max-width: calc(100% - clamp(40px, 12vw, 260px));
  margin-inline: auto;
  padding: clamp(10px, 2vw, 80px);
  height: 450px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 1rem;
  border-radius: 10px;
  overflow: clip;
}
@media (max-width: 800px) {
  .home-page .accent-grid {
    gap: 0.5rem;
    max-width: calc(100% - 40px);
    padding: 10px;
  }
}
.home-page .accent-grid:before {
  content: "";
  position: absolute;
  background: #000;
  inset: 0;
  width: 100%;
  height: 100%;
  opacity: 0.43;
  z-index: 2;
}
.home-page .accent-grid .title {
  position: absolute;
  left: 50%;
  top: 50%;
  translate: -50% -50%;
  z-index: 3;
  text-align: center;
}
.home-page .accent-grid h2 {
  color: #fff;
  text-transform: uppercase;
  font-size: clamp(20px, 4vw, 32px);
  letter-spacing: 0.5rem;
}
.home-page .accent-grid h2 span {
  position: relative;
  padding-bottom: 12px;
}
@media (max-width: 600px) {
  .home-page .accent-grid h2 span {
    display: block;
  }
}
.home-page .accent-grid h2 span:before {
  content: "";
  position: absolute;
  background: #fff;
  bottom: 0;
  left: 50%;
  translate: -50% 0;
  width: 75%;
  height: 1px;
}
.home-page .accent-grid h3 {
  color: #fff;
  letter-spacing: 4px;
  font-size: clamp(17px, 4vw, 26px);
  font-family: "fieldwork", sans-serif;
}
.home-page .accent-grid picture {
  width: 100%;
  height: 100%;
  display: flex;
  overflow: clip;
}
.home-page .accent-grid picture img {
  max-width: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  width: calc(100% + 2px);
  height: calc(100% + 2px);
  -o-object-position: 50% 60%;
     object-position: 50% 60%;
}
.home-page .accent-grid picture:first-of-type {
  border-radius: 10px 0 0 10px;
}
.home-page .accent-grid picture:last-of-type {
  border-radius: 0 10px 10px 0;
}
.home-page .accent-grid.viewport {
  opacity: 0;
  translate: 0 20%;
  transition: opacity 0.7s, translate 0.7s;
}
.home-page .accent-grid.in-viewport {
  opacity: 1;
  translate: 0 0;
}
.home-page .questions {
  position: relative;
}
.home-page .questions:before {
  content: "";
  position: absolute;
  background-image: url("../titles/leaves-right.svg");
  background-repeat: no-repeat;
  background-size: contain;
  width: 450px;
  height: 750px;
  right: 0;
  top: -200px;
}
@media (max-width: 1200px) {
  .home-page .questions:before {
    top: -250px;
    opacity: 0.4;
    z-index: -1;
  }
}
@media (max-width: 800px) {
  .home-page .questions:before {
    top: -140px;
    width: 290px;
    height: 350px;
    right: -100px;
  }
}
.home-page .questions .wrapper {
  padding: clamp(50px, 12vw, 120px) 30px;
  max-width: calc(100% - clamp(50px, 16vw, 280px));
  margin-inline: auto;
}
.home-page .questions .title {
  text-align: center;
}
.home-page .questions .title h2 {
  font-size: clamp(32px, 7vw, 50px);
  margin-bottom: clamp(42px, 6vw, 90px);
  padding-bottom: clamp(22px, 6vw, 60px);
  position: relative;
  text-wrap: balance;
}
.home-page .questions .title h2:before {
  content: "";
  position: absolute;
  height: 1px;
  width: 560px;
  max-width: calc(100% - 100px);
  background: #000;
  left: 50%;
  bottom: 0;
  translate: -50% 0;
}
.home-page .questions .title img {
  max-width: 100%;
}
.home-page .questions ol {
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: clamp(30px, 15vw, 220px);
       column-gap: clamp(30px, 15vw, 220px);
}
@media (max-width: 1024px) {
  .home-page .questions ol {
    -moz-column-count: 1;
         column-count: 1;
  }
}
@media (max-width: 800px) {
  .home-page .questions ol {
    padding-left: 20px;
  }
}
.home-page .questions ol > li {
  margin-bottom: 1rem;
  font-weight: 600;
  line-height: 1.5;
  text-wrap: balance;
}
.home-page .questions ol > li span.block {
  font-weight: 300;
  margin-top: 8px;
}
.home-page .questions ol > li > ul li {
  font-weight: 300;
  margin-top: 8px;
}
@media (min-width: 1025px) {
  .home-page .questions.viewport .title img,
  .home-page .questions.viewport .title h2 {
    opacity: 0;
    translate: 0 20%;
    transition: opacity 0.7s, translate 0.7s;
  }
}
@media (min-width: 1025px) {
  .home-page .questions.in-viewport .title img,
  .home-page .questions.in-viewport .title h2 {
    opacity: 1;
    translate: 0 0%;
  }
  .home-page .questions.in-viewport .title h2 {
    transition-delay: 0.4s;
  }
}
.home-page .weather {
  position: relative;
  display: flex;
  justify-content: space-between;
  padding: clamp(25px, 5vw, 80px);
  overflow: clip;
}
@media (max-width: 1100px) {
  .home-page .weather {
    flex-direction: column;
  }
}
.home-page .weather .copy,
.home-page .weather .media {
  position: relative;
  width: calc(50% - clamp(40px, 10vw, 80px));
}
@media (max-width: 1100px) {
  .home-page .weather .copy,
  .home-page .weather .media {
    width: 100%;
  }
}
.home-page .weather .media {
  overflow: clip;
  border-radius: 10px;
}
@media (max-width: 1100px) {
  .home-page .weather .media {
    max-width: 530px;
  }
}
.home-page .weather .copy {
  padding: clamp(25px, 10vw, 80px) 25px clamp(25px, 8vw, 80px) 0;
}
.home-page .weather .copy .title-wrapper {
  display: flex;
  align-items: center;
}
@media (max-width: 800px) {
  .home-page .weather .copy .title-wrapper {
    flex-direction: column;
    align-items: start;
  }
}
.home-page .weather .copy .title-wrapper img {
  width: 270px;
}
@media (max-width: 800px) {
  .home-page .weather .copy .title-wrapper img {
    max-width: 200px;
  }
}
.home-page .weather .copy h2,
.home-page .weather .copy p {
  color: #fff;
}
.home-page .weather .copy h2 {
  font-size: 44px;
  margin-left: -40px;
  margin-bottom: 20px;
}
@media (max-width: 800px) {
  .home-page .weather .copy h2 {
    margin-left: 0;
    margin-top: -36px;
  }
}
.home-page .weather .copy p {
  font-size: clamp(16px, 5vw, 21px);
  line-height: 1.6;
  max-width: 570px;
}
.home-page .weather.viewport .copy {
  opacity: 0;
  translate: 30% 0;
  transition: opacity 1s, translate 1s;
}
.home-page .weather.viewport .media {
  -webkit-clip-path: inset(0 100% 0 0);
          clip-path: inset(0 100% 0 0);
  transition: -webkit-clip-path 1s;
  transition: clip-path 1s;
  transition: clip-path 1s, -webkit-clip-path 1s;
}
.home-page .weather.in-viewport .copy {
  opacity: 1;
  translate: 0% 0;
  transition-delay: 0.3s;
}
.home-page .weather.in-viewport .media {
  -webkit-clip-path: inset(0 0 0 0);
          clip-path: inset(0 0 0 0);
  transition-delay: 0.3s;
}

.accommodations-page .home-hero:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0.52;
  z-index: 2;
}

.accommodations section {
  max-width: 1300px;
  margin-inline: auto;
  padding: clamp(50px, 10vw, 100px) clamp(20px, 6vw, 100px) 0;
}
.accommodations section h2 {
  font-size: clamp(20px, 4vw, 40px);
  padding-left: 32px;
  margin-bottom: clamp(10px, 5vw, 40px);
}
.accommodations section ul {
  list-style-type: none;
  padding: 0;
  background-color: #F6EEE4;
  border-radius: 10px 10px;
}
.accommodations section ul li,
.accommodations section ul a {
  line-height: 2.6;
}
@media (max-width: 1024px) {
  .accommodations section ul li,
  .accommodations section ul a {
    line-height: 1.8;
  }
}
.accommodations section ul li {
  padding: 16px 20px 16px 32px;
}
@media (max-width: 1024px) {
  .accommodations section ul li {
    padding-block: 18px;
  }
}
.accommodations section ul li:first-of-type {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 0.6fr;
  border-radius: 10px 10px 0 0;
}
@media (max-width: 1024px) {
  .accommodations section ul li:first-of-type {
    grid-template-columns: repeat(4, auto);
  }
}
@media (max-width: 800px) {
  .accommodations section ul li:first-of-type {
    display: none;
    background: purple;
  }
}
.accommodations section ul li:first-of-type span {
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-family: "fieldwork", sans-serif;
}
.accommodations section ul li:nth-of-type(even) {
  background: #FAF5EE;
}
.accommodations section ul li:nth-of-type(even):last-of-type {
  border-radius: 0 0 10px 10px;
}
.accommodations section ul li a {
  display: grid;
  grid-template-columns: 2fr 1.2fr 1fr 0.6fr;
}
@media (max-width: 1024px) {
  .accommodations section ul li a {
    display: flex;
    flex-wrap: wrap;
    -moz-column-gap: 1rem;
         column-gap: 1rem;
  }
}
.accommodations section ul li a span.link {
  position: relative;
}
@media (max-width: 1024px) {
  .accommodations section ul li a span.link {
    padding-left: 26px;
  }
}
.accommodations section ul li a span.link:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.54666 19.8082L15.5 31L24.4534 19.8082C26.1828 17.6465 27.125 14.9605 27.125 12.192V11.625C27.125 5.20469 21.9203 0 15.5 0C9.07969 0 3.875 5.20469 3.875 11.625V12.192C3.875 14.9605 4.81721 17.6465 6.54666 19.8082ZM15.5 15.5C17.6401 15.5 19.375 13.7651 19.375 11.625C19.375 9.4849 17.6401 7.75 15.5 7.75C13.3599 7.75 11.625 9.4849 11.625 11.625C11.625 13.7651 13.3599 15.5 15.5 15.5Z' fill='%23b7a284'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: contain;
  height: 18px;
  width: 18px;
  left: -26px;
  top: 50%;
  translate: 0 -50%;
  transition: scale 400ms, filter 400ms;
}
@media (max-width: 1024px) {
  .accommodations section ul li a span.link:before {
    left: 0;
  }
}
.accommodations section ul li a span.link:hover:before {
  scale: 1.2;
  filter: brightness(50%);
}
@media (max-width: 1024px) {
  .accommodations section ul li a span.title {
    width: calc(100% - 12px);
    border-bottom: solid 1px #b7a284;
    padding-bottom: 4px;
    margin-bottom: 4px;
    font-weight: 500;
  }
}
.accommodations section ~ section {
  padding-top: clamp(40px, 10vw, 70px);
}

.attractions {
  max-width: 1700px;
  margin-inline: auto;
}
.attractions .media {
  width: calc(100% - 60px);
  margin: clamp(30px, 10vw, 100px) auto;
  position: relative;
  height: clamp(350px, 30vw, 560px);
  overflow: clip;
  border-radius: 10px;
}
@media (max-width: 800px) {
  .attractions .media {
    width: calc(100% - 30px);
    padding-top: 0;
  }
}
@media (max-width: 800px) {
  .attractions .media .title:not(.mobile) {
    display: none;
  }
}
@keyframes animateTitleMobile {
  to {
    opacity: 1;
    translate: -50% -50%;
  }
}
.attractions .media .title.mobile {
  translate: -50% -80%;
  animation: animateTitleMobile 2s ease forwards;
}
@media (min-width: 801px) {
  .attractions .media .title.mobile {
    display: none;
  }
}
.attractions .list-wrapper {
  max-width: 1200px;
  width: auto;
  padding-inline: clamp(15px, 6vw, 60px);
  row-gap: 2rem;
  margin-inline: auto;
}
@media (max-width: 800px) {
  .attractions .list-wrapper {
    padding-inline: 15px;
  }
}
.attractions .list-wrapper .list {
  background-color: #FAF5EE;
  padding: clamp(20px, 5vw, 45px);
  border-radius: 10px;
  margin-bottom: 3rem;
}
@media (max-width: 1024px) {
  .attractions .list-wrapper .list {
    width: auto;
    margin-bottom: 30px;
  }
}
.attractions .list-wrapper .list h2 {
  font-family: "fieldwork", sans-serif;
  font-size: 24px;
  text-align: center;
  padding-bottom: 0.8rem;
  border-bottom: solid 4px #F6EEE4;
  max-width: 900px;
  margin-inline: auto;
  text-transform: uppercase;
  letter-spacing: 2px;
}
.attractions .list-wrapper .list h2 .small {
  font-family: "Lora", serif;
}
.attractions .list-wrapper .list ul {
  list-style: none;
  padding-left: 0;
  -moz-column-count: 2;
       column-count: 2;
  max-width: 900px;
  margin-inline: auto;
}
@media (max-width: 1000px) {
  .attractions .list-wrapper .list ul {
    -moz-column-count: unset;
         column-count: unset;
  }
}
.attractions .list-wrapper .list ul li {
  position: relative;
  padding-left: clamp(24px, 5vw, 32px);
  white-space: normal;
  margin-bottom: 1rem;
}
.attractions .list-wrapper .list ul li:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='1' d='M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z' fill='%23000000'/%3E%3Cpath d='M10.4127 8.49812L10.5766 8.20419C11.2099 7.06807 11.5266 6.5 12 6.5C12.4734 6.5 12.7901 7.06806 13.4234 8.20419L13.5873 8.49813C13.7672 8.82097 13.8572 8.98239 13.9975 9.0889C14.1378 9.19541 14.3126 9.23495 14.6621 9.31402L14.9802 9.38601C16.2101 9.66428 16.825 9.80341 16.9713 10.2739C17.1176 10.7443 16.6984 11.2345 15.86 12.215L15.643 12.4686C15.4048 12.7472 15.2857 12.8865 15.2321 13.0589C15.1785 13.2312 15.1965 13.4171 15.2325 13.7888L15.2653 14.1272C15.3921 15.4353 15.4554 16.0894 15.0724 16.3801C14.6894 16.6709 14.1137 16.4058 12.9622 15.8756L12.6643 15.7384C12.337 15.5878 12.1734 15.5124 12 15.5124C11.8266 15.5124 11.663 15.5878 11.3357 15.7384L11.0378 15.8756C9.88633 16.4058 9.31059 16.6709 8.92757 16.3801C8.54456 16.0894 8.60794 15.4353 8.7347 14.1272L8.76749 13.7888C8.80351 13.4171 8.82152 13.2312 8.76793 13.0589C8.71434 12.8865 8.59521 12.7472 8.35696 12.4686L8.14005 12.215C7.30162 11.2345 6.88241 10.7443 7.02871 10.2739C7.17501 9.80341 7.78994 9.66427 9.01977 9.38601L9.33794 9.31402C9.68743 9.23495 9.86217 9.19541 10.0025 9.0889C10.1428 8.98239 10.2328 8.82097 10.4127 8.49812Z' fill='%23ffffff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 20px;
  width: 20px;
  left: 0;
  top: 3px;
  transition: scale 400ms, opacity 400ms;
}
@media (max-width: 800px) {
  .attractions .list-wrapper .list ul li:before {
    width: 16px;
    height: 16px;
    top: 5px;
    translate: 0 0;
  }
}
.attractions .list-wrapper .list ul li:hover::before {
  scale: 1.2;
  opacity: 0.47;
}
.attractions .list-wrapper .list ul li.beer:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg height='800px' width='800px' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M414.094,53.067c-0.921-9.57-2.002-18.279-3.163-25.78c-1.182-7.514-2.422-13.76-3.844-18.752L404.651,0 h-8.882H107.353l-2.44,8.535c-1.425,4.992-2.662,11.238-3.844,18.752c-3.496,22.457-6.21,56.058-6.219,90.098 c0,10.197,0.247,20.421,0.798,30.391c2.118,37.612,14.472,71.159,25.763,101.036c5.662,14.942,11.078,28.976,14.998,42.003 c3.931,13.033,6.316,25.006,6.307,35.803c0,50.024,0,123.566,0,123.566c-0.01,17.03,6.933,32.56,18.098,43.711 c11.151,11.164,26.68,18.112,43.718,18.105h102.938c17.03,0.007,32.56-6.94,43.711-18.105 c11.175-11.151,18.108-26.681,18.108-43.711c0,0,0-73.542,0-123.566c-0.013-10.798,2.369-22.77,6.307-35.803 c5.859-19.56,15.156-41.315,23.491-65.106c8.322-23.798,15.696-49.731,17.264-77.932c0.546-9.97,0.8-20.194,0.8-30.391 C417.15,94.703,415.936,72.18,414.094,53.067z M392.846,146.475c-1.822,33.147-13,64.325-24.272,93.996 c-5.618,14.842-11.224,29.296-15.522,43.557c-4.288,14.262-7.298,28.383-7.304,42.59c0,50.024,0,123.566,0,123.566 c-0.007,10.604-4.268,20.107-11.214,27.067c-6.964,6.941-16.457,11.205-27.064,11.212H204.531 c-10.608-0.007-20.104-4.271-27.071-11.212c-6.947-6.96-11.201-16.463-11.208-27.067c0,0,0-73.542,0-123.566 c-0.013-14.208-3.023-28.329-7.301-42.59c-6.453-21.382-15.836-43.237-23.814-66.086c-8.002-22.864-14.608-46.594-15.983-71.466 c-0.523-9.47-0.764-19.273-0.764-29.09c0-21.842,1.182-43.711,2.95-62.076c0.881-9.169,1.906-17.464,2.99-24.384 c0.418-2.676,0.845-5.152,1.272-7.381h260.798c0.421,2.229,0.854,4.705,1.268,7.381c3.263,20.808,5.953,53.728,5.939,86.461 C393.607,127.202,393.373,137.006,392.846,146.475z'/%3E%3Cpath class='st0' d='M201.391,136.338c1.004,31.586,7.584,61.863,13.954,91.146c6.049,27.842,11.755,54.309,12.82,81.483h-8.869 c-1.645-27.174-10.501-53.635-19.86-81.483c-9.834-29.283-19.997-59.56-21.552-91.146c-0.464-9.45-0.661-19.019-0.654-28.448 h-35.24c-0.194,12.246-0.023,24.865,0.664,37.271c1.758,31.592,13.25,61.863,24.361,91.146c11.716,30.858,22.776,60,22.776,90.312 v123.566c0,8.128,6.607,14.735,14.739,14.735h102.938c8.128,0,14.738-6.607,14.738-14.735V326.618 c0-30.311,11.064-59.454,22.773-90.312c11.115-29.283,22.599-59.554,24.355-91.146c0.694-12.406,0.854-25.025,0.674-37.271H201.011 C201.007,117.332,201.091,126.876,201.391,136.338z M305.333,235.399c0,6.507-5.268,11.779-11.772,11.779 s-11.769-5.272-11.769-11.779c0-6.493,5.265-11.772,11.769-11.772S305.333,228.906,305.333,235.399z M287.679,141.243 c6.496,0,11.768,5.272,11.768,11.772c0,6.499-5.272,11.765-11.768,11.765c-6.5,0-11.772-5.266-11.772-11.765 C275.907,146.515,281.179,141.243,287.679,141.243z M267.081,294.252c4.875,0,8.826,3.957,8.826,8.829 c0,4.872-3.95,8.823-8.826,8.823c-4.878,0-8.829-3.951-8.829-8.823C258.253,298.209,262.203,294.252,267.081,294.252z M267.081,397.243c4.875,0,8.826,3.951,8.826,8.822c0,4.879-3.95,8.829-8.826,8.829c-4.878,0-8.829-3.95-8.829-8.829 C258.253,401.194,262.203,397.243,267.081,397.243z M231.772,367.814c0,4.878-3.954,8.829-8.832,8.829 c-4.875,0-8.822-3.95-8.822-8.829c0-4.872,3.947-8.829,8.822-8.829C227.818,358.984,231.772,362.942,231.772,367.814z'/%3E%3C/g%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.wine:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.53864 2.7246C4.66153 2.29564 5.05375 2 5.49997 2H18.5C18.9462 2 19.3384 2.29564 19.4613 2.7246C19.5292 2.96368 19.5947 3.20341 19.6592 3.44343C19.7787 3.88864 19.9411 4.51138 20.1128 5.22261C20.4533 6.63288 20.8417 8.43631 20.9945 9.89583C21.0425 10.3538 21.0746 10.8465 21.0951 11.3478C21.2506 15.1479 18.0345 18 14.3858 18H13V21H16C16.5523 21 17 21.4477 17 22C17 22.5523 16.5523 23 16 23H7.99997C7.44769 23 6.99997 22.5523 6.99997 22C6.99997 21.4477 7.44769 21 7.99997 21H11V18H9.61415C5.96546 18 2.74934 15.1479 2.90487 11.3478C2.92539 10.8465 2.95745 10.3538 3.00542 9.89583C3.15828 8.43631 3.54663 6.63288 3.88711 5.22261C4.05883 4.51138 4.22122 3.88864 4.34076 3.44343C4.4052 3.20341 4.47076 2.96368 4.53864 2.7246ZM5.83125 5.692C5.99331 5.02077 6.147 4.42997 6.26217 4H17.7378C17.853 4.42997 18.0066 5.02077 18.1687 5.692C18.5054 7.0866 18.8671 8.78317 19.0054 10.1042C19.0478 10.5089 19.0774 10.9576 19.0968 11.4296C19.1996 13.9425 17.0554 16 14.3858 16H9.61415C6.94457 16 4.80035 13.9425 4.9032 11.4296C4.92252 10.9576 4.95215 10.5089 4.99453 10.1042C5.13289 8.78317 5.49455 7.0866 5.83125 5.692ZM16.6347 8.55454C16.9244 8.44087 17.2505 8.46854 17.5169 8.62939C17.7833 8.79027 17.9597 9.06602 17.9939 9.37536L18.1251 10.5597C18.3875 12.9287 16.5329 15 14.1494 15H9.8953C7.49073 15 5.62962 12.8937 5.92574 10.5074L6.00761 9.84773C6.05296 9.48228 6.29549 9.17133 6.63889 9.03835C7.14508 8.84499 7.66155 8.67658 8.18169 8.52525C9.0301 8.27841 10.1866 8 11.1667 8C12.1571 8 12.8717 8.26842 13.5105 8.59224C14.1494 8.91605 14.6242 9.05992 15.1955 8.98042C15.6864 8.91211 16.1737 8.73359 16.6347 8.55454ZM10 12C10 12.5523 9.55228 13 9 13C8.44772 13 8 12.5523 8 12C8 11.4477 8.44772 11 9 11C9.55228 11 10 11.4477 10 12Z' fill='%23000000'/%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.bottle:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8' standalone='no'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='-10 0 32 32' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:sketch='http://www.bohemiancoding.com/sketch/ns'%3E%3Ctitle%3Ewine%3C/title%3E%3Cdesc%3ECreated with Sketch Beta.%3C/desc%3E%3Cdefs%3E%3C/defs%3E%3Cg id='Page-1' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd' sketch:type='MSPage'%3E%3Cg id='Icon-Set' sketch:type='MSLayerGroup' transform='translate(-578.000000, -411.000000)' fill='%23000000'%3E%3Cpath d='M588,441 L580,441 L580,427 C580,425.896 580.896,425 582,425 L586,425 C587.104,425 588,425.896 588,427 L588,441 L588,441 Z M583,417 L585,417 L585,423 L583,423 L583,417 Z M583,413 L585,413 L585,415 L583,415 L583,413 Z M587.014,423 L587,423 L587,412 C587,411.448 586.553,411 586,411 L582,411 C581.447,411 581,411.448 581,412 L581,423 L580.987,423 C578.969,423 578,424.791 578,427 L578,443 L590,443 L590,427 C590,424.791 588.98,423 587.014,423 L587.014,423 Z' id='wine' sketch:type='MSShapeGroup'%3E%3C/path%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.pizza:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.18092 2.56556C7.90392 3.05195 7.65396 3.65447 7.416 4.36507C5.57795 9.34447 2.73476 16.6246 1.36225 20.12C0.73894 21.7073 2.25721 23.2963 3.87117 22.7465C7.38796 21.5484 14.6626 19.0869 19.6353 17.5194L19.6504 17.5145C20.3639 17.277 20.9659 17.0333 21.4491 16.7641C21.9273 16.4977 22.3551 16.1704 22.6426 15.7347C23.2987 14.7406 22.9351 13.6998 22.5012 12.8954C19.7712 7.83439 16.3585 4.2775 12.0968 1.5703C11.6898 1.31179 11.2341 1.09226 10.7418 1.02286C10.2141 0.948472 9.69595 1.05467 9.22968 1.36307C8.79315 1.65181 8.45686 2.08103 8.18092 2.56556ZM15.0912 9.09151C13.5105 7.4048 11.7893 5.97947 9.55526 4.3325C9.6817 4.01505 9.80284 3.75901 9.91885 3.55532C10.1115 3.21703 10.2575 3.08115 10.333 3.03119C10.3788 3.0009 10.4025 2.99481 10.4626 3.00327C10.5579 3.01672 10.7358 3.07517 11.0244 3.25848C14.994 5.78016 18.1714 9.08132 20.741 13.8449C21.0989 14.5085 20.9833 14.6233 20.9739 14.6325L20.9734 14.6331C20.9318 14.696 20.8089 14.8313 20.4757 15.017C20.2861 15.1226 20.0491 15.2333 19.7558 15.3501C18.0975 12.7134 16.6772 10.7839 15.0912 9.09151ZM13.6318 10.4591C15.0211 11.9415 16.2981 13.6452 17.8022 16.0033C12.9009 17.5716 6.46194 19.751 3.22621 20.8533L3.22459 20.8538L3.22391 20.8531L3.22329 20.8525L3.22387 20.851C4.48689 17.6345 7.00299 11.1934 8.83498 6.28876C10.7878 7.75003 12.2738 9.00998 13.6318 10.4591ZM10 13C11.1046 13 12 12.1046 12 11C12 9.89545 11.1046 9.00002 10 9.00002C8.89543 9.00002 8 9.89545 8 11C8 12.1046 8.89543 13 10 13ZM10 16C10 17.1046 9.10457 18 8 18C6.89543 18 6 17.1046 6 16C6 14.8954 6.89543 14 8 14C9.10457 14 10 14.8954 10 16ZM13 17C14.1046 17 15 16.1046 15 15C15 13.8954 14.1046 13 13 13C11.8954 13 11 13.8954 11 15C11 16.1046 11.8954 17 13 17Z' fill='%23000000'/%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.taco::before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 4.5C13 4.67532 12.9699 4.84361 12.9146 5H13C13 4.17157 13.6716 3.5 14.5 3.5C15.3284 3.5 16 4.17157 16 5L15.9999 5.01446C16.1208 5.02147 16.2409 5.031 16.3603 5.043C16.5263 4.72055 16.8624 4.5 17.25 4.5C17.787 4.5 18.2251 4.92325 18.249 5.45435C21.5943 6.59707 24 9.7676 24 13.5V16C24 18.2091 22.2091 20 20 20H5.33333C2.38781 20 0 17.6122 0 14.6667V14C0 10.661 1.81827 7.74674 4.51866 6.19327C4.50642 6.13074 4.5 6.06612 4.5 6C4.5 5.44772 4.94772 5 5.5 5C5.83151 5 6.12535 5.16132 6.30729 5.40973C6.5396 5.33699 6.77595 5.27341 7.01593 5.21942C7.00544 5.1478 7 5.07453 7 5C7 4.17157 7.67157 3.5 8.5 3.5C9.32843 3.5 10 4.17157 10 5H10.0854C10.0301 4.84361 10 4.67532 10 4.5C10 3.67157 10.6716 3 11.5 3C12.3284 3 13 3.67157 13 4.5ZM9 7C5.13401 7 2 10.134 2 14V14.6667C2 16.5076 3.49238 18 5.33333 18H16.5351C16.1948 17.4117 16 16.7286 16 16V13.6471C16 9.97599 13.024 7 9.35294 7H9ZM14.8839 7C16.7881 8.58616 18 10.9751 18 13.6471V15V16C18 17.1046 18.8954 18 20 18C21.1046 18 22 17.1046 22 16V13.5C22 13.3749 21.9965 13.2507 21.9895 13.1274C21.7254 13.3593 21.3791 13.5 21 13.5C20.1716 13.5 19.5 12.8284 19.5 12C19.5 11.1716 20.1716 10.5 21 10.5C21.0962 10.5 21.1903 10.5091 21.2815 10.5264C20.9459 9.87521 20.5035 9.28807 19.9775 8.78808C19.9922 8.85638 20 8.92729 20 9C20 9.55228 19.5523 10 19 10C18.4477 10 18 9.55228 18 9C18 8.45891 18.4298 8.01819 18.9666 8.00055C17.9632 7.36678 16.7745 7 15.5 7H14.8839ZM18 15C18 14.4477 18.4477 14 19 14C19.5523 14 20 14.4477 20 15C20 15.5523 19.5523 16 19 16C18.4477 16 18 15.5523 18 15Z' fill='%23000000'/%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.burger:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg height='800px' width='800px' version='1.1' id='_x32_' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cstyle type='text/css'%3E .st0%7Bfill:%23000000;%7D%0A%3C/style%3E%3Cg%3E%3Cpath class='st0' d='M303.319,176.627c7.615,0,13.783-6.185,13.783-13.779c0-7.627-6.168-13.796-13.783-13.796 c-7.61,0-13.779,6.169-13.779,13.796C289.541,170.442,295.709,176.627,303.319,176.627z'/%3E%3Cpath class='st0' d='M397.963,176.627c7.614,0,13.782-6.185,13.782-13.779c0-7.627-6.168-13.796-13.782-13.796 c-7.611,0-13.788,6.169-13.788,13.796C384.175,170.442,390.352,176.627,397.963,176.627z'/%3E%3Cpath class='st0' d='M114.046,176.627c7.615,0,13.783-6.185,13.783-13.779c0-7.627-6.168-13.796-13.783-13.796 c-7.611,0-13.784,6.169-13.784,13.796C100.262,170.442,106.435,176.627,114.046,176.627z'/%3E%3Cpath class='st0' d='M208.685,176.627c7.614,0,13.783-6.185,13.783-13.779c0-7.627-6.169-13.796-13.783-13.796 s-13.787,6.169-13.787,13.796C194.897,170.442,201.07,176.627,208.685,176.627z'/%3E%3Cpath class='st0' d='M256.002,103.635c7.618,0,13.787-6.168,13.787-13.771c0-7.627-6.169-13.787-13.787-13.787 c-7.61,0-13.779,6.16-13.779,13.787C242.223,97.467,248.392,103.635,256.002,103.635z'/%3E%3Cpath class='st0' d='M348.769,105.257c7.61,0,13.783-6.168,13.783-13.779c0-7.618-6.173-13.787-13.783-13.787 c-7.615,0-13.787,6.169-13.787,13.787C334.983,99.089,341.155,105.257,348.769,105.257z'/%3E%3Cpath class='st0' d='M163.247,105.257c7.611,0,13.783-6.168,13.783-13.779c0-7.618-6.172-13.787-13.783-13.787 c-7.614,0-13.787,6.169-13.787,13.787C149.46,99.089,155.633,105.257,163.247,105.257z'/%3E%3Cpath class='st0' d='M396.886,273.417c5.148-2.843,10.604-4.776,19.96-4.834c8.31,0.041,13.545,1.606,18.218,3.908 c3.498,1.753,6.722,4.072,10.257,6.939c5.292,4.236,11.178,9.839,19.521,14.606c8.319,4.776,19.109,8.16,32.36,8.102 c6.951,0,12.583-5.636,12.583-12.583c0-6.955-5.632-12.583-12.583-12.583c-8.312-0.041-13.546-1.614-18.22-3.908 c-3.498-1.753-6.722-4.08-10.256-6.939c-4.334-3.465-9.146-7.84-15.303-11.928h5.468c17.948,0,33.706-9.478,43.229-25.994 c14.574-25.264,12.862-64.848-4.071-94.119C454.468,58.792,364.043,13.842,256.158,13.842 c-107.26,0-195.324,43.656-241.614,119.777c-17.35,28.558-19.414,67.986-4.915,93.766c9.585,17.04,25.547,26.813,43.795,26.813 h5.214c-2.818,1.876-5.424,3.793-7.738,5.661c-6.189,5.054-10.989,9.413-16.118,12.272c-5.148,2.851-10.613,4.776-19.976,4.842 c-6.951,0-12.583,5.628-12.583,12.583c0,6.947,5.632,12.583,12.583,12.583c11.784,0.041,21.622-2.588,29.511-6.578 c5.924-2.966,10.704-6.537,14.828-9.872c6.189-5.054,10.986-9.404,16.114-12.272c5.153-2.843,10.617-4.776,19.981-4.834 c8.322,0.041,13.565,1.606,18.248,3.908c3.502,1.753,6.733,4.08,10.269,6.939c4.514,3.605,9.556,8.184,16.081,12.411H66.388 c-22.54,0-40.804,18.268-40.804,40.805c0,13.263,6.418,24.92,16.208,32.375c-7.595,1.892-17.171,5.874-25.142,14.598 c-6.725,7.365-14.348,20.538-12.452,41.452c4.252,46.834,33.383,77.088,74.216,77.088h177.592h177.592 c40.834,0,69.961-30.253,74.212-77.079c1.901-20.923-5.722-34.096-12.448-41.46c-7.971-8.724-17.548-12.706-25.142-14.598 c9.79-7.455,16.208-19.112,16.208-32.375c0-22.536-18.264-40.805-40.805-40.805h-73.393c3.129-2.024,6.029-4.112,8.552-6.152 C386.969,280.634,391.765,276.284,396.886,273.417z M482.747,418.801c-2.404,26.493-16.167,54.191-49.149,54.191H256.006H78.414 c-32.978,0-46.748-27.698-49.152-54.191c-2.748-30.319,24.826-30.319,24.826-30.319h403.837 C457.925,388.483,485.499,388.483,482.747,418.801z M36.045,146.693C82.617,70.113,168.527,39.008,256.158,39.008 c87.627,0,176.781,32.826,220.108,107.685c19.224,33.219,11.817,82.339-17.374,82.339H53.424 C24.231,229.032,16.134,179.461,36.045,146.693z M219.998,285.688c6.185-5.054,10.982-9.404,16.102-12.272 c5.149-2.843,10.605-4.776,19.96-4.834c8.319,0.041,13.558,1.606,18.236,3.908c3.502,1.753,6.73,4.08,10.265,6.939 c4.51,3.605,9.552,8.184,16.073,12.411h-89.187C214.575,289.817,217.475,287.728,219.998,285.688z M219.478,254.198 c-2.818,1.876-5.423,3.793-7.738,5.669c-6.185,5.055-10.982,9.405-16.102,12.272c-5.149,2.842-10.604,4.768-19.96,4.833 c-8.323-0.041-13.566-1.614-18.248-3.916c-3.502-1.745-6.734-4.072-10.269-6.939c-4.342-3.465-9.158-7.832-15.315-11.92H219.478z M356.425,272.139c-5.15,2.842-10.604,4.768-19.96,4.833c-8.319-0.041-13.558-1.614-18.236-3.908 c-3.502-1.753-6.73-4.08-10.264-6.939c-4.338-3.465-9.155-7.84-15.311-11.928h87.61c-2.818,1.876-5.423,3.793-7.738,5.669 C366.341,264.921,361.545,269.271,356.425,272.139z'/%3E%3C/g%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.chicken:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='iso-8859-1'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 512 512' xml:space='preserve'%3E%3Cg%3E%3Cg%3E%3Cpath d='M463.083,48.917c-65.215-65.219-170.776-65.227-236.001-0.001c-50.479,50.479-111.704,177.996-94.696,259.897 L100.69,340.51c-24.95-14.773-58.633-12.168-81.122,10.321c-26.088,26.086-26.09,68.309,0,94.401 c8.318,8.318,18.685,14.195,30.038,17.162c2.967,11.353,8.844,21.72,17.161,30.038c26.088,26.089,68.311,26.091,94.401,0 c22.502-22.501,25.084-56.186,10.322-81.122l31.697-31.697c81.549,16.936,209.11-43.909,259.896-94.695 C528.301,219.701,528.308,114.143,463.083,48.917z M137.569,398.031c-6.517,6.516-6.517,17.082,0,23.6 c13.043,13.044,13.047,34.156,0,47.201c-13.045,13.045-34.155,13.044-47.2,0c-7.33-7.332-9.238-15.932-9.548-21.857 c-0.445-8.532-7.263-15.35-15.795-15.795c-5.925-0.309-14.526-2.217-21.857-9.548c-13.043-13.044-13.047-34.156,0-47.201 c13.046-13.045,34.156-13.044,47.2,0c6.512,6.513,17.084,6.517,23.6,0l31.789-31.788c3.077,4.763,6.582,9.133,10.525,13.076 c3.943,3.943,8.331,7.428,13.094,10.507L137.569,398.031z M439.484,261.317c-56.295,56.295-211.32,119.081-259.603,70.801 c-48.319-48.319,14.562-203.363,70.801-259.602c52.175-52.176,136.622-52.18,188.802,0 C491.658,124.69,491.663,209.138,439.484,261.317z'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='392.288' cy='119.718' r='16.688'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='368.68' cy='237.713' r='16.688'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='274.283' cy='143.315' r='16.688'/%3E%3C/g%3E%3C/g%3E%3Cg%3E%3Cg%3E%3Ccircle cx='227.078' cy='284.917' r='16.688'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li.breakfast:before {
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg fill='%23000000' height='800px' width='800px' version='1.1' id='Icons' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' viewBox='0 0 32 32' xml:space='preserve'%3E%3Cg%3E%3Cpath d='M23,28H3c-0.6,0-1,0.4-1,1s0.4,1,1,1h20c0.6,0,1-0.4,1-1S23.6,28,23,28z'/%3E%3Cpath d='M25,11c-0.7,0-1.4,0.2-2,0.6V11c0-0.6-0.4-1-1-1H4c-0.6,0-1,0.4-1,1v6.2C3,22.6,7.5,27,13,27c4.2,0,7.8-2.5,9.3-6.1 C23,21.6,23.9,22,25,22c2.2,0,4-1.8,4-4v-3C29,12.8,27.2,11,25,11z M27,18c0,1.1-0.9,2-2,2s-2-0.9-2-2v-0.8V15c0-1.1,0.9-2,2-2 s2,0.9,2,2V18z'/%3E%3Cpath d='M13,9c0.2,0,0.4-0.1,0.6-0.2c0.5-0.3,0.6-0.9,0.3-1.4c-1-1.5-1-3.4,0-4.9c0.3-0.5,0.2-1.1-0.3-1.4 c-0.5-0.3-1.1-0.2-1.4,0.3c-1.4,2.2-1.4,5,0,7.1C12.4,8.8,12.7,9,13,9z'/%3E%3Cpath d='M9,9c0.2,0,0.4-0.1,0.6-0.2c0.5-0.3,0.6-0.9,0.3-1.4c-1-1.5-1-3.4,0-4.9c0.3-0.5,0.2-1.1-0.3-1.4C9.1,0.9,8.5,1,8.2,1.4 c-1.4,2.2-1.4,5,0,7.1C8.4,8.8,8.7,9,9,9z'/%3E%3Cpath d='M17,9c0.2,0,0.4-0.1,0.6-0.2c0.5-0.3,0.6-0.9,0.3-1.4c-1-1.5-1-3.4,0-4.9c0.3-0.5,0.2-1.1-0.3-1.4 c-0.5-0.3-1.1-0.2-1.4,0.3c-1.4,2.2-1.4,5,0,7.1C16.4,8.8,16.7,9,17,9z'/%3E%3C/g%3E%3C/svg%3E");
}
.attractions .list-wrapper .list ul li em {
  opacity: 0.58;
}
.attractions .list-wrapper .list ul li a {
  position: relative;
  white-space: normal;
  text-wrap: wrap;
}
.attractions .list-wrapper .list ul li a span.favorite {
  position: relative;
}
.attractions .list-wrapper .list ul li a span.favorite:before {
  content: "";
  position: absolute;
  background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!-- Uploaded to: SVG Repo, www.svgrepo.com, Generator: SVG Repo Mixer Tools --%3E%3Csvg width='800px' height='800px' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 9.1371C2 14 6.01943 16.5914 8.96173 18.9109C10 19.7294 11 20.5 12 20.5C13 20.5 14 19.7294 15.0383 18.9109C17.9806 16.5914 22 14 22 9.1371C22 4.27416 16.4998 0.825464 12 5.50063C7.50016 0.825464 2 4.27416 2 9.1371Z' fill='%231C274C'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
  height: 11px;
  width: 11px;
  right: -16px;
  top: 0%;
  translate: 0 0%;
}
.attractions .list-wrapper .list.viewport h2,
.attractions .list-wrapper .list.viewport ul {
  translate: 0 30%;
  opacity: 0;
  transition: translate 0.7s, opacity 0.7s;
}
.attractions .list-wrapper .list.viewport ul {
  transition-delay: 0.4s;
}
.attractions .list-wrapper .list.in-viewport h2,
.attractions .list-wrapper .list.in-viewport ul {
  translate: 0 0%;
  opacity: 1;
}

.faq-page .home-hero {
  overflow: clip;
  min-height: unset;
  height: calc(100vh - 120px);
  max-height: 500px;
}
@media (max-width: 800px) {
  .faq-page .home-hero {
    min-height: 180px;
    height: unset;
  }
}
.faq-page .home-hero:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.32;
  z-index: 2;
}
.faq-page .home-hero h1 {
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  margin-block: 0;
  display: flex;
  width: 100%;
  font-family: "Lora", serif;
}
.faq-page .home-hero h1 span {
  font-size: clamp(120px, 20vw, 390px);
  font-weight: 100;
  color: #fff;
  width: 33%;
  text-align: center;
}
.faq-page .faq-list {
  margin: clamp(30px, 7vw, 80px) auto 0;
}
.faq-page .faq-list h2 {
  margin-bottom: 40px;
}
.faq-page .faq-list .wrapper {
  background: #FAF5EE;
  padding: 40px clamp(30px, 7vw, 50px);
  border-radius: 10px;
}
@media (max-width: 1024px) {
  .faq-page .faq-list .wrapper {
    grid-template-columns: auto;
  }
}
@media (max-width: 800px) {
  .faq-page .faq-list .wrapper {
    padding: 0;
  }
}
.faq-page .faq-list .wrapper .inner {
  display: grid;
  grid-template-columns: 1fr 2fr;
  max-width: 1440px;
  margin-inline: auto;
}
@media (max-width: 800px) {
  .faq-page .faq-list .wrapper .inner {
    grid-template-columns: auto;
  }
}
.faq-page .faq-list .wrapper .media {
  position: relative;
  border-radius: 10px;
  overflow: clip;
}
@media (max-width: 1024px) {
  .faq-page .faq-list .wrapper .media {
    padding-top: 50%;
    max-width: 400px;
  }
}
@media (max-width: 800px) {
  .faq-page .faq-list .wrapper .media {
    padding-top: 100%;
    max-width: 100%;
    border-radius: 0 0 10px 10px;
  }
}
.faq-page .faq-list .wrapper .media img {
  -o-object-position: center 20%;
     object-position: center 20%;
}
.faq-page .faq-list .wrapper ~ .wrapper {
  margin-top: 50px;
}
@media (max-width: 800px) {
  .faq-page .faq-list .wrapper ~ .wrapper {
    margin-top: 20px;
  }
}
.faq-page .faq-list .wrapper dl {
  padding: 40px clamp(30px, 6vw, 80px) 40px clamp(30px, 6vw, 110px);
  border-radius: 10px;
  line-height: 1.6;
  max-width: 660px;
}
@media (max-width: 1024px) {
  .faq-page .faq-list .wrapper dl {
    padding: 40px 0 0 40px;
  }
}
@media (max-width: 800px) {
  .faq-page .faq-list .wrapper dl {
    padding: 25px 30px;
  }
}
.faq-page .faq-list .wrapper dl dt,
.faq-page .faq-list .wrapper dl dd {
  position: relative;
  padding-left: 24px;
}
.faq-page .faq-list .wrapper dl dt:before,
.faq-page .faq-list .wrapper dl dd:before {
  position: absolute;
  left: 0;
  top: 0;
  font-weight: 700;
}
.faq-page .faq-list .wrapper dl dt {
  font-weight: 700;
}
.faq-page .faq-list .wrapper dl dt:before {
  content: "Q:";
}
.faq-page .faq-list .wrapper dl dd {
  margin-block: 8px 25px;
  margin-left: 0;
  border-bottom: solid 4px #F6EEE4;
  padding-bottom: 25px;
}
.faq-page .faq-list .wrapper dl dd:before {
  content: "A:";
}
.faq-page .faq-list .wrapper dl dd:last-of-type {
  border-bottom: none;
  margin-bottom: 0;
}
@media (max-width: 1024px) {
  .faq-page .faq-list .wrapper dl dd:last-of-type {
    padding-bottom: 0;
  }
}
.faq-page .faq-list .wrapper:nth-of-type(even) {
  background: unset;
  position: relative;
  overflow: clip;
  border-radius: 0;
}
.faq-page .faq-list .wrapper:nth-of-type(even):before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  height: 100%;
  width: 100%;
  background-color: #000;
  opacity: 0.32;
  z-index: 2;
  opacity: 0.88;
  z-index: 0;
}
.faq-page .faq-list .wrapper:nth-of-type(even) .inner {
  max-width: 1400px;
  margin-inline: auto;
}
.faq-page .faq-list .wrapper:nth-of-type(even) dl {
  position: relative;
  z-index: 2;
}
.faq-page .faq-list .wrapper:nth-of-type(even) dl * {
  color: #fff;
}
.faq-page .faq-list .wrapper:nth-of-type(even) dl dd:not(:last-of-type) {
  border-bottom: 4px solid #333333;
}
.faq-page .faq-list .wrapper:nth-of-type(even) .module-background {
  z-index: -2;
}
.faq-page .faq-list .wrapper:nth-of-type(even) .module-background img {
  filter: grayscale(100%);
}
.faq-page .faq-list .wrapper:nth-of-type(odd) {
  max-width: 1400px;
  margin: clamp(30px, 7vw, 80px) auto;
}
.faq-page .faq-list .wrapper.viewport dl {
  transition: translate 1s ease 0.4s;
}
.faq-page .faq-list .wrapper.viewport .media img {
  scale: 1.2;
  transition: scale 1.4s ease 0.4s;
}
.faq-page .faq-list .wrapper.in-viewport dl {
  translate: 0 0;
}
.faq-page .faq-list .wrapper.in-viewport .media img {
  scale: 1;
}

.rsvp-wrapper {
  padding: clamp(20px, 4vw, 70px) 15px;
  position: relative;
  overflow: clip;
}
.rsvp-wrapper:before {
  content: "";
  position: absolute;
  background-image: url("../titles/leaves-rsvp.svg");
  background-size: contain;
  background-repeat: no-repeat;
  width: 100svh;
  height: 100svh;
  left: 0;
  top: 5%;
  z-index: -1;
}
@media (max-width: 1024px) {
  .rsvp-wrapper:before {
    width: 60svh;
  }
}
.rsvp-wrapper h1 {
  margin-bottom: 3rem;
  text-align: center;
}
.rsvp-wrapper .title {
  text-align: center;
  margin-bottom: -50px;
}
.rsvp-wrapper .title img {
  max-width: 450px;
}
.rsvp-wrapper form {
  max-width: 640px;
  margin: 0 auto;
  background: #000;
  border-radius: 10px;
  padding: 40px;
}
@media (max-width: 900px) {
  .rsvp-wrapper form {
    padding: 40px 25px;
  }
}
.rsvp-wrapper form h2 {
  color: #fff;
  text-align: center;
  font-family: "fieldwork", sans-serif;
}
.rsvp-wrapper form fieldset {
  border: none;
  margin-bottom: 50px;
  padding: 0;
  max-width: 100%;
}
@media (max-width: 800px) {
  .rsvp-wrapper form fieldset {
    margin-bottom: 36px;
  }
}
.rsvp-wrapper form fieldset.name {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: 10px;
}
@media (max-width: 900px) {
  .rsvp-wrapper form fieldset.name {
    flex-direction: column;
    gap: 1rem;
  }
}
@media (min-width: 901px) {
  .rsvp-wrapper form fieldset.name input {
    width: calc(50% - 60px);
  }
}
.rsvp-wrapper form fieldset.name label {
  width: 100%;
}
@media (max-width: 800px) {
  .rsvp-wrapper form fieldset.name label {
    margin-bottom: 0 !important;
  }
}
.rsvp-wrapper form fieldset.full-width input {
  width: 100%;
  box-sizing: border-box;
}
.rsvp-wrapper form fieldset:has(input[type=radio]) {
  display: grid;
  grid-template-columns: 1fr 100px 100px;
  align-items: center;
}
@media (max-width: 900px) {
  .rsvp-wrapper form fieldset:has(input[type=radio]) {
    grid-template-columns: 100px auto;
    grid-template-rows: repeat(2, auto);
    row-gap: 14px;
  }
}
.rsvp-wrapper form fieldset:has(input[type=radio]) div {
  display: flex;
}
@media (max-width: 900px) {
  .rsvp-wrapper form fieldset:has(input[type=radio]) div {
    grid-column: 1/2;
    grid-row: 2/3;
  }
}
@media (max-width: 900px) {
  .rsvp-wrapper form fieldset:has(input[type=radio]) div + div {
    grid-column: 2/3;
    grid-row: 2/3;
  }
}
.rsvp-wrapper form fieldset:has(input[type=radio]) label {
  margin-bottom: 0;
}
@media (max-width: 900px) {
  .rsvp-wrapper form fieldset:has(input[type=radio]) label {
    grid-column: 1/3;
  }
}
.rsvp-wrapper form fieldset:has(input[type=radio]) input[type=radio] {
  margin-right: 8px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  width: 22px;
  height: 22px;
  border: 1px solid #fff;
  border-radius: 100vmax;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding: 0;
}
.rsvp-wrapper form fieldset:has(input[type=radio]) input[type=radio]:checked {
  background: #fff;
}
.rsvp-wrapper form fieldset input, .rsvp-wrapper form fieldset textarea {
  padding: 16px 26px;
  border-radius: 10px;
  border: solid 1px #fff;
  background: transparent;
  color: #fff;
  font-size: 1rem;
}
.rsvp-wrapper form fieldset input::-moz-placeholder, .rsvp-wrapper form fieldset textarea::-moz-placeholder {
  font-size: 1rem;
  color: #fff;
}
.rsvp-wrapper form fieldset input::placeholder, .rsvp-wrapper form fieldset textarea::placeholder {
  font-size: 1rem;
  color: #fff;
}
.rsvp-wrapper form fieldset textarea {
  width: calc(100% - 54px);
  max-width: 100%;
  font-family: "fieldwork", sans-serif;
}
.rsvp-wrapper form fieldset label {
  color: #fff;
  font-size: 20px;
}
.rsvp-wrapper form fieldset label:first-of-type {
  display: block;
  margin-bottom: 1rem;
}
.rsvp-wrapper form .submit-holder {
  text-align: center;
}
.rsvp-wrapper form .submit-holder .btn {
  background: transparent;
  background-color: #fff;
  border: solid 1px #fff;
  transition: background-color 400ms;
}
.rsvp-wrapper form .submit-holder .btn:hover {
  background: transparent;
  color: #fff;
}/*# sourceMappingURL=styles.css.map */