:root {
  --static-asset-base: "../images/";
  --tw-border-style: solid;
  --font-workSans: "Work Sans", Arial, Helvetica, sans-serif;
  --font-editorialOld: "editorialOld", Georgia, "Times New Roman", serif;
}

html {
  scroll-behavior: smooth;
}

body {
  min-width: 320px;
}

#canvas.canvas-cursor {
  display: block;
  height: 100vh;
  inset: 0;
  pointer-events: none;
  position: fixed;
  touch-action: none;
  width: 100vw;
  z-index: 100;
}

@media (max-width: 47.999rem), (pointer: coarse) {
  #canvas.canvas-cursor {
    display: none !important;
  }
}

a,
button,
input,
textarea,
select {
  outline-offset: 0.25rem;
}

a:focus-visible,
button:focus-visible,
input:focus-visible,
textarea:focus-visible,
select:focus-visible {
  outline: 2px solid #ccbf99;
}

.legacy-template-page {
  min-height: 100vh;
}

.legacy-template-page img,
.legacy-template-page video,
.legacy-template-page svg {
  max-width: 100%;
}

.legacy-template-page img.max-w-none,
.legacy-template-page video.max-w-none,
.legacy-template-page svg.max-w-none {
  max-width: none;
}

.legacy-template-page [hidden] {
  display: none !important;
}

.legacy-template-page .scroll-reveal {
  --reveal-y: 1.35rem;
  opacity: 1;
  transform: translate3d(0, 0, 0);
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1) var(--reveal-delay, 0ms);
  will-change: opacity, transform;
}

.legacy-template-page .scroll-reveal.reveal-primed {
  transition: none !important;
}

.legacy-template-page .scroll-reveal:not(.is-visible) {
  opacity: 0 !important;
  transform: translate3d(0, var(--reveal-y), 0) !important;
}

.legacy-template-page .heading1.scroll-reveal,
.legacy-template-page .heading2.scroll-reveal,
.legacy-template-page .heading3.scroll-reveal,
.legacy-template-page .animatedText.scroll-reveal {
  --reveal-y: 2.4rem;
}

.legacy-template-page .scroll-reveal.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0) !important;
}

.legacy-template-page .text-accent {
  color: #dfff3f !important;
}

.legacy-template-page .split-reveal {
  --split-base-delay: 0ms;
}

.legacy-template-page .split-word,
.legacy-template-page .split-char {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 0.9em, 0);
  transform-origin: 50% 100%;
  transition:
    opacity 0.78s cubic-bezier(0.16, 1, 0.3, 1),
    filter 0.78s cubic-bezier(0.16, 1, 0.3, 1),
    transform 0.78s cubic-bezier(0.16, 1, 0.3, 1);
  transition-delay: calc(var(--split-base-delay, 0ms) + (var(--split-index, 0) * 34ms));
  will-change: opacity, filter, transform;
}

.legacy-template-page .split-word {
  filter: blur(0.28rem);
}

.legacy-template-page .split-char {
  filter: blur(0.2rem);
}

.legacy-template-page .preheading1.split-reveal .split-char,
.legacy-template-page .mobile-preheading1.split-reveal .split-char {
  transform: translate3d(0, 0.65em, 0);
  transition-delay: calc(var(--split-base-delay, 0ms) + (var(--split-index, 0) * 22ms));
}

.legacy-template-page .split-reveal.is-visible .split-word,
.legacy-template-page .split-reveal.is-visible .split-char {
  filter: blur(0);
  opacity: 1;
  transform: translate3d(0, 0, 0);
}

.legacy-template-page #Introduction .screen1 .heading1 {
  --split-base-delay: 30ms;
}

.legacy-template-page #Introduction .screen1 .button1Wrap,
.legacy-template-page #Introduction .screen2 .button2Wrap {
  --reveal-delay: 160ms;
}

.legacy-template-page #Introduction .screen2 .heading2 {
  --split-base-delay: 20ms;
}

.legacy-template-page #Introduction .screen3 .heading3 {
  --split-base-delay: 0ms;
}

.legacy-template-page #Introduction .screen3 .paragraph1 {
  --split-base-delay: 90ms;
}

.legacy-template-page .text-\[8\.5vw\] {
  font-size: 8.5vw !important;
}

.legacy-template-page .hero-title-panel {
  opacity: 0;
  pointer-events: none;
  z-index: 2;
  transform: translate3d(0, 1.5rem, 0);
  transition:
    opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.85s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.legacy-template-page .hero-title-panel::before {
  background: linear-gradient(0deg, rgba(31, 38, 30, 0.58) 0%, rgba(31, 38, 30, 0) 100%);
  bottom: 0;
  content: "";
  height: 48%;
  left: 0;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  transition: opacity 0.85s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: 0;
}

.legacy-template-page .hero-title-panel.is-visible {
  opacity: 1 !important;
  transform: translate3d(0, 0, 0);
}

.legacy-template-page .hero-title-panel.is-visible::before {
  opacity: 1;
}

.legacy-template-page .hero-title-text {
  color: #f4f0db !important;
  display: block;
  line-height: 0.8;
  overflow: visible;
  position: relative;
  text-shadow: 0 0.3rem 1.8rem rgba(31, 38, 30, 0.34);
  transform: translateX(var(--hero-title-offset-x, 0px)) scaleX(var(--hero-title-scale, 1));
  transform-origin: center bottom;
  white-space: nowrap;
  width: 100%;
  z-index: 1;
}

.legacy-template-page .hero-title-letter {
  display: inline-block;
  opacity: 0;
  transform: translate3d(0, 1em, 0) rotateX(68deg);
  transform-origin: 50% 100%;
  will-change: opacity, transform;
}

.legacy-template-page .hero-title-text.is-visible .hero-title-letter {
  animation: hero-title-letter-in 1s cubic-bezier(0.16, 1, 0.3, 1) forwards;
  animation-delay: var(--hero-letter-delay, 0ms);
}

@keyframes hero-title-letter-in {
  0% {
    opacity: 0;
    transform: translate3d(0, 1em, 0) rotateX(68deg);
  }

  100% {
    opacity: 1;
    transform: translate3d(0, 0, 0) rotateX(0deg);
  }
}

.legacy-template-page .screen1,
.legacy-template-page .screen2,
.legacy-template-page .screen3,
.legacy-template-page .screen4,
.legacy-template-page .screen5,
.legacy-template-page .roots-screen1,
.legacy-template-page .roots-screen2,
.legacy-template-page #Projects .content,
.legacy-template-page .progress-num,
.legacy-template-page [class*="progress-num-"] {
  transition:
    opacity 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.55s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: opacity, transform;
}

.legacy-template-page .progress-fill,
.legacy-template-page .progress,
.legacy-template-page .imageContainer,
.legacy-template-page .reveal,
.legacy-template-page .reveal-image,
.legacy-template-page .amenities-options-reveal-image,
.legacy-template-page .installment-reveal-image,
.legacy-template-page .reveal-image-zoom,
.legacy-template-page .reveal-content,
.legacy-template-page .amenities-options-reveal-content,
.legacy-template-page .installment-reveal-content {
  transition:
    clip-path 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    opacity 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    transform 0.65s cubic-bezier(0.22, 1, 0.36, 1),
    width 0.65s cubic-bezier(0.22, 1, 0.36, 1);
  will-change: clip-path, opacity, transform, width;
}

.legacy-template-page #Installment .installment-reveal-image {
  clip-path: inset(0 0 0 0) !important;
}

.legacy-template-page #Installment .installment-reveal-content {
  opacity: 1 !important;
  transform: none !important;
}

.legacy-template-page #Installment .installment-reveal-image,
.legacy-template-page #Installment .installment-reveal-image .reveal-image-zoom,
.legacy-template-page #Installment .installment-parallax {
  transform: none !important;
}

/* Keep the installment experience scrollable without showing a scrollbar. */
html:has(.legacy-template-page #Installment),
body:has(.legacy-template-page #Installment) {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

html:has(.legacy-template-page #Installment)::-webkit-scrollbar,
body:has(.legacy-template-page #Installment)::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.legacy-template-page #Installment,
.legacy-template-page #Installment .installment-trigger,
.legacy-template-page #Installment .installment-reveal-image,
.legacy-template-page #Installment .installment-reveal-content {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

.legacy-template-page #Installment::-webkit-scrollbar,
.legacy-template-page #Installment .installment-trigger::-webkit-scrollbar,
.legacy-template-page #Installment .installment-reveal-image::-webkit-scrollbar,
.legacy-template-page #Installment .installment-reveal-content::-webkit-scrollbar {
  display: none;
  height: 0;
  width: 0;
}

.legacy-template-page #Installment .reveal-image-zoom {
  transform: none !important;
}

.legacy-template-page #Installment .installment-parallax {
  --installment-parallax-top: 34rem;
  backface-visibility: hidden;
  height: calc(100% + 20rem) !important;
  object-fit: cover;
  object-position: 50% 50%;
  top: var(--installment-parallax-top) !important;
  transform: none !important;
  will-change: top;
}

@media (max-width: 767px) {
  .legacy-template-page #Installment .installment-parallax {
    height: 100% !important;
    top: 0 !important;
    transform: none !important;
    translate: 0 0 !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #Installment .installment-parallax {
    height: 100% !important;
    top: 0 !important;
    transform: none !important;
    translate: 0 0 !important;
  }
}


.legacy-template-page #Horizontal .trigger {
  position: sticky;
  top: 0;
  overflow: hidden;
}

.legacy-template-page #Horizontal .reveal {
  display: none;
}

.legacy-template-page #Horizontal h2 {
  z-index: 15;
  top: clamp(6rem, 14vh, 9.5rem);
  color: #f4f0db;
  font-family: var(--font-editorialOld), Georgia, serif;
  font-size: clamp(5.25rem, 9.8vw, 11.25rem);
  line-height: 0.9;
}

.legacy-template-page #Horizontal .horizontal-heading-word {
  display: inline-block;
  white-space: nowrap;
}

.legacy-template-page #Horizontal .horizontal-heading-letter {
  display: inline-block;
  transform-origin: 50% 55%;
  will-change: opacity, transform, filter;
}

@media (max-width: 1120px) {
  .legacy-template-page #Horizontal h2 {
    top: clamp(5rem, 12vh, 7.5rem);
    font-size: clamp(3.75rem, 9vw, 7.5rem);
  }
}

@media (max-width: 600px) {
  .legacy-template-page #Horizontal h2 {
    top: 5.75rem;
    font-size: clamp(2.4rem, 12vw, 3.1rem);
    line-height: 0.98;
  }
}

.legacy-template-page #Introduction .to-pine-green {
  background-color: #20301f !important;
}

.legacy-template-page #Introduction .scroller {
  height: 540svh !important;
  min-height: 320rem;
}

.legacy-template-page #Introduction .leafs {
  display: block !important;
  height: 100svh !important;
  left: auto !important;
  max-width: none !important;
  mix-blend-mode: multiply !important;
  object-fit: cover !important;
  object-position: center center !important;
  opacity: 0.4 !important;
  right: -10% !important;
  top: 0 !important;
  transform-origin: 94% 0%;
  width: 100vw !important;
  will-change: transform;
  z-index: 0;
}

.legacy-template-page #IntroductionMobile .leafs {
  animation: legacy-leafs-pendulum-mobile 8.5s ease-in-out infinite alternate;
  display: block;
  transform-origin: 94% 0%;
  will-change: transform;
}

@media (max-width: 600px) {
  .legacy-template-page #IntroductionMobile .leafs {
    display: none !important;
  }
}

@keyframes legacy-leafs-pendulum {
  0% {
    transform: translate3d(0, 0, 0) rotate(-3deg) scale(1.2);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(4deg) scale(1.2);
  }
}

@keyframes legacy-leafs-pendulum-mobile {
  0% {
    transform: translate3d(0, 0, 0) rotate(-2deg) scale(1.08);
  }

  100% {
    transform: translate3d(0, 0, 0) rotate(3deg) scale(1.08);
  }
}

.legacy-template-page #Introduction .screen1,
.legacy-template-page #Introduction .screen2,
.legacy-template-page #Introduction .screen3,
.legacy-template-page #Introduction .morphs {
  opacity: 0;
}

.legacy-template-page #Introduction .screen1,
.legacy-template-page #Introduction .screen2,
.legacy-template-page #Introduction .screen3 {
  transition: none !important;
  will-change: opacity, transform;
}

.legacy-template-page #Introduction .morphs,
.legacy-template-page #Introduction .morphWrapper,
.legacy-template-page #Introduction #frame1,
.legacy-template-page #Introduction #frame2,
.legacy-template-page #Introduction .morph1ImgA,
.legacy-template-page #Introduction .morph1ImgB,
.legacy-template-page #Introduction .morph2ImgA,
.legacy-template-page #Introduction .morph2ImgB {
  backface-visibility: hidden;
  transition: none !important;
  transform-box: fill-box;
  transform-origin: center center;
  will-change: opacity, transform, filter;
}

.legacy-template-page #Introduction .split-word,
.legacy-template-page #Introduction .split-char {
  filter: none !important;
  transition: none !important;
  will-change: opacity, transform;
}

.legacy-template-page #Introduction .preheading1.split-reveal .split-word {
  opacity: 1 !important;
  transform: none !important;
  will-change: auto;
}

.legacy-template-page #Introduction .scroll-reveal,
.legacy-template-page #Introduction .scroll-reveal.is-visible,
.legacy-template-page #Introduction .scroll-reveal:not(.is-visible) {
  transition: none !important;
}

.legacy-template-page #Introduction .preheading1 {
  color: #dfff3f !important;
}

.legacy-template-page #Introduction .screen1 > .wrapper,
.legacy-template-page #Introduction .screen2 > .wrapper {
  padding-top: clamp(2.25rem, 5svh, 4rem) !important;
}

.legacy-template-page #Introduction .screen3 > .wrapper {
  padding-top: clamp(8rem, 13svh, 10rem) !important;
}

.legacy-template-page #Introduction .heading1,
.legacy-template-page #Introduction .heading2,
.legacy-template-page #Introduction .heading3,
.legacy-template-page #Introduction .paragraph1 {
  color: #fff4d6 !important;
}

.legacy-template-page #Introduction .screen3 .heading3 {
  font-size: clamp(4rem, 6.2vw, 11rem) !important;
  letter-spacing: 0 !important;
  line-height: 1.02 !important;
  max-width: 100% !important;
  text-wrap: balance;
}

@media (min-width: 100rem) {
  .legacy-template-page #Introduction .screen3 .heading3 {
    font-size: clamp(5.5rem, 7vw, 11rem) !important;
  }
}

@media (max-width: 79.999rem) {
  .legacy-template-page #Introduction .screen3 > .wrapper {
    padding-top: 3rem !important;
  }

  .legacy-template-page #Introduction .screen3 .heading3 {
    font-size: clamp(2.85rem, 7vw, 5rem) !important;
    line-height: 0.98 !important;
  }
}

@media (max-width: 39.9375rem) {
  .legacy-template-page #IntroductionMobile .mobile-heading3 {
    font-size: clamp(2.3rem, 12vw, 4.25rem) !important;
    line-height: 0.94 !important;
    letter-spacing: -0.04em !important;
  }
}

.legacy-template-page #Introduction .screen3 .paragraph1 {
  max-width: 27rem !important;
}

.legacy-template-page #Introduction .screen3 .space-y-4 {
  background: rgba(255, 249, 233, 0.18);
  border: 1px solid rgba(255, 244, 214, 0.18);
  border-radius: 1rem;
  max-width: min(36rem, 78vw);
  padding: 1rem 1.1rem;
}

.legacy-template-page #Introduction .screen3 .paragraph2 {
  color: #1d1d1d !important;
  font-size: 0.9rem !important;
  font-weight: 500 !important;
  line-height: 1.55 !important;
  margin: 0 !important;
  text-shadow: none !important;
}

.legacy-template-page #Introduction .screen3 .link {
  color: #dfff3f !important;
  text-decoration-color: rgba(223, 255, 63, 0.78) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.28em !important;
}

.legacy-template-page #IntroductionMobile .mobile-link {
  color: #dfff3f !important;
  text-decoration-color: rgba(223, 255, 63, 0.78) !important;
  text-decoration-thickness: 1px !important;
  text-underline-offset: 0.28em !important;
}

.legacy-template-page #Introduction .progress-fill {
  background-color: #dfff3f !important;
}

.legacy-template-page #Introduction .bg-green.relative.h-px {
  background-color: rgba(255, 244, 214, 0.26) !important;
}

.legacy-template-page #Introduction [class*="progress-num-"] {
  color: rgba(255, 244, 214, 0.48) !important;
}

.legacy-template-page #Introduction .button1Wrap a,
.legacy-template-page #Introduction .button2Wrap a {
  border-radius: 999px;
  display: inline-block;
}

.legacy-template-page #Introduction .button1Wrap button,
.legacy-template-page #Introduction .button2Wrap button {
  align-items: center !important;
  border-color: rgba(255, 244, 214, 0.34) !important;
  border-radius: 999px !important;
  color: #fff4d6 !important;
  height: 3.5rem !important;
  min-width: 0 !important;
  padding: 0 1.25rem !important;
  width: 14rem !important;
}

.legacy-template-page #Introduction .button1Wrap button:hover,
.legacy-template-page #Introduction .button2Wrap button:hover {
  background-color: rgba(96, 115, 92, 0.36) !important;
  border-color: rgba(255, 244, 214, 0.56) !important;
}

.legacy-template-page #IntroductionMobile a[href*="/3d"] {
  border-radius: 999px;
  display: block;
}

.legacy-template-page #IntroductionMobile a[href*="/3d"] button {
  align-items: center !important;
  border-color: rgba(255, 244, 214, 0.34) !important;
  border-radius: 999px !important;
  color: #fff4d6 !important;
  height: 3.5rem !important;
  min-height: 0 !important;
  min-width: 0 !important;
  padding: 0 1.25rem !important;
}

.legacy-template-page #IntroductionMobile .progress-fill {
  background-color: #dfff3f !important;
}

.legacy-template-page #IntroductionMobile .bg-green.relative.h-px {
  background-color: rgba(255, 244, 214, 0.26) !important;
}

.legacy-template-page #Location .background {
  height: calc(100% + 180px);
  top: -90px;
  translate: none;
}

/* Keep the location copy legible over both the pale sky and bright facade. */
.legacy-template-page #Location .background + .pointer-events-none {
  background:
    linear-gradient(0deg, rgba(15, 28, 22, 0.62), transparent 48%),
    linear-gradient(
      90deg,
      rgba(15, 28, 22, 0.12) 0%,
      rgba(15, 28, 22, 0.3) 42%,
      rgba(15, 28, 22, 0.68) 70%,
      rgba(15, 28, 22, 0.72) 100%
    ) !important;
}

.legacy-template-page #Location :is(.paragraph, .hero) {
  text-shadow: none;
}

.legacy-template-page #Location .paragraph {
  color: #fff9e8 !important;
  font-size: clamp(1.375rem, 1.5vw, 1.625rem);
  font-weight: 500;
  line-height: 1.55;
  max-width: 34rem;
}

.legacy-template-page #Location .videoWrap .portrait {
  height: calc(100% + 80px) !important;
  left: 0;
  object-fit: cover;
  object-position: center;
  top: -40px;
  translate: none;
  width: 100%;
}

.legacy-template-page #Location .hero {
  color: #fff4d6;
  font-size: 10.5rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: 100%;
}

/* The utility breakpoints switch to the phone layout only below 601px. Keep
   the copy comfortably readable on portrait tablets as well. */
@media (min-width: 37.563rem) and (max-width: 70rem) {
  .legacy-template-page #Location > .trigger {
    min-height: max(100svh, 58rem);
  }

  .legacy-template-page #Location .wrapper {
    align-items: stretch !important;
  }

  .legacy-template-page #Location .wrapper > div:nth-child(2) {
    padding-top: 2.5rem !important;
    width: min(72%, 32rem) !important;
  }

  .legacy-template-page #Location .wrapper > div:last-child {
    align-items: flex-start !important;
    gap: 3rem;
    height: auto !important;
    padding-bottom: 3rem !important;
    padding-top: clamp(5rem, 12vh, 7rem) !important;
  }

  .legacy-template-page #Location .paragraph {
    background: rgba(20, 29, 23, 0.72);
    border: 1px solid rgba(255, 244, 214, 0.18);
    border-radius: 1rem;
    box-shadow: 0 12px 36px rgba(0, 0, 0, 0.2);
    padding: 1rem 1.125rem;
    font-size: 1.1875rem;
    width: min(100%, 32rem) !important;
  }

  .legacy-template-page #Location .hero {
    align-self: flex-end;
    font-size: clamp(4.25rem, 12vw, 5.375rem);
    margin-top: 0 !important;
  }
}

@media (max-width: 79.999rem) {
  .legacy-template-page #Location .hero {
    font-size: 5.375rem;
  }
}

@media (max-width: 47.999rem) {
  .legacy-template-page #Location .background + .pointer-events-none {
    background: linear-gradient(
      180deg,
      rgba(15, 28, 22, 0.3),
      rgba(15, 28, 22, 0.56) 55%,
      rgba(15, 28, 22, 0.7)
    ) !important;
    
  }

    .legacy-template-page #BusinessSpacesOptions .business-background + .pointer-events-none {
    background: linear-gradient(
      180deg,
      rgba(15, 28, 22, 0.3),
      rgba(15, 28, 22, 0.56) 55%,
      rgba(15, 28, 22, 0.7)
    ) !important;
  }
.legacy-template-page #AmenitiesOptions .amenities-options-panels {
  min-height: 100% !important;
  position: relative;
}
  .legacy-template-page #Location .hero {
    font-size: 3.75rem;
  }
}

@media (max-width: 37.5rem) {
  .legacy-template-page #Location .paragraph {
    background: rgba(20, 29, 23, 0.7);
    border-radius: 0.875rem;
    font-size: 1.0625rem;
    line-height: 1.5;
    padding: 0.875rem 1rem;
    width: 100% !important;
  }

  .legacy-template-page #Location .hero {
    font-size: clamp(2.75rem, 13vw, 3.25rem);
  }
}

.legacy-template-page #Around {
  --around-paper: #fcfaef;
  --around-gold: #926a36;
  background: var(--around-paper);
  color: #263b32;
  isolation: isolate;
  scroll-margin-top: 4.5rem;
}

.legacy-template-page #Around > .trigger {
  min-height: 56rem;
  padding: 5rem 0 3rem;
}

.legacy-template-page #Around button {
  scroll-margin-block: 6rem;
  touch-action: manipulation;
}

.legacy-template-page #Around button:focus-visible {
  outline: 2px solid #263b32;
  outline-offset: 1px;
}

.legacy-template-page #Around .list {
  border-color: #b4946266;
  padding: 2.5rem 0 2rem;
}

.legacy-template-page #Around .list > div:first-child {
  display: none;
}

.legacy-template-page #Around .list > button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: var(--around-gold);
  cursor: pointer;
  display: block;
  min-height: 44px;
  overflow: visible;
  padding: 0;
  text-align: left;
  width: 100%;
}

.legacy-template-page #Around .list .heading-2 {
  color: inherit;
  display: block;
  font-size: 3.5rem;
  letter-spacing: 0;
  line-height: 1.08;
  margin: 0;
  padding: 0.75rem 0 !important;
  transform: none;
  translate: none !important;
  transition: color 200ms ease;
}

.legacy-template-page #Around .list [aria-hidden="true"] {
  display: none;
}

.legacy-template-page #Around .list > button:is(:hover, :focus-visible, [aria-pressed="true"]) {
  color: #263b32;
}

.legacy-template-page #Around .list > button[aria-pressed="true"] .heading-2 {
  font-style: italic;
}

.legacy-template-page #Around .list > button[aria-pressed="true"]::before {
  background: currentColor;
  content: "";
  height: 1.5rem;
  left: -1rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2px;
}

.legacy-template-page #Around .list + div {
  display: grid;
  margin-top: 1.75rem;
  min-height: 8rem;
}

.legacy-template-page #Around .list + div > div {
  grid-area: 1 / 1;
  position: relative;
}

/* The captured template's travel times do not describe these locations. */
.legacy-template-page #Around .list + div > div > div {
  display: none;
}

.legacy-template-page #Around .list + div .kicker {
  margin-bottom: 0.75rem !important;
}

.legacy-template-page #Around .list + div .paragraph {
  line-height: 1.6;
  margin: 0 !important;
}

@media (max-width: 95.999rem) {
  .legacy-template-page #Around .list .heading-2 {
    font-size: 2.625rem;
  }

  .legacy-template-page #Around > .trigger {
    min-height: 48rem;
  }
}

@media (max-width: 63.999rem) {
  .legacy-template-page #Around > .trigger {
    display: flex;
    flex-direction: column;
    min-height: 0;
    padding: 3rem 0;
  }

  .legacy-template-page #Around .list {
    display: grid;
    gap: 0 1.5rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    padding: 1.5rem 0;
  }

  .legacy-template-page #Around .list .heading-2 {
    font-size: 2rem;
    padding: 0.625rem 0 !important;
  }

  .legacy-template-page #Around .list + div {
    min-height: 6.5rem;
  }
}

@media (max-width: 35.999rem) {
  .legacy-template-page #Around .list .heading-2 {
    font-size: 1.5rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #Around *,
  .legacy-template-page #Around *::before {
    transition: none !important;
  }
}

.legacy-template-page #Around.around-story {
  --around-story-paper: #fbf8ec;
  --around-story-green: #263b32;
  --around-story-gold: #ad8651;
  background: var(--around-story-paper);
  color: var(--around-story-green);
  overflow: clip;
}

.legacy-template-page #Around .around-story-scroll {
  height: 320svh;
  position: relative;
}

.legacy-template-page #Around .around-story-sticky {
  height: 100svh;
  overflow: hidden;
  position: sticky;
  top: 0;
}

.legacy-template-page #Around .around-story-track {
  display: flex;
  height: 100%;
  transform: translate3d(var(--around-story-x, 0px), 0, 0);
  will-change: transform;
}

.legacy-template-page #Around .around-story-panel {
  flex: 0 0 100vw;
  min-width: 100vw;
  height: 100%;
  position: relative;
  padding: clamp(6rem, 12vh, 9rem) clamp(2rem, 6vw, 7rem) clamp(3rem, 7vh, 6rem);
}

@media (max-width: 70rem) {
  .legacy-template-page #Around .around-story-scroll {
    height: auto;
  }

  .legacy-template-page #Around .around-story-sticky {
    height: auto;
    overflow: visible;
    position: relative;
  }

  .legacy-template-page #Around .around-story-track {
    display: block;
    transform: none !important;
  }

  .legacy-template-page #Around .around-story-panel {
    height: auto;
    min-height: 100svh;
    min-width: 0;
    padding: 6rem 1.25rem 4rem;
    width: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #Around .around-story-track {
    transform: none !important;
  }
}

.legacy-template-page #Around.unicorn-style {
  --unicorn-around-paper: #f4f3ec;
  --unicorn-around-ink: #14213a;
  --unicorn-around-line: rgba(20, 33, 58, 0.18);
  background: var(--unicorn-around-paper);
  color: var(--unicorn-around-ink);
}

.legacy-template-page #Around.unicorn-style .around-story-scroll {
  height: 560svh;
}

.legacy-template-page #Around.unicorn-style .around-story-sticky {
  background: var(--unicorn-around-paper);
}

.legacy-template-page #Around.unicorn-style .around-story-track {
  display: flex;
  height: 100%;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-panel {
  background: var(--unicorn-around-paper);
  color: var(--unicorn-around-ink);
  flex: 0 0 100vw;
  height: 100%;
  min-width: 100vw;
  padding: 0;
  position: relative;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-cta {
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  background: rgba(244, 243, 236, 0.94);
  border: 1px solid var(--unicorn-around-line);
  border-radius: 0.75rem;
  box-shadow: 0 0.75rem 2rem rgba(20, 33, 58, 0.08);
  padding: 1rem 1.25rem;
  position: absolute;
  right: clamp(2rem, 3vw, 3.75rem);
  text-align: right;
  top: 3.9rem;
  z-index: 25;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-cta a {
  color: var(--unicorn-around-ink);
  display: inline-block;
  font-family: var(--font-editorialOld), Georgia, serif;
  font-size: clamp(1.45rem, 1.65vw, 2rem);
  line-height: 0.9;
  text-decoration: underline;
  text-transform: uppercase;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-cta span {
  display: block;
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.72rem;
  font-weight: 700;
  letter-spacing: 0.35em;
  line-height: 1.8;
  margin-top: 1.8rem;
  text-transform: uppercase;
}

.legacy-template-page #Around.unicorn-style .around-flower {
  mix-blend-mode: normal;
  pointer-events: none;
  position: absolute;
  z-index: 4;
}

.legacy-template-page #Around.unicorn-style .around-flower-1 {
  left: -8vw;
  object-fit: contain;
  top: -8vh;
  width: 45vw;
}

.legacy-template-page #Around.unicorn-style .around-flower-2 {
  bottom: -23vh;
  object-fit: contain;
  right: -15vw;
  transform: rotate(90deg);
  width: 56vw;

}

.legacy-template-page #Around.unicorn-style .around-flower-4 {
  object-fit: contain;
  right: -2vw;
  top: -5vh;
  width: 40vw;
  z-index: 5;
  transform: rotate(180deg) scale(1, -1);
}

