/* ==========================================================
   PWR LOUNGE — separate identity from PWR Golf.
   Warm dark bar/restaurant palette + printed-menu cream cards.
   Same jaguar mark, same type family, deliberately different mood.
   ========================================================== */
:root{
  --lbg:#15140e;
  --lbg2:#1c1a12;
  --lpanel:#242118;
  --lpanel2:#2c2818;
  --lolive:#3a4128;
  --lolive2:#4a5636;
  --lolive-dark:#262c19;
  --lcream:#efe9da;
  --lcream2:#e6dfc9;
  --lgold:#c9a35a;
  --lgold2:#b98f43;
  --lline:rgba(239,233,218,.14);
  --lline-dark:rgba(239,233,218,.08);
  --lmuted:#a9a48f;
  --head:"Barlow Condensed","Arial Narrow","Helvetica Neue",Impact,sans-serif;
  --body:"Barlow","Helvetica Neue",Arial,sans-serif;
  --mono:"JetBrains Mono","SF Mono",Menlo,Consolas,monospace;
  --max:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html,body{overflow-x:hidden;max-width:100%}
body{margin:0;font-family:var(--body);color:var(--lcream);background:var(--lbg);line-height:1.55;font-size:16px;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--head);text-transform:uppercase;letter-spacing:.01em;line-height:.96;margin:0 0 .4em;font-weight:800}
h1{font-size:clamp(42px,6.4vw,88px)}
h2{font-size:clamp(30px,4vw,52px)}
h3{font-size:clamp(20px,2.2vw,26px)}
p{margin:0 0 1em}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.section{padding:68px 0}
.section.tight{padding:40px 0}
.mono{font-family:var(--mono);font-size:12px;letter-spacing:.04em}
.kicker{font-family:var(--head);text-transform:uppercase;letter-spacing:.14em;font-size:13px;font-weight:600;color:var(--lgold);display:flex;align-items:center;gap:10px;margin-bottom:10px}
.kicker::before{content:"";width:22px;height:2px;background:var(--lgold)}
.lead{font-size:18px;color:var(--lmuted);max-width:60ch}
.cream .lead{color:#4a4632}
.muted{color:var(--lmuted)}
.cream .muted{color:#665f45}
.small{font-size:14px}
.up{text-transform:uppercase;letter-spacing:.08em;font-family:var(--head);font-weight:700}
.center{text-align:center}
.grid{display:grid;gap:20px}
.g2{grid-template-columns:repeat(2,minmax(0,1fr))}
.g3{grid-template-columns:repeat(3,minmax(0,1fr))}
.g4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media(max-width:900px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.g2,.g3,.g4{grid-template-columns:1fr}}
.flex{display:flex;gap:14px;align-items:center;flex-wrap:wrap}

/* sections alternate: dark bar mood vs. cream printed-menu mood */
.bg-dark{background:var(--lbg)}
.bg-panel{background:var(--lbg2)}
.bg-cream{background:var(--lcream);color:#221f14}
.bg-cream h1,.bg-cream h2,.bg-cream h3,.bg-cream h4{color:#221f14}
.bg-cream .kicker{color:var(--lolive2)}
.bg-cream .kicker::before{background:var(--lolive2)}
.bg-olive{background:var(--lolive-dark);color:var(--lcream)}

/* cross-site switcher — lives above everything, on both sites */
.xsite{background:#0b0a06;border-bottom:1px solid rgba(255,255,255,.08);font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700}
.xsite .wrap{display:flex;align-items:center;gap:0;height:34px}
.xsite a{padding:0 14px;height:34px;display:flex;align-items:center;text-decoration:none;color:#8b8879;border-right:1px solid rgba(255,255,255,.08)}
.xsite a.on{color:#fff;background:rgba(255,255,255,.06)}
.xsite a:hover{color:#fff}
.xsite .tag{margin-left:auto;color:#6b6858;font-weight:600;letter-spacing:.14em;padding-right:4px}
@media(max-width:700px){.xsite .tag{display:none}}

/* header */
header.lsite{background:#0f0e09;border-bottom:1px solid var(--lline-dark);position:sticky;top:0;z-index:50}
header.lsite .wrap{display:flex;align-items:center;gap:26px;height:76px}
.llogo{display:flex;flex-direction:column;line-height:.85;text-decoration:none;color:var(--lcream)}
.llogo .p{font-family:var(--head);font-weight:800;font-size:26px;letter-spacing:.03em}
.llogo .l{font-family:var(--head);font-weight:700;font-size:13px;letter-spacing:.32em;color:var(--lgold);margin-top:3px}
nav.lnav{display:flex;gap:2px;flex:1;justify-content:center}
nav.lnav a{font-family:var(--head);text-transform:uppercase;font-weight:700;letter-spacing:.07em;font-size:14px;text-decoration:none;padding:8px 12px;border-radius:2px;color:#d9d5c4;white-space:nowrap}
nav.lnav a:hover,nav.lnav a.on{background:var(--lpanel);color:#fff}
.lutil{display:flex;gap:10px;align-items:center}
.burger-l{display:none;background:none;border:0;color:var(--lcream);cursor:pointer}
@media(max-width:1080px){nav.lnav{display:none}.burger-l{display:flex}}
nav.lmobile{display:none;background:var(--lbg2);border-top:1px solid var(--lline-dark)}
nav.lmobile.open{display:block}
nav.lmobile a{display:block;padding:14px 24px;font-family:var(--head);text-transform:uppercase;font-weight:700;letter-spacing:.1em;text-decoration:none;border-bottom:1px solid var(--lline-dark);color:var(--lcream)}

/* buttons */
.lbtn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--head);text-transform:uppercase;font-weight:700;letter-spacing:.08em;font-size:16px;padding:13px 24px;background:var(--lgold);color:#1a1707;border:2px solid var(--lgold);text-decoration:none;cursor:pointer;border-radius:2px;transition:.15s;line-height:1;white-space:nowrap}
.lbtn:hover{background:var(--lgold2);border-color:var(--lgold2)}
.lbtn.ghost{background:transparent;color:var(--lcream);border-color:rgba(239,233,218,.4)}
.lbtn.ghost:hover{border-color:var(--lcream)}
.bg-cream .lbtn.ghost{color:#221f14;border-color:rgba(34,31,20,.35)}
.bg-cream .lbtn.ghost:hover{border-color:#221f14}
.lbtn.olive{background:var(--lolive2);border-color:var(--lolive2);color:#fff}
.lbtn.olive:hover{background:var(--lolive);border-color:var(--lolive)}
.lbtn.sm{font-size:13px;padding:9px 16px}
.lbtn.lg{font-size:19px;padding:17px 30px}
.lbtn.block{width:100%}

/* hero */
.lhero{position:relative;min-height:78vh;display:flex;align-items:flex-end;color:var(--lcream);overflow:hidden;background:#0f0e09}
.lhero .bg{position:absolute;inset:0;background:url(../img/lounge-exterior.jpg) center 55%/cover no-repeat;filter:saturate(1.05)}
.lhero .bg::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,5,.25) 0%,rgba(10,9,5,.35) 40%,rgba(10,9,5,.94) 100%)}
.lhero .wrap{position:relative;padding-bottom:56px;padding-top:110px;width:100%}
.lhero .tag{font-family:var(--head);text-transform:uppercase;font-weight:700;letter-spacing:.2em;font-size:14px;color:var(--lgold);margin-bottom:8px}
.lhero h1{font-size:clamp(52px,9vw,130px);margin-bottom:6px}
.lhero .sub{font-family:var(--head);text-transform:uppercase;font-weight:600;letter-spacing:.08em;font-size:clamp(16px,2vw,24px);color:#d9d5c4;max-width:820px;margin-bottom:26px}
.lhero .ctas{display:flex;gap:12px;flex-wrap:wrap}

.lpagehero{background:#0f0e09;color:var(--lcream);padding:58px 0 44px;border-bottom:3px solid var(--lolive2)}
.lpagehero.photo{background:url(../img/lounge-interior.jpg) center 30%/cover;min-height:340px;display:flex;align-items:flex-end;position:relative}
.lpagehero.photo::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,9,5,.35),rgba(10,9,5,.92))}
.lpagehero .wrap{position:relative}
.lcrumbs{font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:12px;color:#948f7a;margin-bottom:14px}
.lcrumbs a{text-decoration:none}

/* section headers */
.lsectionhead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px;flex-wrap:wrap}
.lsectionhead h2{margin:0}
.lmore{font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-weight:700;font-size:14px;text-decoration:none;border-bottom:2px solid var(--lgold);padding-bottom:2px}

/* cards */
.lcard{background:var(--lpanel);border:1px solid var(--lline-dark);padding:24px;border-top:4px solid var(--lolive2);display:flex;flex-direction:column;gap:8px}
.lcard h3{margin:4px 0 0}
.bg-cream .lcard{background:#fff;border-color:rgba(34,31,20,.12);border-top-color:var(--lgold2);color:#221f14}
.lphoto{aspect-ratio:4/3;background:var(--lpanel) center/cover;border:1px solid var(--lline-dark);position:relative}
.lphoto.ext{background-image:url(../img/lounge-exterior.jpg)}
.lphoto.int{background-image:url(../img/lounge-interior.jpg);background-position:60% 35%}
.lphoto .cap{position:absolute;left:12px;bottom:12px;background:rgba(10,9,5,.75);padding:6px 12px;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-weight:700;font-size:13px;color:var(--lgold)}

/* menu blocks — mimic the printed menu */
.menucol h3.mhead{background:var(--lolive2);color:var(--lcream);padding:8px 14px;font-size:19px;letter-spacing:.08em;margin-bottom:2px}
.mitem{display:flex;justify-content:space-between;gap:14px;padding:10px 14px;border-bottom:1px solid rgba(34,31,20,.1)}
.mitem:last-child{border-bottom:0}
.mitem .n{font-weight:700}
.mitem .d{display:block;font-size:13px;color:#665f45;margin-top:2px;font-weight:400}
.mitem .p{font-weight:800;white-space:nowrap;font-family:var(--head);font-size:17px}
.mnote{border:2px solid #221f14;padding:12px 16px;text-align:center;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-weight:700;margin-top:10px}
.pwrhour{background:#221f14;color:var(--lgold);padding:16px;text-align:center;font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-weight:800;font-size:18px}

/* hours-by-phase */
.phases{display:grid;grid-template-columns:1fr;gap:2px;background:var(--lline-dark)}
.phase{background:var(--lpanel);display:grid;grid-template-columns:150px 1fr;gap:18px;align-items:center;padding:16px 20px}
.phase.now{background:var(--lolive-dark);outline:2px solid var(--lgold)}
.phase .t{font-family:var(--head);font-weight:800;font-size:19px;color:var(--lgold)}
.phase .items{display:flex;gap:22px;flex-wrap:wrap;font-size:13px;font-family:var(--head);text-transform:uppercase;letter-spacing:.05em;color:#c9c5b2}
.phase .items b{color:var(--lcream);font-weight:700}
.phase .items s{opacity:.45}
@media(max-width:700px){.phase{grid-template-columns:1fr}}
.daybar{display:flex;justify-content:space-between;gap:8px;flex-wrap:wrap;margin-top:14px;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:13px;color:#c9c5b2}
.daybar b{color:var(--lgold)}

/* bay grid */
.baygrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
@media(max-width:800px){.baygrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bay{background:var(--lpanel);border:1px solid var(--lline-dark);aspect-ratio:4/3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative}
.bay .num{font-family:var(--head);font-weight:800;font-size:30px;color:var(--lgold)}
.bay .lbl{font-family:var(--head);text-transform:uppercase;letter-spacing:.08em;font-size:11px;color:#a9a48f}

/* forms */
label{display:block;font-family:var(--head);text-transform:uppercase;letter-spacing:.1em;font-size:12px;font-weight:700;margin-bottom:6px;color:#c9c5b2}
.bg-cream label{color:#4a4632}
input,select,textarea{width:100%;font-family:var(--body);font-size:16px;padding:12px;border:1px solid #4a4636;background:#0f0e09;color:var(--lcream);border-radius:2px}
.bg-cream input,.bg-cream select,.bg-cream textarea{background:#fff;color:#221f14;border-color:rgba(34,31,20,.25)}
input:focus,select:focus,textarea:focus{outline:2px solid var(--lgold);border-color:var(--lgold)}
textarea{min-height:100px;resize:vertical}
.lfield{margin-bottom:16px}
.lform{background:var(--lpanel);border:1px solid var(--lline-dark);padding:26px}
.bg-cream .lform{background:#fff;border-color:rgba(34,31,20,.12)}
.check{display:flex;align-items:center;gap:8px;font-family:var(--body);text-transform:none;letter-spacing:0;font-size:14px;font-weight:500;cursor:pointer}
.check input{width:auto}
.lok{background:var(--lolive2);color:#fff;padding:18px;font-family:var(--head);text-transform:uppercase;letter-spacing:.06em;font-size:18px;text-align:center}
.lslots{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}
.lslots button{padding:10px 4px;border:1px solid var(--lline-dark);background:var(--lbg2);color:var(--lcream);cursor:pointer;font-family:var(--head);font-weight:700;letter-spacing:.04em}
.lslots button.on{background:var(--lgold);color:#1a1707;border-color:var(--lgold)}
.lslots button[disabled]{opacity:.35;text-decoration:line-through;cursor:not-allowed}

/* footer */
footer.lsite{background:#0b0a06;color:#b3af9d;padding:56px 0 26px;border-top:4px solid var(--lolive2)}
footer.lsite h4{color:var(--lcream);font-size:15px;letter-spacing:.12em;margin-bottom:12px}
footer.lsite ul{list-style:none;padding:0;margin:0}
footer.lsite li{margin:0 0 8px;font-size:14px}
footer.lsite a{text-decoration:none;opacity:.85}
footer.lsite a:hover{opacity:1;color:var(--lgold)}
.lfoot-grid{grid-template-columns:1.6fr 1fr 1fr 1fr}
@media(max-width:900px){.lfoot-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}
@media(max-width:560px){.lfoot-grid{grid-template-columns:minmax(0,1fr)}}
.lfoot-bottom{margin-top:36px;padding-top:20px;border-top:1px solid var(--lline-dark);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13px;color:#736f5d}

.crossband{background:var(--lolive-dark);border-top:1px solid var(--lline-dark);border-bottom:1px solid var(--lline-dark)}
.crossband .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 24px;flex-wrap:wrap}
.crossband .msg{font-family:var(--head);text-transform:uppercase;letter-spacing:.04em;font-size:18px;font-weight:700}
.crossband .msg b{color:var(--lgold)}

.jagline{opacity:.9}
.skip{position:absolute;left:-999px}
.skip:focus{left:10px;top:10px;background:var(--lgold);padding:10px;z-index:200;color:#1a1707}

/* mobile: allow long CTA button labels to wrap instead of forcing page-width overflow */
@media(max-width:480px){.lbtn{white-space:normal;text-align:center;line-height:1.25}}