:root {
  --gamboge: #e49b0f;
  --mountain: #183027;
  --ivory: #f3efe5;
  --charcoal: #11130f;
  --line: rgba(255, 255, 255, 0.22);
}

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  width: 100%;
  max-width: 100%;
  overflow-x: hidden;
  background: var(--charcoal);
  color: var(--ivory);
  font-family: "Manrope", Arial, sans-serif;
}

button,
a {
  font: inherit;
}

button {
  color: inherit;
}

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

.site-shell {
  min-height: 0;
  width: 100%;
  max-width: 100%;
  overflow: clip;
  background: var(--charcoal);
}

.cinematic-intro {
  position: fixed;
  z-index: 100;
  inset: 0;
  display: grid;
  place-items: center;
  overflow: hidden;
  background: #dbe7e9;
  transition:
    opacity 1.25s cubic-bezier(0.75, 0, 0.25, 1),
    visibility 1.25s;
}

.cinematic-intro.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.intro-frame {
  position: absolute;
  inset: -2%;
  background-position: center;
  background-size: cover;
  opacity: 0;
  transform: scale(1.04);
}

.intro-frame-one {
  background-image: url("../images/intro-clouds-1.png");
  animation: intro-frame-one 2s linear both;
}

.intro-frame-two {
  background-image: url("../images/intro-clouds-2.png");
  animation: intro-frame-two 2.4s 0.9s linear both;
}

.intro-frame-three {
  background-image: url("../images/intro-clouds-3.png");
  animation: intro-frame-three 2.5s 2s linear both;
}

.intro-frame-four {
  background-image: url("../images/intro-clouds-4.png");
  animation: intro-frame-four 4.4s 3.1s ease-out both;
}

.intro-cloud-veil {
  position: absolute;
  z-index: 2;
  width: 80vw;
  height: 120vh;
  filter: blur(34px);
  opacity: 0;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 24% 50%, rgba(255, 255, 255, 0.95) 0 13%, transparent 38%),
    radial-gradient(ellipse at 62% 38%, rgba(238, 245, 244, 0.88) 0 17%, transparent 42%),
    radial-gradient(ellipse at 48% 76%, rgba(255, 255, 255, 0.9) 0 14%, transparent 40%);
}

.intro-cloud-veil-left {
  left: -45%;
  animation: intro-veil-left 6.2s ease-in-out both;
}

.intro-cloud-veil-right {
  right: -48%;
  animation: intro-veil-right 6.2s ease-in-out both;
}

.intro-wordmark {
  position: relative;
  z-index: 4;
  width: min(760px, 68vw);
  height: auto;
  opacity: 0;
  filter: blur(12px);
  transform: scale(0.92);
  animation: logo-emerge 3.1s 3.35s cubic-bezier(0.2, 0.75, 0.15, 1) forwards;
}

.skip-intro {
  position: absolute;
  z-index: 6;
  right: 2rem;
  bottom: 2rem;
  display: grid;
  width: 2.75rem;
  height: 2.75rem;
  place-items: center;
  border: 1px solid rgba(17, 19, 15, 0.28);
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.18);
  cursor: pointer;
  backdrop-filter: blur(12px);
}

.skip-intro span {
  width: 0.65rem;
  height: 0.65rem;
  border-top: 1px solid #172018;
  border-right: 1px solid #172018;
  transform: rotate(45deg) translate(-1px, 1px);
}

.site-header {
  position: fixed;
  z-index: 40;
  top: 0;
  right: 0;
  left: 0;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  width: calc(100% - 5vw);
  margin: 0 auto;
  padding: 1rem 0;
  border-bottom: 1px solid var(--line);
  background: linear-gradient(180deg, rgba(8, 12, 9, 0.45), rgba(8, 12, 9, 0));
  transition:
    width 0.45s ease,
    padding 0.45s ease,
    background 0.35s ease;
}

.site-header.is-scrolled {
  width: 100%;
  padding-right: 2.5vw;
  padding-left: 2.5vw;
  border-color: rgba(255, 255, 255, 0.13);
  background: rgba(14, 29, 23, 0.86);
  box-shadow: 0 10px 40px rgba(6, 11, 8, 0.14);
  backdrop-filter: blur(16px);
}

.brand {
  position: relative;
  display: inline-flex;
  width: clamp(8.8rem, 11vw, 11.8rem);
  height: 2.25rem;
  align-items: center;
  justify-self: start;
  transition: width 0.5s cubic-bezier(0.65, 0, 0.2, 1);
}

.brand-wordmark {
  width: 100%;
  height: auto;
  object-fit: contain;
  object-position: left center;
  opacity: 1;
  transform: translateX(0);
  transition:
    opacity 0.3s ease,
    transform 0.45s cubic-bezier(0.65, 0, 0.2, 1);
}

.brand-monogram {
  position: absolute;
  top: 50%;
  left: 0;
  width: 2.15rem;
  height: 2.15rem;
  border-radius: 50%;
  object-fit: cover;
  opacity: 0;
  transform: translateY(-50%) scale(0.72);
  transition:
    opacity 0.35s ease,
    transform 0.45s cubic-bezier(0.65, 0, 0.2, 1);
}

.site-header.is-scrolled .brand {
  width: 2.15rem;
}

.site-header.is-scrolled .brand-wordmark {
  opacity: 0;
  transform: translateX(-0.65rem);
}

.site-header.is-scrolled .brand-monogram {
  opacity: 1;
  transform: translateY(-50%) scale(1);
}

.desktop-nav {
  display: flex;
  align-items: center;
  gap: clamp(1.45rem, 2.8vw, 3.5rem);
}

.desktop-nav a {
  position: relative;
  padding: 0.5rem 0;
  font-size: 0.72rem;
  letter-spacing: 0.08em;
}

.desktop-nav a::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 1px;
  background: var(--gamboge);
  content: "";
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.35s ease;
}

.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after {
  transform: scaleX(1);
  transform-origin: left;
}

.header-actions {
  display: flex;
  align-items: center;
  justify-self: end;
  gap: 1.25rem;
}

.language-switch {
  display: flex;
  gap: 0.34rem;
  align-items: center;
  color: rgba(255, 255, 255, 0.48);
  font-size: 0.64rem;
}

