:root{
  --ink:#0b0b0b;
  --cream:#f1e8d8;
  --paper:#f7f1e7;
  --red:#e72b2f;
  --blue:#1649a2;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--cream);font-family:"DM Sans",sans-serif;overflow-x:hidden}
a{color:inherit}
img{display:block;max-width:100%}

.lp-hero{
  position:relative;
  min-height:100svh;
  display:flex;
  align-items:flex-end;
  padding:180px clamp(22px,6vw,92px) 84px;
  overflow:hidden;
}
.lp-hero-media{position:absolute;inset:0;z-index:0}
.lp-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center 54%}
.lp-hero-shade{
  position:absolute;inset:0;z-index:1;
  background:linear-gradient(90deg,rgba(11,11,11,.96) 0%,rgba(11,11,11,.86) 35%,rgba(11,11,11,.38) 66%,rgba(11,11,11,.06) 100%);
}
.lp-nav{
  position:absolute;z-index:3;top:0;left:0;right:0;height:110px;
  display:flex;align-items:center;justify-content:space-between;
  padding:0 clamp(22px,6vw,92px);
  border-bottom:1px solid rgba(255,255,255,.17);
  background:rgba(8,8,8,.42);
  backdrop-filter:blur(16px);
}
.lp-brand img{height:70px;width:auto}
.lp-nav-cta{
  text-decoration:none;border:1px solid rgba(255,255,255,.75);
  border-radius:999px;padding:14px 22px;font-size:.8rem;font-weight:700;
  letter-spacing:.06em;text-transform:uppercase
}
.lp-hero-copy{position:relative;z-index:2;width:min(780px,72%)}
.lp-kicker{font-size:.72rem;letter-spacing:.15em;font-weight:700;color:var(--cream);margin:0 0 18px;text-transform:uppercase}
.lp-kicker.dark{color:var(--red)}
h1,h2{margin:0;font-weight:900;letter-spacing:-.055em}
h1{font-size:clamp(4rem,8vw,8.5rem);line-height:.86}
h2{font-size:clamp(3.4rem,7vw,7rem);line-height:.9}
h1 em,h2 em{font-family:"Playfair Display",serif;font-style:italic;color:var(--red)}
.lp-lead{max-width:570px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.55;color:#e2d8cb;margin:26px 0 32px}
.lp-actions{display:flex;gap:12px;flex-wrap:wrap}
.lp-button{display:inline-flex;align-items:center;justify-content:center;padding:15px 22px;border-radius:999px;text-decoration:none;font-weight:700;font-size:.88rem;transition:.2s}
.lp-button:hover{transform:translateY(-2px)}
.lp-button-primary{background:var(--cream);color:var(--ink);border:1px solid var(--cream)}
.lp-button-ghost{border:1px solid rgba(255,255,255,.7);background:rgba(0,0,0,.14)}
.lp-button-ghost-dark{border:1px solid rgba(11,11,11,.35);color:var(--ink)}

.lp-proof{
  display:grid;grid-template-columns:repeat(3,1fr);
  border-bottom:1px solid rgba(255,255,255,.15);background:#111;
}
.lp-proof>div{padding:28px clamp(22px,4vw,50px);border-right:1px solid rgba(255,255,255,.12)}
.lp-proof>div:last-child{border-right:0}
.lp-proof span{display:block;color:#8f867d;font-size:.65rem;letter-spacing:.15em;margin-bottom:7px}
.lp-proof strong{font-size:1.05rem}

.lp-intro{background:var(--paper);color:var(--ink);padding:110px clamp(22px,6vw,92px)}
.lp-intro-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}
.lp-intro-grid p{font-size:clamp(1.15rem,1.7vw,1.5rem);line-height:1.45;color:#5e574f;max-width:520px}

.lp-menu{padding:110px clamp(22px,6vw,92px)}
.lp-section-head{max-width:900px}
.lp-food-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:54px}
.lp-food-grid article{position:relative;min-height:470px;overflow:hidden}
.lp-food-grid article:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.92))}
.lp-food-grid img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}
.lp-food-grid article>div{position:absolute;z-index:2;left:24px;right:24px;bottom:24px;display:flex;flex-direction:column;gap:7px}
.lp-food-grid span{font-size:.62rem;letter-spacing:.14em;color:var(--red)}
.lp-food-grid strong{font-size:1.5rem}
.lp-food-grid small{color:#d6ccc0;line-height:1.4}
.lp-text-link{display:inline-block;margin-top:28px;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}

.lp-happy{padding:120px clamp(22px,6vw,92px);background:var(--blue)}
.lp-happy-copy{max-width:950px}
.lp-happy h2 em{color:#f2d0c6}
.lp-happy-copy>p:not(.lp-kicker){font-size:1.2rem;margin:24px 0 34px}
.lp-hours{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid rgba(255,255,255,.28);padding-top:28px}
.lp-hours p{margin:0!important;font-size:.95rem!important;line-height:1.55}

.lp-review{padding:100px clamp(22px,6vw,92px);background:var(--cream);color:var(--ink);display:grid;grid-template-columns:.35fr 1fr;gap:70px;align-items:center}
.lp-rating{display:flex;flex-direction:column}
.lp-rating strong{font-size:4rem;line-height:1}
.lp-rating span{color:var(--red);letter-spacing:.08em;margin:8px 0}
.lp-rating small{color:#6f675e}
.lp-review blockquote{
  margin:0;
  font-family:"Montserrat",sans-serif;
  font-style:normal;
  font-weight:500;
  font-size:clamp(1.65rem,3vw,3rem);
  line-height:1.35;
  letter-spacing:-.02em;
}

.lp-reserve{padding:120px clamp(22px,6vw,92px);background:var(--paper);color:var(--ink)}
.lp-reserve-head{max-width:800px}
.lp-reserve-head>p:last-child{font-size:1.05rem;color:#675f56}
.lp-units{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:55px}
.lp-units article{border:1px solid #c9beb0;padding:34px;background:#fff}
.lp-units article>span{font-size:.66rem;letter-spacing:.15em;color:var(--red);font-weight:700}
.lp-units h3{font-size:clamp(2rem,4vw,3.6rem);margin:10px 0 8px;letter-spacing:-.04em}
.lp-units p{color:#6e665c}
.lp-unit-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}

.lp-footer{padding:44px clamp(22px,6vw,92px) 110px;display:flex;justify-content:space-between;gap:28px;align-items:center}
.lp-footer img{width:140px}
.lp-footer div{display:flex;gap:22px;flex-wrap:wrap}
.lp-footer a{text-decoration:none;font-size:.78rem}

.lp-mobile-cta{display:none}

@media(max-width:800px){
  .lp-hero{min-height:940px;padding:140px 22px 44px;align-items:flex-start}
  .lp-nav{height:78px;padding:0 18px}
  .lp-brand img{height:50px}
  .lp-nav-cta{padding:10px 14px;font-size:.68rem}
  .lp-hero-copy{width:100%;padding-top:38px}
  h1{font-size:clamp(3.45rem,16vw,5.4rem)}
  h2{font-size:clamp(3rem,14vw,4.7rem)}
  .lp-hero-media img{object-position:63% 52%}
  .lp-hero-shade{
    background:linear-gradient(180deg,rgba(11,11,11,.94) 0%,rgba(11,11,11,.78) 30%,rgba(11,11,11,.48) 50%,rgba(11,11,11,.10) 72%,rgba(11,11,11,.03) 100%);
  }
  .lp-actions{flex-direction:column;align-items:stretch}
  .lp-actions .lp-button{width:100%}
  .lp-proof{grid-template-columns:1fr}
  .lp-proof>div{border-right:0;border-bottom:1px solid rgba(255,255,255,.12)}
  .lp-intro,.lp-menu,.lp-happy,.lp-review,.lp-reserve{padding:78px 22px}
  .lp-intro-grid,.lp-review{grid-template-columns:1fr;gap:28px}
  .lp-food-grid{grid-template-columns:1fr}
  .lp-food-grid article{min-height:390px}
  .lp-hours,.lp-units{grid-template-columns:1fr}
  .lp-review blockquote{
    font-size:1.9rem;
    line-height:1.35;
  }
  .lp-footer{align-items:flex-start;flex-direction:column;padding:38px 22px 110px}
  .lp-footer div{flex-direction:column;gap:12px}
  .lp-mobile-cta{
    display:block;position:fixed;z-index:20;left:14px;right:14px;
    bottom:max(10px,env(safe-area-inset-bottom));
    background:rgba(247,241,231,.95);padding:6px;border-radius:999px;
    box-shadow:0 12px 34px rgba(0,0,0,.25);backdrop-filter:blur(12px)
  }
  .lp-mobile-cta a{
    display:block;text-align:center;text-decoration:none;background:var(--red);
    color:#fff;border-radius:999px;padding:14px;font-weight:700
  }
}


/* Libanus-specific highlight system: red + cream, no gold */
.lp-kicker{
  color:var(--cream);
  display:flex;
  align-items:center;
  gap:10px;
}
.lp-kicker::before{
  content:"";
  width:18px;
  height:2px;
  background:var(--red);
  flex:0 0 auto;
}
.lp-kicker.dark{
  color:var(--red);
}
.lp-kicker.dark::before{
  background:var(--blue);
}
.lp-happy .lp-kicker{
  color:#fff;
}
.lp-happy .lp-kicker::before{
  background:var(--cream);
}
.lp-food-grid span{
  color:#fff;
}
.lp-food-grid span::before{
  content:"";
  display:inline-block;
  width:6px;
  height:6px;
  margin-right:7px;
  border-radius:50%;
  background:var(--red);
  vertical-align:1px;
}


/* Lightweight animated CTA inspired by BgAnimateButton */
.lp-animated-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  border-color:transparent!important;
  background:#111!important;
  color:#fff!important;
}
.lp-animated-cta::before{
  content:"";
  position:absolute;
  inset:-70%;
  z-index:-2;
  background:
    conic-gradient(
      from 0deg,
      var(--red) 0deg,
      var(--red) 70deg,
      var(--blue) 145deg,
      #111 220deg,
      var(--red) 360deg
    );
  animation:libanus-cta-spin 8s linear infinite;
}
.lp-animated-cta::after{
  content:"";
  position:absolute;
  inset:2px;
  z-index:-1;
  background:#111;
  border-radius:inherit;
}
.lp-animated-cta:hover::before{
  animation-duration:4.5s;
}
.lp-animated-cta:active{
  transform:translateY(1px) scale(.995);
}

@keyframes libanus-cta-spin{
  to{transform:rotate(1turn)}
}

@media(max-width:800px){
  .lp-animated-cta::before{
    animation-duration:10s;
  }
}
@media(prefers-reduced-motion:reduce){
  .lp-animated-cta::before{
    animation:none;
  }
}


/* Happy Hour refinement */
.lp-happy .lp-kicker::before{
  display:none;
}
.lp-happy h2 em{
  color:var(--red)!important;
}


/* Reserve section kicker readability */
.lp-reserve .lp-kicker{
  display:block;
  color:var(--red)!important;
  background:transparent!important;
  font-size:.82rem;
  font-weight:800;
  letter-spacing:.14em;
  line-height:1.3;
  padding:0;
  margin-bottom:18px;
}
.lp-reserve .lp-kicker::before{
  display:none!important;
}

@media(max-width:800px){
  .lp-reserve .lp-kicker{
    font-size:.78rem;
    letter-spacing:.12em;
  }
}


/* Section micro-headings — stronger Libanus editorial identity */
.lp-kicker{
  position:relative;
  display:inline-flex;
  align-items:center;
  gap:10px;
  width:max-content;
  max-width:100%;
  margin-bottom:20px;
  padding:0 0 8px 18px;
  border-bottom:1px solid rgba(255,255,255,.22);
  color:#fff;
  font-size:.76rem;
  font-weight:800;
  line-height:1;
  letter-spacing:.16em;
  text-transform:uppercase;
}
.lp-kicker::before{
  content:"";
  position:absolute;
  left:0;
  top:50%;
  width:7px;
  height:7px;
  transform:translateY(-72%) rotate(45deg);
  background:var(--red);
}
.lp-kicker::after{
  content:"";
  position:absolute;
  left:18px;
  bottom:-1px;
  width:34px;
  height:1px;
  background:var(--red);
}

/* Light sections */
.lp-intro .lp-kicker,
.lp-reserve .lp-kicker{
  color:var(--blue)!important;
  border-bottom-color:rgba(22,73,162,.16);
}
.lp-intro .lp-kicker::after,
.lp-reserve .lp-kicker::after{
  background:var(--blue);
}

/* Menu section on dark background */
.lp-menu .lp-kicker{
  color:var(--cream);
}

/* Happy Hour on blue */
.lp-happy .lp-kicker{
  color:#fff;
  border-bottom-color:rgba(255,255,255,.24);
  padding-left:18px;
}
.lp-happy .lp-kicker::before{
  display:block!important;
  background:var(--cream);
}
.lp-happy .lp-kicker::after{
  background:var(--cream);
}

/* Improve Happy Hour headline contrast */
.lp-happy h2 em{
  color:#0b0b0b!important;
}

/* Reserve kicker no longer uses the previous flat treatment */
.lp-reserve .lp-kicker{
  display:inline-flex!important;
  background:transparent!important;
  font-size:.8rem!important;
  font-weight:800!important;
  letter-spacing:.15em!important;
  line-height:1!important;
  padding:0 0 8px 18px!important;
  margin-bottom:20px!important;
}
.lp-reserve .lp-kicker::before{
  display:block!important;
}
.lp-reserve .lp-kicker::after{
  display:block!important;
}

@media(max-width:800px){
  .lp-kicker,
  .lp-reserve .lp-kicker{
    font-size:.72rem!important;
    letter-spacing:.13em!important;
    gap:8px;
  }
}


/* Floating reserve CTA appears only after the first landing screen */
@media(max-width:800px){
  .lp-mobile-cta{
    opacity:0;
    visibility:hidden;
    transform:translateY(18px);
    pointer-events:none;
    transition:
      opacity .28s ease,
      transform .28s ease,
      visibility .28s ease;
  }
  .lp-mobile-cta.is-visible{
    opacity:1;
    visibility:visible;
    transform:translateY(0);
    pointer-events:auto;
  }
}


/* Hard-hide floating reserve CTA until JS releases it */
.lp-mobile-cta[hidden]{
  display:none!important;
}
@media(max-width:800px){
  .lp-mobile-cta{
    opacity:0!important;
    visibility:hidden!important;
    transform:translateY(18px);
    pointer-events:none!important;
  }
  .lp-mobile-cta.is-visible{
    opacity:1!important;
    visibility:visible!important;
    transform:translateY(0);
    pointer-events:auto!important;
  }
}


/* Mobile performance pass */
.lp-intro,
.lp-menu,
.lp-happy,
.lp-review,
.lp-reserve,
.lp-footer{
  content-visibility:auto;
  contain-intrinsic-size:800px;
}

@media(max-width:800px){
  /* Keep the CTA look, stop continuous GPU animation on phones */
  .lp-animated-cta::before{
    animation:none!important;
    transform:rotate(18deg);
  }

  /* Reduce expensive blur layers on mobile */
  .lp-nav{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(8,8,8,.68);
  }

  .lp-mobile-cta{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
    background:rgba(247,241,231,.97);
  }

  .lp-food-grid article>div{
    text-shadow:0 1px 8px rgba(0,0,0,.28);
  }

  /* Prevent long-running hover transitions on touch */
  .lp-button,
  .lp-food-grid article,
  .lp-food-grid img{
    transition:none!important;
  }

  /* Slightly lighter hero compositing */
  .lp-hero-shade{
    background:linear-gradient(
      180deg,
      rgba(11,11,11,.90) 0%,
      rgba(11,11,11,.72) 28%,
      rgba(11,11,11,.42) 48%,
      rgba(11,11,11,.08) 70%,
      rgba(11,11,11,.02) 100%
    );
  }
}

@media(prefers-reduced-motion:reduce){
  .lp-button,
  .lp-food-grid img,
  .lp-mobile-cta{
    transition:none!important;
  }
}


/* CTA cleanup — no arrows, centered labels */
.lp-button,
.lp-nav-cta,
.lp-mobile-cta a,
.lp-unit-actions .lp-button,
.lp-text-link{
  text-align:center;
}

.lp-button,
.lp-nav-cta,
.lp-mobile-cta a,
.lp-unit-actions .lp-button{
  justify-content:center!important;
  align-items:center!important;
}

.lp-button::before,
.lp-button::after,
.lp-nav-cta::before,
.lp-nav-cta::after,
.lp-mobile-cta a::before,
.lp-mobile-cta a::after{
  content:none!important;
}

.lp-text-link{
  display:inline-flex;
  align-items:center;
  justify-content:center;
}


/* Restore the animated hero reserve CTA only */
@media(max-width:800px){
  .lp-hero-reserve-cta::before{
    animation:libanus-cta-spin 14s linear infinite!important;
  }
}
.lp-hero-reserve-cta::before{
  animation:libanus-cta-spin 7s linear infinite;
}
.lp-hero-reserve-cta:hover::before{
  animation-duration:4.5s!important;
}

@media(prefers-reduced-motion:reduce){
  .lp-hero-reserve-cta::before{
    animation:none!important;
  }
}


/* Fix: restore animated layer on hero reserve CTA after global arrow cleanup */
.lp-hero-reserve-cta{
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.lp-hero-reserve-cta::before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:-70%!important;
  z-index:-2!important;
  background:
    conic-gradient(
      from 0deg,
      var(--red) 0deg,
      var(--red) 70deg,
      var(--blue) 145deg,
      #111 220deg,
      var(--red) 360deg
    )!important;
  animation:libanus-cta-spin 7s linear infinite!important;
}
.lp-hero-reserve-cta::after{
  content:""!important;
  display:block!important;
  position:absolute!important;
  inset:2px!important;
  z-index:-1!important;
  background:#111!important;
  border-radius:inherit!important;
}
.lp-hero-reserve-cta:hover::before{
  animation-duration:4.5s!important;
}

@media(max-width:800px){
  .lp-hero-reserve-cta::before{
    animation:libanus-cta-spin 14s linear infinite!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .lp-hero-reserve-cta::before{
    animation:none!important;
  }
}


/* Libanus cinematic page transition */
html{
  --transitions-ease:cubic-bezier(.4,.3,0,1);
}
html.is-changing .transition-swup,
html.is-entering .transition-swup{
  transition:
    transform .78s var(--transitions-ease),
    opacity .78s var(--transitions-ease),
    clip-path .78s var(--transitions-ease);
  will-change:transform,opacity,clip-path;
}

html.is-changing .transition-swup{
  transform:translateY(-90px) scale(.975);
  opacity:.42;
}

html.is-changing header.transition-swup{
  transform:translateY(-55px);
  opacity:0;
  transition-duration:.55s;
}

html.is-entering .transition-swup{
  transform:translateY(34vh);
  opacity:0;
  clip-path:inset(58% 0 0 0);
}

html.is-entering header.transition-swup{
  transform:translateY(8vh);
  opacity:0;
  clip-path:inset(0);
}

@media(max-width:800px){
  .transition-swup,
  html.is-changing .transition-swup,
  html.is-entering .transition-swup{
    transition:none!important;
    transform:none!important;
    opacity:1!important;
    clip-path:none!important;
    will-change:auto!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .transition-swup{
    transition:none!important;
    transform:none!important;
    opacity:1!important;
    clip-path:none!important;
  }
}


/* Final landing mobile performance */
@media(max-width:800px){
  .lp-hero,
  .lp-proof,
  .lp-intro,
  .lp-menu,
  .lp-happy,
  .lp-review,
  .lp-reserve,
  .lp-footer{
    contain:layout paint style;
  }

  .lp-hero{
    contain:none;
  }

  .lp-food-grid img{
    will-change:auto!important;
  }

  .lp-animated-cta::before,
  .lp-hero-reserve-cta::before{
    animation-duration:14s!important;
    filter:none!important;
  }

  .lp-mobile-cta{
    box-shadow:none!important;
  }
}


/* Make each unit's phone number visible on the reservation landing */
.lp-unit-phone{
  margin:10px 0 4px!important;
  font-family:"Montserrat",sans-serif;
  font-size:1.05rem;
  font-weight:700;
  letter-spacing:.01em;
}
.lp-unit-phone a{
  color:#171512;
  text-decoration:none;
  text-underline-offset:4px;
}
.lp-unit-phone a:hover,
.lp-unit-phone a:focus-visible{
  text-decoration:underline;
}