@media (min-width: 22.5rem) and (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-flower-4 {
    display: none;
  }
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy {
  left: 50%;
  max-width: 67rem;
  position: absolute;
  text-align: center;
  top: 50%;
  transform: translate(-50%, -40%);
  width: min(70vw, 68rem);
  z-index: 7;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy p {
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.75rem;
  font-weight: 800;
  letter-spacing: 0.06em;
  margin: 0 0 2.5rem;
  text-transform: uppercase;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy h2,

.legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2,

.legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
  color: var(--unicorn-around-ink);
  font-family: var(--font-editorialOld), Georgia, serif;
  font-size: clamp(5rem, 8.2vw, 10rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.2;
  margin: 0;
  text-transform: uppercase;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy h2 {
  font-size: clamp(3.5rem, 5.56vw, 5rem);
  position: relative;
  text-transform: none;
  z-index: 1;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy small {
  display: block;
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: clamp(0.9rem, 1vw, 1rem);
  line-height: 1.35;
  margin: 6rem auto 0;
  max-width: 22rem;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy img {
  display: block;
  height: 3.1rem;
  margin: 2rem auto 0;
  object-fit: contain;
  width: 3.1rem;
}


.legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 span {
  display: block;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 {
  font-size: clamp(5rem, 8.5vw, 10.5rem);
  left: 18vw;
  position: absolute;
  text-transform: none;
  top: 21vh;
  width: 39vw;
  z-index: 4;
}


.legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
  height: 89vh;
  left: 25vw;
  margin: 0;
  overflow: hidden;
  position: absolute;
  top: 6vh;
  width: 52vw;
  z-index: 3;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure img {
  display: block;
  height: 100%;
  object-fit: contain;
  object-position: 50% 45%;
  width: 100%;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-circle {
  align-items: center;
  border: 1px solid var(--unicorn-around-ink);
  border-radius: 50%;
  color: var(--unicorn-around-ink);
  display: flex;
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.82rem;
  font-weight: 800;
  height: 13rem;
  justify-content: center;
  letter-spacing: 0.04em;
  line-height: 1.35;
  position: absolute;
  right: -3vw;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  top: 38vh;
  width: 13rem;
  z-index: 7;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-desc {
  bottom: 5vh;
  left: 70vw;
  max-width: 34rem;
  position: absolute;
  z-index: 8;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-desc h3 {
  color: var(--unicorn-around-ink);
  font-family: var(--font-editorialOld), Georgia, serif;
  font-size: clamp(2rem, 2.6vw, 3.3rem);
  font-weight: 400;
  line-height: 0.95;
  margin: 0 0 1.4rem;
  text-transform: none;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-desc p {
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.98rem;
  line-height: 1.35;
  margin: 0;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
  font-size: clamp(4.7rem, 6.3vw, 8rem);
  left: 14vw;
  line-height: 0.95;
  position: absolute;
  right: auto;
  text-align: center;
  text-transform: none;
  top: 22vh;
  width: 52vw;
  z-index: 7;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-path h2 em {
  display: inline-block;
  font-family: var(--font-editorialOld), Georgia, serif;
  font-style: italic;
  text-transform: none;
  transform: translateY(-0.1em);
}

.legacy-template-page #Around.unicorn-style .around-unicorn-pathline {
  bottom: 8vh;
  height: 22vh;
  left: 22vw;
  position: absolute;
  width: 56vw;
  z-index: 6;
}

.legacy-template-page #Around.unicorn-style .around-unicorn-pathline img {
  height: 100%;
  left: 0;
  object-fit: contain;
  object-position: center;
  position: absolute;
  top: 0;
  width: 100%;
}

/* Reserve separate rows for the headline and route map on wide, short screens. */
@media (min-width: 70.001rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-path {
    display: grid;
    grid-template-rows: minmax(0, 1fr) 22svh;
    gap: 2rem;
    padding: max(7rem, 14svh) 0 8svh;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
    align-self: center;
    font-size: min(6.3vw, 10svh, 8rem);
    left: auto;
    margin: 0 0 0 14vw;
    position: relative;
    top: auto;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-pathline {
    bottom: auto;
    height: 100%;
    left: auto;
    margin-left: 22vw;
    position: relative;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace {
    align-items: center;
    display: grid;
    gap: 1.5rem clamp(2rem, 5vw, 5rem);
    grid-template-columns: minmax(15rem, 0.72fr) minmax(0, 1.28fr);
    grid-template-rows: minmax(0, 1fr) auto;
    padding: clamp(7rem, 13vh, 9rem) clamp(2rem, 6vw, 7rem) clamp(3rem, 7vh, 6rem);
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 {
    align-self: end;
    font-size: clamp(3.25rem, 5.4vw, 6.5rem);
    grid-column: 1;
    grid-row: 1;
    left: auto;
    line-height: 0.98;
    position: relative;
    top: auto;
    width: 100%;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 span[style*="left:"] {
    left: 0 !important;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
    aspect-ratio: 4 / 5;
    grid-column: 2;
    grid-row: 1 / span 2;
    height: auto;
    left: auto;
    max-height: 72svh;
    position: relative;
    top: auto;
    width: 100%;
  }


  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace .around-unicorn-desc {
    align-self: start;
    bottom: auto;
    grid-column: 1;
    grid-row: 2;
    left: auto;
    max-width: 28rem;
    position: relative;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace .around-unicorn-circle {
    bottom: 18vh;
    right: clamp(2rem, 4vw, 4rem);
    top: auto;
  }
}

@media (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-story-scroll {
    height: auto;
  }

  .legacy-template-page #Around.unicorn-style .around-story-sticky {
    height: auto;
    overflow: hidden;
    position: relative;
  }

  .legacy-template-page #Around.unicorn-style .around-story-track {
    display: block;
    transform: none !important;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-panel {
    height: 100svh;
    min-width: 0;
    width: 100%;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-cta {
    display: none;
  }

  .legacy-template-page #Around.unicorn-style .around-flower-1 {

    width: 56vw;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy {
    width: 84vw;
  }

.legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy h2 {
    font-size: clamp(2rem, 5vw, 3.5rem);
    line-height: 0.95;
}

  
  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2,

  .legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
    font-size: clamp(3.4rem, 15vw, 5.4rem);
    left: 1.25rem;
    right: auto;
    top: 22vh;
    width: calc(100% - 2.5rem);
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 span {
    left: 0 !important;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
    bottom: 17vh;
    height: 45vh;
    left: 1.25rem;
    top: auto;
    width: calc(100% - 2.5rem);
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-circle {
    display: none;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc {
    bottom: 3rem;
    left: 1.25rem;
    right: 1.25rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-pathline {
    bottom: 9vh;
    left: 1rem;
    width: calc(100% - 2rem);
  }
}

@media (min-width: 48rem) and (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
    font-size: clamp(3.4rem, 7vw, 4.5rem);
  }
}

@media (max-width: 35.999rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy {
    top: 53%;
    width: 88vw;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy h2 {
    font-size: clamp(2.1rem, 8.5vw, 3.45rem);
    line-height: 1.2;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-concept-copy small {
    margin-top: 2.75rem;
    max-width: 19rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace {
    display: flex;
    flex-direction: column;
    gap: 1.25rem;
    height: auto;
    min-height: 0;
    padding: 5.25rem 1.25rem 2rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 {
    font-size: clamp(2.8rem, 11vw, 4rem);
    left: auto;
    line-height: 0.95;
    position: static;
    top: auto;
    width: 100%;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
    aspect-ratio: 4 / 3;
    bottom: auto;
    height: auto;
    left: auto;
    margin: 0;
    position: relative;
    top: auto;
    width: 100%;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc {
    bottom: auto;
    left: auto;
    margin-top: 0.25rem;
    position: relative;
    right: auto;
    top: auto;
  }

}

@media (min-width: 36rem) and (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
    bottom: auto;
    height: 32vh;
    top: 40vh;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc {
    bottom: auto;
    top: 74vh;
  }
}

@media (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 {
    font-size: clamp(2rem, 9vw, 2.75rem);
    line-height: 1.2;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc h3 {
    font-size: clamp(1.5rem, 5.5vw, 2rem);
    margin-bottom: 1rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc p {
    font-size: clamp(14px, 3.2vw, 18px);
  }
}

/* Compact tablet flow: keep the editorial composition without reserving an
   entire viewport of empty space for every story panel. */
@media (min-width: 37.563rem) and (max-width: 70rem) {
  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace {
    align-items: end;
    display: grid;
    gap: 1.5rem 2rem;
    grid-template-columns: minmax(14rem, 0.8fr) minmax(20rem, 1.2fr);
    grid-template-rows: auto auto;
    height: auto;
    min-height: 0;
    padding: clamp(7.5rem, 13vh, 9rem) 1.75rem 2.5rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace h2 {
    align-self: center;
    grid-column: 1;
    grid-row: 1;
    left: auto;
    position: relative;
    top: auto;
    width: auto;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure {
    aspect-ratio: 1.45 / 1;
    grid-column: 2;
    grid-row: 1;
    height: auto;
    left: auto;
    position: relative;
    top: auto;
    width: 100%;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-terrace figure img {
    object-fit: cover;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc {
    bottom: auto;
    grid-column: 1 / -1;
    grid-row: 2;
    left: auto;
    max-width: 48rem;
    position: relative;
    right: auto;
    top: auto;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-desc h3 {
    margin-bottom: 0.75rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-path {
    align-items: center;
    display: flex;
    flex-direction: column;
    gap: 2rem;
    height: auto;
    min-height: 0;
    padding: clamp(7.5rem, 13vh, 9rem) 1.75rem 2rem;
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-path h2 {
    flex: none;
    left: auto;
    position: relative;
    top: auto;
    width: min(100%, 48rem);
  }

  .legacy-template-page #Around.unicorn-style .around-unicorn-pathline {
    bottom: auto;
    flex: none;
    height: clamp(9rem, 18vw, 12rem);
    left: auto;
    position: relative;
    width: 100%;
  }
}

.legacy-template-page section#Residences .background {
  height: calc(100% + 180px);
  top: -90px;
  translate: none !important;
}

.legacy-template-page section#Residences .trigger > .wrapper {
  position: relative;
  z-index: 1;
}

.legacy-template-page section#Residences .videoWrap {
  background: #e7e1d5 url('../images/home/residences-options/1.webp') center / cover;
}

.legacy-template-page section#Residences .portrait {
  height: calc(100% + 80px) !important;
  left: 0;
  object-fit: cover;
  object-position: center;
  top: -40px;
  translate: none !important;
  width: 100%;
}

.legacy-template-page section#Residences .hero {
  color: #765126 !important;
  font-family: var(--font-editorialOld);
  font-size: clamp(7.5rem, 11.8vw, 10rem) !important;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.95;
  margin: 0;
  max-width: 100%;
  white-space: nowrap;
}

.legacy-template-page section#Residences .paragraph.text-golden {
  color: #65451f !important;
  font-weight: 500;
  line-height: 1.45;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.28);
}

@media (max-width: 63.999rem) {
  .legacy-template-page section#Residences .hero {
    font-size: clamp(3.4rem, 15vw, 7rem) !important;
  }
}

.residence-video-toggle {
  align-items: center;
  background: #263b32dd;
  border: 1px solid #ccbf99;
  border-radius: 50%;
  bottom: 1rem;
  color: #fcfaef;
  display: flex;
  height: 44px;
  justify-content: center;
  padding: 0;
  position: absolute;
  right: 1rem;
  touch-action: manipulation;
  width: 44px;
  z-index: 2;
}

.residence-video-toggle:hover { background: #263b32; }
.residence-video-toggle:focus-visible { outline: 2px solid #fcfaef; }

.legacy-template-page[data-template-route$="/residences"] #Residences > #Hero h1.hero {
  color: #ccbf99;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif;
  font-size: min(8.3vw, 9.95rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-transform: uppercase;
  white-space: nowrap;
}

.legacy-template-page #ResidenceOptions {
  background: #fcfaef;
  color: #263b32;
  min-height: 0;
  scroll-margin-top: 4.5rem;
}

.residence-options-layout {
  display: grid;
  grid-template-columns: 45% 55%;
  min-height: 100svh;
}

.residence-options-sidebar {
  display: flex;
  flex-direction: column;
  min-width: 0;
  padding: 5rem max(3rem, 4.5%) 3.75rem max(2rem, calc((100vw - 1880px) / 2 + 64px));
}

.residence-options-types {
  display: flex;
  flex-direction: column;
  gap: 0.375rem;
}

.residence-options-types button {
  background: none;
  border: 0;
  border-radius: 0;
  color: #a68150;
  font-family: var(--font-editorialOld);
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.15;
  min-height: 44px;
  padding: 0.25rem 0;
  position: relative;
  text-align: left;
  transition: color 180ms ease;
  width: 100%;
}

.residence-options-types button:is(:hover, [aria-pressed="true"]) {
  color: #263b32;
}

.residence-options-types button[aria-pressed="true"] {
  font-style: italic;
}

.residence-options-types button[aria-pressed="true"]::before {
  background: currentColor;
  bottom: 0.6rem;
  content: "";
  left: -1rem;
  position: absolute;
  top: 0.6rem;
  width: 2px;
}

.residence-view-all {
  align-items: center;
  align-self: flex-start;
  color: #263b32;
  display: inline-flex;
  font-size: 0.875rem;
  letter-spacing: 0;
  margin: 2.5rem 0;
  min-height: 44px;
  padding: 0.75rem 0;
  text-decoration: underline;
  text-underline-offset: 0.25rem;
  text-transform: uppercase;
}

.residence-options-footer {
  align-items: flex-end;
  border-top: 1px solid #a6815066;
  display: flex;
  flex-wrap: wrap;
  gap: 1.5rem;
  justify-content: space-between;
  margin-top: auto;
  padding-top: 1.5rem;
}

.residence-availability {
  margin: 0;
}

.residence-availability span {
  color: #926a36;
  display: block;
  font-size: 0.875rem;
}

.residence-availability strong {
  display: block;
  font-family: var(--font-editorialOld);
  font-size: 2.25rem;
  font-weight: 400;
  line-height: 1.2;
  margin-top: 0.5rem;
}

.residence-request {
  align-items: center;
  border: 1px solid #a68150;
  border-radius: 999px;
  color: #263b32;
  display: inline-flex;
  font-size: 0.8125rem;
  gap: 1.5rem;
  justify-content: space-between;
  min-height: 3.5rem;
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms ease;
}

.residence-request svg {
  flex-shrink: 0;
}

.residence-request:hover {
  background: #eae4d2;
  color: #263b32;
}

.residence-gallery {
  background: #e7e1d5;
  min-height: 100svh;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.residence-gallery .carousel-inner {
  height: 100%;
  inset: 0;
  position: absolute;
}

.residence-gallery .carousel-item {
  height: 100%;
  transition-duration: 600ms;
}

.residence-gallery .carousel-item img {
  height: 100%;
  object-fit: cover;
  width: 100%;
}

.residence-slide-arrow {
  align-items: center;
  background: #263b3299;
  border: 1px solid #ccbf99;
  border-radius: 50%;
  color: #f4f0db;
  display: flex;
  height: 4rem;
  min-height: 44px;
  min-width: 44px;
  justify-content: center;
  padding: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: background-color 180ms ease;
  width: 4rem;
  z-index: 3;
}

.residence-slide-arrow:hover {
  background: #263b32;
}

.residence-slide-previous { left: 1.5rem; }
.residence-slide-next { right: 1.5rem; }

.residence-gallery-title {
  bottom: 4rem;
  color: #dfff3f;
  font-family: var(--font-editorialOld);
  font-size: 6rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: calc(100% - 4rem);
  pointer-events: none;
  position: absolute;
  right: 2rem;
  text-transform: uppercase;
  z-index: 2;
}

.legacy-template-page #ResidenceOptions :is(button, a) {
  scroll-margin-block: 6rem;
  touch-action: manipulation;
}

.legacy-template-page #ResidenceOptions :is(button, a):focus-visible {
  outline: 2px solid #263b32;
  outline-offset: 4px;
}

.legacy-template-page #ResidenceOptions .residence-slide-arrow:focus-visible {
  outline-color: #fcfaef;
}

@media (max-width: 95.999rem) {
  .legacy-template-page[data-template-route$="/residences"] #Residences > #Hero h1.hero { font-size: 8rem; }
  .residence-options-sidebar { padding: 5rem 3rem 3rem; }
  .residence-options-types button { font-size: 3rem; }
  .residence-gallery-title { font-size: 4.5rem; }
}

@media (max-width: 69.999rem) {
  .legacy-template-page[data-template-route$="/residences"] #Residences > #Hero h1.hero { font-size: 5.375rem; }
  .residence-options-layout { grid-template-columns: 42% 58%; }
  .residence-options-sidebar { padding: 5rem 2rem 2rem; }
  .residence-options-types button { font-size: 2.25rem; }
  .residence-gallery-title { font-size: 3.5rem; }
}

@media (max-width: 47.999rem) {
  .residence-options-layout { grid-template-columns: minmax(0, 1fr); min-height: auto; }
  .residence-options-sidebar {
    padding: 3.25rem 1.25rem 1.5rem;
  }
  .residence-options-types {
    display: flex;
    gap: 0.25rem;
    grid-template-columns: none;
  }
  .residence-options-types button {
    font-size: clamp(1.65rem, 7vw, 2.2rem);
    line-height: 1.08;
    min-height: 0;
    padding: 0.1rem 0;
  }
  .residence-options-types button[aria-pressed="true"]::before { left: -0.45rem; top: 0.35rem; bottom: 0.35rem; }
  .residence-view-all { margin: 0.9rem 0 1.2rem; }
  .residence-options-footer {
    align-items: flex-start;
    gap: 0.85rem;
    margin-top: 0.5rem;
    padding-top: 1rem;
  }
  .residence-availability strong { font-size: clamp(1.75rem, 7vw, 2.2rem); }
  .residence-request {
    gap: 0.75rem;
    min-height: 2.9rem;
    width: 100%;
  }
  .residence-gallery { aspect-ratio: 4 / 5; min-height: 0; }
  .residence-gallery-title { bottom: 2rem; font-size: 3rem; right: 1.5rem; }
  .residence-slide-arrow { height: 3rem; width: 3rem; }
  .residence-slide-previous { left: 1rem; }
  .residence-slide-next { right: 1rem; }
}

@media (max-width: 37.499rem) {
  .legacy-template-page[data-template-route$="/residences"] #Residences > #Hero h1.hero { font-size: clamp(2.75rem, 15vw, 3.375rem); }
  .residence-options-sidebar { padding: 2.75rem 1rem 1.25rem; }
  .residence-options-types button { font-size: clamp(1.4rem, 7vw, 1.85rem); }
  .residence-view-all { margin: 0.7rem 0 1rem; }
  .residence-options-footer { gap: 0.75rem; }
  .residence-request { font-size: 0.75rem; }
  .residence-gallery-title { font-size: 2.5rem; }
}

@media (max-width: 22.499rem) {
  .legacy-template-page[data-template-route$="/residences"] #Residences > #Hero h1.hero { font-size: 2.75rem; }
  .residence-options-types button { font-size: 1.35rem; }
  .residence-gallery-title { font-size: 2.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page section#Residences :is(.portrait, .background) { transform: none !important; }
  .legacy-template-page #ResidenceOptions * { transition: none !important; }
}

.legacy-template-page section#BusinessSpaces {
  background: #202c21;
  scroll-margin-top: 6rem;
}

.legacy-template-page section#BusinessSpaces .trigger {
  padding-block: 6rem;
}

.legacy-template-page section#BusinessSpaces .background {
  filter: brightness(0.6);
  height: calc(100% + 180px);
  top: -90px;
  translate: none !important;
}

.legacy-template-page section#BusinessSpaces .trigger::before {
  background: linear-gradient(180deg, rgba(24, 25, 22, 0.18) 0%, rgba(24, 25, 22, 0.52) 100%);
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.legacy-template-page section#BusinessSpaces .trigger > .wrapper,
.legacy-template-page section#BusinessSpaces .trigger > .wrapper > * {
  position: relative;
  z-index: 1;
}

.legacy-template-page section#BusinessSpaces .hero {
  color: #f4f0db;
  font-family: var(--font-editorialOld);
  font-size: 7rem;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  text-shadow: 0 0.2rem 1.2rem rgba(12, 16, 11, 0.65);
  text-wrap: balance;
}

.legacy-template-page section#BusinessSpaces .wrapper > .flex > :last-child {
  padding-top: 2rem;
}

.legacy-template-page section#BusinessSpaces .portrait {
  height: calc(100% + 80px) !important;
  left: 0;
  object-fit: cover;
  object-position: center;
  top: -40px;
  translate: none !important;
  width: 100%;
}

@media (max-width: 95.999rem) {
  .legacy-template-page section#BusinessSpaces .hero { font-size: 5.375rem; }
}

@media (max-width: 69.999rem) {
  .legacy-template-page section#BusinessSpaces .hero { font-size: 4.5rem; }
}

@media (max-width: 63.999rem) {
  .legacy-template-page section#BusinessSpaces .trigger > .wrapper { gap: 3rem; }
  .legacy-template-page section#BusinessSpaces .hero { width: 100%; }
}

@media (max-width: 47.999rem) {
  .legacy-template-page section#BusinessSpaces .trigger { padding-block: 7rem 3rem; }
  .legacy-template-page section#BusinessSpaces .trigger > .wrapper { gap: 2rem; }
  .legacy-template-page section#BusinessSpaces .hero {
    color: #f8f3e6;
    font-size: clamp(2.7rem, 9vw, 4.1rem);
    line-height: 0.94;
    text-shadow: 0 0.2rem 1.2rem rgba(12, 16, 11, 0.8);
  }
  .legacy-template-page section#BusinessSpaces .paragraph.text-sand {
    color: rgba(248, 243, 230, 0.94);
    text-shadow: 0 0.08rem 0.6rem rgba(12, 16, 11, 0.7);
  }
}

@media (max-width: 37.499rem) {
  .legacy-template-page section#BusinessSpaces .hero { font-size: 2.5rem; }
}

@media (max-width: 22.499rem) {
  .legacy-template-page section#BusinessSpaces .hero { font-size: 2.25rem; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page section#BusinessSpaces :is(.portrait, .background) { transform: none !important; }
}

.legacy-template-page #BusinessSpacesOptions {
  background: #344629;
  color: #f4f0db;
  min-height: 0;
  scroll-margin-top: 4.5rem;
}

.business-options-layout {
  display: grid;
  grid-template-columns: 55% 45%;
  min-height: 100svh;
}

.business-options-media {
  min-height: 100svh;
  min-width: 0;
  overflow: hidden;
  position: relative;
}

.business-options-media img {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  transform: translateY(8%) scale(1.3);
  width: 100%;
}

.business-options-media h2 {
  bottom: 5rem;
  color: #fff5d7;
  font-family: var(--font-editorialOld);
  font-size: 6rem;
  font-weight: 300;
  left: 5rem;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: calc(100% - 10rem);
  position: absolute;
  text-transform: uppercase;
  width: 6em;
}

.business-options-sidebar {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  min-width: 0;
  padding: 5rem 4.5rem 4.5rem 5.5rem;
}

.business-options-tabs {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
}

.business-options-tabs button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #fff5d7;
  font-family: var(--font-editorialOld);
  font-size: 3.5rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.15;
  min-height: 44px;
  padding: 0.25rem 0;
  text-align: left;
  transition: color 180ms ease;
}

.business-options-tabs button:is(:hover, [aria-selected="true"]) { color: #dfff3f; }
.business-options-tabs button[aria-selected="true"] { font-style: italic; }

.business-options-details {
  border-top: 1px solid #ccbf994d;
  margin-top: auto;
  padding-top: 1.25rem;
}

.business-option-panel {
  animation: business-options-reveal 260ms ease-out;
  display: flex;
  flex-direction: column;
  min-height: 18.5rem;
}

.business-option-panel h3 {
  color: #f5ebd2;
  font-family: var(--font-editorialOld);
  font-size: 3rem;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 1.25rem;
}

.business-option-panel p {
  color: rgba(255, 245, 215, 0.96);
  font-size: max(14px, 1rem);
  line-height: 1.4;
  margin: 0 0 2rem;
  max-width: 34rem;
}

.business-options-link {
  align-items: center;
  align-self: flex-start;
  border: 1px solid #ccbf9966;
  border-radius: 999px;
  color: #fff5d7;
  display: inline-flex;
  font-size: max(12px, 0.8125rem);
  gap: 2rem;
  justify-content: space-between;
  margin-top: auto;
  min-height: max(44px, 3.5rem);
  padding: 0.75rem 1.25rem;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.business-options-link svg { flex-shrink: 0; }
.business-options-link:hover { background: #263b32; border-color: #ccbf99; color: #fff5d7; }

.legacy-template-page #BusinessSpacesOptions :is(button, a, [role="tabpanel"]) {
  scroll-margin-block: 6rem;
  touch-action: manipulation;
}

.legacy-template-page #BusinessSpacesOptions :focus-visible {
  outline: 2px solid #dfff3f;
  outline-offset: 4px;
}

@keyframes business-options-reveal {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 95.999rem) {
  .business-options-sidebar { padding: 6rem 3rem 3.5rem; }
  .business-options-media h2 { bottom: 3.5rem; font-size: 5rem; left: 3rem; max-width: calc(100% - 6rem); }
  .business-options-tabs button { font-size: 3rem; }
  .business-option-panel h3 { font-size: 2.5rem; }
}

@media (max-width: 69.999rem) {
  .business-options-layout { grid-template-columns: 50% 50%; }
  .business-options-sidebar { padding-inline: 2rem; }
  .business-options-media h2 { font-size: 4rem; left: 2rem; max-width: calc(100% - 4rem); }
  .business-options-tabs button { font-size: 2.5rem; }
  .business-option-panel { min-height: 22rem; }
  .business-option-panel h3 { font-size: 2.25rem; }
}

@media (max-width: 47.999rem) {
  .legacy-template-page #BusinessSpacesOptions {
    min-height: 0;
  }

  .business-options-layout {
    grid-template-columns: minmax(0, 1fr);
    min-height: auto;
  }

  .business-options-media {
    aspect-ratio: 4 / 3;
    min-height: 0;
  }

  .business-options-media h2 {
    bottom: 1.5rem;
    color: #fff7e5;
    font-size: clamp(2.4rem, 9vw, 3.2rem);
    left: 1.25rem;
    max-width: calc(100% - 2.5rem);
  }

  .business-options-sidebar {
    gap: 1.25rem;
    padding: 1.5rem 1.25rem 2rem;
  }

  .business-options-tabs {
    display: grid;
    gap: 0.5rem 1.25rem;
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .business-options-tabs button {
    font-size: clamp(1.5rem, 5vw, 2rem);
  }

  .business-options-details {
    margin-top: 0;
    padding-top: 0.75rem;
  }

  .business-option-panel {
    min-height: 0;
  }

  .business-option-panel h3 {
    color: #f8edd5;
    font-size: clamp(1.5rem, 5vw, 1.9rem);
    line-height: 1.05;
    margin-bottom: 0.75rem;
  }

  .business-option-panel p {
    color: rgba(255, 247, 228, 0.96);
    font-size: 0.94rem;
    line-height: 1.45;
    margin-bottom: 1.25rem;
  }
}

@media (max-width: 22.499rem) {
  .business-options-media h2 { font-size: 3.5rem; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #BusinessSpacesOptions * { animation: none !important; transition: none !important; }
}

/* Business hero parity */
.legacy-template-page[data-template-route$="/business"] #Hero {
  background-color: #1f261e;
  color: #f4f0db;
  min-height: 100svh !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero .background {
  filter: brightness(0.72) saturate(0.92);
  height: calc(100svh + 20rem) !important;
  min-height: 0 !important;
  object-position: center center !important;
  top: -20rem !important;
  width: 100%;
}

.legacy-template-page[data-template-route$="/business"] #Hero .wrapper {
  box-sizing: border-box;
  display: flex !important;
  flex-direction: column !important;
  height: 100svh !important;
  justify-content: center !important;
  padding-bottom: 4rem !important;
  padding-top: 7rem !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .w-1\/2 {
  max-width: min(47rem, 48vw) !important;
  width: min(47rem, 48vw) !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero h1.hero {
  color: #ccbf99 !important;
  display: block;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-size: clamp(4rem, 7vw, 8.5rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.1em !important;
  line-height: 1.2 !important;
  margin: 0 0 2.5rem !important;
  max-width: 100% !important;
  text-shadow: none !important;
  text-wrap: balance;
  white-space: normal;
}

.legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex {
  display: flex !important;
  justify-content: flex-start !important;
  width: min(41rem, 43vw) !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex > .flex {
  align-items: flex-start !important;
  width: 100%;
}

.legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex > .flex > div {
  width: min(35.5rem, 100%) !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero .kicker {
  color: #e7fd55 !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: clamp(1.05rem, 1.04vw, 1.25rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.05 !important;
  margin-bottom: 1.55rem !important;
  text-transform: uppercase;
}

.legacy-template-page[data-template-route$="/business"] #Hero .paragraph {
  color: #ffffff !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
  max-width: 35.5rem;
}

.legacy-template-page[data-template-route$="/business"] #Hero button.rounded-full,
.legacy-template-page[data-template-route$="/business"] #Hero a.rounded-full,
.legacy-template-page[data-template-route$="/business"] .site-nav-shell button.rounded-full {
  border-radius: 999px !important;
}

.legacy-template-page[data-template-route$="/business"] .site-nav-shell a[href*="contact"] button {
  border-color: #60735c !important;
  border-radius: 999px !important;
  height: 2.625rem !important;
  min-height: 0 !important;
  min-width: 8.75rem !important;
  padding: 0 1.25rem !important;
}

.legacy-template-page[data-template-route$="/business"] #Hero button[data-variant="darkFill"] {
  align-items: center !important;
  background-color: #d4c79d !important;
  border-color: #d4c79d !important;
  border-radius: 999px !important;
  color: #263b32 !important;
  display: inline-flex !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.9rem !important;
  height: 3.5rem !important;
  justify-content: center !important;
  letter-spacing: 0.07em !important;
  margin-top: 2.55rem !important;
  min-height: 0 !important;
  min-width: 14.5rem !important;
  padding: 0 1.25rem !important;
  text-transform: uppercase;
}

.legacy-template-page[data-template-route$="/business"] #Hero button[data-variant="darkFill"] > span {
  align-items: center;
  display: flex;
  height: 100%;
  width: 100%;
}

.legacy-template-page[data-template-route$="/business"] #Hero button[data-variant="darkFill"] svg {
  color: #6f805f !important;
  flex: 0 0 auto;
}

.legacy-template-page[data-template-route$="/business"] #Hero > .trigger > .absolute.bottom-20 {
  bottom: 4rem !important;
  height: 4rem !important;
  width: 4rem !important;
}


@media (min-width: 1121px) {
  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper {
    transform: translateY(5.4rem);
  }
}

@media (max-width: 1120px) {
  .legacy-template-page[data-template-route$="/business"] #Hero .background {
    height: calc(100svh + 10rem) !important;
    object-position: 70% center !important;
    top: -5rem !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper {
    justify-content: flex-end !important;
    padding-bottom: 9.5rem !important;
    padding-top: 6rem !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .w-1\/2,
  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex {
    max-width: min(44rem, 70vw) !important;
    width: min(44rem, 70vw) !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero h1.hero {
    font-size: clamp(5.5rem, 11vw, 8rem) !important;
    margin-bottom: 3rem !important;
  }
}

@media (max-width: 767px) {
  .legacy-template-page[data-template-route$="/business"] #Hero {
    min-height: 100svh !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .background {
    height: 100% !important;
    object-position: 64% center !important;
    top: 0 !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper {
    gap: 1rem !important;
    justify-content: flex-end !important;
    padding: 6.5rem 1.25rem 4.5rem !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .w-1\/2,
  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex {
    max-width: 100% !important;
    width: 100% !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex {
    transform: none !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .wrapper > .flex > .flex > div {
    width: 100% !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero h1.hero {
    font-size: clamp(3.1rem, 16vw, 4.5rem) !important;
    line-height: 0.82 !important;
    margin-bottom: 1rem !important;
    max-width: 100% !important;
    letter-spacing: -0.06em !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .kicker {
    font-size: 0.9rem !important;
    font-weight: 700 !important;
    letter-spacing: 0.06em !important;
    line-height: 1.3 !important;
    max-width: 18rem;
    margin-bottom: 0.75rem !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero .paragraph {
    background: rgba(19, 28, 20, 0.42);
    border: 0;
    border-radius: 0.875rem;
    box-shadow: none;
    box-sizing: border-box;
    font-size: 0.94rem !important;
    font-weight: 500 !important;
    letter-spacing: 0.01em !important;
    line-height: 1.45 !important;
    max-width: 100% !important;
    padding: 0.75rem 0.875rem;
    text-shadow: none !important;
    backdrop-filter: none;
    -webkit-backdrop-filter: none;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero button[data-variant="darkFill"] {
    margin-top: 1.25rem !important;
    width: min(100%, 15rem) !important;
  }

  .legacy-template-page[data-template-route$="/business"] #Hero > .trigger > .absolute.bottom-20 {
    bottom: 1.5rem !important;
    height: 3.25rem !important;
    width: 3.25rem !important;
  }

  .legacy-template-page[data-template-route$="/business"]::before,
  .legacy-template-page[data-template-route$="/business"]::after {
    display: none;
  }
}

.legacy-template-page #Roots .trigger {
  justify-content: flex-start;
  padding-block: 128px 32px;
}

.legacy-template-page #Roots .kicker { font-size: 18px; margin: 0; }

.legacy-template-page #Roots .roots-title-wrap {
  margin-top: 40px;
  max-width: none;
  padding-inline: 0;
  width: calc(100% - 3rem);
}

.legacy-template-page :is(#Roots, #RootsMobile) .huge {
  color: #ccbf99;
  font-family: var(--font-editorialOld);
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
}

.legacy-template-page #Roots .huge { font-size: 334px; white-space: nowrap; }

.legacy-template-page #Roots .roots-bedroom {
  right: 10%;
  top: 28%;
  width: 46%;
}

.legacy-template-page #Roots .roots-building {
  left: 50%;
  right: auto;
  top: 29%;
  width: 37.5%;
}

.legacy-template-page #Roots .roots-portrait {
  left: 34%;
  max-width: calc((100svh - 9rem) * 629 / 831);
  right: auto;
  top: 12%;
  translate: none !important;
  width: 32.5%;
}

.legacy-template-page #Roots .roots-bedroom,
.legacy-template-page #Roots .roots-building,
.legacy-template-page #Roots .roots-portrait {
  transition: transform 520ms cubic-bezier(0.22, 1, 0.36, 1);
  will-change: transform;
}

.legacy-template-page #Roots .roots-bedroom {
  transform: translate3d(var(--roots-bedroom-x, 0px), var(--roots-bedroom-y, 0px), 0);
}

.legacy-template-page #Roots .roots-building {
  transform: translate3d(var(--roots-building-x, 0px), var(--roots-building-y, 0px), 0);
}

.legacy-template-page #Roots .roots-portrait {
  transform: translate3d(var(--roots-portrait-x, 0px), var(--roots-portrait-y, 0px), 0) rotate(var(--roots-portrait-r, 0deg));
  transform-origin: 50% 55%;
}

.legacy-template-page #Roots .roots-copy { margin-top: 64px; }
.legacy-template-page #Roots .roots-copy > :last-child { width: 37.5%; }
.legacy-template-page #Roots .roots-copy p { font-size: 52px; line-height: 1.12; margin: 0; }

.legacy-template-page :is(#Roots, #RootsMobile) .roots-bedroom > img {
  -webkit-mask-image: url('../images/home/roots/mask3.svg');
  mask-image: url('../images/home/roots/mask3.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.legacy-template-page :is(#Roots, #RootsMobile) .roots-building > img {
  -webkit-mask-image: url('../images/home/roots/mask2.svg');
  mask-image: url('../images/home/roots/mask2.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 100%;
  mask-size: 100%;
}

.legacy-template-page #Roots .roots-portrait > .mask,
.legacy-template-page #RootsMobile .roots-portrait > .mask {
  aspect-ratio: 629 / 831;
  -webkit-mask-image: url('../images/home/roots/mask1.svg');
  mask-image: url('../images/home/roots/mask1.svg');
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: 95%;
  mask-size: 95%;
  overflow: hidden;
  position: relative;
}

.legacy-template-page :is(#Roots, #RootsMobile) .mask > video {
  height: 100%;
  inset: 0;
  position: absolute;
  width: 100%;
}

.legacy-template-page :is(#Roots, #RootsMobile) .roots-link {
  align-items: center;
  border: 1px solid #9aab8599;
  border-radius: 999px;
  color: #fff5d7;
  display: inline-flex;
  font-size: 13px;
  gap: 24px;
  justify-content: space-between;
  letter-spacing: 0;
  line-height: 1.2;
  margin-top: 40px;
  min-height: 56px;
  padding: 12px 20px;
  scroll-margin-block: 6rem;
  text-decoration: none;
  text-transform: uppercase;
  touch-action: manipulation;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.legacy-template-page :is(#Roots, #RootsMobile) .roots-link svg { flex-shrink: 0; }
.legacy-template-page :is(#Roots, #RootsMobile) .roots-link:hover { background: #263b32; border-color: #ccbf99; }
.legacy-template-page :is(#Roots, #RootsMobile) .roots-link:focus-visible { outline: 2px solid #dfff3f; outline-offset: 4px; }

@media (max-width: 95.999rem) {
  .legacy-template-page #Roots .huge { font-size: 240px; }
  .legacy-template-page #Roots .roots-copy p { font-size: 44px; }
}

@media (max-width: 87.499rem) {
  .legacy-template-page #Roots .huge { font-size: 184px; }
  .legacy-template-page #Roots .roots-copy p { font-size: 40px; }
}

@media (max-width: 79.999rem) {
  .legacy-template-page #Roots .trigger { padding-top: 112px; }
  .legacy-template-page #Roots .roots-copy > :last-child { width: 62%; }
  .legacy-template-page #Roots .roots-portrait { left: 58%; top: 22%; width: 36%; }
  .legacy-template-page #Roots .roots-building { left: 56%; top: 30%; width: 40%; }
  .legacy-template-page #Roots .roots-bedroom { right: 3%; top: 56%; width: 46%; }
}

@media (max-width: 69.999rem) {
  .legacy-template-page #Roots .huge { font-size: 160px; }
  .legacy-template-page #Roots .roots-copy p { font-size: 36px; }
}

@media (max-width: 61.999rem) {
  .legacy-template-page #Roots .huge { font-size: 128px; }
}

@media (max-width: 47.999rem) {
  .legacy-template-page #Roots .huge { font-size: 100px; }
  .legacy-template-page #Roots .roots-copy p { font-size: 28px; }
}

@media (max-width: 600px) {
  .legacy-template-page #RootsMobile .sticky > .wrapper { top: 144px; }
  .legacy-template-page #RootsMobile .kicker { font-size: 18px; line-height: 1.4; margin: 0; }
  .legacy-template-page #RootsMobile .roots-progress { left: 24px; top: 92px; }
  .legacy-template-page #RootsMobile .roots-progress .small { font-size: 12px; }
  .legacy-template-page #RootsMobile .roots-screen1 > .wrapper { margin-top: 216px; }
  .legacy-template-page #RootsMobile .roots-huge { font-size: 80px; width: 100%; }
  .legacy-template-page #RootsMobile .roots-paragraph { font-size: 36px; line-height: 1.2; margin: 0; }
  .legacy-template-page #RootsMobile .roots-link { margin-top: 32px; }
  .legacy-template-page #RootsMobile .roots-screen2 { padding-bottom: 64px; }
  .legacy-template-page #RootsMobile .roots-screen2:not(.is-active-screen) .roots-link { pointer-events: none; }
}

@media (max-width: 22.499rem) {
  .legacy-template-page #RootsMobile .roots-huge { font-size: 68px; }
  .legacy-template-page #RootsMobile .roots-paragraph { font-size: 30px; }
}

@media (max-width: 600px) and (max-height: 45rem) {
  .legacy-template-page #RootsMobile .roots-screen1 > .wrapper { margin-top: 192px; }
  .legacy-template-page #RootsMobile .roots-huge { font-size: 64px; }
  .legacy-template-page #RootsMobile .roots-image { max-width: 54%; }
  .legacy-template-page #RootsMobile .roots-building { top: 70%; }
  .legacy-template-page #RootsMobile .roots-paragraph { font-size: 30px; }
  .legacy-template-page #RootsMobile .roots-screen2 { padding-bottom: 48px; }
}

@media (max-width: 600px) and (max-height: 30rem) {
  .legacy-template-page #RootsMobile .sticky > .wrapper { top: 148px; }
  .legacy-template-page #RootsMobile .kicker { font-size: 16px; }
  .legacy-template-page #RootsMobile .roots-progress { top: 132px; }
  .legacy-template-page #RootsMobile .roots-screen1 > .wrapper { justify-content: flex-start; margin-top: 188px; }
  .legacy-template-page #RootsMobile .roots-image { max-width: 30%; }
  .legacy-template-page #RootsMobile .roots-portrait { bottom: 24px; left: 55%; }
  .legacy-template-page #RootsMobile .roots-building { top: 60%; }
  .legacy-template-page #RootsMobile .roots-huge { font-size: 56px; width: 50%; }
  .legacy-template-page #RootsMobile .roots-paragraph { font-size: 16px; }
  .legacy-template-page #RootsMobile .roots-link { margin-top: 12px; }
  .legacy-template-page #RootsMobile .roots-screen2 { padding-bottom: 8px; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page :is(#Roots, #RootsMobile) .roots-link { transition: none; }
  .legacy-template-page #Roots :is(.roots-bedroom, .roots-building, .roots-portrait) { transition: none !important; }
  .legacy-template-page #RootsMobile :is(.roots-image, .roots-screen1, .roots-screen2) { transition: none !important; transform: none !important; }
}

.legacy-template-page #Amenities .background {
  height: calc(100% + 520px);
  top: -260px;
  translate: none;
}

.legacy-template-page #Amenities .trigger::after {
  background: linear-gradient(
    90deg,
    rgba(15, 24, 17, 0.5) 0%,
    rgba(15, 24, 17, 0.2) 42%,
    rgba(15, 24, 17, 0.4) 100%
  );
  content: "";
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 0;
}

.legacy-template-page #Amenities .amenities-media,
.legacy-template-page #Amenities .amenities-content {
  min-width: 0;
  padding-block: 112px 120px;
}

.legacy-template-page #Amenities .hero {
  color: #fff4d6;
  font-family: var(--font-editorialOld);
  font-size: 160px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1;
  margin: 0;
  max-width: 100%;
  text-shadow: 0 3px 18px rgba(0, 0, 0, 0.48);
}

.legacy-template-page #Amenities .paragraph {
  color: #fffaf0;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.3;
  margin-bottom: 0;
  text-shadow: 0 2px 10px rgba(0, 0, 0, 0.75);
}

.legacy-template-page #Amenities .videoWrap {
  aspect-ratio: 1.43;
  flex-shrink: 0;
}

.legacy-template-page #Amenities .portrait {
  height: calc(100% + 80px) !important;
  left: 0;
  object-fit: cover;
  object-position: center;
  top: -40px;
  translate: none;
  width: 100%;
}

@media (max-width: 1600px) {
  .legacy-template-page #Amenities .hero { font-size: 120px; }
}

@media (max-width: 1120px) {
  .legacy-template-page #Amenities .hero { font-size: 96px; }
  .legacy-template-page #Amenities .amenities-content { padding-block: 128px 32px; width: 100%; }
  .legacy-template-page #Amenities .amenities-media { gap: 32px; padding-block: 0 64px; }
}

@media (max-width: 600px) {
  .legacy-template-page #Amenities .background { filter: brightness(0.55); }
  .legacy-template-page #Amenities .trigger::after { background: rgba(15, 24, 17, 0.18); }
  .legacy-template-page #Amenities .hero { font-size: 56px; }
  .legacy-template-page #Amenities .amenities-media { gap: 0; padding-block: 112px 24px; }
  .legacy-template-page #Amenities .amenities-content { gap: 24px; padding-block: 0 48px; }
  .legacy-template-page #Amenities .amenities-content .paragraph { padding-top: 0; width: 100%; }
}

@media (min-width: 481px) and (max-width: 600px) {
  .legacy-template-page #Amenities .amenities-media { padding-top: 144px; }
}

@media (max-width: 359px) {
  .legacy-template-page #Amenities .hero { font-size: 48px; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #Amenities :is(.background, .portrait) { transform: none !important; }
}

.legacy-template-page #AmenitiesOptions {
  background: #314759;
  color: #f4f0db;
  min-height: 0;
  scroll-margin-top: 72px;
}

.amenities-options-layout {
  display: grid;
  grid-template-columns: 38% 62%;
  min-height: 100svh;
}

.amenities-options-sidebar {
  display: flex;
  flex-direction: column;
  gap: 64px;
  justify-content: space-between;
  min-width: 0;
  padding: 112px 56px 96px 88px;
}

.amenities-options-intro h2 {
  color: #fff4d6;
  font-family: var(--font-editorialOld);
  font-size: 96px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1;
  margin: 0 0 24px;
  text-transform: uppercase;
}

.amenities-options-intro p {
  font-size: max(14px, 1rem);
  line-height: 1.4;
  margin: 0;
  max-width: 34ch;
}

.amenities-options-tabs {
  align-items: flex-start;
  border-top: 1px solid #f4f0db33;
  display: flex;
  flex-direction: column;
  padding-top: 20px;
}

.amenities-options-tabs button {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #fff4d6;
  font-family: var(--font-editorialOld);
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.15;
  min-height: 44px;
  padding: 4px 0;
  text-align: left;
  transition: color 180ms ease;
}

.amenities-options-tabs button:is(:hover, [aria-selected="true"]) { color: #dfff3f; }
.amenities-options-tabs button[aria-selected="true"] { font-style: italic; }

.amenities-options-panels {
  min-width: 0;
}

.amenities-option-panel {
  animation: amenities-options-reveal 260ms ease-out;
  display: flex;
  flex-direction: column;
  min-height: 100svh;
}

.amenities-option-panel[hidden] { display: none; }

.amenities-option-media {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  position: relative;
}

.amenities-option-media img {
  height: 100%;
  inset: 0;
  object-fit: cover;
  position: absolute;
  width: 100%;
}

.amenities-option-copy {
  display: flex;
  flex-direction: column;
  padding: 40px 88px 96px 56px;
}

.amenities-option-copy h3 {
  color: #ccbf99;
  font-family: var(--font-editorialOld);
  font-size: 40px;
  font-weight: 300;
  letter-spacing: 0;
  line-height: 1.15;
  margin: 0 0 16px;
}

.amenities-option-copy p {
  font-size: max(14px, 1rem);
  line-height: 1.4;
  margin: 0 0 28px;
  max-width: 52ch;
}

.amenities-options-link {
  align-items: center;
  align-self: flex-start;
  border: 1px solid #f4f0db66;
  border-radius: 999px;
  color: #fff4d6;
  display: inline-flex;
  font-size: max(12px, 0.8125rem);
  gap: 32px;
  justify-content: space-between;
  min-height: max(44px, 56px);
  padding: 12px 20px;
  text-decoration: none;
  text-transform: uppercase;
  transition: background-color 180ms ease, border-color 180ms ease;
}

.amenities-options-link svg { flex-shrink: 0; }
.amenities-options-link:hover { background: #24384a; border-color: #f4f0db; color: #fff4d6; }

.legacy-template-page #AmenitiesOptions :is(button, a, [role="tabpanel"]) {
  scroll-margin-block: 96px;
  touch-action: manipulation;
}

.legacy-template-page #AmenitiesOptions :focus-visible {
  outline: 2px solid #dfff3f;
  outline-offset: 4px;
}

@keyframes amenities-options-reveal {
  from { opacity: 0; transform: translateY(8px); }
  to { opacity: 1; transform: translateY(0); }
}

@media (max-width: 1600px) {
  .amenities-options-sidebar { padding: 96px 40px 72px 56px; }
  .amenities-options-intro h2 { font-size: 72px; }
  .amenities-options-tabs button { font-size: 34px; }
  .amenities-option-copy { padding: 32px 56px 72px 40px; }
  .amenities-option-copy h3 { font-size: 34px; }
}

@media (max-width: 1120px) {
  .amenities-options-layout { grid-template-columns: 42% 58%; }
  .amenities-options-sidebar { gap: 40px; padding: 80px 28px 56px 36px; }
  .amenities-options-intro h2 { font-size: 56px; }
  .amenities-options-tabs button { font-size: 28px; }
  .amenities-option-copy { padding: 28px 36px 56px 28px; }
  .amenities-option-copy h3 { font-size: 28px; }
}

@media (max-width: 600px) {
  .amenities-options-layout { grid-template-columns: minmax(0, 1fr); min-height: 0; }
  .amenities-options-sidebar { gap: 32px; padding: 64px 24px 32px; }
  .amenities-options-intro h2 { font-size: 44px; }
  .amenities-options-tabs button { font-size: 24px; }
  .amenities-option-panel { min-height: 0; }
  .amenities-option-media { aspect-ratio: 4 / 3; flex: none; }
  .amenities-option-copy { padding: 24px 24px 64px; }
  .amenities-option-copy h3 { font-size: 26px; }
}

@media (max-width: 359px) {
  .amenities-options-intro h2 { font-size: 36px; }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page #AmenitiesOptions * { animation: none !important; transition: none !important; }
}

.legacy-template-page #AmenitiesOptions {
  background: #f5f0df;
  color: #1f302c;
}

.legacy-template-page #AmenitiesOptions .amenities-options-layout {
  grid-template-columns: 45% 55%;
}

.legacy-template-page #AmenitiesOptions .amenities-options-sidebar {
  gap: 0;
  justify-content: flex-start;
  padding: 7rem 4rem 6rem 5.4rem;
  position: relative;
  z-index: 2;
}

.legacy-template-page #AmenitiesOptions .amenities-options-intro {
  display: none;
}

.legacy-template-page #AmenitiesOptions .amenities-options-tabs {
  border-top: 0;
  padding-top: 0;
}

.legacy-template-page #AmenitiesOptions .amenities-options-tabs button {
  color: #b18751;
  font-size: clamp(3rem, 3.4vw, 4rem);
  line-height: 1.08;
  min-height: 0;
  padding: 0.1rem 0;
}

.legacy-template-page #AmenitiesOptions .amenities-options-tabs button:is(:hover, [aria-selected="true"]) {
  color: #132f2b;
}

.legacy-template-page #AmenitiesOptions .amenities-options-tabs button[aria-selected="true"] {
  font-style: italic;
}

.legacy-template-page #AmenitiesOptions .amenities-options-panels {
  min-height: 100svh;
  position: relative;
}