.language-switch button {
  border: 0;
  padding: 0;
  color: inherit;
  background: transparent;
  cursor: pointer;
}

.language-switch button.active {
  color: white;
}

.reserve-button {
  display: inline-flex;
  min-height: 3rem;
  align-items: center;
  gap: 1.1rem;
  border-radius: 100px;
  padding: 0.25rem 0.32rem 0.25rem 1.25rem;
  color: #172018;
  background: var(--ivory);
  font-size: 0.7rem;
  font-weight: 600;
  transition: color 0.25s ease, background 0.25s ease;
}

.reserve-button:hover {
  color: white;
  background: var(--gamboge);
}

.arrow {
  position: relative;
  display: inline-grid;
  width: 2.35rem;
  height: 2.35rem;
  place-items: center;
  border-radius: 50%;
  background: var(--charcoal);
}

.arrow::before {
  width: 0.55rem;
  height: 0.55rem;
  border-top: 1px solid white;
  border-right: 1px solid white;
  content: "";
  transform: translate(-1px, 1px);
}

.arrow::after {
  position: absolute;
  width: 0.7rem;
  height: 1px;
  background: white;
  content: "";
  transform: rotate(-45deg);
}

.hero {
  --mist-x: 50%;
  --mist-y: 50%;
  --mist-strength: 0;
  position: relative;
  min-height: 100svh;
  isolation: isolate;
  overflow: hidden;
  background: var(--charcoal);
}

.hero-image {
  position: absolute;
  z-index: -5;
  inset: 0;
  transform: scale(1.04);
  background-image: url("../images/brhuma-hero.webp");
  background-position: center;
  background-size: cover;
  animation: hero-breathe 18s ease-in-out infinite alternate;
}

.hero-shade {
  position: absolute;
  z-index: -4;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(7, 10, 8, 0.38) 0%, rgba(7, 10, 8, 0.03) 40%, rgba(7, 10, 8, 0.3) 100%),
    linear-gradient(90deg, rgba(6, 9, 7, 0.2), transparent 55%);
}

.mist {
  position: absolute;
  z-index: -2;
  pointer-events: none;
  width: 150%;
  height: 56%;
  filter: blur(30px);
  opacity: 0.55;
  mix-blend-mode: screen;
  background:
    radial-gradient(ellipse at 10% 50%, rgba(228, 233, 223, 0.62) 0 10%, transparent 31%),
    radial-gradient(ellipse at 34% 65%, rgba(211, 223, 211, 0.45) 0 11%, transparent 32%),
    radial-gradient(ellipse at 65% 45%, rgba(233, 234, 221, 0.5) 0 12%, transparent 33%),
    radial-gradient(ellipse at 92% 60%, rgba(218, 225, 211, 0.58) 0 10%, transparent 31%);
}

.mist-back {
  top: 8%;
  left: -20%;
  opacity: 0.36;
  animation: mist-back 24s ease-in-out infinite alternate;
}

.mist-front {
  right: -25%;
  bottom: -11%;
  transform: scale(1.35);
  animation: mist-front 19s ease-in-out infinite alternate;
}

.mist-interactive {
  position: absolute;
  z-index: -1;
  inset: -10%;
  pointer-events: none;
  opacity: 0.62;
  filter: blur(20px);
  background:
    radial-gradient(ellipse at 20% 30%, rgba(238, 242, 235, 0.72), transparent 34%),
    radial-gradient(ellipse at 78% 26%, rgba(222, 231, 222, 0.65), transparent 32%),
    radial-gradient(ellipse at 56% 82%, rgba(237, 239, 228, 0.75), transparent 38%);
  -webkit-mask-image: radial-gradient(
    circle calc(70px + (var(--mist-strength) * 170px)) at var(--mist-x) var(--mist-y),
    transparent 0%,
    transparent 36%,
    #000 78%
  );
  mask-image: radial-gradient(
    circle calc(70px + (var(--mist-strength) * 170px)) at var(--mist-x) var(--mist-y),
    transparent 0%,
    transparent 36%,
    #000 78%
  );
  transition: opacity 0.5s ease;
  animation: interactive-mist 16s ease-in-out infinite alternate;
}

.film-grain {
  position: absolute;
  z-index: 4;
  inset: 0;
  pointer-events: none;
  opacity: 0.1;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.34'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.scroll-mark {
  position: absolute;
  z-index: 6;
  bottom: 1.5rem;
  left: 50%;
  width: 1px;
  height: 2.8rem;
  overflow: hidden;
  background: rgba(255, 255, 255, 0.25);
}

.scroll-mark i {
  position: absolute;
  top: -100%;
  width: 100%;
  height: 100%;
  background: white;
  animation: scroll-line 2s ease-in-out infinite;
}

.time-lapse {
  position: relative;
  height: 350svh;
  background: #0a120e;
}

.time-lapse-sticky {
  position: sticky;
  top: 0;
  height: 100svh;
  isolation: isolate;
  overflow: hidden;
}

.time-layer {
  position: absolute;
  z-index: -4;
  inset: -2%;
  background-position: center;
  background-size: cover;
  transform: scale(1.035);
  will-change: opacity;
}

.time-day {
  background-image: url("../images/brhuma/day.webp");
}

.time-sunset {
  z-index: -3;
  background-image: url("../images/brhuma/sunset.webp");
}

.time-night {
  z-index: -2;
  background-image: url("../images/brhuma/night.webp");
}

.time-lapse-shade {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(6, 11, 8, 0.28), rgba(6, 11, 8, 0.05) 35%, rgba(6, 11, 8, 0.38)),
    radial-gradient(circle at center, transparent 20%, rgba(5, 9, 7, 0.25) 100%);
}

.time-lapse-grain {
  z-index: 1;
}

.time-word {
  position: absolute;
  z-index: 4;
  top: 50%;
  left: 50%;
  color: white;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(4.4rem, 12vw, 12rem);
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 0.8;
  text-shadow: 0 12px 50px rgba(4, 7, 5, 0.25);
  transform-origin: center;
  translate: -50% -50%;
  white-space: nowrap;
  will-change: opacity, transform;
}

