.elementor-kit-5{--e-global-color-primary:#C9974E;--e-global-color-secondary:#0A1E19;--e-global-color-text:#F3ECDD;--e-global-color-accent:#E9C888;--e-global-color-cfd9e18:#05100D;--e-global-color-c896f60:#030B09;--e-global-color-453aa52:#5C3226;--e-global-typography-primary-font-family:"Playfair Display";--e-global-typography-primary-font-weight:500;--e-global-typography-secondary-font-family:"Jost";--e-global-typography-secondary-font-weight:400;--e-global-typography-text-font-family:"Jost";--e-global-typography-text-font-weight:400;--e-global-typography-accent-font-family:"Jost";--e-global-typography-accent-font-weight:500;--e-global-typography-311483a-font-family:"Playfair Display";--e-global-typography-311483a-font-size:96px;--e-global-typography-311483a-line-height:1em;--e-global-typography-fca3e68-font-family:"Playfair Display";--e-global-typography-fca3e68-font-size:64px;--e-global-typography-fca3e68-line-height:1.08em;--e-global-typography-0a759ba-font-family:"Jost";--e-global-typography-0a759ba-font-size:12px;--e-global-typography-0a759ba-text-transform:uppercase;--e-global-typography-0a759ba-letter-spacing:0.4em;--e-global-typography-1ba932f-font-family:"Playfair Display";--e-global-typography-1ba932f-font-size:27px;--e-global-typography-1ba932f-font-weight:400;--e-global-typography-1ba932f-line-height:1.62em;--e-global-typography-717e618-font-family:"Playfair Display";--e-global-typography-717e618-font-size:24px;--e-global-typography-717e618-font-weight:400;--e-global-typography-717e618-font-style:italic;--e-global-typography-717e618-line-height:1.5em;--e-global-typography-f8fb896-font-family:"Playfair Display";--e-global-typography-f8fb896-font-size:27px;--e-global-typography-f8fb896-font-weight:500;--e-global-typography-c61a462-font-family:"Jost";--e-global-typography-c61a462-font-size:18px;--e-global-typography-c61a462-font-weight:400;--e-global-typography-c61a462-line-height:1.75em;--e-global-typography-7e4f597-font-family:"Jost";--e-global-typography-7e4f597-font-size:13px;--e-global-typography-7e4f597-font-weight:500;--e-global-typography-7e4f597-text-transform:uppercase;--e-global-typography-7e4f597-letter-spacing:0.16em;--e-global-typography-9d0d7bd-font-family:"Jost";--e-global-typography-9d0d7bd-font-size:13px;--e-global-typography-9d0d7bd-font-weight:500;--e-global-typography-9d0d7bd-text-transform:uppercase;--e-global-typography-9d0d7bd-letter-spacing:0.2em;--e-global-typography-dc5cd35-font-family:"Playfair Display";--e-global-typography-dc5cd35-font-weight:400;--e-global-typography-93ee49e-font-family:"Jost";--e-global-typography-93ee49e-font-size:16px;--e-global-typography-93ee49e-font-weight:400;background-color:#05100D;font-family:"Jost", Sans-serif;font-size:18px;font-weight:400;line-height:1.75em;}.elementor-kit-5 e-page-transition{background-color:#FFBC7D;}.elementor-kit-5 a{color:var( --e-global-color-primary );font-family:"Jost", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.16em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-family:"Jost", Sans-serif;font-size:13px;font-weight:500;text-transform:uppercase;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:1140px;}.e-con{--container-max-width:1140px;}.elementor-widget:not(:last-child){--kit-widget-spacing:0px;}.elementor-element{--widgets-spacing:0px 0px;--widgets-spacing-row:0px;--widgets-spacing-column:0px;}{}h1.entry-title{display:var(--page-title-display);}.site-header .site-branding{flex-direction:column;align-items:stretch;}.site-header{padding-inline-end:0px;padding-inline-start:0px;}.site-footer .site-branding{flex-direction:column;align-items:stretch;}@media(max-width:1024px){.elementor-section.elementor-section-boxed > .elementor-container{max-width:1024px;}.e-con{--container-max-width:1024px;}}@media(max-width:767px){.elementor-kit-5{--e-global-typography-311483a-font-size:52px;--e-global-typography-311483a-line-height:1em;--e-global-typography-fca3e68-font-size:40px;--e-global-typography-0a759ba-font-size:11px;--e-global-typography-0a759ba-letter-spacing:0.4em;--e-global-typography-1ba932f-font-size:20px;--e-global-typography-717e618-font-size:18px;--e-global-typography-f8fb896-font-size:24px;--e-global-typography-c61a462-font-size:15px;--e-global-typography-7e4f597-font-size:14px;--e-global-typography-7e4f597-letter-spacing:0.16em;--e-global-typography-9d0d7bd-font-size:13px;--e-global-typography-9d0d7bd-letter-spacing:0.2em;--e-global-typography-dc5cd35-font-size:19px;--e-global-typography-93ee49e-font-size:16px;font-size:15px;line-height:1.75em;}.elementor-kit-5 a{font-size:14px;letter-spacing:0.16em;}.elementor-kit-5 button,.elementor-kit-5 input[type="button"],.elementor-kit-5 input[type="submit"],.elementor-kit-5 .elementor-button{font-size:13px;letter-spacing:0.2em;}.elementor-section.elementor-section-boxed > .elementor-container{max-width:767px;}.e-con{--container-max-width:767px;}}/* Start custom CSS *//* ===== 0808 LOUNGE — GLOBAL CSS ===== */
/* 1 · Slow image drift ------------------------------------- */
@keyframes lounge-drift {
from { transform: scale(1); }
to { transform: scale(1.08); }
}
.lounge-drift {
position: relative;
overflow: hidden;
isolation: isolate;
}
.lounge-drift::before { /* the photo */
content: "";
position: absolute;
inset: -3%; /* bleed so the zoom never shows an edge */
z-index: -2;
background: var(--drift-img) center 30% / cover no-repeat;
animation: lounge-drift 18s ease-in-out infinite alternate;
}
.lounge-drift::after { content: "";
position: absolute;
/* the scrim over it */
inset: 0;
z-index: -1;
background: var(--drift-scrim, linear-gradient(180deg,
rgba(5,16,13,.55) 0%, rgba(5,16,13,.35) 40%, rgba(5,16,13,.90) 100%));
}
/* 2 · Inset gold hairline frame ---------------------------- */
.lounge-frame { position: relative; }
.lounge-frame::before {
content: "";
position: absolute;
inset: 34px;
border: 1px solid rgba(201,151,78,.28);
pointer-events: none;
}
/* 3 · Button lift ------------------------------------------ */
.lounge-cta .elementor-button {
transition: transform .3s ease, box-shadow .3s ease,
background-color .3s ease, color .3s ease;
}
.lounge-cta .elementor-button:hover {
transform: translateY(-3px);
box-shadow: 0 14px 34px rgba(201,151,78,.28);
}
/* 4 · Highlight cards -------------------------------------- */
.lounge-card { transition: background-color .4s ease; }
.lounge-card:hover { background-color: rgba(201,151,78,.05); }
/* 5 · Opening hours ([lounge_hours]) ----------------------- */
.lounge-hours__row {
display: flex;
justify-content: space-between;
gap: 20px;
font-size: 16px;
padding-bottom: 14px;
margin-bottom: 14px;
border-bottom: 1px solid rgba(201,151,78,.10);
}
.lounge-hours__row:last-child { border-bottom: 0; margin-bottom: 0; }
.lounge-hours__day { color: rgba(243,236,221,.70); }
.lounge-hours__time { color: #E9C888; white-space: nowrap; }
.lounge-hours__note {
margin: 26px 0 0;
font-size: 13px;
line-height: 1.7;
color: rgba(243,236,221,.45);
}
/* 6 · Menu rows -------------------------------------------- */
.lounge-menu-row {
padding: 22px 0;
border-bottom: 1px solid rgba(201,151,78,.12);
}
.lounge-menu-lead { /* dotted leader */
flex: 1 1 auto;
min-width: 24px;
border-bottom: 1px dotted rgba(201,151,78,.35);
transform: translateY(-5px);
}
/* 7 · Category filter pills -------------------------------- */
.lounge-filter .e-filter-item {
background: transparent;
border: 1px solid rgba(201,151,78,.30);
color: rgba(243,236,221,.70);
padding: 11px 20px;
font-size: 12px;
letter-spacing: .14em;
text-transform: uppercase;
transition: all .2s ease;
}
.lounge-filter .e-filter-item:hover {
color: #E9C888;
border-color: rgba(201,151,78,.55);
}
.lounge-filter .e-filter-item.e-filter-item-active {
background: #C9974E;
border-color: #C9974E;
color: #05100D;
}
/* 8 · Reduced motion --------------------------------------- */
@media (prefers-reduced-motion: reduce) {
.lounge-drift::before { animation: none; }
.lounge-cta .elementor-button:hover { transform: none; }
.lounge-hours__row, .lounge-hero-seq > * { animation: none !important; }
}
/* 9 · Mobile ----------------------------------------------- */
@media (max-width: 767px) {
.lounge-frame::before { inset: 16px; }
}

.elementor-invisible { visibility: hidden; }
.animated.fadeInUp {
animation-duration: .9s;
animation-timing-function: cubic-bezier(.22, 1, .36, 1);
}

/* Menu filter crossfade */
.elementor-widget-loop-grid .elementor-grid {
  transition: opacity .35s ease;
}
.elementor-widget-loop-grid.e-loop-filter-loading .elementor-grid {
  opacity: 0;
}

/* Sticky header shrink */
.lounge-header {
  transition: padding .45s cubic-bezier(.22,1,.36,1),
              background-color .45s ease;
}
.lounge-header.elementor-sticky--effects {
  padding-top: 12px;
  padding-bottom: 12px;
  background-color: rgba(5,16,13,.94);
}
.lounge-header img {
  transition: height .45s cubic-bezier(.22,1,.36,1);
}
.lounge-header.elementor-sticky--effects img {
  max-width: 90px;
}

/* Outline button sweep */
.lounge-sweep .elementor-button {
  position: relative;
  overflow: hidden;
  z-index: 0;
}
.lounge-sweep .elementor-button::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  background: #C9974E;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform .45s cubic-bezier(.22,1,.36,1);
}
.lounge-sweep .elementor-button:hover::before { transform: scaleX(1); }
.lounge-sweep .elementor-button:hover { color: #05100D; }


/* Hours stagger — parent container needs an
  Entrance Animation so it triggers in view */
@keyframes lounge-row-in {
  from { opacity: 0; transform: translateY(10px); }
  to   { opacity: 1; transform: none; }
}
.lounge-hours__row {
  animation: lounge-row-in .7s cubic-bezier(.22,1,.36,1) both;
}
.lounge-hours__row:nth-child(1) { animation-delay: .05s; }
.lounge-hours__row:nth-child(2) { animation-delay: .15s; }
.lounge-hours__row:nth-child(3) { animation-delay: .25s; }
.lounge-hours__row:nth-child(4) { animation-delay: .35s; }

/* Hero sequence */
@keyframes lounge-seq-in {
  from { opacity: 0; transform: translateY(12px); }
  to   { opacity: 1; transform: none; }
}
@keyframes lounge-seq-fade {
  from { opacity: 0; } to { opacity: 1; }
}
.lounge-hero-seq > * {
  animation: lounge-seq-in .8s cubic-bezier(.22,1,.36,1) both;
}
.lounge-hero-seq > *:nth-child(1) { animation-delay: .10s; }
.lounge-hero-seq > *:nth-child(2) {
  animation-name: lounge-seq-fade;   /* the H1 — opacity only */
  animation-delay: .20s;
}
.lounge-hero-seq > *:nth-child(3) { animation-delay: .32s; }
.lounge-hero-seq > *:nth-child(4) { animation-delay: .44s; }/* End custom CSS */