/* Café Římsa – ukázka FORMA (generuje vizitka/tools/ukazka-rimsa.py). Motiv: secesní průčelí ve večerním světle, kamera projde oknem dovnitř.
   Písma: Forum (nadpisy) a Newsreader (text, statické řezy 400 a 600, optická velikost 16), obě OFL, uložená ve složce fonts/. Žádné cizí zdroje. */
@font-face{font-family:Forum;src:url(fonts/forum-latin-ext.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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:Forum;src:url(fonts/forum-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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:Newsreader;src:url(fonts/newsreader-400-latin-ext.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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:Newsreader;src:url(fonts/newsreader-400-latin.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;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:Newsreader;src:url(fonts/newsreader-600-latin-ext.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;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:Newsreader;src:url(fonts/newsreader-600-latin.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;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}

:root{
  --sv:1vh;--lv:1vh;
  --noc:#141B36;--noc2:#0E1429;
  --omitka:#EDE4CF;--omitka2:#E0D5BA;--papir:#F7EFDD;
  --fasada:#EBC9A2;
  --ink:#1E2A2E;--ink2:#3B4A4D;
  --patina:#2F5D50;--patina2:#1B4640;
  --svetlo:#F2C14E;--svetlo2:#E9A93A;--vino:#8C1D2C;--vino2:#54101F;
  --tlum:#BFC2C4;
  --fokus:#F2C14E;
  --forum:Forum,'Times New Roman',Georgia,serif;
  --text:Newsreader,Georgia,'Times New Roman',serif;
}
/* výšky okna: starší Safari neznají svh a lvh */
@supports (height:1svh){:root{--sv:1svh;--lv:1lvh}}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--noc);color:var(--omitka);font:400 1.125rem/1.55 var(--text);font-synthesis:none;font-variant-numeric:lining-nums;overflow-x:clip}
@media (min-width:860px){body{font-size:1.1875rem}}
svg{display:block}
h1,h2,h3,h4{font-family:var(--forum);font-weight:400;line-height:1.08;margin:0;text-wrap:balance}
p{margin:0 0 1rem}
a{color:inherit}
.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.wrap2{width:min(1360px,100%);margin:0 auto;padding-inline:16px}
@media (min-width:700px){.wrap2{padding-inline:32px}}
@media (min-width:1200px){.wrap2{padding-inline:48px}}
:focus-visible{outline:3px solid var(--fokus);outline-offset:3px;border-radius:2px}
.skip{position:absolute;left:12px;top:-60px;background:var(--svetlo);color:var(--ink);padding:.6rem 1rem;z-index:20;text-decoration:none;font-weight:600}
.skip:focus{top:12px}
section[id],article[id]{scroll-margin-top:14px}
.kresba-defs{position:absolute;width:0;height:0;overflow:hidden}

/* tlačítka */
.tlac{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;min-height:48px;padding:.5rem 1.25rem;border:2px solid var(--omitka);border-radius:3px;background:transparent;color:var(--omitka);font:600 1.0625rem/1.2 var(--text);text-decoration:none;cursor:pointer;-webkit-appearance:none;appearance:none;transition:background-color .17s,color .17s,border-color .17s,transform .14s}
.tlac:hover{background:var(--omitka);color:var(--ink)}
.tlac:active{transform:translateY(1px)}
.tlac-vino{background:var(--vino);border-color:var(--vino);color:var(--omitka)}
.tlac-vino:hover{background:#A3283A;border-color:#A3283A;color:var(--omitka)}
.tlac-tmavy{background:var(--ink);border-color:var(--ink);color:var(--omitka)}
.tlac-tmavy:hover{background:var(--patina);border-color:var(--patina);color:var(--omitka)}
.tlac-zlaty{background:var(--svetlo);border-color:var(--svetlo);color:#2A1A10}
.tlac-zlaty:hover{background:#FFD873;border-color:#FFD873;color:#2A1A10}
.ico{width:1.15em;height:1.15em;flex:none;fill:currentColor}
.odkaz-btn{font:inherit;font-weight:600;color:inherit;background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:.2em;cursor:pointer}
.odkaz-btn:hover{color:var(--vino)}
.fake{font-size:1rem;color:inherit;opacity:.86;font-weight:400}

/* hlavička nad nebem */
.top{position:absolute;left:0;right:0;top:0;z-index:7;color:var(--omitka)}
.top-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 1rem;padding-block:.65rem}
.brand{display:flex;align-items:baseline;gap:.6rem;text-decoration:none}
.brand-n{font:400 1.7rem/1 var(--forum);letter-spacing:.04em}
.brand-s{font-size:1rem}
.nav{order:3;display:flex;justify-content:space-between;gap:0 .6rem;width:100%}
.nav a{display:inline-block;padding:.4rem 0;text-decoration:none;font-size:.9375rem;white-space:nowrap;border-bottom:2px solid transparent;transition:border-color .17s}
.nav a:hover{border-bottom-color:var(--svetlo)}
.top .tlac{min-height:44px;padding-inline:1rem}
@media (min-width:480px){.nav{justify-content:flex-start;gap:0 1.2rem}.nav a{font-size:1rem}}
@media (min-width:860px){.nav{order:0;width:auto;margin-left:auto;gap:0 1.6rem}.nav a{font-size:1.0625rem}.top-in{flex-wrap:nowrap;gap:0 2rem}}
@media (max-width:359px){.brand-s{display:none}}

/* první obrazovka: průčelí; bez JS a při omezeném pohybu stojí průčelí a kavárna pod sebou */
.scena{position:relative}
.jeviste{position:relative;background:#241F3A}
.venku{position:relative;height:calc(var(--sv)*100);overflow:hidden;background:#17162C;--pas:0px;--u:min(calc(100vw/1240),calc(calc(var(--sv)*100)/1000))}
.nebe{position:absolute;inset:0;background:linear-gradient(#232A5E 0,#4B3C7E 6.5%,#A9567F 12.5%,#EA8664 18.5%,#FBBC76 26%,#FCD79B 42%);transform-origin:50% 62%}
.mraky{position:absolute;left:0;top:3%;width:100%;height:24%}
.kamera{position:absolute;inset:0;transform-origin:0 0}
.dum-box{position:absolute;left:50%;bottom:var(--pas);width:calc(var(--u)*2400);height:calc(var(--u)*1000);margin-left:calc(var(--u)*-1200)}
.dum{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.dum-u{display:none}
.detail{position:absolute;display:none;transform-origin:0 0;pointer-events:none}
.napis{position:absolute;left:0;right:0;top:calc(var(--u)*256);transform:translateY(-50%);text-align:center;font-size:calc(var(--u)*94);line-height:1;letter-spacing:.055em;color:#F8DC8E}
.napis span{position:absolute;left:0;right:0;top:calc(var(--u)*(707 - 256 + 47));transform:translateY(-50%);font:600 calc(var(--u)*23)/1 var(--text);letter-spacing:.2em;text-transform:uppercase;color:#F8DC8E}
.okno-d{top:43.200%;width:6.500%;height:21.200%}
.od-0{left:28.083%}
.od-1{left:37.417%}
.od-2{left:46.750%}
.od-3{left:56.083%}
.od-4{left:65.417%}
.okno-d{position:absolute;display:block;border-radius:50% 50% 0 0/30% 30% 0 0;color:var(--omitka);text-decoration:none}
.okno-d::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse at 50% 58%,rgba(255,214,130,.85),rgba(255,186,90,.34) 62%,rgba(255,186,90,.1));opacity:0;transition:opacity .18s}
.okno-d:hover::before,.okno-d.je-otevrene::before{opacity:.72}
.okno-d::after{content:"";position:absolute;inset:-6px -8px -22px}
.okno-d.je-dnes::before{display:none}
.okno-d:focus-visible{outline:3px solid #191730;outline-offset:2px;box-shadow:0 0 0 7px var(--svetlo)}
.o-stitek{position:absolute;left:50%;top:100%;transform:translate(-50%,-68%);display:flex;align-items:baseline;gap:.4em;padding:.14em .7em .18em;border-radius:2px;background:#191730;box-shadow:0 0 0 1px rgba(240,191,79,.65);font:400 max(.8125rem,calc(var(--u)*19))/1.1 var(--text);white-space:nowrap}
.o-d{font:400 1.2em/1 var(--forum);color:var(--svetlo)}
.okno-d.je-dnes .o-stitek{background:var(--svetlo);color:#2A1A10;box-shadow:0 0 0 2px #191730}
.okno-d.je-dnes .o-d{color:#2A1A10}
.okno-d:hover .o-stitek,.okno-d.je-otevrene .o-stitek{box-shadow:0 0 0 2px var(--omitka)}

/* stavy kresby: bez JS svítí večer celý dům. Třídy leží přímo na skupině .dum-g, jinak je ostrá kopie (use) nevidí */
.o-svit,.o-zar{display:none}
.og.je .o-svit,.o-zar.je{display:block}
.og.je .o-sklo,.og.je .o-odraz{display:none}
.o-vit{opacity:.5}
.og.je .o-vit{opacity:1}
html:not(.js) #og-s-2 .o-svit,html:not(.js) #og-u-2 .o-svit,html:not(.js) .o-zar[data-i="2"],html:not(.js) .kocka[data-i="2"]{display:block}
html:not(.js) #og-s-2 .o-sklo,html:not(.js) #og-u-2 .o-sklo,html:not(.js) #og-s-2 .o-odraz,html:not(.js) #og-u-2 .o-odraz{display:none}
html:not(.js) #og-s-2 .o-vit,html:not(.js) #og-u-2 .o-vit{opacity:1}
.og.portal .o-svit,.og.portal .o-pricle{display:none}
.kocka{display:none}
.kocka.je{display:block}
.h-okno,.v-puda{fill:#FFCB66;transition:fill .28s}
.zive .h-okno{fill:#26305A}
.zive .h-okno.sviti{fill:#FFCB66}
.zive .v-puda{fill:#26305A}
.zive.n20 .v-puda{fill:#FFCB66}
.s-okno{fill:#2F2A52}
.sv-1,.sv-2,.sv-3{fill:#FFC861}
.zive .sv-1,.zive .sv-2,.zive .sv-3{fill:#2F2A52}
.zive.n16 .sv-1,.zive.n18 .sv-2,.zive.n20 .sv-3{fill:#FFC861}
.noc-clona{display:none}
.dum-g.zavreno .noc-clona{display:block}
.dum-g.zavreno .v-sklo{fill:#2B2A4A}
.dum-g.zavreno .v-silueta,.dum-g.zavreno .odlesky{display:none}
.zavreno .nebe{background:linear-gradient(#0B1230,#141D45 30%,#2B2C63)}
.zavreno .mraky{opacity:.2}

/* pás s telefonem a stavem: leží na dlažbě */
.hero-pas{position:absolute;left:0;right:0;bottom:0;z-index:4;background:linear-gradient(rgba(23,22,44,0),rgba(23,22,44,.86) 34%)}
.pas-in{display:flex;align-items:center;justify-content:space-between;gap:.4rem 2.2rem;padding-block:1.3rem .7rem}
.pas-l{display:flex;align-items:center;gap:.5rem 1.8rem;min-width:0}
.pas-p{flex:none;text-align:right}
.stav{flex:none;display:inline-flex;align-items:center;gap:.6rem;min-width:15.8rem;margin:0;font-size:1.0625rem;line-height:1.3}
.stav-bod{width:.7rem;height:.7rem;flex:none;border-radius:50%;background:var(--tlum)}
.stav.otevreno .stav-bod{background:var(--svetlo);box-shadow:0 0 0 3px rgba(242,193,78,.25)}
.dnes-radek{display:block;min-width:0;max-width:34rem;min-height:3.3rem;margin:0;padding:.25rem 1.6em .25rem 0;border:0;background:none;color:inherit;font:inherit;font-size:1.0625rem;line-height:1.3;text-align:left;cursor:pointer;position:relative}
.dnes-radek::after{content:"";position:absolute;right:.4em;top:50%;width:.55em;height:.55em;border-top:2px solid var(--svetlo);border-right:2px solid var(--svetlo);transform:translateY(-50%) rotate(45deg);transition:transform .17s}
.dnes-radek:hover::after{transform:translate(.2em,-50%) rotate(45deg)}
.dr-h{display:block;font:400 1.3rem/1.15 var(--forum);color:var(--svetlo)}
.dr-t{display:block}
html:not(.js) .dnes-radek{display:none}
.js .hero-odkaz{display:none}
.hero-odkaz{margin:0}
.hero-tl{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:.6rem}
.hero-fake{margin:.25rem 0 0;font-size:1rem;opacity:.86}

/* karta dne: otevře ji ťuknutí na okno */
.karta-dne{position:absolute;z-index:6;width:min(25.5rem,calc(100vw - 24px));padding:1.25rem 1.5rem 1.1rem;background:var(--papir);color:var(--ink);border-radius:3px;box-shadow:0 26px 60px -16px rgba(12,8,34,.78);--fokus:#1E2A2E}
.karta-dne[hidden]{display:none}
.kd-h{font-size:2.05rem;padding-right:2.2rem;outline:0}
.kd-cas{margin:.1rem 0 .7rem;font-size:1.0625rem;color:var(--patina)}
.kd-p{margin:0;padding:.55rem 0;font-size:1.125rem;font-weight:600;line-height:1.3;border-top:2px solid var(--ink)}
.kd-j{margin:0 0 .6rem;padding:0;list-style:none}
.kd-j li{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;padding:.42rem 0;border-top:1px dotted rgba(30,42,46,.45);font-size:1.0625rem;line-height:1.28}
.kd-j .c{flex:none;font:400 1.25rem/1 var(--forum);white-space:nowrap}
.kd-a{display:inline-block;padding:.4rem 0;font-weight:600}
.kd-x{position:absolute;right:.45rem;top:.45rem;width:44px;height:44px;border:0;background:none;color:var(--ink);font:400 1.9rem/1 var(--forum);cursor:pointer;border-radius:50%;transition:background-color .17s}
.kd-x:hover{background:var(--omitka2)}
@media (prefers-reduced-motion:no-preference){.karta-dne:not([hidden]){animation:karta .24s cubic-bezier(.2,.7,.3,1)}@keyframes karta{from{opacity:0;transform:translateY(10px) scale(.985)}}}

/* kavárna */
.uvnitr{position:relative;height:calc(var(--lv)*100);overflow:hidden;background:#D9A24A}
.vn{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible}
.tint{display:none}
.v-kav{font:400 21px var(--forum);fill:#FFE39A;letter-spacing:.2em}
.kridla{display:none}
.zar{display:none}
.tma{display:none}
.zavreno .tma{display:block;position:absolute;left:0;right:0;bottom:0;height:calc(var(--lv)*100);z-index:1;background:rgba(10,14,40,.66);pointer-events:none}
.veta-box{position:absolute;z-index:2;left:0;right:0;bottom:0;height:calc(var(--lv)*100);--m:max(calc(100vw/1600),calc(calc(var(--lv)*100)/1000));pointer-events:none}
.veta-deska{position:absolute;left:0;right:0;top:calc(50% + 23*var(--m));height:calc(125*var(--m));display:flex;align-items:center;justify-content:center}
.uvnitr-veta{margin:0;width:min(calc(690*var(--m)),calc(100vw - 32px));text-align:center;font:400 calc(var(--m)*54)/1.05 var(--forum);color:#F8DC8E;text-wrap:balance}

/* zapnutá scéna: pódium stojí, kamera se hýbe */
.pohyb .scena{height:calc(calc(var(--lv)*100)*5.1)}
@media (max-aspect-ratio:6/5){.pohyb .scena{height:calc(calc(var(--lv)*100)*4.7)}}
.pohyb .jeviste{position:sticky;top:0;height:calc(var(--lv)*100);overflow:hidden}
.pohyb .venku{position:absolute;inset:0;height:auto;background:transparent;--dole:calc(calc(var(--lv)*100) - calc(var(--sv)*100))}
.pohyb .nebe{z-index:0;will-change:transform}
.pohyb .kamera{z-index:2;will-change:transform}
.pohyb .detail{display:block;will-change:transform}
.pohyb .dum-box{bottom:calc(var(--pas) + var(--dole))}
.pohyb .hero-pas{bottom:var(--dole);will-change:opacity,transform}
.pohyb .karta-dne{z-index:6}
.pohyb .uvnitr{position:absolute;left:0;top:0;z-index:1;height:0;transform-origin:0 0;will-change:transform;background:#B9772D}
.pohyb .vn{transform-origin:0 0;will-change:transform}
.pohyb .kridla{position:absolute;display:block;left:0;right:0;bottom:0;transform-style:flat}
.pohyb .tint{position:absolute;inset:0;display:block;background:linear-gradient(#FFE9A8,#FBC85A 55%,#EE9A32);will-change:opacity}
.kridlo{position:absolute;top:0;bottom:0;width:50%;background:linear-gradient(115deg,rgba(255,240,200,.04),rgba(255,240,200,.24) 46%,rgba(255,240,200,.05));border:4px solid #2A2038}
.k-l{left:0;transform-origin:0 50%}
.k-p{right:0;transform-origin:100% 50%}
.kridlo::before,.kridlo::after{content:"";position:absolute;left:0;right:0;height:3px;background:#2A2038}
.kridlo::before{top:33%}
.kridlo::after{top:66%}
.pohyb .zar{display:block;position:absolute;inset:0;z-index:3;opacity:0;pointer-events:none;background:radial-gradient(ellipse at 50% 42%,#FFE9B0 0,#FFC861 46%,#F09A3E 100%)}
.pohyb .veta-box{z-index:3}
.pohyb .uvnitr-veta{opacity:0}

/* sekce */
.sekce{padding:4rem 0;position:relative}
@media (min-width:860px){.sekce{padding:6.5rem 0}}
.sekce h2{font-size:clamp(2.6rem,7vw,5.9rem)}
.perex{margin:1rem 0 0;max-width:38rem;font-size:1.1875rem}
@media (min-width:860px){.perex{font-size:1.3125rem}}

/* denní menu: červené sklo se zlatým písmem, list najede přes kavárnu */
.s-menu{z-index:2;padding:0;background:#5E1322;color:var(--omitka)}
.pohyb .s-menu{margin-top:-calc(var(--lv)*100)}
.s-menu::before{content:"";display:block;height:20px;background:linear-gradient(#FFF7E6,#D9C7A6 62%,#7A4E1C 62%,#E0A83E 80%,#7A4E1C)}
.sklo{padding:3.2rem 0 3.4rem;background:linear-gradient(112deg,#61142A 0,#7E1B30 34%,#5A1224 58%,#6E1729 82%,#4F0F1E 100%)}
@media (min-width:860px){.sklo{padding:5.4rem 0 5.6rem}}
.menu-h{display:grid;gap:1.8rem;margin-bottom:2.4rem}
@media (min-width:980px){.menu-h{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:3rem;align-items:end;margin-bottom:3.6rem}}
.s-menu h2{color:var(--svetlo)}
.menu-p{margin:1rem 0 .4rem;max-width:32rem}
.okna-popis{margin:0;color:#F3D9AE}
.okna-popis b{font-weight:600}
.okna{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.55rem}
@media (min-width:980px){.okna{gap:1rem}}
.okno{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;aspect-ratio:1/1.5;min-width:0;padding:.35rem .1rem .55rem;border:2px solid var(--svetlo);border-bottom-width:6px;border-radius:999px 999px 0 0;background:#2A0A14;color:var(--omitka);text-decoration:none;line-height:1.15;transition:background-color .2s,color .2s}
.okno::before,.okno::after{content:"";position:absolute;background:currentColor;opacity:.3}
.okno::before{left:calc(50% - 1px);top:12%;height:44%;width:2px}
.okno::after{left:12%;right:12%;top:32%;height:2px}
.okno:hover{background:#4A1020}
.okno[aria-selected="true"]{background:var(--svetlo);color:#2A1A10;border-color:#FFE9A8}
.okno[aria-selected="true"]::before,.okno[aria-selected="true"]::after{opacity:.5}
.okno.svit:not([aria-selected="true"]){background:#7A5A20;border-color:#FFE9A8}
.o-den{position:relative;font:400 clamp(1.35rem,2.4vw,2.1rem)/1 var(--forum)}
.o-datum{position:relative;margin-top:.15rem;font-size:clamp(.875rem,1.25vw,1.0625rem);white-space:nowrap}
.o-stav{position:absolute;left:0;right:0;top:22%;text-align:center;font:400 1.7rem/1 var(--forum)}
.okno.bez::before,.okno.bez::after{display:none}
.okno.je-dnes.bez .o-datum::after{content:" dnes";display:block}
.okno:focus-visible{outline-offset:3px;border-radius:999px 999px 0 0}
.panely{min-width:0}
.den{--fokus:#F2C14E;padding-top:1.6rem;border-top:3px double var(--svetlo)}
.den + .den{margin-top:2.4rem}
.js .den{display:none}
.js .den.je{display:block}
@media (min-width:980px){.den,.js .den.je{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,8fr);column-gap:4.5rem;align-content:start}}
.den-h{margin-bottom:1.4rem}
.den-n{font-size:clamp(3.2rem,8vw,7.4rem);line-height:.98;color:var(--svetlo)}
.den-rad{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .8rem;margin-top:.5rem}
.den-d{font:400 clamp(1.45rem,2.4vw,2.1rem)/1.1 var(--forum);color:var(--omitka)}
.den-n small{padding:.12rem .7rem;border:1px solid var(--svetlo);border-radius:2px;font:400 1.0625rem/1.25 var(--text);color:var(--svetlo)}
.den-cas{margin:.7rem 0 0;font:400 clamp(1.45rem,2.4vw,2.1rem)/1 var(--forum);color:#F3D9AE}
.polevka{margin:0;padding:0 0 1rem;border-bottom:1px solid rgba(242,193,78,.34);font:400 clamp(1.5rem,2.5vw,2.25rem)/1.14 var(--forum)}
.stitek{display:block;margin-bottom:.25rem;font:400 1.0625rem/1.3 var(--text);color:#F3D9AE}
.jidla{margin:0;padding:0;list-style:none}
.jidla li{display:grid;grid-template-columns:2.1rem minmax(0,1fr) auto;align-items:baseline;gap:.6rem;padding:1rem 0;border-bottom:1px solid rgba(242,193,78,.34);font:400 clamp(1.5rem,2.5vw,2.25rem)/1.14 var(--forum)}
.j-c{color:var(--svetlo);white-space:nowrap;font-variant-numeric:tabular-nums}
.j-i{color:var(--svetlo)}
.prazdno{margin:.4rem 0 .6rem;font-size:1.25rem}
.den-nota{margin:1.1rem 0 0;font-size:1.125rem;color:#FFE9C2}
.den-zdroj{margin:.4rem 0 0;font-size:1.0625rem;color:#F3D9AE}
@media (min-width:980px){.den-h{grid-column:1;grid-row:1/span 5;margin:0}.polevka,.jidla,.den-nota,.den-zdroj,.prazdno{grid-column:2}}

/* lístek: papír přes celou šířku, hledání je hlavní nástroj */
.s-listek{background:var(--papir);color:var(--ink);--fokus:#1E2A2E}
.listek-h{display:grid;gap:.6rem 3rem;margin-bottom:2.2rem}
@media (min-width:980px){.listek-h{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:end;margin-bottom:3rem}}
.s-listek h2{color:var(--vino)}
.hledani{margin-bottom:2rem}
.hledani label{display:block;margin-bottom:.1rem;font-size:1.0625rem;font-weight:600}
.hledani input{width:100%;min-height:68px;padding:.4rem .1rem;border:0;border-bottom:4px solid var(--ink);border-radius:0;background:transparent;color:var(--ink);font:400 clamp(1.5rem,3.4vw,2.75rem)/1.1 var(--forum);transition:border-color .17s}
.hledani input::placeholder{color:#6C7472;opacity:1}
.hledani input:focus{outline:0;border-bottom-color:var(--vino)}
.hledani input::-webkit-search-cancel-button{-webkit-appearance:none;appearance:none}
.hledani-tipy{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem .5rem;margin:.8rem 0 0;font-size:1.0625rem}
.hledani-tipy span{margin-right:.2rem}
.hledani-tipy button{min-height:44px;padding:.2rem 1rem;border:2px solid var(--ink);border-radius:999px;background:transparent;color:var(--ink);font:600 1.0625rem/1.1 var(--text);cursor:pointer;transition:background-color .17s,color .17s}
.hledani-tipy button:hover,.hledani-tipy button[aria-pressed="true"]{background:var(--ink);color:var(--papir)}
.hledani-v{min-height:1.6rem;margin:.5rem 0 0;font-size:1.0625rem;color:var(--ink2)}
.zalozky{display:flex;flex-wrap:wrap;gap:.2rem 2.4rem;margin-bottom:1.4rem;border-bottom:2px solid var(--ink)}
.zalozka{display:inline-flex;align-items:baseline;gap:.5rem;margin-bottom:-2px;padding:.4rem 0 .5rem;border-bottom:5px solid transparent;font:400 clamp(1.7rem,3.4vw,2.75rem)/1.1 var(--forum);text-decoration:none;transition:border-color .17s}
.zalozka:hover{border-bottom-color:rgba(140,29,44,.4)}
.zalozka[aria-selected="true"]{border-bottom-color:var(--vino);color:var(--vino)}
.pocet{min-width:1.7rem;padding:.05rem .45rem;border-radius:999px;background:var(--vino);color:var(--papir);font:600 1rem/1.35 var(--text);text-align:center}
.pocet.nula{background:transparent;border:1px solid var(--ink2);color:var(--ink2)}
.js .panel{display:none}
.js .panel.je{display:block}
.panel + .panel{margin-top:2.4rem}
.js .panel + .panel{margin-top:0}
.legenda{display:flex;flex-wrap:wrap;gap:.2rem 2rem;margin:0 0 1.6rem;font-size:1.0625rem;color:var(--ink2)}
.legenda p{margin:0}
.legenda .zn{margin:0 .5rem 0 0}
.zn{display:inline-block;padding:0 .45rem;border:1px solid var(--patina);border-radius:2px;font:400 1rem/1.3 var(--text);color:var(--patina);vertical-align:.08em;white-space:nowrap}
.skupiny{display:block}
@media (min-width:760px){.skupiny{column-count:2;column-gap:3.4rem}}
@media (min-width:1180px){.skupiny{column-count:3;column-gap:4rem}}
.sk{break-inside:avoid;margin:0 0 2rem}
.sk-n{font-size:clamp(1.8rem,2.6vw,2.3rem);color:var(--vino);margin-bottom:.3rem}
.sk-n small{display:block;font:400 1.0625rem/1.3 var(--text);color:var(--ink2);margin-top:.15rem}
.sk ul{margin:0;padding:0;list-style:none}
.radek{display:grid;grid-template-columns:3.5rem minmax(0,1fr) auto;gap:0 .7rem;padding:.6rem 0;border-top:1px dotted rgba(30,42,46,.42)}
.r-g{font-size:1.0625rem;color:var(--patina);text-align:right;padding-top:.14rem;word-spacing:.08em}
.r-t{line-height:1.28}
.r-n{font-weight:600;font-size:1.1875rem;line-height:1.28}
.r-p{display:block;font-size:1.0625rem;line-height:1.35;color:var(--ink2)}
.r-c{font:400 1.45rem/1.15 var(--forum);white-space:nowrap;font-variant-numeric:tabular-nums}
.skryt{display:none!important}
.nic{margin:0;padding:1rem 0;font-size:1.25rem}
.listek-pata{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 2rem;margin:1rem 0 0;padding-top:1rem;border-top:2px solid var(--ink);font-size:1.0625rem;color:var(--ink2)}
.listek-pata p{margin:0}

/* oslavy: patina a obří kapacity */
.s-akce{background:var(--patina2);color:var(--omitka)}
.akce-grid{display:grid;gap:3rem}
@media (min-width:1040px){.akce-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:4.5rem;align-items:center}}
.s-akce h2{font-size:clamp(2.5rem,5.4vw,5rem)}
.kapacity{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.5rem 1rem;margin:2.4rem 0 2.2rem}
.kapacity div{display:flex;flex-direction:column-reverse;justify-content:flex-end}
.kapacity dt{font:400 clamp(1.25rem,2vw,1.7rem)/1.1 var(--forum)}
.kapacity dd{margin:0;font-size:1.0625rem}
.kapacity b{display:block;font:400 clamp(4.4rem,11vw,9.5rem)/.92 var(--forum);color:var(--svetlo)}
.akce-p{margin:0 0 .3rem}
.druhy{margin:0 0 1.2rem;padding:0;list-style:none;font:400 clamp(1.45rem,2.3vw,2.1rem)/1.28 var(--forum)}
.druhy li{display:inline}
.druhy li:not(:last-child)::after{content:" · ";color:var(--svetlo)}
.mala{font-size:1.0625rem;opacity:.9}
.form{padding:1.5rem 1.3rem 1.4rem;background:var(--papir);color:var(--ink);border-radius:3px;--fokus:#1E2A2E}
@media (min-width:700px){.form{padding:2.1rem 2.2rem 2rem}}
.form h3{font-size:clamp(1.8rem,2.8vw,2.4rem);margin-bottom:.4rem}
.form-pozn{margin:0 0 1.1rem;font-size:1.0625rem;color:var(--ink2)}
.form-fs{border:0;margin:0;padding:0;min-width:0;display:grid;gap:1rem}
.field label{display:block;margin-bottom:.3rem;font-weight:600;font-size:1.0625rem}
.field input,.field select,.field textarea{width:100%;min-height:50px;padding:.5rem .75rem;border:2px solid #5B6B6C;border-radius:3px;background:#FFFBF0;color:var(--ink);font:400 1.125rem var(--text);transition:border-color .17s}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--ink)}
.field textarea{min-height:5.5rem;resize:vertical}
.field input[aria-invalid="true"],.field select[aria-invalid="true"]{border-color:var(--vino)}
.dva{display:grid;gap:1rem}
@media (min-width:480px){.dva{grid-template-columns:1fr 1fr}}
.err{margin:.3rem 0 0;font-size:1rem;color:var(--vino);font-weight:600}
.form-ns{margin:0 0 1rem;padding:.7rem .9rem;background:var(--omitka2);border-radius:3px}
.form-v{margin:1rem 0 0;padding:.9rem 1rem;border:2px solid var(--patina);border-radius:3px;font-size:1.0625rem}

/* den: čtyři okna, v každém jiné nebe */
.s-den{background:var(--fasada);color:#2C2030;--fokus:#2C2030}
.den-hl{display:grid;gap:.6rem 3rem;margin-bottom:2.6rem}
@media (min-width:980px){.den-hl{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:end;margin-bottom:3.6rem}}
.osa{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:0 0 3.4rem;padding:0;list-style:none}
@media (min-width:980px){.osa{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.6rem}}
.kus{position:relative;display:flex;flex-direction:column;justify-content:flex-start;min-height:25rem;padding:12.4rem 1rem 1.2rem;border:7px solid #FBE6C4;border-bottom-width:12px;border-radius:999px 999px 0 0;box-shadow:0 0 0 2px #B1836F,inset 0 0 0 2px #6E5468}
@media (min-width:980px){.kus{min-height:32rem;padding:17.4rem 1.6rem 1.6rem}}
.kus::before,.kus::after{content:"";position:absolute;background:#FBE6C4;opacity:.75}
.kus::before{left:calc(50% - 2px);top:0;width:4px;height:11rem}
.kus::after{left:0;right:0;top:11rem;height:4px}
@media (min-width:980px){.kus::before{height:16rem}.kus::after{top:16rem}}
.kus-1{background:radial-gradient(circle at 24% 62%,#FFF6D0 0 2.1rem,rgba(255,246,208,.42) 2.2rem,rgba(255,246,208,0) 5.4rem),linear-gradient(#8FC1DE,#E6E8D2 62%,#FCE3B4);color:#1F2340}
.kus-2{background:radial-gradient(circle at 68% 24%,#FFFBE6 0 2.3rem,rgba(255,251,230,.45) 2.4rem,rgba(255,251,230,0) 6rem),linear-gradient(#4E9BD2,#A9D8EA 70%,#E8F1DE);color:#14233A}
.kus-3{background:radial-gradient(circle at 76% 46%,#FFF1BE 0 2.3rem,rgba(255,241,190,.42) 2.4rem,rgba(255,241,190,0) 6rem),linear-gradient(#E98B5B,#F6B26C 55%,#FBDC9B);color:#2A1420}
.kus-4{background:radial-gradient(circle at 30% 24%,#F4EBD0 0 1.5rem,rgba(244,235,208,.2) 1.6rem,rgba(244,235,208,0) 3.6rem),linear-gradient(#141B46,#3B3070 55%,#8A4270);color:var(--omitka)}
.rok{position:relative;display:block;font:400 clamp(3rem,5.6vw,5.1rem)/1 var(--forum);font-variant-numeric:lining-nums}
.kus p{position:relative;margin:.6rem 0 0;font-size:1.0625rem;line-height:1.36}
@media (min-width:980px){.kus p{font-size:1.1875rem}}
.kus.ted{box-shadow:0 0 0 3px #2C2030,0 0 44px 8px rgba(255,190,90,.6)}
.kus.ted::after{content:"právě teď";position:absolute;left:50%;top:0;transform:translate(-50%,-50%);padding:.2rem .85rem;background:#2C2030;color:var(--svetlo);font:600 1rem/1.3 var(--text);border-radius:2px;white-space:nowrap}
.bereme-h{font-size:clamp(1.9rem,3.2vw,2.8rem);margin:0 0 1rem}
.bereme{display:grid;gap:1.1rem 2.4rem;margin:0}
@media (min-width:640px){.bereme{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1180px){.bereme{grid-template-columns:repeat(5,minmax(0,1fr))}}
.bereme dt{font:400 clamp(2rem,3.3vw,3rem)/1.05 var(--forum)}
.bereme dd{margin:.3rem 0 0;font-size:1.0625rem;line-height:1.38}

/* konec: noc, velká věta, pět oken */
.s-konec{background:linear-gradient(#141B46,#141B36 45%,#0E1429);color:var(--omitka);padding-bottom:0;overflow:hidden}
.konec-veta{font-size:clamp(3.1rem,10vw,10rem);line-height:1;color:var(--svetlo)}
.sekce h2.konec-veta{font-size:clamp(3.1rem,10vw,10rem)}
.konec-tl{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1rem;margin:2.2rem 0 3.4rem}
.konec-tl .hero-fake{margin:0}
.kontakt-grid{display:grid;gap:2.6rem;margin-bottom:3.4rem}
@media (min-width:900px){.kontakt-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:5rem;align-items:start}}
.s-konec .bereme-h{color:var(--svetlo)}
.adresa{font-style:normal;margin:0 0 .8rem}
.tel-velke{display:inline-block;margin:.1rem 0 .9rem;padding:0;background:none;border:0;border-bottom:2px solid var(--svetlo);color:inherit;font:400 clamp(2rem,5vw,3.4rem)/1.1 var(--forum);cursor:pointer;-webkit-appearance:none;appearance:none;transition:color .17s}
.tel-velke:hover{color:var(--svetlo)}
.s-konec .odkaz-btn:hover{color:var(--svetlo)}
.kontakt-mail{margin:0 0 1rem}
.hodiny{width:100%;border-collapse:collapse;margin:0 0 1rem;font-size:1.1875rem}
.hodiny th,.hodiny td{padding:.6rem 0;border-bottom:1px solid rgba(237,228,207,.2);text-align:left;font-weight:400;vertical-align:top}
.hodiny td{text-align:right;white-space:nowrap;font-variant-numeric:tabular-nums}
.hodiny tr.dnes th,.hodiny tr.dnes td{color:var(--svetlo);font-weight:600}
.hodiny tr.dnes th::after{content:" (dnes)";font-size:1rem}
.noc-okna{width:100%;height:auto;margin-top:1rem}
.noc-svit,.noc-kocka{display:none}
.noc-okna.je-0 .ns-0,.noc-okna.je-1 .ns-1,.noc-okna.je-2 .ns-2,.noc-okna.je-3 .ns-3,.noc-okna.je-4 .ns-4,.noc-okna.je-0 .nk-0,.noc-okna.je-1 .nk-1,.noc-okna.je-2 .nk-2,.noc-okna.je-3 .nk-3,.noc-okna.je-4 .nk-4{display:block}

/* patička */
.pata{background:#0B1022;color:var(--tlum);font-size:1.0625rem}
.pata-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.2rem 2rem;padding-block:1.4rem 1.6rem}
.pata p{margin:0}
.pata strong{color:var(--omitka);font-weight:600}
.pata a{display:inline-block;padding:.3rem 0;color:var(--omitka);font-weight:600}

/* vysvětlení ukázky */
.pop{max-width:min(27rem,calc(100vw - 2rem));padding:1.4rem 1.4rem 1.5rem;border:3px solid var(--ink);border-radius:4px;color:var(--ink);background:var(--papir);box-shadow:0 30px 60px -20px rgba(0,0,0,.75);--fokus:#1E2A2E}
.pop::backdrop{background:rgba(14,20,41,.72)}
.pop h2{font:400 clamp(1.5rem,6vw,1.9rem)/1.15 var(--forum);margin:0 0 .7rem}
.pop p{margin:0 0 1.2rem;font-size:1.0625rem}
.pop .tlac{width:100%}
/* náhrada bez popover (Safari < 17): okno a ztmavení přepíná třída is-open */
.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;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}
.pop-fb.is-open{display:block}
.pop-shade{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99;background:rgba(14,20,41,.72)}
.pop-shade.is-open{display:block}

/* na výšku: užší a vyšší dům, pás pod ním, karta jako spodní list */
@media (max-aspect-ratio:6/5){
  .venku{--pas:11.4rem;--hlava:5.7rem;--u:min(calc(100vw/980),max(calc((calc(var(--sv)*100) - var(--pas) - var(--hlava))/1460),calc(100vw/1240)));background:#17162C}
  .nebe{background:linear-gradient(#232A5E 0,#4B3C7E 5%,#A9567F 10%,#EA8664 15%,#FBBC76 21%,#FCD79B 34%)}
  .zavreno .nebe{background:linear-gradient(#0B1230,#141D45 30%,#2B2C63)}
  .dum-box,.pohyb .dum-box{bottom:auto}
  .dum-box{top:max(calc(calc(var(--sv)*100) - var(--pas) - var(--u)*1560),calc(var(--hlava) - var(--u)*44));width:calc(var(--u)*1800);height:calc(var(--u)*1560);margin-left:calc(var(--u)*-900)}
  .dum-s{display:none}
  .dum-u{display:block}
  .napis{top:calc(var(--u)*401);font-size:calc(var(--u)*118);letter-spacing:.03em}
  .napis span{top:calc(var(--u)*(1148 - 401 + 59));font-size:max(.75rem,calc(var(--u)*25));letter-spacing:.1em}
  .okno-d{border-radius:50% 50% 0 0/14% 14% 0 0}
  .okno-d{top:41.026%;width:7.333%;height:27.436%}
  .od-0{left:25.444%}
  .od-1{left:35.889%}
  .od-2{left:46.333%}
  .od-3{left:56.778%}
  .od-4{left:67.222%}
  .o-stitek{flex-direction:column;align-items:center;gap:0;padding:.14em .3em .2em;font-size:max(.75rem,calc(var(--u)*25));line-height:1.05;transform:translate(-50%,-88%)}
  .hero-pas{background:#17162C}
  .pas-in{display:block;padding-block:.5rem .45rem}
  .pas-l{display:block}
  .pas-p{text-align:left}
  .stav{font-size:1rem;min-width:0}
  .dnes-radek{width:100%;max-width:none;margin:.1rem 0 .35rem;font-size:1rem;line-height:1.24}
  .dr-h{display:inline;font-size:1.15rem}
  .dr-h::after{content:": "}
  .dr-t{display:inline}
  .hero-tl{flex-wrap:nowrap;justify-content:stretch}
  .hero-tl .tlac{flex:1 1 auto;min-width:0;padding-inline:.5rem;white-space:nowrap;font-size:1rem}
  .hero-fake{font-size:.875rem;margin-top:.2rem}
  .karta-dne{left:12px;right:12px;bottom:calc(var(--dole,0px) + 12px);width:auto}
}
@media (max-height:760px) and (max-aspect-ratio:6/5){
  .nav{display:none}
  .venku{--hlava:3.5rem}
}
/* nižší notebook: dům o kousek menší, aby se vrchol štítu nedotýkal navigace */
@media (max-width:1400px) and (min-aspect-ratio:6/5){
  .venku{--u:min(calc(100vw/1240),calc(calc(var(--sv)*100)/1070))}
}
/* tablet na výšku: celý dům, nic za pásem */
@media (min-width:600px) and (max-aspect-ratio:6/5){
  .venku{--hlava:6.4rem;--u:min(calc(100vw/980),calc((calc(var(--sv)*100) - var(--pas) - var(--hlava))/1460))}
}
/* počítač s úzkým oknem */
@media (max-width:1040px) and (min-aspect-ratio:6/5){
  .pas-l{display:block}
  .dnes-radek{max-width:24rem}
  .dr-t{display:none}
}
/* telefon na šířku: jen stav, tlačítka a poznámka k číslu */
@media (max-height:520px) and (min-aspect-ratio:6/5){
  .nav,.brand-s,.dnes-radek{display:none}
  .pas-in{padding-block:.3rem}
  .pas-p{display:flex;flex-direction:row-reverse;align-items:center;gap:.7rem}
  .hero-fake{margin:0;max-width:8rem;font-size:.8125rem;line-height:1.15}
  .tlac{min-height:44px;padding-inline:.8rem;font-size:.9375rem}
}
@media (max-width:640px){.pata-in{display:block}}
@media (min-width:860px){.fake,.hero-fake,.zn,.pocet{font-size:1.0625rem}.brand-s{font-size:1.0625rem}}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{transition:none!important;animation:none!important}
}
@media print{.top .tlac,.nav,.jeviste{display:none}body{background:#fff;color:#000}}
/* FORMA-POLISH (generuje vizitka/tools/ukazky-polish.py) */
::selection{background:#ede4cf;color:#111111}
:where(html){scrollbar-color:#ede4cf #1e2a2e}
:where(input,textarea){caret-color:#ede4cf}
: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 #ede4cf;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 */