.time-indicator {
  position: absolute;
  z-index: 4;
  right: 3vw;
  bottom: 2.2rem;
  left: 3vw;
  height: 1px;
  background: rgba(255, 255, 255, 0.26);
}

.time-indicator i {
  display: block;
  width: 100%;
  height: 100%;
  background: var(--gamboge);
  transform-origin: left;
  will-change: transform;
}

.menu-collage {
  position: relative;
  height: 310svh;
  background: #ece6d8;
}

.collage-sticky {
  position: sticky;
  top: 0;
  display: grid;
  height: 100svh;
  place-items: center;
  overflow: hidden;
  isolation: isolate;
}

.collage-sticky::before {
  position: absolute;
  z-index: -1;
  inset: 0;
  background:
    radial-gradient(circle at center, rgba(255, 255, 255, 0.74), transparent 43%),
    linear-gradient(135deg, #f3eee3, #ded5c4);
  content: "";
}

.collage-copy {
  position: relative;
  z-index: 20;
  display: grid;
  place-items: center;
  gap: 1rem;
  color: var(--mountain);
  text-align: center;
}

.collage-copy > span {
  font-size: 0.66rem;
  font-weight: 600;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.menu-reveal-button {
  position: relative;
  display: grid;
  width: clamp(9.5rem, 13vw, 12.5rem);
  aspect-ratio: 1;
  place-items: center;
  border: 1px solid rgba(24, 48, 39, 0.35);
  border-radius: 50%;
  background: rgba(243, 239, 229, 0.88);
  box-shadow: 0 18px 60px rgba(46, 51, 38, 0.12);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.5rem, 2.4vw, 2.25rem);
  backdrop-filter: blur(12px);
  transition:
    color 0.35s ease,
    background 0.35s ease,
    transform 0.35s ease;
}

.menu-reveal-button::before {
  position: absolute;
  inset: 0.5rem;
  border: 1px solid rgba(24, 48, 39, 0.18);
  border-radius: inherit;
  content: "";
}

.menu-reveal-button:hover,
.menu-reveal-button:focus-visible {
  color: white;
  background: var(--mountain);
  transform: scale(1.035);
}

.menu-reveal-button i {
  position: absolute;
  bottom: 1.65rem;
  width: 0.75rem;
  height: 0.75rem;
  border-right: 1px solid currentColor;
  border-bottom: 1px solid currentColor;
  transform: rotate(45deg);
}

.dish-collage {
  position: absolute;
  z-index: 5;
  inset: 0;
  pointer-events: none;
}

.dish-card {
  position: absolute;
  z-index: var(--dish-z);
  top: 50%;
  left: 50%;
  width: clamp(12rem, 19vw, 19rem);
  height: clamp(14rem, 25vw, 25rem);
  margin: 0;
  overflow: hidden;
  border: clamp(5px, 0.55vw, 9px) solid rgba(247, 243, 233, 0.96);
  background: #f7f3e9;
  box-shadow: 0 20px 55px rgba(25, 30, 21, 0.2);
  transform:
    translate3d(
      calc(-50% + var(--dish-x)),
      calc(-50% + var(--dish-y)),
      0
    )
    rotate(var(--dish-r))
    scale(var(--dish-scale));
  transform-origin: center;
  will-change: transform;
}

.dish-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.dish-card.dish-wide {
  width: clamp(15rem, 24vw, 25rem);
  height: clamp(10rem, 16vw, 17rem);
}

.dish-card.dish-square,
.dish-card.dish-center,
.dish-card.dish-landscape {
  width: clamp(12rem, 20vw, 21rem);
  height: clamp(12rem, 20vw, 21rem);
}

.dish-card.dish-center {
  width: clamp(14rem, 23vw, 23rem);
  height: clamp(14rem, 23vw, 23rem);
}

.instagram-spots {
  position: relative;
  padding: clamp(6rem, 10vw, 10rem) 4vw;
  overflow: hidden;
  color: var(--ivory);
  background:
    radial-gradient(circle at 50% 16%, rgba(228, 155, 15, 0.11), transparent 28rem),
    linear-gradient(145deg, #10231c, #07100c 72%);
}

.instagram-spots::before {
  position: absolute;
  inset: 0;
  pointer-events: none;
  opacity: 0.2;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.6' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.3'/%3E%3C/svg%3E");
  content: "";
  mix-blend-mode: soft-light;
}

.spots-intro {
  position: relative;
  z-index: 2;
  width: min(780px, 92vw);
  margin: 0 auto clamp(4rem, 8vw, 7rem);
  text-align: center;
}

.spots-eyebrow,
.legend-copy > span,
.share-ritual > span {
  color: var(--gamboge);
  font-size: 0.66rem;
  font-weight: 700;
  letter-spacing: 0.28em;
  text-transform: uppercase;
}

.spots-intro h2 {
  margin: 1.4rem 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3.2rem, 7.4vw, 7.4rem);
  font-weight: 400;
  letter-spacing: -0.035em;
  line-height: 0.88;
}

.spots-intro p {
  width: min(600px, 100%);
  margin: 0 auto;
  color: rgba(243, 239, 229, 0.68);
  line-height: 1.8;
}

.spots-stage {
  position: relative;
  z-index: 2;
  min-height: clamp(420px, 58vw, 700px);
}

.spots-carousel {
  position: relative;
  height: clamp(380px, 52vw, 640px);
  perspective: 1300px;
}

.spot-card {
  --spot-position: 0;
  --spot-distance: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  width: clamp(220px, 29vw, 430px);
  aspect-ratio: 0.78;
  padding: 0;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-radius: 999px 999px 1rem 1rem;
  background: #18231e;
  box-shadow: 0 28px 80px rgba(0, 0, 0, 0.34);
  cursor: pointer;
  opacity: calc(1 - (var(--spot-distance) * 0.24));
  transform:
    translate3d(calc(-50% + (var(--spot-position) * 29vw)), -50%, calc(var(--spot-distance) * -160px))
    rotateY(calc(var(--spot-position) * -17deg))
    scale(calc(1 - (var(--spot-distance) * 0.13)));
  transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.7s ease, filter 0.7s ease;
}

.spot-card:not(.is-active) {
  filter: saturate(0.72) brightness(0.68);
}

.spot-card.is-active {
  z-index: 4;
}

.spot-card img,
.spot-card-shade {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}

.spot-card img {
  object-fit: cover;
  transition: transform 1.2s ease;
}

.spot-card:hover img,
.spot-card.is-active img {
  transform: scale(1.045);
}

.spot-card-shade {
  background: linear-gradient(180deg, transparent 48%, rgba(5, 10, 7, 0.82));
}

.spot-card-number,
.spot-card strong {
  position: absolute;
  z-index: 2;
}

.spot-card-number {
  top: 1.7rem;
  left: 50%;
  color: rgba(255, 255, 255, 0.72);
  font-size: 0.65rem;
  letter-spacing: 0.18em;
  translate: -50% 0;
}

.spot-card strong {
  right: 1rem;
  bottom: 2.2rem;
  left: 1rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.8rem, 3vw, 3.2rem);
  font-weight: 400;
}

