/* Oscar Wilde's, Freiburg. Dark library look: ink, oxblood, antique gold, ivory. */
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/cormorant-garamond-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:normal;font-weight:700;font-display:swap;src:url(../fonts/cormorant-garamond-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:"Cormorant Garamond";font-style:italic;font-weight:500;font-display:swap;src:url(../fonts/cormorant-garamond-latin-500-italic.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/eb-garamond-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400;font-display:swap;src:url(../fonts/eb-garamond-latin-400-italic.woff2) format("woff2")}
:root{--hover:#fff;--soft:#e6dcc8;--bg:#120b0c;--bg2:#1b1112;--bg-rgb:18,11,12;--wall-rgb:74,21,27;--burg-rgb:106,31,40;--ink:#120b0c;--ink2:#1b1112;--oxblood:#4a151b;--burg:#6a1f28;--gold:#c9a45c;--gold2:#e3c98b;--ivory:#f3ead8;--muted:#bfae92;--line:rgba(201,164,92,.28);--ok:#7fc58a;--bad:#e08a7a;
--display:"Cormorant Garamond","Palatino Linotype",Palatino,Georgia,serif;--text:"EB Garamond","Palatino Linotype",Palatino,Georgia,serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ivory);font-family:var(--text);font-size:1.125rem;line-height:1.65;min-height:100vh;display:flex;flex-direction:column;overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:url(../img/damask.png) center top/380px auto;opacity:.07;pointer-events:none}
main{flex:1}
img{max-width:100%;height:auto}
a{color:var(--gold2);text-underline-offset:.18em}
a:hover{color:var(--hover)}
:focus-visible{outline:3px solid var(--gold2);outline-offset:3px;border-radius:2px}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-999px;top:0;background:var(--gold);color:var(--ink);padding:.6rem 1rem;z-index:100}
.skip:focus{left:0}
.wrap{width:min(1120px,100% - 2.5rem);margin-inline:auto}
.narrow{width:min(760px,100% - 2.5rem)}
.center{text-align:center}
.muted{color:var(--muted)}
h1,h2,h3{font-family:var(--display);font-weight:600;line-height:1.15;margin:0 0 .6em;letter-spacing:.01em}
h1{font-size:clamp(2.3rem,6vw,3.7rem)}
h2{font-size:clamp(1.8rem,4vw,2.5rem);color:var(--gold2)}
h3{font-size:1.5rem}
p{margin:0 0 1.1em}
.lede{font-size:1.3rem;color:var(--muted);font-style:italic}
.big{font-size:1.35rem}
.gaelic{font-style:italic;font-weight:500;font-size:clamp(2.2rem,6vw,3.4rem);color:var(--gold2)}
.rule{display:block;width:140px;height:14px;margin:1.3rem auto 2rem;position:relative}
.rule::before{content:"";position:absolute;left:0;right:0;top:6px;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent)}
.rule::after{content:"";position:absolute;left:50%;top:2px;width:9px;height:9px;margin-left:-4.5px;background:var(--gold);transform:rotate(45deg)}
.pagehead .rule{margin-bottom:0}
.center .rule,.narrow .rule{margin-inline:auto}
/* header */
.top{position:relative;z-index:20;background:rgba(var(--bg-rgb),.96);border-bottom:1px solid var(--line);padding-top:env(safe-area-inset-top,0)}
.top-over{position:absolute;left:0;right:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),.6),rgba(var(--bg-rgb),0));border-bottom:0}
.top-row{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}
.brand{text-decoration:none;color:var(--ivory);display:flex;flex-direction:column;line-height:1.05}
.brand-o{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:.14em;text-transform:uppercase}
.brand-s{font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.nav{display:flex;align-items:center;gap:1.4rem}
.nav>a{color:var(--ivory);text-decoration:none;font-size:1.05rem;letter-spacing:.06em;text-transform:uppercase;padding:.3rem 0;border-bottom:2px solid transparent}
.nav>a:hover,.nav>a[aria-current]{border-bottom-color:var(--gold);color:var(--hover)}
.langsw{display:inline-flex;border:1px solid var(--line);border-radius:999px;overflow:hidden;margin-left:.4rem}
.langsw a{padding:.2rem .75rem;color:var(--muted);text-decoration:none;font-size:.95rem;letter-spacing:.1em}
.langsw a[aria-current]{background:var(--gold);color:var(--ink)}
.navtoggle,.navbtn{display:none}
@media (max-width:860px){
.navbtn{display:inline-flex;align-items:center;gap:.6rem;cursor:pointer;color:var(--ivory);text-transform:uppercase;letter-spacing:.12em;font-size:.95rem;padding:.55rem .9rem;border:1px solid var(--line);border-radius:4px;min-height:44px}
.navbtn i{width:20px;height:2px;background:var(--gold);box-shadow:0 6px 0 var(--gold),0 -6px 0 var(--gold)}
.navtoggle:focus-visible+.navbtn{outline:3px solid var(--gold2);outline-offset:3px}
.nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:rgba(var(--bg-rgb),.98);border-bottom:1px solid var(--line);padding:.5rem 1.25rem 1.2rem}
.navtoggle:checked~.nav{display:flex}
.nav>a{padding:.85rem 0;border-bottom:1px solid var(--line);font-size:1.15rem}
.langsw{align-self:flex-start;margin:1rem 0 0}
.brand-o{font-size:1.3rem}
}
/* banner */
.banner{background:var(--gold);color:var(--ink);text-align:center;padding:.65rem 1rem;font-weight:500}
/* hero */
.hero{position:relative;min-height:min(92vh,860px);display:flex;align-items:center;justify-content:center;text-align:center;background:linear-gradient(180deg,rgba(var(--bg-rgb),.62) 0%,rgba(var(--bg-rgb),.45) 40%,rgba(var(--bg-rgb),.95) 100%),url(../img/hero.jpg) center 30%/cover;padding:7rem 0 4rem}
.hero-h1{margin:0;font-size:1rem;line-height:0}
.hero-logo{display:block;margin:0 auto;width:min(520px,82vw);height:auto;filter:drop-shadow(0 4px 24px rgba(0,0,0,.6))}
.openbadge{display:inline-flex;align-items:center;gap:.6rem;margin:1.6rem 0 1.4rem;padding:.45rem 1.1rem;border:1px solid var(--line);border-radius:999px;background:rgba(var(--bg-rgb),.7);font-size:1.1rem}
.openbadge .dot{width:.7rem;height:.7rem;border-radius:50%;background:var(--bad)}
.openbadge.is-open .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(127,197,138,.2)}
/* buttons */
.btn{display:inline-block;background:var(--gold);color:var(--ink);text-decoration:none;font-family:var(--display);font-weight:700;font-size:1.1rem;letter-spacing:.1em;text-transform:uppercase;padding:.8rem 1.5rem;border:2px solid var(--gold);border-radius:3px;min-height:44px;transition:background .15s,color .15s}
.btn:hover{background:var(--gold2);border-color:var(--gold2);color:var(--ink)}
.btn-ghost{background:transparent;color:var(--gold2)}
.btn-ghost:hover{background:var(--gold);color:var(--ink)}
.btn-wide{display:block;text-align:center;padding:1.1rem 1.5rem;font-size:1.25rem}
.btnrow{display:flex;flex-wrap:wrap;gap:.8rem;margin:1.2rem 0}
.btnrow-c{justify-content:center}
.biglinks{list-style:none;margin:0 0 2rem;padding:0;display:grid;gap:1rem}
/* sections */
.sec{padding:var(--sec-pad,clamp(2.6rem,6vw,4.4rem)) 0}
.sec-alt{background:linear-gradient(180deg,rgba(var(--wall-rgb),.5),rgba(var(--wall-rgb),.28));border-block:1px solid var(--line)}
.two{display:grid;gap:3rem;grid-template-columns:1fr}
@media (min-width:860px){.two{grid-template-columns:1.1fr 1fr;align-items:start}}
.pagehead{padding:clamp(3rem,7vw,5rem) 0 1rem;text-align:center}
.prose h2{margin-top:1.8em;font-size:1.9rem}
.prose ul{padding-left:1.2rem}
.prose li{margin-bottom:.5em}
blockquote{margin:1.8rem 0;padding:.3rem 0 .3rem 1.4rem;border-left:3px solid var(--gold);font-family:var(--display);font-style:italic;font-weight:500;font-size:1.6rem;line-height:1.35;color:var(--gold2)}
blockquote p{margin:0}
.quoteband{padding:clamp(3rem,8vw,6rem) 0;background:linear-gradient(rgba(var(--burg-rgb),.9),rgba(var(--wall-rgb),.92));text-align:center;border-block:1px solid var(--line)}
.quoteband blockquote{border:0;padding:0;font-size:clamp(1.8rem,4.5vw,3rem);margin:0}
.quoteband cite{display:block;margin-top:1rem;font-style:normal;letter-spacing:.2em;text-transform:uppercase;font-size:.95rem;color:var(--ivory)}
/* hours */
.hours{width:100%;border-collapse:collapse;font-size:1.2rem}
.hours th,.hours td{padding:.7rem .4rem;border-bottom:1px solid var(--line);text-align:left;font-weight:400}
.hours td{text-align:right;font-variant-numeric:tabular-nums}
.hours .is-today{color:var(--gold2);font-weight:500}
.hours .is-today th,.hours .is-today td{background:rgba(201,164,92,.1)}
.tag{display:inline-block;margin-left:.4rem;padding:0 .5rem;border-radius:3px;background:var(--gold);color:var(--ink);font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;vertical-align:.1em}
.side{padding:1.6rem;border:1px solid var(--line);background:rgba(var(--bg-rgb),.5)}
.side h3{color:var(--gold2)}
/* whiskey */
.wtools{display:grid;gap:1rem;margin-bottom:2rem}
.wsearch{width:100%;padding:.9rem 1.1rem;font:inherit;font-size:1.15rem;color:var(--ivory);background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:4px;min-height:48px}
.wsearch::placeholder{color:var(--muted)}
.chips{display:flex;flex-wrap:wrap;gap:.5rem}
.chip{font:inherit;font-size:1rem;color:var(--ivory);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.45rem 1rem;cursor:pointer;min-height:44px}
.chip span{color:var(--muted);margin-left:.25rem;font-size:.9rem}
.chip:hover{border-color:var(--gold)}
.chip.is-on{background:var(--gold);color:var(--ink);border-color:var(--gold)}
.chip.is-on span{color:var(--ink)}
.wgrid{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));margin-bottom:2rem}
.w{border:1px solid var(--line);border-left:4px solid var(--gold);background:rgba(255,255,255,.035);padding:1.1rem 1.2rem}
.w-head{display:flex;justify-content:space-between;gap:.8rem;align-items:baseline}
.w h3{margin:0 0 .15em;font-size:1.45rem}
.age{white-space:nowrap;font-size:.95rem;color:var(--gold2);border:1px solid var(--line);padding:0 .5rem;border-radius:3px}
.w-meta{margin:0 0 .5em;color:var(--muted);font-size:1rem}
.w-prices{display:flex;gap:1.2rem;margin:0 0 .5em;font-weight:500}
.w-prices i{font-style:normal;color:var(--muted);margin-right:.2rem}
.w-notes{margin:0;font-size:1.02rem;color:var(--soft)}
/* specials */
.spgrid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),340px));justify-content:center;margin-bottom:2rem}
.sp{border:1px solid var(--line);background:rgba(255,255,255,.035);padding:.8rem;text-align:center}
.sp img{display:block;width:100%;height:auto}
.sp h3{margin:.8rem 0 .2rem}
.sp-until{margin:0;color:var(--muted)}
.sp-pdf{padding:1.5rem}
/* press */
.logos{display:flex;flex-wrap:wrap;gap:1.5rem}
.logos figure{margin:0;padding:1rem;text-align:center;border:1px solid var(--line);flex:1 1 220px}
.logos img{max-width:240px}
.logos figure:has(.logo-on-light){background:var(--ivory)}
.logos figure:has(.logo-on-light) a{color:var(--ink)}
/* footer */
.foot{margin-top:2rem;border-top:1px solid var(--line);background:rgba(10,6,7,.92);padding:3rem 0 1rem}
.foot-grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}
.foot-name{font-family:var(--display);font-weight:700;font-size:1.3rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);margin-bottom:.4em}
.foot-links{list-style:none;margin:0;padding:0}
.foot-links li{margin-bottom:.4rem}
.foot-links a{color:var(--ivory)}
.sister{margin-top:1rem;color:var(--muted)}
.foot-beer{margin-top:1.5rem;opacity:.85;overflow:hidden}
.copy{text-align:center;color:var(--muted);font-size:.95rem;margin:1.5rem 0 0}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
@media print{body::before,.top,.hero,.foot-beer,.btnrow{display:none}body{background:#fff;color:#000}a{color:#000}}
/* whiskey sub navigation, toolbar and cards */
.subnav{border-bottom:1px solid var(--line);background:rgba(var(--bg-rgb),.6)}
.subnav .wrap{display:flex;flex-wrap:wrap;gap:.2rem 1.6rem;justify-content:center;padding:.5rem 0}
.subnav a{color:var(--ivory);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.98rem;padding:.55rem 0;border-bottom:2px solid transparent;min-height:44px;display:inline-flex;align-items:center}
.subnav a:hover,.subnav a[aria-current]{border-bottom-color:var(--gold);color:var(--hover)}
.selrow{display:flex;flex-wrap:wrap;gap:1rem 1.4rem;align-items:flex-end}
.selrow label{display:flex;flex-direction:column;font-size:.95rem;color:var(--muted);gap:.25rem}
select{font:inherit;background:var(--bg2);color:var(--ivory);border:1px solid var(--line);padding:.55rem .7rem;min-height:44px;border-radius:4px;max-width:100%}
.checks{display:flex;flex-wrap:wrap;gap:.2rem 1.4rem}
.check{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;cursor:pointer}
.check input{width:1.2rem;height:1.2rem;accent-color:var(--gold)}
.wcount{color:var(--muted);margin:0}
.w-flav{list-style:none;margin:.2rem 0 .7rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1rem;font-size:.88rem}
.w-flav li{display:flex;align-items:center;gap:.4rem;justify-content:space-between}
.fl-name{color:var(--muted)}
.bar{display:inline-block;width:52px;height:6px;background:rgba(255,255,255,.14);border-radius:3px;position:relative;overflow:hidden;flex:none}
.bar::after{content:"";position:absolute;left:0;top:0;bottom:0;background:var(--gold);width:0}
.bar.l1::after{width:20%}.bar.l2::after{width:40%}.bar.l3::after{width:60%}.bar.l4::after{width:80%}.bar.l5::after{width:100%}
.w-act{margin:.7rem 0 0}
.tried{font:inherit;font-size:.98rem;color:var(--gold2);background:transparent;border:1px solid var(--gold);border-radius:999px;padding:.4rem 1.1rem;min-height:44px;cursor:pointer}
.tried:hover{background:rgba(201,164,92,.18)}
.tried.is-on{background:var(--gold);color:var(--ink);font-weight:500}
.flash-note{border:1px solid var(--gold);padding:1rem;margin:0 0 1rem}
/* passport */
.pp-top{text-align:center;margin-bottom:1.5rem}
.pp-count{font-family:var(--display);font-size:2rem;color:var(--gold2);margin:0 0 .4rem}
progress{width:100%;height:16px;accent-color:var(--gold)}
.pp-badges{list-style:none;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));padding:0;margin:0 0 1.5rem}
.pp-badge{border:1px solid var(--line);padding:.9rem .6rem;text-align:center;opacity:.55}
.pp-badge.earned{opacity:1;border-color:var(--gold);background:rgba(201,164,92,.12)}
.pp-seal{display:flex;width:3.2rem;height:3.2rem;margin:0 auto .4rem;border-radius:50%;border:2px solid var(--gold);align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--gold2)}
.pp-bname{display:block;font-family:var(--display);font-size:1.2rem}
.pp-rew{display:block;font-size:.95rem;color:var(--gold2)}
.pp-region h3{margin-top:1.2rem}
.pp-list{list-style:none;padding:0;margin:0 0 1rem}
@media (min-width:700px){.pp-list{columns:2}}
.pp-item label{display:flex;gap:.6rem;align-items:center;min-height:44px;cursor:pointer;break-inside:avoid}
.pp-box{width:1.3rem;height:1.3rem;accent-color:var(--gold);flex:none}
.pp-save textarea{width:100%;font:inherit;background:rgba(255,255,255,.06);color:var(--ivory);border:1px solid var(--line);padding:.6rem;margin:.3rem 0 .8rem}
/* finder */
.finder fieldset{border:1px solid var(--line);margin:0 0 1.2rem;padding:.8rem 1.2rem 1rem}
.finder legend{font-family:var(--display);font-size:1.4rem;color:var(--gold2);padding:0 .5rem}
.opt{display:inline-flex;align-items:center;gap:.5rem;margin:.15rem 1.4rem .15rem 0;min-height:44px;cursor:pointer}
.opt input{width:1.2rem;height:1.2rem;accent-color:var(--gold)}
.fi-results:focus{outline:none}
.fi-list{list-style:none;padding:0;display:grid;gap:1rem}
.fi-item{border:1px solid var(--line);border-left:4px solid var(--gold);padding:1rem 1.2rem;background:rgba(255,255,255,.035)}
.fi-item h3{margin-bottom:.2em}
.fi-score{display:inline-block;background:var(--gold);color:var(--ink);padding:0 .7rem;border-radius:999px;font-weight:500;margin-bottom:.4rem}
/* maps */
.maptabs{display:none;gap:.5rem;justify-content:center;margin:1rem 0 1.5rem;flex-wrap:wrap}
.maptabs.live{display:flex}
.mapbox{margin-bottom:3rem}
.mapbox-off{display:none}
.mapcols{display:grid;gap:2rem;grid-template-columns:1fr}
@media (min-width:900px){.mapcols{grid-template-columns:minmax(0,520px) 1fr;align-items:start}}
.mapfig{margin:0}
.mapfig svg{width:100%;height:auto;display:block;background:rgba(0,0,0,.28);border:1px solid var(--line)}
.land{fill:#2c1e19;stroke:#c9a45c;stroke-width:1.2;fill-rule:evenodd;stroke-linejoin:round}
.land.ni{fill:#38261e}
.region{fill:#c9a45c;opacity:.13}
.city{fill:#d8c9ad;font-size:11px;font-style:italic}
.pin circle{fill:#c9a45c;stroke:var(--bg);stroke-width:1.5}
.pin text{font-size:9px;font-weight:700;fill:var(--bg);pointer-events:none}
.pin.off circle{fill:#5a4a3c}
.pin.off text{fill:#e6dcc8}
a.pin{cursor:pointer}
a.pin:hover circle,a.pin:focus circle{fill:#fff}
a.pin:focus-visible circle{stroke:#fff;stroke-width:3}
.country{fill:#2c1e19;stroke:#51402f;stroke-width:.4}
.country.on{fill:#c9a45c;stroke:var(--bg);stroke-width:.5;cursor:pointer}
a.country:hover path,a.country:focus path{fill:#e3c98b}
.legend{columns:2;column-gap:1.6rem;padding-left:2rem;margin:0;font-size:1.02rem}
.legend li{break-inside:avoid;margin-bottom:.2rem}
.legend li.off{color:var(--muted)}
.regcards{list-style:none;margin:0 0 1.5rem;padding:0;display:grid;gap:.6rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}
.regcards a{display:block;border:1px solid var(--line);padding:.7rem 1rem;text-decoration:none;color:var(--ivory)}
.regcards a:hover{border-color:var(--gold)}
.regcards b{display:block;font-family:var(--display);font-size:1.3rem;color:var(--gold2)}
.tag2{display:block;font-style:italic;color:var(--muted)}
.dpanel{border:1px solid var(--gold);background:rgba(var(--bg-rgb),.92);padding:1.4rem;margin:1.5rem auto;max-width:780px}
.dpanel:focus{outline:2px solid var(--gold2)}
.dtext{max-height:16rem;overflow:auto;font-size:1.02rem}
.dlist{columns:2;padding-left:1.2rem;margin:.6rem 0 1rem}
/* ===== bottle labels and region stripes on whiskey cards ===== */
.w,.fi-item{position:relative;--rc:#8a7f6a;border-left-width:1px}
.w::before,.fi-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--rc)}
.rc-ireland{--rc:#2faa6e}.rc-highlands{--rc:#4f9f6c}.rc-lowlands{--rc:#9cbc5a}.rc-speyside{--rc:#d38642}.rc-islay-islands{--rc:#8a9ba5}.rc-scotch-blends{--rc:#b58a4a}.rc-campbeltown{--rc:#4a86a8}
.rc-united-states{--rc:#cf4f58}.rc-canada{--rc:#dd5f46}.rc-japan{--rc:#d8447a}.rc-india{--rc:#eb9a2c}.rc-france{--rc:#5b79cf}.rc-germany{--rc:#8d9a55}.rc-wales{--rc:#d04b4b}.rc-england{--rc:#b34b4b}.rc-taiwan{--rc:#8d68c8}.rc-iceland{--rc:#62b6c9}.rc-sweden{--rc:#5da0d8}.rc-denmark{--rc:#c8605a}
.wlabel{position:absolute;top:.8rem;right:.8rem;display:flex;flex-direction:column;align-items:center;min-width:3.7rem;padding:.3rem .55rem .35rem;border-radius:6px;background:#f3ead8;color:#2a1b14;outline:1px solid #6a1f28;outline-offset:-4px;text-align:center;line-height:1;transform:rotate(1.5deg);box-shadow:0 1px 5px rgba(0,0,0,.5)}
.wlabel b{font-family:var(--display);font-weight:700;font-size:1.55rem;letter-spacing:.02em}
.wlabel i{font-style:normal;font-size:.62rem;letter-spacing:.14em;text-transform:uppercase}
.wlabel u{text-decoration:none;margin-top:.2rem;padding-top:.2rem;border-top:1px solid rgba(42,27,20,.4);font-size:.78rem;letter-spacing:.06em;width:100%}
.w h3,.fi-item h3{padding-right:4.9rem}
.w-head{display:block}
.fi-item .fi-score{margin-top:.2rem}
.sch-read{display:grid;gap:1.5rem;grid-template-columns:1fr;margin:1rem 0 2rem}
@media (min-width:760px){.sch-read{grid-template-columns:minmax(0,340px) 1fr;align-items:center}}
.sch-sample{margin:0}
.sch-key{margin:0;padding-left:1.2rem}
/* ===== opening hours timeline ===== */
.htl{display:grid;gap:.55rem;margin:1.2rem auto 0;max-width:980px}
.hrow{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) minmax(9rem,13rem);gap:6px 16px;align-items:center;padding:.65rem 1rem;border:1px solid var(--line);border-radius:12px;background:rgba(255,255,255,.04)}
.hrow.is-today{border-color:var(--gold);background:rgba(201,164,92,.13);box-shadow:0 0 0 1px var(--gold)}
.hrow h3{margin:0;font-family:var(--display);font-weight:700;font-size:1.35rem;letter-spacing:.04em;text-transform:uppercase;color:var(--ivory);line-height:1.1}
.hrow small{display:block;color:var(--muted);font-size:.85rem}
.hbar{display:block;width:100%;height:1.1rem}
.htrack{fill:rgba(255,255,255,.1)}
.hspan{fill:#a8873f}
.hrow.is-today .hspan{fill:var(--gold)}
.hnow{stroke:#ff9a57;stroke-width:1.6}
.hrow .ht{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .5rem;justify-content:flex-end}
.hrow .htx{font-family:var(--display);font-weight:600;font-size:1.4rem;letter-spacing:.03em;color:var(--gold2)}
.hrow .tag{margin:0}
.haxis{display:grid;grid-template-columns:minmax(7.5rem,10rem) minmax(0,1fr) minmax(9rem,13rem);gap:0 16px;padding:0 1rem;color:var(--muted);font-size:.8rem}
.hx-labels{grid-column:2;position:relative;display:block;height:1.2em}
.hx-labels span{position:absolute;top:0;transform:translateX(-50%);white-space:nowrap}
.hx-labels span:nth-child(1){left:0}.hx-labels span:nth-child(2){left:18.75%}.hx-labels span:nth-child(3){left:37.5%}.hx-labels span:nth-child(4){left:56.25%}.hx-labels span:nth-child(5){left:75%}.hx-labels span:nth-child(6){left:93.75%}
@media (max-width:640px){.hrow{grid-template-columns:1fr auto;padding:.6rem .8rem}.hrow .hbar{grid-column:1 / -1;grid-row:2}.hrow .ht{grid-column:2;grid-row:1}.haxis{display:none}}
.side-wide{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin:1.5rem auto 0;max-width:980px}
/* ===== find us: sketch map and cards ===== */
.fmap{margin:1.5rem auto;max-width:920px}
.fmap-scroll{overflow-x:auto;border:1px solid var(--line);background:rgba(0,0,0,.28)}
.fmap-scroll:focus-visible{outline:3px solid var(--gold2)}
.fmap svg{display:block;width:100%;min-width:640px;height:auto}
.fmap figcaption{text-align:center;margin-top:.5rem}
.fm-st{stroke:#5b4a3b;stroke-width:12;fill:none;stroke-linecap:round}
.fm-bl{fill:#2c1e19;stroke:#51402f}
.fm-bt{fill:#d8c9ad;font-size:12px}
.fm-sn{fill:#c2b296;font-size:12px;letter-spacing:.05em}
.fm-station{fill:#3b2a22;stroke:#c9a45c;stroke-width:2}
.fm-route{stroke:#c9a45c;stroke-width:4;fill:none;stroke-dasharray:2 9;stroke-linecap:round}
.fm-rt{fill:#e3c98b;font-size:13px}
.fm-tram rect{fill:#c9a45c}
.fm-tram text{fill:var(--bg);font-weight:700;font-size:14px}
.fm-pin circle{stroke:var(--bg);stroke-width:2}
.fm-ow circle{fill:#c9a45c}
.fm-ow text{fill:var(--bg);font-weight:700;font-size:17px}
.fm-ow .fm-halo{fill:rgba(201,164,92,.28);stroke:none}
.fm-ok circle{fill:#1f9d62}
.fm-ok text{fill:#fff;font-weight:700;font-size:14px}
a.fm-ok{cursor:pointer}
a.fm-ok:hover circle,a.fm-ok:focus circle{fill:#35c283}
a.fm-ok:focus-visible circle{stroke:#fff;stroke-width:3}
.fm-lab{fill:#f3ead8;font-size:16px;font-weight:600}
.fm-labow{fill:#e3c98b}
.tcards{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:2rem}
.tcard{border:1px solid var(--line);padding:1.2rem 1.3rem;background:rgba(255,255,255,.035)}
.tcard h3{display:flex;gap:.6rem;align-items:center;color:var(--gold2);margin-bottom:.5em}
.tcard .ic{width:1.7rem;height:1.7rem}
.tcard p{margin:0 0 .9em}
/* ===== phone quick bar (browser and Home Screen app) ===== */
.quickbar{display:none}
@media (max-width:860px){
.quickbar{display:grid;grid-template-columns:repeat(4,1fr);position:fixed;left:0;right:0;bottom:0;z-index:60;background:rgba(10,6,7,.97);border-top:1px solid var(--line);padding:6px 6px calc(6px + env(safe-area-inset-bottom,0px))}
.quickbar a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--ivory);text-decoration:none;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;padding:5px 0;min-height:50px;border-radius:6px}
.quickbar a:active{background:rgba(201,164,92,.18)}
.quickbar a[aria-current]{color:var(--gold2)}
.quickbar .ic{width:23px;height:23px}
body{padding-bottom:calc(66px + env(safe-area-inset-bottom,0px))}
}
@media print{.quickbar,.ptr,.splash{display:none!important}}
/* ===== Home Screen app: no rubber band, pull to refresh with a pint or a dram ===== */
html.standalone,html.standalone body{overscroll-behavior:none}
html.standalone .quickbar{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
.ptr{position:fixed;top:env(safe-area-inset-top,0px);left:50%;margin-left:-72px;width:144px;z-index:300;display:flex;flex-direction:column;align-items:center;gap:.2rem;padding:.4rem .6rem;border-radius:14px;background:rgba(var(--bg-rgb),.95);border:1px solid var(--line);color:var(--ivory);font-size:.85rem;opacity:0;pointer-events:none;transform:translateY(-70px)}
.ptr.is-back{transition:transform .25s ease,opacity .25s ease}
.ptr .ptr-fill{transform:translateY(48px)}
.ptr.is-busy svg{animation:ptrWob .7s ease-in-out infinite}
@keyframes ptrWob{50%{transform:rotate(8deg)}}
/* ===== welcome pour: a pint on the front page, a dram on the whiskey pages (once per visit) ===== */
.splash{position:fixed;top:0;right:0;bottom:0;left:0;z-index:400;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.7rem;background:var(--bg);pointer-events:none;animation:spOut .4s ease 1.4s forwards}
.splash svg{width:110px;height:132px}
.splash-cap{margin:0;font-family:var(--display);font-size:1.3rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ivory)}
.sp-stout{transform-box:fill-box;transform-origin:bottom;animation:spFill .85s cubic-bezier(.3,.6,.3,1) both}
.sp-foam{transform-box:fill-box;transform-origin:top;animation:spFoam .5s ease .75s both}
.sp-bub{fill:rgba(246,236,210,.6);animation:spBub .9s linear both}
.sp-bub:nth-child(2){animation-delay:.15s}.sp-bub:nth-child(3){animation-delay:.3s}.sp-bub:nth-child(4){animation-delay:.45s}
.sp-liq{transform-box:fill-box;transform-origin:bottom;animation:spFill 1.1s cubic-bezier(.3,.5,.3,1) .25s both}
.sp-stream{transform-box:fill-box;transform-origin:top;animation:spStream 1.3s ease .05s both}
.sp-bottle{animation:spBottle 1.5s ease both}
@keyframes spFill{from{transform:scaleY(0)}to{transform:scaleY(1)}}
@keyframes spFoam{from{transform:scaleY(0);opacity:.2}to{transform:scaleY(1);opacity:1}}
@keyframes spBub{from{transform:translateY(0);opacity:0}30%{opacity:1}to{transform:translateY(-52px);opacity:0}}
@keyframes spStream{0%{transform:scaleY(0)}14%{transform:scaleY(1)}78%{transform:scaleY(1)}100%{transform:scaleY(0)}}
@keyframes spBottle{0%{opacity:0;transform:translateY(-12px)}14%{opacity:1;transform:none}82%{opacity:1;transform:none}100%{opacity:0;transform:translateY(-8px)}}
@keyframes spOut{to{opacity:0;visibility:hidden}}
@media (prefers-reduced-motion:reduce){.splash{display:none}.ptr.is-busy svg{animation:none}}
/* ===== v2.2: Fjalla One for all navigation (like O'Kellys), pill buttons, wall coloured footer, language switch ===== */
@font-face{font-family:"Fjalla One";font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/fjalla-one-latin-400-normal.woff2) format("woff2")}
:root{--nav:"Fjalla One","Arial Narrow",Impact,sans-serif;--wall-a:rgba(var(--wall-rgb),.5);--wall-b:rgba(var(--wall-rgb),.28)}
.btn{border-radius:999px;font-family:var(--nav);font-weight:400;letter-spacing:.09em;padding:.8rem 1.9rem;font-size:1.1rem}
.btn-small{padding:.45rem 1.1rem;font-size:.98rem}
.nav>a,.subnav a,.quickbar a,.chip,.tried,.navbtn,.foot-cols a,.fh,.langsw a,.toplink{font-family:var(--nav);font-weight:400}
.nav>a{font-size:1.2rem;letter-spacing:.07em}
.subnav a{font-size:1.1rem;letter-spacing:.08em}
.quickbar a{font-size:.85rem;letter-spacing:.06em}
.chip{font-size:1.05rem;letter-spacing:.04em}
.wsearch,select,.aform input{border-radius:12px}
.wsearch{border-radius:999px;padding-left:1.3rem}
.top-row{justify-content:flex-start;gap:1.2rem}
.nav{margin-left:auto}
.langsw{display:inline-flex;margin-left:.2rem;border:1px solid var(--gold);border-radius:999px;overflow:hidden;flex:none}
.langsw a{padding:.4rem 1rem;color:var(--ivory);text-decoration:none;font-size:1.05rem;letter-spacing:.08em;min-height:40px;display:inline-flex;align-items:center}
.langsw a[aria-current]{background:var(--gold);color:var(--ink)}
.langsw a:not([aria-current]):hover{background:rgba(201,164,92,.2)}
.l-short{display:none}
@media (max-width:860px){
.langsw{order:1;margin-left:auto}
.navbtn{order:2}
.nav{margin-left:0}
}
@media (max-width:520px){
.l-long{display:none}.l-short{display:inline}
.langsw a{padding:.4rem .75rem}
.brand-s{display:none}
.top-row{gap:.6rem}
}
.nav>a:hover,.nav>a[aria-current]{color:var(--hover)}
.foot{margin-top:2rem;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--wall-a),var(--wall-b)),var(--ink);padding:3rem 0 1.2rem}
.foot-top{text-align:center;margin-bottom:2rem}
.foot-top p{margin:0 0 .3rem}
.foot-addr{color:var(--ivory)}
.foot-cols{display:grid;gap:2rem 1.5rem;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:2rem}
.fh{font-size:1.55rem;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2);margin:0 0 .6rem;line-height:1.1}
.fcol ul{list-style:none;margin:0;padding:0}
.fcol li{margin:0}
.foot-cols a{display:inline-block;font-size:1.3rem;letter-spacing:.05em;text-transform:uppercase;line-height:1.9;color:var(--ivory);text-decoration:none}
.foot-cols a:hover{color:var(--gold2)}
.beer-plate{background:#f3ead8;border-radius:999px;padding:.7rem 1.6rem;display:flex;justify-content:center;max-width:640px;margin:0 auto;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.beer-plate img{max-width:100%;height:auto}
.foot-beer{opacity:1;margin-top:1rem}
.copy{color:var(--ivory)}
/* ===== menu page: text menu with section buttons ===== */
.menunav{position:sticky;top:0;z-index:30;background:rgba(var(--bg-rgb),.96);border-bottom:1px solid var(--line);padding:.6rem 0;margin:0 0 1.5rem}
.menunav-l{display:block;color:var(--muted);font-size:.9rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:.3rem}
.menunav-b{display:flex;gap:.5rem;overflow-x:auto;white-space:nowrap;padding-bottom:.3rem;-webkit-overflow-scrolling:touch}
.menunav-b .btn{flex:none}
.msec{margin-bottom:2.5rem;scroll-margin-top:7rem}
.msec h2{border-bottom:1px solid var(--line);padding-bottom:.3rem}
.mitems{list-style:none;margin:0;padding:0}
.mitem{padding:.8rem 0;border-bottom:1px dashed rgba(201,164,92,.25)}
.mi-head{display:flex;justify-content:space-between;gap:1rem;align-items:baseline}
.mi-head h3{margin:0;font-size:1.45rem}
.mi-price{font-family:var(--display);font-weight:700;font-size:1.3rem;color:var(--gold2);white-space:nowrap}
.mi-desc{margin:.2rem 0 0;color:var(--soft)}
.mi-tags{margin:.3rem 0 0}
.toplink{color:var(--gold2);letter-spacing:.06em;text-transform:uppercase;font-size:1rem}
.pdfbox{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--line);text-align:center}
.pdfbox .biglinks{max-width:460px;margin-inline:auto}
/* ===== pub quiz ===== */
.quizfacts{display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;margin:0 0 2rem}
.quizfacts span{display:inline-flex;align-items:center;gap:.5rem;border:1px solid var(--gold);border-radius:999px;padding:.45rem 1.2rem;font-family:var(--nav);font-size:1.15rem;letter-spacing:.06em;text-transform:uppercase;color:var(--gold2)}
.quizfacts .ic{width:1.3rem;height:1.3rem}
.quizcards .tcard{border-radius:14px}
.quizband{padding:clamp(2.5rem,6vw,4rem) 0;background:linear-gradient(rgba(var(--burg-rgb),.9),rgba(var(--wall-rgb),.92));border-block:1px solid var(--line);text-align:center}
.quizband h2{color:var(--ivory);margin-bottom:.2em}
.quiz-ic .ic{width:2.6rem;height:2.6rem;color:var(--gold2)}
/* ===== tastings ===== */
.tsintro{margin-bottom:1rem}
.tsjump{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin:0 0 2rem}
.tsjump .chip{text-decoration:none}
.tsgrid{display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));margin-bottom:2rem}
.ts{--tc:#14275f;border:1px solid var(--line);background:rgba(255,255,255,.03);border-radius:14px;overflow:hidden;scroll-margin-top:1rem}
.ts-1{--tc:#14275f}.ts-2{--tc:#05575a}.ts-3{--tc:#0b5a14}.ts-4{--tc:#4a4c4b}.ts-5{--tc:#2f6a49}.ts-6{--tc:#0d3d6e}.ts-7{--tc:#5e1620}.ts-8{--tc:#4c5468}.ts-9{--tc:#2d3822}.ts-10{--tc:#6e1030}.ts-11{--tc:#6f452d}.ts-12{--tc:#262626}
.ts-head{background:var(--tc);padding:1rem 1.3rem}
.ts-head h2{margin:0 0 .5rem;color:var(--ivory);font-size:1.7rem}
.ts-n{display:inline-flex;width:2.2rem;height:2.2rem;border-radius:50%;border:2px solid var(--gold2);align-items:center;justify-content:center;font-size:1.2rem;margin-right:.4rem;color:var(--gold2)}
.ts-price{display:flex;flex-wrap:wrap;gap:.3rem 1.3rem;align-items:baseline}
.ts-all{width:100%;font-style:italic;color:var(--soft)}
.ts-price i{font-style:normal;color:var(--soft);margin-right:.3rem}
.ts-price b{font-family:var(--display);font-size:1.5rem;color:var(--gold2)}
.ts-list{list-style:none;margin:0;padding:0}
.ts-list li{padding:.9rem 1.3rem;border-top:1px solid var(--line)}
.ts-list h3{margin:0;font-size:1.35rem}
.ts-c{margin:0 0 .3rem;color:var(--muted);font-size:.95rem;text-transform:uppercase;letter-spacing:.08em}
.ts-notes{margin:0 0 .4rem;font-size:1rem;color:var(--soft)}
.ts-list p{margin:0 0 .4rem}
/* ===== about us ===== */
.pagehead-img{background:linear-gradient(rgba(var(--bg-rgb),.7),rgba(var(--bg-rgb),.92)),url(../img/hero-small.jpg) center 35%/cover;padding:clamp(4rem,10vw,7rem) 0 3rem;border-bottom:1px solid var(--line)}
.aboutlede{font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.5rem,3.5vw,2.1rem);line-height:1.35;color:var(--gold2)}
.pillars{list-style:none;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin:2.5rem 0 0;padding:0}
.pillars li{display:flex;flex-direction:column;align-items:center;gap:.3rem;text-align:center;border:1px solid var(--line);border-radius:16px;padding:1.4rem 1rem;background:rgba(255,255,255,.035)}
.pillars .ic{width:2.4rem;height:2.4rem;color:var(--gold)}
.pillars b{font-family:var(--nav);font-weight:400;font-size:1.35rem;letter-spacing:.07em;text-transform:uppercase;color:var(--ivory)}
.pillars span{color:var(--muted)}
.aboutpanel h2{font-size:clamp(1.9rem,4vw,2.7rem)}
.rule-l{margin-left:0}
.aboutpanel .prose p:first-child::first-letter{font-family:var(--display);font-size:2.6em;line-height:.8;float:left;padding:.08em .12em 0 0;color:var(--gold)}
@media (max-width:860px){.menunav{top:0}}
.nav{gap:1.2rem}.nav>a{white-space:nowrap}
@media (min-width:861px) and (max-width:1100px){.nav{gap:.8rem}.nav>a{font-size:1.1rem}}
/* menu: groups, section titles, notes, tags */
.menunav-b .btn.is-group{background:var(--gold);color:var(--ink)}
.menunav-b .btn.btn-ghost{background:transparent;color:var(--gold2)}
.menunav-b .btn.btn-ghost:hover{background:var(--gold);color:var(--ink)}
.mgroup{margin:3.5rem 0 1rem;padding:.5rem 0;border-bottom:2px solid var(--gold);font-size:clamp(2.2rem,5vw,3.1rem);scroll-margin-top:7rem}
.mtitle{font-size:1.9rem;color:var(--gold2);margin:0 0 .4em}
.msec h2.mtitle{margin:0}
.msec-note{margin:0 0 .8rem;color:var(--muted);font-style:italic}
.mi-head h4{margin:0;font-family:var(--display);font-weight:600;font-size:1.4rem;line-height:1.2}
.tag-new{background:#ff9a57;color:#2a0f12}
.tag-v,.tag-vg{background:#7fc58a;color:#10230f}
.tag-gf{background:#e3c98b;color:#2a1b14}
.tag-g{background:rgba(243,234,216,.16);color:var(--ivory)}
/* menu navigation: a full panel of buttons, and a slim sticky bar with the main groups */
.menunav{position:static;background:transparent;border:0;padding:0;margin:0 0 1.5rem;z-index:auto}
.mn-group{margin:0 0 1rem;padding-bottom:1rem;border-bottom:1px solid var(--line)}
.mn-sections{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}
.menunav .btn.is-group,.menubar .btn.is-group{background:var(--gold);color:var(--ink)}
.menunav .btn.btn-ghost{background:transparent;color:var(--gold2)}
.menunav .btn.btn-ghost:hover{background:var(--gold);color:var(--ink)}
.menubar{position:sticky;top:0;z-index:30;display:flex;gap:.5rem;overflow-x:auto;white-space:nowrap;background:rgba(var(--bg-rgb),.96);border-bottom:1px solid var(--line);padding:.5rem 0;margin:0 0 1.5rem;-webkit-overflow-scrolling:touch}
.menubar .btn{flex:none}
.msec,.mgroup{scroll-margin-top:4.5rem}
/* ===== the way to us: clean sketch map, legend, parking ===== */
.fmap svg{min-width:600px}
.fm-bg{fill:#171012}
.fm-st{fill:none;stroke-linecap:round;stroke:#6b5848;stroke-width:16}
.fm-st.fm-main{stroke:#7a6552;stroke-width:20}
.fm-st.fm-kajo{stroke:#8a7458;stroke-width:20}
.fm-st.fm-minor{stroke:#5b4a3b;stroke-width:12}
.fm-bl{fill:#2c1e19;stroke:#5a4636;stroke-width:2}
.fm-station{fill:#3b2a22;stroke:#c9a45c;stroke-width:3}
.fm-bt{fill:#e8dcc4;font-size:17px;font-weight:600}
.fm-rail{stroke:#8a7458;stroke-width:3;stroke-dasharray:6 5;fill:none}
.fm-tramline{fill:none;stroke:#c9a45c;stroke-width:4;stroke-dasharray:14 8;stroke-linecap:round;stroke-linejoin:round}
.fm-walk{fill:none;stroke:#f3ead8;stroke-width:3.5;stroke-dasharray:1 9;stroke-linecap:round}
.fm-sn{fill:#d4c4a6;font-size:15px;letter-spacing:.04em}
.fm-sn2{font-size:13px;font-style:italic;fill:#b3a384}
.fm-fount{fill:none;stroke:#c9a45c;stroke-width:3}
.fm-fountd{fill:#c9a45c}
.fm-stop rect:first-child{fill:#c9a45c}
.fm-tg{fill:#171012}
.fm-tw{stroke:#171012;stroke-width:2;fill:none;stroke-linecap:round}
.fm-sl{fill:#e8dcc4;font-size:14px}
.fm-slb{font-size:17px;font-weight:700;fill:#fff}
.fm-ok circle{fill:none;stroke:#8d806a;stroke-width:2}
.fm-ok text{fill:#a09580;font-size:13px;font-weight:400}
a.fm-ok:hover circle,a.fm-ok:focus circle{fill:none;stroke:#c9a45c}
a.fm-ok:hover text{fill:#e3c98b}
.fm-ow circle{fill:#c9a45c;stroke:#171012;stroke-width:3}
.fm-ow .fm-halo{fill:rgba(201,164,92,.28);stroke:none}
.fm-ow text{fill:#171012;font-weight:700;font-size:22px}
.fm-lab{fill:#f3ead8;font-size:22px;font-weight:700}
.fm-addr{fill:#e3c98b;font-size:15px}
.fm-north path{stroke:#d4c4a6;stroke-width:3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fm-north text{fill:#d4c4a6;font-size:15px;font-weight:700}
.fm-legend{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem 1.8rem;justify-content:center;margin:.9rem 0 0;padding:0}
.fm-legend li{display:flex;align-items:center;gap:.5rem;color:var(--ivory)}
.lg-pub,.lg-stop{fill:#c9a45c}
.lg-tram{stroke:#c9a45c;stroke-width:4;stroke-dasharray:8 5;fill:none}
.lg-walk{stroke:#f3ead8;stroke-width:3.5;stroke-dasharray:1 8;stroke-linecap:round;fill:none}
.fm-okbtns{margin-top:-.3rem}
.parking{display:flex;gap:1.2rem;align-items:flex-start;max-width:720px;margin:2rem auto;padding:1.2rem 1.4rem;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.04);text-align:left}
.pk-p{flex:none;display:inline-flex;align-items:center;justify-content:center;width:3.4rem;height:3.4rem;border-radius:14px;background:#1c4fa3;color:#fff;font-family:var(--nav);font-size:2rem;line-height:1;border:2px solid #fff}
.pk-body h3{margin:0 0 .5rem;color:var(--gold2)}
.pk-list{list-style:none;margin:0 0 .8rem;padding:0;display:grid;gap:.7rem}
.pk-list li{display:flex;flex-wrap:wrap;gap:.1rem .7rem;align-items:baseline}
.pk-list b,.pk-list span{color:var(--ivory)}
.pk-list em{color:var(--gold2);font-size:.95rem;width:100%;font-style:normal}
.pk-more{margin:0 0 .5rem;color:var(--soft)}
.pk-check{margin:0;color:var(--muted);font-size:.95rem}
@media (max-width:520px){.parking{flex-direction:column;align-items:flex-start}}
.oscarpanel .prose blockquote{margin:1.2rem 0;padding:.4rem 1.2rem;border-left:3px solid var(--gold);font-family:var(--display);font-style:italic;font-size:1.35rem;color:var(--gold2)}
.oscarpanel .prose ul{padding-left:1.2rem}
.oscarpanel .prose li{margin:.5rem 0}
.fmap .fm-legend svg{display:inline-block;width:auto;min-width:0;max-width:none;height:24px;flex:none}
.oscarpanel .prose p:first-child::first-letter{font-family:inherit;font-size:inherit;line-height:inherit;float:none;padding:0;color:inherit}
/* ===== the way to us, version 3: neighbourhood sketch ===== */
.fm-canal{fill:none;stroke:#3f6f86;stroke-width:5;stroke-linecap:round;opacity:.85}
.fm-cn{fill:#7fb0c8;font-size:13px;font-style:italic}
.fm-rails{fill:none;stroke:#e8dcc4;stroke-width:2;stroke-dasharray:3 6;opacity:.7}
.fm-break{stroke:#171012;stroke-width:6;fill:none}
.fm-nb{fill:#241a16;stroke:#43342a;stroke-width:2}
.fm-nt{fill:#9a8d76;font-size:14px}
.fm-garage rect{fill:#1c4fa3;stroke:#fff;stroke-width:2}
.fm-garage text{fill:#fff;font-size:20px;font-weight:700}
.fm-pubblock{fill:rgba(201,164,92,.22);stroke:#c9a45c;stroke-width:4}
.fm-arrow path{stroke:#f3ead8;stroke-width:4;fill:none;stroke-linecap:round}
.fm-arrow .fm-ah{fill:#f3ead8;stroke:#f3ead8;stroke-width:2;stroke-linejoin:round}
.fm-taxi rect{fill:#f1c40f}
.fm-taxi path{fill:none;stroke:#171012;stroke-width:2;stroke-linejoin:round;stroke-linecap:round}
.fm-tower rect{fill:#4a3a2e;stroke:#c9a45c;stroke-width:3}
.fm-tower path{fill:#171012;stroke:#c9a45c;stroke-width:2}
.fm-ms{font-size:18px}
.fm-ms2{font-size:14px;fill:#e3c98b}
.fm-okarrow{stroke:#a09580;stroke-width:2.5;fill:none;stroke-linecap:round;stroke-linejoin:round}
.fm-ok text{fill:#a09580;font-size:15px;font-weight:600}
.fm-ok .fm-ok2{font-size:13px;font-weight:400}
a.fm-ok:hover text{fill:#e3c98b}
a.fm-ok:hover .fm-okarrow{stroke:#e3c98b}
.lg-taxi{fill:#f1c40f}.lg-arrow{stroke:#f3ead8;stroke-width:3;fill:none}.lg-ah{fill:#f3ead8}
.fm-facts{list-style:none;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center;margin:1.2rem 0 1rem;padding:0}
.fm-facts li{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem 1.1rem;border:1px solid var(--gold);border-radius:999px;color:var(--gold2);font-family:var(--nav);letter-spacing:.05em;font-size:1.05rem}
.fm-facts .ic{width:1.2rem;height:1.2rem}
.fm-okline{margin:.6rem auto 1.2rem;max-width:620px}
.tcards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
/* ================= v2.5: the gilded layer, a little more flamboyant, a lot more classy ================= */
:root{--emerald:#2e8b6a;--gilt:linear-gradient(180deg,#ecd49a 0%,#c9a45c 52%,#a8873f 100%);--frame:inset 0 0 0 4px rgba(var(--bg-rgb),.92),inset 0 0 0 5px rgba(201,164,92,.38)}
::selection{background:var(--gold);color:var(--ink)}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{text-rendering:optimizeLegibility}
h1,h2,h3{text-wrap:balance}
.rule{width:240px;height:24px;margin:1.1rem auto 1.8rem;background:url("data:image/svg+xml,") center/contain no-repeat}
.rule::before,.rule::after{display:none}
.rule-l{margin-left:0;background-position:left center}
.pagehead .rule{margin-bottom:.4rem}
/* header and footer: fine gold hairlines */
.top{border-bottom:0;box-shadow:0 1px 0 rgba(201,164,92,.18)}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold2) 50%,var(--gold) 80%,transparent)}
.nav>a{position:relative;border-bottom-color:transparent}
.nav>a::after{content:"";position:absolute;left:0;right:0;bottom:-4px;height:2px;background:var(--gold);transform:scaleX(0);transition:transform .25s ease}
.nav>a:hover::after,.nav>a[aria-current]::after{transform:scaleX(1)}
.foot{position:relative;border-top:0}
.foot::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,var(--gold) 20%,var(--gold2) 50%,var(--gold) 80%,transparent)}
.fh{position:relative;padding-bottom:.45rem;margin-bottom:.8rem}
.fh::after{content:"";position:absolute;left:0;bottom:0;width:48px;height:2px;background:var(--gilt)}
/* buttons: gilded primary, quiet ghost */
.btn{background:var(--gilt);border-color:#a8873f;box-shadow:0 2px 0 rgba(0,0,0,.35),0 8px 18px -8px rgba(201,164,92,.55);transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}
.btn:hover{background:var(--gilt);filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 3px 0 rgba(0,0,0,.35),0 12px 22px -8px rgba(227,201,139,.7)}
.btn:active{transform:translateY(1px);box-shadow:0 1px 0 rgba(0,0,0,.35)}
.btn-ghost{background:transparent;box-shadow:inset 0 0 0 1px rgba(201,164,92,.35);color:var(--gold2)}
.btn-ghost:hover{background:var(--gilt);color:var(--ink)}
.menunav .btn.btn-ghost:hover{background:var(--gilt)}
/* cards: a framed, Victorian look with a soft lift */
.tcard,.pillars li,.ts,.parking,.hrow,.fm-facts li{transition:transform .2s ease,border-color .2s ease,box-shadow .25s ease}
.tcard,.pillars li,.parking{background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:var(--frame);border-color:rgba(201,164,92,.4)}
.tcard:hover,.pillars li:hover{transform:translateY(-3px);border-color:var(--gold);box-shadow:var(--frame),0 14px 30px -14px rgba(0,0,0,.8),0 0 24px -10px rgba(201,164,92,.5)}
.ts{box-shadow:var(--frame)}
.ts:hover{transform:translateY(-2px);box-shadow:var(--frame),0 16px 34px -16px rgba(0,0,0,.85)}
.tcard h3{border-bottom:1px solid rgba(201,164,92,.25);padding-bottom:.5rem;margin-bottom:.7rem}
.pillars .ic,.tcard .ic{filter:drop-shadow(0 0 8px rgba(201,164,92,.4))}
/* page titles: a gilded glow and generous air */
.pagehead h1{font-size:clamp(2.3rem,6vw,3.7rem);letter-spacing:.015em;text-shadow:0 0 28px rgba(201,164,92,.28),0 2px 0 rgba(0,0,0,.4)}
.pagehead .lede{font-size:clamp(1.15rem,2.4vw,1.4rem)}
.sec h2{text-shadow:0 0 22px rgba(201,164,92,.14)}
.sec-alt{border-block:0;position:relative}
.sec-alt::before,.sec-alt::after{content:"";position:absolute;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,164,92,.55) 50%,transparent)}
.sec-alt::before{top:0}.sec-alt::after{bottom:0}
.quizband{position:relative;overflow:hidden}
.quizband::before{content:"";position:absolute;inset:10px;border:1px solid rgba(201,164,92,.35);border-radius:6px;pointer-events:none}
.quizband h2{text-shadow:0 0 26px rgba(201,164,92,.35)}
/* quotations: a large gilded opening mark */
.prose blockquote,.oscarpanel .prose blockquote{position:relative;padding:.9rem 1.4rem .9rem 3.2rem;border-left:0;background:linear-gradient(90deg,rgba(201,164,92,.09),transparent 80%);border-radius:0 12px 12px 0}
.prose blockquote::before,.oscarpanel .prose blockquote::before{content:"\201C";position:absolute;left:.7rem;top:-.35rem;font-family:var(--display);font-size:4.4rem;line-height:1;color:var(--gold);opacity:.85}
/* the green carnation: Oscar's signature, used as a quiet ornament */
.carn{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.1rem auto 0}
.carn::before,.carn::after{content:"";height:1px;width:min(110px,22vw);background:linear-gradient(90deg,transparent,var(--gold))}
.carn::after{transform:scaleX(-1)}
.carn svg{width:44px;height:44px;filter:drop-shadow(0 0 10px rgba(46,139,106,.55))}
.carn-sm svg{width:34px;height:34px}
.foot-top .carn{margin:0 auto 1.1rem}
/* menu: dotted leaders between the dish and its price */
.mi-head{align-items:baseline}
.mi-head h4{flex:none;max-width:78%}
.mi-lead{flex:1;min-width:1.2rem;border-bottom:2px dotted rgba(201,164,92,.45);transform:translateY(-.32em)}
.mi-price{flex:none}
.mtitle{position:relative;padding-bottom:.4rem}
.mtitle::after{content:"";display:block;width:64px;height:2px;margin-top:.35rem;background:var(--gilt)}
/* whiskey cards and lists: a fine inner hairline */
.w{box-shadow:inset 0 0 0 1px rgba(201,164,92,.16);transition:transform .2s ease,box-shadow .25s ease}
.w:hover{transform:translateY(-2px);box-shadow:inset 0 0 0 1px rgba(201,164,92,.45),0 14px 28px -16px rgba(0,0,0,.85)}
/* uploaded pictures: a gilded frame with a classic caption */
.pic{margin:0 auto 2.2rem;max-width:420px;text-align:center}
.pic img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--gold),0 0 0 11px var(--bg),0 0 0 12px rgba(201,164,92,.4),0 18px 38px rgba(0,0,0,.6)}
.pic figcaption{margin-top:1.5rem;font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--gold2)}
.pic-wide{max-width:900px}
.pic-quizmaster{margin-bottom:2.6rem}
.picprev{display:block;max-width:220px;height:auto;border-radius:6px;border:1px solid #d6cdbb}
/* hours rows and the open badge */
.hrow{box-shadow:inset 0 0 0 1px rgba(201,164,92,.1)}
.hrow.is-today{box-shadow:0 0 0 1px var(--gold),0 0 28px -8px rgba(201,164,92,.55)}
/* the front page hero gets a soft vignette */
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 45%,rgba(var(--bg-rgb),.55) 100%);pointer-events:none}
.hero>*{position:relative;z-index:1}
@media (prefers-reduced-motion:reduce){.btn,.tcard,.pillars li,.ts,.w,.nav>a::after{transition:none}.btn:hover,.tcard:hover,.pillars li:hover,.ts:hover,.w:hover{transform:none}}
/* ================= v2.6: even more flamboyant. Peacock feathers, gold foil, gilded corners, sparkle ================= */
:root{--peacock:#1c8c86;--peacock-d:#0f5f66;--foil:linear-gradient(100deg,#a8873f 0%,#f3e2ae 22%,#c9a45c 42%,#fff3c9 54%,#c9a45c 68%,#a8873f 100%)}
/* the Aesthetic movement's emblem: peacock feathers, softly woven into the wall coloured sections and the footer */
.sec-alt{background:url("data:image/svg+xml,"),linear-gradient(180deg,rgba(var(--wall-rgb),.5),rgba(var(--wall-rgb),.28));background-size:80px 120px,auto}
.foot{background:url("data:image/svg+xml,"),linear-gradient(180deg,var(--wall-a),var(--wall-b)),var(--ink);background-size:80px 120px,auto,auto}
/* gold foil titles with a slow shimmer */
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.pagehead h1,.sec h2,.mgroup,.mtitle,.aboutlede{background-image:var(--foil);background-size:240% 100%;background-position:0% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;animation:foil 11s ease-in-out infinite}
.pagehead h1{color:var(--gold2)}
}
@keyframes foil{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
/* gilded corner flourishes on the framed panels */
.pagehead-img{background:url("data:image/svg+xml,") 16px 16px/48px no-repeat,url("data:image/svg+xml,") calc(100% - 16px) 16px/48px no-repeat,url("data:image/svg+xml,") 16px calc(100% - 16px)/48px no-repeat,url("data:image/svg+xml,") calc(100% - 16px) calc(100% - 16px)/48px no-repeat,linear-gradient(rgba(var(--bg-rgb),.7),rgba(var(--bg-rgb),.92)),url(../img/hero-small.jpg) center 35%/cover}
.quizband{background:url("data:image/svg+xml,") 22px 22px/52px no-repeat,url("data:image/svg+xml,") calc(100% - 22px) 22px/52px no-repeat,url("data:image/svg+xml,") 22px calc(100% - 22px)/52px no-repeat,url("data:image/svg+xml,") calc(100% - 22px) calc(100% - 22px)/52px no-repeat,linear-gradient(rgba(var(--burg-rgb),.9),rgba(var(--wall-rgb),.92))}
.quoteband{background:url("data:image/svg+xml,") 22px 22px/52px no-repeat,url("data:image/svg+xml,") calc(100% - 22px) 22px/52px no-repeat,url("data:image/svg+xml,") 22px calc(100% - 22px)/52px no-repeat,url("data:image/svg+xml,") calc(100% - 22px) calc(100% - 22px)/52px no-repeat,linear-gradient(rgba(94,26,36,.92),rgba(var(--wall-rgb),.94))}
.parking{background:url("data:image/svg+xml,") 8px 8px/30px no-repeat,url("data:image/svg+xml,") calc(100% - 8px) calc(100% - 8px)/30px no-repeat,linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015))}
.quizband::before{display:none}
/* sparkle: tiny gold stars that twinkle on the front page */
.hero::before,.quizband::after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:
radial-gradient(circle at 8% 24%,rgba(255,232,170,.95) 0 1.4px,transparent 2.6px),radial-gradient(circle at 19% 71%,rgba(255,232,170,.8) 0 1.2px,transparent 2.4px),
radial-gradient(circle at 31% 14%,rgba(255,232,170,.9) 0 1.6px,transparent 3px),radial-gradient(circle at 44% 82%,rgba(255,232,170,.7) 0 1.1px,transparent 2.2px),
radial-gradient(circle at 57% 9%,rgba(255,232,170,.85) 0 1.3px,transparent 2.5px),radial-gradient(circle at 68% 66%,rgba(255,232,170,.9) 0 1.6px,transparent 3px),
radial-gradient(circle at 79% 27%,rgba(255,232,170,.8) 0 1.2px,transparent 2.4px),radial-gradient(circle at 91% 78%,rgba(255,232,170,.95) 0 1.5px,transparent 2.8px),
radial-gradient(circle at 95% 18%,rgba(255,232,170,.7) 0 1.1px,transparent 2.2px),radial-gradient(circle at 3% 88%,rgba(255,232,170,.8) 0 1.3px,transparent 2.5px);animation:twinkle 4.5s ease-in-out infinite alternate}
.quizband::after{animation-duration:5.5s;animation-delay:-2s}
@keyframes twinkle{0%{opacity:.25}50%{opacity:1}100%{opacity:.45}}
/* buttons: a sheen sweeps across the gold on hover */
.btn{position:relative;overflow:hidden}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-70%;width:45%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);pointer-events:none}
.btn:hover::after{animation:sheen .9s ease}
.btn-ghost::after{background:linear-gradient(100deg,transparent,rgba(243,226,174,.35),transparent)}
@keyframes sheen{from{left:-70%}to{left:130%}}
/* peacock and gold together */
.nav>a::after{background:linear-gradient(90deg,var(--peacock),var(--gold) 60%,var(--gold2))}
.hrow.is-today{box-shadow:0 0 0 1px var(--gold),0 0 30px -6px rgba(201,164,92,.6),inset 0 0 40px -18px rgba(28,140,134,.35)}
.tcard:hover,.pillars li:hover{box-shadow:var(--frame),0 14px 30px -14px rgba(0,0,0,.8),0 0 28px -8px rgba(28,140,134,.45)}
.pillars .ic,.tcard .ic,.quiz-ic .ic{color:var(--gold2)}
.quiz-ic .ic{filter:drop-shadow(0 0 12px rgba(201,164,92,.7))}
.pic img{box-shadow:0 0 0 6px var(--bg),0 0 0 7px var(--gold),0 0 0 11px var(--bg),0 0 0 12px rgba(28,140,134,.7),0 0 0 15px var(--bg),0 0 0 16px rgba(201,164,92,.4),0 18px 38px rgba(0,0,0,.6)}
.btnrow .btn:not(.btn-ghost){animation:glow 3.2s ease-in-out infinite}
@keyframes glow{0%,100%{box-shadow:0 2px 0 rgba(0,0,0,.35),0 8px 18px -8px rgba(201,164,92,.55)}50%{box-shadow:0 2px 0 rgba(0,0,0,.35),0 10px 26px -6px rgba(243,226,174,.8)}}
.btn:hover{animation:none}
@media (prefers-reduced-motion:reduce){
.pagehead h1,.sec h2,.mgroup,.mtitle,.aboutlede{animation:none}
.hero::before,.quizband::after{animation:none;opacity:.6}
.btn:hover::after{animation:none}
.btnrow .btn:not(.btn-ghost){animation:none}
}
/* ===== menu v2: PDF buttons first, then tap-to-open groups and sections ===== */
.pdfbar{margin:0 0 1.6rem;padding:1.1rem 1.2rem 1.2rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.012));box-shadow:var(--frame);text-align:center}
.pdfbar h2{font-size:1.5rem;margin:0 0 .7rem}
.pdflinks{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:.6rem}
.pdflinks .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:48px;text-align:center;line-height:1.15}
.pdf-note{margin:.8rem 0 0;font-size:.95rem}
.menu-prose{text-align:center;margin:0 0 1.2rem}
.menu-prose p{margin:0}
.menuctl{display:flex;gap:.6rem;justify-content:center;margin:0 0 .4rem}
.menu-hint{margin:0 0 1rem}
.macc{margin-top:.8rem}
.macc summary{list-style:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
.macc summary::-webkit-details-marker{display:none}
.macc summary h2,.macc summary h3{margin:0}
.mgd{margin:0 0 .9rem;border:1px solid rgba(201,164,92,.45);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--frame);overflow:hidden}
.mgd>summary{display:flex;align-items:center;gap:1rem;padding:1rem 1.3rem;min-height:64px;transition:background .2s ease}
.mgd>summary:hover{background:rgba(201,164,92,.1)}
.mgd>summary::after,.msd>summary::after{content:"";flex:none;width:.7rem;height:.7rem;margin-left:auto;border-right:2px solid var(--gold);border-bottom:2px solid var(--gold);transform:rotate(45deg);transition:transform .25s ease;margin-bottom:.25rem}
.mgd[open]>summary::after,.msd[open]>summary::after{transform:rotate(-135deg);margin-bottom:-.15rem}
.mg-title{font-size:clamp(1.7rem,4vw,2.2rem);line-height:1.1}
.mg-count{color:var(--muted);font-size:.95rem;letter-spacing:.04em;white-space:nowrap}
.mg-body{padding:.2rem 1rem 1rem;border-top:1px solid rgba(201,164,92,.25)}
.mgd[open]>summary{border-bottom:0}
.msd{border-bottom:1px dashed rgba(201,164,92,.28)}
.msd:last-child{border-bottom:0}
.msd>summary{display:flex;align-items:center;gap:.8rem;padding:.85rem .4rem;min-height:52px}
.msd>summary:hover .ms-title{color:var(--hover)}
.ms-title{font-size:1.45rem;line-height:1.15;color:var(--gold2);background:none;-webkit-text-fill-color:currentColor;animation:none}
.ms-count{display:inline-flex;align-items:center;justify-content:center;min-width:1.7rem;height:1.7rem;padding:0 .45rem;border-radius:999px;background:rgba(201,164,92,.2);color:var(--gold2);font-size:.9rem}
.ms-body{padding:0 .4rem 1rem}
.ms-body .msec-note{margin-top:0}
.mgd,.msd{scroll-margin-top:4.5rem}
.macc :focus-visible{outline-offset:-3px}
.menubar{margin-bottom:1rem}
@media (max-width:520px){.mgd>summary{padding:.9rem 1rem}.mg-count{display:none}.mg-body{padding:.1rem .5rem .8rem}}
@media (prefers-reduced-motion:reduce){.mgd>summary::after,.msd>summary::after{transition:none}}
/* menu v2.1: compact head, a slim bar that appears while scrolling */
.pagehead-compact{padding:clamp(2rem,5vw,3rem) 0 0}
.pagehead-compact h1{margin-bottom:.25em}
.pagehead-compact .lede{margin:0 0 .3rem;font-size:1.15rem}
.pagehead-compact .rule{margin:.5rem auto 1.2rem}
.menu-sec{padding-top:0}
.pdfbar{padding:.9rem 1rem 1rem}
.pdfbar h2{font-size:1.3rem;margin-bottom:.6rem}
.pdflinks{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.menubar{position:fixed;top:0;left:0;right:0;z-index:70;margin:0;padding:.55rem max(.8rem,calc((100% - 760px) / 2));background:rgba(var(--bg-rgb),.97);border-bottom:1px solid var(--gold);box-shadow:0 8px 24px rgba(0,0,0,.6);justify-content:center}
.menubar[hidden]{display:none}
.menuctl{margin:0 0 .8rem}
@media (max-width:520px){.menubar{padding:.45rem .6rem;gap:.4rem;justify-content:flex-start}.menubar .btn{padding:.4rem .9rem}}
@media (max-width:520px){
.pdflinks{grid-template-columns:1fr 1fr;gap:.45rem}
.pdflinks .btn{font-size:.88rem;padding:.35rem .5rem;min-height:46px;letter-spacing:.05em}
.pdfbar{padding:.7rem .7rem .8rem;margin-bottom:1rem}
.pdfbar h2{font-size:1.15rem;margin-bottom:.5rem}
.pdf-note{font-size:.85rem;margin-top:.6rem}
.menuctl{margin-bottom:.6rem}
.menuctl .btn{padding:.35rem .9rem}
.pagehead-compact .lede{font-size:1.05rem}
}
/* ===================== v2.8: events, flight, glossary, distilleries, whiskey of the month, happy hour, quote, kitchen ===================== */
/* kitchen and brunch badges under the open badge */
.kbadges{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin:.4rem 0 .2rem}
.kbadges .openbadge{margin:0;font-size:.95rem;padding:.35rem .9rem}
.kbadges-menu{margin:0 0 1rem}
/* happy hour countdown banner */
.happy{padding:1.6rem 0 1.8rem;background:radial-gradient(ellipse at 50% 0%,rgba(28,140,134,.28),transparent 70%),linear-gradient(180deg,rgba(15,95,102,.35),rgba(var(--bg-rgb),0));border-top:1px solid rgba(28,140,134,.5);border-bottom:1px solid var(--line)}
.happy.is-active{background:radial-gradient(ellipse at 50% 0%,rgba(201,164,92,.3),transparent 70%),linear-gradient(180deg,rgba(var(--burg-rgb),.5),rgba(var(--bg-rgb),0));border-top-color:var(--gold)}
.happy[hidden]{display:none}
.happy h2{margin:.1em 0}
.hh-ic{display:inline-flex;width:2.4rem;height:2.4rem;color:var(--gold2)}
.hh-ic .ic{width:100%;height:100%}
.hh-msg{font-size:1.25rem;margin:.2rem 0}
.hh-clock{font-family:var(--display);font-size:clamp(2.4rem,9vw,3.6rem);line-height:1;color:var(--gold2);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin:.2rem 0 .6rem;text-shadow:0 0 22px rgba(201,164,92,.5)}
.hh-off-h{margin:.4rem 0 .1rem}
.hh-offers{list-style:none;margin:0 0 .6rem;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;justify-content:center}
.hh-offers b{color:var(--gold2)}
/* events */
.evgrid,.evlist{display:grid;gap:1rem;margin:1rem 0}
@media (min-width:860px){.nextup .evgrid{grid-template-columns:repeat(3,1fr)}}
.evc{display:flex;gap:1rem;align-items:flex-start;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--frame)}
.evc-quiz{border-color:rgba(201,164,92,.55)}
.evc-date{flex:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:3.6rem;height:4rem;border-radius:12px;background:var(--gold);color:var(--ink);font-family:var(--display);line-height:1}
.evc-date b{font-size:1.9rem}
.evc-date span{font-size:.8rem;letter-spacing:.12em;text-transform:uppercase;font-family:var(--nav,inherit)}
.evc-body{min-width:0}
.evc h3{margin:0 0 .2em;font-size:1.35rem;display:flex;gap:.5rem;align-items:center}
.evc-ic{display:inline-flex;width:1.3rem;height:1.3rem;color:var(--gold2);flex:none}
.evc-ic .ic{width:100%;height:100%}
.evc-when{margin:0 0 .3rem;color:var(--gold2)}
.evc-txt{margin:.2rem 0 .4rem}
.evc-btn{margin:.5rem 0 0;display:flex;gap:.5rem;flex-wrap:wrap}
.evh{margin-top:2rem}
.evmonth{margin:1.6rem 0 .2rem;color:var(--gold2);border-bottom:1px solid var(--line);padding-bottom:.2rem}
.evfeed{margin-top:2.2rem;text-align:center;padding:1rem;border:1px dashed var(--line);border-radius:16px}
.quizcal{margin-top:.2rem;align-items:center}
/* whiskey of the month */
.wotm{padding:1.6rem 0}
.wm{position:relative;padding:1.4rem 1.4rem 1.3rem;border:1px solid rgba(201,164,92,.6);border-left:5px solid var(--gold);border-radius:16px;background:radial-gradient(ellipse at 100% 0%,rgba(201,164,92,.16),transparent 60%),linear-gradient(160deg,rgba(var(--burg-rgb),.35),rgba(255,255,255,.02));box-shadow:var(--frame)}
.wm .wlabel{top:1rem;right:1rem}
.wm-kicker{margin:0;letter-spacing:.2em;text-transform:uppercase;font-size:.85rem;color:var(--gold2)}
.wm h2{margin:.2em 0 .1em;padding-right:5rem;font-size:clamp(1.8rem,5vw,2.5rem)}
.wm-meta{margin:0 0 .6rem}
.wm-story{font-size:1.15rem;margin:.4rem 0}
.wm-note{font-style:italic;color:var(--muted);margin:.3rem 0}
.wm-prices{display:flex;flex-wrap:wrap;gap:.4rem 1.4rem;align-items:baseline;margin:.6rem 0 .2rem}
.wm-pr i{font-style:normal;color:var(--muted);font-size:.9rem}
.wm-pr b{font-size:1.3rem;color:var(--gold2)}
.wm-pr s{color:var(--muted)}
.wm-until{margin:.2rem 0 0}
.btnrow-c{justify-content:center}
/* the quote of the day */
.qb-kicker{margin:0 0 .6rem;text-align:center;letter-spacing:.22em;text-transform:uppercase;font-size:.85rem;color:var(--gold2)}
.qb-orig{margin:.8rem 0 0;text-align:center;font-style:italic;color:var(--muted);font-size:1rem}
/* flight builder */
.flight{margin-top:1rem}
.fl-measure{border:0;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.4rem 1rem;align-items:center}
.fl-measure legend{float:left;margin-right:1rem;padding:0;color:var(--gold2)}
.fl-slots{list-style:none;margin:0;padding:0;display:grid;gap:.7rem}
.fl-slot,.fl-res{position:relative;display:flex;gap:.9rem;align-items:center;padding:.8rem 1rem;border:1px solid var(--line);border-left:4px solid var(--line);border-radius:14px;background:rgba(255,255,255,.035);min-height:4.4rem}
.fl-slot.is-filled{border-left-color:var(--gold)}
.fl-slot .wlabel,.fl-res .wlabel{position:static;flex:none}
.fl-num{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.2rem;height:2.2rem;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);font-family:var(--display);font-size:1.25rem}
.fl-empty{color:var(--muted);font-style:italic}
.fl-info{flex:1;min-width:0}
.fl-info h3{margin:0;font-size:1.25rem}
.fl-info p{margin:.1rem 0 0}
.fl-price{color:var(--gold2)}
.fl-sum{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;justify-content:center;align-items:baseline;margin:1rem 0 .4rem;font-size:1.2rem}
.fl-total b{font-size:1.7rem;color:var(--gold2);font-family:var(--display)}
.fl-quick{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center;justify-content:center;margin:.6rem 0 1rem}
.fl-results{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.5rem}
.fl-res h3{font-size:1.1rem}
.flightcard-wrap{margin-top:2.4rem}
.fcard{max-width:640px;margin:1rem auto;padding:1.6rem 1.8rem;background:#fbf5e6;color:var(--bg2);border:3px double #a8873f;border-radius:6px;box-shadow:0 14px 34px rgba(0,0,0,.5)}
.fcard header{text-align:center;border-bottom:1px solid #a8873f;padding-bottom:.6rem;margin-bottom:.8rem}
.fcard h3{margin:0;font-size:1.9rem;color:#6a1f28;font-family:var(--display)}
.fcard .fc-sub{margin:.1rem 0;letter-spacing:.14em;text-transform:uppercase;font-size:.8rem;color:#6b5a3c}
.fcard .fc-date{margin:0;color:#6b5a3c}
.fc-list{list-style:none;margin:0;padding:0}
.fc-row{display:flex;gap:.8rem;align-items:baseline;padding:.45rem 0;border-bottom:1px dotted #a8873f;min-height:2.6rem}
.fc-n{flex:none;width:1.6rem;font-family:var(--display);font-size:1.3rem;color:#6a1f28}
.fc-main{flex:1;display:flex;flex-direction:column}
.fc-main em{font-size:.9rem;color:#6b5a3c}
.fc-p{flex:none;font-weight:700;white-space:nowrap}
.fc-total{text-align:right;font-weight:700;font-size:1.2rem;margin:.6rem 0}
.fc-notes h4{margin:.8rem 0 .2rem;color:#6a1f28;font-size:1.05rem}
.fc-lines i{display:block;height:1.7rem;border-bottom:1px solid #b9a77d}
.fcard footer{margin-top:1rem;text-align:center;font-size:.95rem}
.fcard footer p{margin:.15rem 0}
.fcard .muted{color:#6b5a3c}
.fc-addr{font-size:.85rem;color:#6b5a3c}
@media print{
body.page-flight .top,body.page-flight .foot,body.page-flight .quickbar,body.page-flight .pagehead,body.page-flight .subnav,body.page-flight .prose,body.page-flight noscript,body.page-flight .fl-measure,body.page-flight .fl-slots,body.page-flight .fl-sum,body.page-flight .fl-quick,body.page-flight .btnrow,body.page-flight #fl-msg,body.page-flight h2,body.page-flight .wsearch,body.page-flight .chips,body.page-flight .fl-results,body.page-flight label,body.page-flight .center,body.page-flight .skip{display:none !important}
body.page-flight .flightcard-wrap{display:block !important;margin:0}
body.page-flight,body.page-flight main,body.page-flight .sec{background:#fff !important;color:#000 !important;padding:0 !important}
body.page-flight .fcard{box-shadow:none;margin:0 auto;border-color:#000;background:#fff;max-width:none}
}
/* glossary */
.gl-az{display:flex;flex-wrap:wrap;gap:.3rem;justify-content:center;margin:1rem 0}
.gl-az a{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;height:2.4rem;border:1px solid var(--line);border-radius:50%;text-decoration:none;color:var(--gold2)}
.gl-az a:hover{background:var(--gold);color:var(--ink)}
.gl-note{text-align:center}
.gl-letter{margin:1.6rem 0 .4rem;border-bottom:1px solid var(--line);padding-bottom:.1rem}
.gl{padding:.7rem 0;border-bottom:1px dotted var(--line)}
.gl h3{margin:0 0 .15em;font-size:1.4rem}
.gl p{margin:.15rem 0}
.gl-say{display:flex;flex-wrap:wrap;gap:.3rem .8rem;align-items:center}
.gl-lab{color:var(--muted);font-size:.9rem}
.gl-r{color:var(--gold2);font-size:1.15rem;letter-spacing:.04em}
.gl[hidden],.gl-group[hidden]{display:none}
/* distilleries */
.ds-country h2{margin-top:2rem}
.ds-region{margin:1.4rem 0 .3rem;color:var(--gold2)}
.ds{padding:.9rem 1rem;margin:.6rem 0;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.ds h4{margin:0 0 .15em;font-size:1.35rem}
.ds-glance{margin:.1rem 0 .4rem}
.ds-story summary{cursor:pointer;color:var(--gold2);min-height:44px;display:flex;align-items:center}
.ds-story p{margin:.3rem 0 .6rem}
.ds-h{margin:.5rem 0 .2rem;color:var(--muted);font-size:.95rem}
.ds-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.3rem .9rem}
.ds-links{margin:.6rem 0 0}
.ds:target{border-color:var(--gold);box-shadow:var(--frame)}
/* surprise me */
.surprise{margin:0 0 2rem;padding:1.2rem 1.3rem;border:1px solid rgba(201,164,92,.55);border-radius:16px;background:radial-gradient(ellipse at 0% 0%,rgba(28,140,134,.18),transparent 60%),rgba(255,255,255,.03);box-shadow:var(--frame)}
.surprise h2{margin:0 0 .2em;display:flex;gap:.5rem;align-items:center}
.surprise h2 .ic{width:1.6rem;height:1.6rem;color:var(--gold2)}
.surprise fieldset{border:0;padding:0;margin:.6rem 0}
.surprise legend{padding:0;color:var(--gold2)}
.su-moods{display:flex;flex-wrap:wrap}
#su-result{outline:none;margin-top:.6rem}
#su-result .fi-list{list-style:none;padding:0;margin:0 0 .6rem}
#su-result .fi-item{position:relative}
/* passport pdf */
.pp-pdf{margin:1.6rem 0;padding:1rem 1.2rem;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.03)}
.pp-pdf .wsearch{max-width:26rem}
.pp-pdf .btn .ic{width:1.1rem;height:1.1rem;vertical-align:-.2em}
/* menu: dietary filter and tag icons */
.dietbar{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin:0 0 .8rem}
.dietbar[hidden],.diet-count[hidden],.diet-note[hidden]{display:none}
.dietbar .chip .ic{width:1rem;height:1rem;vertical-align:-.18em;margin-right:.3rem}
.chip-clear{border-style:dashed}
.diet-count,.diet-note{text-align:center;margin:.1rem 0}
.tag .tic{display:inline-flex;width:.95em;height:.95em;margin-right:.3em;vertical-align:-.12em}
.tag .tic .ic{width:100%;height:100%}
.mitem[hidden],.msd[hidden],.mgd[hidden]{display:none}
@media (max-width:520px){.evc{padding:.8rem}.evc-date{width:3.1rem;height:3.5rem}.fl-slot,.fl-res{flex-wrap:wrap}.wm{padding:1.1rem}.wm h2{padding-right:4.4rem}}
@media (prefers-reduced-motion:reduce){.hh-clock{text-shadow:none}}
.ds-nav a{width:auto;border-radius:999px;padding:0 1.2rem}
.su-link .btn .ic{width:1.1rem;height:1.1rem;vertical-align:-.2em}
.surprise{margin:2rem 0 0}
/* kitchen chips look like the open badge, a little smaller */
.kbadge{display:inline-flex;align-items:center;gap:.6rem;margin:0;padding:.3rem .9rem;border:1px solid var(--line);border-radius:999px;background:rgba(var(--bg-rgb),.7);font-size:.95rem}
.kbadge .dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--bad)}
.kbadge.is-open .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(127,197,138,.2)}
.kbadges{margin:.2rem 0 1.2rem}
.kbadges-menu{margin:0 0 .7rem;justify-content:center}
.kbadges-menu .kbadge{font-size:.85rem;padding:.15rem .75rem}
/* menu v2.8: keep the four groups on the first screen even with the kitchen line and the diet filter */
.pagehead-compact{padding-top:clamp(1.2rem,3vw,1.8rem)}
.pagehead-compact .rule{margin:.3rem auto .6rem}
.kbadges-menu{margin:0 0 .6rem}
.pdfbar{margin-bottom:1rem}
.mgd{margin-bottom:.6rem}
.mgd>summary{padding:.7rem 1.3rem;min-height:56px}
.dietbar{margin:0 0 .5rem}
.menuctl{margin:0 0 .6rem}
@media (max-width:520px){.mgd>summary{padding:.7rem 1rem;min-height:52px}}
/* sketch map: a portrait version for phones, so nothing is cut off and the text stays readable */
.fmap svg.fm-portrait{display:none}
@media (max-width:700px){
.fmap svg.fm-landscape{display:none}
.fmap svg.fm-portrait{display:block;min-width:0;width:100%;max-width:520px;margin:0 auto}
.fmap-scroll{overflow-x:visible}
}
/* ===== whiskey maps v2.9: parchment, waves, journey line, pulsing pins, compass rose, zoom ===== */
.mapfig svg{background:radial-gradient(ellipse at 50% 38%,rgba(150,108,62,.5),rgba(34,22,14,.92) 78%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .62 0 0 0 0 .47 0 0 0 0 .32 .9 0 0 0 -.3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");box-shadow:inset 0 0 70px rgba(0,0,0,.75)}
.ripple{fill:none;stroke:#c9a45c;stroke-linejoin:round;pointer-events:none;opacity:.1}
.ripple.r1{stroke-width:6;animation:ripple 6s ease-in-out infinite}
.ripple.r2{stroke-width:13;animation:ripple 6s ease-in-out -2s infinite}
.ripple.r3{stroke-width:22;animation:ripple 6s ease-in-out -4s infinite}
@keyframes ripple{0%,100%{opacity:.02}50%{opacity:.17}}
.trail{fill:none;stroke:#e3c98b;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:100;stroke-dashoffset:100;opacity:.6;pointer-events:none;animation:trail 8s ease-out .6s forwards}
@keyframes trail{to{stroke-dashoffset:0}}
.pinhit circle.hit{fill:transparent;stroke:none;cursor:pointer}
.pulses circle{fill:none;stroke:#e3c98b;stroke-width:1.5;opacity:0;transform-box:fill-box;transform-origin:center;pointer-events:none;animation:pinpulse 3.4s ease-out infinite}
.pulses circle:nth-child(3n){animation-delay:1.1s}
.pulses circle:nth-child(3n+1){animation-delay:2.2s}
@keyframes pinpulse{0%{opacity:.8;transform:scale(1)}100%{opacity:0;transform:scale(2.6)}}
.rose circle{fill:none;stroke:#c9a45c;stroke-width:1;opacity:.5}
.rose .r2{opacity:.3}
.rose .star{fill:#c9a45c;opacity:.5}
.rose .diag{stroke:#c9a45c;stroke-width:.8;opacity:.4;fill:none}
.rose text{fill:#e3c98b;font-size:13px;font-weight:700}
.mapzoom{display:flex;gap:.4rem;justify-content:flex-end;margin:0 0 .5rem}
.mapzoom .mapz{min-width:44px;min-height:44px}
.mapscroll{overflow:auto;max-height:82vh;border:1px solid var(--line);-webkit-overflow-scrolling:touch}
.mapscroll svg{border:0}
@media (max-width:700px){.pin circle:not(.hit),.pin text{transform-box:fill-box;transform-origin:center;transform:scale(1.3)}}
@media (prefers-reduced-motion:reduce){.ripple,.ripple.r1,.ripple.r2,.ripple.r3{animation:none;opacity:.1}.pulses{display:none}.trail{animation:none;stroke-dashoffset:0}}
/* ================= v2.9: parallax, page transitions, illuminated initials, arched frames, tilt, typography, menu drawings, stamps, ink ================= */
/* parallax hero: the picture is its own layer */
.hero{background:var(--bg);overflow:hidden}
.hero>.hero-bg{position:absolute;left:0;right:0;top:-90px;bottom:-90px;z-index:0;background:linear-gradient(180deg,rgba(var(--bg-rgb),.42) 0%,rgba(var(--bg-rgb),.54) 40%,rgba(var(--bg-rgb),.96) 100%),url(../img/hero.jpg) center 30%/cover;transform:translate3d(0,var(--bg-y,0px),0);will-change:transform}
.hero-logo{transform:translate3d(var(--lg-x,0px),var(--lg-y,0px),0);will-change:transform}
.hero::before{transform:translate3d(0,var(--sp-y,0px),0)}
/* smooth page transitions (browsers that support them; the header and phone bar stay put) */
@media (prefers-reduced-motion:no-preference){
@view-transition{navigation:auto}
::view-transition-old(root){animation:vt-out .16s ease both}
::view-transition-new(root){animation:vt-in .26s ease both}
.top{view-transition-name:site-header}
.quickbar{view-transition-name:site-quickbar}
::view-transition-group(site-header),::view-transition-group(site-quickbar){animation-duration:0s}
}
@keyframes vt-out{to{opacity:0;transform:translateY(-6px)}}
@keyframes vt-in{from{opacity:0;transform:translateY(8px)}}
/* illuminated initials with knotwork, on the long reading pages */
.aboutpanel .prose>p.dc::first-letter{float:left;font-family:var(--display);font-weight:700;font-size:4.3em;line-height:.8;padding:.1em .16em .02em;margin:.06em .16em 0 0;color:#f6e7b8;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' viewBox='0 0 28 14'%3E%3Cg fill='none' stroke='%23c9a45c' stroke-opacity='.5' stroke-width='1.3'%3E%3Cpath d='M0 7C7-3 7 17 14 7S21-3 28 7'/%3E%3Cpath d='M0 7C7 17 7-3 14 7S21 17 28 7'/%3E%3C/g%3E%3C/svg%3E"),linear-gradient(160deg,#7a2431,#3b1017);background-size:28px 14px,auto;border:2px solid #c9a45c;border-radius:7px;box-shadow:inset 0 0 0 3px #3b1017,inset 0 0 0 4.5px rgba(201,164,92,.75),0 5px 14px rgba(0,0,0,.55);text-shadow:0 2px 0 rgba(0,0,0,.6)}
.aboutpanel .prose>p:first-of-type:not(.dc)::first-letter{float:none;font:inherit;line-height:inherit;padding:0;margin:0;color:inherit;background:none;border:0;box-shadow:none;text-shadow:none}
@media (max-width:520px){.aboutpanel .prose>p.dc::first-letter{font-size:3.5em}}
/* arched window frames for the pictures */
.pic{position:relative}
.pic:not(.pic-wide) img{aspect-ratio:4/5;object-fit:cover;width:min(340px,100%);margin:0 auto;border-radius:999px 999px 16px 16px}
.pic:not(.pic-wide)::before{content:"";position:absolute;top:-24px;left:50%;width:15px;height:15px;transform:translateX(-50%) rotate(45deg);background:var(--gold);box-shadow:0 0 0 3px var(--bg),0 0 12px rgba(201,164,92,.7)}
/* whiskey cards: tilt and a light that follows the pointer */
.w{transform-style:preserve-3d}
.w::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .2s ease;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%),rgba(255,255,255,.13),transparent 55%)}
.w.tilting{transition:transform .08s linear,box-shadow .2s ease;z-index:2;box-shadow:0 22px 40px -16px rgba(0,0,0,.8),0 0 0 1px var(--rc),-8px 0 22px -8px var(--rc)}
.w.tilting::after{opacity:1}
/* typography: even lines, soft hyphens in German, tidy numbers, hanging quotation marks */
html{text-rendering:optimizeLegibility;font-kerning:normal;font-optical-sizing:auto;font-variant-ligatures:common-ligatures contextual}
h1,h2,h3,.lede,.aboutlede,.qotd-band blockquote p{text-wrap:balance}
p,li,figcaption{text-wrap:pretty}
.prose p,.evc-txt,.ds-glance,.gl-d,.mi-desc,.wm-story,.w-note,.msec-note{hyphens:auto;-webkit-hyphens:auto;overflow-wrap:break-word}
.prose p{max-width:68ch}
.center .prose p{margin-left:auto;margin-right:auto}
.mi-price,.w-prices,.hrow,.fl-price,.fl-total,.hh-clock,.evc-date,.wm-pr,.fc-p,.hours,.ms-count,.mg-count{font-variant-numeric:lining-nums tabular-nums}
blockquote{hanging-punctuation:first}
:lang(de) blockquote p::before{content:"\201E"}
:lang(de) blockquote p::after{content:"\201C"}
:lang(en) blockquote p::before{content:"\201C"}
:lang(en) blockquote p::after{content:"\201D"}
.hyph-off,h1,h2,h3,h4,.nav a,.btn,.chip,.tag,.w h3,.gl h3,.ds h4,.wm h2{hyphens:manual;-webkit-hyphens:manual}
/* menu: a small drawing for every section, a letterpress feel on the dishes */
.ms-ic,.mg-ic{display:inline-flex;flex:none;color:var(--gold2)}
.ms-ic{width:1.9rem;height:1.9rem}
.mg-ic{width:2.6rem;height:2.6rem}
.ms-ic .ic,.mg-ic .ic{width:100%;height:100%;stroke-width:1.35}
.msd>summary:hover .ms-ic{color:var(--hover)}
.mitem{text-shadow:0 1px 0 rgba(0,0,0,.55),0 -1px 0 rgba(255,255,255,.035)}
/* passport: the ink stamp and the wax seals */
.pp-item{position:relative;overflow-x:clip;padding-left:.3rem}
.pp-item:has(.pp-box:checked) label{padding-right:3.4rem}
.pp-item .pp-name,.pp-item .pp-dist{overflow-wrap:anywhere}
.pp-item:has(.pp-box:checked)::after{content:"";position:absolute;right:.4rem;top:50%;width:2.7rem;height:2.7rem;margin-top:-1.35rem;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 60'%3E%3Ccircle cx='30' cy='30' r='25' fill='none' stroke='%23d6525f' stroke-width='3' stroke-dasharray='120 5 22 4'/%3E%3Ccircle cx='30' cy='30' r='19' fill='none' stroke='%23d6525f' stroke-width='1.2'/%3E%3Cpath d='M19 31l8 8 15-17' fill='none' stroke='%23d6525f' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;opacity:.92;transform:rotate(-10deg);pointer-events:none}
.pp-item:nth-child(3n):has(.pp-box:checked)::after{transform:rotate(9deg)}
.pp-item:nth-child(3n+1):has(.pp-box:checked)::after{transform:rotate(-21deg)}
.pp-item.is-new::after{animation:stampin .55s cubic-bezier(.2,.9,.3,1.35)}
@keyframes stampin{0%{transform:rotate(-10deg) scale(2.6);opacity:0}55%{transform:rotate(-10deg) scale(.9);opacity:1}78%{transform:rotate(-10deg) scale(1.05)}100%{transform:rotate(-10deg) scale(1)}}
.pp-seal{width:3.7rem;height:3.7rem;border:0;border-radius:47% 53% 50% 50% / 52% 46% 54% 48%;background:radial-gradient(circle at 35% 30%,#df5a66,#a12632 56%,#6e1520);color:#f7d0d4;text-shadow:0 1px 0 rgba(255,255,255,.28),0 -1px 0 rgba(0,0,0,.5);box-shadow:inset 0 0 0 .24rem rgba(0,0,0,.16),inset 0 0 0 .32rem rgba(255,255,255,.14),0 5px 9px rgba(0,0,0,.55)}
.pp-badge:not(.earned) .pp-seal{background:radial-gradient(circle at 35% 30%,#7a6d62,#4a4038);color:#bdb2a6;filter:grayscale(.5)}
.pp-badge.is-pressed .pp-seal{animation:sealin .65s cubic-bezier(.2,.9,.3,1.3)}
@keyframes sealin{0%{transform:scale(2.1) rotate(-14deg);opacity:0;box-shadow:0 0 0 0 rgba(0,0,0,0)}60%{transform:scale(.92) rotate(3deg);opacity:1}100%{transform:scale(1) rotate(0)}}
/* the quote writes itself in ink */
.qotd-band blockquote p.inkready .iw{display:inline-block;opacity:0;filter:blur(6px);transform:translateY(5px);transition:opacity .5s ease,filter .6s ease,transform .5s ease}
.qotd-band blockquote p.inkready .iw.on{opacity:1;filter:none;transform:none}
.qotd-band .iw.cur::after{content:"";display:inline-block;width:.3em;height:.3em;margin-left:.12em;border-radius:50%;background:#f3e2ae;box-shadow:0 0 10px 2px rgba(243,226,174,.85);vertical-align:.1em}
@media (prefers-reduced-motion:reduce){.pp-item.is-new::after,.pp-badge.is-pressed .pp-seal{animation:none}.w.tilting{transition:none}}
/* sold out and just arrived */
.flag{position:absolute;top:.7rem;right:.7rem;z-index:2;padding:.18rem .6rem;border-radius:999px;font-family:var(--nav,inherit);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}
.flag-out{background:#5a1a22;color:#f4c7cc;border:1px solid #d6525f}
.flag-new{background:linear-gradient(180deg,#f3e2ae,#c9a45c);color:#120b0c;border:1px solid #fff3c9;box-shadow:0 0 14px rgba(243,226,174,.45)}
.mi-tags .flag{position:static;display:inline-block;margin-right:.3rem}
.w.is-out{opacity:.6;filter:grayscale(.55)}
.w.is-out .wlabel{opacity:.7}
.w .flag{top:auto;bottom:.7rem;right:.7rem}
.mitem.is-out .mi-head h4{text-decoration:line-through;text-decoration-thickness:1px;opacity:.65}
.mitem.is-out .mi-price,.mitem.is-out .mi-desc{opacity:.5}
.fl-res.is-out{opacity:.55}
/* visitor guide */
.fb-h{margin:2.2rem 0 1rem}
.fb-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:760px){.fb-grid{grid-template-columns:repeat(2,1fr)}}
.fb-card{position:relative;padding:1.1rem 1.2rem 1.1rem 4.2rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--frame)}
.fb-ic{position:absolute;left:1rem;top:1.1rem;width:2.4rem;height:2.4rem;color:var(--gold2)}
.fb-ic .ic{width:100%;height:100%}
.fb-card h3{margin:0 0 .25em;font-size:1.4rem}
.fb-card p{margin:0;hyphens:auto}
.fb-eat{margin-top:2.6rem;padding:1.4rem;border:1px solid rgba(201,164,92,.5);border-radius:18px;background:radial-gradient(ellipse at 50% 0,rgba(201,164,92,.14),transparent 70%)}
.fm-sls{font-size:12px}
/* upright sketch map: the text is set larger, so it stays readable on a phone */
.fm-portrait .fm-sl,.fm-portrait .fm-sls{font-size:16.5px}
.fm-portrait .fm-slb{font-size:18px}
.fm-portrait .fm-sn{font-size:16.5px}
.fm-portrait .fm-cn{font-size:16.5px}
.fm-portrait .fm-ok text{font-size:16px}
.fm-portrait .fm-ok2{font-size:16.5px}
.fm-portrait .fm-addr{font-size:16px}
/* ===== v3.0: Impressum and privacy, distilleries ===== */
.legal-sum{margin:0 0 2rem}
.legal-pills{list-style:none;margin:.8rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.6rem;justify-content:center}
.legal-pills li{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:1px solid rgba(201,164,92,.55);border-radius:999px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.legal-pills .ic{width:1.2rem;height:1.2rem;color:var(--gold2)}
.legal-grid{display:grid;gap:1.6rem;grid-template-columns:minmax(0,1fr);max-width:1000px;margin:0 auto}
@media (min-width:980px){.legal-grid:not(.no-toc){grid-template-columns:240px minmax(0,1fr);gap:2.4rem}}
.legal-grid.no-toc{max-width:760px}
.legal-toc{align-self:start;padding:1rem 1.1rem;border:1px solid var(--line);border-radius:16px;background:rgba(255,255,255,.03)}
@media (min-width:980px){.legal-toc{position:sticky;top:1.2rem}}
.legal-toc-h{margin:0 0 .5rem;font-size:1.05rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold2);font-family:var(--nav,inherit)}
.legal-toc ol{list-style:none;margin:0;padding:0;display:grid;gap:.1rem}
.legal-toc a{display:flex;gap:.6rem;align-items:center;min-height:44px;text-decoration:none;color:var(--ink-soft,#e8dcc4);padding:.2rem .3rem;border-radius:8px}
.legal-toc a:hover,.legal-toc a:focus-visible{background:rgba(201,164,92,.14);color:var(--hover)}
.legal-n{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:50%;border:1px solid var(--gold);color:var(--gold2);font-family:var(--display);font-weight:700;font-size:1.05rem;background:rgba(201,164,92,.1)}
.legal-card{position:relative;margin:0 0 1.2rem;padding:1.3rem 1.5rem 1.4rem;border:1px solid var(--line);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--frame);scroll-margin-top:1rem}
.legal-card h2{display:flex;gap:.8rem;align-items:center;margin:0 0 .6rem;font-size:1.6rem}
.legal-card .prose p{max-width:none}
.legal-card .prose p:last-child{margin-bottom:0}
.legal-facts{border-color:rgba(201,164,92,.55)}
.legal-addr{font-style:normal;display:block;position:relative;padding-left:3.4rem;font-size:1.2rem;line-height:1.5;margin-bottom:1rem}
.legal-addr strong{color:var(--gold2);font-size:1.35rem}
.legal-ic{position:absolute;left:0;top:.1rem;width:2.4rem;height:2.4rem;color:var(--gold2)}
.legal-ic .ic{width:100%;height:100%}
.legal-facts dl{margin:0;display:grid;gap:0}
.legal-facts dl>div{display:grid;grid-template-columns:minmax(8rem,12rem) 1fr;gap:.2rem 1rem;padding:.55rem 0;border-top:1px dotted rgba(201,164,92,.35)}
.legal-facts dt{color:var(--muted);letter-spacing:.06em}
.legal-facts dd{margin:0;overflow-wrap:anywhere}
@media (max-width:520px){.legal-facts dl>div{grid-template-columns:1fr}.legal-card{padding:1.1rem 1.1rem 1.2rem}.legal-addr{padding-left:2.9rem}}
.legal-cta{text-align:center;margin:1.6rem 0 0;padding:1.2rem;border:1px dashed var(--line);border-radius:16px}
.legal-cta .btn .ic{width:1.1rem;height:1.1rem;vertical-align:-.2em}
/* distilleries */
.ds-stats{list-style:none;margin:1.6rem 0 1.4rem;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.ds-stats li{text-align:center;padding:.9rem .4rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--frame)}
.ds-stats b{display:block;font-family:var(--display);font-size:2.3rem;line-height:1;color:var(--gold2)}
.ds-stats span{display:block;margin-top:.3rem;font-size:.95rem;color:var(--muted)}
@media (max-width:600px){.ds-stats{grid-template-columns:repeat(2,1fr)}}
.ds-bar{position:sticky;top:0;z-index:15;margin:0 -1rem;padding:.6rem 1rem .4rem;background:rgba(var(--bg-rgb),.96);border-bottom:1px solid var(--line)}
.ds-bar .wsearch{max-width:30rem;margin:0 auto .5rem;display:block}
.ds-bar .chips{justify-content:center}
.ds-bar [hidden]{display:none}
.ds-country h2{margin:2.4rem 0 .6rem;font-size:2.2rem;border-bottom:1px solid var(--line);padding-bottom:.3rem}
.ds-rh{display:flex;align-items:center;gap:.7rem;margin:1.6rem 0 .8rem}
.ds-rh .ds-region{margin:0;font-size:1.7rem}
.ds-rc{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0 .5rem;border-radius:999px;background:rgba(201,164,92,.2);color:var(--gold2);font-size:.95rem}
.ds-grid{display:grid;gap:1rem;grid-template-columns:1fr}
@media (min-width:900px){.ds-grid{grid-template-columns:repeat(2,1fr)}}
.ds{position:relative;margin:0;padding:1.1rem 1.2rem 1rem 1.5rem;border:1px solid var(--line);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.055),rgba(255,255,255,.012));overflow:hidden;transition:border-color .2s ease,transform .2s ease}
.ds::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--rc,#c9a45c)}
.ds:hover{border-color:var(--rc,#c9a45c)}
.ds[hidden],.ds-block[hidden],.ds-country[hidden]{display:none}
.ds-head{display:flex;gap:.8rem;align-items:flex-start}
.ds-pin{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;background:var(--rc,#c9a45c);color:#120b0c;font-weight:700;font-family:var(--display);font-size:1.1rem}
.ds-title{flex:1;min-width:0}
.ds h4{margin:0;font-size:1.5rem;line-height:1.1}
.ds-meta{margin:.25rem 0 0;display:flex;flex-wrap:wrap;gap:.3rem .6rem;font-size:.9rem}
.ds-reg{color:var(--rc,#c9a45c);letter-spacing:.08em;text-transform:uppercase}
.ds-year{color:var(--muted)}
.ds-year::before{content:"\00B7";margin-right:.6rem}
.ds-cnt{flex:none;padding:.15rem .6rem;border-radius:999px;border:1px solid rgba(201,164,92,.5);color:var(--gold2);font-size:.85rem;white-space:nowrap}
.ds-glance{margin:.7rem 0 .5rem}
.ds-list a{display:inline-block;padding:.15rem .65rem;border:1px solid var(--line);border-radius:999px;text-decoration:none;font-size:.95rem}
.ds-list a:hover,.ds-list a:focus-visible{border-color:var(--gold);background:rgba(201,164,92,.14)}
.ds-list{gap:.4rem}
@media (max-width:520px){.ds-head{flex-wrap:wrap}.ds-cnt{order:3}}
/* ===== version 3.1 ===== */
:root{--hdr:96px}
@media (max-width:860px){:root{--hdr:104px}}
html{scroll-padding-top:var(--hdr)}
html.sheet-lock,html.lb-lock{overflow:hidden}
/* small sticky header with the logo; it shrinks a little after scrolling */
.top{position:sticky;top:0;z-index:55;transition:background .25s,box-shadow .25s}
.top-over{position:sticky;top:0;left:auto;right:auto;margin-bottom:calc(var(--hdr) * -1)}
.top.is-compact{background:rgba(var(--bg-rgb),.97);border-bottom:1px solid var(--line);box-shadow:0 6px 22px rgba(0,0,0,.45)}
.top-row{transition:padding .2s}
.brand{flex-direction:row;align-items:center;gap:.7rem}
.brand-t{display:flex;flex-direction:column;line-height:1.05}
.brand-i{width:44px;height:44px;border-radius:9px;border:1px solid var(--line);flex:none;transition:width .2s,height .2s}
.top.is-compact .top-row{padding:.3rem 0}
.top.is-compact .brand-i{width:34px;height:34px}
.top.is-compact .brand-o{font-size:1.2rem}
.top.is-compact .brand-s{display:none}
.top-status{padding:0 0 .45rem}
.status-chip{position:relative;display:inline-flex;align-items:center;gap:.5rem;max-width:100%;padding:.2rem .65rem .2rem .7rem;border:1px solid var(--line);border-radius:999px;background:rgba(var(--bg-rgb),.72);color:var(--ivory);text-decoration:none;font-size:.92rem;line-height:1.35;min-height:32px}
.status-chip::before{content:"";position:absolute;inset:-6px -4px}
.status-chip:hover{border-color:var(--gold)}
.status-chip .dot{flex:none;width:.6rem;height:.6rem;border-radius:50%;background:var(--bad)}
.status-chip.is-open .dot{background:var(--ok);box-shadow:0 0 0 3px rgba(127,197,138,.22)}
.status-chip .sc-t{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.status-chip .sc-ch{flex:none;color:var(--gold)}
.top.is-compact .top-status{padding-bottom:.3rem}
.top.is-compact .status-chip{min-height:28px;font-size:.85rem;padding-block:.05rem}
@media (min-width:861px){.top.is-compact .top-status{display:none}}
@media (max-width:860px){
.nav{max-height:calc(100vh - var(--hdr) - 1rem);overflow-y:auto}
.top-row{padding:.55rem 0}
.brand-i{width:40px;height:40px}
.langsw{margin:0 0 0 auto;align-self:center}
}
.menubar,.menunav,.ds-bar{top:var(--hdr)}
@media (min-width:980px){.legal-toc{top:calc(var(--hdr) + 1rem)}}
/* hours and directions sheet */
.sheet-wrap{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center}
.sheet-wrap[hidden]{display:none}
.sheet-back{position:absolute;inset:0;background:rgba(5,3,3,.66);opacity:0;transition:opacity .25s}
.sheet-wrap.is-open .sheet-back{opacity:1}
.sheet{position:relative;width:min(560px,100%);max-height:90vh;overflow-y:auto;background:linear-gradient(#1d1213,var(--bg));border:1px solid var(--line);border-bottom:0;border-radius:22px 22px 0 0;padding:0 1.4rem calc(1.3rem + env(safe-area-inset-bottom,0px));transform:translateY(105%);transition:transform .28s cubic-bezier(.2,.8,.2,1);overscroll-behavior:contain;touch-action:pan-y;outline:0}
.sheet-wrap.is-open .sheet{transform:translateY(0)}
.sheet.is-drag{transition:none}
.sheet-grab{display:flex;justify-content:center;align-items:center;width:100%;height:30px;padding:0;border:0;background:transparent;cursor:grab;touch-action:none}
.sheet-grab span{display:block;width:46px;height:5px;border-radius:3px;background:var(--line)}
.sheet h2{font-size:1.9rem;margin:.1rem 0 .6rem}
.sheet-line{display:flex;align-items:center;gap:.6rem;margin:.2rem 0;font-size:1.1rem}
.sheet-line[hidden]{display:none}
.sheet-line .dot{flex:none;width:.65rem;height:.65rem;border-radius:50%;background:var(--bad)}
.sheet-line.is-open .dot{background:var(--ok);box-shadow:0 0 0 4px rgba(127,197,138,.2)}
.sheet-sub{font-size:1.15rem;margin:1.1rem 0 .3rem;color:var(--gold);letter-spacing:.1em;text-transform:uppercase}
.sheet-days{list-style:none;margin:0;padding:0}
.sheet-days li{display:flex;justify-content:space-between;gap:1rem;padding:.4rem .2rem;border-bottom:1px solid var(--line)}
.sheet-days li.is-today{color:var(--gold2);font-weight:500;background:rgba(201,164,92,.1)}
.sheet-days b{font-weight:inherit;white-space:nowrap}
.sheet-btns{display:flex;flex-wrap:wrap;gap:.6rem;margin:1.2rem 0 .4rem}
.sheet-addr{margin:.2rem 0 .6rem;text-align:left}
.sheet-x{display:block;width:100%;margin-top:.4rem;min-height:46px;font:inherit;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:4px;cursor:pointer}
@media (min-width:700px){
.sheet-wrap{align-items:center}
.sheet{border-bottom:1px solid var(--line);border-radius:22px;transform:translateY(34px) scale(.97);opacity:0;transition:transform .28s cubic-bezier(.2,.8,.2,1),opacity .2s}
.sheet-wrap.is-open .sheet{transform:none;opacity:1}
}
/* today strip */
.tonight{padding:1.6rem 0 1.2rem;background:linear-gradient(180deg,rgba(var(--bg-rgb),.96),rgba(var(--bg-rgb),.6));border-bottom:1px solid var(--line)}
.tn-h{font-size:1.25rem;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:var(--gold);margin:0 0 .9rem}
.tn-grid{list-style:none;margin:0;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr))}
.tn-tile{position:relative;display:flex;flex-direction:column;gap:.1rem;margin:0;padding:.85rem 1rem .9rem 3.6rem;border:1px solid var(--line);border-left:4px solid var(--muted);border-radius:14px;background:linear-gradient(150deg,rgba(255,255,255,.06),rgba(255,255,255,.015));min-height:84px}
.tn-tile.is-open{border-left-color:var(--ok)}
.tn-tile.is-closed{border-left-color:var(--bad)}
.tn-tile.is-soon,.tn-tile.is-event{border-left-color:var(--gold)}
.tn-tile.is-quiet{opacity:.82}
.tn-a{display:contents;color:inherit;text-decoration:none}
.tn-tile:has(.tn-a:hover){border-color:var(--gold)}
.tn-ic{position:absolute;left:.9rem;top:.9rem;width:2.1rem;height:2.1rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:rgba(201,164,92,.16);color:var(--gold2)}
.tn-ic .ic{width:1.25rem;height:1.25rem}
.tn-k{font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--gold)}
.tn-v{font-size:1.1rem;line-height:1.3;color:var(--ivory)}
/* number band */
.numband{padding:clamp(1.8rem,5vw,3rem) 0;border-block:1px solid var(--line);background:linear-gradient(180deg,rgba(var(--wall-rgb),.55),rgba(var(--wall-rgb),.3))}
.nb-list{list-style:none;margin:0;padding:0;display:grid;gap:1.2rem 1rem;grid-template-columns:repeat(2,1fr);text-align:center}
@media (min-width:760px){.nb-list{grid-template-columns:repeat(4,1fr)}}
.nb-list a{display:block;color:inherit;text-decoration:none;padding:.4rem .3rem;border-radius:12px}
.nb-list a:hover .nb-n,.nb-list a:focus-visible .nb-n{color:var(--hover)}
.nb-n{display:block;font-family:var(--display);font-weight:700;font-size:clamp(2.8rem,8vw,4.6rem);line-height:1;color:var(--gold2);font-variant-numeric:tabular-nums;transition:color .2s}
.nb-l{display:block;margin-top:.35rem;font-size:1rem;letter-spacing:.06em;color:var(--muted)}
/* whiskey list: region banners */
.rb-defs{position:absolute;width:0;height:0;overflow:hidden}
.rb-ctl{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin:0 0 .4rem}
.rb-ctl[hidden]{display:none}
.rb-ctl .btn{min-height:44px}
.rb{grid-column:1/-1;margin:1.6rem 0 .1rem;font-size:1rem;line-height:1.2;scroll-margin-top:calc(var(--hdr) + 1rem)}
.rb[hidden]{display:none}
.rb-btn{display:flex;align-items:center;gap:1rem;width:100%;padding:.7rem 1rem;margin:0;border:1px solid var(--line);border-left:5px solid var(--rc,#c9a45c);border-radius:16px;background:linear-gradient(100deg,rgba(255,255,255,.07),rgba(255,255,255,.015));color:var(--ivory);font:inherit;text-align:left;min-height:76px}
button.rb-btn{cursor:pointer}
button.rb-btn:hover{border-color:var(--rc,#c9a45c)}
.rb-map{flex:none;width:58px;height:58px;fill:rgba(201,164,92,.16);stroke:var(--rc,#c9a45c);stroke-width:1.6;stroke-linejoin:round}
.rb-map path{vector-effect:non-scaling-stroke}
.rb-map .rb-spot{fill:var(--gold);fill-opacity:.9;stroke:none}
.rb-name{flex:1;min-width:0;font-family:var(--display);font-weight:700;font-size:clamp(1.5rem,4vw,2rem);color:var(--gold2)}
.rb-count{flex:none;padding:.15rem .75rem;border:1px solid var(--line);border-radius:999px;font-size:.95rem;color:var(--ivory);-webkit-text-fill-color:var(--ivory);background:rgba(var(--bg-rgb),.5);white-space:nowrap}
.rb-chev{flex:none;color:var(--gold);transition:transform .2s}
.rb.is-folded .rb-chev{transform:rotate(-90deg)}
.w.fold{display:none}
@media (max-width:520px){.rb-map{width:46px;height:46px}.rb-btn{gap:.7rem;padding:.6rem .8rem}}
/* gallery */
.gal-root{--cfh:clamp(250px,52vw,560px)}
.gal-chips{justify-content:center;margin:0 0 .6rem}
.gal-chips[hidden]{display:none}
.cf{position:relative;margin:1rem auto 1rem;max-width:1120px}
.cf[hidden]{display:none}
.cf-view{position:relative;height:var(--cfh);perspective:1500px;overflow:hidden;touch-action:pan-y;cursor:grab;border-radius:6px}
.cf-stage{list-style:none;margin:0;padding:0;position:absolute;inset:0;transform-style:preserve-3d}
.cf-slide{position:absolute;left:50%;top:50%;width:min(62%,720px);height:92%;margin:0;transform:translate(-50%,-50%);transition:transform .6s cubic-bezier(.2,.7,.2,1),opacity .5s}
.cf-hit{display:block;width:100%;height:100%;padding:0;border:2px solid var(--gold);border-radius:14px;overflow:hidden;background:var(--bg2);cursor:pointer;box-shadow:0 18px 50px rgba(0,0,0,.55)}
.cf-hit img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none;user-select:none}
.cf-slide:not(.is-on) .cf-hit{border-color:rgba(201,164,92,.45)}
@media (max-width:699px){.cf-slide{width:78%}}
.cf-nav{position:absolute;top:calc(var(--cfh) / 2 - 24px);z-index:60;width:48px;height:48px;border-radius:50%;border:1px solid var(--gold);background:rgba(var(--bg-rgb),.78);color:var(--gold2);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cf-nav:hover{background:var(--gold);color:var(--ink)}
.cf-prev{left:.4rem}.cf-next{right:.4rem}
.cf-play{position:absolute;top:.6rem;right:.6rem;z-index:60;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:rgba(var(--bg-rgb),.7);color:var(--ivory);display:flex;align-items:center;justify-content:center;cursor:pointer}
.cf-info{display:flex;flex-direction:column;align-items:center;gap:.1rem;margin:.6rem 0 .4rem;text-align:center;min-height:3.2rem}
.cf-cap{font-family:var(--display);font-style:italic;font-weight:500;font-size:1.45rem;color:var(--gold2);line-height:1.2}
.cf-count{font-size:.95rem;color:var(--muted);letter-spacing:.08em}
.cf-strip{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem .2rem .5rem;justify-content:flex-start;scrollbar-width:thin}
@media (min-width:900px){.cf-strip{justify-content:center}}
.cf-t,.lb-t{flex:none;width:68px;height:50px;padding:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:var(--bg2);cursor:pointer;opacity:.62}
.cf-t img,.lb-t img{display:block;width:100%;height:100%;object-fit:cover;pointer-events:none}
.cf-t.is-on,.lb-t.is-on{border-color:var(--gold);opacity:1}
.cf-t:hover,.lb-t:hover{opacity:1}
.gal-grid{list-style:none;margin:2rem 0 0;padding:0;columns:3 270px;column-gap:1rem}
.gal-item{break-inside:avoid;margin:0 0 1rem}
.gal-item[hidden]{display:none}
.gal-link{position:relative;display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--bg2)}
.gal-link img{display:block;width:100%;height:auto;transition:transform .5s}
.gal-link:hover img,.gal-link:focus-visible img{transform:scale(1.04)}
.gal-cap{position:absolute;left:0;right:0;bottom:0;padding:1.6rem .8rem .55rem;background:linear-gradient(transparent,rgba(0,0,0,.78));color:var(--ivory);font-size:.98rem;line-height:1.25;opacity:0;transition:opacity .25s}
.gal-link:hover .gal-cap,.gal-link:focus-visible .gal-cap{opacity:1}
@media (hover:none){.gal-cap{opacity:1}}
.gal-hint{margin:.2rem 0 0;font-size:.95rem}
.gal-hint[hidden]{display:none}
/* full screen viewer */
.lb{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:rgba(8,5,6,var(--lbo,1));opacity:0;transition:opacity .2s;touch-action:none;color:var(--ivory)}
.lb[hidden]{display:none}
.lb.is-open{opacity:1}
.lb-top{display:flex;justify-content:space-between;align-items:center;gap:.6rem;padding:calc(.6rem + env(safe-area-inset-top,0px)) .8rem .4rem}
.lb-count{font-size:1rem;letter-spacing:.08em;color:var(--muted)}
.lb-tools{display:flex;gap:.4rem}
.lb-b,.lb-nav{width:46px;height:46px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.07);color:var(--ivory);display:inline-flex;align-items:center;justify-content:center;cursor:pointer}
.lb-b:hover,.lb-nav:hover{background:var(--gold);color:var(--ink)}
.lb-b[aria-pressed="true"]{border-color:var(--gold);color:var(--gold2)}
.lb-stage{position:relative;flex:1;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;touch-action:none}
.lb-img{max-width:100%;max-height:100%;object-fit:contain;transform-origin:center;transition:transform .25s,filter .3s;user-select:none;-webkit-user-drag:none;cursor:zoom-in}
.lb.is-zoomed .lb-img{cursor:grab}
.lb-img.no-anim{transition:none}
.lb-img.is-loading{filter:blur(5px)}
.lb-nav{position:absolute;top:50%;margin-top:-23px;z-index:3}
.lb-prev{left:.6rem}.lb-next{right:.6rem}
.lb.is-zoomed .lb-nav{display:none}
@media (max-width:699px){.lb-nav{width:40px;height:40px;opacity:.8}}
.lb-cap{margin:.4rem 1rem .2rem;text-align:center;font-family:var(--display);font-style:italic;font-weight:500;font-size:1.35rem;color:var(--gold2);min-height:1.4em}
.lb-cap[hidden]{display:block;visibility:hidden}
.lb-thumbs{display:flex;gap:.4rem;overflow-x:auto;padding:.3rem .8rem calc(.6rem + env(safe-area-inset-bottom,0px));touch-action:pan-x;scrollbar-width:thin}
.lb-toast{position:absolute;left:50%;bottom:6.5rem;transform:translateX(-50%);margin:0;padding:.4rem 1.1rem;border-radius:999px;background:var(--gold);color:var(--ink);font-size:1rem;opacity:0;pointer-events:none;transition:opacity .2s}
.lb-toast.is-on{opacity:1}
/* front page photo teaser */
.gt-row{list-style:none;margin:1.4rem 0 1.2rem;padding:0;display:grid;gap:.8rem;grid-template-columns:repeat(2,1fr)}
@media (min-width:760px){.gt-row{grid-template-columns:repeat(4,1fr)}}
.gt-row li{margin:0}
.gt-row img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid var(--line);border-radius:12px;transition:transform .35s,border-color .2s}
.gt-row a:hover img,.gt-row a:focus-visible img{transform:translateY(-3px);border-color:var(--gold)}
@media (prefers-reduced-motion:reduce){
.cf-slide,.sheet,.sheet-back,.lb,.lb-img,.gal-link img,.top,.top-row,.brand-i,.gt-row img{transition:none!important}
}
@media (min-width:861px) and (max-width:1099px){.nav>a{font-size:.95rem;letter-spacing:.02em}.nav{gap:.7rem}.l-long{display:none}.l-short{display:inline}}
@media (min-width:861px) and (max-width:1380px){.nav{gap:.85rem}}
.page-gallery .pagehead{padding:clamp(1.6rem,4vw,2.6rem) 0 .4rem}
.page-gallery .pagehead .lede{margin:.3rem 0 .6rem}
.page-gallery .sec.gal{padding-top:1.2rem}
@media (max-width:520px){.brand-o{font-size:1.1rem;letter-spacing:.1em}}
/* v3.1: smallest phones (320 to 360px): logo, name, language switch and menu button must fit in one row */
@media (max-width:360px){.top-row{gap:.4rem}.brand{gap:.45rem}.brand-i{width:34px;height:34px}.brand-o{font-size:.95rem;letter-spacing:.05em}.navbtn{padding:.5rem .6rem;gap:.4rem;letter-spacing:.06em;font-size:.85rem}.langsw a{padding-left:.35rem;padding-right:.35rem}}
/* v3.1: desktop and tablet header stays slim: short language labels, brand on one line */
@media (min-width:861px){.l-long{display:none}.l-short{display:inline}.brand-o{font-size:1.35rem;letter-spacing:.1em;white-space:nowrap}.brand-s{font-size:.66rem;letter-spacing:.12em;white-space:nowrap}}
@media (min-width:861px) and (max-width:930px){.nav>a{font-size:.85rem;letter-spacing:.01em}.nav{gap:.5rem}.top-row{gap:.5rem}.brand-o{font-size:1.15rem}.brand-s{display:none}}
@media (min-width:861px){.top-row{padding:.5rem 0}.top.is-compact .top-row{padding:.25rem 0}}
/* v3.1: no icon box next to the name, the text alone is the logo */
.brand{gap:0}.brand-i{display:none}
/* 3.6: calmer hero, one main button, even sections, one heading style, symbol tags, fade-in, friendly 404 */
:root{--sec-pad:clamp(2.6rem,6vw,4.4rem);--h1-size:clamp(2.1rem,5.5vw,3.4rem);--h2-size:clamp(1.65rem,3.8vw,2.3rem)}
h1{font-size:var(--h1-size)}
h2{font-size:var(--h2-size)}
.hero-welcome{max-width:34rem;margin:.9rem auto 1.1rem;font-family:var(--display);font-style:italic;font-weight:500;font-size:clamp(1.1rem,2.6vw,1.35rem);line-height:1.35;color:var(--ivory)}
.hero-cta{margin:.2rem 0 .7rem}
.btn-lg{padding:1rem 3rem;font-size:1.3rem}
.hero-more{margin:0;gap:.5rem}
.hero-more .btn{opacity:.92}
@media (max-width:700px){
.hero{min-height:0;padding:calc(104px + env(safe-area-inset-top,0px) + .9rem) 0 1.5rem}
.hero-logo{width:min(300px,68vw)}
.hero-welcome{font-size:1.05rem;margin:.6rem auto .8rem}
.btn-lg{padding:.85rem 2.4rem}
}
main>section.sec,main>section.quizband,main>section.numband{position:relative}
main>section.sec:not(.sec-alt)::before{content:"";position:absolute;left:50%;top:0;width:min(520px,70%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,rgba(201,164,92,.5),transparent);pointer-events:none}
main>section.sec-alt+section.sec::before,main>section.pagehead+section.sec::before,main>section.pagehead-compact+section.sec::before,main>section.sec:first-child::before{display:none}
.pagehead,.pagehead-compact,.pagehead-img{padding-top:clamp(2.4rem,6vw,4rem)}
.pagehead h1,.pagehead-compact h1,.pagehead-img h1{font-size:var(--h1-size);font-weight:600;letter-spacing:.015em;margin:0 0 .3em}
.pagehead .rule,.pagehead-compact .rule,.pagehead-img .rule{margin:.9rem auto 1.2rem}
.pagehead-compact .lede{font-size:clamp(1.1rem,2.4vw,1.3rem)}
.tag-i{display:inline-flex;align-items:center;justify-content:center;width:1.7rem;height:1.7rem;padding:0;margin-left:.3rem;border-radius:50%;vertical-align:middle}
.tag-i .tic{width:1rem;height:1rem;margin:0}
.mn-legend{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.4rem 1rem;margin:.2rem 0 1rem;font-size:.95rem}
.mn-legend .tag-i{margin:0 .3rem 0 0}
.rv{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.rv.rv-in{opacity:1;transform:none}
@media print{.rv{opacity:1;transform:none}}
.nf-links{list-style:none;margin:1rem 0 1.6rem;padding:0;display:grid;gap:.7rem;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}
.nf-links a{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:1rem .6rem;border:1px solid var(--line);border-radius:14px;text-decoration:none;color:var(--ivory);font-family:var(--nav);letter-spacing:.06em;background:rgba(255,255,255,.03)}
.nf-links a:hover{border-color:var(--gold);color:var(--hover);background:rgba(201,164,92,.12)}
.nf-ic .ic{width:1.8rem;height:1.8rem;color:var(--gold2)}
@media (max-width:700px){
.hero .kbadges{display:none}
.hero-more .btn{padding:.45rem .85rem;font-size:.95rem;letter-spacing:.05em}
.hero-cta{margin-bottom:.5rem}
}
.pagehead-compact{padding-top:clamp(1rem,2.5vw,1.5rem)}
.pagehead-compact h1{margin-bottom:.15em}
.pagehead-compact .rule{margin:.3rem auto .5rem}
.pagehead-compact .lede{margin-bottom:.1rem}
.pagehead-compact{padding-top:clamp(.5rem,1.5vw,.9rem)}
.pagehead-compact .rule{margin:.15rem auto .3rem}
/* country flags in the menu (3.7), drawn with CSS so they look the same on every phone and computer */
.cflag{display:inline-block;width:1.45em;height:1em;margin-right:.55em;vertical-align:-.1em;border-radius:2px;box-shadow:0 0 0 1px rgba(243,234,216,.35);background-repeat:no-repeat;background-size:100% 100%}
.cf-de{background-image:linear-gradient(#000 0 33.3%,#d00 33.3% 66.6%,#ffce00 66.6% 100%)}
.cf-ie{background-image:linear-gradient(90deg,#169b62 0 33.3%,#fff 33.3% 66.6%,#ff883e 66.6% 100%)}
.cf-be{background-image:linear-gradient(90deg,#000 0 33.3%,#fdda24 33.3% 66.6%,#ef3340 66.6% 100%)}
.cf-es{background-image:linear-gradient(#aa151b 0 25%,#f1bf00 25% 75%,#aa151b 75% 100%)}
.cf-jp{background-color:#fff;background-image:radial-gradient(circle at 50% 50%,#bc002d 0 28%,transparent 29%)}
.cf-en{background-color:#fff;background-image:linear-gradient(#ce1124,#ce1124),linear-gradient(#ce1124,#ce1124);background-size:100% 22%,22% 100%;background-position:center,center}
.cf-sc{background-color:#005eb8;background-image:linear-gradient(to top right,transparent 44%,#fff 44% 56%,transparent 56%),linear-gradient(to bottom right,transparent 44%,#fff 44% 56%,transparent 56%)}
/* staff picks, kids menu link (3.9) */
.flag-pick{background:var(--gold);color:var(--ink);display:inline-flex;align-items:center;gap:.25rem}
.flag-pick .ic{width:.85em;height:.85em;fill:currentColor}
.mi-extra{margin:.8rem 0 0;text-align:center}
/* my list on the menu (3.9) */
.mi-head{position:relative}
.fav-btn{flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;margin:-10px -8px -10px 0;padding:0;border:0;background:transparent;color:var(--muted);cursor:pointer;border-radius:50%}
.fav-btn svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linejoin:round;transition:transform .2s}
.fav-btn:hover{color:var(--gold2)}
.fav-btn.is-on{color:#e0707e}
.fav-btn.is-on svg{fill:currentColor;stroke:currentColor;transform:scale(1.08)}
.fav-fab{position:fixed;right:16px;bottom:18px;z-index:70;display:inline-flex;align-items:center;gap:.5rem;min-height:48px;padding:.4rem 1rem .4rem .85rem;border:1px solid var(--gold);border-radius:999px;background:rgba(var(--bg-rgb),.96);color:var(--ivory);font-family:var(--nav);font-size:1rem;letter-spacing:.05em;cursor:pointer;box-shadow:0 6px 24px rgba(0,0,0,.5)}
.fav-fab[hidden]{display:none}
.fav-fab svg{fill:#e0707e;stroke:#e0707e;width:20px;height:20px}
.fav-fab b{min-width:1.6rem;height:1.6rem;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--gold);color:var(--ink);font-size:.9rem}
@media (max-width:860px){.fav-fab{bottom:calc(env(safe-area-inset-bottom,0px) + 78px)}}
.fav-grip{height:18px}
.fav-list{list-style:none;margin:.3rem 0 .8rem;padding:0}
.fav-item{display:flex;align-items:center;gap:.7rem;padding:.55rem .1rem;border-bottom:1px solid var(--line)}
.fav-name{flex:1;min-width:0;overflow-wrap:anywhere}
.fav-price{flex:none;color:var(--gold2);white-space:nowrap}
.fav-rm{flex:none;width:44px;height:44px;margin:-6px -8px -6px 0;border:0;border-radius:50%;background:transparent;color:var(--muted);font-size:1.5rem;cursor:pointer}
.fav-rm:hover{color:var(--hover)}
.fav-total{font-family:var(--display);font-size:1.5rem;color:var(--gold2);margin:.2rem 0 .4rem;text-align:right}
.fav-note{font-size:.95rem}
@media print{.fav-btn,.fav-fab{display:none!important}}
/* 3.9 pronunciation guide (whiskey school) */
.pr-h{margin:1.6rem 0 .6rem;font-size:1.05rem;color:var(--gold,#c9a35c)}
.pr-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(15rem,1fr));gap:.6rem}
.pr-item{display:grid;grid-template-columns:1fr;row-gap:.1rem;padding:.65rem .8rem;border:1px solid var(--line,rgba(255,255,255,.14));border-radius:.6rem;background:var(--card,rgba(255,255,255,.04))}
.pr-name{font-weight:700}
.pr-say{font-style:italic;color:var(--muted,#b9ab98);letter-spacing:.02em}
.pr-find{margin-top:.35rem;font-size:.85rem}
.pr-note{margin-top:1.2rem}
/* 3.10 site search */
.srform{display:flex;gap:.6rem;align-items:stretch;margin:0 0 1.2rem}
.srform .wsearch{flex:1;min-width:0;margin:0}
.srform .btn{display:inline-flex;align-items:center;gap:.45rem;padding-block:.5rem}
.srform .btn .ic{width:1.1rem;height:1.1rem}
.nav .nav-search{display:inline-flex;align-items:center;gap:.4rem}
.nav .nav-search .ic{width:1.05rem;height:1.05rem}
.sr-try{margin-top:1rem}
.sr-h{margin:1.8rem 0 .6rem;font-size:1.4rem}
.sr-list{list-style:none;margin:0;padding:0}
.sr-item{display:flex;flex-direction:column;gap:.15rem;padding:.7rem 0;border-bottom:1px solid var(--line)}
.sr-t{font-size:1.15rem;font-weight:600}
.sr-meta{color:var(--gold2);font-size:.9rem}
.sr-s{color:var(--muted);font-size:.95rem}
.sr-item mark{background:rgba(201,164,92,.28);color:var(--ivory);padding:0 .1em;border-radius:.2em}
.nf-sec .srform{max-width:28rem;margin:1.4rem auto}
@media (max-width:420px){.srform .btn span{display:none}.srform .btn{padding-inline:.9rem;min-width:2.75rem}}
/* ===== 3.10 front page: Tom in the quiz band, events on the hours bars ===== */
.hev{stroke:var(--bg);stroke-width:1;vector-effect:non-scaling-stroke}
.hev-brunch{fill:#33c2b4}
.hev-quiz{fill:#e8789a}
.htevs{flex-basis:100%;display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.15rem .7rem}
.htev{display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;color:var(--muted);white-space:nowrap}
.htev i{display:inline-block;width:.8rem;height:.8rem;border-radius:50%;border:1px solid var(--bg);box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.htev-open i{background:var(--gold)}
.htev-brunch i{background:#33c2b4}
.htev-quiz i{background:#e8789a}
.hkey{display:flex;flex-wrap:wrap;justify-content:center;gap:.3rem 1.4rem;margin:.9rem 0 0}
.hkey .htev{font-size:.88rem}
@media (max-width:640px){.htevs{justify-content:flex-end}}
.qb-pic{display:none}
@media (min-width:900px){
.quizband.qb-has-pic .qb-wrap{width:min(1120px,100% - 2.5rem);display:grid;grid-template-columns:2fr 1fr;column-gap:clamp(2.5rem,6vw,5rem);align-items:center;text-align:center}
.quizband.qb-has-pic .qb-text{max-width:640px;margin-inline:auto}
.quizband .qb-pic{display:block;position:relative;z-index:1}
.quizband .qb-pic .pic{margin:1.6rem auto 1rem}
.quizband .qb-pic .pic img{width:min(300px,100%)}
}
/* ===== 3.10 front page: Happy Hours box, slim countdown, Find us and Parking side by side ===== */
.happy-slim{padding:.55rem 0;background:linear-gradient(180deg,rgba(15,95,102,.22),rgba(var(--bg-rgb),0));border-top:1px solid rgba(28,140,134,.35);border-bottom:1px solid var(--line)}
.happy-slim.is-active{background:linear-gradient(180deg,rgba(var(--burg-rgb),.35),rgba(var(--bg-rgb),0));border-top-color:rgba(201,164,92,.5)}
.happy-slim .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.2rem .6rem}
.happy-slim h2{font-size:1rem;margin:0;letter-spacing:.04em}
.happy-slim .hh-ic{width:1.3rem;height:1.3rem}
.happy-slim .hh-msg{font-size:.95rem;margin:0;color:var(--muted)}
.happy-slim .hh-dot{color:var(--muted)}
.happy-slim .hh-clock{font-size:.95rem;margin:0;text-shadow:none;letter-spacing:.03em;font-family:var(--display)}
.hh-time{font-family:var(--display);font-size:1.05rem;letter-spacing:.03em;color:var(--gold2);margin:.1rem 0 .9rem}
.side-happy .hh-deals{text-align:left}
.hh-deals h4{margin:0 0 .5rem;font-family:var(--display);font-size:.95rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);font-weight:600}
.hh-deals ul{list-style:none;margin:0;padding:0;border:1px solid rgba(201,164,92,.35);border-radius:12px;background:rgba(255,255,255,.035);overflow:hidden}
.hh-deals li{display:flex;align-items:baseline;gap:.8rem;padding:.55rem .9rem}
.hh-deals li+li{border-top:1px solid var(--line)}
.hh-deals .hd-n{flex:1;min-width:0}
.hh-deals .hd-p{font-family:var(--display);font-weight:700;font-size:1.1rem;color:var(--gold2);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.hh-deals-all{margin:.6rem 0 0;font-size:.9rem}
.side-wide{align-items:start}
.findsplit{display:grid;gap:1.5rem;margin:1.8rem auto 0;max-width:1000px;text-align:left}
.findbox{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:1.4rem;border:1px solid rgba(201,164,92,.4);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:var(--frame)}
.findbox .big{margin-top:0}
.findbox .btnrow{margin-bottom:0}
.findsplit .parking{max-width:none;margin:0}
@media (min-width:900px){
.findsplit{grid-template-columns:1fr 2fr;align-items:stretch}
.findsplit .parking{height:100%;box-sizing:border-box}
}
/* 3.10 the flower in the quote bands is gold, not green */
.quoteband .carn svg{filter:drop-shadow(0 0 10px rgba(201,164,92,.55))}
.quoteband .carn [fill="#2e8b6a"]{fill:#b08f45}
.quoteband .carn [stroke="#2e8b6a"]{stroke:#b08f45}
.quoteband .carn [fill="#3aa57f"]{fill:#d9b765}
.quoteband .carn [stroke="#1f6f50"]{stroke:#7a5f22}
.quoteband .carn [fill="#b9ead3"]{fill:#fff1c9}
/* ===== 3.11 hire Tom for your event ===== */
.hire{margin:3rem auto 2rem;max-width:980px;text-align:center}
.hire .lede{max-width:46rem;margin-inline:auto}
.hire-occ{list-style:none;margin:1.2rem 0 1.8rem;padding:0;display:flex;flex-wrap:wrap;gap:.5rem .7rem;justify-content:center}
.hire-occ li{padding:.35rem .95rem;border:1px solid rgba(201,164,92,.5);border-radius:999px;background:rgba(201,164,92,.1);color:var(--gold2);font-family:var(--display);letter-spacing:.04em}
.hire-quotes{display:grid;gap:1.2rem;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin:0 0 1.6rem;text-align:left}
.hire-q{margin:0;padding:1.2rem 1.3rem;border:1px solid rgba(201,164,92,.4);border-radius:16px;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:var(--frame);display:flex;flex-direction:column;justify-content:space-between;gap:.8rem}
.hire-q blockquote{margin:0}
.hire-q blockquote p{margin:0;font-style:italic;font-size:1.05rem}
.hire-q .hire-orig{margin-top:.7rem;font-size:.88rem;color:var(--muted)}
.hire-q figcaption{font-size:.85rem;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2)}
.hire-fav{max-width:46rem;margin:0 auto 1.6rem}
.hire-fav b{color:var(--gold2)}
.hire-bar{max-width:46rem;margin:0 auto 1.4rem;padding:1.1rem 1.3rem;border:1px solid var(--line);border-radius:14px;background:rgba(var(--bg-rgb),.5)}
.hire-bar h3{margin:0 0 .3rem;color:var(--gold2)}
.hire-bar p{margin:0}
.hire-note{font-size:.9rem;margin:.6rem 0 0}
.qb-hire{margin:.6rem 0 0;font-size:.95rem}
.qb-hire a{color:var(--gold2)}
.hire-q blockquote p::before,.hire-q blockquote p::after{content:none}
/* ===== 3.12 the people behind the whiskey collection, and the book advert ===== */
.experts .lede{max-width:46rem;margin-inline:auto}
.ex-people{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:1.8rem auto;max-width:980px}
.ex-card{padding:1.4rem 1.5rem;border:1px solid rgba(201,164,92,.4);border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.065),rgba(255,255,255,.015));box-shadow:var(--frame);text-align:center}
.ex-card h3{margin:.3rem 0 0;font-size:1.6rem}
.ex-card .ex-role{margin:.1rem 0 .8rem;color:var(--gold2);font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;font-size:.9rem}
.ex-card p:last-child{margin-bottom:0}
.ex-ic{display:inline-flex;width:2.6rem;height:2.6rem;color:var(--gold2);filter:drop-shadow(0 0 10px rgba(201,164,92,.5))}
.ex-ic .ic{width:100%;height:100%}
.ex-book{position:relative;display:grid;gap:2rem;align-items:center;margin:2.4rem auto 0;max-width:980px;padding:clamp(1.4rem,4vw,2.4rem);border:1px solid rgba(201,164,92,.55);border-radius:20px;background:linear-gradient(rgba(var(--burg-rgb),.88),rgba(var(--wall-rgb),.92));box-shadow:0 0 0 5px var(--bg),0 0 0 6px rgba(201,164,92,.45),0 24px 50px rgba(0,0,0,.55);overflow:hidden}
.ex-book::before{content:"";position:absolute;inset:9px;border:1px solid rgba(201,164,92,.3);border-radius:14px;pointer-events:none}
.ex-cover{display:block;justify-self:center;width:min(260px,70%);transform:rotate(-2.5deg);transition:transform .25s ease}
.ex-cover:hover,.ex-cover:focus-visible{transform:rotate(0) scale(1.03)}
.ex-img{display:block;width:100%;height:auto;border-radius:4px;box-shadow:0 0 0 1px rgba(201,164,92,.7),0 18px 38px rgba(0,0,0,.65),0 0 40px rgba(201,164,92,.25)}
.ex-ad{position:relative;text-align:center}
.ex-ad p{margin:.6rem 0}
.ex-kick{display:inline-block;margin:0;padding:.25rem .9rem;border-radius:999px;background:var(--gold);color:#1a0f10;font-family:var(--display);font-weight:700;letter-spacing:.14em;text-transform:uppercase;font-size:.85rem}
.ex-ad h3{margin:.5rem 0 0;font-size:clamp(2.2rem,5vw,3.2rem);line-height:1;color:var(--ivory);text-shadow:0 0 26px rgba(201,164,92,.35)}
.ex-sub{font-family:var(--display);font-style:italic;font-size:1.3rem;color:var(--gold2);margin:.2rem 0 .3rem}
.ex-by{color:var(--muted)}
.ex-award{display:flex;align-items:center;gap:.8rem;text-align:left;margin:1rem auto;padding:.8rem 1rem;border:1px solid rgba(201,164,92,.6);border-radius:14px;background:rgba(201,164,92,.12);color:var(--ivory);font-weight:600}
.ex-medal{flex:none;display:inline-flex;width:2.4rem;height:2.4rem;color:var(--gold2)}
.ex-medal .ic{width:100%;height:100%}
.ex-thanks{font-style:italic;color:var(--muted);font-size:.95rem}
.ex-ad .btnrow{justify-content:center;margin:1rem 0 .3rem}
.ex-note{font-size:.9rem;margin:.2rem 0 0}
@media (min-width:820px){
.ex-book{grid-template-columns:minmax(220px,300px) 1fr;column-gap:3rem}
.ex-ad{text-align:left}
.ex-ad .btnrow{justify-content:flex-start}
}
.exstrip{padding:.9rem 0;border-block:1px solid var(--line);background:rgba(201,164,92,.07)}
.exstrip .wrap{display:flex;align-items:center;gap:1rem;justify-content:center;max-width:900px}
.exstrip p{margin:0;font-size:.98rem}
.exstrip b{color:var(--gold2)}
.exstrip a{color:var(--gold2)}
.ex-thumb{flex:none}
.ex-thumb-img{display:block;width:44px;height:auto;border-radius:3px;box-shadow:0 0 0 1px rgba(201,164,92,.6),0 4px 10px rgba(0,0,0,.5)}
@media (max-width:520px){.exstrip .wrap{align-items:flex-start}}
/* ===== 3.13 Daniela Brack's texts as panels ===== */
.brack .lede{max-width:44rem;margin-inline:auto}
.ba{margin:.8rem 0;border:1px solid rgba(201,164,92,.4);border-radius:14px;background:linear-gradient(160deg,rgba(255,255,255,.06),rgba(255,255,255,.015));overflow:hidden}
.ba summary{cursor:pointer;list-style:none;padding:1rem 1.3rem;font-family:var(--display);font-size:1.25rem;color:var(--gold2);display:flex;justify-content:space-between;align-items:center;gap:1rem}
.ba summary::-webkit-details-marker{display:none}
.ba summary::after{content:"+";flex:none;font-size:1.6rem;line-height:1;color:var(--gold)}
.ba[open] summary::after{content:"\2212"}
.ba summary:focus-visible{outline:2px solid var(--gold2);outline-offset:-3px}
.ba-body{padding:0 1.3rem 1.2rem}
.ba-body p,.ba-body ul{margin:.7rem 0}
.ba-body h4{margin:1.2rem 0 .2rem;color:var(--ivory);font-family:var(--display);letter-spacing:.04em}
.ba-body ul{padding-left:1.3rem}
.ba-by{font-size:.9rem;text-align:right;margin-top:1rem}
.ba-note{margin-top:1rem;font-size:.9rem}
/* ===== 3.14 Pulling Pints in German advert ===== */
.pints .lede{max-width:46rem;margin-inline:auto}
.pn-hook{font-size:1.15rem;color:var(--ivory)}
.ex-list{list-style:none;margin:.6rem 0;padding:0;text-align:left}
.ex-list li{position:relative;padding:.25rem 0 .25rem 1.7rem}
.ex-list li::before{content:"";position:absolute;left:.3rem;top:.85em;width:.5rem;height:.5rem;background:var(--gold);transform:rotate(45deg)}
.pnstrip{background:rgba(28,140,134,.08)}
.pnstrip a,.pnstrip b{color:var(--gold2)}
@media (min-width:820px){.pints .ex-cover{align-self:start;position:sticky;top:7rem}}
/* ---- 3.15 Peacock fan (front page hero) ---- */
.hero>.hero-fan{position:absolute;left:50%;bottom:0;width:min(1240px,150vw);transform:translateX(-50%);z-index:0;pointer-events:none;line-height:0}
.hero-fan svg{display:block;width:100%;height:auto;overflow:visible}
.hero-fan use{fill:none;stroke:var(--gold);stroke-width:1.4;stroke-linejoin:round;stroke-linecap:round;opacity:.24}
.hero-fan .pf-f{opacity:.3}
.hero-fan path,.hero-fan ellipse{fill:none;stroke:inherit}
.hero-fan .pf-vane{fill:rgba(201,164,92,.05)}
.hero-fan .pf-eye{fill:rgba(40,150,142,.1)}
.hero-fan .pf-eye2{fill:rgba(40,150,142,.22)}
.hero-fan .pf-pupil{fill:var(--gold2);stroke:none}
.hero-fan .pf-base{fill:var(--gold);stroke:none;opacity:.45}
.hero-fan .pf-b{animation:pfglow 7s ease-in-out infinite}
.hero-fan .pf-b:nth-child(2n){animation-delay:-3.5s}
@keyframes pfglow{0%,100%{opacity:.18}50%{opacity:.32}}
@media (max-width:700px){.hero>.hero-fan{width:190vw;opacity:.8}}
@media (prefers-reduced-motion:reduce){.hero-fan .pf-b{animation:none}}
/* ---- 3.15 Divider: self-drawing flourish with a flower ---- */
.rule{width:260px;height:36px;margin:1rem auto 1.5rem;background:none;position:relative;color:var(--gold)}
.pagehead-compact .rule{height:26px}
.pagehead-compact .rule-fl{top:-6px}
.rule .flourish{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.rule .flourish path{fill:none;stroke:var(--gold);stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1 1.2;stroke-dashoffset:1.05;animation:fldraw 2.6s cubic-bezier(.45,.05,.3,1) .35s forwards}
.rule .flourish path:nth-child(n+3){animation-delay:.9s}
.rule .flourish path:nth-child(n+5){animation-delay:1.3s}
.rule-fl{position:absolute;left:50%;top:-1px;width:30px;height:37px;margin-left:-15px;color:var(--gold2)}
.rule-fl .fl{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;opacity:0;transform:scale(.6);transform-origin:50% 90%;animation:flbloom 1s ease 1.2s forwards}
@keyframes fldraw{to{stroke-dashoffset:0}}
@keyframes flbloom{to{opacity:1;transform:scale(1)}}
@media (prefers-reduced-motion:reduce){
.rule .flourish path{animation:none;stroke-dashoffset:0}
.rule-fl .fl{animation:none;opacity:1;transform:none}
}
/* ---- 3.15 Gold leaf: a glint crosses the foil titles every so often ---- */
:root{--glint:linear-gradient(105deg,transparent 44%,rgba(255,255,255,.95) 50%,transparent 56%)}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
.pagehead h1,.sec h2,.mgroup,.mtitle,.aboutlede{background-image:var(--glint),var(--foil);background-size:320% 100%,240% 100%;background-position:140% 50%,0% 50%;animation:leaf 13s ease-in-out infinite}
}
@keyframes leaf{0%{background-position:140% 50%,0% 50%}50%{background-position:140% 50%,100% 50%}78%{background-position:140% 50%,70% 50%}90%{background-position:-40% 50%,40% 50%}100%{background-position:-40% 50%,0% 50%}}
@media (prefers-reduced-motion:reduce){.pagehead h1,.sec h2,.mgroup,.mtitle,.aboutlede{animation:none;background-position:140% 50%,0% 50%}}
/* ---- 3.15 Ink drawings in the page heads ---- */
.pagehead{position:relative}
.head-art{position:absolute;top:50%;right:max(1.2rem,calc(50% - 640px));width:172px;margin-top:-104px;opacity:.78;pointer-events:none;color:var(--gold2);display:none}
@media (min-width:1000px){.head-art{display:block}}
.head-art .art{display:block;width:100%;height:auto;overflow:visible;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}
.art .ink{fill:rgba(201,164,92,.17)}
.art .cut{fill:var(--ink)}
.head-pour{width:210px;margin-top:-112px}
.art-pour .pr-fill{fill:#c97a1a;stroke:none;opacity:.88;transform-box:view-box;transform-origin:50px 232px;animation:prfill 5.6s ease-in-out 1 both}
.art-pour .pr-stream{stroke:#e0902a;stroke-width:3.4;stroke-dasharray:1 1.2;stroke-dashoffset:1.1;fill:none;animation:prstream 5.6s ease-in-out 1 both}
.art-pour .pr-bottle{transform-box:view-box;transform-origin:118px 62px;animation:prbottle 5.6s ease-in-out 1 both}
@keyframes prbottle{0%,6%{transform:rotate(0)}22%,70%{transform:rotate(-105deg)}90%,100%{transform:rotate(0)}}
@keyframes prstream{0%,20%{stroke-dashoffset:1.1}28%,66%{stroke-dashoffset:0}74%,100%{stroke-dashoffset:-1.1}}
@keyframes prfill{0%,26%{transform:scaleY(0)}70%,100%{transform:scaleY(1)}}
@media (max-width:999px){.head-pour-m .head-pour,.head-art.head-pour-m{display:block;position:static;width:84px;margin:0 auto -.4rem}}
@media (prefers-reduced-motion:reduce){.art-pour .pr-fill,.art-pour .pr-bottle{animation:none}.art-pour .pr-stream{animation:none;opacity:0}}
.rule.rule-l{margin-left:0;margin-right:auto}
/* ---- 3.15 Dorian Gray: the portrait ages as you scroll ---- */
.dorian .dg-wrap{display:grid;gap:2rem;align-items:center;grid-template-columns:minmax(0,340px) minmax(0,1fr);justify-content:center}
.dg-frame{margin:0;--age:0;justify-self:center;width:min(340px,100%)}
.dg-gilt{padding:14px;background:linear-gradient(135deg,#8a6a2c,#e3c98b 22%,#a8873f 45%,#f3e2ae 60%,#8a6a2c);border-radius:4px;box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--gold),0 22px 44px -10px rgba(0,0,0,.85),inset 0 0 0 3px rgba(var(--bg-rgb),.55)}
.dg-canvas{background:var(--bg);border:5px solid #2a1c10;box-shadow:inset 0 0 22px rgba(0,0,0,.8);line-height:0;overflow:hidden}
.dg-svg{display:block;width:100%;height:auto;filter:sepia(calc(var(--age) * .55)) saturate(calc(1 - var(--age) * .3)) brightness(calc(1 - var(--age) * .14)) contrast(calc(1 + var(--age) * .12))}
.dg-fresh{opacity:calc(1 - var(--age) * .35)}
.dg-old{opacity:var(--age)}
.dg-plate{margin:.9rem auto 0;width:max-content;max-width:100%;padding:.25rem 1rem;background:linear-gradient(180deg,#e3c98b,#a8873f);color:var(--bg2);font-family:var(--display);font-weight:700;font-size:.95rem;letter-spacing:.06em;text-align:center;border-radius:2px;box-shadow:0 2px 6px rgba(0,0,0,.6)}
.dg-text h2{margin-bottom:.2em}
.dg-ctl{margin:1.2rem 0 .6rem;display:grid;gap:.5rem;max-width:26rem}
.dg-ctl label{font-family:var(--display);font-size:1.1rem;color:var(--gold2)}
.dg-ctl input[type=range]{width:100%;accent-color:var(--gold);height:2rem;min-height:44px;cursor:pointer}
.dg-out{font-family:var(--display);font-style:italic;font-size:1.2rem;color:var(--ivory)}
.dg-note{font-size:.95rem;margin-top:1rem}
@media (max-width:760px){.dorian .dg-wrap{grid-template-columns:1fr}.dg-frame{width:min(300px,86%)}}
/* ---- 3.15 Gallery: carved gold frames, brass name plates, a picture light that glows on hover ---- */
.gal-grid{margin-top:2.4rem}
.gal-item{position:relative;padding-top:24px;margin-bottom:.6rem}
.gal-link,.cf-hit{--frame-bg:radial-gradient(circle,#fff4d0 0 1.8px,#a8873f 2.6px,transparent 4.2px);padding:12px;border:0;border-radius:3px;
background:var(--frame-bg) 4px 4px/10px 10px no-repeat,var(--frame-bg) calc(100% - 4px) 4px/10px 10px no-repeat,var(--frame-bg) 4px calc(100% - 4px)/10px 10px no-repeat,var(--frame-bg) calc(100% - 4px) calc(100% - 4px)/10px 10px no-repeat,
linear-gradient(135deg,#7a5a24,#e3c98b 20%,#9c7a34 40%,#f3e2ae 55%,#8a6a2c 75%,#c9a45c);
box-shadow:0 0 0 1px var(--bg),0 0 0 3px rgba(201,164,92,.55),inset 0 0 0 2px rgba(var(--bg-rgb),.55),inset 0 0 0 5px rgba(243,226,174,.45),inset 0 0 0 7px rgba(var(--bg-rgb),.4),0 16px 28px -12px rgba(0,0,0,.85)}
.gal-link img{box-shadow:0 0 0 2px var(--bg);transition:filter .35s}
.cf-hit img{box-shadow:0 0 0 2px var(--bg)}
.cf-slide:not(.is-on) .cf-hit{filter:brightness(.7)}
.gal-link:hover img,.gal-link:focus-visible img{transform:none;filter:brightness(1.12) saturate(1.06)}
.gal-link .gal-cap{position:static;display:block;opacity:1;width:max-content;max-width:88%;margin:.7rem auto -2px;padding:.18rem .9rem;background:linear-gradient(180deg,#f0dca4,#b08d43 55%,#d2b26a);color:var(--bg2);font-family:var(--display);font-weight:700;font-size:.9rem;letter-spacing:.04em;text-align:center;border-radius:2px;box-shadow:0 1px 0 #6a501c,0 3px 6px rgba(0,0,0,.55)}
/* the picture light: a brass arm over the frame, and a warm cone on the painting */
.gal-item::before{content:"";position:absolute;top:6px;left:50%;width:46%;height:6px;margin-left:-23%;border-radius:3px;background:linear-gradient(180deg,#f3e2ae,#8a6a2c);box-shadow:0 0 0 1px var(--bg),0 0 10px 2px rgba(255,226,150,.28);transition:box-shadow .35s}
.gal-item::after{content:"";position:absolute;top:12px;left:50%;width:2px;height:12px;margin-left:-1px;background:#a8873f}
.gal-link::after{content:"";position:absolute;inset:12px;background:radial-gradient(ellipse 80% 70% at 50% 0,rgba(255,232,170,.34),transparent 72%);opacity:0;transition:opacity .4s;pointer-events:none}
.gal-link:hover::after,.gal-link:focus-visible::after{opacity:1}
.gal-item:hover::before,.gal-item:focus-within::before{box-shadow:0 0 0 1px var(--bg),0 0 22px 7px rgba(255,226,150,.75)}
@media (hover:none){.gal-link::after{opacity:.55}}
@media (prefers-reduced-motion:reduce){.gal-link img,.gal-link::after,.gal-item::before{transition:none}}
/* ---- 3.15 Looks: Peacock Room and Daylight Parchment (Burgundy Salon is the default, set in :root) ---- */
.themesw{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.6rem .8rem;padding:.4rem 0 1.4rem}
.themesw[hidden]{display:none}
.th-h{font-family:var(--display);font-style:italic;font-size:1.1rem;color:var(--muted);margin-right:.2rem}
.th-b{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;padding:.35rem 1rem .35rem .6rem;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.05);color:var(--ivory);font-family:var(--display);font-size:1.05rem;font-weight:600;cursor:pointer}
.th-b:hover{border-color:var(--gold)}
.th-b[aria-pressed="true"]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}
.th-sw{width:1.5rem;height:1.5rem;border-radius:50%;border:2px solid #c9a45c;display:inline-block}
.th-sw-burgundy{background:linear-gradient(135deg,#6a1f28 50%,#120b0c 50%)}
.th-sw-peacock{background:linear-gradient(135deg,#157072 50%,#061a1d 50%)}
.th-sw-parchment{background:linear-gradient(135deg,#f4ecd9 50%,#d6be8c 50%)}
html[data-theme="peacock"]{--bg:#061a1d;--bg2:#0b2a2e;--bg-rgb:6,26,29;--wall-rgb:10,86,92;--burg-rgb:22,120,120;--oxblood:#0c4e54;--burg:#157072;--wall-a:rgba(10,86,92,.5);--wall-b:rgba(10,86,92,.28);--line:rgba(214,180,100,.32)}
html[data-theme="parchment"]{--bg:#f4ecd9;--bg2:#eadfc3;--bg-rgb:244,236,217;--wall-rgb:214,190,140;--burg-rgb:190,150,110;--ivory:#2b1c16;--muted:#66533f;--gold:#8a6a2c;--gold2:#7a2431;--line:rgba(110,80,30,.38);--wall-a:rgba(214,190,140,.45);--wall-b:rgba(214,190,140,.25);--foil:linear-gradient(100deg,#5c3d0c 0%,#a8873f 28%,#6e4c12 46%,#c9a45c 60%,#5c3d0c 100%);--hover:#3a0f16;--soft:#3b2a22;color-scheme:light}
/* the dark parts stay dark in the light look: header, front page picture, footer, pop-ups, lightbox */
html[data-theme="parchment"] :is(.top,.hero,.foot,.quickbar,.sheet,.banner,.lb,.pagehead-img,.quizband,.dg-canvas,.happy-slim,.bar-today,.top-over){--bg:#120b0c;--bg2:#1b1112;--bg-rgb:18,11,12;--wall-rgb:74,21,27;--burg-rgb:106,31,40;--ivory:#f3ead8;--muted:#bfae92;--gold:#c9a45c;--gold2:#e3c98b;--line:rgba(201,164,92,.28);--wall-a:rgba(74,21,27,.5);--wall-b:rgba(74,21,27,.28);--hover:#fff;--soft:#e6dcc8;--foil:linear-gradient(100deg,#a8873f 0%,#f3e2ae 22%,#c9a45c 42%,#fff3c9 54%,#c9a45c 68%,#a8873f 100%);color:var(--ivory)}
html[data-theme="parchment"] body::before{opacity:.12;filter:invert(1) sepia(1)}
html[data-theme="parchment"] .th-b{background:rgba(255,255,255,.4)}
.gal-link,.gal-link:hover{text-decoration:none}
/* in the light look the gold is darker, so text on gold fills turns white */
html[data-theme="parchment"] :is(.chip.is-on,.tried.is-on,.tag,.fi-score,.flag-pick,.fav-fab b,.ex-kick,.skip,.evc-date,.evc-date *){color:#fff}