.legacy-template-page #AmenitiesOptions .amenities-option-panel {
  min-height: 100svh;
  position: relative;
}

.legacy-template-page #AmenitiesOptions .amenities-option-media {
  height: 100svh;
  min-height: 42rem;
}

.legacy-template-page #AmenitiesOptions .amenities-option-copy {
  border-top: 1px solid rgba(177, 135, 81, 0.35);
  bottom: 5.2rem;
  color: #1f302c;
  left: calc(-81.818% + 5.4rem);
  padding: 1.8rem 0 0;
  position: absolute;
  width: min(34rem, calc(81.818% - 9rem));
  z-index: 3;
}

.legacy-template-page #AmenitiesOptions .amenities-option-copy h3 {
  color: #b18751;
  font-family: var(--font-workSans);
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: 0.08em;
  line-height: 1.2;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}

.legacy-template-page #AmenitiesOptions .amenities-option-copy p {
  color: #1f302c;
  line-height: 1.45;
  margin-bottom: 0;
  max-width: 46ch;
}

.legacy-template-page #AmenitiesOptions .amenities-options-link {
  display: none;
}

@media (max-width: 1120px) {
  .legacy-template-page #AmenitiesOptions .amenities-options-layout {
    grid-template-columns: minmax(0, 1fr);
  }

  .legacy-template-page #AmenitiesOptions .amenities-options-sidebar {
    padding: 5rem 2rem 2rem;
  }

  .legacy-template-page #AmenitiesOptions .amenities-options-tabs button {
    font-size: clamp(2.25rem, 7vw, 3.5rem);
  }

  .legacy-template-page #AmenitiesOptions .amenities-option-panel {
    min-height: 0;
  }

  .legacy-template-page #AmenitiesOptions .amenities-option-media {
    aspect-ratio: 16 / 10;
    height: auto;
    min-height: 0;
  }

  .legacy-template-page #AmenitiesOptions .amenities-option-copy {
    border-top: 1px solid rgba(177, 135, 81, 0.35);
    bottom: auto;
    left: auto;
    padding: 1.5rem 2rem 4rem;
    position: static;
    width: auto;
  }
}

.legacy-template-page #Projects .wrapper,
.legacy-template-page #Projects .imageWrap {
  position: sticky;
  top: 0;
}

.legacy-template-page #Projects .imageWrap {
  height: 100vh;
  margin-left: auto;
  margin-top: -100vh;
}

.legacy-template-page .arrow-icon {
  animation: legacy-scroll-cue 1.45s cubic-bezier(0.4, 0, 0.2, 1) infinite;
}

