@font-face{font-family:'BVP';font-style:normal;font-weight:400;font-display:swap;src:url(/user/fonts/BeVietnamPro-400-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'BVP';font-style:normal;font-weight:400;font-display:swap;src:url(/user/fonts/BeVietnamPro-400-vi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'BVP';font-style:normal;font-weight:500;font-display:swap;src:url(/user/fonts/BeVietnamPro-500-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'BVP';font-style:normal;font-weight:500;font-display:swap;src:url(/user/fonts/BeVietnamPro-500-vi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'BVP';font-style:normal;font-weight:600;font-display:swap;src:url(/user/fonts/BeVietnamPro-600-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'BVP';font-style:normal;font-weight:600;font-display:swap;src:url(/user/fonts/BeVietnamPro-600-vi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'BVP';font-style:normal;font-weight:800;font-display:swap;src:url(/user/fonts/BeVietnamPro-800-lat.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;}
@font-face{font-family:'BVP';font-style:normal;font-weight:800;font-display:swap;src:url(/user/fonts/BeVietnamPro-800-vi.woff2) format('woff2');unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;}
@font-face{font-family:'Han';font-style:normal;font-weight:500;font-display:swap;src:url(/user/fonts/NotoSerifSC-500-sub.woff2) format('woff2');}

:root{
  --paper:#F7F3E7;
  --paper-deep:#EDE6D1;
  --rice:#FFFDF6;
  --ink:#232719;
  --ink-soft:#5D6152;
  --leaf:#1E5B39;
  --leaf-deep:#143D27;
  --leaf-wash:#E1E9D6;
  --liquor:#C08519;
  --liquor-lit:#E0A94E;
  --liquor-deep:#7E560C;
  --liquor-wash:#F6E7C6;
  --alert:#A8322A;
  --clay:#8C5B3F;
  --lacquer:#1C211A;
  --lacquer-ink:#EFE9D7;
  --lacquer-soft:#A3A891;
  --ui:'BVP',-apple-system,'Segoe UI',system-ui,sans-serif;
  --han:'Han','Songti SC','PingFang SC',serif;
  --g:16px;
  --rc:16px;
  --rb:22px;
  --sh:0 1px 2px rgba(35,39,25,.05),0 8px 22px -14px rgba(35,39,25,.4);
  color-scheme:light;
}
@media (min-width:700px){:root{--g:28px;}}
@media (min-width:1080px){:root{--g:40px;--rc:18px;--rb:26px;}}

*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:110px;}
@media (min-width:1000px){html{scroll-padding-top:132px;}}
html.locked,html.locked body{overflow:hidden;}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--ui);
  font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased;
  overflow-x:hidden;font-variant-numeric:tabular-nums;}
img{max-width:100%;height:auto;display:block;}
a{color:inherit;text-decoration:none;}
p{margin:0;}
h1,h2,h3{margin:0;line-height:1.12;letter-spacing:-.015em;text-wrap:balance;}
button,input,select{font:inherit;color:inherit;}
button{cursor:pointer;background:none;border:0;padding:0;}
button[disabled]{opacity:.45;cursor:default;}
:focus-visible{outline:2.5px solid var(--leaf);outline-offset:2px;border-radius:6px;}
::selection{background:var(--leaf-wash);}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important;}}

.wrap{max-width:1240px;margin-inline:auto;padding-inline:var(--g);}
.han{font-family:var(--han);font-weight:500;}
.skip{position:absolute;left:-9999px;top:0;z-index:99;background:var(--leaf);color:#fff;padding:12px 18px;border-radius:0 0 10px 0;}
.skip:focus{left:0;top:0;}
.vh{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;}

header{position:sticky;top:0;z-index:60;background:var(--paper);border-bottom:1px solid rgba(35,39,25,.08);}
.hrow{display:flex;align-items:center;gap:10px;height:56px;}
.brand{display:flex;align-items:center;gap:9px;flex:none;}
.brand .mk{width:30px;height:30px;border-radius:8px;flex:none;}
.brand b{font-weight:800;font-size:15px;letter-spacing:.02em;line-height:1;text-transform:uppercase;display:none;}
.brand small{display:none;}
.sbox{position:relative;flex:1;display:flex;align-items:center;gap:9px;height:42px;padding:0 15px;
  background:var(--paper-deep);border-radius:999px;min-width:0;}
.sbox svg{width:17px;height:17px;flex:none;color:var(--ink-soft);}
.sbox input{flex:1;min-width:0;border:0;background:none;font-size:14.5px;}
.sbox input::placeholder{color:var(--ink-soft);}
.ico{position:relative;width:42px;height:42px;flex:none;display:grid;place-items:center;border-radius:999px;color:var(--ink);}
.ico:hover{background:var(--paper-deep);}
.ico svg{width:21px;height:21px;}
.ico .n{position:absolute;margin:-22px 0 0 20px;min-width:18px;height:18px;padding-inline:5px;border-radius:999px;
  background:var(--leaf);color:#fff;font-size:11px;font-weight:600;line-height:18px;text-align:center;}
.ico .n[hidden]{display:none;}
.locs,.locale-switcher{display:none;}
.sres{position:absolute;left:0;right:0;top:calc(100% + 8px);z-index:70;max-height:70vh;overflow-y:auto;
  display:grid;gap:2px;background:var(--rice);border-radius:var(--rc);box-shadow:var(--sh);padding:6px;}
.sres[hidden]{display:none;}
.sres-item{display:flex;align-items:center;gap:10px;padding:8px;border-radius:10px;font-size:14px;color:var(--ink);}
.sres-item:hover{background:var(--paper-deep);}
.sres-item img{width:40px;height:40px;flex:none;border-radius:8px;object-fit:cover;background:var(--paper-deep);}
.sres-item span{flex:1;min-width:0;}
.sres-empty{margin:0;padding:12px 8px;font-size:14px;color:var(--ink-soft);text-align:center;}

.tabs{border-top:1px solid rgba(35,39,25,.07);}
.tabrow{display:flex;gap:6px;align-items:center;height:44px;overflow-x:auto;scrollbar-width:none;}
.tabrow::-webkit-scrollbar{display:none;}
.tabrow a{flex:none;display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 13px;border-radius:999px;
  font-size:13.5px;font-weight:600;white-space:nowrap;color:var(--ink);
  background:var(--paper-deep);transition:background .16s,color .16s;}
.tabrow a b{font-size:11px;font-weight:600;color:var(--liquor-deep);}
.tabrow a:hover{background:var(--leaf-wash);}
.tabrow a[aria-current]{background:var(--leaf);color:#fff;}
.tabrow a[aria-current] b{color:rgba(255,255,255,.72);}
.tabrow .minor{background:none;font-weight:500;color:var(--ink-soft);padding-inline:9px;}
.tabrow .minor:hover{background:var(--paper-deep);color:var(--ink);}
.tabrow .sep{flex:none;width:1px;height:20px;background:rgba(35,39,25,.14);margin-inline:3px;}
@media (min-width:1000px){
  .hrow{height:70px;gap:18px;}
  .brand b{display:block;font-size:17px;}
  .brand .mk{width:36px;height:36px;}
  .sbox{max-width:420px;}
  .menubtn{display:none;}
  .locs,.locale-switcher{display:flex;gap:2px;flex:none;}
  .locs a,.locale-switcher a{font-size:12px;font-weight:600;letter-spacing:.04em;padding:7px 9px;border-radius:8px;color:var(--ink-soft);}
  .locs a[aria-current],.locale-switcher a[aria-current]{background:var(--leaf-wash);color:var(--leaf-deep);}
  .tabrow{height:52px;gap:8px;}
  .tabrow a{height:36px;padding:0 16px;font-size:15px;}
  .tabrow .minor{padding-inline:12px;}
}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;
  border-radius:999px;font-size:15px;font-weight:600;transition:background .16s,color .16s;}
.btn.pri{background:var(--leaf);color:#fff;}
.btn.pri:hover{background:var(--leaf-deep);}
.btn.soft{background:var(--paper-deep);color:var(--ink);}
.btn.soft:hover{background:#E3DAC0;}
.btn.ghost{background:rgba(255,255,255,.16);color:#fff;backdrop-filter:blur(6px);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.55);}
.btn.ghost:hover{background:rgba(255,255,255,.28);}
.btn.lacq{background:rgba(255,255,255,.09);color:var(--lacquer-ink);box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.34);}
.btn.lacq:hover{background:rgba(255,255,255,.2);}
.btn.wide{width:100%;}
.more{display:flex;width:max-content;max-width:100%;margin:24px auto 0;}

.sec{padding-block:clamp(30px,5.4vw,58px);}
.shead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;}
.shead h2{font-size:clamp(24px,6vw,36px);font-weight:800;}
.shead p{margin-top:6px;font-size:13.5px;color:var(--ink-soft);}
.all{flex:none;display:inline-flex;align-items:center;gap:5px;height:36px;padding:0 14px;margin-top:2px;
  border-radius:999px;background:var(--paper-deep);font-size:13.5px;font-weight:600;color:var(--leaf-deep);}
.all:hover{background:var(--leaf-wash);}

.hero{padding-top:12px;}
.hcard{position:relative;border-radius:var(--rb);overflow:hidden;isolation:isolate;background:var(--lacquer);}
.hcard>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% center;z-index:-2;}
.hcard::after{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(to top,rgba(18,24,16,.93) 0%,rgba(18,24,16,.82) 26%,rgba(18,24,16,.42) 50%,rgba(18,24,16,.06) 74%,rgba(18,24,16,.34) 100%);}
.hbody{padding:clamp(20px,5vw,44px);padding-top:clamp(170px,46vw,240px);color:#fff;}
.hstores{display:flex;flex-wrap:wrap;gap:8px;}
.open{display:inline-flex;align-items:center;gap:7px;min-height:30px;padding:5px 12px;border-radius:999px;
  background:rgba(255,255,255,.15);backdrop-filter:blur(6px);font-size:12.5px;font-weight:500;color:#fff;}
a.open:hover{background:rgba(255,255,255,.26);}
.open i{width:7px;height:7px;border-radius:50%;background:#6FCF97;font-style:normal;flex:none;}
.open.shut{background:rgba(255,255,255,.09);color:rgba(255,255,255,.72);}
.open.shut i{background:#D98C4A;}
.hcard h1{margin-top:14px;font-size:clamp(31px,8.6vw,58px);font-weight:800;letter-spacing:-.028em;line-height:1.03;}
.hcard h1 em{font-style:normal;color:#F0C878;}
.hcard .sub{margin-top:12px;font-size:15px;color:rgba(255,255,255,.82);max-width:34ch;}
.hcta{display:flex;gap:10px;margin-top:20px;}
.hcta .btn{flex:1;}
@media (min-width:820px){
  .hbody{padding-top:clamp(190px,26vw,300px);max-width:640px;}
  .hcta .btn{flex:0 0 auto;}
  .hcard .sub{font-size:16.5px;}
  .hstores{position:absolute;right:clamp(20px,5vw,44px);bottom:clamp(20px,5vw,44px);
    flex-direction:column;align-items:flex-end;gap:9px;}
}

.cats{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
  margin-inline:calc(var(--g) * -1);padding:18px var(--g) 4px;}
.cats::-webkit-scrollbar{display:none;}
.cat{flex:none;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;border-radius:999px;
  background:var(--rice);box-shadow:inset 0 0 0 1px rgba(35,39,25,.09);font-size:14px;font-weight:500;white-space:nowrap;}
.cat b{font-size:12.5px;font-weight:600;color:var(--liquor-deep);}
.cat:hover{background:var(--leaf-wash);box-shadow:inset 0 0 0 1px transparent;}

.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
@media (min-width:700px){.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;}}
@media (min-width:1080px){.grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;}}

.p{display:flex;flex-direction:column;background:var(--rice);border-radius:var(--rc);box-shadow:var(--sh);
  overflow:hidden;transition:transform .18s,box-shadow .18s;}
.p:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(35,39,25,.05),0 16px 30px -18px rgba(35,39,25,.55);}
.p[hidden]{display:none;}
.p .ph{position:relative;aspect-ratio:1;background:var(--paper-deep);display:block;}
.p .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.p .b{padding:11px 12px 12px;display:flex;flex-direction:column;flex:1;gap:6px;}
.p h3{font-size:14.5px;font-weight:600;line-height:1.28;letter-spacing:-.005em;}
.p .who{font-size:12.5px;color:var(--ink-soft);}
.p .row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:4px;}
.pr{font-size:15px;font-weight:700;color:var(--liquor-deep);white-space:nowrap;}
.add{width:34px;height:34px;flex:none;border-radius:999px;background:var(--leaf);color:#fff;
  display:grid;place-items:center;font-size:19px;font-weight:400;line-height:0;}
.add:hover{background:var(--leaf-deep);}
@media (min-width:700px){
  .p .b{padding:14px 15px 15px;}
  .p h3{font-size:16px;}
  .add{width:38px;height:38px;}
}

.tags{display:flex;flex-wrap:wrap;gap:5px;}
.tag{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:7px;
  background:var(--paper-deep);font-size:11.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;}
.tag.cl{background:#F0E4DA;color:var(--clay);}
.tag.cl .han{margin-left:4px;font-size:11px;}
.tag.cl.jump{gap:3px;padding-right:6px;}
.tag.cl.jump svg{width:11px;height:11px;opacity:.65;}
.tag.cl.jump:hover{background:#E7D6C7;}

.fchips{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;
  margin-inline:calc(var(--g) * -1);padding:16px var(--g) 2px;}
.fchips::-webkit-scrollbar{display:none;}
.fchip{flex:none;display:inline-flex;align-items:center;gap:7px;height:42px;padding:0 15px;border-radius:999px;
  background:var(--rice);box-shadow:inset 0 0 0 1px rgba(35,39,25,.14);font-size:14px;font-weight:500;white-space:nowrap;}
.fchip svg{width:11px;height:11px;opacity:.5;}
.fchip.on{background:var(--leaf);color:#fff;box-shadow:none;font-weight:600;}
.fchip.on svg{opacity:.9;}
.fclear{flex:none;height:42px;padding:0 14px;border-radius:999px;font-size:14px;font-weight:600;color:var(--clay);}
.fclear[hidden]{display:none;}
.fcount{margin-top:12px;font-size:13.5px;color:var(--ink-soft);}
.fcount b{color:var(--ink);font-weight:600;}
.fnone{margin-top:16px;padding:24px 18px;border-radius:var(--rc);background:var(--rice);
  box-shadow:inset 0 0 0 1px rgba(35,39,25,.09);font-size:14px;color:var(--ink-soft);text-align:center;}
.fnone[hidden]{display:none;}

.discs{display:flex;justify-content:safe center;gap:10px;overflow-x:auto;scrollbar-width:none;
  margin-inline:calc(var(--g) * -1);padding:18px var(--g) 6px;}
.discs::-webkit-scrollbar{display:none;}
.dbtn{flex:none;width:118px;display:flex;flex-direction:column;overflow:hidden;
  border-radius:var(--rc);background:var(--rice);box-shadow:var(--sh);text-align:center;}
.dbtn:hover{background:var(--leaf-wash);}
.dbtn img{width:100%;aspect-ratio:1;object-fit:cover;background:var(--paper-deep);}
.dbtn span{padding:10px 9px 12px;font-size:12.5px;font-weight:600;line-height:1.25;}

.tiles{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;}
@media (min-width:700px){.tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}}
.tile{position:relative;border-radius:var(--rc);overflow:hidden;box-shadow:var(--sh);display:block;}
.tile img{aspect-ratio:1;width:100%;object-fit:cover;transition:transform .3s;}
.tile:hover img{transform:scale(1.04);}
.tile .lb{position:absolute;inset:auto 0 0 0;padding:26px 12px 12px;color:#fff;
  background:linear-gradient(to top,rgba(18,24,16,.85),transparent);
  display:flex;align-items:baseline;justify-content:space-between;gap:8px;}
.tile .lb b{font-size:14.5px;font-weight:600;}
.tile .lb i{font-style:normal;font-size:12.5px;color:rgba(255,255,255,.75);}

.dark{background:var(--lacquer);color:var(--lacquer-ink);border-radius:var(--rb);
  padding:clamp(24px,5vw,44px);margin-top:18px;}
.dark h2{font-size:clamp(24px,6vw,36px);font-weight:800;}
.dark .lede{margin-top:10px;font-size:15px;color:var(--lacquer-soft);max-width:50ch;}
.shops{display:grid;gap:12px;margin-top:22px;}
@media (min-width:700px){.shops{grid-template-columns:1fr 1fr;gap:16px;}}
.shop{background:rgba(255,255,255,.055);border-radius:var(--rc);padding:18px;}
.shop .tag2{display:inline-flex;align-items:center;height:24px;padding:0 10px;border-radius:999px;
  background:rgba(192,133,25,.18);color:var(--liquor-lit);font-size:11.5px;font-weight:600;letter-spacing:.06em;}
.shop h3{margin-top:11px;font-size:22px;font-weight:700;}
.shop address{font-style:normal;margin-top:7px;font-size:14px;color:var(--lacquer-soft);}
.shop .hrs{margin-top:9px;font-size:13.5px;color:var(--lacquer-ink);}
.shop .btn{margin-top:15px;}
.calls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:16px;}
.calls .call{flex:1 1 240px;}
.calls .soc{margin-top:0;margin-left:auto;gap:10px;}
.calls .soc a,.giftsoc .soc a{width:54px;height:54px;}
.calls .soc svg,.giftsoc .soc svg{width:24px;height:24px;}
.call{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:var(--rc);
  background:rgba(255,255,255,.055);}
.call:hover{background:rgba(255,255,255,.1);}
.call svg{width:19px;height:19px;flex:none;color:var(--liquor);}
.call span{display:block;font-size:11.5px;color:var(--lacquer-soft);}
.call b{display:block;font-size:15px;font-weight:600;word-break:break-all;}
.guests{display:grid;grid-auto-flow:column;grid-auto-columns:min(72%,280px);gap:10px;
  margin:22px calc(var(--g) * -1) 0;padding-inline:var(--g);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.guests::-webkit-scrollbar{display:none;}
.guests img{scroll-snap-align:start;aspect-ratio:4/3;width:100%;object-fit:cover;border-radius:var(--rc);}
@media (min-width:700px){
  .guests{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;}
  .dark .guests{margin-left:0;margin-right:0;}
}

.posts{display:grid;grid-auto-flow:column;grid-auto-columns:min(80%,320px);gap:12px;
  margin:18px calc(var(--g) * -1) 0;padding-inline:var(--g);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.posts::-webkit-scrollbar{display:none;}
.post{scroll-snap-align:start;display:flex;flex-direction:column;background:var(--rice);
  border-radius:var(--rc);overflow:hidden;box-shadow:var(--sh);transition:transform .18s,box-shadow .18s;}
.post:hover{transform:translateY(-3px);box-shadow:0 1px 2px rgba(35,39,25,.05),0 16px 30px -18px rgba(35,39,25,.55);}
.post img{width:100%;aspect-ratio:4/3;object-fit:cover;}
.post .pb{padding:12px 14px 14px;display:flex;flex-direction:column;gap:7px;flex:1;}
.post h3{font-size:16px;font-weight:600;line-height:1.3;}
.post:hover h3{color:var(--leaf-deep);}
.post .pm{margin-top:auto;padding-top:2px;font-size:12.5px;color:var(--ink-soft);}
@media (min-width:700px){
  .posts{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
    overflow:visible;margin-inline:0;padding-inline:0;}
  .post h3{font-size:17.5px;}
}

footer{margin-top:clamp(30px,5vw,56px);background:var(--paper-deep);padding-block:34px 26px;}
.fg{display:grid;gap:26px;}
@media (min-width:700px){.fg{grid-template-columns:1.4fr 1fr 1fr;gap:40px;}}
.fg .brand b{display:block;font-size:17px;}
.fg p{margin-top:12px;font-size:14px;color:var(--ink-soft);max-width:40ch;}
.soc{display:flex;gap:8px;margin-top:16px;}
.soc a{width:42px;height:42px;border-radius:999px;background:var(--rice);display:grid;place-items:center;color:var(--ink-soft);}
.soc a:hover{background:var(--leaf);color:#fff;}
.soc svg{width:18px;height:18px;}
.dark .soc a{background:rgba(255,255,255,.055);color:var(--lacquer-ink);}
.dark .soc a:hover{background:rgba(255,255,255,.16);color:#fff;}
.fg h4{margin:0 0 10px;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.fg ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:14.5px;}
.fg ul a:hover{color:var(--leaf-deep);}
.tagline{margin-top:28px;padding-top:16px;border-top:1px solid rgba(35,39,25,.1);font-size:12.5px;color:var(--clay);line-height:1.9;}
.legal{margin-top:6px;font-size:12px;color:var(--ink-soft);}

.scrim{position:fixed;inset:0;z-index:80;background:rgba(20,25,18,.5);opacity:0;pointer-events:none;transition:opacity .2s;}
.scrim.on{opacity:1;pointer-events:auto;}
.sheet{position:fixed;inset:auto 0 0 0;z-index:88;max-height:88vh;display:flex;flex-direction:column;
  background:var(--paper);border-radius:var(--rb) var(--rb) 0 0;
  translate:0 100%;transition:translate .26s cubic-bezier(.32,.72,0,1);}
.sheet.on{translate:0 0;}
.sheet .grab{width:40px;height:4px;border-radius:999px;background:rgba(35,39,25,.2);margin:10px auto 0;flex:none;}
.sheet .sh{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px var(--g) 12px;flex:none;}
.sheet .sh b{font-size:19px;font-weight:700;}
.sheet .sb{padding:0 var(--g) 14px;overflow-y:auto;flex:1;}
.sheet .sf{padding:12px var(--g) calc(14px + env(safe-area-inset-bottom));flex:none;
  border-top:1px solid rgba(35,39,25,.1);background:var(--paper);}
@media (min-width:760px){
  .sheet{inset:0 0 0 auto;width:min(92vw,440px);max-height:none;border-radius:0;
    translate:100% 0;transition:translate .24s cubic-bezier(.4,0,.2,1);}
  .sheet.on{translate:0 0;}
  .sheet .grab{display:none;}
  .sheet .sh{padding-top:20px;}
}

.opts{display:grid;gap:8px;}
.opt{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;text-align:left;
  min-height:54px;padding:10px 16px;border-radius:14px;background:var(--rice);
  box-shadow:inset 0 0 0 1px rgba(35,39,25,.09);font-size:15px;}
.opt:hover{box-shadow:inset 0 0 0 1px var(--leaf);}
.opt.on{background:var(--leaf);color:#fff;box-shadow:none;font-weight:600;}
.opt i{font-style:normal;font-size:13px;color:var(--ink-soft);}
.opt.on i{color:rgba(255,255,255,.72);}

.mnav{display:grid;gap:4px;}
.mnav a{display:flex;align-items:center;min-height:54px;padding:0 16px;border-radius:14px;font-size:17px;font-weight:600;}
.mnav a:hover{background:var(--paper-deep);}
.mlocs,.mobile-locale-switcher{display:flex;gap:8px;margin-bottom:14px;}
.mlocs a,.mobile-locale-switcher a{flex:1;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--rice);
  box-shadow:inset 0 0 0 1px rgba(35,39,25,.1);font-size:14px;font-weight:600;color:var(--ink-soft);}
.mlocs a[aria-current],.mobile-locale-switcher a[aria-current]{background:var(--leaf);color:#fff;box-shadow:none;}
.mfoot{margin-top:20px;padding:16px;border-radius:14px;background:var(--paper-deep);font-size:14px;line-height:1.9;color:var(--ink-soft);}

.gal{display:grid;grid-auto-flow:column;grid-auto-columns:100%;overflow-x:auto;
  scroll-snap-type:x mandatory;scrollbar-width:none;background:var(--paper-deep);border-radius:var(--rb);}
.gal::-webkit-scrollbar{display:none;}
.gal img{scroll-snap-align:center;width:100%;aspect-ratio:1;object-fit:cover;}
.thumbs{display:flex;gap:8px;padding:10px 0 2px;overflow-x:auto;scrollbar-width:none;}
.thumbs::-webkit-scrollbar{display:none;}
.thumbs button{flex:none;width:58px;height:58px;border-radius:11px;overflow:hidden;background:var(--paper-deep);
  opacity:.6;box-shadow:inset 0 0 0 2px transparent;transition:opacity .15s,box-shadow .15s;}
.thumbs button:hover{opacity:.85;}
.thumbs button.on{opacity:1;box-shadow:inset 0 0 0 2px var(--leaf);}
.thumbs img{width:100%;height:100%;object-fit:cover;}
.thumbs[hidden]{display:none;}

.pdpbody{padding:14px 0 30px;}
.pdpbody h1{font-size:clamp(23px,6.2vw,32px);font-weight:800;margin-top:9px;}
.pdpbody h1 .han{display:block;margin-top:5px;font-size:.6em;font-weight:500;color:var(--clay);letter-spacing:.06em;}
.pdpbody .meta{margin-top:8px;font-size:14.5px;color:var(--ink-soft);}
.pdpbody .price{margin-top:14px;display:flex;align-items:baseline;gap:9px;flex-wrap:wrap;}
.pdpbody .price b{font-size:26px;font-weight:800;color:var(--liquor-deep);}
.pdpbody .price i{font-style:normal;font-size:13px;color:var(--ink-soft);}
.blk{margin-top:26px;}
.blk h2{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.blk p{margin-top:9px;font-size:15px;line-height:1.62;}
.blk p + p{margin-top:9px;}
.specs{margin-top:10px;display:grid;gap:1px;background:rgba(35,39,25,.09);
  border-radius:14px;overflow:hidden;box-shadow:0 0 0 1px rgba(35,39,25,.09);}
.specs div{display:flex;gap:12px;justify-content:space-between;background:var(--rice);padding:11px 14px;font-size:14px;}
.specs dt{color:var(--ink-soft);flex:none;}
.specs dd{margin:0;font-weight:600;text-align:right;}
.pairs{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px;}

@media (min-width:900px){
  .gal img{aspect-ratio:auto;height:min(60vh,620px);}
  .pdpbody{padding:22px 0 34px;}
  .thumbs{padding:12px 0 16px;}
}

[hidden]{display:none!important;}
.crumbs{display:flex;align-items:center;gap:6px;padding:14px 0 0;margin:0 0 18px;
  list-style:none;font-size:13px;color:var(--ink-soft);flex-wrap:wrap;}
@media (min-width:700px){.crumbs{margin-bottom:24px;}}
.crumbs li{display:inline-flex;align-items:center;gap:6px;}
.crumbs li+li::before{content:"\203A";opacity:.5;}
.crumbs [aria-current]{color:var(--ink);font-weight:600;}
.crumbs a:hover{color:var(--leaf-deep);}
.crumbs svg{width:10px;height:10px;opacity:.5;flex:none;}

.lhead{padding-top:10px;}
.lhead h1{font-size:clamp(27px,7vw,42px);font-weight:800;}
.lhead p{margin-top:9px;font-size:14.5px;color:var(--ink-soft);max-width:62ch;}
.lhead .lread{margin-top:11px;}
.lhead .lread a{font-size:14.5px;font-weight:600;color:var(--leaf);border-bottom:1px solid currentColor;}
.tools{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-top:16px;}
.tools .n{font-size:13.5px;color:var(--ink-soft);}
.sortbar{display:flex;flex-wrap:wrap;gap:6px;margin-left:auto;}
.sortbar a{display:inline-flex;align-items:center;height:32px;padding:0 12px;border-radius:999px;
  background:var(--rice);box-shadow:inset 0 0 0 1px rgba(35,39,25,.1);
  font-size:12.5px;font-weight:600;color:var(--ink-soft);white-space:nowrap;}
.sortbar a:hover{background:var(--paper-deep);color:var(--ink);}
.sortbar a.on{background:var(--leaf);color:#fff;box-shadow:none;}
.tools .n b{color:var(--ink);font-weight:600;}
.sort{display:inline-flex;align-items:center;gap:7px;height:38px;padding:0 14px;border-radius:999px;
  background:var(--rice);box-shadow:inset 0 0 0 1px rgba(35,39,25,.12);font-size:13.5px;font-weight:600;white-space:nowrap;}
.sort:hover{box-shadow:inset 0 0 0 1px var(--leaf);}
.sort svg{width:11px;height:11px;opacity:.55;}
.side{display:none;}
.note2{margin-top:22px;padding:14px 16px;border-radius:var(--rc);background:var(--paper-deep);
  font-size:12.5px;color:var(--ink-soft);line-height:1.55;}
.note2 b{color:var(--ink);font-weight:600;}
@media (min-width:1000px){
  .lwrap{display:flex;gap:36px;align-items:flex-start;}
  .side{display:block;position:sticky;top:146px;flex:0 0 232px;}
  .lcol{flex:1 1 auto;min-width:0;}
  .fchips{display:none;}
  .side .fclear{display:flex;align-items:center;height:auto;min-height:34px;
    margin:0 0 18px;padding:7px 10px;border-radius:9px;}
  .side .fclear:hover{background:var(--paper-deep);}
  .side .fg2{margin-bottom:24px;}
  .side .fg2 h3{margin:0 0 8px;font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-soft);}
  .side .fg2 a,.side .fg2 button{display:flex;width:100%;justify-content:space-between;gap:10px;align-items:baseline;
    text-align:left;padding:7px 10px;border-radius:9px;font-size:14px;}
  .side .fg2 a:hover,.side .fg2 button:hover{background:var(--paper-deep);}
  .side .fg2 a.on,.side .fg2 button.on{background:var(--leaf-wash);color:var(--leaf-deep);font-weight:600;}
  .side .fg2 a i,.side .fg2 button i{font-style:normal;font-size:12.5px;color:var(--ink-soft);flex:none;}
  .side .fg2 a.on i,.side .fg2 button.on i{color:var(--leaf-deep);}
  .side .fg2 .fgmore{display:inline-flex;width:auto;margin-top:2px;padding:6px 10px;
    border-radius:9px;font-size:13px;font-weight:600;color:var(--clay);}
  .side .fg2 .fgmore:hover{background:var(--paper-deep);}
  .side .fg2 .fgmore[hidden]{display:none;}
}

.pager{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap;margin-top:28px;}
.pager .info{width:100%;text-align:center;font-size:13px;color:var(--ink-soft);margin-bottom:4px;}
.pager a,.pager span{display:inline-flex;align-items:center;justify-content:center;gap:6px;
  min-width:44px;height:44px;padding:0 8px;border-radius:999px;background:var(--rice);
  box-shadow:inset 0 0 0 1px rgba(35,39,25,.12);font-size:14px;font-weight:600;color:var(--ink);}
.pager a:hover{box-shadow:inset 0 0 0 1px var(--leaf);}
.pager svg{width:11px;height:11px;opacity:.6;}
.pager .prev,.pager .next{width:auto;padding:0 16px;}
.pager .on,.pager [aria-current]{background:var(--leaf);color:#fff;box-shadow:none;}
.pager .dots{background:none;box-shadow:none;color:var(--ink-soft);}
.pager [aria-disabled="true"]{background:var(--paper-deep);color:var(--ink-soft);opacity:.5;pointer-events:none;box-shadow:none;}
@media (min-width:700px){.pager a,.pager span{font-size:14.5px;}}

.vlt-teapot-embed{margin:26px 0;}
.vlt-teapot-embed h3{font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft);}
.embedmore{margin-top:14px;text-align:center;}

.giftband{margin-top:18px;padding:15px 20px;border-radius:var(--rc);
  background:var(--leaf-wash);color:var(--leaf-deep);
  font-size:15px;font-weight:600;line-height:1.45;text-align:center;}
@media (min-width:700px){.giftband{font-size:16.5px;padding:17px 24px;}}
.giftsoc{display:flex;justify-content:center;}

.iggrid{display:grid;grid-auto-flow:column;grid-auto-columns:min(78%,320px);gap:12px;
  margin:18px calc(var(--g) * -1) 0;padding-inline:var(--g);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.iggrid::-webkit-scrollbar{display:none;}
.igcard{scroll-snap-align:start;border-radius:var(--rc);overflow:hidden;
  background:var(--paper-deep);box-shadow:var(--sh);align-self:start;}
.igcard iframe{width:100%;height:620px;border:0;display:block;transition:height .2s ease;}
@media (min-width:700px){
  .iggrid{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;
    overflow:visible;margin-inline:0;padding-inline:0;}
}

.art{max-width:45rem;}
.hero2{margin-top:18px;border-radius:var(--rb);overflow:hidden;background:var(--paper-deep);}
.hero2 img{width:100%;aspect-ratio:16/9;object-fit:cover;}
.art h1{margin-top:22px;font-size:clamp(27px,6.4vw,42px);font-weight:800;}
.art .by{margin-top:12px;font-size:13.5px;color:var(--ink-soft);}
.art .body{margin-top:24px;font-size:16.5px;line-height:1.72;}
.art .body p{margin-bottom:17px;}
.art .body h2{margin:32px 0 12px;font-size:clamp(20px,4.4vw,26px);font-weight:700;}
.art .body ul{margin:0 0 17px;padding-left:20px;}
.art .body li{margin-bottom:9px;}
.art .body strong{font-weight:600;}
.art .body em{font-style:italic;}
.inlink{font-weight:600;color:var(--clay);box-shadow:inset 0 -1px 0 rgba(140,91,63,.4);}
.inlink:hover{color:var(--leaf-deep);box-shadow:inset 0 -1px 0 var(--leaf);}
.inrow{display:grid;grid-auto-flow:column;grid-auto-columns:min(46%,190px);gap:12px;
  margin:24px calc(var(--g) * -1);padding:0 var(--g);
  overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;}
.inrow::-webkit-scrollbar{display:none;}
.inrow .p{scroll-snap-align:start;}
@media (min-width:700px){
  .inrow{grid-auto-flow:row;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-inline:0;padding-inline:0;}
}

.blogall{grid-auto-flow:row;grid-template-columns:1fr;overflow:visible;margin-inline:0;padding-inline:0;}
@media (min-width:700px){.blogall{grid-template-columns:repeat(3,minmax(0,1fr));}}

.lede2{margin-top:14px;font-size:clamp(17px,3.6vw,21px);line-height:1.55;max-width:46ch;color:var(--ink);}
.stat{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:26px;}
@media (min-width:700px){.stat{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;}}
.stat div{background:var(--rice);border-radius:var(--rc);padding:16px 18px;box-shadow:var(--sh);}
.stat b{display:block;font-size:clamp(26px,5vw,34px);font-weight:800;color:var(--liquor-deep);line-height:1;}
.stat span{display:block;margin-top:7px;font-size:13px;color:var(--ink-soft);}

.prose{font-size:15px;line-height:1.62;color:var(--ink);max-width:100%;overflow-x:auto;overflow-wrap:anywhere;-webkit-overflow-scrolling:touch;}
.prose>*:first-child{margin-top:0;}
.prose p{margin:0 0 14px;font-size:15px;line-height:1.65;color:var(--ink);}
.prose h2{margin:28px 0 12px;font-size:clamp(19px,4vw,24px);font-weight:700;letter-spacing:-.015em;color:var(--ink);}
.prose h3{margin:22px 0 10px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--ink);}
.prose ul,.prose ol{margin:0 0 14px;padding-left:22px;}
.prose li{margin-bottom:7px;line-height:1.6;}
.prose strong{font-weight:700;}
.prose em{font-style:italic;}
.prose img{border-radius:12px;margin-block:12px;}
.prose a{color:var(--leaf-deep);font-weight:600;text-decoration:underline;text-underline-offset:2px;}
.prose a:hover{color:var(--leaf);}
.prose table{display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;
  border-collapse:collapse;margin:16px 0;font-size:14px;}
.prose table td,.prose table th{padding:9px 12px;border:1px solid rgba(35,39,25,.12);text-align:left;}
.prose table th{background:var(--paper-deep);font-weight:600;}
.prose .row{display:flex;flex-wrap:wrap;margin-inline:-8px;}
.prose .row [class*="col-"]{padding-inline:8px;box-sizing:border-box;}
.prose .col-3{width:25%;}
.prose .col-6{width:50%;}
.prose .img-responsive{display:block;max-width:100%;height:auto;}
.prose .info-box{background:var(--rice);border-radius:var(--rc);box-shadow:var(--sh);padding:16px 18px;margin:12px 0;}
.prose .info-box_text{margin-top:6px;font-size:14.5px;line-height:1.6;color:var(--ink-soft);}
.prose .info-box_link{display:inline-flex;align-items:center;gap:6px;margin-top:10px;font-weight:600;
  color:var(--leaf-deep);text-decoration:none;}
.prose .info-box_link:hover{color:var(--leaf);text-decoration:underline;}