@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500;600&family=Noto+Serif+TC:wght@400;500;600&family=Playfair+Display:ital,wght@0,400;0,500;1,400&display=swap');
:root{--bg:#0b0a09;--panel:#14110f;--gold:#c5a57b;--cream:#f3e6d4;--muted:#a99c8c;--line:#554334}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:'Noto Sans TC',sans-serif;font-weight:300;line-height:1.85}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h2{font-family:'Noto Serif TC',serif;letter-spacing:.11em}section{scroll-margin-top:80px}.container{max-width:1160px;margin:auto;padding-left:28px;padding-right:28px}.topbar{height:88px;padding:0 max(28px,calc((100vw - 1160px)/2 + 28px));display:flex;align-items:center;justify-content:space-between;gap:25px;background:rgba(10,9,8,.96);border-bottom:1px solid #30271f;position:sticky;top:0;z-index:10;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:20px;white-space:nowrap}.brand-en{font:26px/1 'Playfair Display',serif;max-width:110px}.brand-en i{font-size:19px}.brand-rule{height:39px;border-left:1px solid #846c50}.brand-zh{font:16px 'Noto Serif TC',serif;letter-spacing:.19em}.brand-zh small{display:block;font:9px 'Noto Sans TC',sans-serif;letter-spacing:.35em;margin-top:5px;color:var(--gold)}nav{display:flex;gap:24px;font-size:13px;letter-spacing:.12em}nav a:hover,.text-link:hover{color:var(--gold)}.hamburger{display:none;border:0;background:transparent;color:var(--cream);font-size:27px}.hero{min-height:650px;display:flex;align-items:center;position:relative;overflow:hidden;background:radial-gradient(ellipse at 78% 50%,#5d3015 0%,#25180f 27%,#0b0a09 67%)}.hero-glow{position:absolute;inset:0;background:linear-gradient(90deg,#0b0a09 0%,rgba(11,10,9,.96) 29%,transparent 75%);z-index:1}.hero-copy{position:relative;z-index:2;width:min(620px,60%);margin-left:max(6%,calc((100vw - 1100px)/2));padding:65px 0}.eyebrow{color:var(--gold);font-size:11px;letter-spacing:.28em;font-weight:500}.hero h1{font:clamp(48px,6.5vw,90px)/1.2 'Playfair Display',serif;letter-spacing:-.035em;margin:15px 0}.hero h1 em{font-weight:400}.hero h2{font-size:22px;letter-spacing:.5em}.tiny-line{width:45px;height:1px;background:var(--gold);margin:28px 0}.tagline{font:24px 'Playfair Display',serif;letter-spacing:.09em}.intro{color:#d4c5b3;font-size:14px;letter-spacing:.12em;line-height:2.3}.hero-photo{position:absolute;right:4%;top:12%;width:44%;height:77%;background:linear-gradient(90deg,#0b0a09 0%,transparent 30%),url('assets/cocktail.jpg') center/cover;border-radius:48% 48% 5% 5%;filter:brightness(.82) saturate(.9)}.vertical-label{position:absolute;right:15px;bottom:40px;writing-mode:vertical-rl;color:#bba78e;font-size:10px;letter-spacing:.25em}.gold-button,.outline-button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 28px;margin-top:20px;font-size:13px;letter-spacing:.12em;transition:.2s;border-radius:0}.gold-button{background:var(--gold);color:#130f0b;border:1px solid var(--gold)}.gold-button:hover{background:#e5c89e}.outline-button{background:transparent;color:var(--cream);border:1px solid var(--gold)}.outline-button:hover{background:#392b1d}.quicklinks{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;margin-top:-26px;z-index:3}.quicklinks a{background:#110e0c;border:1px solid #6d5238;border-radius:13px;min-height:160px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;transition:.2s}.quicklinks a:hover{transform:translateY(-5px);border-color:#e3bd8a;background:#1b1510}.quicklinks b{font:20px 'Playfair Display',serif;letter-spacing:.08em}.quicklinks small{font-size:13px;letter-spacing:.16em}.quicklinks a>span:last-child{color:var(--gold);margin-top:6px}.quick-icon{color:var(--gold);font-size:29px}.section{padding-top:115px;padding-bottom:110px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:32px}.section-head h2{font-size:clamp(26px,3vw,39px);margin-bottom:0}.section-number{font:12px 'Playfair Display',serif;color:var(--gold);white-space:nowrap}.menu-grid{display:grid;grid-template-columns:1.12fr 1fr;min-height:420px;background:#16120f;border:1px solid #3d3026}.feature-photo{background:linear-gradient(0deg,#0907068a,transparent 40%),url('assets/cocktail.jpg') center/cover;position:relative;min-height:380px}.photo-caption{position:absolute;bottom:20px;left:25px;font:12px 'Playfair Display',serif;letter-spacing:.2em}.menu-copy{padding:55px 48px;display:flex;flex-direction:column;align-items:start}.menu-copy h3{font:clamp(26px,3vw,38px)/1.6 'Noto Serif TC',serif}.menu-copy>p:not(.eyebrow){color:#c4b7a5;font-size:14px}.menu-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:14px}.menu-tags span,.pill{border:1px solid #62503d;color:#d4bd9e;padding:5px 11px;font-size:11px;letter-spacing:.06em}.muted,.note{font-size:11px;color:#a89b8c}.menu-copy .muted{margin-top:10px}.events-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.event-card{border:1px solid #5d4633;min-height:345px;position:relative;overflow:hidden;display:flex;align-items:end;background:radial-gradient(circle at 70% 20%,#4c211e,#170e0e 65%)}.event-darts{background:radial-gradient(circle at 75% 20%,#42311e,#100f0e 65%)}.event-art{position:absolute;right:8%;top:1%;font-size:160px;color:#b67457;opacity:.17}.event-darts .event-art{color:#d1b17b}.event-content{padding:32px;position:relative}.event-content h3{font:25px 'Noto Serif TC',serif}.event-content p:not(.eyebrow){font-size:13px;color:#d3c6b7;max-width:390px}.event-content .pill{display:inline-block;margin-top:8px}.note{margin-top:15px}.booking{background:linear-gradient(90deg,#15100de8,#15100dc9),radial-gradient(ellipse at 75% 30%,#a36831,#100b09 70%);text-align:center;padding:115px 20px;border-top:1px solid #34291e;border-bottom:1px solid #34291e}.booking h2{font-size:clamp(32px,4vw,48px);line-height:1.6}.booking-inner>p:not(.eyebrow){color:#cbbbaa}.booking .muted{margin-top:18px}.member{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}.member h2{font:58px/1.2 'Playfair Display',serif}.member h2 span{font:24px 'Noto Serif TC',serif}.member p:not(.eyebrow){max-width:450px;color:#c7b9a7;font-size:14px}.member-card{aspect-ratio:1.6;border-radius:14px;padding:32px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(130deg,#31291f,#0f0d0b 55%,#4c3520);border:1px solid #9d7952;box-shadow:0 18px 70px #0008}.member-top,.member-bottom{display:flex;justify-content:space-between;font:12px 'Playfair Display',serif;letter-spacing:.16em;color:#ddc39e}.member-logo{text-align:center;font:28px 'Noto Serif TC',serif;letter-spacing:.2em}.about{padding:0;display:grid;grid-template-columns:1.1fr 1fr;background:#17120f}.about-photo{min-height:470px;background:url('assets/interior.jpg') center/cover}.about-copy{padding:80px max(35px,10%)}.about-copy h2{font-size:34px}.about-copy p:not(.eyebrow){font-size:14px;line-height:2.5;color:#d0c1ae}.text-link{display:inline-block;border-bottom:1px solid var(--gold);margin-top:15px;font-size:13px}.footer{padding-top:65px;background:#080706}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:55px}.footer-logo{font:32px 'Playfair Display',serif}.footer h3{font:13px 'Playfair Display',serif;letter-spacing:.2em;color:var(--gold)}.footer p,.footer a{display:block;font-size:12px;color:#c8b9a6}.footer a{margin-bottom:9px}.footer a:hover{color:var(--gold)}.copyright{text-align:center;border-top:1px solid #31271d;padding:22px;margin-top:55px;font:10px 'Playfair Display',serif;letter-spacing:.17em;color:#9b8b79}.toast{position:fixed;bottom:25px;left:50%;transform:translate(-50%,30px);opacity:0;pointer-events:none;background:#e1c39a;color:#21180e;padding:12px 20px;z-index:20;transition:.25s;font-size:13px;white-space:nowrap}.toast.show{transform:translate(-50%,0);opacity:1}
@media(max-width:850px){.topbar{height:75px;padding:0 22px}.hamburger{display:block}nav{display:none;position:absolute;top:75px;left:0;right:0;background:#15100f;padding:24px;flex-direction:column;gap:16px;border-bottom:1px solid #614a32}nav.open{display:flex}.hero{min-height:660px}.hero-copy{margin-left:7%;width:85%;padding-top:230px}.hero-photo{top:0;right:0;width:100%;height:70%;opacity:.47;border-radius:0;background-position:center 45%}.hero-glow{background:linear-gradient(0deg,#0b0a09 6%,#0b0a09c9 37%,#0b0a0940 100%)}.hero h1{font-size:clamp(46px,9vw,75px)}.vertical-label{display:none}.menu-grid,.member,.about{grid-template-columns:1fr}.menu-copy{padding:40px}.about-photo{min-height:350px}.about-copy{padding:55px 8%}.member{gap:25px}.member-card{max-width:540px;width:100%}}@media(max-width:580px){.brand{gap:12px}.brand-en{font-size:20px;max-width:86px}.brand-en i{font-size:14px}.brand-zh{font-size:13px}.brand-zh small{font-size:7px}.container{padding-left:19px;padding-right:19px}.hero{min-height:630px}.hero-copy{padding-top:180px}.hero h1{font-size:49px}.hero h2{font-size:17px;letter-spacing:.33em}.tagline{font-size:21px}.quicklinks{grid-template-columns:repeat(2,1fr);margin-top:-10px;gap:10px}.quicklinks a{min-height:137px}.section{padding-top:78px;padding-bottom:75px}.section-head{align-items:start}.section-head h2{font-size:25px}.section-number{font-size:10px}.events-grid{grid-template-columns:1fr}.event-card{min-height:310px}.menu-copy{padding:30px}.feature-photo{min-height:290px}.member h2{font-size:47px}.member-card{padding:22px}.member-logo{font-size:22px}.footer-grid{grid-template-columns:1fr;gap:25px}.footer{padding-top:45px}.copyright{margin-top:35px}.booking{padding:85px 15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}