@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500&display=swap');
:root{--ink:#132e2f;--cream:#f3eddf;--paper:#faf7ef;--sage:#7d8260;--terracotta:#a65036;--line:rgba(19,46,47,.2)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}img{display:block;width:100%;object-fit:cover}.site-header{height:86px;padding:0 4vw;display:flex;align-items:center;gap:3vw;background:var(--paper);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand,.footer-mark{font-family:'Playfair Display',serif;font-size:29px;letter-spacing:.04em;line-height:.8}.brand span,.footer-mark span{display:block;font:600 8px 'DM Sans';letter-spacing:.38em;margin-top:9px}.site-header nav{display:flex;gap:2vw;margin-left:auto;font-size:13px}.site-header nav a:hover{color:var(--terracotta)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border:1px solid}.nav-cta{font-size:12px;border-color:var(--ink)}.hero{height:calc(100vh - 86px);min-height:620px;position:relative;color:white}.hero>img{height:100%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,30,29,.72),rgba(9,30,29,.05) 72%)}.hero-copy{position:absolute;left:8vw;top:50%;transform:translateY(-50%);max-width:650px}.eyebrow{font-size:11px;letter-spacing:.24em;font-weight:600;margin:0 0 22px}.light{color:var(--cream)}h1,h2,h3{font-family:'Playfair Display',serif;font-weight:500;margin:0}.hero h1,.page-hero h1,.contact-intro h1{font-size:clamp(64px,8vw,118px);line-height:.86;letter-spacing:-.045em}.hero-copy>p:not(.eyebrow){font-family:'Playfair Display',serif;font-style:italic;font-size:23px;margin:30px 0}.actions{display:flex;align-items:center;gap:28px}.button.cream{background:var(--cream);color:var(--ink);border-color:var(--cream)}.button.dark{background:var(--ink);color:var(--cream);border-color:var(--ink);margin-top:20px}.text-link{font-size:13px;border-bottom:1px solid;padding-bottom:5px}.text-link span{padding-left:12px}.hero-note{position:absolute;right:4vw;bottom:4vw;font-size:10px;letter-spacing:.2em}.split,.story{display:grid;grid-template-columns:1fr 1fr;gap:8vw;padding:130px 8vw}.split h2,.story h2,.feature-copy h2,.return h2,.visit-grid h2{font-size:clamp(44px,5vw,76px);line-height:.98;letter-spacing:-.035em}.prose{font-family:'Playfair Display',serif;font-size:21px;line-height:1.55}.feature-grid{display:grid;grid-template-columns:46% 54%;background:#ddd5c6}.feature-grid img{height:780px}.feature-copy{padding:100px 7vw;align-self:center}.feature-copy>p:not(.eyebrow){line-height:1.7}.return{position:relative;height:760px;color:white}.return img{height:100%;filter:brightness(.62)}.return>div{position:absolute;left:8vw;bottom:9vw;max-width:630px}.return p:not(.eyebrow){font-size:18px;line-height:1.6}.return .button{margin-top:18px}.page-hero{height:560px;padding:160px 8vw 80px;color:white;background-size:cover;background-position:center;position:relative}.page-hero:before{content:'';position:absolute;inset:0;background:rgba(9,31,30,.5)}.page-hero>*{position:relative}.page-hero>p:last-child{font-family:'Playfair Display';font-style:italic;font-size:20px}.menu-hero{background-image:url('/images/mesa.jpg')}.about-hero{background-image:url('/images/salon.jpg')}.location-hero{background-image:url('/images/terraza.jpg')}.menu-wrap{padding:70px 8vw 110px}.menu-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;padding-bottom:32px;border-bottom:1px solid var(--line)}.menu-nav a{white-space:nowrap;border:1px solid var(--line);padding:10px 13px;font-size:12px;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.menu-nav a:hover,.menu-nav a:focus-visible{background:var(--ink);border-color:var(--ink);color:var(--paper);outline:none}.menu-nav a:active{transform:translateY(1px)}.menu-section{display:grid;grid-template-columns:28% 1fr;column-gap:6vw;row-gap:38px;padding:80px 0;border-bottom:1px solid var(--line);align-items:start}.menu-title h2{font-size:44px;line-height:1}.menu-title span{display:block;margin-top:18px;line-height:1.5;font-size:13px}.menu-items{display:grid;grid-template-columns:1fr 1fr;gap:0 4vw}.menu-items article{display:grid;grid-template-columns:1fr auto;gap:20px;padding:18px 0;border-bottom:1px dotted var(--line)}.menu-items h3{font-size:21px}.menu-items p{font-size:13px;line-height:1.45;margin:7px 0 0;color:#536363}.menu-items strong{font:500 14px 'DM Sans'}.menu-disclaimer{text-align:center;font-size:11px;letter-spacing:.08em;margin:-60px 0 70px}.photo-band{height:680px;position:relative}.photo-band img{height:100%;filter:brightness(.65)}.photo-band blockquote{position:absolute;left:8vw;bottom:8vw;color:white;font:italic 50px/1.1 'Playfair Display';margin:0}.story.lower{background:var(--cream)}.visit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding:120px 8vw}.visit-grid>div>p:not(.eyebrow){max-width:520px;line-height:1.7}.hours{border-top:1px solid var(--ink)}.hours>div{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid var(--line)}.hours small{display:block;margin-top:18px}.wide-image{height:640px;padding:0 4vw 4vw}.wide-image img{height:100%}.contact-page{background:var(--ink);color:var(--cream);padding:120px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw}.contact-intro>p:not(.eyebrow){font:20px/1.5 'Playfair Display';max-width:500px}.contact-page form{background:var(--paper);color:var(--ink);padding:45px}.contact-page label{font-size:11px;letter-spacing:.12em;display:block;margin-bottom:24px}.contact-page input,.contact-page textarea{width:100%;border:0;border-bottom:1px solid var(--line);background:transparent;padding:12px 0;font:15px 'DM Sans';border-radius:0}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-page button{width:100%;padding:16px;background:var(--terracotta);color:white;border:0;font-weight:600}.contact-page form small{display:block;margin-top:15px;line-height:1.4}.contact-strip{padding:70px 8vw;background:var(--terracotta);color:white;display:flex;justify-content:space-between;font-family:'Playfair Display';font-size:24px}footer{background:#0b2324;color:var(--cream);padding:70px 8vw 35px;display:grid;grid-template-columns:1fr 1fr;gap:40px}footer>p{font:italic 21px 'Playfair Display';margin:0}.footer-links{display:flex;gap:28px;font-size:12px}footer small{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.2);padding-top:25px;opacity:.65}
@media(max-width:900px){.site-header{height:74px}.site-header nav{display:none}.nav-cta{margin-left:auto}.hero{height:760px}.hero-copy{left:6vw}.hero h1,.page-hero h1,.contact-intro h1{font-size:60px}.split,.story,.feature-grid,.menu-section,.visit-grid,.contact-page{grid-template-columns:1fr}.split,.story,.visit-grid,.contact-page{padding:80px 6vw}.feature-grid img{height:520px}.feature-copy{padding:70px 6vw}.menu-wrap{padding:50px 6vw}.menu-items{grid-template-columns:1fr}.return{height:650px}.page-hero{height:480px;padding:140px 6vw 60px}.photo-band{height:520px}.photo-band blockquote{font-size:36px}.contact-strip{display:block;font-size:20px}.form-row{grid-template-columns:1fr}footer{grid-template-columns:1fr}.wide-image{height:420px}}
@media(max-width:560px){.brand{font-size:23px}.nav-cta{padding:11px 12px}.hero{min-height:610px;height:calc(100vh - 74px)}.hero-copy{right:6vw}.hero h1{font-size:54px}.hero-note{display:none}.menu-title h2{font-size:38px}.contact-page form{padding:28px 22px}.return{height:590px}.footer-links{flex-wrap:wrap}}


.menu-media {
  display: grid;
  grid-column: 2;
  gap: 18px;
  margin-top: 2px;
}

.menu-media.count-2 {
  grid-template-columns: 1fr 1fr;
}

.menu-media figure {
  margin: 0;
  background: var(--cream);
}

.menu-media img {
  width: 100%;
  height: clamp(360px, 34vw, 560px);
  object-fit: cover;
  transition: transform .5s ease;
}

.menu-media figure:hover img {
  transform: scale(1.025);
}

.menu-media.count-2 img {
  height: clamp(300px, 26vw, 430px);
}

.menu-media figcaption {
  padding: 12px 2px 0;
  color: var(--ink);
  font: 500 15px/1.3 'DM Sans', sans-serif;
}

@media (max-width: 900px) {
  .menu-media {
    grid-column: 1;
  }

  .menu-media.count-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .menu-media img,
  .menu-media.count-2 img {
    height: clamp(220px, 38vw, 340px);
  }
}

@media (max-width: 560px) {
  .menu-media,
  .menu-media.count-2 {
    grid-template-columns: 1fr;
  }

  .menu-media img,
  .menu-media.count-2 img {
    height: 230px;
  }
}

.contact-page .form-row-single {
  grid-template-columns: 1fr;
}

.contact-page input:focus-visible,
.contact-page textarea:focus-visible {
  border-bottom-color: var(--terracotta);
  outline: 2px solid transparent;
}

.contact-page button {
  cursor: pointer;
  transition: opacity .2s ease, transform .2s ease;
}

.contact-page button:active {
  transform: translateY(1px);
}

.contact-page button:disabled {
  cursor: wait;
  opacity: .65;
}

.form-status {
  margin-bottom: 24px;
  padding: 14px 16px;
  border: 1px solid currentColor;
  font-size: 13px;
  line-height: 1.5;
}

.form-status.is-success {
  color: #245b3d;
  background: #eef7f0;
}

.form-status.is-error {
  color: #852f24;
  background: #fff1ed;
}

.form-trap {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}