/* Whisky bar Jantar (ukázka FORMA, generuje vizitka/tools/ukazka-jantar.py) – koncept „Sklep“: tma, jantar, dub, mosaz, kapka lahvově zelené. */
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ebgaramond-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";font-style:normal;font-weight:400 700;font-display:swap;src:url(fonts/ebgaramond-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/ebgaramond-italic-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"EB Garamond";font-style:italic;font-weight:400 700;font-display:swap;src:url(fonts/ebgaramond-italic-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Cabin";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(fonts/cabin-latin.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Cabin";font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(fonts/cabin-latin-ext.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{
  --bg:#0e0b09; --bg2:#16110d; --bg3:#1e1711;
  --cream:#f2e8d8; --muted:#b9a995; --amber:#e3a64a; --amber2:#f0c27a; --copper:#c0773f;
  --green:#0b1f16; --green2:#123024;
  --line:rgba(242,232,216,.16);
  --serif:"EB Garamond",Georgia,"Times New Roman",serif;
  --sans:"Cabin",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --pad:clamp(20px,5vw,72px);
  --ease:cubic-bezier(.22,1,.36,1);
  --sec:clamp(72px,10vw,140px);
  --fs-s:.875rem; --fs-m:1rem; --fs-b:1.0625rem;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:72px;background:var(--bg)}