@keyframes legacy-scroll-cue {
  0% {
    opacity: 0;
    transform: translate3d(0, -0.45rem, 0);
  }

  45% {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  100% {
    opacity: 0;
    transform: translate3d(0, 0.45rem, 0);
  }
}

.legacy-template-page .legacy-3d-page-main {
  background: #ebe3d4;
  min-height: 100svh;
  overflow: hidden;
}

.legacy-template-page .legacy-3d-experience {
  --three-d-night-opacity: 0;
  --three-d-sun-opacity: 0.18;
  --three-d-sun-x: 34%;
  --three-d-time-percent: 28.6%;
  --three-d-time-progress: 0.286;
  --three-d-warmth: 0;
  background: #e9e1d2;
  color: #1f261e;
  height: 100svh;
  isolation: isolate;
  min-height: 42rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}

.legacy-template-page .legacy-3d-experience button,
.legacy-template-page .legacy-3d-experience input {
  -webkit-tap-highlight-color: rgba(166, 129, 80, 0.16);
  font: inherit;
  touch-action: manipulation;
}

.legacy-template-page .three-d-stage {
  background:
    radial-gradient(circle at 64% 20%, rgba(255, 252, 234, 0.58), rgba(255, 252, 234, 0) 36%),
    linear-gradient(180deg, #dfe8ef 0%, #e7ddcc 48%, #8e966f 100%);
  cursor: grab;
  inset: 0;
  overflow: hidden;
  perspective: 1400px;
  position: absolute;
  touch-action: none;
  z-index: 0;
}

.legacy-template-page .three-d-stage:active {
  cursor: grabbing;
}

.legacy-template-page .three-d-canvas-mount {
  inset: 0;
  position: absolute;
  z-index: 1;
}

.legacy-template-page .three-d-canvas-mount canvas {
  display: block;
  height: 100% !important;
  width: 100% !important;
}

.legacy-template-page .three-d-daylight,
.legacy-template-page .three-d-vignette {
  inset: 0;
  pointer-events: none;
  position: absolute;
  z-index: 3;
}

.legacy-template-page .three-d-daylight {
  background:
    radial-gradient(circle at var(--three-d-sun-x) 14%, rgba(255, 232, 177, var(--three-d-sun-opacity)), rgba(255, 232, 177, 0) 28%),
    rgba(20, 29, 24, var(--three-d-night-opacity));
  mix-blend-mode: multiply;
}

.legacy-template-page .three-d-vignette {
  background:
    linear-gradient(180deg, rgba(31, 38, 30, 0.12) 0%, rgba(31, 38, 30, 0) 22%),
    radial-gradient(circle at 50% 46%, rgba(31, 38, 30, 0) 46%, rgba(31, 38, 30, 0.34) 100%);
}

.legacy-template-page .three-d-status {
  clip: rect(0 0 0 0);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}

.legacy-template-page .three-d-fallback {
  background: rgba(253, 251, 239, 0.92);
  border: 1px solid rgba(166, 129, 80, 0.22);
  border-radius: 0.9rem;
  color: #2e3a26;
  left: 50%;
  margin: 0;
  padding: 1rem 1.25rem;
  position: absolute;
  top: 50%;
  transform: translate(-50%, -50%);
  z-index: 80;
}

.legacy-template-page .three-d-navigation-panel {
  background: rgba(253, 251, 239, 0.84);
  border: 1px solid rgba(204, 191, 153, 0.16);
  border-radius: 1.05rem;
  color: #a68150;
  padding: 1.45rem 1.7rem 1.15rem;
  position: absolute;
  right: max(clamp(1rem, 2.2vw, 2rem), calc(env(safe-area-inset-right) + 1rem));
  top: max(2rem, calc(env(safe-area-inset-top) + 1rem));
  width: min(24.5rem, calc(100vw - 2rem));
  z-index: 70;
}

.legacy-template-page .three-d-navigation-panel,
.legacy-template-page .three-d-bottom-controls,
.legacy-template-page .three-d-filter-drawer,
.legacy-template-page .three-d-unit-drawer {
  backdrop-filter: blur(16px);
}

.legacy-template-page .three-d-panel-title,
.legacy-template-page .three-d-panel-caption {
  letter-spacing: 0;
  margin: 0;
  text-transform: uppercase;
}

.legacy-template-page .three-d-panel-title {
  color: #a68150;
  font-size: 0.82rem;
  line-height: 1.1;
  text-align: center;
}

.legacy-template-page .three-d-mini-map {
  margin-top: 0.72rem;
  position: relative;
}

.legacy-template-page .three-d-navigation-image {
  display: block;
  height: auto;
  padding: 1.55rem 1.8rem 1.2rem;
  width: 100%;
}

.legacy-template-page .three-d-nav-points {
  inset: 0;
  position: absolute;
}

.legacy-template-page .three-d-map-dot {
  background: transparent;
  border: 0;
  height: 2.2rem;
  left: var(--x);
  padding: 0;
  position: absolute;
  top: var(--y);
  transform: translate(-50%, -50%) rotate(var(--rotation));
  width: 2.45rem;
  z-index: 3;
}

.legacy-template-page .three-d-map-dot::before {
  background: currentColor;
  border-radius: 999px;
  content: "";
  height: 0.68rem;
  position: absolute;
  right: 0.12rem;
  top: 50%;
  transform: translateY(-50%);
  transition:
    background 0.24s ease,
    box-shadow 0.24s ease,
    transform 0.24s ease;
  width: 0.68rem;
}

.legacy-template-page .three-d-map-dot::after {
  background: linear-gradient(90deg, rgba(204, 191, 153, 0), rgba(204, 191, 153, 0.95));
  clip-path: polygon(0 0, 100% 50%, 0 100%);
  content: "";
  height: 1.1rem;
  left: 0.28rem;
  opacity: 0.78;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition:
    opacity 0.24s ease,
    transform 0.24s ease;
  width: 1.5rem;
}

.legacy-template-page .three-d-map-dot {
  color: #b28a54;
}

.legacy-template-page .three-d-map-dot:hover,
.legacy-template-page .three-d-map-dot.is-active {
  color: #2e3a26;
}

.legacy-template-page .three-d-map-dot:hover::before,
.legacy-template-page .three-d-map-dot.is-active::before {
  box-shadow: 0 0 0 0.35rem rgba(166, 129, 80, 0.14);
  transform: translateY(-50%) scale(1.08);
}

.legacy-template-page .three-d-map-dot:hover::after,
.legacy-template-page .three-d-map-dot.is-active::after {
  opacity: 1;
  transform: translateY(-50%) scaleX(1.08);
}

.legacy-template-page .three-d-panel-caption {
  color: rgba(166, 129, 80, 0.76);
  font-size: 0.58rem;
  line-height: 1;
  text-align: center;
}

.legacy-template-page .three-d-bottom-controls {
  align-items: center;
  background: rgba(253, 251, 239, 0.82);
  border: 1px solid rgba(204, 191, 153, 0.16);
  border-radius: 999px;
  bottom: max(1rem, calc(env(safe-area-inset-bottom) + 1rem));
  box-shadow: 0 1.1rem 3rem rgba(31, 38, 30, 0.11);
  display: flex;
  gap: clamp(0.8rem, 3vw, 3.75rem);
  left: 50%;
  max-width: calc(100vw - 2rem);
  padding: 1.05rem 1.25rem;
  position: absolute;
  transform: translateX(-50%);
  z-index: 75;
}

.legacy-template-page .three-d-control-wrap,
.legacy-template-page .three-d-overlay-dropdown {
  position: relative;
}

.legacy-template-page .three-d-control-button,
.legacy-template-page .three-d-reset-button {
  align-items: center;
  background: transparent;
  border: 1px solid rgba(166, 129, 80, 0.34);
  border-radius: 999px;
  color: #2e3a26;
  display: inline-flex;
  gap: 0.82rem;
  height: 3.5rem;
  justify-content: center;
  line-height: 1;
  min-width: 12rem;
  padding: 0 1.55rem;
  text-transform: uppercase;
  transition:
    background 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease,
    opacity 0.24s ease;
  white-space: nowrap;
}

.legacy-template-page .three-d-control-button > span:first-child,
.legacy-template-page .three-d-reset-button > span:first-child {
  overflow: hidden;
  text-overflow: ellipsis;
}

.legacy-template-page .three-d-control-button:hover,
.legacy-template-page .three-d-control-button.is-primary,
.legacy-template-page .three-d-reset-button:hover {
  border-color: rgba(166, 129, 80, 0.95);
}

.legacy-template-page .three-d-control-button:focus-visible,
.legacy-template-page .three-d-reset-button:focus-visible,
.legacy-template-page .three-d-filter-chip:focus-visible,
.legacy-template-page .three-d-overlay-menu button:focus-visible,
.legacy-template-page .three-d-close-button:focus-visible,
.legacy-template-page .three-d-drawer-action:focus-visible,
.legacy-template-page .three-d-unit-actions a:focus-visible,
.legacy-template-page .three-d-unit-actions button:focus-visible {
  outline: 2px solid #60735c;
  outline-offset: 3px;
}

.legacy-template-page .three-d-control-button:disabled {
  cursor: not-allowed;
  opacity: 0.42;
}

.legacy-template-page .three-d-control-icon {
  align-items: center;
  border: 1px solid rgba(166, 129, 80, 0.54);
  border-radius: 999px;
  display: inline-flex;
  flex: 0 0 auto;
  height: 1.75rem;
  justify-content: center;
  position: relative;
  width: 1.75rem;
}

.legacy-template-page .three-d-control-icon::before,
.legacy-template-page .three-d-control-icon::after {
  background: #a68150;
  content: "";
  height: 1px;
  left: 50%;
  position: absolute;
  top: 50%;
  transform-origin: center;
  width: 0.52rem;
}

.legacy-template-page .three-d-control-icon::before {
  transform: translate(-82%, -50%) rotate(42deg);
}

.legacy-template-page .three-d-control-icon::after {
  transform: translate(-18%, -50%) rotate(-42deg);
}

.legacy-template-page .three-d-overlay-menu {
  background: rgba(253, 251, 239, 0.96);
  border: 1px solid rgba(166, 129, 80, 0.34);
  border-radius: 1.75rem;
  bottom: 0;
  box-shadow: 0 1rem 2.5rem rgba(31, 38, 30, 0.16);
  display: grid;
  gap: 0.25rem;
  left: 0;
  min-width: 12rem;
  padding: 0.95rem 0.8rem 4.1rem;
  position: absolute;
  width: 100%;
  z-index: 95;
}

.legacy-template-page .three-d-overlay-menu[hidden] {
  display: none !important;
}

.legacy-template-page .three-d-overlay-menu button {
  background: transparent;
  border: 0;
  border-radius: 999px;
  color: #a68150;
  min-height: 2.65rem;
  padding: 0.7rem 0.9rem;
  text-align: left;
  text-transform: uppercase;
  transition:
    background 0.24s ease,
    color 0.24s ease;
}

.legacy-template-page .three-d-overlay-menu button:hover {
  background: #ffffff;
  color: #2e3a26;
}

.legacy-template-page .three-d-filter-icon {
  display: inline-block;
  flex: 0 0 auto;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}

.legacy-template-page .three-d-filter-icon::before,
.legacy-template-page .three-d-filter-icon::after {
  border-top: 1px solid rgba(166, 129, 80, 0.68);
  content: "";
  left: 0;
  position: absolute;
  right: 0;
}

.legacy-template-page .three-d-filter-icon::before {
  top: 0.32rem;
}

.legacy-template-page .three-d-filter-icon::after {
  bottom: 0.32rem;
}

.legacy-template-page .three-d-reset-button {
  display: none;
}

.legacy-template-page .three-d-reset-icon {
  display: inline-block;
  height: 1.25rem;
  position: relative;
  width: 1.25rem;
}

.legacy-template-page .three-d-reset-icon::before {
  border: 1px solid #a68150;
  border-right-color: transparent;
  border-radius: 999px;
  content: "";
  inset: 0.12rem;
  position: absolute;
  transform: rotate(-22deg);
}

.legacy-template-page .three-d-reset-icon::after {
  border-bottom: 0.28rem solid transparent;
  border-left: 0.42rem solid #a68150;
  border-top: 0.28rem solid transparent;
  content: "";
  left: 0.03rem;
  position: absolute;
  top: 0.08rem;
  transform: rotate(-26deg);
}

.legacy-template-page .three-d-time-control {
  align-items: center;
  color: #a68150;
  display: grid;
  gap: 0.72rem;
  grid-template-columns: 5.4rem 1.6rem minmax(8.5rem, 14.9rem) 1.4rem;
  min-width: 25.5rem;
}

.legacy-template-page .three-d-time-label {
  font-size: 0.83rem;
  line-height: 1;
  text-align: right;
  white-space: nowrap;
}

.legacy-template-page .three-d-time-control::before {
  border: 1px solid currentColor;
  border-radius: 999px;
  box-shadow:
    0 -0.62rem 0 -0.55rem currentColor,
    0 0.62rem 0 -0.55rem currentColor,
    0.62rem 0 0 -0.55rem currentColor,
    -0.62rem 0 0 -0.55rem currentColor;
  content: "";
  display: block;
  height: 1.1rem;
  width: 1.1rem;
}

.legacy-template-page .three-d-time-control input[type="range"],
.legacy-template-page .three-d-filter-range input[type="range"] {
  accent-color: #60735c;
  appearance: none;
  background: transparent;
  cursor: pointer;
  height: 1.6rem;
  width: 100%;
}

.legacy-template-page .three-d-time-control input[type="range"]::-webkit-slider-runnable-track {
  background: linear-gradient(90deg, #60735c var(--three-d-time-percent), rgba(166, 129, 80, 0.48) 0);
  height: 1px;
}

.legacy-template-page .three-d-time-control input[type="range"]::-webkit-slider-thumb,
.legacy-template-page .three-d-filter-range input[type="range"]::-webkit-slider-thumb {
  appearance: none;
  background: #60735c;
  border: 0;
  border-radius: 999px;
  height: 1.25rem;
  margin-top: -0.6rem;
  width: 1.25rem;
}

.legacy-template-page .three-d-time-control input[type="range"]::-moz-range-track,
.legacy-template-page .three-d-filter-range input[type="range"]::-moz-range-track {
  background: rgba(166, 129, 80, 0.48);
  height: 1px;
}

.legacy-template-page .three-d-time-control input[type="range"]::-moz-range-progress,
.legacy-template-page .three-d-filter-range input[type="range"]::-moz-range-progress {
  background: #60735c;
  height: 1px;
}

.legacy-template-page .three-d-time-control input[type="range"]::-moz-range-thumb,
.legacy-template-page .three-d-filter-range input[type="range"]::-moz-range-thumb {
  background: #60735c;
  border: 0;
  border-radius: 999px;
  height: 1.25rem;
  width: 1.25rem;
}

.legacy-template-page .three-d-moon {
  border: 1px solid #a68150;
  border-left-color: transparent;
  border-radius: 999px;
  display: block;
  height: 1rem;
  transform: rotate(-24deg);
  width: 1rem;
}

.legacy-template-page .three-d-drawer-backdrop {
  background: rgba(0, 0, 0, 0);
  border: 0;
  cursor: default;
  inset: 0;
  opacity: 0;
  pointer-events: none;
  position: fixed;
  transition:
    background 0.3s ease,
    opacity 0.3s ease;
  z-index: 98;
}

.legacy-template-page .three-d-drawer-backdrop.is-open {
  background: rgba(31, 38, 30, 0.22);
  opacity: 1;
  pointer-events: auto;
}

.legacy-template-page .three-d-filter-drawer,
.legacy-template-page .three-d-unit-drawer {
  background: rgba(253, 251, 239, 0.96);
  color: #2e3a26;
  display: flex;
  flex-direction: column;
  gap: 1.25rem;
  height: 100svh;
  max-width: min(32rem, calc(100vw - 1.5rem));
  opacity: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: max(5rem, calc(env(safe-area-inset-top) + 2.5rem)) clamp(1.25rem, 3vw, 2.5rem) max(2rem, calc(env(safe-area-inset-bottom) + 1.5rem));
  pointer-events: none;
  position: fixed;
  right: 0;
  top: 0;
  transform: translateX(105%);
  transition:
    opacity 0.45s ease,
    transform 0.45s ease;
  width: 100%;
  z-index: 110;
}

.legacy-template-page .three-d-filter-drawer.is-open,
.legacy-template-page .three-d-unit-drawer.is-open {
  opacity: 1;
  pointer-events: auto;
  transform: translateX(0);
}

.legacy-template-page .three-d-drawer-head {
  align-items: center;
  display: flex;
  justify-content: space-between;
  gap: 1rem;
}

.legacy-template-page .three-d-drawer-head p {
  color: #2e3a26;
  font-size: 0.85rem;
  letter-spacing: 0;
  line-height: 1.1;
  margin: 0;
  text-transform: uppercase;
}

.legacy-template-page .three-d-drawer-head span {
  color: #a68150;
  display: block;
  font-size: 0.82rem;
  margin-top: 0.4rem;
  text-transform: uppercase;
}

.legacy-template-page .three-d-close-button {
  background: transparent;
  border: 0;
  height: 2.75rem;
  position: relative;
  width: 3.25rem;
}

.legacy-template-page .three-d-close-button::before,
.legacy-template-page .three-d-close-button::after {
  background: #a68150;
  content: "";
  height: 1px;
  left: 0.55rem;
  position: absolute;
  right: 0.55rem;
  top: 50%;
}

.legacy-template-page .three-d-close-button::before {
  transform: rotate(18deg);
}

.legacy-template-page .three-d-close-button::after {
  transform: rotate(-18deg);
}

.legacy-template-page .three-d-drawer-description {
  color: rgba(31, 38, 30, 0.72);
  font-size: 0.95rem;
  line-height: 1.55;
  margin: 0;
}

.legacy-template-page .three-d-filter-stack {
  display: grid;
  gap: 1.35rem;
}

.legacy-template-page .three-d-filter-group {
  display: grid;
  gap: 0.75rem;
}

.legacy-template-page .three-d-filter-row-heading {
  align-items: center;
  color: #a68150;
  display: flex;
  font-size: 0.76rem;
  gap: 1rem;
  justify-content: space-between;
  line-height: 1;
  text-transform: uppercase;
}

.legacy-template-page .three-d-chip-grid {
  display: flex;
  flex-wrap: wrap;
  gap: 0.55rem;
}

.legacy-template-page .three-d-filter-chip {
  background: transparent;
  border: 1px solid rgba(166, 129, 80, 0.26);
  border-radius: 999px;
  color: #2e3a26;
  min-height: 2.65rem;
  min-width: 3.25rem;
  padding: 0.55rem 0.95rem;
  transition:
    background 0.24s ease,
    border-color 0.24s ease,
    color 0.24s ease;
}

.legacy-template-page .three-d-filter-chip:hover,
.legacy-template-page .three-d-filter-chip.is-active {
  background: #60735c;
  border-color: #60735c;
  color: #fff4d6;
}

.legacy-template-page .three-d-filter-range {
  display: grid;
  gap: 0.55rem;
}

.legacy-template-page .three-d-dual-range {
  display: grid;
  gap: 0.1rem;
}

.legacy-template-page .three-d-drawer-action {
  background: #2e3a26;
  border: 1px solid #2e3a26;
  border-radius: 999px;
  color: #fff4d6;
  margin-top: auto;
  min-height: 3.2rem;
  padding: 0.75rem 1rem;
  text-transform: uppercase;
}

.legacy-template-page .three-d-unit-facts {
  border-top: 1px solid rgba(166, 129, 80, 0.22);
  list-style: none;
  margin: 0;
  padding: 0;
}

.legacy-template-page .three-d-unit-facts li {
  align-items: center;
  border-bottom: 1px solid rgba(166, 129, 80, 0.22);
  display: flex;
  justify-content: space-between;
  gap: 1rem;
  padding: 0.85rem 0;
}

.legacy-template-page .three-d-unit-facts span {
  color: #a68150;
  text-transform: uppercase;
}

.legacy-template-page .three-d-unit-facts strong {
  color: #2e3a26;
  font-weight: 500;
  text-align: right;
}

.legacy-template-page .three-d-unit-actions {
  display: grid;
  gap: 0.75rem;
  margin-top: auto;
}

.legacy-template-page .three-d-unit-actions a,
.legacy-template-page .three-d-unit-actions button {
  align-items: center;
  background: #2e3a26;
  border: 1px solid #2e3a26;
  border-radius: 999px;
  color: #fff4d6;
  display: inline-flex;
  justify-content: center;
  min-height: 3.25rem;
  padding: 0.75rem 1rem;
  text-decoration: none;
  text-transform: uppercase;
}

.legacy-template-page .three-d-unit-actions button {
  background: transparent;
  color: #2e3a26;
}

@media (max-width: 1120px) {
  .legacy-template-page .three-d-navigation-panel {
    display: none;
  }
}

@media (min-width: 992px) and (max-width: 1120px) {
  .legacy-template-page .legacy-3d-experience {
    min-height: 100svh;
  }

  .legacy-template-page .three-d-bottom-controls {
    gap: clamp(0.65rem, 1.5vw, 1rem);
    padding: 0.85rem 1rem;
  }

  .legacy-template-page .three-d-control-button {
    min-width: 9.75rem;
    padding: 0 1rem;
  }

  .legacy-template-page .three-d-time-control {
    grid-template-columns: 4.6rem 1.25rem minmax(7rem, 11rem) 1.1rem;
    min-width: 18.5rem;
  }
}

@media (max-width: 991px) {
  .legacy-template-page .legacy-3d-experience {
    min-height: 44rem;
  }

  .legacy-template-page .three-d-bottom-controls {
    align-items: stretch;
    border-radius: 3rem;
    bottom: max(1rem, calc(env(safe-area-inset-bottom) + 1rem));
    display: grid;
    gap: 0.65rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto;
    left: max(1rem, calc(env(safe-area-inset-left) + 1rem));
    max-width: none;
    padding: 0.75rem;
    right: max(1rem, calc(env(safe-area-inset-right) + 1rem));
    transform: none;
  }

  .legacy-template-page .three-d-control-wrap,
  .legacy-template-page .three-d-overlay-dropdown {
    min-width: 0;
  }

  .legacy-template-page .three-d-control-button {
    height: 3.25rem;
    min-width: 0;
    padding: 0 0.95rem;
    width: 100%;
  }

  .legacy-template-page .three-d-reset-button {
    display: inline-flex;
    height: 3.25rem;
    min-width: 3.25rem;
    padding: 0 0.95rem;
  }

  .legacy-template-page .three-d-time-control {
    grid-column: 1 / -1;
    grid-template-columns: 4.9rem 1.35rem minmax(0, 1fr) 1.2rem;
    min-width: 0;
    padding: 1rem 1rem 0.15rem;
  }
}

@media (max-width: 575px) {
  .legacy-template-page .legacy-3d-experience {
    min-height: 42.5rem;
  }

  .legacy-template-page .three-d-bottom-controls {
    bottom: max(3.75rem, calc(env(safe-area-inset-bottom) + 1rem));
    gap: 0.5rem;
    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    left: max(0.75rem, calc(env(safe-area-inset-left) + 0.75rem));
    right: max(0.75rem, calc(env(safe-area-inset-right) + 0.75rem));
  }

  .legacy-template-page .three-d-reset-button {
    grid-column: 1 / -1;
    justify-self: center;
    min-width: min(14rem, 100%);
  }

  .legacy-template-page .three-d-control-button,
  .legacy-template-page .three-d-reset-button {
    font-size: 0.7rem;
    gap: 0.55rem;
    padding: 0 0.72rem;
  }

  .legacy-template-page .three-d-control-icon {
    height: 1.35rem;
    width: 1.35rem;
  }

  .legacy-template-page .three-d-time-control {
    grid-template-columns: 4.15rem 1.2rem minmax(0, 1fr) 1.05rem;
    padding-inline: 0.55rem;
  }

  .legacy-template-page .three-d-time-label {
    font-size: 0.72rem;
  }

  .legacy-template-page .three-d-overlay-menu {
    max-width: calc(100vw - 1.5rem);
  }

  .legacy-template-page .three-d-filter-drawer,
  .legacy-template-page .three-d-unit-drawer {
    max-width: 100vw;
    padding-inline: 1rem;
  }
}

.form-status-message {
  color: #60735c;
  font-size: 0.95rem;
  margin-top: 1rem;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .px-4 {
  padding-inline: calc(var(--spacing) * 4) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .px-5 {
  padding-inline: calc(var(--spacing) * 5) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .py-3 {
  padding-block: calc(var(--spacing) * 3) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .py-4 {
  padding-block: calc(var(--spacing) * 4) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .py-5 {
  padding-block: calc(var(--spacing) * 5) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .gap-4 {
  gap: calc(var(--spacing) * 4) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .gap-5 {
  gap: calc(var(--spacing) * 5) !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .border-green {
  border-color: #60735c !important;
  border-radius: 30px;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .border-dark-grey {
  border-color: #3c3c3c !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .border-pine-green {
  border-color: #2e3a26 !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed .border-grey {
  border-color: #dcdcdc !important;
}

.legacy-template-page > .text-cream.pointer-events-none.fixed a[href*="/contact"] button {
  border-color: #60735c !important;
  border-radius: 999px !important;
}

.site-nav-shell .site-brand-link {
  align-items: center;
  display: flex;
  flex: 0 0 auto;
  height: 2.75rem;
  justify-content: center;
  min-width: 4.5rem;
}

.site-nav-shell .site-brand-logo {
  content: url('../images/brand/unicorn-mark.png');
  display: block;
  height: auto;
  max-height: 2.05rem;
  object-fit: contain;
  width: clamp(3.25rem, 4vw, 4.25rem);
}

.legacy-template-page img.legacy-brand-logo {
  object-fit: contain;
  object-position: center;
}

.site-nav-shell [data-menu-brand] {
  color: #a68150;
  display: none;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif;
  font-size: clamp(2.5rem, 4vw, 3.5rem);
  font-weight: 400;
  letter-spacing: 0;
  line-height: 0.82;
  pointer-events: none;
  text-align: center;
}

.site-nav-shell [data-menu-brand] span {
  display: block;
}

body[data-menu-open] {
  overflow: hidden;
}

body[data-menu-open] .site-nav-shell {
  height: min(90svh, 45rem) !important;
  max-height: calc(100svh - 3rem);
  overflow-y: auto !important;
  background: rgba(31, 38, 30, 0.96) !important;
  isolation: isolate;
}

body[data-menu-open] .site-nav-shell > .pointer-events-auto {
  height: 100% !important;
  position: relative !important;
}

body[data-menu-open] .site-nav-shell nav a {
  color: #ccbf99 !important;
  opacity: 1 !important;
  text-decoration: none !important;
  visibility: visible !important;
}

body[data-menu-open] .site-nav-shell nav a > span {
  color: inherit !important;
  text-decoration: none !important;
}

.legacy-template-page .site-nav-shell nav a[aria-current="page"],
.legacy-template-page .site-nav-shell nav a[aria-current="location"] {
  color: #d5a45e !important;
}

body[data-menu-open] .site-nav-shell nav + .button a {
  color: #60735c !important;
  text-decoration: none !important;
}

body[data-menu-open] .site-nav-shell nav + .button a.text-cream-dark {
  color: #ccbf99 !important;
}

body[data-menu-open] .site-nav-shell button.menu > div > span:first-child {
  transform: translateY(0.125rem) rotate(45deg);
}

body[data-menu-open] .site-nav-shell button.menu > div > span:last-child {
  transform: translateY(-0.125rem) rotate(-45deg);
}

body[data-menu-open] .site-nav-shell a.button[href*="/contact"] button > span {
  align-items: center;
  display: flex;
  height: auto;
  justify-content: center;
  overflow: visible;
}

body[data-menu-open] .site-nav-shell a.button[href*="/contact"] button > span > span:first-child {
  color: #fff4d6;
  display: flex;
  gap: 1.5rem;
  height: auto;
  position: static;
  transform: none !important;
  width: auto;
}

body[data-menu-open] .site-nav-shell a.button[href*="/contact"] button > span > span:last-child {
  display: none;
}

@media (min-width: 601px) {
  body[data-menu-open] .site-nav-shell [data-menu-brand] {
    display: block;
    left: 0;
    opacity: 1;
    position: absolute;
    right: 0;
    top: clamp(5.5rem, 11svh, 7.25rem);
    visibility: visible;
    z-index: 30;
  }

  body[data-menu-open] .site-nav-shell nav {
    align-items: center !important;
    display: flex !important;
    flex-direction: column !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    padding-inline: clamp(1.5rem, 4vw, 4rem) !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 0 !important;
    top: clamp(12.75rem, 26svh, 14.5rem) !important;
    visibility: visible !important;
    width: 100% !important;
    z-index: 30 !important;
  }

  body[data-menu-open] .site-nav-shell nav a {
    display: block !important;
    pointer-events: auto !important;
    width: 100% !important;
    z-index: 31 !important;
  }

  body[data-menu-open] .site-nav-shell nav + .button {
    align-items: center !important;
    bottom: clamp(1.5rem, 4svh, 2.25rem) !important;
    display: flex !important;
    gap: calc(var(--spacing) * 5) !important;
    justify-content: center !important;
    left: 0 !important;
    margin: 0 !important;
    opacity: 1 !important;
    pointer-events: auto !important;
    position: absolute !important;
    right: 0 !important;
    visibility: visible !important;
    z-index: 30 !important;
  }

  body[data-menu-open] .site-nav-shell nav + .button a {
    text-decoration: none !important;
  }
}

@media (max-width: 600px) {
  .site-nav-shell button.menu {
    min-height: 44px;
    min-width: 44px;
    touch-action: manipulation;
  }

  .legacy-template-page > .text-cream.pointer-events-none.fixed .max-md\:py-3 {
    padding-block: calc(var(--spacing) * 3) !important;
  }

  .legacy-template-page > .text-cream.pointer-events-none.fixed .max-md\:gap-20 {
    gap: calc(var(--spacing) * 20) !important;
  }

  body[data-menu-open] .site-nav-shell nav {
    margin-top: calc(var(--spacing) * 10) !important;
  }

  .site-nav-shell .site-brand-link {
    height: 2.25rem;
    min-width: 3.75rem;
  }

  .site-nav-shell .site-brand-logo {
    max-height: 1.65rem;
    width: 3.85rem;
  }
}

@media (prefers-reduced-motion: reduce) {
  .legacy-template-page :is(#Introduction, #IntroductionMobile) .leafs {
    animation: none !important;
    transform: none !important;
  }

  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    scroll-behavior: auto !important;
    transition-duration: 0.01ms !important;
  }

  .legacy-template-page .hero-title-letter {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
  }

  .legacy-template-page .split-word,
  .legacy-template-page .split-char {
    filter: none !important;
    opacity: 1 !important;
    transform: none !important;
    transition: none !important;
  }
}


@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/8e3fbf4aa84d044b-s.15r3fd4k35w-q.woff2')format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/57dc28f7118abe14-s.0~q417~7alp5b.woff2')format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url('../fonts/7ddd198311ba7843-s.p.11f_0f-25f9yg.woff2')format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/8e3fbf4aa84d044b-s.15r3fd4k35w-q.woff2')format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/57dc28f7118abe14-s.0~q417~7alp5b.woff2')format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url('../fonts/7ddd198311ba7843-s.p.11f_0f-25f9yg.woff2')format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/8e3fbf4aa84d044b-s.15r3fd4k35w-q.woff2')format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/57dc28f7118abe14-s.0~q417~7alp5b.woff2')format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url('../fonts/7ddd198311ba7843-s.p.11f_0f-25f9yg.woff2')format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/8e3fbf4aa84d044b-s.15r3fd4k35w-q.woff2')format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/57dc28f7118abe14-s.0~q417~7alp5b.woff2')format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url('../fonts/7ddd198311ba7843-s.p.11f_0f-25f9yg.woff2')format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/8e3fbf4aa84d044b-s.15r3fd4k35w-q.woff2')format("woff2");
  unicode-range: U+102-103, U+110-111, U+128-129, U+168-169, U+1A0-1A1, U+1AF-1B0, U+300-301, U+303-304, U+308-309, U+323, U+329, U+1EA0-1EF9, U+20AB
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/57dc28f7118abe14-s.0~q417~7alp5b.woff2')format("woff2");
  unicode-range: U+100-2BA, U+2BD-2C5, U+2C7-2CC, U+2CE-2D7, U+2DD-2FF, U+304, U+308, U+329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF
}

@font-face {
  font-family: Work Sans;
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url('../fonts/7ddd198311ba7843-s.p.11f_0f-25f9yg.woff2')format("woff2");
  unicode-range: U+??, U+131, U+152-153, U+2BB-2BC, U+2C6, U+2DA, U+2DC, U+304, U+308, U+329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD
}

@font-face {
  font-family: Work Sans Fallback;
  src: local(Arial);
  ascent-override: 83.09%;
  descent-override: 21.71%;
  line-gap-override: 0.0%;
  size-adjust: 111.93%
}

.work_sans_85248dc3-module__gzDsyq__variable {
  --font-workSans: "Work Sans", "Work Sans Fallback"
}

@font-face {
  font-family: editorialOld;
  src: url('../fonts/PPEditorialOld_Regular-s.p.10x77zcrykmnq.otf')format("opentype");
  font-display: swap;
  font-weight: 400;
  font-style: normal
}

@font-face {
  font-family: editorialOld;
  src: url('../fonts/PPEditorialOld_Ultralight-s.p.0u.0t_8-1e3wa.otf')format("opentype");
  font-display: swap;
  font-weight: 300;
  font-style: normal
}

@font-face {
  font-family: editorialOld;
  src: url('../fonts/PPEditorialOld_UltralightItalic-s.p.0ojl3s380s~4~.otf')format("opentype");
  font-display: swap;
  font-weight: 300;
  font-style: italic
}

@font-face {
  font-family: editorialOld Fallback;
  src: local(Arial);
  ascent-override: 117.04%;
  descent-override: 31.92%;
  line-gap-override: 10.64%;
  size-adjust: 93.99%
}

.editorialold_ad1a3d18-module__UoXJ4a__variable {
  --font-editorialOld: "editorialOld", "editorialOld Fallback"
}

@layer properties {
  @supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {

    *,
    :before,
    :after,
    ::backdrop {
      --tw-translate-x: 0;
      --tw-translate-y: 0;
      --tw-translate-z: 0;
      --tw-scale-x: 1;
      --tw-scale-y: 1;
      --tw-scale-z: 1;
      --tw-rotate-x: initial;
      --tw-rotate-y: initial;
      --tw-rotate-z: initial;
      --tw-skew-x: initial;
      --tw-skew-y: initial;
      --tw-space-y-reverse: 0;
      --tw-space-x-reverse: 0;
      --tw-divide-x-reverse: 0;
      --tw-border-style: solid;
      --tw-divide-y-reverse: 0;
      --tw-gradient-position: initial;
      --tw-gradient-from: #0000;
      --tw-gradient-via: #0000;
      --tw-gradient-to: #0000;
      --tw-gradient-stops: initial;
      --tw-gradient-via-stops: initial;
      --tw-gradient-from-position: 0%;
      --tw-gradient-via-position: 50%;
      --tw-gradient-to-position: 100%;
      --tw-leading: initial;
      --tw-font-weight: initial;
      --tw-tracking: initial;
      --tw-shadow: 0 0 #0000;
      --tw-shadow-color: initial;
      --tw-shadow-alpha: 100%;
      --tw-inset-shadow: 0 0 #0000;
      --tw-inset-shadow-color: initial;
      --tw-inset-shadow-alpha: 100%;
      --tw-ring-color: initial;
      --tw-ring-shadow: 0 0 #0000;
      --tw-inset-ring-color: initial;
      --tw-inset-ring-shadow: 0 0 #0000;
      --tw-ring-inset: initial;
      --tw-ring-offset-width: 0px;
      --tw-ring-offset-color: #fff;
      --tw-ring-offset-shadow: 0 0 #0000;
      --tw-blur: initial;
      --tw-brightness: initial;
      --tw-contrast: initial;
      --tw-grayscale: initial;
      --tw-hue-rotate: initial;
      --tw-invert: initial;
      --tw-opacity: initial;
      --tw-saturate: initial;
      --tw-sepia: initial;
      --tw-drop-shadow: initial;
      --tw-drop-shadow-color: initial;
      --tw-drop-shadow-alpha: 100%;
      --tw-drop-shadow-size: initial;
      --tw-backdrop-blur: initial;
      --tw-backdrop-brightness: initial;
      --tw-backdrop-contrast: initial;
      --tw-backdrop-grayscale: initial;
      --tw-backdrop-hue-rotate: initial;
      --tw-backdrop-invert: initial;
      --tw-backdrop-opacity: initial;
      --tw-backdrop-saturate: initial;
      --tw-backdrop-sepia: initial;
      --tw-duration: initial;
      --tw-ease: initial;
      --tw-content: "";
      --tw-animation-delay: 0s;
      --tw-animation-direction: normal;
      --tw-animation-duration: initial;
      --tw-animation-fill-mode: none;
      --tw-animation-iteration-count: 1;
      --tw-enter-blur: 0;
      --tw-enter-opacity: 1;
      --tw-enter-rotate: 0;
      --tw-enter-scale: 1;
      --tw-enter-translate-x: 0;
      --tw-enter-translate-y: 0;
      --tw-exit-blur: 0;
      --tw-exit-opacity: 1;
      --tw-exit-rotate: 0;
      --tw-exit-scale: 1;
      --tw-exit-translate-x: 0;
      --tw-exit-translate-y: 0
    }
  }
}

@layer theme {

  :root,
  :host {
    --font-sans: var(--font-workSans);
    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --color-red-500: #fb2c36;
    --color-black: #000;
    --spacing: .25rem;
    --container-lg: 32rem;
    --container-xl: 36rem;
    --text-xs: .75rem;
    --text-xs--line-height: calc(1 / .75);
    --text-sm: .875rem;
    --text-sm--line-height: calc(1.25 / .875);
    --text-base: 1rem;
    --text-base--line-height: calc(1.5 / 1);
    --font-weight-light: 300;
    --font-weight-normal: 400;
    --font-weight-medium: 500;
    --font-weight-bold: 700;
    --tracking-widest: .1em;
    --leading-tight: 1.25;
    --leading-snug: 1.375;
    --ease-in-out: cubic-bezier(.4, 0, .2, 1);
    --blur-lg: 16px;
    --aspect-video: 16 / 9;
    --default-transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    --default-font-family: var(--font-workSans);
    --default-mono-font-family: var(--font-mono);
    --color-vanilla: #fdfbef;
    --color-pine-green: #2e3a26
  }

  @supports (color:lab(0% 0 0)) {

    :root,
    :host {
      --color-red-500: lab(55.4814% 75.0732 48.8528)
    }
  }
}

@layer base {

  *,
  :after,
  :before,
  ::backdrop {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  ::file-selector-button {
    box-sizing: border-box;
    border: 0 solid;
    margin: 0;
    padding: 0
  }

  html,
  :host {
    -webkit-text-size-adjust: 100%;
    tab-size: 4;
    line-height: 1.5;
    font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
    font-feature-settings: var(--default-font-feature-settings, normal);
    font-variation-settings: var(--default-font-variation-settings, normal);
    -webkit-tap-highlight-color: transparent
  }

  hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
  }

  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-size: inherit;
    font-weight: inherit
  }

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

  b,
  strong {
    font-weight: bolder
  }

  code,
  kbd,
  samp,
  pre {
    font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
    font-feature-settings: var(--default-mono-font-feature-settings, normal);
    font-variation-settings: var(--default-mono-font-variation-settings, normal);
    font-size: 1em
  }

  small {
    font-size: 80%
  }

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

  sub {
    bottom: -.25em
  }

  sup {
    top: -.5em
  }

  table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
  }

  :-moz-focusring {
    outline: auto
  }

  progress {
    vertical-align: baseline
  }

  summary {
    display: list-item
  }

  ol,
  ul,
  menu {
    list-style: none
  }

  img,
  svg,
  video,
  canvas,
  audio,
  iframe,
  embed,
  object {
    vertical-align: middle;
    display: block
  }

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

  button,
  input,
  select,
  optgroup,
  textarea {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  ::file-selector-button {
    font: inherit;
    font-feature-settings: inherit;
    font-variation-settings: inherit;
    letter-spacing: inherit;
    color: inherit;
    opacity: 1;
    background-color: #0000;
    border-radius: 0
  }

  :where(select:is([multiple], [size])) optgroup {
    font-weight: bolder
  }

  :where(select:is([multiple], [size])) optgroup option {
    padding-inline-start: 20px
  }

  ::file-selector-button {
    margin-inline-end: 4px
  }

  ::placeholder {
    opacity: 1
  }

  @supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px) {
    ::placeholder {
      color: currentColor
    }

    @supports (color:color-mix(in lab, red, red)) {
      ::placeholder {
        color: color-mix(in oklab, currentcolor 50%, transparent)
      }
    }
  }

  textarea {
    resize: vertical
  }

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

  ::-webkit-date-and-time-value {
    min-height: 1lh;
    text-align: inherit
  }

  ::-webkit-datetime-edit {
    display: inline-flex
  }

  ::-webkit-datetime-edit-fields-wrapper {
    padding: 0
  }

  ::-webkit-datetime-edit {
    padding-block: 0
  }

  ::-webkit-datetime-edit-year-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-month-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-day-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-hour-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-minute-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-second-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-millisecond-field {
    padding-block: 0
  }

  ::-webkit-datetime-edit-meridiem-field {
    padding-block: 0
  }

  ::-webkit-calendar-picker-indicator {
    line-height: 1
  }

  :-moz-ui-invalid {
    box-shadow: none
  }

  button,
  input:where([type=button], [type=submit]) {
    appearance: button
  }

  ::file-selector-button {
    appearance: button
  }

  ::-webkit-inner-spin-button {
    height: auto
  }

  ::-webkit-outer-spin-button {
    height: auto
  }

  body {
    background-color: var(--background);
    color: var(--foreground)
  }
}

@layer components {
  .wrapper {
    width: 100%;
    max-width: calc(var(--spacing) * 470);
    padding-inline: calc(var(--spacing) * 16);
    margin-inline: auto
  }

  @media not all and (min-width:1121px) {
    .wrapper {
      padding-inline: calc(var(--spacing) * 9)
    }
  }

  @media not all and (min-width:601px) {
    .wrapper {
      padding-inline: calc(var(--spacing) * 6)
    }
  }

  .huge {
    font-family: var(--font-editorialOld);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-light);
    font-size: 20rem;
    line-height: 1;
    font-weight: var(--font-weight-light)
  }

  .hero {
    font-family: var(--font-editorialOld);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 10rem;
    line-height: 1;
    font-weight: var(--font-weight-normal)
  }

  @media not all and (min-width:1121px) {
    .hero {
      font-size: 5.375rem
    }
  }

  @media not all and (min-width:601px) {
    .hero {
      font-size: 3rem
    }
  }

  .heading-1 {
    font-family: var(--font-editorialOld);
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-light);
    font-size: 7rem;
    line-height: 1;
    font-weight: var(--font-weight-light)
  }

  @media not all and (min-width:1121px) {
    .heading-1 {
      font-size: 4.75rem
    }
  }

  @media not all and (min-width:601px) {
    .heading-1 {
      font-size: 3.25rem
    }
  }

  .heading-2 {
    font-family: var(--font-editorialOld);
    --tw-leading: 1.1em;
    --tw-font-weight: var(--font-weight-light);
    font-size: 3.5rem;
    line-height: 1.1em;
    font-weight: var(--font-weight-light);
    --tw-tracking: .02em;
    letter-spacing: .02em
  }

  @media not all and (min-width:1121px) {
    .heading-2 {
      font-size: 3rem
    }
  }

  @media not all and (min-width:601px) {
    .heading-2 {
      font-size: 2.5rem
    }
  }

  .heading-3 {
    font-family: var(--font-editorialOld);
    --tw-leading: 1.1em;
    --tw-font-weight: var(--font-weight-light);
    font-size: 2rem;
    line-height: 1.1em;
    font-weight: var(--font-weight-light)
  }

  @media not all and (min-width:601px) {
    .heading-3 {
      font-size: 2.5rem
    }
  }

  .kicker {
    font-family: var(--font-workSans);
    --tw-font-weight: var(--font-weight-normal);
    font-size: 1.25rem;
    font-weight: var(--font-weight-normal);
    --tw-tracking: .02em;
    letter-spacing: .02em
  }

  .paragraph {
    font-family: var(--font-workSans);
    --tw-leading: 1.2em;
    --tw-font-weight: var(--font-weight-normal);
    font-size: 1rem;
    line-height: 1.2em;
    font-weight: var(--font-weight-normal)
  }

  .detail {
    font-family: var(--font-workSans);
    --tw-leading: 1.3em;
    --tw-font-weight: var(--font-weight-medium);
    font-size: 1.125rem;
    line-height: 1.3em;
    font-weight: var(--font-weight-medium)
  }

  .button {
    font-family: var(--font-workSans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-normal);
    line-height: 1;
    font-weight: var(--font-weight-normal)
  }

  .link {
    font-family: var(--font-workSans);
    font-size: var(--text-base);
    line-height: var(--tw-leading, var(--text-base--line-height));
    --tw-leading: 1;
    --tw-font-weight: var(--font-weight-normal);
    line-height: 1;
    font-weight: var(--font-weight-normal);
    --tw-tracking: var(--tracking-widest);
    letter-spacing: var(--tracking-widest);
    text-transform: uppercase;
    text-underline-offset: .2em;
    text-decoration-line: underline
  }

  .menu {
    font-family: var(--font-workSans);
    --tw-font-weight: var(--font-weight-normal);
    font-size: .875rem;
    font-weight: var(--font-weight-normal);
    --tw-tracking: .02em;
    letter-spacing: .02em
  }

  .small {
    font-family: var(--font-workSans);
    --tw-leading: 1.3em;
    --tw-font-weight: var(--font-weight-normal);
    font-size: .875rem;
    line-height: 1.3em;
    font-weight: var(--font-weight-normal)
  }
}

@layer utilities {
  .pointer-events-auto {
    pointer-events: auto
  }

  .pointer-events-none {
    pointer-events: none
  }

  .visible {
    visibility: visible
  }

  .absolute {
    position: absolute
  }

  .fixed {
    position: fixed
  }

  .relative {
    position: relative
  }

  .sticky {
    position: sticky
  }

  .inset-0 {
    inset: calc(var(--spacing) * 0)
  }

  .inset-x-0 {
    inset-inline: calc(var(--spacing) * 0)
  }

  .-top-25 {
    top: calc(var(--spacing) * -25)
  }

  .-top-35 {
    top: calc(var(--spacing) * -35)
  }

  .-top-80 {
    top: calc(var(--spacing) * -80)
  }

  .top-0 {
    top: calc(var(--spacing) * 0)
  }

  .top-1 {
    top: calc(var(--spacing) * 1)
  }

  .top-1\/2 {
    top: 50%
  }

  .top-1\/3 {
    top: 33.3333%
  }

  .top-1\/6 {
    top: 16.6667%
  }

  .top-4 {
    top: calc(var(--spacing) * 4)
  }

  .top-6 {
    top: calc(var(--spacing) * 6)
  }

  .top-8 {
    top: calc(var(--spacing) * 8)
  }

  .top-10\.5 {
    top: calc(var(--spacing) * 10.5)
  }

  .top-11 {
    top: calc(var(--spacing) * 11)
  }

  .top-23 {
    top: calc(var(--spacing) * 23)
  }

  .top-36 {
    top: calc(var(--spacing) * 36)
  }

  .top-40 {
    top: calc(var(--spacing) * 40)
  }

  .top-\[30\%\] {
    top: 30%
  }

  .top-\[40\%\] {
    top: 40%
  }

  .top-\[55\%\] {
    top: 55%
  }

  .top-\[58\%\] {
    top: 58%
  }

  .top-\[calc\(100dvh-6rem\)\] {
    top: calc(100dvh - 6rem)
  }

  .top-full {
    top: 100%
  }

  .-right-30 {
    right: calc(var(--spacing) * -30)
  }

  .right-0 {
    right: calc(var(--spacing) * 0)
  }

  .right-0\! {
    right: calc(var(--spacing) * 0) !important
  }

  .right-1\/10 {
    right: 10%
  }

  .right-6 {
    right: calc(var(--spacing) * 6)
  }

  .right-16 {
    right: calc(var(--spacing) * 16)
  }

  .right-17 {
    right: calc(var(--spacing) * 17)
  }

  .right-24 {
    right: calc(var(--spacing) * 24)
  }

  .right-75 {
    right: calc(var(--spacing) * 75)
  }

  .right-\[-10\%\] {
    right: -10%
  }

  .right-auto {
    right: auto
  }

  .-bottom-20 {
    bottom: calc(var(--spacing) * -20)
  }

  .bottom-0 {
    bottom: calc(var(--spacing) * 0)
  }

  .bottom-10 {
    bottom: calc(var(--spacing) * 10)
  }

  .bottom-15 {
    bottom: calc(var(--spacing) * 15)
  }

  .bottom-20 {
    bottom: calc(var(--spacing) * 20)
  }

  .bottom-25 {
    bottom: calc(var(--spacing) * 25)
  }

  .bottom-75 {
    bottom: calc(var(--spacing) * 75)
  }

  .bottom-\[0\%\] {
    bottom: 0%
  }

  .-left-4 {
    left: calc(var(--spacing) * -4)
  }

  .-left-10 {
    left: calc(var(--spacing) * -10)
  }

  .-left-40\! {
    left: calc(var(--spacing) * -40) !important
  }

  .left-0 {
    left: calc(var(--spacing) * 0)
  }

  .left-1\/2 {
    left: 50%
  }

  .left-6 {
    left: calc(var(--spacing) * 6)
  }

  .left-16 {
    left: calc(var(--spacing) * 16)
  }

  .left-20 {
    left: calc(var(--spacing) * 20)
  }

  .left-24 {
    left: calc(var(--spacing) * 24)
  }

  .left-50 {
    left: calc(var(--spacing) * 50)
  }

  .left-72 {
    left: calc(var(--spacing) * 72)
  }

  .left-\[48\%\] {
    left: 48%
  }

  .left-auto {
    left: auto
  }

  .left-auto\! {
    left: auto !important
  }

  .isolate {
    isolation: isolate
  }

  .z-0 {
    z-index: 0
  }

  .z-1 {
    z-index: 1
  }

  .z-2 {
    z-index: 2
  }

  .z-10 {
    z-index: 10
  }

  .z-20 {
    z-index: 20
  }

  .z-100 {
    z-index: 100
  }

  .z-1000 {
    z-index: 1000
  }

  .col-span-2 {
    grid-column: span 2/span 2
  }

  .col-start-1 {
    grid-column-start: 1
  }

  .row-start-1 {
    grid-row-start: 1
  }

  .container {
    width: 100%
  }

  @media (min-width:481px) {
    .container {
      max-width: 481px
    }
  }

  @media (min-width:601px) {
    .container {
      max-width: 601px
    }
  }

  @media (min-width:1121px) {
    .container {
      max-width: 1121px
    }
  }

  @media (min-width:1441px) {
    .container {
      max-width: 1441px
    }
  }

  @media (min-width:1601px) {
    .container {
      max-width: 1601px
    }
  }

  @media (min-width:1921px) {
    .container {
      max-width: 1921px
    }
  }

  .mx-8 {
    margin-inline: calc(var(--spacing) * 8)
  }

  .mx-auto {
    margin-inline: auto
  }

  .my-4 {
    margin-block: calc(var(--spacing) * 4)
  }

  .my-8 {
    margin-block: calc(var(--spacing) * 8)
  }

  .-mt-0\.5 {
    margin-top: calc(var(--spacing) * -.5)
  }

  .-mt-200 {
    margin-top: calc(var(--spacing) * -200)
  }

  .mt-1 {
    margin-top: calc(var(--spacing) * 1)
  }

  .mt-2 {
    margin-top: calc(var(--spacing) * 2)
  }

  .mt-4 {
    margin-top: calc(var(--spacing) * 4)
  }

  .mt-5 {
    margin-top: calc(var(--spacing) * 5)
  }

  .mt-6 {
    margin-top: calc(var(--spacing) * 6)
  }

  .mt-10 {
    margin-top: calc(var(--spacing) * 10)
  }

  .mt-12 {
    margin-top: calc(var(--spacing) * 12)
  }

  .mt-15 {
    margin-top: calc(var(--spacing) * 15)
  }

  .mt-16 {
    margin-top: calc(var(--spacing) * 16)
  }

  .mt-20 {
    margin-top: calc(var(--spacing) * 20)
  }

  .mt-30 {
    margin-top: calc(var(--spacing) * 30)
  }

  .mt-35 {
    margin-top: calc(var(--spacing) * 35)
  }

  .mt-50 {
    margin-top: calc(var(--spacing) * 50)
  }

  .mt-54 {
    margin-top: calc(var(--spacing) * 54)
  }

  .mt-auto {
    margin-top: auto
  }

  .-mb-px {
    margin-bottom: -1px
  }

  .mb-2 {
    margin-bottom: calc(var(--spacing) * 2)
  }

  .mb-4 {
    margin-bottom: calc(var(--spacing) * 4)
  }

  .mb-5 {
    margin-bottom: calc(var(--spacing) * 5)
  }

  .mb-6 {
    margin-bottom: calc(var(--spacing) * 6)
  }

  .mb-7 {
    margin-bottom: calc(var(--spacing) * 7)
  }

  .mb-10 {
    margin-bottom: calc(var(--spacing) * 10)
  }

  .mb-15 {
    margin-bottom: calc(var(--spacing) * 15)
  }

  .mb-20 {
    margin-bottom: calc(var(--spacing) * 20)
  }

  .-ml-10 {
    margin-left: calc(var(--spacing) * -10)
  }

  .block {
    display: block
  }

  .flex {
    display: flex
  }

  .grid {
    display: grid
  }

  .hidden {
    display: none
  }

  .inline-block {
    display: inline-block
  }

  .inline-flex {
    display: inline-flex
  }

  .aspect-1\.5\/1 {
    aspect-ratio: 1.5
  }

  .aspect-\[1\.43\/1\] {
    aspect-ratio: 1.43
  }

  .aspect-\[1\.44\/1\] {
    aspect-ratio: 1.44
  }

  .aspect-square {
    aspect-ratio: 1
  }

  .size-4 {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4)
  }

  .size-5 {
    width: calc(var(--spacing) * 5);
    height: calc(var(--spacing) * 5)
  }

  .h-0\.5 {
    height: calc(var(--spacing) * .5)
  }

  .h-0\.25 {
    height: calc(var(--spacing) * .25)
  }

  .h-2 {
    height: calc(var(--spacing) * 2)
  }

  .h-2\.25 {
    height: calc(var(--spacing) * 2.25)
  }

  .h-3 {
    height: calc(var(--spacing) * 3)
  }

  .h-5 {
    height: calc(var(--spacing) * 5)
  }

  .h-6 {
    height: calc(var(--spacing) * 6)
  }

  .h-7 {
    height: calc(var(--spacing) * 7)
  }

  .h-7\! {
    height: calc(var(--spacing) * 7) !important
  }

  .h-8 {
    height: calc(var(--spacing) * 8)
  }

  .h-10 {
    height: calc(var(--spacing) * 10)
  }

  .h-12 {
    height: calc(var(--spacing) * 12)
  }

  .h-14 {
    height: calc(var(--spacing) * 14)
  }

  .h-16 {
    height: calc(var(--spacing) * 16)
  }

  .h-20 {
    height: calc(var(--spacing) * 20)
  }

  .h-60 {
    height: calc(var(--spacing) * 60)
  }

  .h-94 {
    height: calc(var(--spacing) * 94)
  }

  .h-97 {
    height: calc(var(--spacing) * 97)
  }

  .h-100 {
    height: calc(var(--spacing) * 100)
  }

  .h-101 {
    height: calc(var(--spacing) * 101)
  }

  .h-108 {
    height: calc(var(--spacing) * 108)
  }

  .h-130 {
    height: calc(var(--spacing) * 130)
  }

  .h-135 {
    height: calc(var(--spacing) * 135)
  }

  .h-140 {
    height: calc(var(--spacing) * 140)
  }

  .h-150 {
    height: calc(var(--spacing) * 150)
  }

  .h-175 {
    height: calc(var(--spacing) * 175)
  }

  .h-185 {
    height: calc(var(--spacing) * 185)
  }

  .h-\[1em\] {
    height: 1em
  }

  .h-\[80\%\] {
    height: 80%
  }

  .h-\[120\%\] {
    height: 120%
  }

  .h-\[400vh\] {
    height: 400vh
  }

  .h-\[600vh\] {
    height: 600vh
  }

  .h-\[900vh\] {
    height: 900vh
  }

  .h-\[calc\(100\%\+20rem\)\] {
    height: calc(100% + 20rem)
  }

  .h-\[calc\(100svh-15rem\)\] {
    height: calc(100svh - 15rem)
  }

  .h-\[calc\(100vh\+20rem\)\] {
    height: calc(100vh + 20rem)
  }

  .h-auto {
    height: auto
  }

  .h-dvh {
    height: 100dvh
  }

  .h-full {
    height: 100%
  }

  .h-px {
    height: 1px
  }

  .h-screen {
    height: 100vh
  }

  .h-svh {
    height: 100svh
  }

  .min-h-70 {
    min-height: calc(var(--spacing) * 70)
  }

  .min-h-270 {
    min-height: calc(var(--spacing) * 270)
  }

  .min-h-\[16\.25rem\] {
    min-height: 16.25rem
  }

  .min-h-\[20rem\] {
    min-height: 20rem
  }

  .min-h-\[110vh\] {
    min-height: 110vh
  }

  .min-h-screen {
    min-height: 100vh
  }

  .min-h-svh {
    min-height: 100svh
  }

  .w-0 {
    width: calc(var(--spacing) * 0)
  }

  .w-0\.5 {
    width: calc(var(--spacing) * .5)
  }

  .w-1\/2 {
    width: 50%
  }

  .w-1\/3 {
    width: 33.3333%
  }

  .w-1\/4 {
    width: 25%
  }

  .w-1\/5 {
    width: 20%
  }

  .w-1\/6 {
    width: 16.6667%
  }

  .w-1\/12 {
    width: 8.33333%
  }

  .w-2 {
    width: calc(var(--spacing) * 2)
  }

  .w-2\.25 {
    width: calc(var(--spacing) * 2.25)
  }

  .w-2\/3 {
    width: 66.6667%
  }

  .w-2\/7 {
    width: 28.5714%
  }

  .w-3 {
    width: calc(var(--spacing) * 3)
  }

  .w-3\/4 {
    width: 75%
  }

  .w-3\/5 {
    width: 60%
  }

  .w-3\/7 {
    width: 42.8571%
  }

  .w-4 {
    width: calc(var(--spacing) * 4)
  }

  .w-4\/5 {
    width: 80%
  }

  .w-5\/8 {
    width: 62.5%
  }

  .w-5\/12 {
    width: 41.6667%
  }

  .w-6 {
    width: calc(var(--spacing) * 6)
  }

  .w-6\/12 {
    width: 50%
  }

  .w-7\/12 {
    width: 58.3333%
  }

  .w-8 {
    width: calc(var(--spacing) * 8)
  }

  .w-10 {
    width: calc(var(--spacing) * 10)
  }

  .w-16 {
    width: calc(var(--spacing) * 16)
  }

  .w-20 {
    width: calc(var(--spacing) * 20)
  }

  .w-32 {
    width: calc(var(--spacing) * 32)
  }

  .w-40 {
    width: calc(var(--spacing) * 40)
  }

  .w-46 {
    width: calc(var(--spacing) * 46)
  }

  .w-53 {
    width: calc(var(--spacing) * 53)
  }

  .w-64 {
    width: calc(var(--spacing) * 64)
  }

  .w-67 {
    width: calc(var(--spacing) * 67)
  }

  .w-68 {
    width: calc(var(--spacing) * 68)
  }

  .w-70 {
    width: calc(var(--spacing) * 70)
  }

  .w-75 {
    width: calc(var(--spacing) * 75)
  }

  .w-82 {
    width: calc(var(--spacing) * 82)
  }

  .w-85 {
    width: calc(var(--spacing) * 85)
  }

  .w-90 {
    width: calc(var(--spacing) * 90)
  }

  .w-95 {
    width: calc(var(--spacing) * 95)
  }

  .w-96 {
    width: calc(var(--spacing) * 96)
  }

  .w-100 {
    width: calc(var(--spacing) * 100)
  }

  .w-103 {
    width: calc(var(--spacing) * 103)
  }

  .w-104 {
    width: calc(var(--spacing) * 104)
  }

  .w-108 {
    width: calc(var(--spacing) * 108)
  }

  .w-113 {
    width: calc(var(--spacing) * 113)
  }

  .w-115 {
    width: calc(var(--spacing) * 115)
  }

  .w-140 {
    width: calc(var(--spacing) * 140)
  }

  .w-150 {
    width: calc(var(--spacing) * 150)
  }

  .w-156 {
    width: calc(var(--spacing) * 156)
  }

  .w-175 {
    width: calc(var(--spacing) * 175)
  }

  .w-180 {
    width: calc(var(--spacing) * 180)
  }

  .w-230 {
    width: calc(var(--spacing) * 230)
  }

  .w-325 {
    width: calc(var(--spacing) * 325)
  }

  .w-335 {
    width: calc(var(--spacing) * 335)
  }

  .w-\[2ch\] {
    width: 2ch
  }

  .w-\[45vw\] {
    width: 45vw
  }

  .w-\[55vw\] {
    width: 55vw
  }

  .w-\[120vw\] {
    width: 120vw
  }

  .w-\[150\%\] {
    width: 150%
  }

  .w-\[160\%\] {
    width: 160%
  }

  .w-\[180\%\] {
    width: 180%
  }

  .w-\[200\%\] {
    width: 200%
  }

  .w-\[200\%\]\! {
    width: 200% !important
  }

  .w-\[300\%\]\! {
    width: 300% !important
  }

  .w-full {
    width: 100%
  }

  .w-screen {
    width: 100vw
  }

  .max-w-1\/2 {
    max-width: 50%
  }

  .max-w-50 {
    max-width: calc(var(--spacing) * 50)
  }

  .max-w-140 {
    max-width: calc(var(--spacing) * 140)
  }

  .max-w-160 {
    max-width: calc(var(--spacing) * 160)
  }

  .max-w-219 {
    max-width: calc(var(--spacing) * 219)
  }

  .max-w-lg {
    max-width: var(--container-lg)
  }

  .max-w-none {
    max-width: none
  }

  .max-w-none\! {
    max-width: none !important
  }

  .min-w-0 {
    min-width: calc(var(--spacing) * 0)
  }

  .min-w-55 {
    min-width: calc(var(--spacing) * 55)
  }

  .flex-1 {
    flex: 1
  }

  .shrink-0 {
    flex-shrink: 0
  }

  .grow {
    flex-grow: 1
  }

  .origin-center {
    transform-origin: 50%
  }

  .origin-top-right {
    transform-origin: 100% 0
  }

  .-translate-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-x-90 {
    --tw-translate-x: calc(var(--spacing) * 90);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-1\/2 {
    --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-25 {
    --tw-translate-y: calc(var(--spacing) * -25);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-35 {
    --tw-translate-y: calc(var(--spacing) * -35);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-\[10\%\] {
    --tw-translate-y: calc(10% * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .-translate-y-full {
    --tw-translate-y: -100%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-0 {
    --tw-translate-y: calc(var(--spacing) * 0);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-1\/10 {
    --tw-translate-y: calc(1 / 10 * 100%);
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .translate-y-full {
    --tw-translate-y: 100%;
    translate: var(--tw-translate-x) var(--tw-translate-y)
  }

  .scale-120 {
    --tw-scale-x: 120%;
    --tw-scale-y: 120%;
    --tw-scale-z: 120%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .scale-130 {
    --tw-scale-x: 130%;
    --tw-scale-y: 130%;
    --tw-scale-z: 130%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .scale-200 {
    --tw-scale-x: 200%;
    --tw-scale-y: 200%;
    --tw-scale-z: 200%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .scale-300 {
    --tw-scale-x: 300%;
    --tw-scale-y: 300%;
    --tw-scale-z: 300%;
    scale: var(--tw-scale-x) var(--tw-scale-y)
  }

  .-rotate-90 {
    rotate: -90deg
  }

  .rotate-0 {
    rotate: none
  }

  .rotate-90 {
    rotate: 90deg
  }

  .transform {
    transform: var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )
  }

  .cursor-pointer {
    cursor: pointer
  }

  .touch-none {
    touch-action: none
  }

  .resize {
    resize: both
  }

  .grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
  }

  .grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
  }

  .grid-rows-\[0fr\] {
    grid-template-rows: 0fr
  }

  .flex-col {
    flex-direction: column
  }

  .flex-col-reverse {
    flex-direction: column-reverse
  }

  .flex-row {
    flex-direction: row
  }

  .flex-wrap {
    flex-wrap: wrap
  }

  .items-center {
    align-items: center
  }

  .items-end {
    align-items: flex-end
  }

  .items-start {
    align-items: flex-start
  }

  .items-stretch {
    align-items: stretch
  }

  .justify-between {
    justify-content: space-between
  }

  .justify-center {
    justify-content: center
  }

  .justify-end {
    justify-content: flex-end
  }

  .justify-start {
    justify-content: flex-start
  }

  .gap-1 {
    gap: calc(var(--spacing) * 1)
  }

  .gap-2 {
    gap: calc(var(--spacing) * 2)
  }

  .gap-3 {
    gap: calc(var(--spacing) * 3)
  }

  .gap-4 {
    gap: calc(var(--spacing) * 4)
  }

  .gap-5 {
    gap: calc(var(--spacing) * 5)
  }

  .gap-6 {
    gap: calc(var(--spacing) * 6)
  }

  .gap-8 {
    gap: calc(var(--spacing) * 8)
  }

  .gap-10 {
    gap: calc(var(--spacing) * 10)
  }

  .gap-15 {
    gap: calc(var(--spacing) * 15)
  }

  .gap-16 {
    gap: calc(var(--spacing) * 16)
  }

  .gap-20 {
    gap: calc(var(--spacing) * 20)
  }

  .gap-25 {
    gap: calc(var(--spacing) * 25)
  }

  :where(.space-y-1>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 1) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 1) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-2>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 2) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 2) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-3>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-4>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-6>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-8>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-10>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-12>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-15>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 15) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 15) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-16>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 16) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 16) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-y-20>:not(:last-child)) {
    --tw-space-y-reverse: 0;
    margin-block-start: calc(calc(var(--spacing) * 20) * var(--tw-space-y-reverse));
    margin-block-end: calc(calc(var(--spacing) * 20) * calc(1 - var(--tw-space-y-reverse)))
  }

  :where(.space-x-5>:not(:last-child)) {
    --tw-space-x-reverse: 0;
    margin-inline-start: calc(calc(var(--spacing) * 5) * var(--tw-space-x-reverse));
    margin-inline-end: calc(calc(var(--spacing) * 5) * calc(1 - var(--tw-space-x-reverse)))
  }

  .gap-y-15 {
    row-gap: calc(var(--spacing) * 15)
  }

  :where(.divide-x>:not(:last-child)) {
    --tw-divide-x-reverse: 0;
    border-inline-style: var(--tw-border-style);
    border-inline-start-width: calc(1px * var(--tw-divide-x-reverse));
    border-inline-end-width: calc(1px * calc(1 - var(--tw-divide-x-reverse)))
  }

  :where(.divide-y>:not(:last-child)) {
    --tw-divide-y-reverse: 0;
    border-bottom-style: var(--tw-border-style);
    border-top-style: var(--tw-border-style);
    border-top-width: calc(1px * var(--tw-divide-y-reverse));
    border-bottom-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)))
  }

  :where(.divide-cream-dark\/40>:not(:last-child)) {
    border-color: #ccbf9966;
    border-color: lab(77.7066% .321984 20.9965/.4)
  }

  :where(.divide-golden\/40>:not(:last-child)) {
    border-color: #a6815066;
    border-color: lab(56.7899% 10.2213 32.1475/.4)
  }

  :where(.divide-green>:not(:last-child)) {
    border-color: #60735c
  }

  :where(.divide-grey>:not(:last-child)) {
    border-color: #979797
  }

  .self-end {
    align-self: flex-end
  }

  .overflow-clip {
    overflow: clip
  }

  .overflow-hidden {
    overflow: hidden
  }

  .overflow-visible {
    overflow: visible
  }

  .overflow-x-clip {
    overflow-x: clip
  }

  .overflow-y-clip {
    overflow-y: clip
  }

  .rounded-2xl {
    border-radius: calc(var(--radius) + 8px)
  }

  .rounded-\[1\.25rem\] {
    border-radius: 1.25rem
  }

  .rounded-\[1\.75rem\] {
    border-radius: 1.75rem
  }

  .rounded-full {
    border-radius: 9999px !important;
  }

  .rounded-lg {
    border-radius: var(--radius)
  }

  .rounded-none {
    border-radius: 0
  }

  .rounded-b-\[0\.375rem\] {
    border-bottom-right-radius: .375rem;
    border-bottom-left-radius: .375rem
  }

  .border {
    border-style: var(--tw-border-style);
    border-width: 1px
  }

  .border-0 {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
  }

  .border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
  }

  .border-\[\#797878\] {
    border-color: #797878
  }

  .border-cream {
    border-color: #fff4d6
  }

  .border-cream-dark {
    border-color: #ccbf99
  }

  .border-cream-dark\! {
    border-color: #ccbf99 !important
  }

  .border-dark-grey {
    border-color: #3c3c3c
  }

  .border-golden {
    border-color: #a68150
  }

  .border-green {
    border-color: #60735c
  }

  .border-grey {
    border-color: #979797
  }

  .border-pine-green {
    border-color: #2e3a26
  }

  .border-t-cream-dark {
    border-top-color: #ccbf99
  }

  .border-t-green {
    border-top-color: #60735c
  }

  .border-t-grey {
    border-top-color: #979797
  }

  .border-t-light-grey {
    border-top-color: #dcdcdc
  }

  .border-t-transparent {
    border-top-color: #0000
  }

  .border-b-cream-dark {
    border-bottom-color: #ccbf99
  }

  .border-b-green {
    border-bottom-color: #60735c
  }

  .border-b-light-grey {
    border-bottom-color: #dcdcdc
  }

  .bg-\[\#1F261E\]\/80 {
    background-color: #1f261ecc;
    background-color: lab(14.2482% -4.74556 4.24002/.8)
  }

  .bg-\[\#EBEBEB\] {
    background-color: #ebebeb
  }

  .bg-accent {
    background-color: #e7fd55
  }

  .bg-black\/20 {
    background-color: #0003
  }

  @supports (color:color-mix(in lab, red, red)) {
    .bg-black\/20 {
      background-color: color-mix(in oklab, var(--color-black) 20%, transparent)
    }
  }

  .bg-cream {
    background-color: #fff4d6
  }

  .bg-cream-dark {
    background-color: #ccbf99
  }

  .bg-dark-grey {
    background-color: #3c3c3c
  }

  .bg-golden {
    background-color: #a68150
  }

  .bg-green {
    background-color: #60735c
  }

  .bg-green\! {
    background-color: #60735c !important
  }

  .bg-grey {
    background-color: #979797
  }

  .bg-light-grey {
    background-color: #dcdcdc
  }

  .bg-navy {
    background-color: #314759
  }

  .bg-pine-green {
    background-color: #2e3a26
  }

  .bg-pine-green\/30 {
    background-color: #2e3a264d;
    background-color: lab(22.8568% -8.53087 10.7725/.3)
  }

  .bg-pine-green\/40 {
    background-color: #2e3a2666;
    background-color: lab(22.8568% -8.53087 10.7725/.4)
  }

  .bg-sand {
    background-color: #f4f0db
  }

  .bg-transparent {
    background-color: #0000
  }

  .bg-vanilla {
    background-color: #fdfbef
  }

  .bg-linear-to-r {
    --tw-gradient-position: to right
  }

  @supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-r {
      --tw-gradient-position: to right in oklab
    }
  }

  .bg-linear-to-r {
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-linear-to-t {
    --tw-gradient-position: to top
  }

  @supports (background-image:linear-gradient(in lab, red, red)) {
    .bg-linear-to-t {
      --tw-gradient-position: to top in oklab
    }
  }

  .bg-linear-to-t {
    background-image: linear-gradient(var(--tw-gradient-stops))
  }

  .bg-radial-\[at_bottom_right\] {
    --tw-gradient-position: at bottom right;
    background-image: radial-gradient(var(--tw-gradient-stops, at bottom right))
  }

  .bg-\[radial-gradient\(at_right_bottom\,\#3E562E\,\#2F3A26\)\] {
    background-image: radial-gradient(at 100% 100%, #3e562e, #2f3a26)
  }

  .bg-\[radial-gradient\(at_right_bottom\,\#595858\,\#3c3c3c\)\] {
    background-image: radial-gradient(at 100% 100%, #595858, #3c3c3c)
  }

  .from-\[\#3E562E\] {
    --tw-gradient-from: #3e562e;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-\[\#4D4034\]\/80 {
    --tw-gradient-from: #4d4034cc;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  @supports (color:lab(0% 0 0)) {
    .from-\[\#4D4034\]\/80 {
      --tw-gradient-from: lab(28.2071% 4.24817 9.57196/.8)
    }
  }

  .from-\[\#8AB6D2\] {
    --tw-gradient-from: #8ab6d2;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-\[\#595858\] {
    --tw-gradient-from: #595858;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-\[\#A9A39F\] {
    --tw-gradient-from: #a9a39f;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .from-15\% {
    --tw-gradient-from-position: 15%
  }

  .to-dark-grey {
    --tw-gradient-to: #3c3c3c;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-pine-green {
    --tw-gradient-to: #2e3a26;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .to-vanilla {
    --tw-gradient-to: #fdfbef;
    --tw-gradient-stops: var(--tw-gradient-via-stops, var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))
  }

  .bg-fixed {
    background-attachment: fixed
  }

  .mask-contain {
    -webkit-mask-size: contain;
    mask-size: contain
  }

  .mask-size-\[95\%\] {
    -webkit-mask-size: 95%;
    mask-size: 95%
  }

  .mask-size-\[100\%\] {
    -webkit-mask-size: 100%;
    mask-size: 100%
  }

  .mask-center {
    -webkit-mask-position: 50%;
    mask-position: 50%
  }

  .mask-right {
    -webkit-mask-position: 100%;
    mask-position: 100%
  }

  .mask-no-repeat {
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat
  }

  .object-cover {
    object-fit: cover
  }

  .object-\[20\%_50\%\] {
    object-position: 20% 50%
  }

  .object-\[35\%_50\%\] {
    object-position: 35% 50%
  }

  .object-\[70\%_50\%\] {
    object-position: 70% 50%
  }

  .object-bottom-left {
    object-position: left bottom
  }

  .object-bottom-right {
    object-position: right bottom
  }

  .object-center {
    object-position: center
  }

  .object-right {
    object-position: right
  }

  .object-top {
    object-position: top
  }

  .p-0 {
    padding: calc(var(--spacing) * 0)
  }

  .p-2 {
    padding: calc(var(--spacing) * 2)
  }

  .p-4 {
    padding: calc(var(--spacing) * 4)
  }

  .px-0 {
    padding-inline: calc(var(--spacing) * 0)
  }

  .px-2 {
    padding-inline: calc(var(--spacing) * 2)
  }

  .px-3 {
    padding-inline: calc(var(--spacing) * 3)
  }

  .px-3\.5 {
    padding-inline: calc(var(--spacing) * 3.5)
  }

  .px-4 {
    padding-inline: calc(var(--spacing) * 4)
  }

  .px-5 {
    padding-inline: calc(var(--spacing) * 5)
  }

  .px-6 {
    padding-inline: calc(var(--spacing) * 6)
  }

  .px-8 {
    padding-inline: calc(var(--spacing) * 8)
  }

  .py-1 {
    padding-block: calc(var(--spacing) * 1)
  }

  .py-1\! {
    padding-block: calc(var(--spacing) * 1) !important
  }

  .py-2 {
    padding-block: calc(var(--spacing) * 2)
  }

  .py-2\.5 {
    padding-block: calc(var(--spacing) * 2.5)
  }

  .py-3 {
    padding-block: calc(var(--spacing) * 3)
  }

  .py-4 {
    padding-block: calc(var(--spacing) * 4)
  }

  .py-5 {
    padding-block: calc(var(--spacing) * 5)
  }

  .py-10 {
    padding-block: calc(var(--spacing) * 10)
  }

  .py-20 {
    padding-block: calc(var(--spacing) * 20)
  }

  .py-27 {
    padding-block: calc(var(--spacing) * 27)
  }

  .py-30 {
    padding-block: calc(var(--spacing) * 30)
  }

  .pt-4 {
    padding-top: calc(var(--spacing) * 4)
  }

  .pt-5 {
    padding-top: calc(var(--spacing) * 5)
  }

  .pt-8 {
    padding-top: calc(var(--spacing) * 8)
  }

  .pt-10 {
    padding-top: calc(var(--spacing) * 10)
  }

  .pt-15 {
    padding-top: calc(var(--spacing) * 15)
  }

  .pt-20 {
    padding-top: calc(var(--spacing) * 20)
  }

  .pt-25 {
    padding-top: calc(var(--spacing) * 25)
  }

  .pt-30 {
    padding-top: calc(var(--spacing) * 30)
  }

  .pt-40 {
    padding-top: calc(var(--spacing) * 40)
  }

  .pt-50 {
    padding-top: calc(var(--spacing) * 50)
  }

  .pt-52 {
    padding-top: calc(var(--spacing) * 52)
  }

  .pr-8 {
    padding-right: calc(var(--spacing) * 8)
  }

  .pr-10 {
    padding-right: calc(var(--spacing) * 10)
  }

  .pr-20 {
    padding-right: calc(var(--spacing) * 20)
  }

  .pr-24 {
    padding-right: calc(var(--spacing) * 24)
  }

  .pb-1 {
    padding-bottom: calc(var(--spacing) * 1)
  }

  .pb-2 {
    padding-bottom: calc(var(--spacing) * 2)
  }

  .pb-4 {
    padding-bottom: calc(var(--spacing) * 4)
  }

  .pb-5 {
    padding-bottom: calc(var(--spacing) * 5)
  }

  .pb-10 {
    padding-bottom: calc(var(--spacing) * 10)
  }

  .pb-20 {
    padding-bottom: calc(var(--spacing) * 20)
  }

  .pb-25 {
    padding-bottom: calc(var(--spacing) * 25)
  }

  .pb-30 {
    padding-bottom: calc(var(--spacing) * 30)
  }

  .pb-40 {
    padding-bottom: calc(var(--spacing) * 40)
  }

  .pb-45 {
    padding-bottom: calc(var(--spacing) * 45)
  }

  .pb-70 {
    padding-bottom: calc(var(--spacing) * 70)
  }

  .pl-3 {
    padding-left: calc(var(--spacing) * 3)
  }

  .pl-4 {
    padding-left: calc(var(--spacing) * 4)
  }

  .pl-6 {
    padding-left: calc(var(--spacing) * 6)
  }

  .pl-10 {
    padding-left: calc(var(--spacing) * 10)
  }

  .pl-24 {
    padding-left: calc(var(--spacing) * 24)
  }

  .text-center {
    text-align: center
  }

  .text-left {
    text-align: left
  }

  .text-right {
    text-align: right
  }

  .font-serif {
    font-family: var(--font-editorialOld)
  }

  .text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .text-\[2\.5rem\] {
    font-size: 2.5rem
  }

  .text-\[2\.25rem\] {
    font-size: 2.25rem
  }

  .text-\[5rem\] {
    font-size: 5rem
  }

  .text-\[6rem\] {
    font-size: 6rem
  }

  .leading-\[1\.1\] {
    --tw-leading: 1.1;
    line-height: 1.1
  }

  .leading-none {
    --tw-leading: 1;
    line-height: 1
  }

  .leading-snug {
    --tw-leading: var(--leading-snug);
    line-height: var(--leading-snug)
  }

  .leading-tight {
    --tw-leading: var(--leading-tight);
    line-height: var(--leading-tight)
  }

  .font-light {
    --tw-font-weight: var(--font-weight-light);
    font-weight: var(--font-weight-light)
  }

  .font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
  }

  .whitespace-normal {
    white-space: normal
  }

  .whitespace-nowrap {
    white-space: nowrap
  }

  .text-accent {
    color: #e7fd55
  }

  .text-cream {
    color: #fff4d6
  }

  .text-cream-dark {
    color: #ccbf99
  }

  .text-cream-dark\! {
    color: #ccbf99 !important
  }

  .text-dark-grey {
    color: #3c3c3c
  }

  .text-dark-grey\! {
    color: #3c3c3c !important
  }

  .text-golden {
    color: #a68150
  }

  .text-green {
    color: #60735c
  }

  .text-grey {
    color: #979797
  }

  .text-light-grey {
    color: #dcdcdc
  }

  .text-muted-foreground {
    color: var(--muted-foreground)
  }

  .text-pine-green {
    color: #2e3a26
  }

  .text-sand {
    color: #f4f0db
  }

  .text-vanilla {
    color: #fdfbef
  }

  .uppercase {
    text-transform: uppercase
  }

  .italic {
    font-style: italic
  }

  .no-underline {
    text-decoration-line: none
  }

  .underline {
    text-decoration-line: underline
  }

  .underline-offset-2 {
    text-underline-offset: 2px
  }

  .antialiased {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
  }

  .opacity-0 {
    opacity: 0
  }

  .opacity-40 {
    opacity: .4
  }

  .opacity-60 {
    opacity: .6
  }

  .opacity-100 {
    opacity: 1
  }

  .mix-blend-darken {
    mix-blend-mode: darken
  }

  .mix-blend-multiply {
    mix-blend-mode: multiply
  }

  .mix-blend-overlay {
    mix-blend-mode: overlay
  }

  .shadow-none {
    --tw-shadow: 0 0 #0000;
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .shadow-xs {
    --tw-shadow: 0 1px 2px 0 var(--tw-shadow-color, #0000000d);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .ring-offset-background {
    --tw-ring-offset-color: var(--background)
  }

  .blur {
    --tw-blur: blur(8px);
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .filter {
    filter: var(--tw-blur, ) var(--tw-brightness, ) var(--tw-contrast, ) var(--tw-grayscale, ) var(--tw-hue-rotate, ) var(--tw-invert, ) var(--tw-saturate, ) var(--tw-sepia, ) var(--tw-drop-shadow, )
  }

  .backdrop-blur-\[0\.375rem\] {
    --tw-backdrop-blur: blur(.375rem);
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
  }

  .backdrop-blur-lg {
    --tw-backdrop-blur: blur(var(--blur-lg));
    -webkit-backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, );
    backdrop-filter: var(--tw-backdrop-blur, ) var(--tw-backdrop-brightness, ) var(--tw-backdrop-contrast, ) var(--tw-backdrop-grayscale, ) var(--tw-backdrop-hue-rotate, ) var(--tw-backdrop-invert, ) var(--tw-backdrop-opacity, ) var(--tw-backdrop-saturate, ) var(--tw-backdrop-sepia, )
  }

  .transition {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to, opacity, box-shadow, transform, translate, scale, rotate, filter, -webkit-backdrop-filter, backdrop-filter, display, content-visibility, overlay, pointer-events;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-\[grid-template-rows\] {
    transition-property: grid-template-rows;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-\[height\] {
    transition-property: height;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-\[width\] {
    transition-property: width;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-all {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-colors {
    transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-opacity {
    transition-property: opacity;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .transition-transform {
    transition-property: transform, translate, scale, rotate;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .duration-200 {
    --tw-duration: .2s;
    transition-duration: .2s
  }

  .duration-300 {
    --tw-duration: .3s;
    transition-duration: .3s
  }

  .duration-500 {
    --tw-duration: .5s;
    transition-duration: .5s
  }

  .duration-600 {
    --tw-duration: .6s;
    transition-duration: .6s
  }

  .duration-900 {
    --tw-duration: .9s;
    transition-duration: .9s
  }

  .ease-in-out {
    --tw-ease: var(--ease-in-out);
    transition-timing-function: var(--ease-in-out)
  }

  .will-change-transform {
    will-change: transform
  }

  .outline-none {
    --tw-outline-style: none;
    outline-style: none
  }

  .select-none {
    -webkit-user-select: none;
    user-select: none
  }

  .\[-webkit-mask-size\:95\%\] {
    -webkit-mask-size: 95%
  }

  .\[-webkit-mask-size\:100\%\] {
    -webkit-mask-size: 100%
  }

  .\[-webkit-mask-size\:contain\] {
    -webkit-mask-size: contain
  }

  @media (hover:hover) {
    .group-hover\:top-0:is(:where(.group):hover *) {
      top: calc(var(--spacing) * 0)
    }

    .group-hover\:-translate-y-1\/2:is(:where(.group):hover *) {
      --tw-translate-y: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:-translate-y-full:is(:where(.group):hover *) {
      --tw-translate-y: -100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .group-hover\:animate-\[spin_0\.6s_ease-in-out_reverse\]:is(:where(.group):hover *) {
      animation: .6s ease-in-out reverse spin
    }

    .group-hover\:text-accent:is(:where(.group):hover *) {
      color: #e7fd55
    }

    .group-hover\:text-golden:is(:where(.group):hover *) {
      color: #a68150
    }

    .group-hover\:opacity-100:is(:where(.group):hover *) {
      opacity: 1
    }
  }

  .group-data-\[disabled\=true\]\:pointer-events-none:is(:where(.group)[data-disabled=true] *) {
    pointer-events: none
  }

  .group-data-\[disabled\=true\]\:opacity-50:is(:where(.group)[data-disabled=true] *) {
    opacity: .5
  }

  .peer-disabled\:cursor-not-allowed:is(:where(.peer):disabled~*) {
    cursor: not-allowed
  }

  .peer-disabled\:opacity-50:is(:where(.peer):disabled~*) {
    opacity: .5
  }

  .selection\:text-primary-foreground ::selection,
  .selection\:text-primary-foreground::selection {
    color: var(--primary-foreground)
  }

  .file\:inline-flex::file-selector-button {
    display: inline-flex
  }

  .file\:h-7::file-selector-button {
    height: calc(var(--spacing) * 7)
  }

  .file\:border-0::file-selector-button {
    border-style: var(--tw-border-style);
    border-width: 0
  }

  .file\:bg-transparent::file-selector-button {
    background-color: #0000
  }

  .file\:text-sm::file-selector-button {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
  }

  .file\:font-medium::file-selector-button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
  }

  .file\:text-foreground::file-selector-button {
    color: var(--foreground)
  }

  .placeholder\:text-muted-foreground::placeholder {
    color: var(--muted-foreground)
  }

  .placeholder\:text-pine-green::placeholder {
    color: #2e3a26
  }

  .before\:absolute:before {
    content: var(--tw-content);
    position: absolute
  }

  .before\:left-0:before {
    content: var(--tw-content);
    left: calc(var(--spacing) * 0)
  }

  .before\:content-\[\'–\'\]:before {
    --tw-content: "–";
    content: var(--tw-content)
  }

  .first\:mt-0:first-child {
    margin-top: calc(var(--spacing) * 0)
  }

  @media (hover:hover) {
    .hover\:border-cream:hover {
      border-color: #fff4d6
    }

    .hover\:border-golden:hover {
      border-color: #a68150
    }

    .hover\:border-grey:hover {
      border-color: #979797
    }

    .hover\:bg-\[\#DCDCDC\]\/50:hover {
      background-color: #dcdcdc80;
      background-color: lab(87.761% 0 0/.5)
    }

    .hover\:bg-cream:hover {
      background-color: #fff4d6
    }

    .hover\:bg-cream-dark:hover {
      background-color: #ccbf99
    }

    .hover\:bg-dark-grey:hover {
      background-color: #3c3c3c
    }

    .hover\:bg-green\/40:hover {
      background-color: #60735c66;
      background-color: lab(46.3674% -10.9107 10.3358/.4)
    }

    .hover\:bg-light-grey:hover {
      background-color: #dcdcdc
    }

    .hover\:bg-light-grey\/50:hover {
      background-color: #dcdcdc80;
      background-color: lab(87.761% 0 0/.5)
    }

    .hover\:bg-sand:hover {
      background-color: #f4f0db
    }

    .hover\:text-green:hover {
      color: #60735c
    }

    .hover\:opacity-70:hover {
      opacity: .7
    }
  }

  .focus\:border-green:focus {
    border-color: #60735c
  }

  .focus-visible\:border-cream:focus-visible {
    border-color: #fff4d6
  }

  .focus-visible\:border-light-grey:focus-visible {
    border-color: #dcdcdc
  }

  .focus-visible\:border-ring:focus-visible {
    border-color: var(--ring)
  }

  .focus-visible\:bg-golden:focus-visible {
    background-color: #a68150
  }

  .focus-visible\:ring-0:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(0px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-2:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-\[3px\]:focus-visible {
    --tw-ring-shadow: var(--tw-ring-inset, ) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color, currentcolor);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
  }

  .focus-visible\:ring-ring:focus-visible,
  .focus-visible\:ring-ring\/50:focus-visible {
    --tw-ring-color: var(--ring)
  }

  @supports (color:color-mix(in lab, red, red)) {
    .focus-visible\:ring-ring\/50:focus-visible {
      --tw-ring-color: color-mix(in oklab, var(--ring) 50%, transparent)
    }
  }

  .focus-visible\:ring-offset-2:focus-visible {
    --tw-ring-offset-width: 2px;
    --tw-ring-offset-shadow: var(--tw-ring-inset, ) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color)
  }

  .focus-visible\:outline-none:focus-visible {
    --tw-outline-style: none;
    outline-style: none
  }

  .active\:border-cream-dark:active {
    border-color: #ccbf99
  }

  .active\:bg-\[\#2D2B2B\]:active {
    background-color: #2d2b2b
  }

  .active\:bg-cream-dark:active {
    background-color: #ccbf99
  }

  .active\:bg-golden:active {
    background-color: #a68150
  }

  .active\:bg-green:active {
    background-color: #60735c
  }

  .active\:bg-light-grey:active {
    background-color: #dcdcdc
  }

  .disabled\:pointer-events-none:disabled {
    pointer-events: none
  }

  .disabled\:cursor-not-allowed:disabled {
    cursor: not-allowed
  }

  .disabled\:opacity-50:disabled {
    opacity: .5
  }

  .has-\[\>svg\]\:justify-between:has(>svg) {
    justify-content: space-between
  }

  .has-\[\>svg\]\:px-5:has(>svg) {
    padding-inline: calc(var(--spacing) * 5)
  }

  @media not all and (min-width:1601px) {
    .max-2xl\:-mt-150 {
      margin-top: calc(var(--spacing) * -150)
    }

    .max-2xl\:mb-10 {
      margin-bottom: calc(var(--spacing) * 10)
    }

    .max-2xl\:hidden {
      display: none
    }

    .max-2xl\:min-h-225 {
      min-height: calc(var(--spacing) * 225)
    }

    .max-2xl\:w-1\/2 {
      width: 50%
    }

    .max-2xl\:w-2\/3 {
      width: 66.6667%
    }

    .max-2xl\:w-3\/4 {
      width: 75%
    }

    .max-2xl\:w-3\/5 {
      width: 60%
    }

    .max-2xl\:w-4\/7 {
      width: 57.1429%
    }

    .max-2xl\:w-7\/12 {
      width: 58.3333%
    }

    .max-2xl\:w-11\/12 {
      width: 91.6667%
    }

    .max-2xl\:w-75 {
      width: calc(var(--spacing) * 75)
    }

    .max-2xl\:w-150 {
      width: calc(var(--spacing) * 150)
    }

    .max-2xl\:w-250 {
      width: calc(var(--spacing) * 250)
    }

    .max-2xl\:w-full {
      width: 100%
    }

    .max-2xl\:flex-1 {
      flex: 1
    }

    .max-2xl\:flex-col {
      flex-direction: column
    }

    .max-2xl\:items-start {
      align-items: flex-start
    }

    .max-2xl\:justify-between {
      justify-content: space-between
    }

    .max-2xl\:gap-2 {
      gap: calc(var(--spacing) * 2)
    }

    .max-2xl\:gap-15 {
      gap: calc(var(--spacing) * 15)
    }

    .max-2xl\:gap-20 {
      gap: calc(var(--spacing) * 20)
    }

    :where(.max-2xl\:space-y-10>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
    }

    .max-2xl\:self-end {
      align-self: flex-end
    }

    .max-2xl\:object-\[50\%_70\%\] {
      object-position: 50% 70%
    }

    .max-2xl\:pt-15 {
      padding-top: calc(var(--spacing) * 15)
    }

    .max-2xl\:pt-30 {
      padding-top: calc(var(--spacing) * 30)
    }

    .max-2xl\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15)
    }

    .max-2xl\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }

    .max-2xl\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30)
    }

    .max-2xl\:pl-20 {
      padding-left: calc(var(--spacing) * 20)
    }
  }

  @media not all and (min-width:1441px) {
    .max-xl\:top-10 {
      top: calc(var(--spacing) * 10)
    }

    .max-xl\:top-20 {
      top: calc(var(--spacing) * 20)
    }

    .max-xl\:right-16 {
      right: calc(var(--spacing) * 16)
    }

    .max-xl\:right-28 {
      right: calc(var(--spacing) * 28)
    }

    .max-xl\:bottom-50 {
      bottom: calc(var(--spacing) * 50)
    }

    .max-xl\:left-0 {
      left: calc(var(--spacing) * 0)
    }

    .max-xl\:left-auto {
      left: auto
    }

    .max-xl\:mt-2 {
      margin-top: calc(var(--spacing) * 2)
    }

    .max-xl\:mt-20 {
      margin-top: calc(var(--spacing) * 20)
    }

    .max-xl\:mt-30 {
      margin-top: calc(var(--spacing) * 30)
    }

    .max-xl\:hidden {
      display: none
    }

    .max-xl\:h-14 {
      height: calc(var(--spacing) * 14)
    }

    .max-xl\:min-h-\[18rem\] {
      min-height: 18rem
    }

    .max-xl\:w-1\/2 {
      width: 50%
    }

    .max-xl\:w-1\/3 {
      width: 33.3333%
    }

    .max-xl\:w-2\/3 {
      width: 66.6667%
    }

    .max-xl\:w-3\/5 {
      width: 60%
    }

    .max-xl\:w-4\/5 {
      width: 80%
    }

    .max-xl\:w-5\/12 {
      width: 41.6667%
    }

    .max-xl\:w-6\/12 {
      width: 50%
    }

    .max-xl\:w-7\/12 {
      width: 58.3333%
    }

    .max-xl\:w-56 {
      width: calc(var(--spacing) * 56)
    }

    .max-xl\:w-82 {
      width: calc(var(--spacing) * 82)
    }

    .max-xl\:w-103 {
      width: calc(var(--spacing) * 103)
    }

    .max-xl\:w-120 {
      width: calc(var(--spacing) * 120)
    }

    .max-xl\:w-143 {
      width: calc(var(--spacing) * 143)
    }

    .max-xl\:w-\[45\%\] {
      width: 45%
    }

    .max-xl\:w-\[50vw\] {
      width: 50vw
    }

    .max-xl\:w-\[55\%\] {
      width: 55%
    }

    .max-xl\:w-auto {
      width: auto
    }

    .max-xl\:w-full {
      width: 100%
    }

    .max-xl\:max-w-2\/3 {
      max-width: 66.6667%
    }

    .max-xl\:max-w-full {
      max-width: 100%
    }

    .max-xl\:translate-x-1\/2 {
      --tw-translate-x: calc(1 / 2 * 100%);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-xl\:flex-col {
      flex-direction: column
    }

    .max-xl\:items-end {
      align-items: flex-end
    }

    .max-xl\:items-start {
      align-items: flex-start
    }

    .max-xl\:px-17 {
      padding-inline: calc(var(--spacing) * 17)
    }

    .max-xl\:py-15 {
      padding-block: calc(var(--spacing) * 15)
    }

    .max-xl\:py-20 {
      padding-block: calc(var(--spacing) * 20)
    }

    .max-xl\:pt-0 {
      padding-top: calc(var(--spacing) * 0)
    }

    .max-xl\:pt-8 {
      padding-top: calc(var(--spacing) * 8)
    }

    .max-xl\:pt-30 {
      padding-top: calc(var(--spacing) * 30)
    }

    .max-xl\:pl-17 {
      padding-left: calc(var(--spacing) * 17)
    }

    .max-xl\:text-\[3\.25rem\] {
      font-size: 3.25rem
    }

    .max-xl\:text-\[7\.5rem\] {
      font-size: 7.5rem
    }

    .max-xl\:text-\[8rem\] {
      font-size: 8rem
    }

    .max-xl\:text-\[15rem\] {
      font-size: 15rem
    }
  }

  @media not all and (min-width:1121px) {
    .max-lg\:pointer-events-auto {
      pointer-events: auto
    }

    .max-lg\:pointer-events-none {
      pointer-events: none
    }

    .max-lg\:absolute {
      position: absolute
    }

    .max-lg\:relative {
      position: relative
    }

    .max-lg\:static {
      position: static
    }

    .max-lg\:-top-10 {
      top: calc(var(--spacing) * -10)
    }

    .max-lg\:top-0 {
      top: calc(var(--spacing) * 0)
    }

    .max-lg\:top-1 {
      top: calc(var(--spacing) * 1)
    }

    .max-lg\:top-4 {
      top: calc(var(--spacing) * 4)
    }

    .max-lg\:top-\[50\%\] {
      top: 50%
    }

    .max-lg\:top-\[55\%\] {
      top: 55%
    }

    .max-lg\:top-auto {
      top: auto
    }

    .max-lg\:-right-10 {
      right: calc(var(--spacing) * -10)
    }

    .max-lg\:right-8 {
      right: calc(var(--spacing) * 8)
    }

    .max-lg\:right-9 {
      right: calc(var(--spacing) * 9)
    }

    .max-lg\:right-20 {
      right: calc(var(--spacing) * 20)
    }

    .max-lg\:right-38 {
      right: calc(var(--spacing) * 38)
    }

    .max-lg\:right-auto {
      right: auto
    }

    .max-lg\:bottom-5 {
      bottom: calc(var(--spacing) * 5)
    }

    .max-lg\:bottom-8 {
      bottom: calc(var(--spacing) * 8)
    }

    .max-lg\:bottom-10 {
      bottom: calc(var(--spacing) * 10)
    }

    .max-lg\:bottom-15 {
      bottom: calc(var(--spacing) * 15)
    }

    .max-lg\:bottom-40 {
      bottom: calc(var(--spacing) * 40)
    }

    .max-lg\:left-0 {
      left: calc(var(--spacing) * 0)
    }

    .max-lg\:left-1\/2 {
      left: 50%
    }

    .max-lg\:left-8 {
      left: calc(var(--spacing) * 8)
    }

    .max-lg\:left-9 {
      left: calc(var(--spacing) * 9)
    }

    .max-lg\:left-10 {
      left: calc(var(--spacing) * 10)
    }

    .max-lg\:left-27 {
      left: calc(var(--spacing) * 27)
    }

    .max-lg\:left-36 {
      left: calc(var(--spacing) * 36)
    }

    .max-lg\:z-1 {
      z-index: 1
    }

    .max-lg\:my-4 {
      margin-block: calc(var(--spacing) * 4)
    }

    .max-lg\:-mt-30 {
      margin-top: calc(var(--spacing) * -30)
    }

    .max-lg\:-mt-120 {
      margin-top: calc(var(--spacing) * -120)
    }

    .max-lg\:mt-0 {
      margin-top: calc(var(--spacing) * 0)
    }

    .max-lg\:mt-2 {
      margin-top: calc(var(--spacing) * 2)
    }

    .max-lg\:mt-8 {
      margin-top: calc(var(--spacing) * 8)
    }

    .max-lg\:mt-10 {
      margin-top: calc(var(--spacing) * 10)
    }

    .max-lg\:mt-16 {
      margin-top: calc(var(--spacing) * 16)
    }

    .max-lg\:mt-50 {
      margin-top: calc(var(--spacing) * 50)
    }

    .max-lg\:mt-120 {
      margin-top: calc(var(--spacing) * 120)
    }

    .max-lg\:mb-2 {
      margin-bottom: calc(var(--spacing) * 2)
    }

    .max-lg\:mb-11 {
      margin-bottom: calc(var(--spacing) * 11)
    }

    .max-lg\:mb-40 {
      margin-bottom: calc(var(--spacing) * 40)
    }

    .max-lg\:block {
      display: block
    }

    .max-lg\:flex {
      display: flex
    }

    .max-lg\:hidden {
      display: none
    }

    .max-lg\:aspect-square {
      aspect-ratio: 1
    }

    .max-lg\:h-32 {
      height: calc(var(--spacing) * 32)
    }

    .max-lg\:h-51 {
      height: calc(var(--spacing) * 51)
    }

    .max-lg\:h-52 {
      height: calc(var(--spacing) * 52)
    }

    .max-lg\:h-54 {
      height: calc(var(--spacing) * 54)
    }

    .max-lg\:h-55 {
      height: calc(var(--spacing) * 55)
    }

    .max-lg\:h-70 {
      height: calc(var(--spacing) * 70)
    }

    .max-lg\:h-75 {
      height: calc(var(--spacing) * 75)
    }

    .max-lg\:h-80 {
      height: calc(var(--spacing) * 80)
    }

    .max-lg\:h-\[30vh\] {
      height: 30vh
    }

    .max-lg\:h-\[50vh\] {
      height: 50vh
    }

    .max-lg\:h-\[calc\(100\%\+10rem\)\] {
      height: calc(100% + 10rem)
    }

    .max-lg\:h-auto {
      height: auto
    }

    .max-lg\:h-full {
      height: 100%
    }

    .max-lg\:min-h-13 {
      min-height: calc(var(--spacing) * 13)
    }

    .max-lg\:min-h-\[10rem\] {
      min-height: 10rem
    }

    .max-lg\:w-1\/2 {
      width: 50%
    }

    .max-lg\:w-1\/3 {
      width: 33.3333%
    }

    .max-lg\:w-1\/6 {
      width: 16.6667%
    }

    .max-lg\:w-2\/3 {
      width: 66.6667%
    }

    .max-lg\:w-3\/4 {
      width: 75%
    }

    .max-lg\:w-4\/5 {
      width: 80%
    }

    .max-lg\:w-5\/6 {
      width: 83.3333%
    }

    .max-lg\:w-5\/12 {
      width: 41.6667%
    }

    .max-lg\:w-6\/7 {
      width: 85.7143%
    }

    .max-lg\:w-42 {
      width: calc(var(--spacing) * 42)
    }

    .max-lg\:w-45 {
      width: calc(var(--spacing) * 45)
    }

    .max-lg\:w-51 {
      width: calc(var(--spacing) * 51)
    }

    .max-lg\:w-53 {
      width: calc(var(--spacing) * 53)
    }

    .max-lg\:w-58 {
      width: calc(var(--spacing) * 58)
    }

    .max-lg\:w-60 {
      width: calc(var(--spacing) * 60)
    }

    .max-lg\:w-62 {
      width: calc(var(--spacing) * 62)
    }

    .max-lg\:w-63 {
      width: calc(var(--spacing) * 63)
    }

    .max-lg\:w-95 {
      width: calc(var(--spacing) * 95)
    }

    .max-lg\:w-100 {
      width: calc(var(--spacing) * 100)
    }

    .max-lg\:w-125 {
      width: calc(var(--spacing) * 125)
    }

    .max-lg\:w-\[150\%\] {
      width: 150%
    }

    .max-lg\:w-\[calc\(100\%-4\.5rem\)\] {
      width: calc(100% - 4.5rem)
    }

    .max-lg\:w-auto {
      width: auto
    }

    .max-lg\:w-full {
      width: 100%
    }

    .max-lg\:w-screen {
      width: 100vw
    }

    .max-lg\:max-w-60 {
      max-width: calc(var(--spacing) * 60)
    }

    .max-lg\:max-w-113 {
      max-width: calc(var(--spacing) * 113)
    }

    .max-lg\:max-w-full {
      max-width: 100%
    }

    .max-lg\:min-w-400 {
      min-width: calc(var(--spacing) * 400)
    }

    .max-lg\:flex-1 {
      flex: 1
    }

    .max-lg\:-translate-x-1\/2 {
      --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-lg\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-lg\:translate-x-25 {
      --tw-translate-x: calc(var(--spacing) * 25);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-lg\:translate-y-full {
      --tw-translate-y: 100%;
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-lg\:flex-col {
      flex-direction: column
    }

    .max-lg\:flex-col-reverse {
      flex-direction: column-reverse
    }

    .max-lg\:flex-wrap {
      flex-wrap: wrap
    }

    .max-lg\:items-center {
      align-items: center
    }

    .max-lg\:items-start {
      align-items: flex-start
    }

    .max-lg\:justify-between {
      justify-content: space-between
    }

    .max-lg\:justify-end {
      justify-content: flex-end
    }

    .max-lg\:justify-start {
      justify-content: flex-start
    }

    .max-lg\:gap-0 {
      gap: calc(var(--spacing) * 0)
    }

    .max-lg\:gap-2 {
      gap: calc(var(--spacing) * 2)
    }

    .max-lg\:gap-5 {
      gap: calc(var(--spacing) * 5)
    }

    .max-lg\:gap-15 {
      gap: calc(var(--spacing) * 15)
    }

    .max-lg\:gap-20 {
      gap: calc(var(--spacing) * 20)
    }

    .max-lg\:gap-30 {
      gap: calc(var(--spacing) * 30)
    }

    .max-lg\:gap-35 {
      gap: calc(var(--spacing) * 35)
    }

    :where(.max-lg\:space-y-0>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 0) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.max-lg\:space-y-8>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.max-lg\:space-y-10>:not(:last-child)) {
      --tw-space-y-reverse: 0;
      margin-block-start: calc(calc(var(--spacing) * 10) * var(--tw-space-y-reverse));
      margin-block-end: calc(calc(var(--spacing) * 10) * calc(1 - var(--tw-space-y-reverse)))
    }

    :where(.max-lg\:space-x-0>:not(:last-child)) {
      --tw-space-x-reverse: 0;
      margin-inline-start: calc(calc(var(--spacing) * 0) * var(--tw-space-x-reverse));
      margin-inline-end: calc(calc(var(--spacing) * 0) * calc(1 - var(--tw-space-x-reverse)))
    }

    .max-lg\:gap-y-10 {
      row-gap: calc(var(--spacing) * 10)
    }

    .max-lg\:gap-y-22 {
      row-gap: calc(var(--spacing) * 22)
    }

    .max-lg\:self-end {
      align-self: flex-end
    }

    .max-lg\:rounded-2xl {
      border-radius: calc(var(--radius) + 8px)
    }

    .max-lg\:border-t-0 {
      border-top-style: var(--tw-border-style);
      border-top-width: 0
    }

    .max-lg\:bg-navy {
      background-color: #314759
    }

    .max-lg\:bg-\[radial-gradient\(at_right_bottom\,\#3E562E\,\#2F3A26\)\] {
      background-image: radial-gradient(at 100% 100%, #3e562e, #2f3a26)
    }

    .max-lg\:bg-\[radial-gradient\(at_right_bottom\,\#595858\,\#3c3c3c\)\] {
      background-image: radial-gradient(at 100% 100%, #595858, #3c3c3c)
    }

    .max-lg\:bg-none {
      background-image: none
    }

    .max-lg\:object-cover {
      object-fit: cover
    }

    .max-lg\:object-\[70\%_80\%\] {
      object-position: 70% 80%
    }

    .max-lg\:object-\[75\%_0\%\] {
      object-position: 75% 0%
    }

    .max-lg\:object-right {
      object-position: right
    }

    .max-lg\:px-0 {
      padding-inline: calc(var(--spacing) * 0)
    }

    .max-lg\:px-4 {
      padding-inline: calc(var(--spacing) * 4)
    }

    .max-lg\:px-8 {
      padding-inline: calc(var(--spacing) * 8)
    }

    .max-lg\:px-9 {
      padding-inline: calc(var(--spacing) * 9)
    }

    .max-lg\:px-10 {
      padding-inline: calc(var(--spacing) * 10)
    }

    .max-lg\:py-0 {
      padding-block: calc(var(--spacing) * 0)
    }

    .max-lg\:py-0\.5 {
      padding-block: calc(var(--spacing) * .5)
    }

    .max-lg\:py-4 {
      padding-block: calc(var(--spacing) * 4)
    }

    .max-lg\:py-8 {
      padding-block: calc(var(--spacing) * 8)
    }

    .max-lg\:py-10 {
      padding-block: calc(var(--spacing) * 10)
    }

    .max-lg\:py-15 {
      padding-block: calc(var(--spacing) * 15)
    }

    .max-lg\:pt-0 {
      padding-top: calc(var(--spacing) * 0)
    }

    .max-lg\:pt-2 {
      padding-top: calc(var(--spacing) * 2)
    }

    .max-lg\:pt-6 {
      padding-top: calc(var(--spacing) * 6)
    }

    .max-lg\:pt-10 {
      padding-top: calc(var(--spacing) * 10)
    }

    .max-lg\:pt-20 {
      padding-top: calc(var(--spacing) * 20)
    }

    .max-lg\:pt-30 {
      padding-top: calc(var(--spacing) * 30)
    }

    .max-lg\:pt-35 {
      padding-top: calc(var(--spacing) * 35)
    }

    .max-lg\:pt-40 {
      padding-top: calc(var(--spacing) * 40)
    }

    .max-lg\:pt-50 {
      padding-top: calc(var(--spacing) * 50)
    }

    .max-lg\:pt-55 {
      padding-top: calc(var(--spacing) * 55)
    }

    .max-lg\:pt-60 {
      padding-top: calc(var(--spacing) * 60)
    }

    .max-lg\:pt-\[40vh\] {
      padding-top: 40vh
    }

    .max-lg\:pr-0 {
      padding-right: calc(var(--spacing) * 0)
    }

    .max-lg\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0)
    }

    .max-lg\:pb-6 {
      padding-bottom: calc(var(--spacing) * 6)
    }

    .max-lg\:pb-8 {
      padding-bottom: calc(var(--spacing) * 8)
    }

    .max-lg\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10)
    }

    .max-lg\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15)
    }

    .max-lg\:pb-18 {
      padding-bottom: calc(var(--spacing) * 18)
    }

    .max-lg\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }

    .max-lg\:pb-30 {
      padding-bottom: calc(var(--spacing) * 30)
    }

    .max-lg\:pb-35 {
      padding-bottom: calc(var(--spacing) * 35)
    }

    .max-lg\:pb-40 {
      padding-bottom: calc(var(--spacing) * 40)
    }

    .max-lg\:pb-45 {
      padding-bottom: calc(var(--spacing) * 45)
    }

    .max-lg\:pb-80 {
      padding-bottom: calc(var(--spacing) * 80)
    }

    .max-lg\:pl-0 {
      padding-left: calc(var(--spacing) * 0)
    }

    .max-lg\:pl-4 {
      padding-left: calc(var(--spacing) * 4)
    }

    .max-lg\:pl-9 {
      padding-left: calc(var(--spacing) * 9)
    }

    .max-lg\:pl-10 {
      padding-left: calc(var(--spacing) * 10)
    }

    .max-lg\:text-center {
      text-align: center
    }

    .max-lg\:text-left {
      text-align: left
    }

    .max-lg\:font-sans {
      font-family: var(--font-workSans)
    }

    .max-lg\:text-base {
      font-size: var(--text-base);
      line-height: var(--tw-leading, var(--text-base--line-height))
    }

    .max-lg\:text-\[3\.5rem\] {
      font-size: 3.5rem
    }

    .max-lg\:text-\[3rem\] {
      font-size: 3rem
    }

    .max-lg\:text-\[5\.25rem\] {
      font-size: 5.25rem
    }

    .max-lg\:text-\[5\.375rem\] {
      font-size: 5.375rem
    }

    .max-lg\:text-\[6\.5rem\] {
      font-size: 6.5rem
    }

    .max-lg\:text-\[12\.5rem\] {
      font-size: 12.5rem
    }

    .max-lg\:leading-\[1\.2em\] {
      --tw-leading: 1.2em;
      line-height: 1.2em
    }

    .max-lg\:font-normal {
      --tw-font-weight: var(--font-weight-normal);
      font-weight: var(--font-weight-normal)
    }

    .max-lg\:whitespace-normal {
      white-space: normal
    }

    .max-lg\:not-italic {
      font-style: normal
    }

    .max-lg\:opacity-100 {
      opacity: 1
    }
  }

  @media not all and (min-width:601px) {

    .max-md\:relative {
      position: relative
    }

    .max-md\:-top-40 {
      top: calc(var(--spacing) * -40)
    }

    .max-md\:-top-80 {
      top: calc(var(--spacing) * -80)
    }

    .max-md\:top-0 {
      top: calc(var(--spacing) * 0)
    }

    .max-md\:top-1\/2 {
      top: 50%
    }

    .max-md\:top-18 {
      top: calc(var(--spacing) * 18)
    }

    .max-md\:top-27 {
      top: calc(var(--spacing) * 27)
    }

    .max-md\:top-\[47\%\] {
      top: 47%
    }

    .max-md\:top-\[calc\(100dvh-5\.25rem\)\] {
      top: calc(100dvh - 5.25rem)
    }

    .max-md\:top-auto {
      top: auto
    }

    .max-md\:right-0 {
      right: calc(var(--spacing) * 0)
    }

    .max-md\:right-auto {
      right: auto
    }

    .max-md\:bottom-0 {
      bottom: calc(var(--spacing) * 0)
    }

    .max-md\:bottom-10 {
      bottom: calc(var(--spacing) * 10)
    }

    .max-md\:bottom-15 {
      bottom: calc(var(--spacing) * 15)
    }

    .max-md\:bottom-32 {
      bottom: calc(var(--spacing) * 32)
    }

    .max-md\:bottom-auto {
      bottom: auto
    }

    .max-md\:left-0 {
      left: calc(var(--spacing) * 0)
    }

    .max-md\:left-6 {
      left: calc(var(--spacing) * 6)
    }

    .max-md\:left-auto {
      left: auto
    }

    .max-md\:col-span-2 {
      grid-column: span 2/span 2
    }

    .max-md\:mx-auto {
      margin-inline: auto
    }

    .max-md\:-mt-70 {
      margin-top: calc(var(--spacing) * -70)
    }

    .max-md\:mt-0 {
      margin-top: calc(var(--spacing) * 0)
    }

    .max-md\:mt-4 {
      margin-top: calc(var(--spacing) * 4)
    }

    .max-md\:mt-10 {
      margin-top: calc(var(--spacing) * 10)
    }

    .max-md\:mt-15 {
      margin-top: calc(var(--spacing) * 15)
    }

    .max-md\:mt-30 {
      margin-top: calc(var(--spacing) * 30)
    }

    .max-md\:mb-0 {
      margin-bottom: calc(var(--spacing) * 0)
    }

    .max-md\:mb-14 {
      margin-bottom: calc(var(--spacing) * 14)
    }

    .max-md\:ml-0 {
      margin-left: calc(var(--spacing) * 0)
    }

    .max-md\:block {
      display: block
    }

    .max-md\:flex {
      display: flex
    }

    .max-md\:hidden {
      display: none
    }

    .max-md\:aspect-1\/1\.5 {
      aspect-ratio: 1/1.5
    }

    .max-md\:aspect-\[1\/1\.35\] {
      aspect-ratio: 1/1.35
    }

    .max-md\:size-6 {
      width: calc(var(--spacing) * 6);
      height: calc(var(--spacing) * 6)
    }

    .max-md\:h-9\/10 {
      height: 90%
    }

    .max-md\:h-12 {
      height: calc(var(--spacing) * 12)
    }

    .max-md\:h-12\.5 {
      height: calc(var(--spacing) * 12.5)
    }

    .max-md\:h-14 {
      height: calc(var(--spacing) * 14)
    }

    .max-md\:h-33 {
      height: calc(var(--spacing) * 33)
    }

    .max-md\:h-36 {
      height: calc(var(--spacing) * 36)
    }

    .max-md\:h-42 {
      height: calc(var(--spacing) * 42)
    }

    .max-md\:h-43 {
      height: calc(var(--spacing) * 43)
    }

    .max-md\:h-45 {
      height: calc(var(--spacing) * 45)
    }

    .max-md\:h-46 {
      height: calc(var(--spacing) * 46)
    }

    .max-md\:h-47 {
      height: calc(var(--spacing) * 47)
    }

    .max-md\:h-85 {
      height: calc(var(--spacing) * 85)
    }

    .max-md\:h-105 {
      height: calc(var(--spacing) * 105)
    }

    .max-md\:h-110 {
      height: calc(var(--spacing) * 110)
    }

    .max-md\:h-\[34rem\] {
      height: 34rem
    }

    .max-md\:h-\[60\%\] {
      height: 60%
    }

    .max-md\:h-\[calc\(34rem\+20\.5rem\)\] {
      height: 54.5rem
    }

    .max-md\:h-\[calc\(34rem\+21\.5rem\)\] {
      height: 55.5rem
    }

    .max-md\:h-\[calc\(100\%\+10rem\)\] {
      height: calc(100% + 10rem)
    }

    .max-md\:h-\[calc\(100\%-21\.5rem\)\] {
      height: calc(100% - 21.5rem)
    }

    .max-md\:h-auto {
      height: auto
    }

    .max-md\:min-h-auto {
      min-height: auto
    }

    .max-md\:w-3 {
      width: calc(var(--spacing) * 3)
    }

    .max-md\:w-3\/4 {
      width: 75%
    }

    .max-md\:w-12 {
      width: calc(var(--spacing) * 12)
    }

    .max-md\:w-14 {
      width: calc(var(--spacing) * 14)
    }

    .max-md\:w-25 {
      width: calc(var(--spacing) * 25)
    }

    .max-md\:w-37 {
      width: calc(var(--spacing) * 37)
    }

    .max-md\:w-39 {
      width: calc(var(--spacing) * 39)
    }

    .max-md\:w-41 {
      width: calc(var(--spacing) * 41)
    }

    .max-md\:w-54 {
      width: calc(var(--spacing) * 54)
    }

    .max-md\:w-56 {
      width: calc(var(--spacing) * 56)
    }

    .max-md\:w-60 {
      width: calc(var(--spacing) * 60)
    }

    .max-md\:w-75 {
      width: calc(var(--spacing) * 75)
    }

    .max-md\:w-85 {
      width: calc(var(--spacing) * 85)
    }

    .max-md\:w-150 {
      width: calc(var(--spacing) * 150)
    }

    .max-md\:w-\[85\%\] {
      width: 85%
    }

    .max-md\:w-\[110\%\] {
      width: 110%
    }

    .max-md\:w-\[calc\(100\%-3rem\)\] {
      width: calc(100% - 3rem)
    }

    .max-md\:w-full {
      width: 100%
    }

    .max-md\:max-w-full {
      max-width: 100%
    }

    .max-md\:max-w-none {
      max-width: none
    }

    .max-md\:min-w-210 {
      min-width: calc(var(--spacing) * 210)
    }

    .max-md\:flex-0 {
      flex: 0
    }

    .max-md\:flex-1 {
      flex: 1
    }

    .max-md\:translate-x-0 {
      --tw-translate-x: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-md\:translate-y-0 {
      --tw-translate-y: calc(var(--spacing) * 0);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-md\:translate-y-40 {
      --tw-translate-y: calc(var(--spacing) * 40);
      translate: var(--tw-translate-x) var(--tw-translate-y)
    }

    .max-md\:scale-100 {
      --tw-scale-x: 100%;
      --tw-scale-y: 100%;
      --tw-scale-z: 100%;
      scale: var(--tw-scale-x) var(--tw-scale-y)
    }

    .max-md\:grid-cols-1 {
      grid-template-columns: repeat(1, minmax(0, 1fr))
    }

    .max-md\:grid-rows-\[1fr\] {
      grid-template-rows: 1fr
    }

    .max-md\:flex-col {
      flex-direction: column
    }

    .max-md\:flex-col-reverse {
      flex-direction: column-reverse
    }

    .max-md\:flex-row-reverse {
      flex-direction: row-reverse
    }

    .max-md\:flex-wrap {
      flex-wrap: wrap
    }

    .max-md\:items-center {
      align-items: center
    }

    .max-md\:items-start {
      align-items: flex-start
    }

    .max-md\:justify-between {
      justify-content: space-between
    }

    .max-md\:justify-center {
      justify-content: center
    }

    .max-md\:justify-end {
      justify-content: flex-end
    }

    .max-md\:justify-start {
      justify-content: flex-start
    }

    .max-md\:gap-1 {
      gap: calc(var(--spacing) * 1)
    }

    .max-md\:gap-3 {
      gap: calc(var(--spacing) * 3)
    }

    .max-md\:gap-4 {
      gap: calc(var(--spacing) * 4)
    }

    .max-md\:gap-5 {
      gap: calc(var(--spacing) * 5)
    }

    .max-md\:gap-6 {
      gap: calc(var(--spacing) * 6)
    }

    .max-md\:gap-7 {
      gap: calc(var(--spacing) * 7)
    }

    .max-md\:gap-8 {
      gap: calc(var(--spacing) * 8)
    }

    .max-md\:gap-10 {
      gap: calc(var(--spacing) * 10)
    }

    .max-md\:gap-12 {
      gap: calc(var(--spacing) * 12)
    }

    .max-md\:gap-15 {
      gap: calc(var(--spacing) * 15)
    }

    .max-md\:gap-20 {
      gap: calc(var(--spacing) * 20)
    }

    .max-md\:gap-25 {
      gap: calc(var(--spacing) * 25)
    }

    .max-md\:gap-y-12\! {
      row-gap: calc(var(--spacing) * 12) !important
    }

    .max-md\:self-end {
      align-self: flex-end
    }

    .max-md\:overflow-y-hidden {
      overflow-y: hidden
    }

    .max-md\:border-t {
      border-top-style: var(--tw-border-style);
      border-top-width: 1px
    }

    .max-md\:border-green {
      border-color: #60735c
    }

    .max-md\:bg-navy {
      background-color: #314759
    }

    .max-md\:from-0\% {
      --tw-gradient-from-position: 0%
    }

    .max-md\:bg-position-\[70\%\]\! {
      background-position: 70% !important
    }

    .max-md\:object-\[60\%_50\%\] {
      object-position: 60% 50%
    }

    .max-md\:object-\[70\%_50\%\] {
      object-position: 70% 50%
    }

    .max-md\:px-0 {
      padding-inline: calc(var(--spacing) * 0)
    }

    .max-md\:px-4 {
      padding-inline: calc(var(--spacing) * 4)
    }

    .max-md\:px-6 {
      padding-inline: calc(var(--spacing) * 6)
    }

    .max-md\:py-0 {
      padding-block: calc(var(--spacing) * 0)
    }

    .max-md\:py-2 {
      padding-block: calc(var(--spacing) * 2)
    }

    .max-md\:py-3 {
      padding-block: calc(var(--spacing) * 3)
    }

    .max-md\:py-10 {
      padding-block: calc(var(--spacing) * 10)
    }

    .max-md\:pt-0 {
      padding-top: calc(var(--spacing) * 0)
    }

    .max-md\:pt-4 {
      padding-top: calc(var(--spacing) * 4)
    }

    .max-md\:pt-5 {
      padding-top: calc(var(--spacing) * 5)
    }

    .max-md\:pt-10 {
      padding-top: calc(var(--spacing) * 10)
    }

    .max-md\:pt-20 {
      padding-top: calc(var(--spacing) * 20)
    }

    .max-md\:pt-23 {
      padding-top: calc(var(--spacing) * 23)
    }

    .max-md\:pt-27 {
      padding-top: calc(var(--spacing) * 27)
    }

    .max-md\:pt-30 {
      padding-top: calc(var(--spacing) * 30)
    }

    .max-md\:pb-0 {
      padding-bottom: calc(var(--spacing) * 0)
    }

    .max-md\:pb-2 {
      padding-bottom: calc(var(--spacing) * 2)
    }

    .max-md\:pb-5 {
      padding-bottom: calc(var(--spacing) * 5)
    }

    .max-md\:pb-10 {
      padding-bottom: calc(var(--spacing) * 10)
    }

    .max-md\:pb-15 {
      padding-bottom: calc(var(--spacing) * 15)
    }

    .max-md\:pb-20 {
      padding-bottom: calc(var(--spacing) * 20)
    }

    .max-md\:pb-26 {
      padding-bottom: calc(var(--spacing) * 26)
    }

    .max-md\:pb-\[20\.5rem\] {
      padding-bottom: 20.5rem
    }

    .max-md\:pb-\[21\.5rem\] {
      padding-bottom: 21.5rem
    }

    .max-md\:pl-0 {
      padding-left: calc(var(--spacing) * 0)
    }

    .max-md\:pl-6 {
      padding-left: calc(var(--spacing) * 6)
    }

    .max-md\:text-center {
      text-align: center
    }

    .max-md\:text-\[0\.625rem\] {
      font-size: .625rem
    }

    .max-md\:text-\[2\.7rem\] {
      font-size: 2.7rem
    }

    .max-md\:text-\[2\.25rem\] {
      font-size: 2.25rem
    }

    .max-md\:text-\[2\.375rem\] {
      font-size: 2.375rem
    }

    .max-md\:text-\[2rem\] {
      font-size: 2rem
    }

    .max-md\:text-\[3rem\] {
      font-size: 3rem
    }

    .max-md\:text-\[17vw\] {
      font-size: 17vw
    }

    .max-md\:not-italic {
      font-style: normal
    }

    .max-md\:transition-none {
      transition-property: none
    }
  }

  @media not all and (min-width:481px) {
    .max-sm\:w-2\/3 {
      width: 66.6667%
    }
  }

  @media (min-width:601px) {
    .md\:hidden {
      display: none
    }
  }

  .\[\&_svg\]\:pointer-events-none svg {
    pointer-events: none
  }

  .\[\&_svg\]\:shrink-0 svg {
    flex-shrink: 0
  }

  .\[\&_svg\]\:text-\[\#797878\] svg {
    color: #797878
  }

  .\[\&_svg\]\:text-dark-grey svg {
    color: #3c3c3c
  }

  .\[\&_svg\]\:text-golden svg {
    color: #a68150
  }

  .\[\&_svg\]\:text-green svg {
    color: #60735c
  }

  .\[\&_svg\]\:transition-all svg {
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, .65s)
  }

  .active\:\[\&_svg\]\:text-cream-dark:active svg {
    color: #ccbf99
  }

  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]) {
    width: calc(var(--spacing) * 4);
    height: calc(var(--spacing) * 4)
  }

  .\[\&_svg\:not\(\[class\*\=\'text-\'\]\)\]\:text-muted-foreground svg:not([class*=text-]) {
    color: var(--muted-foreground)
  }
}

@property --tw-animation-delay {
  syntax: "*";
  inherits: false;
  initial-value: 0s
}

@property --tw-animation-direction {
  syntax: "*";
  inherits: false;
  initial-value: normal
}

@property --tw-animation-duration {
  syntax: "*";
  inherits: false
}

@property --tw-animation-fill-mode {
  syntax: "*";
  inherits: false;
  initial-value: none
}

@property --tw-animation-iteration-count {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-enter-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-enter-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-enter-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-enter-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-enter-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-enter-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-exit-blur {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-exit-opacity {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-exit-rotate {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-exit-scale {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-exit-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-exit-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

html body[data-scroll-locked]:not([data-menu-open]) {
  margin-right: 0 !important;
  overflow: auto !important
}

body[data-menu-open] {
  overflow: hidden
}

body {
  font-family: var(--font-sans), Arial, Helvetica, sans-serif
}

:root {
  --radius: .625rem;
  --background: var(--color-vanilla);
  --foreground: var(--color-pine-green);
  --card: #fff;
  --card-foreground: #0a0a0a;
  --popover: #fff;
  --popover-foreground: #0a0a0a;
  --primary: #171717;
  --primary-foreground: #fafafa;
  --secondary: #f5f5f5;
  --secondary-foreground: #171717;
  --muted: #f5f5f5;
  --muted-foreground: #737373;
  --accent: #f5f5f5;
  --accent-foreground: #171717;
  --destructive: #e40014;
  --border: #e5e5e5;
  --input: #e5e5e5;
  --ring: #a1a1a1;
  --chart-1: #f05100;
  --chart-2: #009588;
  --chart-3: #104e64;
  --chart-4: #fcbb00;
  --chart-5: #f99c00;
  --sidebar: #fafafa;
  --sidebar-foreground: #0a0a0a;
  --sidebar-primary: #171717;
  --sidebar-primary-foreground: #fafafa;
  --sidebar-accent: #f5f5f5;
  --sidebar-accent-foreground: #171717;
  --sidebar-border: #e5e5e5;
  --sidebar-ring: #a1a1a1
}

@supports (color:lab(0% 0 0)) {
  :root {
    --card: lab(100% 0 0);
    --card-foreground: lab(2.75381% 0 0);
    --popover: lab(100% 0 0);
    --popover-foreground: lab(2.75381% 0 0);
    --primary: lab(7.78201% -.0000149012 0);
    --primary-foreground: lab(98.26% 0 0);
    --secondary: lab(96.52% -.0000298023 .0000119209);
    --secondary-foreground: lab(7.78201% -.0000149012 0);
    --muted: lab(96.52% -.0000298023 .0000119209);
    --muted-foreground: lab(48.496% 0 0);
    --accent: lab(96.52% -.0000298023 .0000119209);
    --accent-foreground: lab(7.78201% -.0000149012 0);
    --destructive: lab(48.4493% 77.4328 61.5452);
    --border: lab(90.952% 0 -.0000119209);
    --input: lab(90.952% 0 -.0000119209);
    --ring: lab(66.128% -.0000298023 .0000119209);
    --chart-1: lab(57.1026% 64.2584 89.8886);
    --chart-2: lab(55.0223% -41.0774 -3.90277);
    --chart-3: lab(30.372% -13.1853 -18.7887);
    --chart-4: lab(80.1641% 16.6016 99.2089);
    --chart-5: lab(72.7183% 31.8672 97.9407);
    --sidebar: lab(98.26% 0 0);
    --sidebar-foreground: lab(2.75381% 0 0);
    --sidebar-primary: lab(7.78201% -.0000149012 0);
    --sidebar-primary-foreground: lab(98.26% 0 0);
    --sidebar-accent: lab(96.52% -.0000298023 .0000119209);
    --sidebar-accent-foreground: lab(7.78201% -.0000149012 0);
    --sidebar-border: lab(90.952% 0 -.0000119209);
    --sidebar-ring: lab(66.128% -.0000298023 .0000119209)
  }
}

html {
  font-size: .625vw
}

@media (max-width:2560px) {
  html {
    font-size: 16px
  }
}

@media (max-width:1920px) {
  html {
    font-size: .83vw
  }
}

@media (max-width:1440px) {
  html {
    font-size: 1.11vw
  }
}

@media (max-width:1120px) {
  html {
    font-size: 2.08vw
  }
}

@media (max-width:850px) {
  html {
    font-size: 2.08vw
  }
}

@media (max-width:600px) {
  html {
    font-size: 4.1vw
  }
}

@property --tw-translate-x {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-y {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-translate-z {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-scale-x {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-y {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-scale-z {
  syntax: "*";
  inherits: false;
  initial-value: 1
}

@property --tw-rotate-x {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-y {
  syntax: "*";
  inherits: false
}

@property --tw-rotate-z {
  syntax: "*";
  inherits: false
}

@property --tw-skew-x {
  syntax: "*";
  inherits: false
}

@property --tw-skew-y {
  syntax: "*";
  inherits: false
}

@property --tw-space-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-space-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-divide-x-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-border-style {
  syntax: "*";
  inherits: false;
  initial-value: solid
}

@property --tw-divide-y-reverse {
  syntax: "*";
  inherits: false;
  initial-value: 0
}

@property --tw-gradient-position {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-via {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-to {
  syntax: "<color>";
  inherits: false;
  initial-value: #0000
}

@property --tw-gradient-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-via-stops {
  syntax: "*";
  inherits: false
}

@property --tw-gradient-from-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 0%
}

@property --tw-gradient-via-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 50%
}

@property --tw-gradient-to-position {
  syntax: "<length-percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-leading {
  syntax: "*";
  inherits: false
}

@property --tw-font-weight {
  syntax: "*";
  inherits: false
}

@property --tw-tracking {
  syntax: "*";
  inherits: false
}

@property --tw-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-inset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-inset-ring-color {
  syntax: "*";
  inherits: false
}

@property --tw-inset-ring-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-ring-inset {
  syntax: "*";
  inherits: false
}

@property --tw-ring-offset-width {
  syntax: "<length>";
  inherits: false;
  initial-value: 0
}

@property --tw-ring-offset-color {
  syntax: "*";
  inherits: false;
  initial-value: #fff
}

@property --tw-ring-offset-shadow {
  syntax: "*";
  inherits: false;
  initial-value: 0 0 #0000
}

@property --tw-blur {
  syntax: "*";
  inherits: false
}

@property --tw-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-invert {
  syntax: "*";
  inherits: false
}

@property --tw-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-color {
  syntax: "*";
  inherits: false
}

@property --tw-drop-shadow-alpha {
  syntax: "<percentage>";
  inherits: false;
  initial-value: 100%
}

@property --tw-drop-shadow-size {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-blur {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-brightness {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-contrast {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-grayscale {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-hue-rotate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-invert {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-opacity {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-saturate {
  syntax: "*";
  inherits: false
}

@property --tw-backdrop-sepia {
  syntax: "*";
  inherits: false
}

@property --tw-duration {
  syntax: "*";
  inherits: false
}

@property --tw-ease {
  syntax: "*";
  inherits: false
}

@property --tw-content {
  syntax: "*";
  inherits: false;
  initial-value: ""
}

@keyframes spin {
  to {
    transform: rotate(360deg)
  }
}

@keyframes enter {
  0% {
    opacity: var(--tw-enter-opacity, 1);
    transform: translate3d(var(--tw-enter-translate-x, 0), var(--tw-enter-translate-y, 0), 0)scale3d(var(--tw-enter-scale, 1), var(--tw-enter-scale, 1), var(--tw-enter-scale, 1))rotate(var(--tw-enter-rotate, 0));
    filter: blur(var(--tw-enter-blur, 0))
  }
}

@keyframes exit {
  to {
    opacity: var(--tw-exit-opacity, 1);
    transform: translate3d(var(--tw-exit-translate-x, 0), var(--tw-exit-translate-y, 0), 0)scale3d(var(--tw-exit-scale, 1), var(--tw-exit-scale, 1), var(--tw-exit-scale, 1))rotate(var(--tw-exit-rotate, 0));
    filter: blur(var(--tw-exit-blur, 0))
  }
}

\n.keen-slider:not([data-keen-slider-disabled]) {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: transparent;
  touch-action: pan-y;
  -webkit-user-select: none;
  user-select: none;
  -khtml-user-select: none;
  align-content: flex-start;
  width: 100%;
  display: flex;
  position: relative;
  overflow: hidden
}

.keen-slider:not([data-keen-slider-disabled]) .keen-slider__slide {
  width: 100%;
  min-height: 100%;
  position: relative;
  overflow: hidden
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-reverse] {
  flex-direction: row-reverse
}

.keen-slider:not([data-keen-slider-disabled])[data-keen-slider-v] {
  flex-wrap: wrap
}

\n

/* Conversion overrides: keep the exported visual language while running inside a fresh Next app. */
:root {
  --font-workSans: "Work Sans", Arial, Helvetica, sans-serif;
  --font-editorialOld: "editorialOld", Georgia, "Times New Roman", serif;
}

html,
body {
  overflow-x: clip;
}

.legacy-template-page footer {
  color: #153932;
  overflow: clip;
  background:
    linear-gradient(180deg, #fdfbef 0%, #edf4ee 24%, #cde0e2 58%, #9fc4d8 100%),
    #d8e8e8;
}

.legacy-template-page footer a {
  color: inherit;
  text-decoration: none;
}

.legacy-template-page footer a:hover,
.legacy-template-page footer a:focus-visible {
  color: #60735c;
}

.legacy-template-page footer a:focus-visible,
.legacy-template-page footer button:focus-visible,
.legacy-template-page footer input:focus-visible {
  outline: none;
  outline-offset: 0px;
}

.legacy-template-page footer .wrapper.pt-25 {
  position: relative;
  z-index: 3;
  padding-top: clamp(7rem, 10vh, 9rem);
}

.legacy-template-page footer .content {
  align-items: flex-start;
}

.legacy-template-page footer .content > div:first-child {
  flex: 0 0 min(42%, 39rem);
  max-width: 39rem;
}

.legacy-template-page footer .content > div:first-child .heading-2 {
  font-size: clamp(2.75rem, 3.15vw, 3.55rem);
  line-height: 0.98;
  letter-spacing: 0;
}

.legacy-template-page footer form {
  width: min(100%, 25.75rem) !important;
  gap: 1.1rem;
  margin-top: clamp(2.5rem, 4vw, 3.25rem);
}

.legacy-template-page footer form > label span {
  max-width: 24rem;
  line-height: 1.45;
}

.legacy-template-page footer .content a.paragraph,
.legacy-template-page footer .content li a.paragraph {
  color: #153932;
  text-decoration: none;
}

.legacy-template-page footer .content .text-golden,
.legacy-template-page footer .content a.detail {
  color: #704313 !important;
  font-weight: 500;
}

.legacy-template-page footer .link {
  color: #153932;
  text-decoration-line: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 0.28em;
}

.legacy-template-page footer .link:hover,
.legacy-template-page footer .link:focus-visible {
  color: #60735c;
}

.legacy-template-page footer input {
  color: #153932;
}

.legacy-template-page footer form input:not([type="checkbox"]) {
  min-height: 2rem;
  border-bottom: 1px solid rgba(21, 57, 50, 0.86) !important;
}

.legacy-template-page footer form [role="checkbox"] {
  border: 1px solid rgba(21, 57, 50, 0.72) !important;
}

.legacy-template-page footer input:-webkit-autofill {
  -webkit-text-fill-color: #153932;
  box-shadow: 0 0 0 1000px transparent inset;
  transition: background-color 9999s ease-out;
}

.legacy-template-page footer > .pointer-events-none.w-full.overflow-clip {
  margin-top: -32.5rem !important;
}

.legacy-template-page footer .front {
  display: block;
  filter: saturate(1.02) contrast(1.02);
}

.legacy-template-page footer .scroll-reveal,
.legacy-template-page footer .scroll-reveal:not(.is-visible) {
  opacity: 1 !important;
  transform: none !important;
}

.legacy-template-page footer > .absolute.bottom-15 {
  bottom: clamp(1.75rem, 3.4vw, 4rem);
}

.legacy-template-page footer > .absolute.bottom-15 .heading-1 {
  width: min(88vw, 78rem);
  color: #fff4d6;
  font-size: clamp(3.8rem, 5.75vw, 6.15rem);
  line-height: 0.88;
  letter-spacing: 0;
  white-space: nowrap;
  text-shadow: 0 0.125rem 1.25rem rgba(21, 57, 50, 0.26);
}

.legacy-template-page footer > .absolute.bottom-15 .small {
  color: #fff4d6;
}

@media (max-width: 1440px) {
  .legacy-template-page footer > .pointer-events-none.w-full.overflow-clip {
    margin-top: -20rem !important;
  }
}

@media (max-width: 1120px) {
  .legacy-template-page footer .wrapper.pt-25 {
    padding-top: clamp(6rem, 8vh, 7rem);
  }

  .legacy-template-page footer .content > div:first-child {
    flex-basis: min(100%, 38rem);
    max-width: 38rem;
  }

  .legacy-template-page footer .content > div:first-child .heading-2 {
    font-size: clamp(2.85rem, 5.9vw, 3.2rem);
  }

  .legacy-template-page footer > .pointer-events-none.w-full.overflow-clip {
    margin-top: -28rem !important;
  }

  .legacy-template-page footer > .absolute.bottom-15 .heading-1 {
    width: 100%;
    font-size: clamp(3.5rem, 9vw, 5.5rem);
    text-align: center;
    white-space: normal;
  }
}

@media (max-width: 600px) {
  .legacy-template-page footer .wrapper.pt-25 {
    padding-top: 5.5rem;
  }

  .legacy-template-page footer .content {
    gap: 2rem;
  }

  .legacy-template-page footer .content > div:first-child .heading-2 {
    font-size: clamp(2.45rem, 10.8vw, 3.1rem);
  }

  .legacy-template-page footer form {
    width: 100% !important;
    margin-top: 2rem;
  }

  .legacy-template-page footer > .pointer-events-none.w-full.overflow-clip {
    margin-top: -15rem !important;
  }

  .legacy-template-page footer > .absolute.bottom-15 .heading-1 {
    font-size: clamp(2.3rem, 14vw, 3.75rem);
    line-height: 0.95;
  }
}

@media (max-width: 63.999rem) {
  .legacy-template-page footer > .pointer-events-none.w-full.overflow-clip {
    margin-top: 0 !important;
  }
}

.legacy-template-page .fadeElement {
  opacity: 1;
  transform: none;
}

.legacy-template-page .loader {
  display: none !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.legacy-template-page .relative.h-svh>.absolute.inset-0.opacity-0 {
  opacity: 1 !important;
}

.legacy-template-page>.text-cream.pointer-events-none.fixed {
  height: 3.625rem;
  overflow: hidden;
}

body[data-menu-open] .legacy-template-page>.text-cream.pointer-events-none.fixed {
  height: min(90svh, 45rem) !important;
}

.legacy-template-page .keen-slider {
  overflow: hidden;
}

.legacy-template-page input,
.legacy-template-page textarea,
.legacy-template-page select {
  min-height: 2.75rem;
}

.legacy-template-page button,
.legacy-template-page a {
  -webkit-tap-highlight-color: transparent;
}


/* Static conversion helpers */
.three-d-canvas-mount{background-image:url('../images/generated/three-d-view.png');background-size:cover;background-position:center;}
.three-d-canvas-mount canvas:empty{opacity:0;}
.three-d-static-note{position:absolute;left:50%;bottom:1.25rem;z-index:2;transform:translateX(-50%);padding:.55rem .9rem;border:1px solid rgba(204,191,153,.35);border-radius:999px;background:rgba(31,38,30,.72);color:#f4f0db;font:500 .75rem/1.2 var(--font-workSans);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;}
.residence-gallery .carousel-item:not(.active){display:none;}
.residence-gallery .carousel-item.active{display:block;}


/* -------------------------------------------------------------------------
   Bootstrap reboot overrides

   bootstrap.min.css is linked before style.css and its rules sit outside the
   Tailwind cascade layers, so an unlayered reboot declaration outranks every
   layered utility no matter the specificity. Three reboot rules leak into the
   layout and are neutralised here:

     label   { display: inline-block }        -> breaks `flex` consent labels
     ol, ul  { padding-left: 2rem }           -> indents the footer nav list
     ol, ul  { margin-top: 0; margin-bottom: 1rem }
   ------------------------------------------------------------------------- */

.legacy-template-page :is(ul, ol, menu) {
  margin-block: 0;
  padding-left: 0;
}

/* the one list that is meant to be indented (privacy policy body copy) */
.legacy-template-page :is(ul, ol).pl-4 {
  padding-left: calc(var(--spacing) * 4);
}

.legacy-template-page label.flex {
  display: flex;
}

.legacy-template-page label.inline-flex {
  display: inline-flex;
}

.legacy-template-page label.block {
  display: block;
}

.legacy-template-page label.grid {
  display: grid;
}

/* -------------------------------------------------------------------------
   Consent checkboxes

   The markup only toggles data-state on the button, so the checked glyph is
   drawn here: a currentColor tick masked into the box.

   The buttons also carry `bg-transparent` and `border`, which Bootstrap
   defines as !important utilities, hence the !important on fill and border.
   ------------------------------------------------------------------------- */

:root {
  --checkbox-tick: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12.6 9.4 18 20 6.6'/%3E%3C/svg%3E");
}

.legacy-template-page [role="checkbox"] {
  position: relative;
  display: inline-block;
  border: 1px solid #60735c !important;
  border-radius: 0;
  background-color: transparent !important;
  cursor: pointer;
}

.legacy-template-page [role="checkbox"]::after {
  content: "";
  position: absolute;
  inset: 0;
  opacity: 0;
  transform: scale(0.6);
  transition: opacity 0.18s ease, transform 0.18s ease;
  background-color: currentColor;
  -webkit-mask-image: var(--checkbox-tick);
  mask-image: var(--checkbox-tick);
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position: center;
  mask-position: center;
  -webkit-mask-size: 72% 72%;
  mask-size: 72% 72%;
}

.legacy-template-page [role="checkbox"][data-state="checked"]::after {
  opacity: 1;
  transform: scale(1);
}

/* The compiled utilities carry no data-[state=checked] variants, so the
   checked look is defined here. Default: cream fill with a dark tick, which
   is what the contact forms on the dark green panels expect. */

.legacy-template-page [role="checkbox"][data-state="checked"] {
  background-color: #fff4d6 !important;
  border-color: #fff4d6 !important;
  color: #1f261e;
}

.legacy-template-page footer form label:has([role="checkbox"]) {
  align-items: flex-start;
  gap: 0.7rem;
  margin-block: 1.35rem;
}

.legacy-template-page footer form [role="checkbox"] {
  width: 1.05rem;
  height: 1.05rem;
  margin-top: 0.15rem;
  border: 1px solid rgba(21, 57, 50, 0.72) !important;
}

.legacy-template-page footer form [role="checkbox"][data-state="checked"] {
  background-color: #153932 !important;
  border-color: #153932 !important;
  color: #fdfbef;
}

@media (max-width: 767px) {
  .legacy-template-page footer form [role="checkbox"] {
    width: 1.35rem;
    height: 1.35rem;
  }
}

/* Contact inquiry tabs and form parity */
.legacy-template-page[data-template-route*="contact"],
.legacy-template-page:has(main > section.bg-pine-green) {
  --contact-bg: #25371f;
  --contact-form-bg: #25371f;
  --contact-muted: rgba(204, 191, 153, 0.46);
  --contact-line: rgba(204, 191, 153, 0.56);
  --contact-active-bg: rgba(204, 191, 153, 0.33);
  --contact-active-text: #f4e9c6;
  --contact-label: #a97f45;
  --contact-body: #f5efd3;
  --contact-button: #ccbf99;
  --contact-button-text: #22321d;
}

.legacy-template-page[data-template-route*="contact"][data-contact-tab="business"],
.legacy-template-page:has(main > section.bg-pine-green)[data-contact-tab="business"] {
  --contact-bg: #3c3c3a;
  --contact-form-bg: #3c3c3a;
  --contact-muted: rgba(228, 229, 222, 0.44);
  --contact-line: rgba(228, 229, 222, 0.55);
  --contact-active-bg: rgba(228, 229, 222, 0.35);
  --contact-active-text: #ffffff;
  --contact-label: rgba(222, 224, 220, 0.63);
  --contact-body: #ffffff;
  --contact-button: #ccbf99;
  --contact-button-text: #25321f;
}

.legacy-template-page[data-template-route*="contact"] main > section:first-child,
.legacy-template-page:has(main > section.bg-pine-green) main > section:first-child {
  background-color: var(--contact-bg) !important;
}

.legacy-template-page[data-template-route*="contact"] main > section:first-child > div:last-child,
.legacy-template-page:has(main > section.bg-pine-green) main > section:first-child > div:last-child {
  background-color: var(--contact-form-bg) !important;
  transition: background-color 260ms ease;
}

.legacy-template-page[data-template-route*="contact"] h1.heading-1,
.legacy-template-page:has(main > section.bg-pine-green) h1.heading-1 {
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-weight: 300 !important;
  line-height: 0.95 !important;
  letter-spacing: 0.01em !important;
  color: #fff4d6 !important;
  text-transform: uppercase !important;
}

.legacy-template-page[data-template-route*="contact"] .contact-parallax-panel {
  overflow: hidden;
}

.legacy-template-page[data-template-route*="contact"] .contact-parallax-media {
  pointer-events: none;
}

.legacy-template-page[data-template-route*="contact"] .contact-parallax-image {
  transform: translate3d(var(--contact-parallax-x, 0px), var(--contact-parallax-y, 0px), 0);
  transition: transform 80ms linear;
  will-change: transform;
}

.legacy-template-page[data-template-route*="contact"] .contact-parallax-copy {
  transform: translate3d(var(--contact-copy-x, 0px), var(--contact-copy-y, 0px), 0);
  transition: transform 120ms linear;
  will-change: transform;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] {
  align-items: center !important;
  display: inline-flex !important;
  gap: 0 !important;
  justify-content: center !important;
  padding: 0 !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] > button[role="tab"] {
  align-items: center !important;
  background-color: transparent !important;
  border: 1px solid var(--contact-line) !important;
  border-radius: 9999px !important;
  box-shadow: none !important;
  color: var(--contact-muted) !important;
  display: inline-flex !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  height: 3rem !important;
  justify-content: center !important;
  letter-spacing: 0.08em !important;
  line-height: 1 !important;
  min-width: 7.25rem !important;
  padding: 0 1.45rem !important;
  position: relative;
  text-transform: uppercase !important;
  transition: background-color 180ms ease, border-color 180ms ease, color 180ms ease, opacity 180ms ease !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] > button[role="tab"]:is(:hover, :focus-visible) {
  border-color: rgba(204, 191, 153, 0.82) !important;
  color: var(--contact-active-text) !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] > button[role="tab"][data-state="active"],
.legacy-template-page[data-template-route*="contact"] [role="tablist"] > button[role="tab"][aria-selected="true"] {
  background-color: var(--contact-active-bg) !important;
  border-color: var(--contact-line) !important;
  color: var(--contact-active-text) !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] > span {
  background: var(--contact-line) !important;
  display: block !important;
  flex: 0 0 1rem !important;
  height: 1px !important;
  overflow: hidden;
  width: 1rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tablist"] > span > span {
  background: var(--contact-active-text) !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] {
  transition: opacity 200ms ease, visibility 200ms ease;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"][data-state="active"] {
  opacity: 1 !important;
  visibility: visible !important;
  pointer-events: auto !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"][data-state="inactive"] {
  opacity: 0 !important;
  visibility: hidden !important;
  pointer-events: none !important;
}

.legacy-template-page[data-template-route*="contact"] .contact-combobox-dropdown {
  position: absolute;
  top: calc(100% + 4px);
  left: 0;
  right: 0;
  background-color: var(--contact-form-bg, #25371f);
  border: 1px solid var(--contact-line, rgba(204, 191, 153, 0.56));
  border-radius: 8px;
  box-shadow: 0 10px 25px -5px rgba(0, 0, 0, 0.5);
  z-index: 50;
  overflow: hidden;
  padding: 4px 0;
  transition: background-color 260ms ease, border-color 260ms ease;
}

.legacy-template-page[data-template-route*="contact"] .contact-combobox-option {
  padding: 8px 16px;
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.875rem;
  color: var(--contact-body, #f5efd3);
  cursor: pointer;
  transition: background-color 150ms ease, color 150ms ease;
}

.legacy-template-page[data-template-route*="contact"] .contact-combobox-option:hover,
.legacy-template-page[data-template-route*="contact"] .contact-combobox-option[data-selected="true"] {
  background-color: var(--contact-active-bg, rgba(204, 191, 153, 0.33));
  color: var(--contact-active-text, #f4e9c6);
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form {
  color: var(--contact-body);
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form > .grid {
  gap: 1.25rem !important;
  row-gap: 3.75rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] label[data-slot="label"]:not([for$="Consent"]) {
  color: var(--contact-label, #a97f45) !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.78rem !important;
  font-weight: 500 !important;
  letter-spacing: 0.08em !important;
  line-height: 1.15 !important;
  text-transform: uppercase !important;
  display: block !important;
  margin-bottom: 0.5rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] :is(input[type="text"], input[type="email"], input[type="tel"], button[role="combobox"]) {
  border: 0 !important;
  border-bottom: 1px solid var(--contact-line, rgba(204, 191, 153, 0.56)) !important;
  border-radius: 0 !important;
  background-color: transparent !important;
  color: var(--contact-body, #f5efd3) !important;
  box-shadow: none !important;
  outline: none !important;
  width: 100% !important;
  height: 2rem !important;
  padding: 0 0 0.35rem 0 !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.95rem !important;
  transition: border-bottom-color 200ms ease !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] :is(input[type="text"], input[type="email"], input[type="tel"], button[role="combobox"]):focus,
.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] :is(input[type="text"], input[type="email"], input[type="tel"], button[role="combobox"]):focus-visible {
  border-bottom-color: var(--contact-active-text, #f4e9c6) !important;
  box-shadow: none !important;
  outline: none !important;
}

.legacy-template-page[data-template-route*="contact"] button[role="combobox"] {
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  cursor: pointer !important;
}

.legacy-template-page[data-template-route*="contact"] button[role="combobox"] [data-slot="select-value"]:empty::before {
  color: var(--contact-body);
  content: "9:00 - 12:00";
}

.legacy-template-page[data-template-route*="contact"] button[role="combobox"] svg {
  color: var(--contact-body) !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] .space-y-8 > :not(:last-child) {
  margin-bottom: 1.55rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] .space-y-15 > :not(:last-child) {
  margin-bottom: 3.75rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form [role="checkbox"] {
  border: 1px solid var(--contact-line, rgba(204, 191, 153, 0.56)) !important;
  background-color: transparent !important;
  color: var(--contact-button-text, #22321d);
  height: 1rem !important;
  width: 1rem !important;
  min-width: 1rem !important;
  border-radius: 0 !important;
  cursor: pointer !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  margin-top: 0.15rem !important;
  padding: 0 !important;
  outline: none !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form [role="checkbox"][data-state="checked"] {
  background-color: var(--contact-button, #ccbf99) !important;
  border-color: var(--contact-button, #ccbf99) !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form [role="checkbox"][data-state="checked"]::after {
  content: "";
  display: block;
  width: 4px;
  height: 8px;
  border: solid var(--contact-button-text, #22321d);
  border-width: 0 2px 2px 0;
  transform: rotate(45deg) translate(-1px, -1px);
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] label[for$="Consent"] {
  color: var(--contact-active-text, #f4e9c6) !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.875rem !important;
  letter-spacing: 0.02em !important;
  line-height: 1.35 !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] label[for$="Consent"] a {
  color: inherit;
  text-decoration: underline;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form button[type="submit"] {
  background-color: var(--contact-button, #ccbf99) !important;
  border: 1px solid var(--contact-button, #ccbf99) !important;
  border-radius: 9999px !important;
  color: var(--contact-button-text, #22321d) !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.875rem !important;
  font-weight: 500 !important;
  height: 3.5rem !important;
  letter-spacing: 0.08em !important;
  min-width: 14.5rem !important;
  padding: 0 1.75rem !important;
  text-transform: uppercase !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  cursor: pointer !important;
  transition: background-color 200ms ease, border-color 200ms ease, color 200ms ease, transform 200ms ease !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form button[type="submit"]:hover {
  background-color: #fff4d6 !important;
  border-color: #fff4d6 !important;
  color: #22321d !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form button[type="submit"] svg {
  color: var(--contact-button-text, #22321d) !important;
  stroke: currentColor !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] .text-green.small,
.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] [as="span"].small {
  color: var(--contact-muted, rgba(204, 191, 153, 0.65)) !important;
  font-size: 0.8125rem !important;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] a.detail,
.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] a[href^="tel:"] {
  color: #ccbf99 !important;
  font-weight: 500 !important;
  font-size: 0.875rem !important;
  text-decoration: none !important;
  transition: color 150ms ease;
}

.legacy-template-page[data-template-route*="contact"] [role="tabpanel"] a[href^="tel:"]:hover {
  color: #fff4d6 !important;
}

.legacy-template-page[data-template-route*="contact"] .form-status-message {
  color: #ccbf99 !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.875rem !important;
  margin-top: 1.25rem !important;
  letter-spacing: 0.02em !important;
}

@media (max-width: 767px) {
  .legacy-template-page[data-template-route*="contact"] [role="tablist"] {
    width: 100%;
  }

  .legacy-template-page[data-template-route*="contact"] [role="tablist"] > button[role="tab"] {
    flex: 1 1 0;
    font-size: 0.78rem !important;
    letter-spacing: 0.055em !important;
    min-width: 0 !important;
    padding-inline: 0.5rem !important;
  }

  .legacy-template-page[data-template-route*="contact"] [role="tablist"] > span {
    flex-basis: 0.75rem !important;
    width: 0.75rem !important;
  }

  .legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form > .grid {
    row-gap: 2.5rem !important;
  }

  .legacy-template-page[data-template-route*="contact"] [role="tabpanel"] form button[type="submit"] {
    width: 100%;
  }

  .legacy-template-page[data-template-route*="contact"] .contact-parallax-image,
  .legacy-template-page[data-template-route*="contact"] .contact-parallax-copy {
    transform: none !important;
  }
}

/* About the investor parity
   Bootstrap's unlayered reboot outranks the compiled layered utilities on this
   route. These scoped rules restore the reference hero typography and pill CTAs
   without reshaping the rest of the template. */
.legacy-template-page[data-template-route$="/about-us"] #Hero h1.hero {
  color: #ccbf99 !important;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-size: clamp(3.25rem, 8vw, 8rem) !important;
  font-weight: 400 !important;
  letter-spacing: 0 !important;
  line-height: 0.98 !important;
  margin-bottom: 0 !important;
  max-width: min(60rem, 78vw);
  text-wrap: balance;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero .wrapper {
  align-items: flex-start !important;
  gap: clamp(2rem, 6vh, 4.5rem) !important;
  justify-content: center !important;
  padding-block: clamp(7rem, 12vh, 10rem) clamp(4rem, 8vh, 7rem) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero .wrapper > div:first-child {
  max-width: min(60rem, 78vw);
  width: 100% !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero .wrapper > .flex:last-child {
  max-width: min(34rem, 100%);
  width: min(34rem, 100%) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero .kicker {
  color: #e7fd55 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero .paragraph {
  color: #fdfbef !important;
}

.legacy-template-page[data-template-route$="/about-us"] button.rounded-full,
.legacy-template-page[data-template-route$="/about-us"] a.rounded-full {
  border-radius: 999px !important;
}

.legacy-template-page[data-template-route$="/about-us"] .site-nav-shell a[href*="contact"] button {
  border-color: #60735c !important;
  border-radius: 999px !important;
  height: 2.625rem !important;
  min-width: 8.75rem !important;
  padding: 0 1.25rem !important;
}

.legacy-template-page[data-template-lang="en"][data-template-route$="/about-us"] .site-nav-shell a[href*="contact"] button::before {
  color: #fff4d6;
  content: "Inquire";
  font-family: var(--font-workSans), Arial, sans-serif;
  font-size: 0.95rem;
  font-weight: 400;
  left: 1.25rem;
  line-height: 1;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 3;
}

.legacy-template-page[data-template-lang="en"][data-template-route$="/about-us"] .site-nav-shell a[href*="contact"] button > span {
  color: transparent !important;
}

.legacy-template-page[data-template-lang="en"][data-template-route$="/about-us"] .site-nav-shell a[href*="contact"] button svg {
  color: #60735c !important;
  position: relative;
  z-index: 4;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero a[href*="contact"] {
  border-radius: 999px;
  display: inline-block;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero a[href*="contact"] button {
  align-items: center !important;
  background-color: #ccbf99 !important;
  border-color: #ccbf99 !important;
  border-radius: 999px !important;
  color: #2e3a26 !important;
  height: 3.5rem !important;
  min-height: 0 !important;
  min-width: 13.75rem !important;
  padding: 0 1.25rem !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero a[href*="contact"] button > span {
  align-items: center;
  display: flex;
  height: 100%;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section {
  background-color: #f4f0db !important;
  color: #2e3a26 !important;
  overflow: clip;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section h2.heading-2 {
  color: #a68150 !important;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-size: 3.5rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1em !important;
  margin: 0 0 calc(var(--spacing) * 20) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section p.paragraph {
  color: #2e3a26 !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
  max-width: 27.5rem;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section .images {
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  overflow: visible;
  transform-origin: center;
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section .images:first-child {
  -webkit-mask-image: url("../images/about-the-investor/mask1.svg");
  mask-image: url("../images/about-the-investor/mask1.svg");
  transform: scale(1.016);
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section .images:nth-child(2) {
  -webkit-mask-image: url("../images/about-the-investor/mask2.svg");
  mask-image: url("../images/about-the-investor/mask2.svg");
  transform: scale(1.097);
}

.legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section .images img {
  display: block;
  height: 120% !important;
  max-width: none;
  object-fit: cover;
  object-position: 70% 50%;
  width: 100%;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects {
  background-color: #314759 !important;
  color: #f4f0db !important;
  overflow-x: clip;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .amenities-options-reveal-image,
.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .amenities-options-reveal-image {
  contain: paint;
  overflow: clip !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content h3.heading-2 {
  color: #e7fd55 !important;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-size: 3.5rem !important;
  font-weight: 300 !important;
  letter-spacing: 0.02em !important;
  line-height: 1.1em !important;
  margin: 0 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content .kicker {
  color: #e7fd55 !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 1.25rem !important;
  letter-spacing: 0.02em !important;
  line-height: 1.5 !important;
  margin: 0 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content .kicker svg {
  color: #60735c !important;
  flex: 0 0 auto;
  height: 2rem !important;
  width: 2rem !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content .paragraph {
  color: #f4f0db !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 1rem !important;
  line-height: 1.2 !important;
  margin: 0 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content .mt-10 {
  margin-top: calc(var(--spacing) * 10) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .content .space-y-6 > :not(:last-child) {
  margin-bottom: calc(var(--spacing) * 6) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .absolute.bottom-20.left-16 {
  bottom: calc(var(--spacing) * 20) !important;
  gap: calc(var(--spacing) * 5) !important;
  left: calc(var(--spacing) * 16) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .bg-green.h-px {
  background-color: #60735c !important;
  height: 1px !important;
  overflow: visible !important;
  width: calc(var(--spacing) * 68) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .bg-green.h-px .progress {
  background-color: #e7fd55 !important;
  border-radius: 0 !important;
  display: block !important;
  font-size: 0 !important;
  height: 1px !important;
  min-height: 0 !important;
  overflow: visible !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .small.text-green {
  color: #60735c !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Projects .progress-num {
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 0.875rem !important;
  line-height: 1 !important;
}

@media (min-width: 768px) and (max-width: 1120px) {
  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .amenities-options-trigger {
    padding-top: 7rem !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .amenities-options-reveal-content {
    opacity: 1 !important;
    transform: none !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full > .bg-navy {
    align-items: center;
    display: flex;
    min-height: 4.5rem;
    padding: 1rem 4.5rem 1rem 2rem !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full > .bg-navy > button {
    top: 50% !important;
    transform: translateY(-50%);
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full > .bg-navy > .overflow-hidden {
    height: auto !important;
    overflow: visible !important;
    width: 100%;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full > .bg-navy > .overflow-hidden > .relative {
    transform: none !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full .group {
    display: none;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full .group:first-child {
    display: block;
    height: auto;
    overflow: visible;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full .group:first-child > p {
    display: none !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .relative.hidden.w-full .group:first-child > span.heading-2 {
    color: #e7fd55 !important;
    display: flex !important;
    font-size: 2.75rem !important;
    font-style: italic;
    height: auto !important;
    inset: auto !important;
    line-height: 1.1 !important;
    padding: 0 !important;
    position: relative !important;
    transform: none !important;
    width: auto !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .border-t-green > .absolute {
    opacity: 0 !important;
    pointer-events: none !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet .border-t-green > .absolute:first-child {
    opacity: 1 !important;
    pointer-events: auto !important;
  }
}

@media (max-width: 767px) {
  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet button[aria-label="Toggle business space types"] {
    right: 0.25rem !important;
    top: -4rem !important;
  }
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section {
  background-color: #314759 !important;
  color: #f4f0db !important;
  overflow: hidden;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper {
  align-items: center !important;
  gap: clamp(5.5rem, 9vw, 11rem) !important;
  justify-content: center !important;
  min-height: 100svh;
  padding-bottom: calc(var(--spacing) * 20) !important;
  padding-top: calc(var(--spacing) * 20) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper > .flex:first-child {
  align-self: flex-end !important;
  flex: 0 0 min(43.75rem, 41vw);
  margin-top: 0 !important;
  width: min(43.75rem, 41vw) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .images {
  -webkit-mask-image: url("../images/about-the-investor/mask3.svg");
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: contain;
  height: min(43.75rem, 73vh) !important;
  mask-image: url("../images/about-the-investor/mask3.svg");
  mask-position: center;
  mask-repeat: no-repeat;
  mask-size: contain;
  overflow: visible;
  transform: none !important;
  transform-origin: center;
  width: min(43.75rem, 41vw) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .images img {
  display: block;
  height: 120% !important;
  max-width: none;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(-5%);
  width: 100%;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper > .w-1\/2 {
  flex: 0 1 min(54.75rem, 47vw);
  margin-top: 0 !important;
  min-height: 37.5rem;
  width: min(54.75rem, 47vw) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section h2.heading-2 {
  color: #ccbf99 !important;
  font-family: var(--font-editorialOld), Georgia, "Times New Roman", serif !important;
  font-size: 3.5rem !important;
  font-weight: 300 !important;
  letter-spacing: 0 !important;
  line-height: 1.1 !important;
  margin: 0 !important;
  text-wrap: balance;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .text-sand {
  color: #f4f0db !important;
  margin-top: calc(var(--spacing) * 20) !important;
  width: min(27.5rem, 54%) !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .paragraph {
  color: #f4f0db !important;
  font-family: var(--font-workSans), Arial, sans-serif !important;
  font-size: 1rem !important;
  letter-spacing: 0.01em !important;
  line-height: 1.2 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .scroll-reveal {
  opacity: 1 !important;
  transform: none !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .space-y-20 > :not(:last-child) {
  margin-bottom: 0 !important;
}

.legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .space-y-6 > :not(:last-child) {
  margin-bottom: 1.65rem !important;
}

@media (max-width: 1120px) {
  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper {
    gap: 3.5rem !important;
    min-height: auto;
    padding: 8rem 2rem 5rem !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper > .flex:first-child,
  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper > .w-1\/2 {
    flex-basis: auto;
    min-height: 0;
    width: 100% !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .images {
    height: min(70vw, 34rem) !important;
    margin: 0 auto;
    width: min(86vw, 42rem) !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section h2.heading-2 {
    font-size: clamp(3rem, 8vw, 4.6rem) !important;
    max-width: 13ch;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .text-sand {
    margin-top: 2.75rem !important;
    width: min(34rem, 100%) !important;
  }
}

@media (max-width: 767px) {
  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section > .wrapper {
    gap: 2.25rem !important;
    padding: 10.5rem 1.5rem 4rem !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .images {
    height: min(92vw, 26rem) !important;
    width: min(92vw, 26rem) !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section h2.heading-2 {
    font-size: clamp(2.35rem, 12vw, 3.25rem) !important;
    line-height: 1.08 !important;
    max-width: 12ch;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .text-sand {
    margin-top: 2rem !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #ProjectsTablet + .static-section .paragraph {
    font-size: 0.95rem !important;
  }
}


@media not all and (min-width: 1121px) {
  .legacy-template-page[data-template-route$="/about-us"] #Hero h1.hero {
    font-size: 5.375rem !important;
    margin-bottom: calc(var(--spacing) * 10) !important;
    max-width: 100%;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section h2.heading-2 {
    font-size: 3rem !important;
    margin-bottom: calc(var(--spacing) * 10) !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Projects .content h3.heading-2 {
    font-size: 3rem !important;
  }
}

@media not all and (min-width: 601px) {
  .legacy-template-page[data-template-route$="/about-us"] #Hero h1.hero {
    font-size: 3rem !important;
    margin-bottom: calc(var(--spacing) * 8) !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section {
    overflow: hidden;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section h2.heading-2 {
    font-size: 2.5rem !important;
    line-height: 1.08 !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section p.paragraph {
    max-width: 100%;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Hero + .static-section .images {
    max-width: 100%;
    transform: none;
  }

  .legacy-template-page[data-template-route$="/about-us"]::before,
  .legacy-template-page[data-template-route$="/about-us"]::after {
    display: none;
  }
}

/* Site-wide readability pass -------------------------------------------------
   Preserve the editorial visual language, but avoid ultralight headings and
   undersized copy across the static English and Bangla routes. */
.legacy-template-page {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  line-height: 1.5;
}

.legacy-template-page :is(.huge, .hero, .heading-1, .heading-2, .heading-3, .heading1, .heading2, .heading3) {
  font-weight: 400 !important;
}

.legacy-template-page .paragraph {
  font-size: 1.0625rem;
  line-height: 1.5;
}

.legacy-template-page :is(.small, .menu) {
  font-size: 0.9375rem;
  line-height: 1.5;
}

.legacy-template-page :is(.detail, .kicker) {
  line-height: 1.45;
}

.legacy-template-page :is(.button, .link),
.legacy-template-page :is(a, button, label) {
  font-weight: 500;
}

.legacy-template-page :is(input, select, textarea) {
  font-size: max(1rem, 16px);
  line-height: 1.45;
}

.legacy-template-page :is(#Hero, [class*="hero-"]) :is(.text-cream, .text-cream-dark, .text-sand, .text-vanilla),
.legacy-template-page .absolute :is(.heading-1, .heading-2, .heading-3).text-cream {
  text-shadow: 0 2px 16px rgba(8, 24, 20, 0.48);
}

/* Keep shared navigation button labels optically centered with equal space
   above and below, regardless of the page language line-height. */
.legacy-template-page .site-nav-shell button.menu {
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
  padding-bottom: 0 !important;
  padding-top: 0 !important;
  text-align: center !important;
}

.legacy-template-page .site-nav-shell button.menu > span > span {
  align-items: center !important;
  justify-content: center !important;
  line-height: 1 !important;
}

@media (max-width: 600px) {
  .legacy-template-page .paragraph,
  .legacy-template-page :is(.small, .menu) {
    font-size: 1rem;
    line-height: 1.55;
  }
}

/* Readable labels for the compact 3D controls and filter drawer. */
.legacy-template-page .three-d-panel-title,
.legacy-template-page .three-d-time-label,
.legacy-template-page .three-d-drawer-head p,
.legacy-template-page .three-d-drawer-head span {
  font-size: 0.9375rem;
  line-height: 1.4;
  font-weight: 500;
}

.legacy-template-page .three-d-panel-caption,
.legacy-template-page .three-d-filter-row-heading,
.legacy-template-page .three-d-static-note {
  font-size: 0.8125rem;
  line-height: 1.4;
  font-weight: 500;
}

.legacy-template-page .three-d-drawer-description,
.legacy-template-page .three-d-filter-chip,
.legacy-template-page .three-d-control-button,
.legacy-template-page .three-d-overlay-menu button,
.legacy-template-page .three-d-drawer-action {
  font-size: 1rem;
  line-height: 1.45;
}

/* About page reference composition. Bootstrap's position helpers are
   important, so these sticky desktop panels must explicitly outrank them. */
.legacy-template-page[data-template-route$="/about-us"] #Static1 .scroll-reveal,
.legacy-template-page[data-template-route$="/about-us"] #Static1 .scroll-reveal:not(.is-visible) {
  opacity: 1 !important;
  transform: none !important;
}

.legacy-template-page[data-template-route$="/about-us"] #Static1 .paragraph {
  color: #2e3a26 !important;
  opacity: 1 !important;
}

@media (min-width: 1121px) {
  .legacy-template-page[data-template-route$="/about-us"] #Static1,
  .legacy-template-page[data-template-route$="/about-us"] #Static1-2 {
    height: 100svh;
    min-height: 100svh;
    overflow: hidden;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 > .wrapper {
    height: 100svh;
    min-height: 100svh;
    max-width: none;
    padding: 5rem 0 !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 > .wrapper > div:first-child {
    display: flex;
    flex-direction: column;
    gap: 5.5rem;
    transform: translateX(6rem);
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .space-y-20 > :not(:last-child) {
    margin-bottom: 0 !important;
    margin-block-end: 0 !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .space-y-20 > :not(:first-child) {
    margin-top: 0 !important;
    margin-block-start: 0 !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 h2.heading-2 {
    margin: 0 !important;
    margin-block: 0 !important;
  }

  /* The captured utility layer keeps an 80px block margin on the heading.
     Offset the copy visually so the reference's heading-to-copy gap is exact. */
  .legacy-template-page[data-template-route$="/about-us"] #Static1 .space-y-20 > p.paragraph {
    position: relative;
    top: -5rem;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .images:first-child {
    width: 32.5rem !important;
    height: 42.5rem !important;
    background-image: url("../images/home/introduction/image1.webp");
    background-position: 70% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: url("../images/about-the-investor/mask1.svg");
    mask-image: url("../images/about-the-investor/mask1.svg");
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .images:nth-child(2) {
    width: 24rem !important;
    height: 33rem !important;
    background-image: url("../images/about-the-investor/image2.webp");
    background-position: 70% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-mask-image: url("../images/about-the-investor/mask2.svg");
    mask-image: url("../images/about-the-investor/mask2.svg");
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .images {
    display: block !important;
    flex: 0 0 auto;
    opacity: 1 !important;
    visibility: visible !important;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1 .images > img {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Projects > .trigger > .wrapper {
    position: sticky !important;
    top: 0 !important;
    height: 100svh !important;
    min-height: 100svh !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Projects > .trigger > .imageWrap {
    position: sticky !important;
    top: 0 !important;
    height: 100svh !important;
    margin-top: -100svh !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Projects .imageContainer,
  .legacy-template-page[data-template-route$="/about-us"] #Projects .imageInner {
    height: 100svh !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Projects .content .pb-45 {
    padding-bottom: clamp(5rem, 10vh, 7rem) !important;
  }

  .legacy-template-page[data-template-route$="/about-us"] #Static1-2 > .wrapper > .flex:first-child,
  .legacy-template-page[data-template-route$="/about-us"] #Static1-2 > .wrapper > .w-1\/2 {
    transform: translateY(3rem);
  }
}

.kicker.text-pine-green.uppercase {
  margin-bottom: 20px;
}

/* Single-column navigation sized to the available viewport height. */
body[data-menu-open] .legacy-template-page .site-nav-shell {
  top: max(12px, env(safe-area-inset-top)) !important;
  height: calc(100svh - 24px) !important;
  max-height: calc(100svh - 24px) !important;
  overflow: hidden !important;
}
body[data-menu-open] .site-nav-shell [data-menu-brand] {
  display: block;
  position: absolute;
  top: 72px;
  left: 12px;
  right: 12px;
  font-size: clamp(30px, 5svh, 46px);
  line-height: .9;
  z-index: 30;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav {
  position: absolute !important;
  inset: 174px 0 28px !important;
  display: grid !important;
  grid-template-columns: minmax(0, 1fr) !important;
  grid-auto-rows: minmax(0, 1fr);
  align-content: center !important;
  align-items: stretch !important;
  justify-content: center !important;
  gap: 0 !important;
  width: 100% !important;
  max-height: none !important;
  margin: 0 !important;
  padding: 0 24px !important;
  overflow: visible !important;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3 {
  display: block !important;
  position: relative !important;
  overflow: hidden !important;
  min-width: 0;
  min-height: 0;
  height: 100%;
  font-size: clamp(16px, calc((100svh - 220px) / 20), 30px) !important;
  line-height: 1.1 !important;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3 > span {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  padding: 0 !important;
  line-height: 1.1 !important;
  white-space: nowrap;
  translate: none !important;
  transform: translateY(0) !important;
  transition: transform .2s ease;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3 > span:last-child {
  position: absolute !important;
  top: 100% !important;
  left: 0 !important;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3:is(:hover, :focus-visible) > span:first-child {
  transform: translateY(-100%) !important;
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3:is(:hover, :focus-visible) > span:last-child {
  transform: translateY(-100%) !important;
}
@media (prefers-reduced-motion: reduce) {
  body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3 > span {
    transition: none;
  }
}
body[data-menu-open] .legacy-template-page .site-nav-shell nav + .button {
  position: absolute !important;
  inset: auto 0 6px !important;
  margin: 0 !important;
}
@media (max-height: 600px) {
  body[data-menu-open] .site-nav-shell [data-menu-brand] {
    top: 62px;
    font-size: 28px;
  }
  body[data-menu-open] .legacy-template-page .site-nav-shell nav {
    top: 124px !important;
    bottom: 20px !important;
  }
}
@media (max-height: 420px) {
  body[data-menu-open] .site-nav-shell [data-menu-brand] { display: none; }
  body[data-menu-open] .legacy-template-page .site-nav-shell nav {
    top: 58px !important;
    bottom: 10px !important;
  }
  body[data-menu-open] .legacy-template-page .site-nav-shell nav a.heading-3 {
    font-size: clamp(12px, 4svh, 16px) !important;
  }
}