:root {
  --ink: #242029;
  --ink-soft: #514b57;
  --bone: #f5f1eb;
  --paper: #eee9ed;
  --brand: #ada4c1;
  --brand-deep: #675d77;
  --brand-ink: #302a39;
  --terracotta: var(--brand-deep);
  --terracotta-dark: var(--brand-ink);
  --olive: #424a3f;
  --gold: var(--brand);
  --line: rgba(36, 32, 41, 0.18);
  --serif: "Italiana", "Times New Roman", serif;
  --sans: "DM Sans", Arial, sans-serif;
  --page-pad: clamp(1.25rem, 4.4vw, 5rem);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bone);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.6;
  overflow-x: hidden;
}
body.menu-open { overflow: hidden; }
a { color: inherit; }
img { display: block; width: 100%; }
button, a { -webkit-tap-highlight-color: transparent; }

.skip-link {
  position: fixed;
  top: -5rem;
  left: 1rem;
  z-index: 1000;
  padding: .8rem 1rem;
  background: var(--bone);
  color: var(--ink);
  transition: top .2s;
}
.skip-link:focus { top: 1rem; }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 50;
  min-height: 6.4rem;
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 2rem;
  padding: 1.15rem var(--page-pad);
  color: #fff;
  border-bottom: 1px solid rgba(255,255,255,.22);
  transition: min-height .35s, background .35s, color .35s, border-color .35s;
}
.site-header.scrolled {
  min-height: 4.9rem;
  color: var(--ink);
  background: rgba(243, 237, 227, .94);
  border-color: var(--line);
  backdrop-filter: blur(16px);
}
.wordmark {
  display: flex;
  align-items: center;
  gap: .75rem;
  width: max-content;
  text-decoration: none;
}
.brand-logo {
  width: 3.5rem;
  height: 3.5rem;
  object-fit: contain;
  flex: 0 0 auto;
}
.wordmark-name {
  font-family: var(--serif);
  font-size: 1rem;
  line-height: .95;
  letter-spacing: .02em;
}
.desktop-nav { display: flex; gap: clamp(1.25rem, 2.6vw, 2.75rem); }
.desktop-nav a,
.header-book {
  position: relative;
  font-size: .78rem;
  font-weight: 500;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}
.desktop-nav a::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -.35rem;
  height: 1px;
  background: currentColor;
  transition: right .25s;
}
.desktop-nav a:hover::after,
.desktop-nav a:focus-visible::after { right: 0; }
.header-actions { justify-self: end; display: flex; align-items: center; gap: 1.2rem; }
.header-concierge {
  padding: .54rem .85rem;
  border: 1px solid currentColor;
  font-size: .68rem;
  font-weight: 500;
  line-height: 1;
  letter-spacing: .11em;
  text-decoration: none;
  text-transform: uppercase;
  transition: color .2s, background .2s;
}
.header-concierge:hover,
.header-concierge:focus-visible { color: var(--brand-ink); background: var(--bone); }
.header-book { border-bottom: 1px solid currentColor; padding-bottom: .25rem; }
.language-switcher {
  display: inline-flex;
  align-items: center;
  gap: .38rem;
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .12em;
}
.language-switcher a {
  padding: .28rem .06rem;
  text-decoration: none;
  opacity: .58;
  transition: opacity .2s;
}
.language-switcher a:hover,
.language-switcher a:focus-visible,
.language-switcher a[aria-current="page"] { opacity: 1; }
.language-switcher a[aria-current="page"] { border-bottom: 1px solid currentColor; }
.language-switcher span { opacity: .42; }
.menu-toggle { display: none; }