.spots-controls {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.7rem;
  margin-top: 1rem;
}

.spots-controls > button:not(.spots-play) {
  width: 2rem;
  height: 2px;
  border: 0;
  padding: 0;
  background: rgba(255, 255, 255, 0.22);
  cursor: pointer;
  transition: width 0.35s ease, background 0.35s ease;
}

.spots-controls > button.active {
  width: 4rem;
  background: var(--gamboge);
}

.spots-play {
  margin-left: 1rem;
  border: 0;
  border-bottom: 1px solid rgba(255, 255, 255, 0.38);
  padding: 0.25rem 0;
  background: transparent;
  color: rgba(255, 255, 255, 0.66);
  font-size: 0.57rem;
  letter-spacing: 0.17em;
  cursor: pointer;
}

.spot-legend {
  position: relative;
  z-index: 2;
  display: grid;
  grid-template-columns: 0.25fr 1.4fr 1fr;
  gap: clamp(2rem, 5vw, 6rem);
  width: min(1180px, 92vw);
  margin: clamp(5rem, 9vw, 8rem) auto 0;
  padding-top: clamp(2.5rem, 5vw, 4.5rem);
  border-top: 1px solid rgba(255, 255, 255, 0.16);
}

.legend-index {
  color: rgba(255, 255, 255, 0.4);
  font-size: 0.67rem;
  letter-spacing: 0.18em;
}

.legend-copy h3 {
  max-width: 650px;
  margin: 1rem 0 1.5rem;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(2.4rem, 4.8vw, 5rem);
  font-weight: 400;
  line-height: 0.98;
}

.legend-copy p {
  max-width: 670px;
  margin: 0 0 1rem;
  color: rgba(243, 239, 229, 0.68);
  line-height: 1.8;
}

.legend-ritual {
  margin: 1.8rem 0 0;
  padding: 0;
  list-style: none;
  counter-reset: ritual;
}

.legend-ritual li {
  position: relative;
  margin-bottom: 0.7rem;
  padding: 0 0 0.7rem 2.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
  color: rgba(243, 239, 229, 0.76);
  counter-increment: ritual;
}

.legend-ritual li::before {
  position: absolute;
  left: 0;
  color: var(--gamboge);
  content: counter(ritual, decimal-leading-zero);
  font-size: 0.62rem;
}

.share-ritual {
  grid-column: 2 / 4;
  margin-top: 1rem;
  padding: clamp(1.5rem, 3vw, 2.5rem);
  border: 1px solid rgba(228, 155, 15, 0.32);
  background: rgba(228, 155, 15, 0.07);
}

.share-ritual p {
  display: inline;
  margin: 0 0.7rem 0 0;
  color: rgba(243, 239, 229, 0.64);
}

.share-ritual > span {
  display: block;
  margin-bottom: 0.8rem;
}

.share-ritual a {
  color: var(--gamboge);
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(1.4rem, 2.6vw, 2.4rem);
}

