
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,sans-serif;color:#151515}a{text-decoration:none;color:inherit}.container{width:min(1140px,90%);margin:auto}
header{position:fixed;z-index:50;top:0;left:0;right:0;background:rgba(7,7,7,.92);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.08)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:#fff;font-size:.73rem;letter-spacing:2px}.mark{width:42px;height:42px;border:1px solid #d3a63c;border-radius:50%;display:grid;place-items:center;color:#d3a63c;font-family:"Cormorant Garamond";font-size:1.15rem}.nav nav{display:flex;gap:25px;align-items:center;color:#fff;font-size:.82rem}.book{border:1px solid #d3a63c;padding:10px 17px;border-radius:30px}.menu{display:none;color:#fff;background:none;border:0;font-size:1.5rem}
.hero{min-height:94vh;display:flex;align-items:center;position:relative;background:url('assets/mobile_bar_side.jpeg') center/cover no-repeat}.shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.9),rgba(0,0,0,.52),rgba(0,0,0,.18))}.hero-content{position:relative;color:#fff;padding-top:70px}.eyebrow{text-transform:uppercase;letter-spacing:3px;font-size:.72rem;font-weight:700;color:#d8ab46}.eyebrow.dark{color:#956d1f}.hero h1,h2{font-family:"Cormorant Garamond",serif}.hero h1{font-size:clamp(4rem,9vw,8rem);line-height:.78;margin:18px 0 30px}.hero h1 span{color:#e2b64d}.hero p{max-width:620px;line-height:1.8}.actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 24px;border-radius:30px;font-size:.85rem;font-weight:700;border:0;cursor:pointer}.gold{background:#d3a63c;color:#111}.outline{border:1px solid #fff;color:#fff}.black{background:#111;color:#fff;width:100%}
.section{padding:100px 0}.section h2,.bar-feature h2{font-size:clamp(2.8rem,6vw,5rem);line-height:.95;margin:10px 0 24px}.split{display:grid;grid-template-columns:1fr 1fr;gap:70px}.copy{color:#626262;line-height:1.85}
.bar-feature{background:#f2ecdf;padding:90px 0}.bar-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center}.bar-grid img{width:100%;display:block;box-shadow:0 18px 50px rgba(0,0,0,.13)}.bar-grid p{line-height:1.8;color:#555;margin-bottom:26px}
.dark-section{background:#0b0b0b;color:#fff}.lead{max-width:720px;color:#aaa;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:40px}.cards article{padding:30px 24px;background:#141414;border:1px solid #292929;min-height:250px}.cards span{color:#d3a63c;font:700 2rem "Cormorant Garamond"}.cards h3{font:700 1.6rem "Cormorant Garamond";margin:18px 0 12px}.cards p{color:#aaa;font-size:.88rem;line-height:1.7}
.cream{background:#faf7f0}.drink-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.drink-grid article{background:white;box-shadow:0 12px 32px rgba(0,0,0,.08)}.drink-grid img{width:100%;height:330px;object-fit:cover}.drink-grid article div{padding:18px 20px 24px}.drink-grid h3{font:700 1.5rem "Cormorant Garamond";margin:0 0 8px}.drink-grid p{color:#666;line-height:1.55;font-size:.86rem;margin:0}
.videos{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:35px}.videos video{width:100%;max-height:580px;background:#000;border:1px solid #252525}
.poster-strip{padding:80px 0}.posters{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.posters img{width:100%;display:block;box-shadow:0 14px 40px rgba(0,0,0,.09)}
.gallery{background:#111;color:#fff}.masonry{columns:3 280px;column-gap:15px;margin-top:35px}.masonry img{width:100%;display:block;margin:0 0 15px;break-inside:avoid}
.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contacts{display:flex;flex-direction:column;gap:14px;margin-top:26px}.contacts a{color:#8b651e;font-weight:600}
form{background:#f7f3ea;padding:30px;display:grid;gap:16px}form label{font-size:.76rem;text-transform:uppercase;letter-spacing:.8px;font-weight:700}input,select,textarea{width:100%;margin-top:7px;padding:13px 14px;border:1px solid #ddd;background:#fff;font:inherit}.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}
footer{background:#080808;color:#aaa;padding:34px 0}.footer{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:.8rem}
@media(max-width:900px){.menu{display:block}.nav nav{display:none;position:absolute;top:76px;left:0;right:0;background:#0b0b0b;padding:24px;flex-direction:column}.nav nav.open{display:flex}.split,.bar-grid,.contact-grid,.videos{grid-template-columns:1fr}.cards,.drink-grid{grid-template-columns:1fr 1fr}.posters{grid-template-columns:1fr}.footer{flex-direction:column;text-align:center}}
@media(max-width:580px){.section{padding:72px 0}.hero{min-height:88vh}.hero h1{font-size:4.2rem}.actions{flex-direction:column}.cards,.drink-grid{grid-template-columns:1fr}.drink-grid img{height:390px}.row{grid-template-columns:1fr}}


/* V4 — Lively & bright Primetime Cocktails theme */
:root{
  --pink:#ff2f8b;
  --orange:#ff9f1c;
  --yellow:#ffd23f;
  --lime:#83d62b;
  --aqua:#20c9c3;
  --purple:#8b3dff;
  --ink:#172026;
  --cream:#fffaf0;
}

body{
  background:#fff;
  color:var(--ink);
}

header{
  background:rgba(255,255,255,.96);
  border-bottom:1px solid rgba(23,32,38,.09);
  box-shadow:0 4px 24px rgba(0,0,0,.06);
}
.brand,.nav nav{color:var(--ink)}
.mark{
  border-color:var(--pink);
  color:var(--pink);
  background:#fff4f9;
}
.book{
  border:0;
  background:linear-gradient(135deg,var(--pink),var(--orange));
  color:white;
}
.menu{color:var(--ink)}
.nav nav a:hover{color:var(--pink)}

.hero{
  background:
    linear-gradient(90deg,rgba(255,255,255,.97) 0%,rgba(255,255,255,.88) 38%,rgba(255,255,255,.16) 72%),
    url('assets/mobile_bar_side.jpeg') center/cover no-repeat;
}
.shade{
  background:
    radial-gradient(circle at 8% 85%,rgba(255,210,63,.34),transparent 28%),
    radial-gradient(circle at 48% 12%,rgba(32,201,195,.18),transparent 24%),
    linear-gradient(90deg,rgba(255,255,255,.22),rgba(255,255,255,0));
}
.hero-content{color:var(--ink)}
.hero h1 span{
  color:var(--pink);
  text-shadow:2px 2px 0 rgba(255,210,63,.65);
}
.hero p{color:#37434b}
.eyebrow{color:var(--pink)}
.eyebrow.dark{color:var(--orange)}
.gold{
  background:linear-gradient(135deg,var(--pink),var(--orange));
  color:white;
  box-shadow:0 10px 28px rgba(255,47,139,.22);
}
.outline{
  border:2px solid var(--purple);
  color:var(--purple);
  background:rgba(255,255,255,.88);
}

.light{
  background:
    radial-gradient(circle at 5% 10%,rgba(255,210,63,.20),transparent 22%),
    radial-gradient(circle at 95% 80%,rgba(32,201,195,.16),transparent 24%),
    #fff;
}
.bar-feature{
  background:
    linear-gradient(120deg,rgba(255,210,63,.20),rgba(255,255,255,.92) 45%,rgba(255,47,139,.10)),
    #fff7e4;
}
.bar-grid img{
  border-radius:22px;
  box-shadow:0 20px 50px rgba(255,159,28,.18);
}
.dark-section{
  background:
    radial-gradient(circle at 0 0,rgba(139,61,255,.16),transparent 32%),
    radial-gradient(circle at 100% 100%,rgba(32,201,195,.18),transparent 32%),
    linear-gradient(135deg,#fff7fb,#fffdf5);
  color:var(--ink);
}
.dark-section .lead{color:#5c6770}
.cards article{
  background:#fff;
  border:1px solid rgba(139,61,255,.13);
  border-top:5px solid var(--pink);
  border-radius:18px;
  box-shadow:0 14px 34px rgba(0,0,0,.07);
}
.cards article:nth-child(2){border-top-color:var(--orange)}
.cards article:nth-child(3){border-top-color:var(--aqua)}
.cards article:nth-child(4){border-top-color:var(--purple)}
.cards span{color:var(--purple)}
.cards p{color:#606a70}

.cream{
  background:
    radial-gradient(circle at 8% 20%,rgba(131,214,43,.12),transparent 23%),
    radial-gradient(circle at 90% 75%,rgba(255,47,139,.12),transparent 25%),
    #fffdf8;
}
.drink-grid article{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(0,0,0,.06);
  box-shadow:0 15px 34px rgba(0,0,0,.08);
  transition:.25s ease;
}
.drink-grid article:hover{transform:translateY(-7px)}
.drink-grid article:nth-child(1){border-bottom:5px solid #28a9ff}
.drink-grid article:nth-child(2){border-bottom:5px solid var(--lime)}
.drink-grid article:nth-child(3){border-bottom:5px solid var(--pink)}
.drink-grid article:nth-child(4){border-bottom:5px solid var(--purple)}

.videos video{
  border:5px solid white;
  border-radius:18px;
  box-shadow:0 15px 35px rgba(0,0,0,.12);
}
.poster-strip{
  background:
    linear-gradient(90deg,rgba(255,210,63,.12),rgba(255,47,139,.09),rgba(32,201,195,.10));
}
.posters img{border-radius:20px}

.gallery{
  background:
    radial-gradient(circle at 0 10%,rgba(255,210,63,.22),transparent 25%),
    radial-gradient(circle at 100% 80%,rgba(255,47,139,.18),transparent 28%),
    #fff;
  color:var(--ink);
}
.masonry img{
  border-radius:16px;
  box-shadow:0 10px 26px rgba(0,0,0,.09);
}

form{
  background:linear-gradient(145deg,#fff5fa,#fff9e8);
  border:1px solid rgba(255,47,139,.12);
  border-radius:22px;
  box-shadow:0 18px 45px rgba(255,47,139,.10);
}
input,select,textarea{
  border:1px solid #eadde3;
  border-radius:10px;
}
input:focus,select:focus,textarea:focus{
  outline:2px solid rgba(255,47,139,.18);
  border-color:var(--pink);
}
.black{
  background:linear-gradient(135deg,var(--purple),var(--pink));
}
.contacts a{color:var(--purple)}

footer{
  background:linear-gradient(100deg,#ff2f8b,#8b3dff);
  color:#fff;
}
footer .brand{color:#fff}
footer .mark{color:#fff;border-color:#fff;background:transparent}

.section h2,.bar-feature h2{
  text-shadow:0 2px 0 rgba(255,210,63,.22);
}

@media(max-width:900px){
  .nav nav{
    background:rgba(255,255,255,.98);
    color:var(--ink);
    box-shadow:0 18px 30px rgba(0,0,0,.10);
  }
  .hero{
    background:
      linear-gradient(rgba(255,255,255,.90),rgba(255,255,255,.78)),
      url('assets/mobile_bar_side.jpeg') center/cover no-repeat;
  }
}