.hero {
  position: relative;
  min-height: 100svh;
  color: #fff;
  overflow: hidden;
  background: #282019;
}
.hero-image, .events-image {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
}
.hero-image { object-position: center 50%; transform: scale(1.025); animation: hero-in 1.4s cubic-bezier(.2,.7,.2,1) forwards; }
@keyframes hero-in { to { transform: scale(1); } }
.hero-wash {
  position: absolute;
  inset: 0;
  background: linear-gradient(90deg, rgba(18,12,9,.72) 0%, rgba(18,12,9,.18) 58%, rgba(18,12,9,.34) 100%), linear-gradient(0deg, rgba(18,12,9,.45), transparent 55%);
}
.hero-kicker {
  position: absolute;
  top: 8.8rem;
  left: var(--page-pad);
  margin: 0;
  font-size: .73rem;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.hero-copy {
  position: absolute;
  left: var(--page-pad);
  bottom: clamp(6.8rem, 12vh, 9rem);
  z-index: 2;
  width: min(51rem, 72vw);
}
.hero h1,
.section-heading h2,
.story h2,
.dining h2,
.events h2,
.booking-band h2 {
  margin: 0;
  font-family: var(--serif);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .9;
}
.hero h1 { font-size: clamp(4.5rem, 10vw, 9.5rem); }
.hero h1.hero-title-long { font-size: clamp(3.65rem, 7.3vw, 7.4rem); }
h1 em, h2 em { font-weight: 400; color: var(--gold); }
.story h2 em,
.stay h2 em,
.details h2 em { color: var(--brand-deep); }
.hero-copy > p {
  max-width: 35rem;
  margin: 1.75rem 0 2rem;
  font-size: clamp(1rem, 1.5vw, 1.25rem);
  font-weight: 300;
}
.hero-buttons, .events-actions { display: flex; align-items: center; gap: 1.7rem; flex-wrap: wrap; }
.button {
  -webkit-appearance: none;
  appearance: none;
  background: transparent;
  font-family: inherit;
  min-height: 3.25rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .85rem 1.35rem;
  border: 1px solid;
  font-size: .75rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
  transition: background .25s, color .25s, transform .25s;
}
.button:hover { transform: translateY(-2px); }
.button-light { border-color: rgba(255,255,255,.75); color: #fff; }
.button-light:hover, .button-light:focus-visible { background: #fff; color: var(--ink); }
.button-dark { border-color: var(--ink); color: var(--ink); }
.button-dark:hover, .button-dark:focus-visible { background: var(--ink); color: var(--bone); }
.text-link {
  display: inline-flex;
  align-items: center;
  gap: .7rem;
  padding: .55rem 0;
  border-bottom: 1px solid currentColor;
  font-size: .77rem;
  font-weight: 600;
  letter-spacing: .12em;
  text-decoration: none;
  text-transform: uppercase;
}
.text-link span { transition: transform .2s; }
.text-link:hover span { transform: translate(.18rem, -.18rem); }
.text-link-light { color: #fff; }
.hero-side-note {
  position: absolute;
  right: var(--page-pad);
  top: 50%;
  writing-mode: vertical-rl;
  transform: translateY(-50%);
  font-size: .65rem;
  letter-spacing: .22em;
  text-transform: uppercase;
}
.hero-scroll {
  position: absolute;
  left: var(--page-pad);
  bottom: 1.8rem;
  z-index: 2;
  display: flex;
  align-items: center;
  gap: .7rem;
  color: #fff;
  font-size: .68rem;
  letter-spacing: .16em;
  text-decoration: none;
  text-transform: uppercase;
}
.hero-scroll span { width: 2.4rem; height: 1px; background: rgba(255,255,255,.7); }

.facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  padding: 0 var(--page-pad);
  background: var(--terracotta);
  color: #fff;
}
.fact {
  min-height: 9.5rem;
  display: flex;
  align-items: baseline;
  gap: .8rem;
  padding: 2.5rem 1.2rem;
  border-right: 1px solid rgba(255,255,255,.22);
}
.fact:first-child { padding-left: 0; }
.fact:last-child { border: 0; }
.fact strong { font-family: var(--serif); font-size: clamp(2.8rem, 4vw, 4.6rem); font-weight: 400; line-height: 1; }
.fact span { max-width: 7rem; font-size: .7rem; line-height: 1.35; letter-spacing: .12em; text-transform: uppercase; }

.section-shell { padding-inline: var(--page-pad); }
.story {
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(24rem, .78fr);
  gap: clamp(4rem, 10vw, 11rem);
  align-items: center;
  padding-top: clamp(6rem, 11vw, 10rem);
  padding-bottom: clamp(6rem, 11vw, 10rem);
  background:
    radial-gradient(circle at 8% 22%, rgba(173,164,193,.18), transparent 25rem),
    var(--bone);
}
.eyebrow {
  margin: 0 0 1.5rem;
  color: var(--terracotta);
  font-size: .72rem;
  font-weight: 600;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.story h2, .section-heading h2, .dining h2, .booking-band h2 { font-size: clamp(3.2rem, 6.7vw, 7rem); }
.story .lead {
  max-width: 39rem;
  margin: 2.2rem 0 1.25rem;
  font-family: var(--serif);
  font-size: clamp(1.45rem, 2vw, 2rem);
  line-height: 1.35;
}
.story-copy > p:not(.eyebrow):not(.lead) { max-width: 36rem; color: var(--ink-soft); }
.story-copy .text-link { margin-top: 1.4rem; }
.story-visual {
  position: relative;
  max-width: 34rem;
  padding: 0 0 5rem 3.5rem;
  justify-self: end;
}
.arch-frame {
  position: relative;
  overflow: hidden;
  aspect-ratio: .71;
  border-radius: 50% 50% 0 0 / 23% 23% 0 0;
  background: var(--terracotta);
}
.arch-frame::after { content: ""; position: absolute; inset: 1rem; border: 1px solid rgba(255,255,255,.45); border-radius: inherit; pointer-events: none; }
.arch-frame img { height: 100%; object-fit: cover; object-position: center 48%; transition: transform .8s cubic-bezier(.2,.7,.2,1); }
.arch-frame:hover img { transform: scale(1.035); }
.image-caption { display: flex; gap: 1rem; margin: .9rem 0 0; font-size: .72rem; letter-spacing: .11em; text-transform: uppercase; }
.image-caption span { color: var(--terracotta); }
.botanical-inset {
  position: absolute;
  left: -2.5rem;
  bottom: 0;
  width: 43%;
  margin: 0;
  padding: .55rem;
  background: var(--bone);
  box-shadow: 0 1.5rem 3.2rem rgba(36,32,41,.18);
}
.botanical-inset img { aspect-ratio: .78; object-fit: cover; }
.botanical-inset figcaption {
  padding: .55rem .25rem .15rem;
  color: var(--ink-soft);
  font-size: .61rem;
  letter-spacing: .11em;
  text-transform: uppercase;
}

.stay {
  padding-top: clamp(6rem, 10vw, 9rem);
  padding-bottom: clamp(6rem, 10vw, 9rem);
  background: var(--paper);
}
.section-heading {
  display: grid;
  grid-template-columns: 1fr minmax(17rem, 30rem);
  grid-template-areas: "eyebrow text" "title text";
  column-gap: 3rem;
  align-items: end;
}
.section-heading .eyebrow { grid-area: eyebrow; }
.section-heading h2 { grid-area: title; }
.section-heading > p:last-child { grid-area: text; margin: 0 0 .35rem; color: var(--ink-soft); }
.stay-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: clamp(3.5rem, 7vw, 7rem);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.stay-card { min-height: 31rem; padding: 2.2rem clamp(1.25rem, 2.8vw, 3.2rem); border-right: 1px solid var(--line); }
.stay-card:last-child { border: 0; }
.stay-card-accent { background: var(--brand-deep); color: var(--bone); transform: translateY(-1.5rem); box-shadow: 0 1.2rem 2.5rem rgba(48,42,57,.18); }
.card-number { font-size: .7rem; letter-spacing: .15em; }
.stay-card h3 { margin: 4.8rem 0 1.25rem; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3rem); font-weight: 400; line-height: 1.05; }
.stay-card p { color: currentColor; opacity: .78; }
.stay-card ul { display: grid; gap: .65rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.stay-card li { padding-top: .65rem; border-top: 1px solid currentColor; font-size: .8rem; letter-spacing: .04em; opacity: .82; }

.dining {
  padding-top: clamp(6rem, 10vw, 9rem);
  padding-bottom: clamp(6rem, 10vw, 9rem);
  background: var(--terracotta-dark);
  color: var(--bone);
}
.dining .eyebrow { color: var(--gold); }
.dining-heading { text-align: center; }
.dining-feature {
  position: relative;
  min-height: 36rem;
  display: grid;
  grid-template-columns: minmax(19rem, .72fr) minmax(0, 1.28fr);
  margin: clamp(3rem, 5vw, 5rem) 0 0;
  background: linear-gradient(135deg, rgba(173,164,193,.1), rgba(0,0,0,.18)), #211d27;
  overflow: hidden;
}
.dining-feature::after {
  display: none;
}
.dining-feature img {
  height: clamp(36rem, 46vw, 43rem);
  object-fit: cover;
  object-position: center 46%;
}
.dining-feature figcaption {
  align-self: end;
  max-width: 36rem;
  margin: 0;
  padding: clamp(2rem, 5vw, 5rem);
  color: rgba(255,255,255,.84);
  font-family: var(--serif);
  font-size: clamp(1.35rem, 2.2vw, 2rem);
  line-height: 1.3;
}
.dining-feature figcaption span {
  display: block;
  margin-bottom: .35rem;
  color: var(--brand);
  font-family: var(--sans);
  font-size: .65rem;
  font-weight: 600;
  letter-spacing: .16em;
  text-transform: uppercase;
}
.dining-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: clamp(4rem, 10vw, 10rem); margin-top: clamp(4rem, 7vw, 7rem); }
.dining-intro > p { color: rgba(243,237,227,.78); }
.dining-intro .dropcap { margin-top: 0; font-family: var(--serif); font-size: clamp(1.45rem, 2.2vw, 2.15rem); line-height: 1.4; color: var(--bone); }
.dining-intro .dropcap::first-letter { float: left; margin: .05em .13em 0 0; color: var(--gold); font-size: 3.4em; line-height: .78; }
.dining .button-dark { margin-top: 1.4rem; border-color: var(--bone); color: var(--bone); }
.dining .button-dark:hover { background: var(--bone); color: var(--terracotta-dark); }
.menu-list { border-top: 1px solid rgba(243,237,227,.28); }
.menu-list > div {
  display: grid;
  grid-template-columns: 7rem 1fr auto;
  align-items: baseline;
  gap: 1rem;
  padding: 1.5rem 0;
  border-bottom: 1px solid rgba(243,237,227,.28);
}
.menu-list span { color: var(--gold); font-size: .68rem; letter-spacing: .14em; text-transform: uppercase; }
.menu-list strong { font-family: var(--serif); font-size: clamp(1.3rem, 2vw, 1.8rem); font-weight: 400; }
.menu-list small { color: rgba(243,237,227,.62); font-size: .74rem; }

.events { position: relative; min-height: 86vh; display: flex; align-items: center; color: #fff; overflow: hidden; }
.events-image { object-position: center 68%; }
.events-overlay { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(18,12,9,.78), rgba(18,12,9,.08) 68%), linear-gradient(0deg, rgba(18,12,9,.5), transparent 55%); }
.events-copy { position: relative; z-index: 2; max-width: 54rem; padding: 8rem var(--page-pad) 11rem; }
.events .eyebrow { color: #fff; }
.events h2 { font-size: clamp(3.7rem, 8vw, 8.2rem); }
.events-copy > p:not(.eyebrow) { max-width: 37rem; margin: 1.7rem 0 2rem; font-size: clamp(1rem, 1.6vw, 1.25rem); }
.event-capacity {
  position: absolute;
  z-index: 2;
  right: var(--page-pad);
  bottom: 0;
  display: grid;
  grid-template-columns: repeat(3, minmax(8.5rem, 1fr));
  color: var(--ink);
  background: var(--bone);
}
.event-capacity > div { display: grid; padding: 1.15rem 1.6rem; border-right: 1px solid var(--line); }
.event-capacity > div:last-child { border: 0; }
.event-capacity strong { font-family: var(--serif); font-size: 2.4rem; font-weight: 400; line-height: 1; }
.event-capacity span { font-size: .65rem; letter-spacing: .11em; text-transform: uppercase; }

.details { padding-top: clamp(6rem, 10vw, 9rem); padding-bottom: clamp(6rem, 10vw, 9rem); }
.section-heading.compact { display: block; max-width: 60rem; }
.details-layout { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(4rem, 9vw, 9rem); margin-top: clamp(4rem, 7vw, 7rem); }
.amenities { display: grid; grid-template-columns: 1fr 1fr; align-content: start; border-top: 1px solid var(--line); }
.amenities > div { display: grid; grid-template-columns: 2.2rem 1fr; gap: .7rem; align-items: baseline; min-height: 5rem; padding: 1.2rem 1rem 1.2rem 0; border-bottom: 1px solid var(--line); }
.amenities > div:nth-child(odd) { border-right: 1px solid var(--line); }
.amenities > div:nth-child(even) { padding-left: 1rem; }
.amenities span { color: var(--terracotta); font-size: .64rem; }
.amenities p { margin: 0; font-family: var(--serif); font-size: clamp(1.15rem, 1.8vw, 1.55rem); }
.faq { border-top: 1px solid var(--line); }
.faq details { border-bottom: 1px solid var(--line); }
.faq summary {
  position: relative;
  padding: 1.5rem 2.5rem 1.5rem 0;
  cursor: pointer;
  list-style: none;
  font-family: var(--serif);
  font-size: clamp(1.25rem, 2vw, 1.7rem);
}
.faq summary::-webkit-details-marker { display: none; }
.faq summary::after { content: "+"; position: absolute; right: .25rem; top: 1.38rem; font-family: var(--sans); font-size: 1.2rem; font-weight: 300; }
.faq details[open] summary::after { content: "−"; }
.faq details p { margin: -.25rem 2.5rem 1.5rem 0; color: var(--ink-soft); }
.faq .text-link { margin-top: 1.6rem; }

.booking-band {
  position: relative;
  display: grid;
  grid-template-columns: auto 1fr auto;
  gap: clamp(2rem, 5vw, 5rem);
  align-items: center;
  min-height: 31rem;
  padding: 5rem var(--page-pad);
  color: var(--bone);
  background:
    radial-gradient(circle at 15% 15%, rgba(173,164,193,.24), transparent 20rem),
    var(--brand-ink);
  overflow: hidden;
}
.booking-band::after { content: ""; position: absolute; width: 34rem; height: 34rem; right: -13rem; top: -17rem; border: 1px solid rgba(243,237,227,.22); border-radius: 50%; }
.booking-seal {
  width: clamp(9rem, 14vw, 13rem);
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  align-content: center;
  border: 1px solid rgba(243,237,227,.4);
  border-radius: 50%;
}
.booking-seal img { width: 63%; height: 63%; object-fit: contain; }
.booking-seal small { font-size: .58rem; letter-spacing: .22em; text-transform: uppercase; }
.booking-band .eyebrow { color: var(--gold); }
.booking-band h2 { font-size: clamp(3rem, 5.8vw, 6rem); }
.booking-actions { position: relative; z-index: 2; display: grid; gap: 1rem; justify-items: start; }
.booking-actions > a:last-child { color: var(--bone); font-size: .8rem; letter-spacing: .08em; text-underline-offset: .35rem; }

.site-footer {
  display: grid;
  grid-template-columns: 1.2fr 1fr auto;
  gap: 3rem;
  padding: 4rem var(--page-pad) 2rem;
  color: rgba(243,237,227,.84);
  background: var(--ink);
}

.social-bar {
  position: fixed;
  z-index: 80;
  right: 0;
  top: 50%;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.24);
  border-right: 0;
  border-radius: 14px 0 0 14px;
  background: rgba(57, 48, 68, 0.94);
  box-shadow: 0 12px 32px rgba(31, 24, 36, 0.22);
  backdrop-filter: blur(12px);
  transform: translateY(-50%);
}

.social-bar-link {
  display: grid;
  place-items: center;
  width: 54px;
  height: 54px;
  color: #fff;
  transition: color 180ms ease, background-color 180ms ease;
}

.social-bar-link + .social-bar-link { border-top: 1px solid rgba(255, 255, 255, 0.18); }
.social-bar-link:hover,
.social-bar-link:focus-visible { color: #393044; background: #d8d0e4; outline: none; }
.social-bar-link svg { width: 24px; height: 24px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.social-bar-link svg path { fill: currentColor; stroke: none; }
.social-bar-link .social-dot { fill: currentColor; stroke: none; }
.social-bar-link span { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }

@media (max-width: 720px) {
  .social-bar {
    top: 50%;
    right: 0;
    bottom: auto;
    flex-direction: column;
    border: 1px solid rgba(255, 255, 255, 0.24);
    border-right: 0;
    border-radius: 14px 0 0 14px;
    transform: translateY(-50%);
  }
  .social-bar-link { width: 48px; height: 50px; }
  .social-bar-link + .social-bar-link { border-top: 1px solid rgba(255, 255, 255, 0.18); border-left: 0; }
}
.footer-brand { display: flex; gap: 1rem; align-items: center; }
.brand-logo-footer { width: 4.25rem; height: 4.25rem; }
.footer-brand p, .footer-contact p { margin: 0; font-family: var(--serif); line-height: 1.35; }
.footer-contact a { display: inline-block; margin-top: .8rem; font-size: .8rem; text-underline-offset: .25rem; }
.footer-social { display: flex; flex-wrap: wrap; gap: 1rem; margin-top: .9rem; }
.footer-social a { margin-top: 0; font-size: .72rem; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.footer-social a:hover, .footer-social a:focus-visible { text-decoration: underline; }
.footer-links { display: flex; flex-wrap: wrap; gap: 1.2rem; align-content: start; }
.footer-links a { font-size: .72rem; letter-spacing: .11em; text-decoration: none; text-transform: uppercase; }
.footer-note { grid-column: 1 / -1; margin: 2rem 0 0; padding-top: 1.5rem; border-top: 1px solid rgba(243,237,227,.16); color: rgba(243,237,227,.45); font-size: .66rem; letter-spacing: .05em; }

.mobile-menu { display: none; }
.reveal { opacity: 0; transform: translateY(1.5rem); transition: opacity .75s ease, transform .75s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

/* Detail pages */
.desktop-nav a[aria-current="page"]::after { right: 0; }
.detail-hero {
  position: relative;
  min-height: min(49rem, 82svh);
  display: flex;
  align-items: end;
  padding: 11rem var(--page-pad) clamp(4.5rem, 9vw, 8rem);
  color: #fff;
  background:
    radial-gradient(circle at 84% 18%, rgba(173,164,193,.34), transparent 28rem),
    var(--brand-ink);
  overflow: hidden;
}
.detail-hero-image {
  position: absolute;
  inset: 0;
  height: 100%;
  object-fit: cover;
}
.detail-hero-image.estate-focus { object-position: center 44%; }
.detail-hero-image.stay-focus { object-position: center 47%; }
.detail-hero-image.event-focus { object-position: center 66%; }
.detail-hero-image.dining-focus { object-position: center 52%; }
.detail-hero-image.guest-focus { object-position: center 52%; }
.detail-hero-overlay {
  position: absolute;
  inset: 0;
  background:
    linear-gradient(90deg, rgba(25,20,29,.82), rgba(25,20,29,.2) 68%),
    linear-gradient(0deg, rgba(25,20,29,.62), transparent 62%);
}
.detail-hero::after {
  content: "";
  position: absolute;
  right: -12rem;
  top: -15rem;
  width: 38rem;
  height: 38rem;
  border: 1px solid rgba(255,255,255,.2);
  border-radius: 50%;
  pointer-events: none;
}
.detail-hero-copy { position: relative; z-index: 2; max-width: 69rem; }
.detail-breadcrumb {
  display: inline-flex;
  align-items: center;
  gap: .65rem;
  margin-bottom: 2rem;
  font-size: .7rem;
  font-weight: 500;
  letter-spacing: .17em;
  text-decoration: none;
  text-transform: uppercase;
}
.detail-breadcrumb span { width: 2rem; height: 1px; background: currentColor; transition: width .2s; }
.detail-breadcrumb:hover span { width: 2.6rem; }
.detail-hero h1 {
  max-width: 66rem;
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(4rem, 9vw, 8.8rem);
  font-weight: 400;
  letter-spacing: -.04em;
  line-height: .9;
}
.detail-hero h1 em { color: var(--brand); }
.detail-hero-copy > p {
  max-width: 42rem;
  margin: 1.8rem 0 0;
  color: rgba(255,255,255,.8);
  font-size: clamp(1rem, 1.6vw, 1.23rem);
  font-weight: 300;
}
.page-jump {
  display: flex;
  flex-wrap: wrap;
  gap: .7rem 1.4rem;
  padding: 1.15rem var(--page-pad);
  border-bottom: 1px solid var(--line);
  background: var(--bone);
}
.page-jump a {
  padding: .35rem 0;
  color: var(--ink-soft);
  font-size: .68rem;
  font-weight: 600;
  letter-spacing: .14em;
  text-decoration: none;
  text-transform: uppercase;
}
.page-jump a:hover, .page-jump a:focus-visible { color: var(--brand-deep); }
.editorial-section {
  padding: clamp(5.5rem, 10vw, 9rem) var(--page-pad);
  background: var(--bone);
}
.editorial-section.alt { background: var(--paper); }
.editorial-section.dark { color: var(--bone); background: var(--brand-ink); }
.editorial-section.dark .eyebrow { color: var(--brand); }
.split-intro {
  display: grid;
  grid-template-columns: minmax(18rem, .8fr) minmax(24rem, 1.2fr);
  gap: clamp(3rem, 9vw, 9rem);
  align-items: start;
}
.split-intro h2,
.section-title {
  margin: 0;
  font-family: var(--serif);
  font-size: clamp(3rem, 6vw, 6.3rem);
  font-weight: 400;
  letter-spacing: -.035em;
  line-height: .94;
}
.split-intro h2 em, .section-title em { color: var(--brand-deep); }
.dark .split-intro h2 em, .dark .section-title em { color: var(--brand); }
.editorial-prose { max-width: 48rem; color: var(--ink-soft); }
.editorial-prose p:first-child { margin-top: 0; }
.editorial-prose .lead {
  color: var(--ink);
  font-family: var(--serif);
  font-size: clamp(1.45rem, 2.4vw, 2.1rem);
  line-height: 1.4;
}
.dark .editorial-prose { color: rgba(245,241,235,.68); }
.dark .editorial-prose .lead { color: var(--bone); }
.editorial-prose .text-link { margin-top: 1rem; }
.editorial-photo-pair {
  display: grid;
  gap: clamp(1rem, 2.4vw, 2.2rem);
  margin-top: clamp(4rem, 8vw, 7rem);
}
.editorial-photo-pair-estate { grid-template-columns: 1.25fr .75fr; }
.editorial-photo-pair-stay { grid-template-columns: repeat(3, 1fr); }
.editorial-photo { margin: 0; }
.editorial-photo img {
  height: clamp(30rem, 43vw, 40rem);
  object-fit: cover;
}
.editorial-photo-pair-estate .editorial-photo-wide img { object-position: center 52%; }
.editorial-photo-pair-estate .editorial-photo:not(.editorial-photo-wide) img { object-position: center 51%; }
.editorial-photo-pair-stay .editorial-photo img { height: clamp(28rem, 38vw, 38rem); object-position: center 48%; }
.editorial-photo figcaption {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: .85rem;
  color: var(--ink-soft);
  font-size: .72rem;
}
.editorial-photo figcaption span { color: var(--brand-deep); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.dining-photo-section { padding: 0 var(--page-pad) clamp(5.5rem, 10vw, 9rem); background: var(--bone); }
.dining-photo-grid { display: grid; grid-template-columns: 1.35fr .65fr; gap: clamp(1rem, 2.4vw, 2.2rem); }
.dining-photo-card { margin: 0; }
.dining-photo-card img { height: clamp(25rem, 43vw, 42rem); object-fit: cover; }
.dining-photo-card-wide img { object-position: center 48%; }
.dining-photo-card:not(.dining-photo-card-wide) img { object-position: 58% center; }
.dining-photo-card figcaption {
  display: flex;
  justify-content: space-between;
  gap: 1.5rem;
  margin-top: .85rem;
  color: var(--ink-soft);
  font-size: .72rem;
}
.dining-photo-card figcaption span { color: var(--brand-deep); font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.numbered-facts {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  margin-top: clamp(4rem, 8vw, 7rem);
  border-top: 1px solid var(--line);
  border-bottom: 1px solid var(--line);
}
.numbered-facts > div { min-height: 10rem; padding: 1.5rem; border-right: 1px solid var(--line); }
.numbered-facts > div:first-child { padding-left: 0; }
.numbered-facts > div:last-child { border-right: 0; }
.numbered-facts strong { display: block; font-family: var(--serif); font-size: clamp(2.4rem, 4vw, 4.3rem); font-weight: 400; line-height: 1; }
.numbered-facts span { display: block; max-width: 10rem; margin-top: .85rem; color: var(--ink-soft); font-size: .68rem; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.section-header { max-width: 63rem; margin-bottom: clamp(3rem, 6vw, 5.5rem); }
.section-header > p:last-child { max-width: 42rem; margin: 1.5rem 0 0; color: var(--ink-soft); }
.dark .section-header > p:last-child { color: rgba(245,241,235,.68); }
.card-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); }
.content-card { min-height: 18rem; padding: 2rem clamp(1.2rem, 2.4vw, 2.6rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.content-card:nth-child(3n) { border-right: 0; }
.content-card .card-number { color: var(--brand-deep); }
.content-card h3 { margin: 3rem 0 1rem; font-family: var(--serif); font-size: clamp(1.7rem, 2.5vw, 2.45rem); font-weight: 400; line-height: 1.08; }
.content-card p { margin: 0; color: var(--ink-soft); }
.content-card ul { display: grid; gap: .55rem; margin: 1.25rem 0 0; padding: 0; color: var(--ink-soft); list-style: none; }
.content-card li { padding-top: .55rem; border-top: 1px solid var(--line); font-size: .82rem; }
.dark .card-grid, .dark .content-card, .dark .content-card li { border-color: rgba(245,241,235,.2); }
.dark .content-card .card-number { color: var(--brand); }
.dark .content-card p, .dark .content-card ul { color: rgba(245,241,235,.68); }
.room-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); }
.room-card { min-height: 19rem; padding: clamp(1.7rem, 3.2vw, 3.2rem); background: var(--bone); }
.room-card h3 { margin: 1.4rem 0 .85rem; font-family: var(--serif); font-size: clamp(2rem, 3vw, 3rem); font-weight: 400; line-height: 1; }
.room-card p { margin: 0; color: var(--ink-soft); }
.room-card small { color: var(--brand-deep); font-size: .66rem; font-weight: 600; letter-spacing: .15em; text-transform: uppercase; }
.option-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 1.2rem; margin-top: 3.5rem; }
.option-card { position: relative; padding: clamp(2rem, 4vw, 4rem); border: 1px solid var(--line); background: var(--bone); overflow: hidden; }
.option-card.featured { color: var(--bone); background: var(--brand-deep); border-color: var(--brand-deep); }
.option-card .option-label { color: var(--brand-deep); font-size: .68rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.option-card.featured .option-label { color: var(--brand); }
.option-card h3 { margin: 2.4rem 0 1rem; font-family: var(--serif); font-size: clamp(2.2rem, 4vw, 4rem); font-weight: 400; line-height: .98; }
.option-card p { max-width: 34rem; margin: 0; color: var(--ink-soft); }
.option-card.featured p { color: rgba(245,241,235,.75); }
.option-card ul { display: grid; gap: .65rem; margin: 2rem 0 0; padding: 0; list-style: none; }
.option-card li { padding-top: .65rem; border-top: 1px solid var(--line); font-size: .82rem; }
.option-card.featured li { border-color: rgba(245,241,235,.22); }
.menu-chapters { border-top: 1px solid rgba(245,241,235,.24); }
.menu-chapter { display: grid; grid-template-columns: 10rem minmax(18rem, .75fr) 1fr; gap: clamp(1.2rem, 4vw, 4rem); padding: 2.4rem 0; border-bottom: 1px solid rgba(245,241,235,.24); }
.menu-chapter > span { color: var(--brand); font-size: .68rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; }
.menu-chapter h3 { margin: 0; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 400; line-height: 1; }
.menu-chapter-copy { color: rgba(245,241,235,.7); }
.menu-chapter-copy p { margin-top: 0; }
.menu-chapter-copy ul { margin: 1rem 0 0; padding-left: 1rem; }
.price-tag { display: inline-block; margin-top: .65rem; color: var(--bone); font-size: .74rem; font-weight: 600; letter-spacing: .08em; }
.capacity-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 1px; margin-top: 4rem; background: var(--line); border: 1px solid var(--line); }
.capacity-card { min-height: 14rem; padding: 1.8rem; background: var(--bone); }
.capacity-card strong { display: block; font-family: var(--serif); font-size: clamp(3rem, 5vw, 5rem); font-weight: 400; line-height: 1; }
.capacity-card h3 { margin: 1.2rem 0 .5rem; font-family: var(--serif); font-size: 1.45rem; font-weight: 400; }
.capacity-card p { margin: 0; color: var(--ink-soft); font-size: .8rem; }
.event-photo-story {
  display: grid;
  grid-template-columns: minmax(19rem, .72fr) minmax(0, 1.28fr);
  margin: clamp(4rem, 8vw, 7rem) 0 0;
  color: var(--bone);
  background: var(--brand-ink);
  overflow: hidden;
}
.event-photo-story img { height: clamp(38rem, 54vw, 49rem); object-fit: cover; object-position: center 54%; }
.event-photo-story figcaption { align-self: end; padding: clamp(2rem, 5vw, 5rem); }
.event-photo-story figcaption span { display: block; color: var(--brand); font-size: .67rem; font-weight: 600; letter-spacing: .16em; text-transform: uppercase; }
.event-photo-story figcaption strong { display: block; margin-top: 1rem; font-family: var(--serif); font-size: clamp(2.5rem, 5vw, 5rem); font-weight: 400; line-height: .95; }
.event-photo-story figcaption p { max-width: 32rem; margin: 1.3rem 0 0; color: rgba(245,241,235,.7); }
.resource-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; background: rgba(245,241,235,.2); border: 1px solid rgba(245,241,235,.2); }
.resource-link { min-height: 13rem; display: flex; flex-direction: column; justify-content: space-between; gap: 2rem; padding: 1.8rem; color: var(--bone); background: var(--brand-ink); text-decoration: none; transition: background .25s; }
.resource-link:hover, .resource-link:focus-visible { background: var(--brand-deep); }
.resource-link small { color: var(--brand); font-size: .65rem; letter-spacing: .15em; text-transform: uppercase; }
.resource-link strong { display: flex; justify-content: space-between; gap: 1rem; font-family: var(--serif); font-size: clamp(1.55rem, 2.5vw, 2.4rem); font-weight: 400; line-height: 1.05; }
.resource-link strong span { font-family: var(--sans); font-size: 1rem; }
.inquiry-band { display: grid; grid-template-columns: 1.2fr auto; gap: 3rem; align-items: end; padding: clamp(4.5rem, 8vw, 7rem) var(--page-pad); background: var(--brand); color: var(--brand-ink); }
.inquiry-band h2 { max-width: 50rem; margin: 0; font-family: var(--serif); font-size: clamp(3rem, 6vw, 6rem); font-weight: 400; letter-spacing: -.035em; line-height: .94; }
.inquiry-band p { max-width: 36rem; margin: 1.4rem 0 0; }
.inquiry-actions { display: flex; flex-wrap: wrap; gap: 1rem; }
.inquiry-actions .button { white-space: nowrap; }
.faq-page { max-width: 66rem; margin: 0 auto; border-top: 1px solid var(--line); }
.faq-page details { border-bottom: 1px solid var(--line); }
.faq-page summary { position: relative; padding: 1.7rem 3rem 1.7rem 0; cursor: pointer; list-style: none; font-family: var(--serif); font-size: clamp(1.35rem, 2.4vw, 2rem); }
.faq-page summary::-webkit-details-marker { display: none; }
.faq-page summary::after { content: "+"; position: absolute; right: .4rem; top: 1.55rem; font-family: var(--sans); font-weight: 300; }
.faq-page details[open] summary::after { content: "−"; }
.faq-page details p { max-width: 50rem; margin: -.2rem 3rem 1.7rem 0; color: var(--ink-soft); }
.source-note { max-width: 52rem; margin: 2.5rem 0 0; color: var(--ink-soft); font-size: .78rem; }
.source-note a { text-underline-offset: .25rem; }
.resource-hero { min-height: 60svh; display: grid; align-items: end; padding: 10rem var(--page-pad) 5rem; color: var(--bone); background: linear-gradient(110deg, rgba(48,42,57,.96), rgba(48,42,57,.64)), url('/assets/event-lawn-aerial.webp') center 48% / cover; }
.resource-hero-copy { max-width: 72rem; }
.resource-hero h1 { max-width: 65rem; margin: 1.2rem 0; font-family: var(--serif); font-size: clamp(3.8rem, 8vw, 7.5rem); font-weight: 400; letter-spacing: -.04em; line-height: .9; }
.resource-hero p { max-width: 46rem; color: rgba(245,241,235,.76); }
.resource-page { padding: clamp(4rem, 8vw, 8rem) var(--page-pad); background: var(--bone); }
.resource-intro { display: grid; grid-template-columns: .65fr 1.35fr; gap: clamp(2rem, 6vw, 7rem); margin-bottom: 4rem; }
.resource-intro h2 { margin: 0; font-family: var(--serif); font-size: clamp(2.5rem, 5vw, 5rem); font-weight: 400; line-height: .95; }
.resource-intro p { max-width: 48rem; margin: 0; color: var(--ink-soft); }
.resource-groups { display: grid; grid-template-columns: repeat(2, 1fr); border-top: 1px solid var(--line); border-left: 1px solid var(--line); }
.resource-group { min-height: 14rem; padding: clamp(1.5rem, 3vw, 3rem); border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.resource-group h3 { margin: 0 0 1.4rem; font-family: var(--serif); font-size: clamp(1.8rem, 3vw, 3rem); font-weight: 400; line-height: 1; }
.resource-group p, .resource-group li { color: var(--ink-soft); }
.resource-group ul { display: grid; gap: .65rem; margin: 0; padding: 0; list-style: none; }
.resource-group li { padding-top: .65rem; border-top: 1px solid var(--line); font-size: .86rem; }
.resource-group a { color: inherit; text-underline-offset: .2rem; }
.resource-group li:has(.worksheet-link) { margin-top: .55rem; border-top: 0; padding-top: 0; }
.worksheet-link { min-height: 3rem; display: inline-flex; align-items: center; justify-content: space-between; gap: 1.5rem; padding: .8rem 1rem; color: var(--bone) !important; background: var(--brand-deep); text-decoration: none; transition: background .2s, transform .2s; }
.worksheet-link:hover, .worksheet-link:focus-visible { background: var(--brand-ink); transform: translateY(-2px); }
.resource-actions { display: flex; flex-wrap: wrap; gap: 1rem; align-items: center; margin-top: 3rem; }
.resource-actions .source-note { margin: 0 0 0 auto; }

@media (max-width: 940px) {
  .site-header { grid-template-columns: 1fr auto; }
  .desktop-nav, .header-book, .header-concierge { display: none; }
  .menu-toggle {
    width: 2.9rem;
    height: 2.9rem;
    display: grid;
    place-content: center;
    gap: .42rem;
    border: 0;
    background: transparent;
    color: currentColor;
    cursor: pointer;
  }
  .menu-toggle span { width: 1.6rem; height: 1px; background: currentColor; transition: transform .25s; }
  .menu-open .menu-toggle span:first-child { transform: translateY(.21rem) rotate(45deg); }
  .menu-open .menu-toggle span:last-child { transform: translateY(-.21rem) rotate(-45deg); }
  .mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 40;
    display: grid;
    grid-template-rows: 1fr auto;
    padding: 8.5rem var(--page-pad) 2rem;
    color: var(--bone);
    background: var(--brand-ink);
    opacity: 0;
    visibility: hidden;
    transform: translateY(-1rem);
    transition: opacity .3s, visibility .3s, transform .3s;
  }
  .mobile-menu.is-open { opacity: 1; visibility: visible; transform: none; }
  .mobile-menu nav { display: grid; align-content: center; }
  .mobile-menu nav a { padding: .4rem 0; font-family: var(--serif); font-size: clamp(2.8rem, 11vw, 5rem); line-height: 1; text-decoration: none; }
  .mobile-menu nav .mobile-concierge { margin-top: 1.25rem; padding-top: 1.25rem; border-top: 1px solid rgba(243,237,227,.24); font-family: var(--sans); font-size: .78rem; font-weight: 500; letter-spacing: .14em; text-transform: uppercase; }
  .mobile-menu-footer { display: flex; justify-content: space-between; gap: 1rem; padding-top: 1.4rem; border-top: 1px solid rgba(243,237,227,.24); font-size: .72rem; }
  .mobile-menu-footer p { margin: 0; }
  .facts { grid-template-columns: 1fr 1fr; }
  .fact:nth-child(2) { border-right: 0; }
  .fact:nth-child(-n+2) { border-bottom: 1px solid rgba(255,255,255,.22); }
  .story { grid-template-columns: 1fr; }
  .story-visual { width: min(34rem, 88%); }
  .section-heading { display: block; }
  .section-heading > p:last-child { max-width: 35rem; margin-top: 2rem; }
  .stay-grid { grid-template-columns: 1fr; }
  .stay-card { min-height: 0; padding-block: 2.5rem; border-right: 0; border-bottom: 1px solid var(--line); }
  .stay-card:last-child { border-bottom: 0; }
  .stay-card-accent { transform: none; }
  .stay-card h3 { margin-top: 2.6rem; }
  .dining-grid, .details-layout { grid-template-columns: 1fr; }
  .dining-photo-grid { grid-template-columns: 1fr 1fr; }
  .menu-list > div { grid-template-columns: 6rem 1fr; }
  .menu-list small { grid-column: 2; }
  .event-capacity { right: 0; left: 0; }
  .booking-band { grid-template-columns: auto 1fr; }
  .booking-actions { grid-column: 2; }
  .split-intro { grid-template-columns: 1fr; }
  .numbered-facts { grid-template-columns: 1fr 1fr; }
  .numbered-facts > div:nth-child(2) { border-right: 0; }
  .numbered-facts > div:nth-child(-n+2) { border-bottom: 1px solid var(--line); }
  .card-grid { grid-template-columns: 1fr 1fr; }
  .content-card:nth-child(3n) { border-right: 1px solid var(--line); }
  .content-card:nth-child(2n) { border-right: 0; }
  .menu-chapter { grid-template-columns: 7rem 1fr; }
  .menu-chapter-copy { grid-column: 2; }
  .capacity-grid { grid-template-columns: 1fr 1fr; }
  .editorial-photo-pair-estate { grid-template-columns: 1fr 1fr; }
  .editorial-photo-pair-stay { grid-template-columns: 1fr 1fr; }
  .editorial-photo-pair-stay .editorial-photo:last-child { grid-column: 1 / -1; }
  .inquiry-band { grid-template-columns: 1fr; align-items: start; }
  .resource-intro { grid-template-columns: 1fr; }
}

@media (max-width: 620px) {
  .site-header { min-height: 5.3rem; }
  .wordmark-name { font-size: .88rem; }
  .brand-logo { width: 3rem; height: 3rem; }
  .hero-kicker { top: 7.4rem; }
  .hero-copy { width: calc(100% - (2 * var(--page-pad))); bottom: 6rem; }
  .hero h1 { font-size: clamp(4.2rem, 20vw, 6.1rem); }
  .hero h1.hero-title-long { font-size: clamp(3.15rem, 14.5vw, 4.8rem); }
  .hero-copy > p { max-width: 28rem; }
  .hero-side-note { display: none; }
  .hero-buttons { gap: 1rem; }
  .facts { padding: 0 var(--page-pad); }
  .fact { min-height: 7.8rem; display: grid; gap: .2rem; align-content: center; padding: 1.2rem 1rem; }
  .fact:nth-child(odd) { padding-left: 0; }
  .fact strong { font-size: 2.9rem; }
  .fact span { font-size: .61rem; }
  .story { gap: 3.5rem; }
  .story h2, .section-heading h2, .dining h2, .booking-band h2 { font-size: clamp(3rem, 14vw, 4.2rem); }
  .story-visual { width: 94%; padding-left: 2.5rem; padding-bottom: 4.5rem; }
  .botanical-inset { left: -.5rem; width: 46%; }
  .stay-card { padding-inline: .5rem; }
  .stay-card-accent { margin-inline: calc(-1 * var(--page-pad)); padding-inline: var(--page-pad); }
  .menu-list > div { grid-template-columns: 1fr; gap: .2rem; }
  .menu-list small { grid-column: 1; }
  .dining-feature { min-height: 0; grid-template-columns: 1fr; }
  .dining-feature img { height: auto; aspect-ratio: 4 / 5; object-position: center 46%; }
  .dining-feature figcaption { max-width: none; padding: 1.8rem 1.3rem 2.2rem; }
  .dining-photo-grid { grid-template-columns: 1fr; }
  .dining-photo-card img { height: min(118vw, 32rem); }
  .dining-photo-card figcaption { display: grid; gap: .25rem; }
  .editorial-photo-pair,
  .editorial-photo-pair-estate,
  .editorial-photo-pair-stay { grid-template-columns: 1fr; }
  .editorial-photo-pair-stay .editorial-photo:last-child { grid-column: auto; }
  .editorial-photo img,
  .editorial-photo-pair-stay .editorial-photo img { height: min(125vw, 34rem); }
  .editorial-photo figcaption { display: grid; gap: .25rem; }
  .event-photo-story { grid-template-columns: 1fr; }
  .event-photo-story img { height: auto; aspect-ratio: 3 / 4; }
  .event-photo-story figcaption { padding: 2.2rem 1.5rem 2.6rem; }
  .events { min-height: 90svh; align-items: start; }
  .events-copy { padding-top: 7rem; }
  .events h2 { font-size: clamp(3.4rem, 16vw, 5rem); }
  .event-capacity { grid-template-columns: repeat(3, 1fr); }
  .event-capacity > div { padding: .85rem .65rem; }
  .event-capacity strong { font-size: 1.8rem; }
  .amenities { grid-template-columns: 1fr; }
  .amenities > div:nth-child(odd) { border-right: 0; }
  .amenities > div:nth-child(even) { padding-left: 0; }
  .booking-band { display: block; text-align: center; }
  .booking-seal { margin: 0 auto 3rem; }
  .booking-actions { justify-items: center; margin-top: 2.2rem; }
  .site-footer { grid-template-columns: 1fr; gap: 2rem; }
  .footer-note { grid-column: 1; }
  .mobile-menu-footer { display: grid; }
  .detail-hero { min-height: 75svh; padding-top: 8.5rem; }
  .detail-hero h1 { font-size: clamp(3.8rem, 18vw, 5.4rem); }
  .page-jump { gap: .35rem 1rem; overflow-x: auto; flex-wrap: nowrap; }
  .page-jump a { white-space: nowrap; }
  .numbered-facts, .card-grid, .room-grid, .option-grid, .capacity-grid, .resource-grid { grid-template-columns: 1fr; }
  .numbered-facts > div, .numbered-facts > div:first-child { min-height: 7.5rem; padding: 1.4rem 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .numbered-facts > div:last-child { border-bottom: 0; }
  .content-card, .content-card:nth-child(3n) { min-height: 0; padding-inline: 0; border-right: 0; }
  .content-card h3 { margin-top: 2rem; }
  .room-card { min-height: 0; }
  .menu-chapter { grid-template-columns: 1fr; gap: .5rem; }
  .menu-chapter-copy { grid-column: 1; }
  .capacity-card { min-height: 11rem; }
  .inquiry-actions { display: grid; }
  .resource-groups { grid-template-columns: 1fr; }
  .resource-actions .source-note { width: 100%; margin: 1rem 0 0; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}

:focus-visible { outline: 2px solid var(--gold); outline-offset: 4px; }

/* Editorial image cards */
#spaces .content-card,.room-grid .room-card{position:relative;isolation:isolate;overflow:hidden;color:var(--bone);min-height:22rem;display:flex;flex-direction:column;justify-content:flex-end;background-position:center;background-size:cover}
#spaces .content-card::before,.room-grid .room-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(35,29,41,.2),rgba(35,29,41,.88) 82%)}
#spaces .content-card>* ,.room-grid .room-card>*{position:relative;z-index:1}
#spaces .content-card .card-number,.room-grid .room-card small{color:#ded1eb}
#spaces .content-card p{color:#fff}
.room-grid .room-card p{color:#fff}
#spaces .content-card:nth-child(1){background-image:url('/assets/guest-living-room.webp')}#spaces .content-card:nth-child(2){background-image:url('/assets/colorful-lounge.webp')}#spaces .content-card:nth-child(3){background-image:url('/assets/guest-living-room.webp')}#spaces .content-card:nth-child(4){background-image:url('/assets/fountain-palms-dusk.webp')}#spaces .content-card:nth-child(5){background-image:url('/assets/pickleball-court.webp')}#spaces .content-card:nth-child(6){background-image:url('/assets/private-club-panorama-night.webp')}
.room-grid .room-card:nth-child(1){background-image:url('/assets/principal-bedroom.webp')}.room-grid .room-card:nth-child(2){background-image:url('/assets/room-principal-two.webp')}.room-grid .room-card:nth-child(3){background-image:url('/assets/pool-casita.webp')}.room-grid .room-card:nth-child(4){background-image:url('/assets/room-yucatan-suite.webp')}.room-grid .room-card:nth-child(5){background-image:url('/assets/room-chiapas.webp')}.room-grid .room-card:nth-child(6){background-image:url('/assets/room-moroccan.webp')}.room-grid .room-card:nth-child(7){background-image:url('/assets/room-mirrored-casitas.webp')}.room-grid .room-card:nth-child(8){background-image:url('/assets/private-salon.webp')}
[data-resource-page="items"] .resource-group{position:relative;overflow:hidden;padding-top:11rem;background-size:100% 10rem;background-repeat:no-repeat;background-position:top center}[data-resource-page="items"] .resource-group:nth-child(1){background-image:url('/assets/dining-table.webp')}[data-resource-page="items"] .resource-group:nth-child(2){background-image:url('/assets/dining-cocktail.webp')}[data-resource-page="items"] .resource-group:nth-child(3){background-image:url('/assets/dining-tacos.webp')}[data-resource-page="items"] .resource-group:nth-child(4){background-image:url('/assets/event-lawn-aerial.webp')}

.floating-event-cta{position:fixed;right:1.4rem;bottom:1.35rem;z-index:35;padding:.8rem 1.15rem;border:1px solid rgba(243,237,227,.5);border-radius:999px;color:var(--bone);background:rgba(48,42,57,.92);box-shadow:0 12px 34px rgba(15,10,18,.25);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(12px)}
.gallery-instagram-cta{position:fixed;left:1.4rem;bottom:1.35rem;z-index:36;display:flex;align-items:center;gap:.65rem;padding:.78rem 1.05rem;border:1px solid rgba(243,237,227,.52);border-radius:999px;color:var(--bone);background:rgba(48,42,57,.94);box-shadow:0 12px 34px rgba(15,10,18,.25);font-size:.7rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase;text-decoration:none;backdrop-filter:blur(12px);opacity:0;pointer-events:none;transform:translateY(1rem);transition:opacity .3s ease,transform .3s ease,background .25s ease}.gallery-instagram-cta.is-visible{opacity:1;pointer-events:auto;transform:none}.gallery-instagram-cta:hover,.gallery-instagram-cta:focus-visible{background:rgba(78,66,91,.98)}.gallery-instagram-cta svg{width:1.15rem;height:1.15rem;fill:none;stroke:currentColor;stroke-width:1.7;flex:0 0 auto}.gallery-instagram-cta .social-dot{fill:currentColor;stroke:none}
.footer-legal-links{grid-column:1/-1;display:flex;justify-content:space-between;gap:1rem;padding-top:1rem;border-top:1px solid rgba(243,237,227,.22);font-size:.68rem;line-height:1.5}.footer-legal-links a{color:inherit}
.inquiry-form-section{align-items:start}.event-inquiry-form{width:100%;padding:clamp(1.25rem,3vw,2.5rem);background:#f4efe7;color:var(--ink)}.form-section-title{display:flex;align-items:center;gap:.8rem;margin:1.2rem 0 .8rem}.form-section-title:first-child{margin-top:0}.form-section-title span{font-size:.64rem;letter-spacing:.15em}.form-section-title h3{margin:0;font-family:var(--serif);font-size:1.65rem;font-weight:400}.public-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:.9rem}.public-form-grid label,.service-checks{display:grid;gap:.35rem;font-size:.68rem;letter-spacing:.09em;text-transform:uppercase}.public-form-grid input,.public-form-grid select,.public-form-grid textarea{width:100%;padding:.78rem;border:1px solid rgba(48,42,57,.25);border-radius:0;background:rgba(255,255,255,.55);font:400 .9rem var(--sans);letter-spacing:0;text-transform:none}.public-form-grid .full{grid-column:1/-1}.check-line{display:flex!important;grid-column:1/-1!important;align-items:center;gap:.55rem!important;text-transform:none!important;letter-spacing:0!important}.check-line input{width:auto}.service-checks{border:0;padding:.5rem 0}.service-checks legend{margin-bottom:.55rem}.service-checks label{display:inline-flex;align-items:center;gap:.35rem;margin:0 1rem .6rem 0;text-transform:none;letter-spacing:0}.service-checks input{width:auto}.event-inquiry-form>.button{margin-top:1.2rem}.form-status{min-height:1.4rem;margin:.8rem 0 0;font-size:.82rem}
@media(max-width:620px){#spaces .content-card,.room-grid .room-card{min-height:19rem;padding:1.5rem}.public-form-grid{grid-template-columns:1fr}.public-form-grid .full{grid-column:1}.floating-event-cta{right:.75rem;bottom:.75rem;padding:.68rem .9rem;font-size:.63rem}.gallery-instagram-cta{left:.75rem;bottom:4.25rem;max-width:calc(100vw - 1.5rem);padding:.7rem .9rem;font-size:.62rem;letter-spacing:.075em}.footer-legal-links{display:grid}}

/* Photo gallery */
.gallery-hero .detail-hero-image{object-position:center 45%}
.gallery-intro{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(16rem,.55fr);gap:clamp(2rem,7vw,8rem);align-items:end}
.gallery-intro p:last-child{max-width:34rem;margin:0 0 .4rem;color:var(--ink-soft)}
.gallery-chapter{padding-top:clamp(4rem,8vw,8rem);padding-bottom:clamp(4rem,9vw,9rem)}
.gallery-chapter.alt{background:var(--paper)}
.gallery-chapter-head{display:grid;grid-template-columns:1fr auto;gap:2rem;align-items:end;margin-bottom:clamp(2rem,5vw,4.5rem)}
.gallery-chapter-head h2{max-width:46rem;margin:0;font-family:var(--serif);font-size:clamp(3rem,7vw,7rem);font-weight:400;letter-spacing:-.035em;line-height:.9}
.gallery-chapter-head h2 em{color:var(--brand-deep)}
.gallery-chapter-head p{max-width:24rem;margin:0;color:var(--ink-soft)}
.gallery-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(.65rem,1.35vw,1.35rem)}
.gallery-item{position:relative;grid-column:span 4;min-height:0;aspect-ratio:4/5;padding:0;border:0;background:#d8d1d8;overflow:hidden;cursor:zoom-in}
.gallery-item.wide{grid-column:span 8;aspect-ratio:8/5}
.gallery-item.tall{grid-row:span 2}
.gallery-item img{height:100%;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1),filter .4s}
.gallery-item::after{content:"View";position:absolute;right:1rem;bottom:1rem;padding:.45rem .7rem;color:#fff;background:rgba(36,32,41,.72);font-size:.62rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;opacity:0;transform:translateY(.4rem);transition:.25s}
.gallery-item:hover img,.gallery-item:focus-visible img{transform:scale(1.025);filter:brightness(.92)}
.gallery-item:hover::after,.gallery-item:focus-visible::after{opacity:1;transform:none}
.gallery-dialog{width:min(92vw,92rem);max-width:none;padding:0;border:0;background:transparent;color:#fff;overflow:visible}
.gallery-dialog::backdrop{background:rgba(22,18,25,.93);backdrop-filter:blur(8px)}
.gallery-dialog figure{margin:0;display:grid;justify-items:center;gap:.8rem}
.gallery-dialog img{width:auto;max-width:100%;max-height:84vh;object-fit:contain}
.gallery-dialog figcaption{font-size:.72rem;letter-spacing:.11em;text-transform:uppercase}
.gallery-dialog-close{position:fixed;top:1.2rem;right:1.2rem;width:3rem;height:3rem;border:1px solid rgba(255,255,255,.6);border-radius:50%;color:#fff;background:rgba(36,32,41,.45);font-size:1.45rem;line-height:1;cursor:pointer}
@media(max-width:940px){.gallery-intro{grid-template-columns:1fr}.gallery-chapter-head{grid-template-columns:1fr}.gallery-item,.gallery-item.wide{grid-column:span 6;aspect-ratio:4/5}}
@media(max-width:620px){.gallery-chapter{padding-top:3.8rem;padding-bottom:4.5rem}.gallery-chapter-head h2{font-size:clamp(3.2rem,15vw,4.8rem)}.gallery-grid{grid-template-columns:1fr;gap:.9rem}.gallery-item,.gallery-item.wide{grid-column:1;aspect-ratio:4/5}.gallery-item:nth-child(3n){aspect-ratio:1/1}.gallery-item::after{display:none}.gallery-dialog{width:94vw}.gallery-dialog-close{top:.75rem;right:.75rem}}

/* Santa Ana from Above */
.aerial-gallery{display:grid;grid-template-columns:1.13fr 1fr;gap:clamp(.9rem,1.5vw,1.5rem)}
.aerial-gallery .aerial-photo{grid-column:auto;aspect-ratio:4/3;width:100%}
.aerial-gallery .aerial-photo:first-child{grid-column:1;grid-row:span 2;aspect-ratio:auto;height:100%}
.aerial-gallery .aerial-photo img{display:block;width:100%;height:100%;object-fit:cover}
.aerial-gallery .aerial-photo:focus-visible{outline:3px solid var(--brand-deep);outline-offset:4px}
html[lang="es"] .aerial-photo::after{content:"Ver"}
@media(max-width:620px){.aerial-gallery{grid-template-columns:1fr}.aerial-gallery .aerial-photo,.aerial-gallery .aerial-photo:first-child{grid-column:1;grid-row:auto;aspect-ratio:auto;height:auto}.aerial-gallery .aerial-photo img{height:auto}}

/* Branded form controls, including native Safari buttons. */
.event-inquiry-form .button{background:var(--brand-ink);border-color:var(--brand-ink);color:var(--bone);cursor:pointer}
.event-inquiry-form .button:hover,.event-inquiry-form .button:focus-visible{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--bone)}
.event-inquiry-form .button:focus-visible{outline:2px solid var(--brand-deep);outline-offset:4px}
.event-inquiry-form .button:active{background:var(--brand-ink);transform:none}
.event-inquiry-form .button:disabled{background:var(--brand-deep);border-color:var(--brand-deep);color:var(--bone);opacity:.7;cursor:wait;transform:none}
.event-inquiry-form input{accent-color:var(--brand-deep)}
.event-inquiry-form input:focus-visible,.event-inquiry-form select:focus-visible,.event-inquiry-form textarea:focus-visible{outline:2px solid var(--brand-deep);outline-offset:2px}