/* Hamburger + celoobrazovkové menu (podľa theeightclub.com): zdieľané index.html aj home.html */
.burger{
  position:relative;width:32px;height:18px;padding:0;border:0;background:none;cursor:pointer;
  color:inherit;display:block;filter:drop-shadow(0 1px 3px rgba(0,0,0,.9)) drop-shadow(0 0 10px rgba(0,0,0,.55));   /* čitateľný aj nad svetlým videom */
}
.burger span{position:absolute;left:0;height:2px;border-radius:1px;background:currentColor;transition:transform .45s cubic-bezier(.2,.7,.2,1),width .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease}
.burger .b-top{top:2px;width:32px}
.burger .b-bottom{bottom:2px;width:16px}
.burger .b-label{
  top:50%;left:44px;transform:translateY(-50%);width:auto;height:auto;background:none;
  font-family:"Gill Sans","Gill Sans MT","Jost",sans-serif;font-size:11px;letter-spacing:3px;text-transform:uppercase;text-align:left;line-height:1;
  opacity:.9;white-space:nowrap;
}
.burger:hover .b-top{transform:translateY(-5px)}
.burger:hover .b-bottom{width:32px;transform:translateY(5px)}
.burger:hover .b-label{opacity:1;letter-spacing:4px}

.menu{
  position:fixed;inset:0;z-index:60;
  background:transparent;color:var(--ink,#ece6dc);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  visibility:hidden;overflow-y:auto;padding:72px 20px 32px;box-sizing:border-box;
}
.menu.is-open{visibility:visible}
.menu.is-painted{background:var(--menu-bg,#15100c)}
/* telefón / dotyk: bez štetcových snímok (na iOS sekali), len mäkké prelínanie */
/* telefón / dotyk: rovnaký štetec, ale z vopred vyrenderovaného sprite (12 snímok v jednom WebP), prehráva ho CSS – bez sekania */
.menu.is-simple{background:transparent}
.menu.is-simple.is-painted{background:var(--menu-bg,#15100c)}
.menu.is-simple .menu-paint{display:block;background:url("img/menu-brush-m.webp") center 0/100% 1200% no-repeat;opacity:0}
.menu.is-simple.is-open .menu-paint{opacity:1;animation:brushIn .48s steps(11,end) forwards}
.menu.is-simple.is-painted .menu-paint{display:none}
.menu.is-simple.is-closing .menu-paint{display:block;opacity:1;animation:brushOut .48s steps(11,end) forwards}
@keyframes brushIn{from{background-position-y:0%}to{background-position-y:100%}}
@keyframes brushOut{from{background-position-y:100%}to{background-position-y:0%}}
.menu.is-simple .menu-links .ch{filter:none}
.menu-paint{position:absolute;inset:0;color:var(--menu-bg,#15100c);pointer-events:none}
.menu-paint svg{display:block;width:100%;height:100%}
.menu-paint .bf{display:none}
.menu.is-painted .menu-paint{display:none}
.menu-links,.menu-legal,.menu-close{position:relative;z-index:1;transition:opacity .25s ease}
.menu.is-closing .menu-links,.menu.is-closing .menu-legal,.menu.is-closing .menu-close{opacity:0!important;transition:opacity .2s ease;filter:none}
.menu-close{
  position:absolute;z-index:1;left:clamp(20px,4vw,56px);top:clamp(12px,2.1vw,30px);
  width:40px;height:40px;border-radius:50%;
  border:1px solid color-mix(in srgb,var(--gold) 55%,transparent);background:var(--bg,#050505);color:var(--gold,#d6b877);
  cursor:pointer;display:grid;place-items:center;padding:0;
  opacity:0;filter:blur(6px);
  transition:opacity .8s cubic-bezier(.77,0,.175,1) .6s,filter .8s cubic-bezier(.77,0,.175,1) .6s,border-color .2s ease;
}
.menu-close:hover{border-color:color-mix(in srgb,var(--gold) 100%,transparent)}
.menu-close::before,.menu-close::after{content:"";position:absolute;width:9px;height:1px;background:currentColor;transform:rotate(45deg)}
.menu-close::after{transform:rotate(-45deg)}
.menu.is-open .menu-close{opacity:1;filter:blur(0)}
.menu-links{display:flex;flex-direction:column;align-items:center;gap:clamp(10px,2.8vh,40px);margin:0;padding:0;list-style:none}
.menu-links a{
  font-family:"Cormorant Garamond","Iowan Old Style",Georgia,serif;font-weight:400;font-size:clamp(34px,min(5.2vw,8vh),84px);line-height:1;letter-spacing:-.005em;
  white-space:nowrap;
}
.menu-links a em{font-style:italic;color:var(--gold,#d6b877)}
.menu-links .ch{
  display:inline-block;opacity:0;filter:blur(9px);transform:translateY(6px);
  transition:opacity .45s ease,filter .45s ease,transform .45s ease;
  transition-delay:0s;
}
.menu.is-open .menu-links .ch{opacity:1;filter:blur(0);transform:none;transition-delay:calc(var(--d) * 1s)}
.menu-links a:hover .ch{color:var(--gold,#d6b877)}
.menu-legal{
  display:flex;flex-direction:column;align-items:center;gap:clamp(10px,1.8vh,18px);margin-top:clamp(20px,4vh,60px);
  font-family:"Gill Sans","Gill Sans MT","Jost",sans-serif;font-size:12px;letter-spacing:3px;text-transform:uppercase;
}
.menu-legal a{padding-bottom:5px;border-bottom:1px solid color-mix(in srgb,var(--gold) 55%,transparent);opacity:0;filter:blur(6px);transition:opacity .8s cubic-bezier(.77,0,.175,1),filter .8s cubic-bezier(.77,0,.175,1),border-color .2s ease}
.menu-legal a:hover{border-color:var(--gold,#d6b877)}
.menu.is-open .menu-legal a{opacity:1;filter:blur(0)}
.menu.is-open .menu-legal a:nth-child(1){transition-delay:.55s}
.menu.is-open .menu-legal a:nth-child(2){transition-delay:.65s}
.menu.is-open .menu-legal a:nth-child(3){transition-delay:.75s}
.menu-legal .menu-out{margin-top:14px;color:var(--gold-3,#e0a58a);border-bottom-color:transparent}
.menu-legal .menu-out::before{content:"";display:block;width:26px;height:1px;margin:0 auto 14px;background:color-mix(in srgb,var(--gold) 40%,transparent)}
.menu-legal .menu-out:hover{color:var(--ink);border-bottom-color:var(--gold)}
body.menu-open{overflow:hidden}
@media (prefers-reduced-motion:reduce){
  .menu,.menu-close,.menu-links .ch,.menu-legal a{transition-duration:.01s!important;transition-delay:0s!important}
}

/* telefón a nízke okná: menšie písmo a rozostupy, menu sa dá posúvať (7 položiek + päta) */
@media (max-width:700px),(max-height:680px){
  .menu{justify-content:flex-start;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:max(84px,11vh) 20px 40px}
  .menu-links{gap:12px}
  .menu-links a{font-size:clamp(30px,9.5vw,40px)}
  .menu-legal{margin-top:28px;gap:12px;font-size:10px;letter-spacing:2.5px}
}