@media (prefers-reduced-motion:no-preference){html:not(.lenis){scroll-behavior:smooth}}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{margin:0;background:var(--bg);color:var(--cream);font:400 var(--fs-b)/1.62 var(--sans);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,svg,canvas{display:block;max-width:100%}
picture{display:block}
a{color:inherit;text-decoration-thickness:1px;text-underline-offset:.2em}
a:hover{color:var(--amber2)}
h1,h2,h3{margin:0;font-weight:500}
p{margin:0 0 1em}
ul,ol{margin:0;padding:0;list-style:none}
strong{font-weight:600}
::selection{background:var(--amber);color:#120d0a}
:focus{outline:none}
:focus-visible{outline:2px solid var(--amber2);outline-offset:3px;border-radius:2px}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:12px;z-index:100;background:var(--amber);color:#120d0a;padding:10px 16px;font-weight:600;text-decoration:none;transform:translateY(-200%);opacity:0}
.skip:focus{transform:none;opacity:1;color:#120d0a}
.wrap{width:100%;max-width:1360px;margin:0 auto;padding:0 var(--pad)}

/* typografie */
.kicker{font:italic 500 clamp(1.4rem,2.2vw,1.75rem)/1.2 var(--serif);color:var(--amber2);margin:0 0 .7rem}
.h-xl{font:500 clamp(3.1rem,10.5vw,9rem)/.9 var(--serif);letter-spacing:-.015em;text-wrap:balance}
.h-lg{font:500 clamp(2.7rem,7.8vw,7rem)/.95 var(--serif);letter-spacing:-.012em;text-wrap:balance}
.lead{font-size:clamp(1.08rem,1.6vw,1.3rem);line-height:1.6;color:var(--muted);max-width:44ch}
.note{font-size:var(--fs-m);color:var(--muted);margin-top:1.4rem}
.split-l-mask{padding:.08em 0 .12em;margin:-.08em 0 -.12em}

/* tlačítka */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:48px;padding:0 1.5em;border-radius:999px;font:600 var(--fs-m)/1 var(--sans);letter-spacing:.02em;text-decoration:none;transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease);will-change:transform}
.btn-amber{background:var(--amber);color:#140e09}
.btn-amber:hover{background:var(--amber2);color:#140e09}
.btn-line{border:1px solid rgba(242,232,216,.45);color:var(--cream)}
.btn-line:hover{border-color:var(--amber2);color:var(--amber2)}
.ilu{position:absolute;right:10px;bottom:10px;z-index:3;font:500 var(--fs-s)/1 var(--sans);letter-spacing:.06em;color:rgba(242,232,216,.9);background:rgba(10,7,5,.72);padding:5px 8px;border-radius:3px;pointer-events:none}

/* hlavička */
.top{position:absolute;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:16px;padding:14px var(--pad);flex-wrap:wrap}
.js .top{position:fixed;transition:background-color .4s var(--ease),transform .5s var(--ease),border-color .4s}
.top.is-solid{background:var(--bg);border-bottom:1px solid var(--line)}
.top.is-hidden{transform:translateY(-100%)}
.brand{font:500 1.5rem/1 var(--serif);text-decoration:none;white-space:nowrap;margin-right:auto;position:relative;z-index:3}
.brand-the{font-style:italic;color:var(--amber2)}
.status{display:none;align-items:center;gap:.55em;margin:0;font:500 var(--fs-m)/1.2 var(--sans);color:var(--muted)}
.status-dot{width:8px;height:8px;border-radius:50%;background:var(--muted);flex:none}
.status.is-open .status-dot{background:#8fcf7a;box-shadow:0 0 0 4px rgba(143,207,122,.15)}
.status.is-open{color:var(--cream)}
.menu-btn{display:none}
.nav{display:flex;align-items:center;gap:8px 24px;flex-wrap:wrap;width:100%}
.nav ul{display:flex;flex-wrap:wrap;gap:4px 18px}
.nav a:not(.btn){font-size:var(--fs-m);text-decoration:none;display:inline-flex;align-items:baseline;gap:.4em;padding:6px 0}
.nav-no{font:italic 500 var(--fs-m)/1 var(--serif);color:var(--copper)}
.nav-cta{min-height:40px;padding:0 1.2em}
.js .nav{width:auto}
@media (max-width:899px){
  .js .menu-btn{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 4px 0 12px;background:none;border:0;color:var(--cream);font:600 var(--fs-s)/1 var(--sans);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;position:relative;z-index:2}
  .menu-btn-lines{width:22px;height:10px;position:relative}
  .menu-btn-lines::before,.menu-btn-lines::after{content:"";position:absolute;left:0;right:0;height:1.5px;background:currentColor;transition:transform .4s var(--ease)}
  .menu-btn-lines::before{top:0}.menu-btn-lines::after{bottom:0}
  .menu-btn[aria-expanded="true"] .menu-btn-lines::before{transform:translateY(4.25px) rotate(45deg)}
  .menu-btn[aria-expanded="true"] .menu-btn-lines::after{transform:translateY(-4.25px) rotate(-45deg)}
  .js .nav{position:fixed;inset:0;z-index:1;background:var(--bg);flex-direction:column;align-items:flex-start;justify-content:center;gap:36px;padding:96px var(--pad) 40px;visibility:hidden;opacity:0;transition:opacity .45s var(--ease),visibility 0s .45s}
  .js .nav.is-open{visibility:visible;opacity:1;transition:opacity .45s var(--ease)}
  .js .nav ul{flex-direction:column;gap:6px}
  .js .nav a:not(.btn){font:500 2.6rem/1.1 var(--serif);gap:.5em}
  .js .nav-no{font-size:1rem}
  .js .top.menu-open{background:transparent;border-color:transparent;transform:none}
  .top.is-solid{background:var(--bg)}
  .js .nav-info{display:grid;gap:4px;margin:auto 0 0;font-size:var(--fs-m);color:var(--muted)}
  .js .nav .nav-info a{font:500 1.5rem/1.2 var(--serif);color:var(--amber2);padding:4px 0;font-variant-numeric:lining-nums}
  .js .nav{justify-content:flex-start;padding-top:max(96px,14svh)}
}
.nav-info{display:none}
@media (min-width:640px){.top .status{display:inline-flex}}
.hero-status{display:inline-flex;margin-top:1.4rem}
.hero .ilu{right:auto;left:10px}
@media (max-aspect-ratio:1/1){.hero .ilu{left:auto;right:10px;bottom:14px}}
@media (min-width:640px){.hero-status{display:none}}
@media (min-width:900px){.nav{width:auto}.top{flex-wrap:nowrap}}

/* úvod */
.hero{position:relative;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;justify-content:space-between;overflow:clip;isolation:isolate}
.hero-media{position:absolute;inset:0;z-index:-1;overflow:hidden;background:#0a0706}
.hero-media picture,.reveal-media picture,.events-media picture,.pour-media picture{height:100%}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:50% 70%;transform-origin:62% 78%}
.hero-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.62) 0%,rgba(14,11,9,.1) 34%,rgba(14,11,9,0) 58%,rgba(14,11,9,.55) 84%,var(--bg) 100%);pointer-events:none}
.smoke{position:absolute;inset:0;width:100%;height:100%;mix-blend-mode:screen;opacity:0;pointer-events:none;transition:opacity 2s ease}
.smoke.is-on{opacity:1}
.hero-in{padding:104px var(--pad) 0;max-width:1360px;width:100%;margin:0 auto}
.hero-kicker{margin-bottom:1.1rem}
.hero-title{font-family:var(--serif);font-weight:500;line-height:.82;letter-spacing:-.02em;margin:0 0 1.4rem;font-size:clamp(5.2rem,27vw,15.5rem)}
.ht-the{display:block;font-style:italic;font-weight:400;font-size:.32em;line-height:1;color:var(--amber2);letter-spacing:0;margin-bottom:.12em;padding-left:.08em}
.ht-line{display:block}
.hero-lead{max-width:30ch;font-size:clamp(1.08rem,1.5vw,1.28rem);line-height:1.55;color:#e4d8c5;text-wrap:pretty}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:1.6rem}
.hero-scroll{display:none}
@media (max-aspect-ratio:1/1){
  .hero{justify-content:flex-start}
  .hero-in{display:flex;flex-direction:column;flex:1;padding-bottom:48px}
  .hero-cta{margin-top:auto}
  .hero-media img{object-position:50% 100%}
}
@media (min-width:900px) and (min-aspect-ratio:1/1){
  .hero-in{padding-top:clamp(120px,16vh,180px)}
  .hero-title{font-size:clamp(6rem,13.2vw,15.5rem)}
  .ht-line{display:inline}
  .hero-scroll{display:flex;align-items:center;gap:14px;align-self:flex-end;margin:0 var(--pad) 32px;font:600 var(--fs-s)/1 var(--sans);letter-spacing:.2em;text-transform:uppercase;text-decoration:none;color:var(--muted)}
  .hero-scroll-line{width:64px;height:1px;background:linear-gradient(90deg,var(--amber),transparent)}
}
/* úvod: písmena a texty se skládají čistě v CSS – hned od prvního vykreslení, bez čekání na JS */
.ch-m{display:inline-block;clip-path:inset(-60% -40% 0 -40%)}
.ch{display:inline-block}
@media (prefers-reduced-motion:no-preference){
  .ch{animation:pismeno 1s cubic-bezier(.16,1,.3,1) backwards}
  .c0{animation-delay:0.200s}.c1{animation-delay:0.245s}.c2{animation-delay:0.290s}.c3{animation-delay:0.335s}.c4{animation-delay:0.380s}.c5{animation-delay:0.425s}.c6{animation-delay:0.470s}.c7{animation-delay:0.515s}.c8{animation-delay:0.560s}.c9{animation-delay:0.605s}
  .top{animation:shora .8s cubic-bezier(.16,1,.3,1) backwards}
  .hero-kicker{animation:zdola .8s .1s cubic-bezier(.16,1,.3,1) backwards}
  .ht-the{animation:zleva .9s .15s cubic-bezier(.16,1,.3,1) backwards}
  .hero-status,.hero-cta{animation:zdola .8s .7s cubic-bezier(.16,1,.3,1) backwards}
  .hero-scroll{animation:jen-fade .8s 1.1s ease backwards}
  .hero-media img{animation:priblizeni 2.8s cubic-bezier(.22,.61,.36,1) backwards}
}
@keyframes pismeno{from{transform:translateY(112%) rotate(8deg)}}
@keyframes shora{from{transform:translateY(-24px);opacity:0}}
@keyframes zdola{from{transform:translateY(20px);opacity:0}}
@keyframes zleva{from{transform:translateX(-24px);opacity:0}}
@keyframes jen-fade{from{opacity:0}}
@keyframes priblizeni{from{transform:scale(1.16)}}

/* příběh */
.story{padding:var(--sec) 0;background:var(--bg)}
.story-big{font:400 clamp(2.1rem,5.6vw,5.4rem)/1.08 var(--serif);letter-spacing:-.012em;margin-bottom:clamp(48px,7vw,88px);text-wrap:pretty}
.story-cols{display:grid;gap:1.2em clamp(32px,4vw,64px);max-width:1000px;margin-left:auto;font-size:clamp(1.0625rem,1.5vw,1.3rem);line-height:1.55;color:#cfc2ae}
.story-cols strong{color:var(--cream)}
.ledger{display:grid;grid-template-columns:repeat(2,1fr);margin:clamp(56px,8vw,104px) 0 0;border-top:1px solid var(--line)}
.ledger div{padding:22px 0 26px;border-bottom:1px solid var(--line);display:flex;flex-direction:column-reverse;gap:6px}
.ledger div:nth-child(odd){padding-right:16px;border-right:1px solid var(--line)}
.ledger div:nth-child(even){padding-left:18px}
.ledger dd{margin:0;font:500 clamp(2.9rem,7vw,5.6rem)/1 var(--serif);color:var(--amber2);font-variant-numeric:lining-nums}
.ledger dt{font-size:var(--fs-m);color:#cfc2ae}
@media (min-width:760px){
  .story-cols{grid-template-columns:1fr 1fr}
  .ledger{grid-template-columns:repeat(4,1fr)}
  .ledger div{padding:28px 20px 30px!important;border-right:1px solid var(--line)}
  .ledger div:first-child{padding-left:0!important}
  .ledger div:last-child{border-right:0}
}

/* obraz s odkrytím */
.reveal-media,.events-media{position:relative;height:78svh;min-height:460px;max-height:900px;overflow:hidden;background:#0a0706}
.reveal-media img,.events-media img{width:100%;height:118%;object-fit:cover;margin-top:-9%}
.reveal-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,11,9,.25),rgba(14,11,9,0) 30%,rgba(14,11,9,.4) 62%,var(--bg) 100%)}

/* stěna lahví: kreslené lahve na policích a papírový lístek hned vedle nich. List najede přes připnutou fotku jen přes CSS sticky. */
.whisky{position:relative;background:var(--bg)}
.wall-photo{z-index:1}
.wall-title{position:relative;z-index:2;max-width:1360px;margin:0 auto}
.wall-title h2{position:absolute;left:var(--pad);right:var(--pad);bottom:clamp(24px,4vw,56px)}
.wall-in{position:relative;z-index:2;background:var(--bg);padding:clamp(28px,4vw,48px) 0 var(--sec)}
.regal{--bh:200px;--prkno:44px;position:relative}
.regal-l{min-width:0}
.whisky-lead{max-width:62ch;margin:0 0 clamp(22px,3vw,30px);font-size:clamp(1.0625rem,1.45vw,1.25rem);line-height:1.5;color:#dccfbb}
.shelves{display:grid;gap:24px;min-width:0}
.shelf-group{min-width:0}
.shelf-label{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;font:italic 500 1.4rem/1.2 var(--serif);color:var(--amber2);margin:0 0 4px}
.axis{display:inline-flex;align-items:center;gap:10px;font:italic 400 1.1rem/1 var(--serif);color:#cfc2ae}
.axis-line{width:64px;height:1px;background:linear-gradient(90deg,var(--amber2),#5b4535)}
.shelf{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);align-items:end;padding-top:14px;background:radial-gradient(64% 86% at 50% 100%,rgba(227,166,74,.2),transparent 74%),url(img/lahve-pozadi.svg) 0 calc(100% - var(--prkno) + 1px)/auto calc(var(--bh) * .92) repeat-x}
.shelf::after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--prkno);background:linear-gradient(180deg,#6b4526 0,#3d2614 3px,#2c1b0e 55%,#1b1008 100%);box-shadow:0 16px 24px -12px #000}
.shelf li{position:relative;min-width:0;display:flex;justify-content:center}
.bottle{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;width:100%;text-decoration:none;color:var(--cream);cursor:pointer;-webkit-tap-highlight-color:transparent}
.bottle::before{content:"";position:absolute;left:50%;bottom:var(--prkno);width:190%;height:calc(var(--bh) * 1.1);transform:translateX(-50%);background:radial-gradient(closest-side,rgba(240,170,80,.42),rgba(240,170,80,0));opacity:0;transition:opacity .3s;pointer-events:none}
.bottle:hover::before{opacity:.5}
.bottle.is-active::before{opacity:1}
.b-svg{position:relative;height:var(--bh);width:auto;max-width:100%;overflow:visible;transform-origin:50% 100%;transition:transform .3s var(--ease)}
.bottle:hover .b-svg{transform:scale(1.04)}
.bottle.is-active .b-svg{transform:scale(1.09)}
.b-g{fill:#1a110a;fill-opacity:.86}
.b-liq{fill:var(--liq)}
.b-men{fill:#ffe9bf;opacity:.6}
.b-lab{fill:#efe3cc}
.b-n{font:500 58px/1 var(--serif);fill:#1c130c;text-anchor:middle;font-variant-numeric:lining-nums}
.b-rim{fill:none;stroke:rgba(255,238,205,.36);stroke-width:2}
.b-dark{fill:#0e0906;opacity:0;transition:opacity .9s ease calc(var(--i,0) * 70ms)}
.regal.ceka .b-dark{opacity:.76}
.bottle.is-off .b-dark{opacity:.76;transition:opacity .25s ease}
.bottle.is-off .b-svg{transform:none}
.bottle.is-off .b-name{color:#a3876a}
.b-name{position:relative;display:flex;align-items:center;justify-content:center;height:var(--prkno);font:italic 500 clamp(1.06rem,1.55vw,1.3rem)/1 var(--serif);color:#efd29a;white-space:nowrap;transition:color .2s}
.bottle.is-active .b-name,.bottle:hover .b-name{color:#fff1d6}
.bottle.is-active .b-name::after{content:"";position:absolute;left:50%;bottom:5px;width:30px;height:2px;margin-left:-15px;background:var(--amber2)}
.bottle:focus-visible{outline-offset:-2px}
.b-lowlands{--liq:#e8c46c}.b-speyside{--liq:#d9973a}.b-highlands{--liq:#c9802f}.b-campbeltown{--liq:#b56a2a}.b-islay{--liq:#8c4a1f}
.b-irsko{--liq:#dcae4e}.b-blendy{--liq:#c98a3a}.b-usa{--liq:#b0581f}.b-japonsko{--liq:#e1b860}.b-cesko{--liq:#b97a36}.b-svet{--liq:#cf9846}
/* lístek */
.listek{--ink:#1c130c;--ink2:#54412f;--acc:#86490f;position:relative;display:flex;flex-direction:column;min-width:0;margin-top:clamp(24px,5vw,40px);padding:clamp(22px,2.3vw,30px);background:#f2e8d8;color:var(--ink);box-shadow:0 34px 60px -28px #000}
.listek::before{content:"";position:absolute;inset:7px;border:1px solid rgba(28,19,12,.2);pointer-events:none}
.listek :focus-visible{outline-color:var(--acc)}
.finder{margin:0 0 14px}
.finder-l{display:block;font:italic 500 1.2rem/1.2 var(--serif);color:var(--ink2)}
.finder-i{width:100%;min-height:44px;background:transparent;border:0;border-bottom:1.5px solid rgba(28,19,12,.5);border-radius:0;color:var(--ink);font:500 clamp(1.3rem,1.9vw,1.55rem)/1.2 var(--serif);padding:4px 0;-webkit-appearance:none;appearance:none}
.finder-i::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.finder-i::placeholder{color:#74614c;opacity:1}
.finder-i:focus-visible{outline:none;border-bottom-color:var(--acc);box-shadow:0 2px 0 var(--acc)}
.finder-out{font-size:var(--fs-s);color:var(--ink2);margin:6px 0 0}
.finder-out:empty{display:none}
.finder-list{margin-top:4px}
.panels{display:grid;gap:40px}
.js .panels{gap:0}
.region-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:2px 20px}
.region h3{font:italic 500 clamp(2.3rem,3.4vw,3rem)/1 var(--serif)}
.region-count{margin:0;color:var(--ink2);font-size:var(--fs-m)}
.region-count strong{font:500 1.5rem/1 var(--serif);color:var(--acc);font-variant-numeric:lining-nums}
.region-taste{font:italic 500 1.3rem/1.25 var(--serif);color:var(--acc);margin:.2em 0 .1em}
.region-desc{color:var(--ink2);margin:0;font-size:var(--fs-m);line-height:1.4}
.wl{display:grid;margin-top:10px}
.wl li{display:flex;align-items:baseline;gap:12px;padding:clamp(3px,calc(2svh - 11px),12px) 0;border-bottom:1px solid rgba(28,19,12,.15);min-width:0}
.w-name{flex:1;min-width:0;overflow-wrap:anywhere;line-height:1.3}
.w-reg{display:none;font:600 var(--fs-s)/1 var(--sans);color:var(--acc)}
.finder-list .w-reg{display:inline}
.w-price{white-space:nowrap;font:italic 500 1.2rem/1.2 var(--serif);color:var(--acc)}
.listek .note{margin:auto 0 0;padding-top:12px;font-size:var(--fs-s);line-height:1.4;color:var(--ink2)}
@media (max-width:999px){
  /* telefon a tablet: jedna polička, po které se jezdí prstem, lístek hned pod ní */
  .regal{--bh:clamp(170px,27svh,220px)}
  .shelves{display:flex;gap:0;overflow-x:auto;overscroll-behavior-x:contain;margin:0 calc(var(--pad) * -1);padding:0 var(--pad) 4px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
  .shelves::-webkit-scrollbar{display:none}
  .shelf-group{flex:none}
  .shelf{grid-auto-columns:114px}
  .shelf-label{position:sticky;left:var(--pad);width:max-content;max-width:calc(100vw - 2 * var(--pad))}
}
@media (min-width:1000px){
  .regal{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:0 clamp(32px,4vw,64px);align-items:start}
  .regal-l{position:sticky;top:96px}
  .listek{margin-top:0}
}
@media (min-width:1000px) and (min-height:700px){
  /* počítač: list s policemi najede přes fotku a chvíli stojí */
  .js .whisky::after{content:"";display:block;height:36vh;height:36svh}
  .js .wall-photo{position:sticky;top:0;height:100vh;height:100svh;min-height:0;max-height:none}
  .js .wall-in{position:sticky;top:0;height:100vh;height:100svh;padding:clamp(78px,10.5svh,96px) 0 22px;background:rgba(14,11,9,.93);box-shadow:0 -30px 60px rgba(0,0,0,.6)}
  .js .wall-in>.wrap,.js .regal,.js .listek{height:100%}
  .js .regal-l{position:static}
  .js .regal{--bh:min(calc((100svh - 400px) / 2),330px)}
}

.b-lowlands{--i:0}
.b-speyside{--i:1}
.b-highlands{--i:2}
.b-campbeltown{--i:3}
.b-islay{--i:4}
.b-irsko{--i:5}
.b-blendy{--i:6}
.b-usa{--i:7}
.b-japonsko{--i:8}
.b-cesko{--i:9}
.b-svet{--i:10}

/* jak pijeme: fotka přes celou výšku, velký text */
.pour{background:var(--bg)}
.pour .h-lg,.book .h-lg,.contact .h-lg{font-size:clamp(2.7rem,6.2vw,5.7rem)}
.pour-grid{display:grid;align-items:start}
.pour-media{position:relative;margin:0;overflow:hidden;aspect-ratio:4/5;background:#0a0706}
.pour-media img{width:100%;height:116%;object-fit:cover;margin-top:-8%}
.pour-txt{padding:clamp(36px,6vw,64px) var(--pad) var(--sec)}
.steps{counter-reset:s;margin-top:clamp(28px,4vw,56px)}
.steps li{counter-increment:s;display:grid;grid-template-columns:clamp(2.6rem,5vw,4.6rem) 1fr;column-gap:clamp(12px,1.6vw,24px);padding:clamp(22px,2.8vw,38px) 0;border-top:1px solid var(--line)}
.steps li::before{content:counter(s,upper-roman) ".";grid-row:span 2;font:italic 500 clamp(1.7rem,3.1vw,2.9rem)/1.05 var(--serif);color:var(--copper)}
.steps h3{font:500 clamp(1.8rem,3.2vw,3rem)/1.08 var(--serif);margin-bottom:.35em}
.steps p{margin:0;font-size:clamp(1.0625rem,1.55vw,1.4rem);line-height:1.5;color:#dccfbb}
@media (min-width:900px){
  .pour-grid{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .pour-media{position:sticky;top:0;height:100vh;height:100svh;aspect-ratio:auto}
  .pour-txt{padding:var(--sec) max(var(--pad),calc((100vw - 1360px) / 2 + var(--pad))) var(--sec) clamp(48px,6vw,104px)}
}

/* lahev měsíce: jantarový pás přes celou šířku */
.cask{background:var(--amber);color:#160e08;overflow:clip}
.cask-in{display:grid;gap:clamp(28px,5vw,48px);align-items:end;padding-block:clamp(64px,9vw,120px)}
.cask .kicker{color:#160e08}
.cask .h-xl{font-size:clamp(3.2rem,9.2vw,8.4rem)}
.cask-p{max-width:46ch;margin:clamp(20px,2.6vw,32px) 0 0;font-size:clamp(1.125rem,1.7vw,1.5rem);line-height:1.45;color:#1e140c}
.cask-lahev{display:flex;align-items:flex-end;gap:20px}
.cask-svg{flex:none;height:clamp(300px,64svh,600px);width:auto}
.c-g{fill:#1c120b}
.c-liq{fill:#f4c571}
.c-hi{fill:none;stroke:#fff;stroke-opacity:.16;stroke-width:4;stroke-linecap:round}
.c-cap{fill:#7a2a1c}
.c-lab{fill:#f2e8d8}
.c-q{font:italic 500 64px/1 var(--serif);fill:#1c130c;text-anchor:middle}
.cask-zbyva{margin:0 0 .4em;font:italic 500 clamp(1.5rem,2.3vw,2rem)/1.15 var(--serif);max-width:7em}
@media (min-width:900px){.cask-in{grid-template-columns:minmax(0,1fr) auto;gap:clamp(40px,5vw,88px)}}

/* pub – irská strana: scéna čepování. Bez .is-on (omezený pohyb, bez JS, nízké okno) hotová kompozice s fotkou. */
.pub{position:relative;background:var(--green);overflow:clip;scroll-margin-top:-72px}
.pint-stage{position:relative;display:grid}
.pint-txt{position:relative;z-index:2;padding:var(--sec) var(--pad) 40px}
.pint-txt .h-xl{font-size:clamp(3.1rem,min(7.4vw,12.4svh),7rem);margin-bottom:.28em}
.pub .lead{margin:0;max-width:40ch;font-size:clamp(1.125rem,1.7vw,1.45rem);line-height:1.4;color:#e4d8c5}
.pint-steps{display:grid;gap:clamp(6px,1.4svh,14px);margin-top:clamp(20px,3.6svh,36px)}
.pint-steps h3{font:500 clamp(1.75rem,min(3.8vw,6.4svh),3.5rem)/1.1 var(--serif)}
.pint-steps p{margin:.2em 0 0;font-size:clamp(1.0625rem,1.6vw,1.4rem);line-height:1.35;color:#e4d8c5}
.pint-vis{position:relative}
.pint-photo{margin:0;overflow:hidden;aspect-ratio:4/5;background:#06100b}
.pint-photo picture{height:100%}
.pint-photo img{width:100%;height:100%;object-fit:cover}
.pint,.pint-bar{display:none}
@media (min-width:900px){
  .pint-stage{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh;min-height:100svh}
  .pint-txt{align-self:center;padding:84px clamp(24px,3.4vw,56px) calc(10.3svh + 12px) max(var(--pad),calc((100vw - 1360px) / 2 + var(--pad)))}
  .pint-photo{position:absolute;inset:0;aspect-ratio:auto}
}
.pint-scene.is-on{height:400vh;height:400svh}
.is-on .pint-stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:radial-gradient(44% 58% at 75% 66%,rgba(227,166,74,.18),rgba(227,166,74,0) 72%)}
.is-on .pint{display:block;position:absolute;inset:0;z-index:2;width:100%;height:100%}
.is-on .pint-bar{display:block;position:absolute;left:0;right:0;bottom:0;height:10.3%;background:linear-gradient(180deg,#7a5230 0,rgba(82,50,26,.88) 2px,rgba(46,27,13,.86) 40%,rgba(21,12,6,.94) 100%),url(img/08-textura-1x1-512.webp) center/320px}
.is-on .pint-photo{z-index:3;opacity:0}
.is-on .pint-steps li{display:contents}
.is-on .pint-steps h3{opacity:.55;transition:opacity .3s,transform .4s var(--ease)}
.is-on .pint-steps li.is-on h3{opacity:1;transform:translateX(12px)}
.is-on .pint-steps p{grid-row:4;grid-column:1;margin-top:.5em;opacity:0;transition:opacity .3s}
.is-on .pint-steps li.is-on p{opacity:1}
@media (max-width:899px){
  .pint-photo{aspect-ratio:1/1}
  .pint-scene.is-on{height:300vh;height:300svh}
  .pint-scene.is-on{--vis:calc(100vh - 444px);--vis:calc(100svh - 444px)}
  .is-on .pint-txt{padding:68px var(--pad) 0}
  .is-on .lead{display:none}
  .is-on .pint-vis{position:absolute;left:0;right:0;bottom:68px;height:var(--vis)}
  .is-on .pint-photo{position:absolute;inset:0;aspect-ratio:auto}
  .is-on .pint-bar{height:calc(68px + var(--vis) * .103)}
}
/* lístek piv */
.taps{display:grid;gap:clamp(48px,6vw,72px);padding-top:var(--sec)}
.taps-col{min-width:0}
.taps-h{font:italic 500 clamp(2.2rem,3.6vw,3.2rem)/1 var(--serif);color:#f3cf8f;margin:0 0 clamp(10px,1.4vw,18px)}
.menu-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;column-gap:16px;padding:clamp(11px,1.1vw,15px) 0;border-bottom:1px solid rgba(242,232,216,.14)}
.m-name{font:500 clamp(1.4rem,2.2vw,1.85rem)/1.15 var(--serif);font-variant-numeric:lining-nums}
.m-orig{display:block;margin-top:2px;font:400 var(--fs-m)/1.2 var(--sans);color:#d0b98f}
.m-price{display:grid;justify-items:end;row-gap:2px;white-space:nowrap;font-variant-numeric:lining-nums tabular-nums;color:#f3cf8f;font-size:var(--fs-b)}
.m-price.jedna{display:block}
.m-p{display:flex;justify-content:flex-end;gap:.6em}
.m-vol{color:#c8bda9}
.pub .note{color:#c8bda9}
@media (min-width:560px){
  .m-price:not(.jedna){grid-template-columns:repeat(2,minmax(6.4em,auto));column-gap:clamp(12px,1.6vw,24px)}
  .m-p:only-child{grid-column:2}
}
@media (min-width:1000px){.taps{grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(56px,7vw,112px)}}
/* velká věta a fakta */
.pub-lower{padding-block:var(--sec)}
.pub-info-big{font:400 clamp(2rem,5.4vw,5.2rem)/1.06 var(--serif);letter-spacing:-.012em;margin:0 0 clamp(28px,4vw,48px);text-wrap:pretty}
.facts{display:grid;gap:0 clamp(24px,3vw,48px)}
.facts li{padding:clamp(11px,1.2vw,16px) 0;border-top:1px solid rgba(242,232,216,.2);font-size:clamp(1.0625rem,1.5vw,1.3rem);color:#e4d8c5}
@media (min-width:640px){.facts{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1000px){.facts{grid-template-columns:repeat(3,1fr)}}

/* akce */
.events{background:var(--bg);padding-bottom:var(--sec)}
.events-media .ilu{top:16px;bottom:auto}
.events-media{height:62svh;min-height:380px}
.events-media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,var(--bg) 0%,rgba(14,11,9,0) 30%,rgba(14,11,9,.3) 70%,var(--bg) 100%)}
.events-in{margin-top:-14svh;position:relative;z-index:2}
.events-in .lead{max-width:58ch;margin:clamp(14px,2vw,22px) 0 clamp(28px,4vw,48px);color:#cfc2ae}
.dates{border-top:1px solid var(--line)}
.dates li{display:grid;gap:2px 24px;padding:clamp(16px,2vw,26px) 0;border-bottom:1px solid var(--line)}
.d-day{font:500 clamp(2.6rem,6.2vw,5.4rem)/1 var(--serif);color:var(--amber2);font-variant-numeric:lining-nums}
.d-what{font:400 clamp(1.4rem,2.5vw,2.2rem)/1.16 var(--serif);text-wrap:pretty}
.d-meta{font-size:var(--fs-m);color:#cfc2ae;font-variant-numeric:lining-nums tabular-nums}
.events-more{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 32px;margin-top:clamp(24px,3vw,36px)}
.events-more p{margin:0;color:#cfc2ae}
@media (min-width:900px){
  .dates li{grid-template-columns:minmax(0,4fr) minmax(0,6fr) minmax(11em,auto);align-items:baseline}
  .d-meta{text-align:right}
}

/* rezervace: papírový lístek */
.book{padding:var(--sec) 0;background:var(--bg2)}
.book-grid{display:grid;gap:clamp(32px,5vw,48px);align-items:start}
.book-txt p:not(.fake-row){color:#cfc2ae;margin-top:20px;max-width:36ch;font-size:clamp(1.0625rem,1.5vw,1.3rem)}
.phone{display:inline-block;margin-top:8px;font:500 clamp(2rem,6vw,3.6rem)/1.1 var(--serif);text-decoration:none;color:var(--amber2);white-space:nowrap;font-variant-numeric:lining-nums}
.phone:hover{color:var(--cream)}
.form{--ink:#1c130c;--ink2:#54412f;--acc:#86490f;position:relative;display:grid;gap:18px;align-content:start;padding:clamp(24px,3vw,40px);background:#f2e8d8;color:var(--ink);box-shadow:0 34px 60px -28px #000}
.form::before{content:"";position:absolute;inset:7px;border:1px solid rgba(28,19,12,.2);pointer-events:none}
.form :focus-visible{outline-color:var(--acc)}
.form-note{font-size:var(--fs-s);color:var(--ink2);margin:0}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.row2:has([type=email]){grid-template-columns:1fr}
.f{display:grid;gap:2px;align-content:start;font-size:var(--fs-m);color:var(--ink2)}
.f small{font-size:inherit}
.f input,.f textarea{width:100%;min-height:46px;background:transparent;border:0;border-bottom:1.5px solid rgba(28,19,12,.5);border-radius:0;color:var(--ink);font:500 1.3rem/1.3 var(--serif);padding:6px 0;color-scheme:light;font-variant-numeric:lining-nums}
.f textarea{resize:vertical}
.f input:focus-visible,.f textarea:focus-visible{outline:none;border-bottom-color:var(--acc);box-shadow:0 2px 0 var(--acc)}
.f input[aria-invalid="true"]{border-bottom-color:#a32a12;box-shadow:0 2px 0 #a32a12}
.form .btn{justify-self:start;border:0;cursor:pointer;background:var(--ink);color:#f2e8d8;min-height:52px}
.form .btn:hover{background:var(--acc);color:#fff}
.form-done{margin:0;min-height:1.4em;color:#6e3a0a}
@media (max-width:400px){.f input,.f textarea{font-size:1.15rem}}
@media (min-width:560px){.row2:has([type=email]){grid-template-columns:1fr 1fr}}
@media (min-width:900px){.book-grid{grid-template-columns:5fr 6fr;gap:clamp(48px,7vw,120px)}}

/* kontakt */
.contact{padding:var(--sec) 0;background:var(--bg)}
.contact-grid{display:grid;gap:clamp(32px,5vw,48px);align-items:start}
.contact address{font-style:normal;margin:clamp(20px,2.4vw,28px) 0 6px;color:#e4d8c5;line-height:1.7;font-size:clamp(1.0625rem,1.5vw,1.3rem)}
.hours{border-collapse:collapse;width:100%;margin-bottom:14px}
.hours caption{text-align:left;margin-bottom:4px}
.hours th,.hours td{padding:clamp(12px,1.5vw,20px) 0;border-bottom:1px solid var(--line);text-align:left;font:400 clamp(1.35rem,2.5vw,2.2rem)/1.15 var(--serif);font-variant-numeric:lining-nums tabular-nums}
.hours td{text-align:right}
.hours tr.is-today th,.hours tr.is-today td{color:var(--amber2)}
.hours tr.is-today th::after{content:"\a0\b7\a0 dnes";font-style:italic}
.status-big{display:inline-flex;font-size:var(--fs-b);margin-bottom:24px}
.contact-links{display:flex;flex-wrap:wrap;gap:12px}
@media (min-width:900px){.contact-grid{grid-template-columns:5fr 6fr;gap:clamp(48px,7vw,120px)}}

/* konec: jantarový závěr, velké sdělení a hlavní akce */
.foot{background:var(--amber);color:#160e08;padding:clamp(56px,7vw,96px) 0 calc(28px + env(safe-area-inset-bottom));overflow:clip}
.foot-big{font:italic 400 min(calc((100vw - 2 * var(--pad)) / 3.92),309px)/.84 var(--serif);letter-spacing:-.035em;white-space:nowrap;margin:0 0 clamp(28px,4vw,48px)}
.foot-end{display:grid;gap:24px;align-items:end;padding-bottom:clamp(28px,4vw,48px);border-bottom:2px solid #160e08}
.foot-msg{font:400 clamp(1.7rem,3.6vw,3.2rem)/1.1 var(--serif);margin:0;max-width:22ch}
.foot-cta{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px}
.btn-ink{background:#160e08;color:#f2e8d8;min-height:56px;padding:0 2em;font-size:var(--fs-b)}
.btn-ink:hover{background:#3a2412;color:#fff}
.foot-tel{margin:0;font-size:var(--fs-m);line-height:1.3}
.foot-tel .tel-b{font:500 clamp(1.4rem,2vw,1.7rem)/1.2 var(--serif);font-variant-numeric:lining-nums;text-decoration-color:rgba(22,14,8,.5)}
.foot .fake{color:#2a1a0e}
.foot .tel-b:hover,.foot a:hover{color:#4a2c10}
.foot .btn-ink:hover{color:#fff}
.foot :focus-visible{outline-color:#160e08}
.foot-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 28px;margin-top:clamp(24px,3vw,36px);font-size:var(--fs-m)}
.foot-grid p{margin:0}
.foot-grid strong{font-weight:700}
.foot-grid a{display:inline-block;padding:4px 0}
.foot-back{color:inherit}
.foot-note{margin:clamp(20px,3vw,32px) 0 0;font:italic 400 1.3rem/1.35 var(--serif);max-width:60ch}
.forma{margin:10px 0 0;font-size:var(--fs-s);color:#2a1a0e}
@media (min-width:900px){.foot-end{grid-template-columns:minmax(0,1fr) auto}.foot-grid{grid-template-columns:repeat(3,1fr)}}

/* lišta na telefonu */
.dock{display:none}
@media (max-width:899px){
  .js .dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 14px calc(10px + env(safe-area-inset-bottom));background:rgba(14,11,9,.96);border-top:1px solid var(--line);transform:translateY(110%);transition:transform .5s var(--ease)}
  .js .dock.is-on{transform:none}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}
  .smoke{display:none!important}
}

/* ukázka FORMA: tlačítka místo odkazů tel:/mailto:, poznámka o smyšleném čísle, vysvětlení ukázky */
.tel-b{background:none;border:0;padding:0;margin:0;font:inherit;color:inherit;cursor:pointer;text-align:left;text-decoration:underline;text-decoration-color:rgba(242,232,216,.4);text-underline-offset:.2em;min-height:24px}
.tel-b:hover{color:var(--amber2);text-decoration-color:currentColor}
.js .nav .nav-info .tel-b{font:500 1.5rem/1.2 var(--serif);color:var(--amber2);padding:4px 0;text-decoration:none;font-variant-numeric:lining-nums}
button.btn-line{background:transparent;border:1px solid rgba(242,232,216,.45)}
button.btn-line:hover{border-color:var(--amber2);color:var(--amber2)}
button.phone{background:none;border:0;padding:0;cursor:pointer;font-family:var(--serif)}
.fake{font-size:var(--fs-m);color:var(--muted)}
.fake-row{margin:.4rem 0 1rem}
.hero-tel{margin:1rem 0 0;display:flex;flex-wrap:wrap;align-items:baseline;gap:.2rem .6rem;font-size:var(--fs-m)}
.hero-tel .tel-b{font-weight:600}
/* tuning 30. 10. 2026: větší text všude kromě hlavičky a úvodu */
@media (min-width:900px){:root{--fs-b:1.125rem;--fs-m:1.0625rem;--fs-s:1.0625rem}}
.top,.hero{--fs-b:1.0625rem;--fs-m:.875rem;--fs-s:.75rem}
.cask ::selection,.foot ::selection{background:#160e08;color:#f2e8d8}
.listek ::selection,.form ::selection{background:#86490f;color:#fff}
.pop{max-width:min(27rem,calc(100vw - 2rem));padding:1.6rem 1.5rem 1.5rem;border:1px solid rgba(227,166,74,.55);border-radius:6px;color:var(--cream);background:var(--bg2);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
.pop::backdrop{background:rgba(8,6,5,.72)}
.pop h2{font:500 clamp(1.7rem,6.5vw,2.1rem)/1.1 var(--serif);margin:0 0 .7rem}
.pop p{margin:0 0 1.2rem;color:var(--cream)}
.pop .btn{width:100%}
.pop-fb{display:none;position:fixed;top:50%;left:50%;z-index:100;width:27rem;max-width:calc(100vw - 2rem);max-height:calc(100vh - 2rem);overflow:auto;margin:0;transform:translate(-50%,-50%)}
.pop-fb.is-open{display:block}
.pop-shade{display:none;position:fixed;inset:0;z-index:99;background:rgba(8,6,5,.72)}
.pop-shade.is-open{display:block}
/* FORMA-POLISH (generuje vizitka/tools/ukazky-polish.py) */
:where(html){scrollbar-color:#e3a64a #0e0b09}
:where(input,textarea){caret-color:#e3a64a}
:where(a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible,[tabindex]:focus-visible){outline:3px solid #e3a64a;outline-offset:3px}
:where(a){text-underline-offset:.2em}
:where(table,dd,time,data,[class*=cen],[class*=price],[class*=hod],[class*=hours],[class*=doba],[class*=kc]){font-variant-numeric:tabular-nums}
/* /FORMA-POLISH */