/* BARBA Hero V5 — editorial hero, floating navigation and compact action bar */
:root{--barba-black:#080b0d;--barba-gold:#d4a85c;--barba-cream:#f4f0e7}
.site-header{height:72px!important;position:fixed!important;top:0;left:0;right:0;z-index:100;background:linear-gradient(180deg,rgba(4,7,9,.48),rgba(4,7,9,0))!important;border-bottom:1px solid rgba(255,255,255,.06)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;transition:background .25s ease,backdrop-filter .25s ease,box-shadow .25s ease}
.site-header.header-scrolled{background:rgba(7,10,12,.78)!important;backdrop-filter:blur(14px)!important;-webkit-backdrop-filter:blur(14px)!important;box-shadow:0 8px 28px rgba(0,0,0,.18)!important;border-bottom-color:rgba(212,168,92,.16)!important}
.header-inner{height:72px!important}
/* Keep the existing shield-B mark; remove the secondary descriptor from the header. */
.brand-lockup{gap:10px!important}.brand-lockup strong{font-family:Playfair Display,Georgia,serif!important;font-size:18px!important;letter-spacing:.20em!important}.brand-lockup small{display:none!important}
.header-actions{display:none!important}
.desktop-nav{margin-right:0!important}
/* Hero becomes image-first: no headline, no CTA, no slogan. */
.hero-section{min-height:calc(100svh - 0px)!important;height:min(900px,100svh)!important;background:#090b0d!important;overflow:hidden}
.hero-image{background-image:url('/assets/barba-hero-user.webp')!important;background-size:cover!important;background-position:center 43%!important;transform:none!important;filter:saturate(.92) contrast(1.02)!important}
.hero-section:after{background:linear-gradient(180deg,rgba(4,7,9,.12) 0%,rgba(4,7,9,.02) 42%,rgba(4,7,9,.18) 68%,rgba(4,7,9,.72) 100%)!important}
.hero-grain{opacity:.035!important}
.hero-content{padding:0!important;min-height:100%;align-items:flex-end!important}
.hero-copy,.hero-side-note{display:none!important}
.hero-bottom{bottom:0!important;width:100%!important;max-width:none!important;padding:0 28px 22px!important;display:block!important}
.hero-stats{justify-content:center!important;gap:0!important;width:100%!important}
.hero-stats>div{min-width:0!important;padding:0 28px 0 0!important;margin:0 28px 0 0!important;border-right:1px solid rgba(255,255,255,.20)!important}
.hero-stats>div:last-child{padding-right:0!important;margin-right:0!important;border-right:0!important}
.hero-stats strong{font-family:Playfair Display,Georgia,serif!important;font-size:27px!important;line-height:1!important;color:#fff!important;font-weight:500!important}
.hero-stats strong span{color:var(--barba-gold)!important;font-size:.68em!important}
.hero-stats small{margin-top:6px!important;color:rgba(255,255,255,.72)!important;font-size:8px!important;line-height:1.25!important;letter-spacing:.15em!important;white-space:nowrap!important}
.scroll-cue{display:none!important}
/* Existing floating footer is retained, but made compact and calm. */
.mobile-booking-bar{position:fixed!important;left:50%!important;right:auto!important;bottom:max(10px,env(safe-area-inset-bottom))!important;transform:translateX(-50%)!important;width:min(760px,calc(100% - 24px))!important;min-height:58px!important;height:58px!important;padding:6px!important;gap:6px!important;border:1px solid rgba(212,168,92,.20)!important;border-radius:17px!important;background:rgba(7,10,12,.90)!important;box-shadow:0 12px 34px rgba(0,0,0,.32)!important;backdrop-filter:blur(16px)!important;-webkit-backdrop-filter:blur(16px)!important;z-index:120!important}
.mobile-booking-bar a{height:46px!important;border-radius:12px!important;font-size:10px!important;letter-spacing:.10em!important;gap:7px!important;color:rgba(255,255,255,.88)!important;border:1px solid rgba(255,255,255,.42)!important}
.mobile-booking-bar .mobile-booking-primary{background:var(--barba-gold)!important;color:#0b1014!important;border-color:var(--barba-gold)!important;box-shadow:none!important}
.mobile-booking-bar svg{width:16px!important;height:16px!important;stroke-width:1.7!important}
/* Reserve space only for the fixed action bar, never by adding a large panel. */
body{padding-bottom:0!important}
@media (min-width:701px){
  .hero-section{min-height:760px!important;height:min(860px,100svh)!important}
  .hero-image{background-position:center 40%!important}
  .hero-bottom{padding:0 40px 30px!important}
  .hero-stats strong{font-size:29px!important}.hero-stats small{font-size:8.5px!important}
  .mobile-booking-bar{min-height:54px!important;height:54px!important;width:min(560px,calc(100% - 40px))!important;bottom:18px!important;padding:5px!important;border-radius:15px!important}
  .mobile-booking-bar a{height:42px!important;font-size:9px!important}
}
@media (max-width:700px){
  .container{padding-left:20px!important;padding-right:20px!important}
  .site-header,.header-inner{height:64px!important}
  .hero-section{height:100svh!important;min-height:700px!important}
  .hero-image{background-position:center 40%!important}
  .hero-section:after{background:linear-gradient(180deg,rgba(4,7,9,.08),rgba(4,7,9,0) 42%,rgba(4,7,9,.10) 63%,rgba(4,7,9,.72) 100%)!important}
  .hero-bottom{padding:0 14px 84px!important}
  .hero-stats{width:100%!important}
  .hero-stats>div{flex:1!important;padding:0 10px!important;margin:0!important;text-align:center!important}
  .hero-stats strong{font-size:21px!important}
  .hero-stats small{font-size:6.7px!important;letter-spacing:.09em!important;white-space:normal!important}
  .mobile-booking-bar{width:calc(100% - 20px)!important;bottom:max(7px,env(safe-area-inset-bottom))!important;border-radius:14px!important}
  .mobile-booking-bar a{font-size:9px!important;letter-spacing:.075em!important}
}
@media (max-width:390px){
  .hero-bottom{padding-left:8px!important;padding-right:8px!important}
  .hero-stats strong{font-size:19px!important}.hero-stats small{font-size:6.2px!important}
  .mobile-booking-bar a{font-size:8.5px!important}
}