.venues{padding:clamp(6rem,10vw,10rem) 4vw;color:var(--charcoal);background:var(--ivory)}
.venues-heading{display:grid;grid-template-columns:.8fr 1.5fr 1fr;gap:3vw;width:min(1240px,100%);margin:0 auto clamp(5rem,9vw,9rem);align-items:end}
.venues-heading>span,.venue-copy>span,.whole-venue span,.vip-hero span,.vip-copy>span,.venue-form header span{color:#9a6810;font-size:.65rem;font-weight:700;letter-spacing:.23em;text-transform:uppercase}
.venues-heading h2,.vip-hero h2{margin:0;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(3.8rem,7.8vw,8rem);font-weight:400;letter-spacing:-.05em;line-height:.82}
.venues-heading p{margin:0;color:rgba(17,19,15,.65);line-height:1.8}
.venue-list{width:min(1240px,100%);margin:auto}.venue{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(300px,.75fr);gap:clamp(2rem,6vw,7rem);margin-bottom:clamp(6rem,11vw,11rem);align-items:center}
.venue:nth-child(even){grid-template-columns:minmax(300px,.75fr) minmax(0,1.42fr)}.venue:nth-child(even) .venue-media{grid-column:2}.venue:nth-child(even) .venue-copy{grid-row:1;grid-column:1}
.venue-media{position:relative;min-height:clamp(430px,55vw,720px);overflow:hidden;border-radius:18rem 18rem 1.25rem 1.25rem;background:#c9c5b8}.venue-media:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(7,12,8,.48));content:""}
.venue-media video{width:100%;height:100%;min-height:inherit;object-fit:cover}.venue-media>b{position:absolute;z-index:2;top:1.8rem;left:2rem;color:#fff;font-size:.68rem;letter-spacing:.2em}
.venue-capacity{position:absolute;z-index:2;right:1.8rem;bottom:1.8rem;display:flex;align-items:center;gap:.8rem;color:#fff}.venue-capacity strong{font-family:"Cormorant Garamond",serif;font-size:clamp(4.5rem,7vw,7.5rem);font-weight:400;line-height:.7}.venue-capacity span{font-size:.62rem;letter-spacing:.12em;text-transform:uppercase}
.venue-copy h3,.whole-venue h3,.vip-copy h3{margin:1rem 0 1.5rem;font-family:"Cormorant Garamond",serif;font-size:clamp(3.3rem,6vw,6.5rem);font-weight:400;letter-spacing:-.04em;line-height:.86}.venue-copy>p{color:rgba(17,19,15,.66);line-height:1.8}
.venue-copy ul{margin:2rem 0;padding:0;list-style:none}.venue-copy li{padding:.8rem 0;border-bottom:1px solid rgba(17,19,15,.13);font-size:.78rem}.venue-actions{display:flex;flex-wrap:wrap;gap:.75rem}
.venue-actions button,.whole-venue button,.vip-copy button,.submit{min-height:3.4rem;border:1px solid var(--mountain);border-radius:100px;padding:.75rem 1.35rem;color:#fff;background:var(--mountain);font-size:.7rem;font-weight:700;cursor:pointer}.venue-actions .secondary{color:var(--mountain);background:transparent}
.whole-venue{display:flex;width:min(1240px,100%);margin:auto;padding:clamp(2rem,5vw,5rem);align-items:center;justify-content:space-between;gap:3rem;border-radius:1.5rem;color:var(--ivory);background:radial-gradient(circle at 85% 20%,rgba(228,155,15,.22),transparent 18rem),var(--mountain)}.whole-venue h3{max-width:720px;margin-bottom:1rem}.whole-venue p{max-width:700px;color:rgba(243,239,229,.68);line-height:1.7}.whole-venue button,.vip-copy button,.submit{border-color:var(--gamboge);color:var(--charcoal);background:var(--gamboge)}
.vip{color:var(--ivory);background:#07100c}.vip-hero{position:relative;display:grid;min-height:92svh;place-items:center;overflow:hidden}.vip-hero>img,.vip-shade{position:absolute;inset:0;width:100%;height:100%}.vip-hero>img{object-fit:cover}.vip-shade{background:linear-gradient(180deg,rgba(6,12,8,.25),rgba(6,12,8,.72))}
.vip-hero>div:last-child{position:relative;z-index:2;width:min(900px,90vw);text-align:center}.vip-hero h2{margin:1rem 0 1.5rem}.vip-hero p{max-width:660px;margin:0 auto 2rem;color:rgba(255,255,255,.8);line-height:1.8}.vip-hero strong{display:inline-block;border:1px solid rgba(255,255,255,.46);border-radius:100px;padding:.65rem 1rem;font-size:.63rem;letter-spacing:.14em;text-transform:uppercase}
.vip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:min(1240px,92vw);margin:auto;padding:clamp(5rem,9vw,9rem) 0;gap:1.5rem}.vip-card{display:grid;grid-template-columns:1.15fr .85fr;min-height:520px;overflow:hidden;border:1px solid rgba(255,255,255,.14);border-radius:1.25rem;background:#102119}.vip-media video,.vip-media img{width:100%;height:100%;object-fit:cover}.vip-copy{display:flex;flex-direction:column;padding:clamp(1.5rem,3vw,3rem);justify-content:center}.vip-copy h3{margin-bottom:2rem;font-size:clamp(2.8rem,4vw,4.5rem)}.vip-copy p{margin:0;color:rgba(255,255,255,.55);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase}.vip-copy>b{margin-top:.3rem;color:var(--gamboge);font-family:"Cormorant Garamond",serif;font-size:clamp(2.3rem,4vw,4rem);font-weight:400}.vip-copy small{margin-bottom:2.5rem;color:rgba(255,255,255,.45)}
.vip-policies{width:min(1180px,92vw);margin:auto;padding-bottom:clamp(5rem,9vw,9rem)}.vip-policies summary{display:grid;grid-template-columns:1fr auto auto;padding:1.5rem 0;align-items:center;gap:1.5rem;border-block:1px solid rgba(255,255,255,.2);cursor:pointer;list-style:none}.vip-policies summary span{font-family:"Cormorant Garamond",serif;font-size:clamp(1.8rem,3vw,3rem)}.vip-policies summary small{color:rgba(255,255,255,.52)}.vip-policies summary i{color:var(--gamboge);font-size:1.8rem;font-style:normal}.vip-policies ol{display:grid;grid-template-columns:repeat(2,1fr);margin:0;padding:2rem 0 0;counter-reset:policy;list-style:none}.vip-policies li{position:relative;padding:1.4rem 2rem 1.4rem 3.5rem;border-bottom:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.68);line-height:1.6;counter-increment:policy}.vip-policies li:before{position:absolute;left:0;color:var(--gamboge);content:counter(policy,decimal-leading-zero);font-size:.64rem}
.venue-modal{position:fixed;z-index:80;inset:0;display:grid;place-items:center;padding:1rem}.modal-shade{position:absolute;inset:0;border:0;background:rgba(4,9,6,.78);backdrop-filter:blur(10px)}.venue-form{position:relative;z-index:2;width:min(760px,96vw);max-height:92svh;overflow:auto;border-radius:1.25rem;padding:clamp(1.5rem,4vw,3rem);color:var(--charcoal);background:var(--ivory)}.venue-form header{display:flex;align-items:flex-start;justify-content:space-between;gap:2rem}.venue-form header h2{margin:.6rem 0 0;font-family:"Cormorant Garamond",serif;font-size:clamp(2.6rem,5vw,4.6rem);font-weight:400;line-height:.92}.venue-form header>button{width:2.6rem;height:2.6rem;border:1px solid rgba(17,19,15,.22);border-radius:50%;color:var(--charcoal);background:transparent;font-size:1.4rem}.venue-form>p{max-width:580px;margin:1.5rem 0 2rem;color:rgba(17,19,15,.62);line-height:1.7}.venue-form form{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.venue-form label{display:grid;gap:.5rem}.venue-form label>span{font-size:.67rem;font-weight:700}.venue-form input,.venue-form select{width:100%;min-height:3.2rem;border:1px solid rgba(17,19,15,.2);border-radius:.65rem;padding:0 .9rem;color:var(--charcoal);background:rgba(255,255,255,.46)}.venue-form .wide{grid-column:1/-1}.venue-form .policy{grid-template-columns:auto 1fr;align-items:center;padding:1rem;border:1px solid rgba(154,104,16,.28);border-radius:.65rem;background:rgba(228,155,15,.08)}.venue-form .policy input{width:1.15rem;min-height:auto;height:1.15rem}.form-error{margin:0;color:#a52d20;font-size:.75rem}

.mobile-menu-trigger {
  display: none;
  width: 2.8rem;
  height: 2.8rem;
  place-content: center;
  gap: 0.34rem;
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 50%;
  background: rgba(10, 12, 10, 0.2);
}

.mobile-menu-trigger span {
  display: block;
  width: 0.9rem;
  height: 1px;
  background: white;
}

.mobile-panel {
  position: fixed;
  z-index: 50;
  inset: 0;
  display: flex;
  flex-direction: column;
  padding: 1.5rem;
  visibility: hidden;
  background: var(--mountain);
  opacity: 0;
  transform: translateY(-100%);
  transition: opacity 0.45s ease, transform 0.65s cubic-bezier(0.65, 0, 0.2, 1), visibility 0.65s;
}

.mobile-panel.open {
  visibility: visible;
  opacity: 1;
  transform: translateY(0);
}

.mobile-panel-top {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding-bottom: 1.2rem;
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}

.mobile-panel-top img {
  width: 8.5rem;
  height: auto;
}

.mobile-panel-top button {
  border: 0;
  border-bottom: 1px solid white;
  padding: 0 0 0.2rem;
  background: transparent;
  font-size: 0.65rem;
  letter-spacing: 0.16em;
  text-transform: uppercase;
}

.mobile-panel nav {
  display: flex;
  flex: 1;
  flex-direction: column;
  justify-content: center;
}

.mobile-panel nav a {
  display: flex;
  align-items: baseline;
  gap: 1rem;
  padding: 0.5rem 0;
  font-family: "Cormorant Garamond", Georgia, serif;
  font-size: clamp(3.2rem, 16vw, 5rem);
  line-height: 0.95;
}

.mobile-panel nav span {
  color: var(--gamboge);
  font-family: "Manrope", sans-serif;
  font-size: 0.6rem;
}

.mobile-reserve {
  padding: 1rem;
  border-radius: 100px;
  color: var(--charcoal);
  background: var(--gamboge);
  text-align: center;
  font-size: 0.75rem;
  font-weight: 600;
}

@keyframes intro-frame-one {
  0% { opacity: 1; transform: scale(1.08); }
  58% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.03); }
}

@keyframes intro-frame-two {
  0% { opacity: 0; transform: scale(1.06); }
  28%, 66% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.02); }
}

@keyframes intro-frame-three {
  0% { opacity: 0; transform: scale(1.05); }
  28%, 66% { opacity: 1; }
  100% { opacity: 0; transform: scale(1.015); }
}

@keyframes intro-frame-four {
  0% { opacity: 0; transform: scale(1.045); }
  22%, 100% { opacity: 1; transform: scale(1); }
}

@keyframes intro-veil-left {
  0% { opacity: 0.92; transform: translateX(0) scale(1.15); }
  70% { opacity: 0.5; }
  100% { opacity: 0.1; transform: translateX(-38%) scale(1.45); }
}

@keyframes intro-veil-right {
  0% { opacity: 0.9; transform: translateX(0) scale(1.18); }
  70% { opacity: 0.46; }
  100% { opacity: 0.08; transform: translateX(42%) scale(1.48); }
}

@keyframes logo-emerge {
  0% { opacity: 0; filter: blur(15px); transform: scale(0.92); }
  40% { opacity: 1; filter: blur(0); }
  82% { opacity: 1; filter: blur(0); transform: scale(1); }
  100% { opacity: 0.95; filter: blur(1px); transform: scale(1.015); }
}

@keyframes hero-breathe {
  to { transform: scale(1.1) translate3d(-0.5%, -0.5%, 0); }
}

@keyframes mist-back {
  to { transform: translateX(24%) scale(1.1); opacity: 0.16; }
}

@keyframes mist-front {
  to { transform: translateX(-24%) scale(1.55); opacity: 0.3; }
}

@keyframes interactive-mist {
  to { transform: translate3d(2%, -2%, 0) scale(1.06); }
}

@keyframes scroll-line {
  to { transform: translateY(200%); }
}

@media (max-width: 980px) {
  .site-header {
    grid-template-columns: 1fr auto;
    width: calc(100% - 2rem);
  }

  .desktop-nav,
  .reserve-button {
    display: none;
  }

  .header-actions {
    gap: 0.8rem;
  }

  .mobile-menu-trigger {
    display: grid;
  }

  .brand {
    width: 8.5rem;
  }

  .site-header.is-scrolled .brand {
    width: 2.15rem;
  }

  .spot-legend {
    grid-template-columns: 0.2fr 1fr;
  }

  .legend-ritual {
    grid-column: 2;
  }

  .share-ritual {
    grid-column: 2;
  }

  .venues-heading{grid-template-columns:1fr 2fr}.venues-heading p{grid-column:2}
  .venue,.venue:nth-child(even){grid-template-columns:1.2fr .8fr;gap:2.5rem}
  .vip-grid{grid-template-columns:1fr}
}

@media (max-width: 640px) {
  .hero-image {
    background-position: 62% center;
  }

  .hero-shade {
    background: linear-gradient(180deg, rgba(7, 10, 8, 0.5), rgba(7, 10, 8, 0.03) 38%, rgba(7, 10, 8, 0.45));
  }

  .intro-wordmark {
    width: 82vw;
  }

  .skip-intro {
    right: 1.25rem;
    bottom: 1.25rem;
  }

  .mist-interactive {
    -webkit-mask-image: radial-gradient(circle 105px at var(--mist-x) var(--mist-y), transparent 0 38%, #000 80%);
    mask-image: radial-gradient(circle 105px at var(--mist-x) var(--mist-y), transparent 0 38%, #000 80%);
  }

  .time-lapse {
    height: 320svh;
  }

  .time-layer {
    background-position: center;
  }

  .time-word {
    font-size: clamp(3.2rem, 17vw, 5.5rem);
    letter-spacing: 0.02em;
  }

  .menu-collage {
    height: 280svh;
  }

  .dish-card {
    width: 10.5rem;
    height: 13rem;
  }

  .dish-card.dish-wide {
    width: 13rem;
    height: 9rem;
  }

  .dish-card.dish-square,
  .dish-card.dish-center,
  .dish-card.dish-landscape {
    width: 11rem;
    height: 11rem;
  }

  .collage-copy > span {
    font-size: 0.58rem;
  }

  .instagram-spots {
    padding: 5.5rem 1rem;
  }

  .spots-intro {
    margin-bottom: 3.25rem;
  }

  .spots-intro h2 {
    font-size: clamp(3rem, 15vw, 4.6rem);
  }

  .spots-carousel {
    height: 430px;
  }

  .spots-stage {
    min-height: 490px;
  }

  .spot-card {
    width: min(72vw, 300px);
    transform:
      translate3d(calc(-50% + (var(--spot-position) * 62vw)), -50%, calc(var(--spot-distance) * -120px))
      rotateY(calc(var(--spot-position) * -12deg))
      scale(calc(1 - (var(--spot-distance) * 0.16)));
  }

  .spots-play {
    margin-left: 0.35rem;
  }

  .spot-legend {
    display: block;
    width: 100%;
    margin-top: 4rem;
  }

  .legend-index {
    display: block;
    margin-bottom: 2rem;
  }

  .legend-copy h3 {
    font-size: 2.9rem;
  }

  .legend-ritual {
    margin: 2rem 0;
  }

  .share-ritual {
    margin-top: 2.5rem;
  }

  .share-ritual p {
    display: block;
    margin-bottom: 0.7rem;
  }

  .venues{padding-inline:1rem}.venues-heading{display:block}.venues-heading h2{margin:1rem 0 1.5rem;font-size:clamp(3.6rem,17vw,5.2rem)}
  .venue,.venue:nth-child(even){display:flex;flex-direction:column;gap:2rem;margin-bottom:6rem}.venue:nth-child(even) .venue-media,.venue:nth-child(even) .venue-copy{grid-column:auto;grid-row:auto}
  .venue-media{width:100%;min-height:70svh;border-radius:12rem 12rem 1rem 1rem}.venue-copy h3{font-size:3.8rem}.venue-actions{display:grid}.whole-venue{display:block}.whole-venue h3{font-size:3.4rem}.whole-venue button{width:100%;margin-top:1rem}
  .vip-hero{min-height:78svh}.vip-hero h2{font-size:4.6rem}.vip-card{display:block;min-height:0}.vip-media{height:56svh}.vip-copy{padding:2rem}
  .vip-policies summary{grid-template-columns:1fr auto}.vip-policies summary small{display:none}.vip-policies ol{display:block}.vip-policies li{padding-right:0}
  .venue-form form{grid-template-columns:1fr}.venue-form .wide{grid-column:auto}
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    scroll-behavior: auto !important;
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
  }

  .cinematic-intro {
    display: none;
  }
}

.closing{width:100%;max-width:100%;overflow:hidden;background:#071b15}
.arrival{display:grid;grid-template-columns:1fr 1fr;min-height:720px;background:#11372a;color:#f6eedf}.arrival-art{position:relative;overflow:hidden;background:radial-gradient(circle,#8d702f55,transparent 32%),repeating-radial-gradient(ellipse,transparent 0 28px,#e9d39a33 29px 30px)}.arrival-art b{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);color:#c9942c;font:500 clamp(5rem,11vw,10rem) "Cormorant Garamond"}.arrival-art span{position:absolute;left:3rem;bottom:3rem;font-size:.7rem;letter-spacing:.16em}.arrival-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,7vw,8rem)}.arrival-copy>span,.reviews header>span,.footer-social>span,.footer-rating>div>span{color:#bb7b12;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.arrival h2,.reviews h2{margin:.8rem 0 1rem;font:500 clamp(3rem,6vw,6rem)/.93 "Cormorant Garamond",serif}.arrival-copy p{line-height:1.8;color:#f6eedfb8}.arrival-copy a{align-self:flex-start;margin-top:2rem;padding:1rem 1.3rem;border:1px solid #c9942c;color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.15em;font-size:.72rem;transition:background .25s,color .25s}.arrival-copy a:hover{color:#071b15;background:#c9942c}
.reviews{padding:8rem max(1.5rem,calc((100vw - 1180px)/2));background:#e8dec9;color:#153d2d}.reviews>header{width:min(1180px,100%);margin:0 auto 4rem}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem}.review-grid article{display:flex;min-height:330px;flex-direction:column;padding:2rem;background:#f7f0e3;border-top:3px solid #b87b18}.review-grid article>div{color:#b87b18}.review-grid blockquote{font:500 1.65rem/1.3 "Cormorant Garamond";margin:2rem 0}.review-grid footer{display:flex;flex-direction:column;margin-top:auto}.review-grid footer span{font-size:.7rem;opacity:.65}
.site-footer{width:100%;margin:0;padding:5rem max(1.5rem,calc((100vw - 1180px)/2)) max(2rem,env(safe-area-inset-bottom));background:#071b15;color:#eee5d4}.footer-main{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:3rem;padding-bottom:3rem;border-bottom:1px solid #ffffff22}.footer-brand img{display:block;width:180px}.footer-brand p{margin:1rem 0 0;font:500 1.4rem "Cormorant Garamond"}.footer-social{justify-self:end}.footer-social>span{display:block;margin-bottom:1rem}.footer-social nav{display:flex;justify-content:flex-end;gap:.65rem}.footer-social a{display:grid;width:3.2rem;height:3.2rem;place-items:center;border:1px solid #ffffff30;border-radius:50%;transition:transform .25s,border-color .25s,background .25s}.footer-social a:hover{transform:translateY(-3px);border-color:#c9942c;background:#c9942c17}.footer-social a>span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.footer-social svg,.rating-actions svg{width:1.35rem;height:1.35rem;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.footer-social svg path:not([d^="M7.2"]):not([d^="M16.8"]):not([d^="M7.3"]):not([d^="M10.9"]):not([d^="M10.8"]),.rating-actions svg path{fill:currentColor;stroke:none}.footer-social .icon-fill,.rating-actions .icon-fill{fill:currentColor;stroke:none}
.footer-rating{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:4rem;padding:4rem 0;border-bottom:1px solid #ffffff22}.footer-rating h2{max-width:700px;margin:.7rem 0 1rem;font:500 clamp(2.6rem,5vw,5rem)/.95 "Cormorant Garamond",serif}.footer-rating p{max-width:650px;margin:0;color:#eee5d4aa;line-height:1.7}.rating-actions{display:grid;gap:.8rem}.rating-actions a{display:flex;min-height:3.8rem;align-items:center;justify-content:center;gap:.8rem;padding:.85rem 1rem;border:1px solid #c9942c;color:inherit;text-transform:uppercase;letter-spacing:.09em;font-size:.66rem;transition:color .25s,background .25s}.rating-actions a:hover{color:#071b15;background:#c9942c}
.footer-policies{border-bottom:1px solid #ffffff22}.footer-policies button{display:grid;width:100%;grid-template-columns:1fr auto;align-items:center;border:0;border-bottom:1px solid #ffffff18;padding:1.35rem 0;color:inherit;background:transparent;text-align:left;cursor:pointer}.footer-policies button:last-child{border-bottom:0}.footer-policies button span{font:500 clamp(1.3rem,2.4vw,1.8rem) "Cormorant Garamond"}.footer-policies button i{color:#c9942c;font-size:1.8rem;font-style:normal;transition:transform .25s}.footer-policies button:hover i{transform:rotate(45deg)}
.footer-bottom{display:flex;justify-content:space-between;padding-top:2rem;font-size:.72rem}.footer-bottom a{color:inherit;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}
.policy-modal{position:fixed;z-index:120;inset:0;display:grid;place-items:center;padding:1rem}.policy-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:#030a078f;backdrop-filter:blur(12px);cursor:pointer}.policy-modal article{position:relative;z-index:1;width:min(760px,100%);max-height:min(86svh,850px);overflow:auto;border:1px solid #cfb36e66;border-radius:1rem;padding:clamp(1.5rem,4vw,3.5rem);color:#143d2d;background:#f4efe3;box-shadow:0 30px 90px #0008}.policy-modal article>header{display:flex;align-items:center;justify-content:space-between}.policy-modal article>header>span{color:#a96f11;font-size:.67rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase}.policy-modal article>header>button{display:grid;width:2.6rem;height:2.6rem;place-items:center;border:1px solid #143d2d44;border-radius:50%;color:#143d2d;background:transparent;font-size:1.7rem;cursor:pointer}.policy-modal h2{margin:2rem 0 1rem;font:500 clamp(2.7rem,6vw,5rem)/.95 "Cormorant Garamond",serif}.policy-modal article>p{max-width:650px;color:#143d2db3;line-height:1.75}.policy-modal ul{display:grid;gap:0;margin:2rem 0 0;padding:0;list-style:none;counter-reset:policy}.policy-modal li{position:relative;padding:1.1rem 0 1.1rem 3rem;border-top:1px solid #143d2d24;color:#143d2dc7;line-height:1.65;counter-increment:policy}.policy-modal li:before{position:absolute;top:1.2rem;left:0;color:#a96f11;content:counter(policy,decimal-leading-zero);font-size:.68rem;font-weight:700;letter-spacing:.08em}.policy-close{margin-top:2rem;border:1px solid #143d2d;padding:.9rem 1.3rem;color:#143d2d;background:transparent;text-transform:uppercase;letter-spacing:.12em;font-size:.68rem;cursor:pointer}
.footer-legal-notice{display:block;max-width:620px;margin-top:1.25rem;color:#eee5d47a;font-size:.67rem;line-height:1.7}
@media(max-width:800px){.arrival{grid-template-columns:1fr;min-height:0}.arrival-art{min-height:430px}.arrival-art span{left:1.5rem;bottom:1.5rem}.arrival-copy{padding:4rem 1.5rem}.review-grid{grid-template-columns:1fr}.reviews{padding:6rem 1rem}.footer-main,.footer-rating{grid-template-columns:1fr;gap:2.5rem}.footer-social{justify-self:start}.footer-social nav{justify-content:flex-start;flex-wrap:wrap}.footer-rating{padding:3rem 0}.footer-bottom{flex-direction:column;gap:1rem}.policy-modal{align-items:end;padding:.6rem}.policy-modal article{max-height:90svh;border-radius:1rem 1rem .4rem .4rem}}

/* WordPress integration */
[hidden]{display:none!important}
body.brhuma-site{margin:0;background:#11130f}
body.brhuma-no-scroll{overflow:hidden}
body.admin-bar .site-header{top:32px}
.site-header i,.venue-capacity i,.monthly-note i,.monthly-seal i{font-style:normal}
.mobile-panel nav a b{font:inherit}
.venue-modal:not([hidden]),.policy-modal:not([hidden]){display:grid}
.venue-form [data-field][hidden]{display:none!important}
.form-error{color:#9b2c2c}
.policy-modal ol{display:grid;gap:0;margin:2rem 0 0;padding:0;list-style:none;counter-reset:policy}
.policy-modal ol li{position:relative;padding:1.1rem 0 1.1rem 3rem;border-top:1px solid #143d2d24;color:#143d2dc7;line-height:1.65;counter-increment:policy}
.policy-modal ol li:before{position:absolute;top:1.2rem;left:0;color:#a96f11;content:counter(policy,decimal-leading-zero);font-size:.68rem;font-weight:700;letter-spacing:.08em}
.brhuma-basic-page{display:grid;min-height:100vh;place-items:center;padding:10rem 5vw;background:#f3efe5;color:#183027}
.brhuma-basic-page>div{width:min(900px,100%)}
.brhuma-basic-page>div>span{color:#e49b0f;font-size:.72rem;letter-spacing:.2em}
.brhuma-basic-page h1{font:500 clamp(4rem,9vw,8rem)/.9 "Cormorant Garamond",serif}

@media(max-width:782px){body.admin-bar .site-header{top:46px}}
