:root{
  --beige:#E5E1DA;
  --beige-light:#F4F1EC;
  --red:#7E1C32;
  --red-dark:#601525;
  --pink:#F0B6C1;
  --white:#FFFFFF;
  --gray-950:#26201C;
  --ink:#171310;

  --gut:clamp(1rem,3.2vw,3.5rem);
  --gap:clamp(1rem,1.6vw,1.5rem);
  --r-xl:1rem;
  --r-2xl:1.5rem;
  --ease:cubic-bezier(.16,1,.3,1);       
  --ease-ui:cubic-bezier(.33,1,.68,1);   
  --dur-hover:.18s;
  --dur-press:.12s;
  
  --mono:1;
}
.apply-py{padding-block:clamp(4rem,8vw,9rem)}
.apply-pt{padding-top:clamp(4rem,8vw,9rem)}
.apply-pb{padding-bottom:clamp(4rem,8vw,9rem)}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
html,body{overflow-x:hidden}
@supports (overflow-x:clip){html,body{overflow-x:clip}}
body{margin:0;background:var(--beige);color:var(--red);
  font-family:"Inter",system-ui,-apple-system,sans-serif;
  font-size:1rem;line-height:1.5;-webkit-font-smoothing:antialiased}
body.no-scroll{overflow:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
ul{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure{margin:0}
:focus-visible{outline:3px solid var(--red);outline-offset:3px}
.on-red :focus-visible,.text-white :focus-visible{outline-color:var(--white)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

.display-2,.display-3,.h2,.h4,.h5,.font-heading{
  font-family:"Anton",Impact,"Haettenschweiler",sans-serif;font-weight:400;
  text-transform:uppercase;line-height:.9;letter-spacing:.01em}
.display-2{font-size:clamp(4rem,13vw,9.5rem)}
.display-3{font-size:clamp(2.4rem,6vw,5rem);line-height:.92}
.h2{font-size:clamp(1.75rem,3.6vw,3.25rem);line-height:1.02}
.h4{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.05}
.h5{font-size:clamp(1.05rem,1.55vw,1.5rem);line-height:1.15}
.h5 p+p{margin-top:.8em}
.text-red{color:var(--red)}
.text-white{color:var(--white)}
.body-sm{font-size:.9375rem;line-height:1.5}

.container{width:100%;max-width:1620px;margin-inline:auto;padding-inline:var(--gut)}
.grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.mx-2{margin-inline:.5rem}
.mt-2{margin-top:.5rem}
.my-2{margin-block:.5rem}
.rounded-xl{border-radius:var(--r-xl)}
.rounded-2xl{border-radius:var(--r-2xl)}
.center{text-align:center}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:.75rem;
  padding:.95rem 1.9rem;border-radius:999px;font-family:"Anton",sans-serif;
  text-transform:uppercase;letter-spacing:.04em;font-size:clamp(.95rem,1.1vw,1.1rem);
  line-height:1;transition:background-color .25s,color .25s,transform var(--dur-hover) var(--ease-ui)}
.btn-icon svg{width:1.05em;height:1.05em;flex:none;transition:transform var(--dur-hover) var(--ease-ui)}
.btn-primary{background:var(--red);color:var(--beige)}
.btn-primary:hover{background:var(--red-dark)}
.btn-light{background:var(--white);color:var(--red)}
.btn-light:hover{background:var(--beige)}
.btn-outline-red{box-shadow:inset 0 0 0 2px var(--red);color:var(--red)}
.btn-outline-red:hover{background:var(--red);color:var(--beige)}
.btn-outline-light{box-shadow:inset 0 0 0 2px var(--white);color:var(--white)}
.btn-outline-light:hover{background:var(--white);color:var(--red)}

@media (hover:hover) and (pointer:fine){
  .btn:hover{transform:translateY(-2px)}
  .btn-icon:hover svg{transform:translateX(5px)}
  .btn:active{transform:translateY(-2px) scale(.97)}
}

.btn:active{transform:scale(.97);transition-duration:var(--dur-press)}

.ticker{display:flex;overflow:hidden;width:100%}
.ticker__row{display:inline-flex;flex:none;align-items:center;gap:.65rem;padding-right:.65rem;
  animation:cinema-left 30s linear infinite;white-space:nowrap}
.ticker--slow .ticker__row{animation-duration:52s}
.ticker .sep{width:.625rem;height:1px;background:currentColor;flex:none;margin-bottom:.25rem}

.menu{filter:grayscale(var(--mono));
  position:fixed;top:0;left:0;z-index:60;width:100%;max-width:100vw;
  padding-block:.75rem;background:transparent;
  transition:transform .4s var(--ease),background-color .3s var(--ease),box-shadow .3s var(--ease)}
@media (min-width:768px){.menu{padding-block:1rem}}
@media (min-width:1200px){.menu{padding-block:0}}
.menu.stuck{background:var(--beige);box-shadow:0 1px 0 rgba(23,19,16,.08)}
.menu.hide{transform:translateY(-100%)}

html.hero-pass .menu{transform:translateY(-100%);pointer-events:none}
.is-open .menu.hide{transform:none}
.is-open .menu{background:transparent;box-shadow:none}
.menu>.container{position:relative;z-index:20}

.logo{display:block}

.logo-mark{position:relative;display:block;width:100%;line-height:0}
.logo-mark img{display:block;width:100%;height:auto}
.logo-mark .on-dark{position:absolute;left:0;top:0;opacity:var(--mono);
  transition:opacity .3s}

.foot-brand .logo-mark .on-dark,
.is-open .logo-mark .on-dark{opacity:1}
.toggle{position:relative;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;
  height:3rem;width:3rem;border-radius:.85rem;background:var(--white);padding-inline:.85rem;flex:none;
  transition:background-color .25s,transform var(--dur-press) var(--ease-ui)}
.toggle:active{transform:scale(.94)}
.is-open .toggle{background:var(--beige)}
.toggle i{display:block;height:2px;width:1.25rem;border-radius:2px;background:var(--red);
  transition:transform .3s var(--ease),opacity .2s,width .3s}
.toggle i+i{margin-top:.375rem}
.toggle i:nth-child(3){width:.75rem}
.is-open .toggle i:nth-child(1){transform:translateY(9px) rotate(45deg)}
.is-open .toggle i:nth-child(2){opacity:0}
.is-open .toggle i:nth-child(3){width:1.25rem;transform:translateY(-9px) rotate(-45deg)}

.menu-header{position:relative;display:flex;align-items:center;
  justify-content:space-between;gap:1rem;min-height:3rem}
.menu-header .logo{position:static;transform:none;width:6.5rem;flex:none}

.nav-desktop{display:none}
@media (min-width:1200px){
  .menu-header{display:none}
  .nav-desktop{position:relative;display:flex;width:100%;align-items:center;justify-content:center;
    padding-block:1.15rem}
  .nav-desktop .column-left,.nav-desktop .column-right{display:flex;align-items:center;
    gap:2.75rem;width:calc(50% - 3.75rem)}
  .nav-desktop .column-left{justify-content:flex-end;padding-right:2.75rem}
  .nav-desktop .column-right{justify-content:flex-start;padding-left:2.75rem}
  .nav-desktop .column-middle{width:7.5rem;flex:none;display:flex;justify-content:center}
  .nav-desktop .column-middle .logo{width:100%}
  .menu-item>a{display:block;padding-block:.6rem;transition:color .25s;
    color:color-mix(in oklab,var(--ink),var(--beige) calc(var(--mono) * 100%))}
  .menu-item>a:hover{color:var(--red)}
  .menu-item .label{font-family:"Anton",sans-serif;font-size:1.0625rem;letter-spacing:.035em;
    text-transform:uppercase;line-height:1;position:relative;white-space:nowrap}
  .menu-item .label::after{content:"";position:absolute;left:0;right:0;bottom:-.3rem;height:2px;
    background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .22s var(--ease-ui)}
  .menu-item:hover .label::after{transform:scaleX(1);transform-origin:left}

  .lang-switch{position:absolute;right:0;top:50%;transform:translateY(-50%)}
  .lang-switch__btn{width:2.9rem;height:2.9rem;border-radius:.85rem;background:var(--white);
    color:var(--red);font-family:"Anton",sans-serif;font-size:.95rem;letter-spacing:.04em;
    display:grid;place-content:center;transition:background-color .25s}
  .lang-switch__btn:hover{background:var(--beige-light)}
  .lang-switch__list{position:absolute;top:calc(100% + .4rem);right:0;min-width:2.9rem;
    background:var(--white);border-radius:.85rem;padding:.3rem;
    box-shadow:0 14px 28px -14px rgba(23,19,16,.35);
    opacity:0;visibility:hidden;transform:translateY(-6px) scale(.95);transform-origin:top right;
    transition:opacity .16s,transform .2s var(--ease-ui),visibility .2s}
  .lang-switch.open .lang-switch__list{opacity:1;visibility:visible;transform:none}
  .lang-switch__list a{display:block;padding:.45rem .6rem;border-radius:.55rem;text-align:center;
    color:var(--red);font-family:"Anton",sans-serif;font-size:.9rem;letter-spacing:.04em}
  .lang-switch__list a:hover{background:var(--beige)}
  
  .lang-switch__list a[aria-current="true"]{display:none}
}

.bottom-nav{position:fixed;z-index:50;left:50%;bottom:1rem;transform:translateX(-50%);
  display:flex;gap:.55rem;padding:.5rem;border-radius:1rem;background:var(--red);
  max-width:calc(100vw - 1rem);
  box-shadow:0 18px 34px -18px rgba(23,19,16,.65);
  transition:opacity .3s var(--ease),transform .3s var(--ease)}
.bottom-nav a{flex:0 0 auto;display:grid;place-items:center;text-align:center;
  background:var(--red);color:var(--beige);border-radius:.6rem;
  box-shadow:inset 0 0 0 2px var(--beige);
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-size:.95rem;line-height:1;padding:1rem 1.35rem;white-space:nowrap;
  transition:background-color .25s,color .25s,transform var(--dur-press) var(--ease-ui)}
.bottom-nav a:hover{background:var(--beige);color:var(--red)}
.bottom-nav a:active{transform:scale(.96)}
@media (max-width:700px){
  
  .bottom-nav{bottom:.5rem;max-width:calc(100vw - 1.25rem);
    gap:.45rem;padding:.45rem;border-radius:1.05rem}
  
  .bottom-nav a{flex:0 0 auto;padding:1.1rem clamp(.68rem,2.9vw,1.15rem);
    font-size:.86rem;border-radius:.7rem}
}

.hero-in-view .bottom-nav{opacity:0;transform:translate(-50%,140%);pointer-events:none}
.is-open .bottom-nav{opacity:0;transform:translate(-50%,140%);pointer-events:none}
@media (max-width:700px){.is-open .bottom-nav{transform:translateY(140%)}}

.menu-panel{position:fixed;inset:0;z-index:55;background:var(--red);color:var(--white);
  padding:6.5rem var(--gut) 2.5rem;display:flex;flex-direction:column;justify-content:space-between;
  overflow-y:auto;clip-path:inset(0 0 100% 0);transition:clip-path .5s var(--ease);pointer-events:none}
.is-open .menu-panel{clip-path:inset(0 0 0 0);pointer-events:auto}
.menu-panel .m-links a{display:block;font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(2rem,9vw,3rem);line-height:1;padding-block:.45rem;
  opacity:0;transform:translateY(18px);transition:opacity .4s,transform .5s var(--ease)}
.is-open .menu-panel .m-links a{opacity:1;transform:none}
.is-open .m-links a:nth-child(1){transition-delay:.14s}
.is-open .m-links a:nth-child(2){transition-delay:.195s}
.is-open .m-links a:nth-child(3){transition-delay:.25s}
.is-open .m-links a:nth-child(4){transition-delay:.305s}
.is-open .m-links a:nth-child(5){transition-delay:.36s}
.menu-panel .label-dim{opacity:.5;margin-bottom:1rem}
.lang{display:flex;gap:.75rem;font-family:"Anton",sans-serif;font-size:.95rem;letter-spacing:.08em}
.lang a{opacity:.45;transition:opacity .2s}
.lang a.is-active,.lang a:hover{opacity:1}
.socials{display:flex;gap:1.25rem;align-items:center}
.socials a{width:2rem;height:2rem;display:grid;place-content:center;transition:opacity .2s}
.socials a:hover{opacity:.7}
.socials svg{width:100%;height:100%;fill:currentColor}

:root{--hero-run:140svh;--hero-lap:100svh}   
.block-hero{position:relative;isolation:isolate;z-index:2}
.hero-room{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  
  .block-hero{min-height:calc(100svh + var(--hero-run))}
  
  .block-hero .hero-room{position:sticky;top:0}
  .hero-house{will-change:transform;transform-origin:50% 38%}
  .hero-room.is-pass{pointer-events:none}   
  .hero-room.is-gone{visibility:hidden}
  .block-intro{margin-top:calc(-1 * var(--hero-lap));z-index:1}
}
@media (max-width:899px){:root{--hero-run:110svh}}

.hero-room::after{content:"";position:absolute;left:0;right:0;bottom:0;height:24%;
  z-index:5;pointer-events:none;
  background:linear-gradient(0deg,
    #0b0a09 0%,#0b0a09 6%,rgba(11,10,9,.93) 18%,rgba(11,10,9,.78) 32%,
    rgba(11,10,9,.58) 47%,rgba(11,10,9,.36) 63%,rgba(11,10,9,.18) 78%,
    rgba(11,10,9,.06) 90%,rgba(11,10,9,0) 100%)}
.hero-room{position:relative;min-height:100svh;display:grid;
  align-items:center;justify-items:center;background:#0b0a09;
  padding:clamp(5.5rem,11vh,7.5rem) var(--gut) clamp(1.6rem,4.5vh,2.8rem)}

.hero-house{position:absolute;inset:0;overflow:hidden;z-index:0}
.hero-house__inner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:max(100%,calc(100svh * 1672 / 941));aspect-ratio:1672/941}
.hero-house__img{position:absolute;inset:0;z-index:2;
  width:100%;height:100%;object-fit:fill;pointer-events:none}

@media (min-width:1101px){
  .hero-house__inner{--z:1.2;
    width:max(calc(100% * var(--z)),calc(100svh * 1672 / 941 * var(--z)))}
  
  .hero-room::after{height:32%}
}

.hero-screen{position:absolute;z-index:1;overflow:hidden;background:#0a0908;
  left:13.218%;top:10.946%;width:73.744%;height:54.623%}
.hero-screen>*{position:absolute;inset:0}
.hero-screen__pic{overflow:hidden;animation:gateWeave .5s steps(1) infinite}

.hero-reel{position:absolute;top:0;bottom:0;
  left:max(0px,calc((100% - 100vw) / 2 - 4px));right:max(0px,calc((100% - 100vw) / 2 - 4px));
  container:reel / size}

.hero-reel__grid{--reel-n:4;position:absolute;inset:0;display:grid;
  grid-template-columns:repeat(var(--reel-n),minmax(0,1fr));grid-template-rows:minmax(0,1fr);
  column-gap:clamp(2px,.28cqw,5px);background:#050404}
.hero-reel__clip{grid-row:1;grid-column:var(--col);width:100%;height:100%;
  min-width:0;min-height:0;display:block;background:#0a0908;opacity:0;
  object-fit:cover;object-position:calc(var(--fx,.5) * 100%) calc(var(--fy,.5) * 100%);
  
  filter:grayscale(1) contrast(1.34) brightness(1.22) sepia(.12)}
.hero-reel__clip[data-clip=krigel]{--col:1}
.hero-reel__clip[data-clip=capovanie]{--col:2}
.hero-reel__clip[data-clip=mlete]{--col:3}
.hero-reel__clip[data-clip=rebra]{--col:4}
.hero-reel__grid:not([data-live]) .hero-reel__clip,
.hero-reel__clip.is-on{opacity:1}
@container reel (1378/1000 <= aspect-ratio < 1949/1000){
  .hero-reel__grid{--reel-n:3}
  .hero-reel__clip[data-clip=mlete]{--col:2}
  .hero-reel__clip[data-clip=rebra]{--col:3}
  .hero-reel__grid:not([data-live]) .hero-reel__clip[data-clip=mlete]{opacity:0}
}
@container reel (795/1000 <= aspect-ratio < 1378/1000){
  .hero-reel__grid{--reel-n:2}
  .hero-reel__clip[data-clip=krigel],.hero-reel__clip[data-clip=capovanie]{--col:1}
  .hero-reel__clip[data-clip=mlete],.hero-reel__clip[data-clip=rebra]{--col:2}
  .hero-reel__grid:not([data-live]) .hero-reel__clip[data-clip=krigel],
  .hero-reel__grid:not([data-live]) .hero-reel__clip[data-clip=rebra]{opacity:0}
}
@container reel (aspect-ratio < 795/1000){
  .hero-reel__grid{--reel-n:1}
  .hero-reel__clip[data-clip]{--col:1}
  .hero-reel__grid:not([data-live]) .hero-reel__clip[data-clip]:not([data-clip=capovanie]){opacity:0}
}

@supports not (container-type:size){
  @media (max-width:899px) and (orientation:portrait){
    .hero-reel__grid{--reel-n:1}
    .hero-reel__clip[data-clip]{--col:1}
    .hero-reel__grid:not([data-live]) .hero-reel__clip[data-clip]:not([data-clip=capovanie]){opacity:0}
  }
}

.hero-screen__grade{background:linear-gradient(#fff,#fff);mix-blend-mode:soft-light;
  animation:gateFlicker 3.1s steps(1) infinite}
.hero-screen__vig{background:radial-gradient(78% 68% at 50% 48%,transparent 40%,rgba(0,0,0,.62) 100%)}

.hero-screen__grain{mix-blend-mode:overlay;opacity:.34;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='150' height='150'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' seed='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='190' height='190'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.61' numOctaves='3' seed='17' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  background-size:104px 104px,167px 167px;
  animation:grainShift .333s steps(1) infinite}

.hero-screen__scratch{background-repeat:repeat-y;
  background-image:
    linear-gradient(90deg,transparent 0 9px,rgba(255,255,255,.5) 9px 9.9px,transparent 9.9px),
    linear-gradient(90deg,transparent 0 6px,rgba(255,255,255,.3) 6px 6.7px,transparent 6.7px),
    linear-gradient(90deg,transparent 0 11px,rgba(0,0,0,.42) 11px 12.4px,transparent 12.4px),
    linear-gradient(90deg,transparent 0 4px,rgba(255,255,255,.12) 4px 7px,transparent 7px);
  background-size:24px 100%,20px 100%,26px 100%,22px 100%;
  animation:scratchLife 19s steps(1) infinite,
            gateWeave .5s steps(1) infinite}

.hero-screen__specks{z-index:3;pointer-events:none;opacity:.9;
  background-repeat:repeat;
  background-image:
    radial-gradient(circle at 17% 31%,rgba(8,7,6,.94) 0 1.2px,transparent 2px),
    radial-gradient(circle at 68% 12%,rgba(8,7,6,.86) 0 1.8px,transparent 2.7px),
    radial-gradient(circle at 41% 77%,rgba(8,7,6,.8) 0 1.1px,transparent 1.8px),
    radial-gradient(circle at 86% 58%,rgba(8,7,6,.9) 0 2.4px,transparent 3.4px),
    radial-gradient(circle at 9% 84%,rgba(246,241,230,.55) 0 1.3px,transparent 2.1px),
    radial-gradient(circle at 55% 44%,rgba(8,7,6,.84) 0 1.5px,transparent 2.3px),
    radial-gradient(circle at 31% 8%,rgba(8,7,6,.88) 0 1px,transparent 1.6px),
    radial-gradient(circle at 74% 89%,rgba(8,7,6,.76) 0 1.9px,transparent 2.8px),
    radial-gradient(circle at 5% 52%,rgba(246,241,230,.4) 0 1.1px,transparent 1.8px);
  background-size:149px 113px,181px 157px,113px 131px,227px 173px,137px 101px,
                  199px 143px,97px 89px,163px 191px,127px 167px;
  animation:speckShift .24s steps(1) infinite}
@keyframes speckShift{
  0%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}
  20%{background-position:83px 61px,-47px 119px,151px -73px,29px 97px,-113px 41px,
      67px -59px,41px 83px,-91px 29px,113px -37px}
  40%{background-position:-131px 37px,109px -83px,-59px 143px,-97px -41px,73px 127px,
      -149px 89px,-53px -71px,127px 61px,-79px 103px}
  60%{background-position:47px -109px,-163px 53px,97px 71px,137px -119px,-61px -97px,
      113px 31px,89px -43px,-37px 137px,59px 71px}
  80%{background-position:-71px 91px,53px -127px,-113px -59px,79px 43px,101px -83px,
      -29px 119px,-67px 47px,71px -101px,-131px -29px}
  100%{background-position:0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0,0 0}}

.hero-screen__blotch{z-index:3;pointer-events:none;mix-blend-mode:multiply;
  background-repeat:no-repeat;
  background-size:150% 150%,150% 150%,150% 150%,150% 150%;
  background-image:
    radial-gradient(ellipse 9% 13% at 24% 28%,rgba(9,8,6,.66) 0%,rgba(9,8,6,.28) 46%,transparent 74%),
    radial-gradient(ellipse 6% 10% at 73% 19%,rgba(9,8,6,.58) 0%,transparent 71%),
    radial-gradient(ellipse 13% 7% at 58% 81%,rgba(9,8,6,.54) 0%,transparent 76%),
    radial-gradient(ellipse 4% 8% at 88% 63%,rgba(9,8,6,.62) 0%,transparent 69%);
  animation:blotchLife 4.9s steps(1) infinite}
@keyframes blotchLife{
  0%,100%{opacity:.42;background-position:0% 0%,100% 0%,0% 100%,100% 100%}
  17%{opacity:.78;background-position:28% 14%,72% 9%,19% 88%,84% 77%}
  33%{opacity:.2;background-position:61% 41%,33% 66%,77% 22%,12% 54%}
  52%{opacity:.64;background-position:9% 73%,88% 38%,44% 61%,66% 16%}
  71%{opacity:.28;background-position:74% 22%,17% 81%,58% 34%,39% 92%}
  86%{opacity:.58;background-position:37% 58%,56% 27%,91% 69%,23% 31%}}

.hero-screen__hair{z-index:3;pointer-events:none;opacity:0;
  background-repeat:no-repeat;background-size:auto 24%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 60 100'%3E%3Cpath d='M22 100C24 88 16 82 21 73C26 64 15 58 20 49C24 42 17 37 21 31' fill='none' stroke='%23000' stroke-opacity='.72' stroke-width='1.4' stroke-linecap='round'/%3E%3C/svg%3E");
  animation:hairLife 23s steps(1) infinite}
@keyframes hairLife{
  0%,70%  {opacity:0;background-position:8% bottom}
  70.4%   {opacity:.85;background-position:8% bottom}
  71.6%   {opacity:.9;background-position:8.7% bottom}
  72.8%   {opacity:.78;background-position:7.5% bottom}
  74%     {opacity:.9;background-position:9.1% bottom}
  75.2%   {opacity:.66;background-position:8.3% bottom}
  76%,100%{opacity:0;background-position:8% bottom}}

.hero-screen__splice{z-index:3;pointer-events:none;opacity:0;
  background:linear-gradient(180deg,
    transparent 0 38%,rgba(0,0,0,.9) 38% 45%,
    rgba(246,241,230,.28) 45% 45.9%,transparent 45.9%);
  animation:spliceRoll 17s steps(1) infinite}
@keyframes spliceRoll{
  0%,94%  {opacity:0;transform:translateY(-58%)}
  94.4%   {opacity:1;transform:translateY(-58%)}
  95.2%   {opacity:1;transform:translateY(-26%)}
  96%     {opacity:1;transform:translateY(6%)}
  96.8%   {opacity:1;transform:translateY(38%)}
  97.6%   {opacity:1;transform:translateY(70%)}
  98.4%,100%{opacity:0;transform:translateY(70%)}}

.hero-screen__cue{z-index:3;pointer-events:none;background-repeat:no-repeat;
  background-image:radial-gradient(circle 15px at calc(100% - 7%) 13%,
    rgba(255,247,228,.72) 0 8px,rgba(255,247,228,.26) 9px 12px,transparent 14px);
  animation:cueBurn 19s steps(1) infinite}
@keyframes cueBurn{0%,100%{opacity:0}.5%{opacity:.9}1%{opacity:0}
  1.5%{opacity:.72}2%{opacity:0}}

.hero-bloom,.hero-flare,.hero-throw,.hero-rays{position:absolute;pointer-events:none;mix-blend-mode:screen}
.hero-bloom{z-index:3;left:50.09%;top:38.27%;transform:translate(-50%,-50%);
  width:146%;height:196%;
  background:radial-gradient(ellipse 45% 36% at 50% 50%,
    rgba(255,247,228,.52) 0%,rgba(255,238,206,.28) 32%,
    rgba(188,206,255,.13) 58%,transparent 80%);
  animation:bloomPulse 3.1s steps(1) infinite}

.hero-rays{z-index:3;pointer-events:none;mix-blend-mode:screen;
  left:50.09%;top:38.27%;transform:translate(-50%,-50%);
  width:128%;height:140%;opacity:.45;
  -webkit-mask-image:radial-gradient(ellipse 54% 52% at 50% 46%,
    #000 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.4) 68%,transparent 92%);
  mask-image:radial-gradient(ellipse 54% 52% at 50% 46%,
    #000 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.4) 68%,transparent 92%);
  transition:opacity .18s linear}
.hero-rays::before,.hero-rays::after{content:"";position:absolute;inset:0}
.hero-rays::before{
  background:repeating-conic-gradient(from 172deg at 38% -78%,
    rgba(255,247,230,0) 0deg,   rgba(255,247,230,.11) 1.7deg,
    rgba(255,247,230,0) 3.4deg, rgba(255,247,230,0) 5.6deg,
    rgba(255,247,230,.05) 6.9deg, rgba(255,247,230,0) 9.6deg);
  transform-origin:38% -78%;
  animation:raysA 19s ease-in-out infinite}
.hero-rays::after{
  background:repeating-conic-gradient(from 187deg at 63% -64%,
    rgba(222,234,255,0) 0deg,  rgba(222,234,255,.075) 3deg,
    rgba(222,234,255,0) 5.9deg, rgba(222,234,255,0) 9.7deg,
    rgba(222,234,255,.04) 11.4deg, rgba(222,234,255,0) 13.8deg);
  transform-origin:63% -64%;
  animation:raysB 31s ease-in-out infinite}

@keyframes raysA{0%,100%{transform:rotate(-.8deg)}50%{transform:rotate(.8deg)}}
@keyframes raysB{0%,100%{transform:rotate(.6deg)}50%{transform:rotate(-.6deg)}}

.hero-throw{z-index:3;pointer-events:none;mix-blend-mode:screen;
  left:50.09%;top:65.57%;transform:translate(-50%,-50%);
  width:190%;height:150%;opacity:.42;
  background:radial-gradient(ellipse 40% 42% at 50% 50%,
    rgba(255,246,224,.5) 0%,rgba(255,240,212,.26) 30%,
    rgba(206,220,255,.12) 56%,transparent 78%);
  transition:opacity .18s linear}

.hero-flare{z-index:4;left:0;right:0;top:38.27%;height:3.6%;transform:translateY(-50%);
  filter:blur(10px);
  background:linear-gradient(90deg,transparent 5%,rgba(168,203,255,.42) 30%,
    rgba(230,241,255,.74) 50%,rgba(168,203,255,.42) 70%,transparent 95%);
  animation:flarePulse 3.1s steps(1) infinite}

@keyframes bloomPulse{0%,100%{opacity:.78}8%{opacity:.88}17%{opacity:.70}
  23%{opacity:.87}31%{opacity:.72}44%{opacity:.84}52%{opacity:.68}
  63%{opacity:.86}71%{opacity:.76}88%{opacity:.81}}
@keyframes flarePulse{0%,100%{opacity:.32}8%{opacity:.40}17%{opacity:.26}
  23%{opacity:.42}31%{opacity:.28}44%{opacity:.37}52%{opacity:.24}
  63%{opacity:.40}71%{opacity:.30}88%{opacity:.35}}

@keyframes gateWeave{
  0%     {transform:translate(0,0)}
  8.33%  {transform:translate(-.7px,.4px)}
  16.66% {transform:translate(.5px,-.6px)}
  25%    {transform:translate(.9px,.2px)}
  33.33% {transform:translate(-.4px,-.8px)}
  41.66% {transform:translate(.2px,.7px)}
  50%    {transform:translate(-.9px,-.2px)}
  58.33% {transform:translate(.6px,.5px)}
  66.66% {transform:translate(-.2px,-.5px)}
  75%    {transform:translate(.8px,-.3px)}
  83.33% {transform:translate(-.6px,.8px)}
  91.66% {transform:translate(.3px,-.7px)}
  100%   {transform:translate(0,0)}}

@keyframes gateFlicker{0%,100%{opacity:.30}8%{opacity:.34}17%{opacity:.26}
  23%{opacity:.35}31%{opacity:.28}44%{opacity:.32}52%{opacity:.23}
  63%{opacity:.34}71%{opacity:.29}88%{opacity:.31}}
@keyframes grainShift{
  0%     {background-position:0 0,0 0}
  12.5%  {background-position:61px 37px,-83px 19px}
  25%    {background-position:-47px 89px,53px -71px}
  37.5%  {background-position:97px -23px,-29px 113px}
  50%    {background-position:-73px -61px,91px 47px}
  62.5%  {background-position:29px 107px,-61px -37px}
  75%    {background-position:-101px 43px,37px 83px}
  87.5%  {background-position:79px -89px,-107px -19px}
  100%   {background-position:0 0,0 0}}

@keyframes scratchLife{
  0%,100%{background-position:17% 0,63% 0,41% 0,88% 0;opacity:.42}
  11%    {background-position:17% 0,63% 0,41% 0,88% 0;opacity:.26}
  23%    {background-position:19% 0,61% 0,41% 0,88% 0;opacity:.5}
  34%    {background-position:19% 0,61% 0,44% 0,12% 0;opacity:.16}
  46%    {background-position:31% 0,74% 0,44% 0,12% 0;opacity:.38}
  55%    {background-position:31% 0,74% 0,9% 0,12% 0;opacity:.86}
  61%    {background-position:29% 0,76% 0,9% 0,14% 0;opacity:.92}
  67%    {background-position:31% 0,74% 0,9% 0,12% 0;opacity:.7}
  72%    {background-position:52% 0,26% 0,67% 0,35% 0;opacity:.2}
  84%    {background-position:52% 0,26% 0,67% 0,35% 0;opacity:.44}
  93%    {background-position:52% 0,24% 0,67% 0,35% 0;opacity:.3}}

.hero-screen__copy{z-index:4;display:grid;align-content:center;justify-items:center;
  text-align:center;padding:clamp(1rem,2.6vw,2.4rem);gap:.15rem;
  color:#F6F1E6;text-shadow:0 2px 4px rgba(0,0,0,.85),0 0 30px rgba(0,0,0,.7)}

.hero-screen__copy::before{content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(56% 62% at 50% 50%,rgba(0,0,0,.66) 0%,rgba(0,0,0,.36) 55%,transparent 100%)}

.hero-subs-wrap{position:absolute;z-index:5;pointer-events:none;
  left:13.218%;top:10.946%;width:73.744%;height:54.623%}   
.hero-subs{position:absolute; z-index:4; left:0; right:0; top:0; bottom:5.5%;
  display:flex; align-items:flex-end; justify-content:center;
  padding:0 clamp(1rem,4vw,3rem); pointer-events:none}
.hero-subs__cue{margin:0; text-align:center; white-space:pre-line;
  min-height:2.6em; display:flex; align-items:flex-end;
  font-family:"Inter",system-ui,sans-serif; font-weight:500;
  font-size:clamp(.82rem,1.35vw,1.12rem); line-height:1.3;
  
  letter-spacing:.005em; color:var(--red);
  text-shadow:0 1px 0 rgba(244,241,236,.96), 0 -1px 0 rgba(244,241,236,.96),
              1px 0 0 rgba(244,241,236,.96), -1px 0 0 rgba(244,241,236,.96),
              1px 1px 0 rgba(244,241,236,.96), -1px -1px 0 rgba(244,241,236,.96),
              1px -1px 0 rgba(244,241,236,.96), -1px 1px 0 rgba(244,241,236,.96),
              0 2px 8px rgba(244,241,236,.7);
  opacity:0; transition:opacity .16s linear}
.hero-subs__cue.is-on{opacity:1}

.hero-mark{width:clamp(9.5rem,17vw,18rem);height:auto;
  margin-bottom:clamp(.9rem,1.7vw,1.5rem);
  filter:drop-shadow(0 2px 6px rgba(0,0,0,.75)) drop-shadow(0 0 26px rgba(0,0,0,.5))}
.hero-eyebrow{font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.2em;
  font-size:clamp(.6rem,.78vw,.8rem);margin:0 0 .8rem;opacity:.9}
.hero-title{font-family:"Anton",Impact,"Haettenschweiler",sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.01em;
  font-size:clamp(1.5rem,3.5vw,3.2rem);line-height:1.04;margin:0;padding-top:.06em;
  color:#F6F1E6;text-wrap:balance}
.hero-sub{margin:.95rem 0 0;max-width:40ch;font-size:clamp(.82rem,1vw,1.02rem);
  line-height:1.5;opacity:.92}

.hero-cta{position:relative;z-index:4;
  display:flex;flex-wrap:wrap;gap:.7rem;justify-content:center;
  padding-bottom:.35rem;filter:grayscale(var(--mono))}
.btn-outline-screen{box-shadow:inset 0 0 0 2px rgba(246,241,230,.6);color:#F6F1E6}
.btn-outline-screen:hover{background:#F6F1E6;color:var(--ink)}

.hero-deck{position:relative;z-index:6;align-self:end;width:100%;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:end;gap:clamp(1rem,2.4vw,2.4rem)}
.hero-hours,.hero-rating{width:min(19.5rem,100%);color:var(--beige-light);
  background:rgba(23,19,16,.72);border-radius:var(--r-2xl);overflow:hidden;
  box-shadow:0 28px 60px -34px rgba(0,0,0,.85),
             inset 0 0 0 1px rgba(229,225,218,.14)}
.hero-rating{justify-self:end}

@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){
  .hero-hours,.hero-rating{background:rgba(23,19,16,.62);
    -webkit-backdrop-filter:blur(20px) saturate(1.15);
    backdrop-filter:blur(20px) saturate(1.15)}
}

.hero-open{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .7rem;
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.09em;
  font-size:clamp(.64rem,.76vw,.73rem);color:var(--beige-light)}
.hero-open::before{content:"";width:.5rem;height:.5rem;border-radius:50%;flex:none;
  background:#57B36A;box-shadow:0 0 0 3px rgba(87,179,106,.22)}
.hero-open.is-shut::before{background:#C9564E;box-shadow:0 0 0 3px rgba(201,86,78,.22)}
.hero-open em{font-style:normal;opacity:.62}
.hero-open:empty{display:none}

.hero-hours{padding:clamp(1rem,1.25vw,1.3rem) clamp(1.05rem,1.3vw,1.35rem) clamp(.8rem,1vw,1rem)}
.hero-hours__label{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:clamp(.6rem,.7vw,.67rem);
  color:rgba(229,225,218,.5);margin:0 0 .6rem}
.hero-hours__list{list-style:none;margin:0;padding:0;
  font-size:clamp(.74rem,.87vw,.81rem);font-variant-numeric:tabular-nums;
  color:rgba(229,225,218,.82)}
.hero-hours__list li{display:flex;justify-content:space-between;align-items:baseline;
  gap:.75rem;padding:.2rem 0;line-height:1.4}

.hero-hours__list li.is-today{color:var(--white);font-weight:600;
  background:var(--red);border-radius:.4rem;
  margin-inline:-.45rem;padding-inline:.45rem}
.hero-rating__claim{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.02em;line-height:1.25;font-size:clamp(.78rem,.95vw,.88rem);
  color:var(--beige-light);margin:0;
  padding:clamp(.85rem,1.05vw,1.05rem) clamp(1.05rem,1.3vw,1.35rem);
  border-top:1px solid rgba(229,225,218,.12)}
.hero-rating__list{list-style:none;margin:0;padding:0}
.hero-rating__list li{border-top:1px solid rgba(229,225,218,.12)}

.hero-rating__list a{display:grid;grid-template-columns:auto 1fr auto;
  column-gap:.7rem;row-gap:.1rem;align-items:center;color:inherit;
  padding:clamp(.7rem,.9vw,.9rem) clamp(1.05rem,1.3vw,1.35rem);
  transition:background-color var(--dur-hover) var(--ease-ui)}
.hero-rating__list a:hover{background:rgba(229,225,218,.09)}
.hero-rating__mark{grid-column:1;grid-row:1/3;width:1.45rem;height:1.45rem}
.hero-rating__top{grid-column:2;grid-row:1;display:flex;align-items:baseline;gap:.4rem}
.hero-rating__score{font-family:"Anton",sans-serif;font-size:1.2rem;line-height:1;
  color:var(--white)}
.hero-rating__stars{display:flex;gap:.08rem;align-self:center;line-height:0}
.hero-rating__stars svg{width:.74rem;height:.74rem;fill:#F2B01E}
.hero-rating__stars svg.is-off{fill:rgba(229,225,218,.28)}
.hero-rating__meta{grid-column:2;grid-row:2;font-size:.72rem;color:rgba(229,225,218,.6)}
.hero-rating__go{grid-column:3;grid-row:1/3;width:1rem;height:1rem;fill:none;stroke:currentColor;
  opacity:.45;transition:transform var(--dur-hover) var(--ease-ui),opacity var(--dur-hover)}
.hero-rating__list a:hover .hero-rating__go{opacity:.85;transform:translateX(2px)}

.review-rail[hidden]{display:none}
.review-rail{border-top:1px solid rgba(23,19,16,.1)}
.review-rail__viewport{overflow-x:auto;scroll-snap-type:x mandatory;
  scrollbar-width:none;overscroll-behavior-x:contain}
.review-rail__viewport::-webkit-scrollbar{display:none}
.review-rail__track{display:flex;list-style:none;margin:0;padding:0}
.review-quote{flex:0 0 100%;scroll-snap-align:start;
  padding:clamp(.8rem,1vw,1rem) clamp(.85rem,1.05vw,1.05rem)}
.review-quote__stars{display:flex;gap:.08rem;line-height:0;margin-bottom:.5rem}
.review-quote__stars svg{width:.72rem;height:.72rem;fill:#F2B01E}
.review-quote blockquote{margin:0;font-size:.8rem;line-height:1.45}
.review-quote cite{display:block;margin-top:.55rem;font-style:normal;font-size:.7rem}
.review-quote cite b{font-weight:600}
.review-quote cite span{display:block;opacity:.6}
.review-rail__nav{display:flex;align-items:center;justify-content:space-between;
  gap:.5rem;padding:0 clamp(.5rem,.7vw,.7rem) clamp(.5rem,.7vw,.7rem)}
.review-rail__count{margin:0;font-size:.68rem;opacity:.55;font-variant-numeric:tabular-nums}
.review-rail__btn{width:1.9rem;height:1.9rem;border-radius:999px;
  display:grid;place-items:center;background:transparent;
  box-shadow:inset 0 0 0 1px rgba(23,19,16,.18);color:var(--ink);
  transition:background-color var(--dur-hover) var(--ease-ui),opacity .2s}
.review-rail__btn svg{width:.85rem;height:.85rem;fill:none;stroke:currentColor;
  stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.review-rail__btn[data-rail-prev] svg{transform:scaleX(-1)}
.review-rail__btn:hover{background:rgba(23,19,16,.07)}
.review-rail__btn:disabled{opacity:.3;pointer-events:none}

@media (max-width:1100px){
  
  .hero-room{align-content:end}
  .hero-deck{grid-template-columns:1fr;justify-items:center;gap:.9rem}
  .hero-hours,.hero-rating{width:min(24rem,100%)}
  .hero-rating{justify-self:center}
  .hero-cta{order:-1;padding-bottom:0}

  .hero-hours__list li:not(.is-today){display:none}
  .hero-hours__list li.is-today{margin-inline:0;padding-inline:.45rem}
  .hero-hours{padding-bottom:clamp(.85rem,1vw,1rem)}

  .hero-rating__claim{font-size:.78rem}
  .hero-rating__list{display:grid;grid-template-columns:1fr}   
  .hero-rating__list li+li{border-left:1px solid rgba(229,225,218,.12)}
  .hero-rating__list a{padding-inline:clamp(.8rem,1.1vw,1.05rem)}
  .hero-rating__mark{width:1.3rem;height:1.3rem}
  .hero-rating__score{font-size:1rem}
  .hero-rating__go{display:none}

  .hero-cta{display:none}
  .hero-in-view .bottom-nav{opacity:1;transform:translateX(-50%);pointer-events:auto}

  .hero-room{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))}
  .hero-deck{width:min(24rem,100%);justify-self:center;justify-items:stretch;gap:0;
    border-radius:var(--r-2xl);overflow:hidden;
    background:rgba(23,19,16,.72);
    box-shadow:0 28px 60px -34px rgba(0,0,0,.85),
               inset 0 0 0 1px rgba(229,225,218,.14)}
  .hero-hours,.hero-rating{width:100%;background:none;box-shadow:none;
    border-radius:0;-webkit-backdrop-filter:none;backdrop-filter:none}
  
  .hero-hours__label{display:none}
  .hero-hours{padding-bottom:clamp(.7rem,1vw,.85rem)}
  .hero-rating__list{grid-template-columns:1fr}
  .hero-rating__list li+li{border-left:1px solid rgba(229,225,218,.12)}
  
  .hero-rating__list a{column-gap:.45rem;padding-inline:.75rem}
  
  .hero-rating__mark{grid-row:1}
  .hero-rating__meta{grid-column:1/-1;grid-row:2;font-size:.66rem}
  .hero-rating__claim{font-size:.72rem;line-height:1.35;
    padding:.6rem .75rem;letter-spacing:0}
}
@supports ((backdrop-filter:blur(20px)) or (-webkit-backdrop-filter:blur(20px))){
  @media (max-width:1100px){
    .hero-deck{background:rgba(23,19,16,.62);
      -webkit-backdrop-filter:blur(20px) saturate(1.15);
      backdrop-filter:blur(20px) saturate(1.15)}
  }
}

@media (max-width:899px){
  
  .hero-house__inner{
    --seats:.26;
    --hole:calc(100svh * (1 - var(--seats)));
    --plate:calc(var(--hole) / 0.54623);
    width:calc(var(--plate) * 1672 / 941);
    height:var(--plate);
    aspect-ratio:auto;
    top:calc(var(--plate) * -0.10946);
    left:50%;
    transform:translateX(-50%)}
  
  .hero-screen__copy,.hero-screen__scratch,
  .hero-screen__hair,.hero-screen__cue,.hero-subs{
    left:calc((100% - 100vw) / 2);right:auto;width:100vw}
  
  .hero-subs{bottom:3.5%}

  .hero-bloom{width:165vw;height:118svh}
  .hero-throw{width:210vw;height:118svh}
  .hero-rays{width:135vw;height:95svh}
  .hero-flare{left:50.09%;right:auto;width:150vw;transform:translate(-50%,-50%);height:2.6svh}

  .hero-room::after{height:24%;
    background:linear-gradient(0deg,
      rgba(11,10,9,.8) 0%,rgba(11,10,9,.6) 22%,rgba(11,10,9,.38) 46%,
      rgba(11,10,9,.18) 70%,rgba(11,10,9,.05) 88%,rgba(11,10,9,0) 100%)}
  
  .hero-house__img{filter:brightness(1.45) contrast(1.06)}

  .hero-room{padding-bottom:calc(14svh + env(safe-area-inset-bottom,0px))}

  .hero-rating__claim{display:none}
  .hero-deck{width:min(26rem,100%)}

  .hero-hours{display:flex;align-items:center;justify-content:space-between;gap:.6rem;
    padding:.55rem .85rem .5rem}
  .hero-open{font-size:.68rem;margin:0}
  .hero-hours__list{font-size:.72rem;flex:none}
  .hero-hours__list li.is-today{display:inline-flex;align-items:center;gap:.35rem;
    margin:0;padding:.22rem .6rem;line-height:1.2;font-weight:600;
    color:rgba(229,225,218,.92);background:rgba(229,225,218,.08);
    border:1px solid rgba(229,225,218,.2);border-radius:999px}
  
  .hero-hours__list li.is-today span:first-child{display:none}
  .hero-hours__list li.is-today::before{content:"";width:.72rem;height:.72rem;flex:none;
    background:currentColor;opacity:.7;
    -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.6-13H11v6.2l4.9 2.9.8-1.3-4.1-2.4z'/%3E%3C/svg%3E") center/contain no-repeat;
            mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 1 0 0 20 10 10 0 0 0 0-20zm0 18a8 8 0 1 1 0-16 8 8 0 0 1 0 16zm.6-13H11v6.2l4.9 2.9.8-1.3-4.1-2.4z'/%3E%3C/svg%3E") center/contain no-repeat}
  
  .hero-rating__list{border-top:1px solid rgba(229,225,218,.12)}
  .hero-rating__list li{border-top:0}
  
  .hero-rating__list li{min-width:0}
  .hero-rating__list a{display:grid;grid-template-columns:auto 1fr;column-gap:.45rem;row-gap:.05rem;
    align-items:center;padding:.5rem .7rem}
  .hero-rating__mark{grid-column:1;grid-row:1/3;width:1.15rem;height:1.15rem}
  .hero-rating__top{grid-column:2;grid-row:1;gap:.3rem}
  .hero-rating__score{font-size:.95rem}
  .hero-rating__stars svg{width:.58rem;height:.58rem}
  .hero-rating__meta{grid-column:2;grid-row:2;font-size:.6rem;color:rgba(229,225,218,.55);
    white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}
  .hero-rating__site{display:none}
  .hero-rating__stars svg{width:.68rem;height:.68rem}
}

.film-spacer{position:relative;overflow:hidden;background:var(--beige);
  padding-block:clamp(2.75rem,6vw,4.5rem)}
.film-strip{--fr:clamp(100px,13vw,176px);background:#14100E;overflow:hidden;width:100%;
  box-shadow:0 24px 44px -26px rgba(0,0,0,.7)}
.film-rail{width:max-content;min-width:100%}

.film-run{width:max-content;animation:filmRun 26s linear infinite}
@keyframes filmRun{from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.3333%,0,0)}}

.film-perf{height:calc(var(--fr) * .2);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' preserveAspectRatio='none'%3E%3Crect x='4.4' y='3.1' width='13.2' height='9.8' rx='2.4' fill='%23EDE7DA'/%3E%3C/svg%3E");background-repeat:repeat-x;
  background-size:clamp(19px,2.05vw,27px) 100%}

.film-frames{display:flex;gap:calc(var(--fr) * .05);padding:calc(var(--fr) * .05) 0}
.film-frames>*{flex:none;display:block;object-fit:cover;background:#0C0A09;
  height:var(--fr);width:calc(var(--fr) * 4 / 3);
  
  object-position:center 62%;
  border-radius:calc(var(--fr) * .055)}
@media (prefers-reduced-motion:reduce){.film-run{animation:none}}

.hand{position:absolute;z-index:0;pointer-events:none;
  width:var(--hand-w);height:var(--hand-w)}

.intro-props{display:contents}
.hand__in{height:100%}
.hand__bob{height:100%}

.hand__tilt{position:relative;height:100%}
.hand__img{display:block;width:100%;height:100%;object-fit:contain}

@keyframes beerBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}
@keyframes beerTilt{0%,100%{transform:rotate(-1.5deg)}50%{transform:rotate(1.2deg)}}
@keyframes foodBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-11px)}}
@keyframes foodTilt{0%,100%{transform:rotate(1.3deg)}50%{transform:rotate(-1.1deg)}}

.block-intro{position:relative;overflow:hidden;
  --prop-w:clamp(240px,30vw,600px);
  
  --tort-w:clamp(260px,33vw,640px);
  
  --salad-w:clamp(260px,25vw,430px);

  --salad-top:calc(80px - .0885 * var(--salad-w));
  --intro-pt:calc(var(--salad-top) + 1.4268 * var(--salad-w) + clamp(1rem,1.6vw,2rem));
  padding-top:var(--intro-pt);
  padding-bottom:clamp(4rem,8vw,9rem)}
.intro-stage{position:relative}
@media (min-width:1150px){
  .intro-stage{min-height:34rem;display:flex;flex-direction:column;
    justify-content:center}
}

.intro-head{position:relative;z-index:2;text-align:center;margin-inline:auto;
  max-width:min(42rem,calc(100vw - var(--prop-w) - var(--tort-w) * .932 - 2rem))}

.block-intro h2{font-size:clamp(2rem,4.2vw,5rem);text-wrap:balance}
.intro-body{margin:clamp(1rem,1.8vw,1.5rem) auto 0;color:var(--red);
  font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5}
.intro-note{margin-top:clamp(2rem,4vw,3rem)}
.intro-note p{color:var(--red);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.5}
.intro-note .btn{margin-top:1.75rem}

.intro-prop{--hand-w:var(--prop-w);z-index:1}

.intro-prop--burger,.intro-prop--tortilla{will-change:transform}

.intro-prop--burger .hand__img{filter:brightness(.84) contrast(1.4) saturate(1.1)}
.intro-prop--tortilla .hand__img{filter:brightness(.87) contrast(1.4)}

.intro-prop .hand__bob{animation:foodBob 8.5s ease-in-out infinite}
.intro-prop .hand__tilt{animation:foodTilt 13s ease-in-out infinite;
  transform-origin:72% 82%}

.intro-prop--burger .hand__tilt{transform-origin:50% 50%}

.intro-prop--tortilla{--hand-w:var(--tort-w);
  right:0;top:calc(var(--intro-pt) + clamp(0rem,2vw,3rem))}
.intro-prop--burger{left:0;bottom:clamp(1rem,3vw,4rem)}

.intro-prop--salad{--hand-w:var(--salad-w);
  top:var(--salad-top);left:50%;margin-left:calc(var(--salad-w) * -.406);
  height:calc(var(--hand-w) * 1063 / 745);
  will-change:transform}

.intro-prop--salad .hand__img{
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 3%,#000 6.2%);
          mask-image:linear-gradient(to bottom,transparent 0,rgba(0,0,0,.6) 3%,#000 6.2%)}

.intro-prop--salad .hand__bob,
.intro-prop--salad .hand__tilt{animation:none}

@media (max-width:1149px){
  
  .block-intro{padding-top:clamp(4rem,8vw,9rem)}
  
  .intro-head{max-width:42rem}

  .intro-props{display:grid;grid-template-columns:.9fr 1.55fr .9fr;align-items:end;
    gap:clamp(.35rem,2vw,.9rem);width:min(100%,34rem);
    margin:clamp(1.6rem,5vw,2.6rem) auto 0;padding:.75rem .25rem .25rem;
    overflow:hidden}
  .intro-props .hand{position:static;width:100%;height:auto;aspect-ratio:1;
    margin:0;top:auto;left:auto;right:auto;bottom:auto}
  .intro-prop--salad,.intro-prop--burger{display:block}
  .intro-prop--burger{order:1}
  .intro-props .intro-prop--salad{order:2;aspect-ratio:745/1063}   
  .intro-prop--tortilla{order:3}
  
  .block-intro{padding-bottom:clamp(2rem,6vw,3rem)}
  .intro-prop--tortilla .hand__img{transform:none}
}

@media (max-width:640px){
  .intro-props{--side:min(46vw,230px); --mid:min(38vw,190px); --gap:min(1vw,6px);
    grid-template-columns:var(--side) var(--mid) var(--side);
    gap:var(--gap);
    width:calc(2 * var(--side) + var(--mid) + 2 * var(--gap));
    margin-left:calc(50% - var(--side) - var(--mid) / 2 - var(--gap));
    margin-right:0;
    padding:.75rem 0 .25rem}
  
  .intro-prop--tortilla .hand__img{transform:translateX(12%) scale(1.2);transform-origin:100% 62%}
}
@media (prefers-reduced-motion:reduce){
}

.awards-head{text-align:center;max-width:44ch;margin-inline:auto}
.awards-eyebrow{font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.2em;
  font-size:clamp(.7rem,.9vw,.84rem);color:var(--red);margin:0 0 1rem;opacity:.85}
.awards{display:flex;flex-wrap:wrap;justify-content:center;
  gap:clamp(1.25rem,3.4vw,3rem);margin-top:clamp(2.5rem,5vw,3.75rem)}
.award{width:clamp(122px,15.5vw,186px);flex:none}
.award svg{width:100%;height:auto;display:block;
  transition:transform var(--dur-hover) var(--ease-ui)}
@media (hover:hover) and (pointer:fine){.award:hover svg{transform:translateY(-5px) rotate(-2deg)}}
.award-ring{fill:none;stroke:var(--red)}
.award-arc{font-family:"Anton",sans-serif;font-size:7.4px;letter-spacing:.13em;
  fill:var(--red);text-transform:uppercase}
.award-year{font-family:"Anton",sans-serif;font-size:25px;fill:var(--red);
  text-anchor:middle;dominant-baseline:central}
.award-sub{font-family:"Anton",sans-serif;font-size:5.6px;letter-spacing:.16em;
  fill:var(--red);text-anchor:middle;opacity:.72;text-transform:uppercase}

.awards-brand{margin-top:clamp(2.25rem,4.5vw,3.25rem);display:flex;
  align-items:center;justify-content:center;gap:clamp(1.75rem,4vw,3.25rem)}
.awards-brand img{display:block;height:auto}

.awards-brand .b-pilsner{width:clamp(116px,13.5vw,178px)}
.awards-brand .b-gambrinus{width:clamp(104px,12.1vw,160px)}

.awards-brand .b-specialy{width:clamp(96px,11vw,146px)}

@media (max-width:480px){
  .awards-brand{gap:1.1rem}
  .awards-brand .b-pilsner{width:100px}
  .awards-brand .b-gambrinus{width:90px}
  .awards-brand .b-specialy{width:84px}
}

.awards-stage{position:relative;overflow-x:clip;overflow-y:visible}
.awards-pint,.awards-pint2{
  
  --pint-w:clamp(340px,62vw - 400px,780px);
  --hand-w:var(--pint-w);
  
  z-index:4;
  
  top:0;bottom:clamp(4rem,8vw,9rem);margin-block:auto}
.awards-pint{left:-11vw}
.awards-pint2{
  
  right:calc(12px - .2424 * var(--pint-w))}
.awards-pint .hand__bob{animation:beerBob 7s ease-in-out infinite}

.awards-pint2 .hand__bob{animation:foodBob 8.5s ease-in-out infinite}
.awards-pint .hand__img,.awards-pint2 .hand__img{
  
  filter:saturate(1.04)}
.awards-pint .hand__tilt{animation:beerTilt 11s ease-in-out infinite;
  transform-origin:38% 88%}
.awards-pint2 .hand__tilt{animation:foodTilt 13s ease-in-out infinite;
  transform-origin:88% 78%}

.awards-pint__glow{position:absolute;z-index:-1;
  background:radial-gradient(52% 46% at 52% 58%,
    rgba(199,133,36,.28) 0%,rgba(199,133,36,.14) 44%,rgba(199,133,36,0) 74%)}
.awards-pint .awards-pint__glow{inset:10% 4% 8% 24%}
.awards-pint2 .awards-pint__glow{inset:12% 44% 14% 0}

.pint-hit{position:absolute;z-index:3;pointer-events:auto;cursor:default;
  transform:translate(-50%,-50%)}
.awards-pint .pint-hit{left:64.2%;top:53.3%;width:61%;height:66%}
.awards-pint2 .pint-hit{left:25.3%;top:48.4%;width:52%;height:69%}

.pint-card{position:absolute;left:50%;top:50%;pointer-events:none;
  width:max-content;max-width:min(100%,16rem);
  display:grid;gap:.42rem;justify-items:center;text-align:center;
  color:var(--red);
  padding:clamp(.85rem,1.4vw,1.25rem) clamp(1rem,1.7vw,1.5rem);
  border-radius:var(--r-2xl);
  
  background:rgba(229,225,218,.66);
  -webkit-backdrop-filter:blur(9px) saturate(.92);
  backdrop-filter:blur(9px) saturate(.92);
  box-shadow:0 14px 34px -16px rgba(52,10,22,.5);
  opacity:0;transform:translate(-50%,-50%) translateY(9px) scale(.96);
  transition:opacity .34s var(--ease),transform .42s var(--ease)}
.pint-hit:hover .pint-card{opacity:1;transform:translate(-50%,-50%)}
.pint-card__name{font-size:clamp(1.05rem,1.5vw,1.45rem);line-height:1}
.pint-card__kind{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.14em;font-size:clamp(.6rem,.76vw,.72rem);opacity:.82}
.pint-card__prices{display:grid;gap:.22rem;margin-top:.1rem;
  font-size:clamp(.8rem,.98vw,.95rem);line-height:1.25}
.pint-card__prices b{font-family:"Anton",sans-serif;font-weight:400;
  letter-spacing:.04em}
.pint-card__btn{margin-top:.4rem;display:inline-flex;align-items:center;
  gap:.4rem;pointer-events:none;
  font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(.6rem,.74vw,.7rem);letter-spacing:.07em;
  padding:.6rem .95rem;border-radius:999px;
  background:var(--red);color:var(--beige);
  transition:background-color .2s,transform var(--dur-hover) var(--ease-ui)}

.pint-hit:hover .pint-card__btn{pointer-events:auto}
.pint-card__btn:hover{background:var(--red-dark);transform:translateY(-2px)}
.pint-card__btn:active{transform:scale(.97);transition-duration:var(--dur-press)}
.pint-card__btn svg{width:1.05em;height:1.05em;flex:none}

@media (max-width:1199px){.awards-pint,.awards-pint2{display:none}}
@media (prefers-reduced-motion:reduce){
  .pint-card{transition-duration:.15s;transform:translate(-50%,-50%)}
}

.awards-head h2{font-kerning:none}
.awards-head h2 .lq-w{display:inline-block;white-space:pre}
.awards-head h2 .lq-c{display:inline-block;transform-origin:50% 62%}

.awards-head h2.text-clip-reveal{clip-path:inset(0 -6% 100% -6%)}
.awards-head h2.text-clip-reveal.in{clip-path:inset(-45% -6% -45% -6%)}

.beer-band{position:relative;overflow:hidden;height:clamp(110px,20vw,340px);
  
  margin-top:calc(-1 * (clamp(4rem,8vw,9rem) + 1.45rem))}
.awards-stage{z-index:1}
.beer-band img{display:block;width:100%;height:100%;
  object-fit:cover;object-position:top center}
.beer-band::after{content:"";position:absolute;left:0;right:0;bottom:-1px;
  height:46%;pointer-events:none;
  background:linear-gradient(180deg,rgba(216,140,10,0) 0%,
    rgba(216,140,10,.6) 50%,#D88C0A 100%)}

.block-hviezda{position:relative;overflow:hidden;color:#20130A;
  padding-block:clamp(3rem,6vw,5.5rem) clamp(4rem,8vw,7rem);
  background:linear-gradient(180deg,#D88C0A 0%,#E9930F 9%,#F2A417 22%,
    #F6B733 40%,#F3C561 56%,#EFCE82 70%,rgba(229,225,218,0) 94%)}
.hviezda-wrap{max-width:1320px}

.hviezda-bubbles{position:absolute;left:0;right:0;top:0;height:62%;z-index:0;
  overflow:hidden;pointer-events:none}
.hviezda-bubbles canvas{position:absolute;inset:0;width:100%;height:100%;display:block}

.hviezda-bubbles i{position:absolute;left:-12%;right:-12%;top:0;height:min(130%,1300px);will-change:transform;
  background:
    radial-gradient(34% 22% at 24% 34%,rgba(255,232,160,.26),transparent 72%),
    radial-gradient(30% 20% at 74% 44%,rgba(255,226,150,.2),transparent 72%),
    radial-gradient(26% 18% at 50% 54%,rgba(146,76,0,.13),transparent 72%);
  animation:hvLiquid 38s ease-in-out infinite alternate}
.hviezda-bubbles i+i{background:
    radial-gradient(28% 20% at 66% 32%,rgba(140,70,0,.15),transparent 72%),
    radial-gradient(32% 20% at 14% 48%,rgba(150,80,0,.11),transparent 72%),
    radial-gradient(30% 19% at 88% 56%,rgba(255,234,170,.17),transparent 72%);
  animation:hvLiquid2 53s ease-in-out infinite alternate}
@media (max-width:767px){.hviezda-bubbles i{display:none}}
@keyframes hvLiquid{from{transform:translate3d(-5%,-2%,0) scale(1.02)}to{transform:translate3d(5%,3%,0) scale(1.1)}}
@keyframes hvLiquid2{from{transform:translate3d(6%,3%,0) scale(1.1)}to{transform:translate3d(-6%,-3%,0) scale(1.02)}}

.hviezda-intro{position:relative;z-index:1;display:grid;
  gap:clamp(3rem,6vw,4.5rem);align-items:center}
.hviezda-eyebrow{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:clamp(.7rem,.9vw,.84rem);
  color:rgba(32,19,10,.8);margin:0 0 1rem}
.block-hviezda h2{color:#20130A}
.hviezda-years{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;
  margin:clamp(1.25rem,2.4vw,1.75rem) 0 0}
.hviezda-year{display:inline-flex;align-items:center;gap:.4rem;
  padding:.5rem .9rem .46rem .75rem;border-radius:999px;background:#20130A;
  color:#F8BF3C;font-family:"Anton",sans-serif;font-size:clamp(1rem,1.3vw,1.15rem);
  letter-spacing:.05em;line-height:1}
.hviezda-year svg{width:.95em;height:.95em;fill:currentColor}
.hviezda-years__note{margin-left:.15rem;font-family:"Anton",sans-serif;
  text-transform:uppercase;letter-spacing:.14em;font-size:.82rem;color:#20130A}
.hviezda-lead{max-width:35rem;margin:clamp(1.25rem,2.4vw,1.6rem) 0 0;line-height:1.6;
  color:#2B1A0B;font-size:clamp(1.02rem,1.25vw,1.15rem)}
.hviezda-cta{margin-top:clamp(1.6rem,3vw,2.1rem)}

.hviezda-photos{position:relative;display:grid;justify-items:center;
  padding:0 0 1rem}
.hviezda-photo{position:relative;z-index:1}
.hviezda-photo--team{width:min(76%,26rem);justify-self:end;margin-right:4%}
.hviezda-photo--trophy{z-index:2;width:min(50%,16rem);justify-self:start;
  margin:.6rem 0 0 1%}
.hviezda-print{margin:0;background:#F8F6F2;border-radius:3px;
  padding:clamp(.5rem,.9vw,.75rem) clamp(.5rem,.9vw,.75rem) 0;
  box-shadow:0 1px 0 rgba(255,255,255,.6) inset,
    0 34px 54px -26px rgba(92,44,0,.62),0 10px 18px -10px rgba(92,44,0,.38)}
.hviezda-photo--team .hviezda-print{rotate:2.6deg}
.hviezda-photo--trophy .hviezda-print{rotate:-5deg}
.hviezda-print img{display:block;width:100%;height:auto;border-radius:1px;
  background:#DCD8D0}
.hviezda-print figcaption{padding:.7rem .3rem .85rem;text-align:center;
  font-size:clamp(.8rem,.95vw,.9rem);font-weight:600;letter-spacing:.01em;color:#3A2A1C}
.hviezda-stamp{position:absolute;z-index:3;pointer-events:none;
  top:-3.5%;left:6%;width:clamp(96px,11vw,150px);height:auto;color:var(--red);
  opacity:.9;mix-blend-mode:multiply;transform:rotate(-14deg)}
.hviezda-stamp__arc{font-family:"Anton",sans-serif;font-size:11.5px;
  letter-spacing:.14em;text-transform:uppercase;fill:currentColor}
.hviezda-stamp__years{font-family:"Anton",sans-serif;font-size:15px;
  letter-spacing:.06em;fill:currentColor}
@media (min-width:1024px){
  .hviezda-intro{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}
  .hviezda-photos{display:block;height:clamp(560px,47vw,700px);padding:0}
  .hviezda-photo{position:absolute}
  .hviezda-photo--team{top:0;right:2%;width:57%;margin:0}
  .hviezda-photo--trophy{bottom:0;left:0;width:43%;margin:0}
  .hviezda-stamp{top:-2%;left:18%}
}

.hviezda-pours{position:relative;z-index:1;margin-top:clamp(4.5rem,9vw,7.5rem)}
.hviezda-sub{max-width:40rem;margin:0 auto clamp(1.75rem,3.5vw,2.75rem);text-align:center}
.hviezda-h3{margin:0;font-family:"Anton",sans-serif;font-weight:400;
  text-transform:uppercase;line-height:.95;letter-spacing:.01em;
  font-size:clamp(1.9rem,3.6vw,3.1rem);color:#20130A}
.hviezda-sub p{margin:.9rem auto 0;max-width:36rem;line-height:1.55;color:#2B1A0B}
.hviezda-lead,.hviezda-sub p,.pour p,.hviezda-list p,.hviezda-outro{text-wrap:pretty}
.pours{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2.2vw,1.75rem)}
.pour{background:var(--beige-light);border-radius:var(--r-2xl);text-align:center;
  padding:clamp(1.4rem,2.6vw,2.2rem) clamp(1.1rem,2.2vw,1.9rem);
  box-shadow:0 30px 48px -32px rgba(92,44,0,.6)}
.pour__mug{display:block;width:clamp(100px,9.5vw,132px);height:auto;margin:0 auto 1.1rem;overflow:visible}
.pour__glass{fill:rgba(205,188,160,.32)}
.pour__outline{fill:none;stroke:#20130A;stroke-width:3;stroke-linejoin:round}
.pour__foam{fill:#FFFFFF;stroke:#E2CB97;stroke-width:1.4}
.pour__fizz circle{fill:rgba(255,248,226,.75)}
.pour__froth circle{fill:none;stroke:#EADBB8;stroke-width:1}
.pour__shine{fill:#fff;opacity:.55}
.pour__shine--thin{opacity:.4}

.pour__liquid{transform-box:fill-box;transform-origin:50% 100%;
  transition:transform 1.1s var(--ease) .2s}
.pour:not(.in) .pour__liquid{transform:translateY(100%)}
.pour__name{margin:0;font-family:"Anton",sans-serif;font-weight:400;
  text-transform:uppercase;font-size:clamp(1.55rem,2.3vw,2.05rem);line-height:1;color:var(--red)}
.pour__ratio{margin:.5rem 0 .85rem;font-size:.74rem;font-weight:700;
  letter-spacing:.13em;text-transform:uppercase;color:#8A5A12}
.pour p:last-child{margin:0;line-height:1.55;color:rgba(23,19,16,.82);font-size:.97rem}
@media (max-width:719px){
  .pours{grid-template-columns:1fr}
  .pour{display:grid;grid-template-columns:auto 1fr;column-gap:1.15rem;
    align-items:center;text-align:left;padding:1.15rem 1.25rem}
  .pour__mug{grid-row:1 / span 3;width:84px;margin:0}
  .pour__ratio{margin:.4rem 0 .55rem}
}

.hviezda-tap{position:relative;z-index:2}
.special-tap{--glass-h:clamp(300px,27vw,360px);--glass-w:calc(var(--glass-h) * .436);
  position:relative;max-width:54rem;margin:clamp(1.5rem,3vw,2.5rem) auto clamp(4rem,8vw,6rem);
  padding-left:calc(var(--glass-w) * .5)}
.special-tap__card{position:relative;display:grid;gap:.3rem;justify-items:start;
  min-height:calc(var(--glass-h) * .62);align-content:center;
  background:var(--beige-light);border-radius:var(--r-2xl);color:var(--red);
  padding:clamp(1.5rem,2.6vw,2.1rem) clamp(1.4rem,3vw,2.6rem) clamp(1.5rem,2.6vw,2.1rem) calc(var(--glass-w) * .5 + 1.75rem);
  box-shadow:0 30px 48px -32px rgba(92,44,0,.6)}
.special-tap__glasswrap{position:absolute;z-index:1;left:0;top:50%;height:var(--glass-h);
  translate:0 -50%;pointer-events:none}
.special-tap__bob,.special-tap__tilt{height:100%}
.special-tap__bob{animation:beerBob 8.2s ease-in-out infinite;animation-delay:-2.4s}
.special-tap__tilt{transform-origin:50% 90%;animation:beerTilt 12.5s ease-in-out infinite;animation-delay:-5s}
.special-tap__glass{display:block;height:100%;width:auto}
.special-tap__live{display:inline-flex;align-items:center;gap:.5rem;margin:0 0 .2rem;
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.12em;font-size:.76rem;color:#20130A}
.special-tap__live::before{content:"";width:.55rem;height:.55rem;border-radius:50%;flex:none;
  background:#57B36A;box-shadow:0 0 0 3px rgba(87,179,106,.25);animation:tapPulse 2.4s ease-in-out infinite}
@keyframes tapPulse{50%{box-shadow:0 0 0 7px rgba(87,179,106,0)}}
.special-tap__title{margin:0;font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(1.7rem,3vw,2.4rem);line-height:.95;color:var(--red);padding-top:.08em}
.special-tap__brand{margin:.15rem 0 0;font-size:.74rem;font-weight:700;letter-spacing:.13em;
  text-transform:uppercase;color:#8A5A12}
.special-tap__text{margin:.6rem 0 0;max-width:34rem;font-size:.97rem;line-height:1.55;
  color:rgba(23,19,16,.82);text-wrap:pretty}
.special-tap__note{margin:.7rem 0 0;padding-top:.65rem;max-width:34rem;
  border-top:1px dotted rgba(126,28,50,.35);font-size:.82rem;line-height:1.45;
  color:rgba(23,19,16,.66);text-wrap:pretty}

@media (max-width:640px){
  .special-tap{--glass-h:230px;padding-left:0;margin-top:calc(var(--glass-h) * .62 + .5rem)}
  .special-tap__glasswrap{left:50%;top:0;translate:-50% -62%}
  .special-tap__card{min-height:0;justify-items:center;text-align:center;
    padding:calc(var(--glass-h) * .38 + 1rem) 1.25rem 1.5rem}
}

.hviezda-check{position:relative;z-index:1;display:grid;align-items:center;
  gap:clamp(2.25rem,4.5vw,4rem);margin-top:clamp(4.5rem,9vw,7.5rem)}
.hviezda-video{position:relative;margin:0 auto;width:100%;max-width:26rem;
  aspect-ratio:4/5;border-radius:var(--r-2xl);overflow:hidden;background:#2B1A0B;
  box-shadow:0 36px 60px -34px rgba(92,44,0,.7)}
.hviezda-video video{display:block;width:100%;height:100%;object-fit:cover}
.hviezda-video figcaption{position:absolute;left:.85rem;bottom:.85rem;
  padding:.5rem .85rem .46rem;border-radius:999px;background:rgba(23,19,16,.72);
  -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#F4F1EC;
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.06em;
  font-size:.82rem;line-height:1}
.hviezda-check .hviezda-sub{text-align:left;margin-inline:0}
.hviezda-check .hviezda-sub p{margin-inline:0}
.hviezda-list{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.25rem,2.4vw,1.9rem) clamp(1.25rem,2.8vw,2.4rem)}
.hviezda-list li{display:grid;grid-template-columns:auto 1fr;column-gap:.9rem;
  row-gap:.25rem;align-content:start}
.hviezda-ico{grid-row:1 / span 2;display:grid;place-items:center;
  width:2.75rem;height:2.75rem;border-radius:50%;background:var(--beige-light);
  color:var(--red);box-shadow:0 10px 18px -12px rgba(92,44,0,.55)}
.hviezda-ico svg{width:1.4rem;height:1.4rem;fill:none;stroke:currentColor;
  stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.hviezda-list h4{margin:.2rem 0 0;font-family:"Anton",sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.03em;font-size:1.1rem;line-height:1.15;color:#20130A}
.hviezda-list p{margin:0;font-size:.95rem;line-height:1.5;color:rgba(23,19,16,.8)}
.hviezda-outro{margin:clamp(1.75rem,3.2vw,2.4rem) 0 0;padding-top:1.25rem;
  border-top:2px solid rgba(126,28,50,.3);line-height:1.55;font-weight:500;color:#2B1A0B}
@media (min-width:900px){
  .hviezda-check{grid-template-columns:minmax(0,4fr) minmax(0,7fr)}
  .hviezda-video{aspect-ratio:9/16;max-width:none;max-height:44rem}
}
@media (max-width:560px){.hviezda-list{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .hviezda-bubbles i{animation:none}
  .special-tap__live::before,.special-tap__bob,.special-tap__tilt{animation:none}
  .pour__liquid{transition:none}
  .pour:not(.in) .pour__liquid{transform:none}
}

.badge-18{position:absolute;display:grid;place-content:center;
  width:clamp(1.9rem,3.4vw,2.6rem);aspect-ratio:1;border-radius:50%;
  background:var(--red);color:var(--beige-light);
  font-family:"Anton",sans-serif;letter-spacing:.02em;
  font-size:clamp(.62rem,1vw,.8rem);line-height:1;
  box-shadow:0 8px 18px -8px rgba(52,10,22,.75)}
.pint-card .badge-18{top:-.75rem;right:-.75rem}

.text-clip-reveal{clip-path:inset(0 0 100% 0);transition:clip-path .7s var(--ease);
  padding:.22em .12em .12em;margin:-.22em -.12em -.12em}
.text-clip-reveal.in{clip-path:inset(0 0 0 0)}
.fade-up{opacity:0;transform:translateY(24px);transition:opacity .55s var(--ease),transform .6s var(--ease)}
.fade-up.in{opacity:1;transform:none}

.block-plates{position:relative;overflow-x:clip;padding-top:5rem}
@media (min-width:1024px){.block-plates{padding-top:2rem}}
@media (min-width:1280px){.block-plates{padding-top:0}}
.plates{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:clamp(1.5rem,4vw,3rem);max-width:1500px;margin-inline:auto;align-items:center}
@media (min-width:768px){.plates{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1280px){.plates{grid-template-columns:repeat(6,minmax(0,1fr));align-items:end}}
.plate{position:relative;aspect-ratio:1;display:grid;place-items:center}
@media (min-width:1280px){
  .plate:nth-child(1){transform:translateY(-6%)}
  .plate:nth-child(2){transform:translateY(16%)}
  .plate:nth-child(3){transform:translateY(-14%)}
  .plate:nth-child(4){transform:translateY(10%)}
  .plate:nth-child(5){transform:translateY(-10%)}
  .plate:nth-child(6){transform:translateY(6%)}
}
.plate-target{position:absolute;inset:9%;border-radius:50%;overflow:hidden;
  box-shadow:0 22px 45px -26px rgba(23,19,16,.6);transition:transform .26s var(--ease-ui)}
@media (hover:hover) and (pointer:fine){
  .plate:hover .plate-target{transform:scale(1.05) rotate(-3deg)}
}
.plate-target img{width:100%;height:100%;object-fit:cover}

.plate-ring{position:absolute;inset:0;animation:spin 24s linear infinite;
  animation-play-state:paused;opacity:0;transition:opacity .3s var(--ease-ui)}
.plate:nth-child(even) .plate-ring{animation-direction:reverse}
.plate:hover .plate-ring,.plate:focus-within .plate-ring{opacity:1;animation-play-state:running}
@keyframes spin{to{transform:rotate(360deg)}}
.plate-ring text{font-family:"Anton",sans-serif;font-size:8.2px;letter-spacing:.14em;
  text-transform:uppercase;fill:var(--red)}

@media (hover:none){.plate-ring{opacity:1}}

.block-location-slider{position:relative;background:var(--red);overflow:hidden}

@media (min-width:1024px){
  .block-location-slider{margin-inline:clamp(1.5rem,7vw,8rem)}
}
.loc-bg{position:absolute;inset:0}
.loc-bg .slide{position:absolute;inset:0;opacity:0;z-index:1;transition:opacity 1s var(--ease)}
.loc-bg .slide.on{opacity:1}

.loc-bg .slide.top{z-index:2}
.loc-bg img{width:100%;height:100%;object-fit:cover}

.loc-bg::after{content:"";position:absolute;inset:0;background:
  radial-gradient(72% 64% at 50% 46%,
    rgba(23,19,16,.52) 0%,rgba(23,19,16,.34) 58%,rgba(23,19,16,.12) 100%),
  linear-gradient(rgba(23,19,16,.34),rgba(23,19,16,.34))}
.loc-fg{position:relative;z-index:10;display:flex;flex-direction:column;color:var(--white);min-height:34rem}
@media (min-width:1024px){.loc-fg{min-height:100svh;justify-content:center}}

.loc-tape{position:absolute;left:0;width:100%;z-index:12;pointer-events:none;
  
  --fr:clamp(20px,2.1vw,30px);
  --pf:clamp(6px,.7vw,9px);
  background:#14100E;
  box-shadow:0 12px 28px -16px rgba(0,0,0,.75)}
.loc-tape--top{top:0}
.loc-tape--bottom{bottom:0}
.loc-tape__win{overflow:hidden}

.loc-tape__run{display:flex;width:max-content;align-items:center;
  gap:calc(var(--fr) * .07);
  padding-block:calc(var(--pf) + var(--fr) * .12);
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' preserveAspectRatio='none'%3E%3Crect x='4.4' y='3.1' width='13.2' height='9.8' rx='2.4' fill='%23EDE7DA'/%3E%3C/svg%3E"),
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 22 16' preserveAspectRatio='none'%3E%3Crect x='4.4' y='3.1' width='13.2' height='9.8' rx='2.4' fill='%23EDE7DA'/%3E%3C/svg%3E");
  background-repeat:repeat-x,repeat-x;
  background-position:0 0,0 100%;
  background-size:clamp(14px,1.5vw,20px) var(--pf),clamp(14px,1.5vw,20px) var(--pf)}

.loc-fr{flex:none;height:var(--fr);width:calc(var(--fr) * 4 / 3);
  background:var(--beige-light);border-radius:calc(var(--fr) * .07);
  display:grid;place-items:center;
  font-family:"Anton",Impact,sans-serif;font-weight:400;
  font-size:calc(var(--fr) * .6);line-height:1;color:var(--ink);
  text-transform:uppercase}

.loc-fr--gap{}

.loc-tape__run--l{animation:locTapeL 34s linear infinite}
.loc-tape__run--r{animation:locTapeR 40s linear infinite}
@keyframes locTapeL{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes locTapeR{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
@media (prefers-reduced-motion:reduce){
  .loc-tape__run--l,.loc-tape__run--r{animation:none}
}

.loc-lead{font-family:"Anton",Impact,sans-serif;font-weight:400;
  text-transform:uppercase;letter-spacing:.01em;line-height:1;
  font-size:clamp(1.4rem,2.6vw,2.35rem);
  margin:0 auto;max-width:50rem;text-wrap:balance;
  text-shadow:0 2px 14px rgba(0,0,0,.55)}

.loc-sub{font-family:"Inter",system-ui,sans-serif;font-weight:400;
  font-size:clamp(1rem,1.35vw,1.3rem);line-height:1.55;
  color:rgba(255,255,255,.92);
  margin:clamp(.9rem,1.6vw,1.35rem) auto 0;max-width:34rem;
  text-shadow:0 1px 10px rgba(0,0,0,.5)}
.loc-cta{margin-top:clamp(1.6rem,2.6vw,2.25rem)}
.loc-body{padding-block:6rem 5rem}
@media (min-width:1024px){.loc-body{padding-block:7rem}}
.loc-body .inner{grid-column:1/-1}
@media (min-width:1280px){.loc-body .inner{grid-column:3/11}}

.block-reel{position:relative;overflow:hidden;background:var(--beige);
  padding-bottom:clamp(3.5rem,7vw,7rem)}

.block-reel>.container{position:relative;z-index:2}

.wall{position:absolute;inset:0;z-index:0;overflow:hidden;--wg:clamp(8px,1vw,18px);
  display:flex;flex-direction:column;justify-content:center;gap:var(--wg)}

.wall__row{flex:none;display:flex;align-items:center;overflow:hidden;
  height:min(calc((100% - 2 * var(--wg)) / 3),540px)}
.wall__track{display:flex;flex:none;align-items:center;height:100%;
  gap:var(--wg);padding-right:var(--wg)}
.wall__row--right .wall__track{animation:wallRight 78s linear infinite}
.wall__row--left  .wall__track{animation:wallLeft  64s linear infinite}

.wall__row:last-child .wall__track{animation-duration:96s}
@keyframes wallLeft {from{transform:translateX(0)}    to{transform:translateX(-100%)}}
@keyframes wallRight{from{transform:translateX(-100%)}to{transform:translateX(0)}}

.wall__tile{flex:none;height:100%;aspect-ratio:9/16;position:relative;
  overflow:hidden;border-radius:clamp(.35rem,.8vw,.9rem);
  background:#DCD8D0 center/cover no-repeat}
.wall__tile video{width:100%;height:100%;object-fit:cover;display:block}
.wall__tile--1{background-image:url(assets/img/reels/reel-1.jpg)}
.wall__tile--2{background-image:url(assets/img/reels/reel-2.jpg)}
.wall__tile--3{background-image:url(assets/img/reels/reel-3.jpg)}
.wall__tile--4{background-image:url(assets/img/reels/reel-4.jpg)}
.wall__tile--5{background-image:url(assets/img/reels/reel-5.jpg)}

.block-reel::before{content:"";position:absolute;inset:0;z-index:1;
  pointer-events:none;
  background:radial-gradient(90% 62% at 50% 44%,
    rgba(229,225,218,.87),rgba(229,225,218,.82) 55%,rgba(229,225,218,.89))}

.block-reel::after{content:"";position:absolute;left:0;right:0;top:0;z-index:1;
  height:clamp(120px,14vw,240px);pointer-events:none;
  background:linear-gradient(to bottom,var(--beige),
    rgba(229,225,218,.55) 34%,rgba(229,225,218,0))}

.reel-grid{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1rem;align-items:start;margin:clamp(2rem,4vw,3.25rem) auto 0}
.reel-head{grid-column:1/-1;text-align:center;position:relative;z-index:3}

.reel-mark{display:inline-block;background:var(--white);
  padding:.1em .26em .17em;margin-bottom:.16em}
.reel-line{display:block}

.reel-head::before{content:"";position:absolute;z-index:-1;pointer-events:none;
  left:50%;top:50%;translate:-50% -50%;width:150%;height:230%;
  background:radial-gradient(58% 48% at 50% 50%,
    rgba(229,225,218,.88),rgba(229,225,218,.55) 55%,rgba(229,225,218,0) 78%)}
.reel-tilt{transform-origin:50% 50%}

@media (min-width:900px){
  .reel-grid{display:block;
    
    --reel-w:clamp(100px,9.9vw,158px);
    --reel-smax:1.14;
    --reel-h:calc(var(--reel-w) * var(--reel-smax) * 16 / 9);
    
    --reel-rx:clamp(340px,38.5vw,600px);

    --reel-ry:clamp(296px,30vw,382px);
    height:calc(var(--reel-ry) * 2 + var(--reel-h))}
  .reel-head{position:absolute;top:50%;left:50%;translate:-50% -50%;
    width:min(920px,66%);z-index:3}
  
  .reel-video{position:absolute;left:50%;top:50%;
    --cw:calc(var(--reel-w) * var(--s,1));
    --ch:calc(var(--cw) * 16 / 9);
    width:var(--cw);margin:calc(var(--ch) / -2) 0 0 calc(var(--cw) / -2)}
  .reel-a{--s:1}
  .reel-b{--s:1.14}
  .reel-c{--s:.84}
  .reel-d{--s:1.05}
  .reel-e{--s:.92}
  
  .reel-tilt{translate:var(--reel-rx) calc(var(--reel-ry) * -.88)}
  
  .reel-a .reel-tilt{rotate:-6deg;
    translate:var(--reel-rx) calc(var(--reel-ry) * -.88);
    animation:reelOrbit 62s linear infinite,reelSwayA 6.6s ease-in-out infinite}
  .reel-b .reel-tilt{rotate:7deg;
    translate:calc(var(--reel-rx) * .7) var(--reel-ry);
    animation:reelOrbit 62s linear -12.4s infinite,reelSwayB 8.2s ease-in-out -2s infinite}
  .reel-c .reel-tilt{rotate:-4.5deg;
    translate:calc(var(--reel-rx) * -.44) var(--reel-ry);
    animation:reelOrbit 62s linear -24.8s infinite,reelSwayC 7.1s ease-in-out -3.5s infinite}
  .reel-d .reel-tilt{rotate:8deg;
    translate:calc(var(--reel-rx) * -1) calc(var(--reel-ry) * -.34);
    animation:reelOrbit 62s linear -37.2s infinite,reelSwayD 9.4s ease-in-out -1.2s infinite}
  .reel-e .reel-tilt{rotate:-3deg;
    translate:calc(var(--reel-rx) * -.13) calc(var(--reel-ry) * -1);
    animation:reelOrbit 62s linear -49.6s infinite,reelSwayE 7.8s ease-in-out -4.4s infinite}
}
@keyframes reelOrbit{
  0%    {translate:var(--reel-rx)               calc(var(--reel-ry) * -.88)}
  14.47%{translate:var(--reel-rx)               calc(var(--reel-ry) *  .88)}
  16.8% {translate:calc(var(--reel-rx) *  .88)  var(--reel-ry)}
  47.67%{translate:calc(var(--reel-rx) * -.88)  var(--reel-ry)}
  50%   {translate:calc(var(--reel-rx) * -1)    calc(var(--reel-ry) *  .88)}
  64.47%{translate:calc(var(--reel-rx) * -1)    calc(var(--reel-ry) * -.88)}
  66.8% {translate:calc(var(--reel-rx) * -.88)  calc(var(--reel-ry) * -1)}
  97.67%{translate:calc(var(--reel-rx) *  .88)  calc(var(--reel-ry) * -1)}
  100%  {translate:var(--reel-rx)               calc(var(--reel-ry) * -.88)}}
@keyframes reelSwayA{0%,100%{rotate:-6deg}50%{rotate:3.5deg}}
@keyframes reelSwayB{0%,100%{rotate:7deg}50%{rotate:-2.5deg}}
@keyframes reelSwayC{0%,100%{rotate:-4.5deg}50%{rotate:5deg}}
@keyframes reelSwayD{0%,100%{rotate:8deg}50%{rotate:-1.5deg}}
@keyframes reelSwayE{0%,100%{rotate:-3deg}50%{rotate:6deg}}

.reel-video .frame{display:block;aspect-ratio:9/16;border-radius:var(--r-2xl);
  overflow:hidden;position:relative;background:rgba(23,19,16,.1);
  box-shadow:0 26px 50px -26px rgba(23,19,16,.65),0 0 0 1px rgba(23,19,16,.1);
  transition:transform var(--dur-hover) var(--ease-ui)}
.reel-video video{width:100%;height:100%;object-fit:cover;display:block;background:var(--gray-950)}
.reel-video .frame::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(to top,rgba(23,19,16,.6),transparent 22%)}
.reel-tag{position:absolute;left:0;right:0;bottom:0;z-index:2;padding:.8rem .95rem;
  display:flex;align-items:center;gap:.45rem;color:var(--white);
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.04em;font-size:.78rem}
.reel-tag svg{width:1rem;height:1rem;fill:currentColor;flex:none}

@media (min-width:900px){
  .reel-video .frame{border-radius:clamp(.6rem,calc(var(--cw) * .12),1.5rem)}
  .reel-tag{padding:.45rem .5rem;gap:.28rem;white-space:nowrap;
    font-size:clamp(.46rem,calc(var(--cw) * .088),.78rem)}
  .reel-tag svg{width:.95em;height:.95em}
}
@media (hover:hover) and (pointer:fine){.reel-video .frame:hover{transform:translateY(-4px)}}
.reel-video .frame:active{transform:scale(.985);transition-duration:var(--dur-press)}

.reel-label{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:clamp(.7rem,.9vw,.84rem);
  color:var(--red);opacity:.85;margin:0 0 1.25rem}

.social-follow{margin-top:clamp(1.5rem,2.6vw,2.25rem);text-align:center}
.social-follow__links{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}
.social-follow__links a{display:inline-flex;align-items:center;gap:.6rem;
  padding:.85rem 1.4rem;border-radius:999px;color:var(--red);
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.06em;
  font-size:clamp(.78rem,.95vw,.9rem);
  box-shadow:inset 0 0 0 2px rgba(126,28,50,.35);
  transition:background-color .25s,color .25s,box-shadow .25s,
    transform var(--dur-hover) var(--ease-ui)}
.social-follow__links a svg{width:1.15em;height:1.15em;fill:currentColor;flex:none}
.social-follow__links a:hover{background:var(--red);color:var(--beige);
  box-shadow:inset 0 0 0 2px var(--red)}
@media (hover:hover) and (pointer:fine){
  .social-follow__links a:hover{transform:translateY(-3px)}
}
.social-follow__links a:active{transform:scale(.97);transition-duration:var(--dur-press)}

.block-orders{position:relative;overflow:hidden}

.order-band{background:var(--red);
  background:
    radial-gradient(36% 50% at 50% 42%,rgba(126,28,50,.62),rgba(126,28,50,0) 100%),
    linear-gradient(180deg,#7E1C32 0%,rgba(126,28,50,.45) 26%,rgba(126,28,50,.45) 74%,#7E1C32 100%),
    url(assets/img/brand/plagaty.webp?v=3) 50% 50%/cover no-repeat,
    var(--red)}

@media (max-width:767px){
  .order-band{background:
    radial-gradient(85% 42% at 50% 36%,rgba(126,28,50,.66),rgba(126,28,50,0) 100%),
    linear-gradient(180deg,#7E1C32 0%,rgba(126,28,50,.45) 20%,rgba(126,28,50,.45) 80%,#7E1C32 100%),
    url(assets/img/brand/plagaty.webp?v=3) 50% 50%/cover no-repeat,
    var(--red)}
}

.order-food{
  --hand-w:clamp(400px,56vw - 300px,780px);
  right:-2.5vw;
  top:0;bottom:calc(.2465 * var(--hand-w) + 160px);margin-block:auto;
  height:calc(var(--hand-w) * 4 / 3)}
.order-food .hand__bob{animation:foodBob 8.5s ease-in-out infinite}
.order-food .hand__tilt{animation:foodTilt 13s ease-in-out infinite;
  
  transform-origin:45% 59%}
.order-food .hand__img{
  
  transform:scaleX(-1);
  
  filter:saturate(1.04)
    drop-shadow(3px 0 0 #F4F1EC) drop-shadow(-3px 0 0 #F4F1EC)
    drop-shadow(0 3px 0 #F4F1EC) drop-shadow(0 -3px 0 #F4F1EC)
    drop-shadow(0 20px 24px rgba(40,7,16,.38))}

.block-orders .container{position:relative;z-index:1}

.order-bag{
  --hand-w:clamp(340px,48vw - 250px,640px);
  
  left:calc(clamp(.5rem,1.6vw,2rem) - .08375 * var(--hand-w));
  top:0;bottom:160px;margin-block:auto;
  height:calc(var(--hand-w) * 589 / 800)}
.order-bag .hand__bob{animation:foodBob 9.4s ease-in-out infinite}
.order-bag .hand__tilt{animation:foodTilt 15s ease-in-out infinite;transform-origin:50% 88%}

.order-bag .hand__img{
  filter:saturate(1.04)
    drop-shadow(3px 0 0 #F4F1EC) drop-shadow(-3px 0 0 #F4F1EC)
    drop-shadow(0 3px 0 #F4F1EC) drop-shadow(0 -3px 0 #F4F1EC)
    drop-shadow(0 20px 24px rgba(40,7,16,.38))}

@media (max-width:1199px){.order-food,.order-bag{display:none}}

.order-lead{width:min(100%,30rem);margin-inline:auto;text-align:center;
  padding-block:clamp(1.5rem,7.6vw,7.5rem)}
.order-lead__head{font-family:"Anton",sans-serif;text-transform:uppercase;
  line-height:.92;font-size:clamp(2.2rem,5vw,3.8rem);margin:0}

.order-steps{list-style:none;margin:2.25rem 0 0;padding:0;
  display:grid;grid-template-columns:repeat(3,1fr);gap:1rem .75rem}
.order-steps li{display:grid;justify-items:center;gap:.3rem}

.order-steps .n{width:2rem;height:2rem;border-radius:999px;
  display:grid;place-content:center;
  box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.45);
  font-family:"Anton",sans-serif;font-size:.9rem;line-height:1;padding-top:.1em}
.order-steps .t{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(.92rem,1.35vw,1.15rem);line-height:1.05;letter-spacing:.02em}
.order-steps .s{font-size:clamp(.72rem,.95vw,.84rem);line-height:1.3;opacity:.94;
  text-shadow:0 1px 3px rgba(60,10,22,.5)}
@media (max-width:559px){
  
  .order-steps{grid-template-columns:1fr;gap:1.15rem;max-width:15rem;margin-inline:auto}
  .order-steps li{grid-template-columns:2rem 1fr;justify-items:start;
    align-items:center;column-gap:.85rem;text-align:left}
  .order-steps .n{grid-row:1/3}
  .order-steps .s{grid-column:2}
}
.order-cards{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem;margin-top:2rem}
@media (min-width:768px){.order-cards{margin-top:3rem}}
.order-cards a{width:28vw;min-height:5rem;display:grid;place-content:center;text-align:center;
  border-radius:var(--r-2xl);background:var(--white);color:var(--red);padding:.9rem .6rem;
  transition:background-color .25s,transform var(--dur-hover) var(--ease-ui)}
@media (min-width:640px){.order-cards a{width:11rem;padding-block:1.15rem}}
.order-cards a:hover{background:var(--beige)}
@media (hover:hover) and (pointer:fine){.order-cards a:hover{transform:translateY(-3px)}}
.order-cards a:active{transform:scale(.97);transition-duration:var(--dur-press)}
.order-cards .k{font-family:"Anton",sans-serif;text-transform:uppercase;font-size:1.05rem;line-height:1}
.order-cards .v{font-size:.8rem;margin-top:.4rem;opacity:.75}

.beer-dlg{width:min(92vw,38rem);max-height:92dvh;margin:auto;padding:0;border:0;overflow:auto;
  border-radius:var(--r-2xl);background:var(--beige-light);color:var(--red);
  box-shadow:0 34px 80px -24px rgba(23,19,16,.7)}
.beer-dlg::backdrop{background:rgba(23,19,16,.68)}
.beer-dlg .tile-gal__close{position:absolute;top:.6rem;right:.6rem;z-index:1}
.beer-list{position:relative;padding:clamp(1.4rem,3vw,2.25rem) clamp(1.15rem,3vw,2.25rem)}
.beer-list .badge-18{top:.9rem;left:.9rem}
.beer-list__title{margin:0 0 clamp(.8rem,1.6vw,1.2rem);text-align:center;
  font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;
  color:var(--red);font-size:clamp(1.45rem,2.5vw,2.1rem);line-height:1.1;padding-top:.08em}
.beer-list__items{list-style:none;margin:0;padding:0;display:grid;
  grid-template-columns:minmax(0,1fr) auto auto;column-gap:clamp(.8rem,2vw,1.4rem)}
.beer-row{grid-column:1/-1;display:grid;grid-template-columns:subgrid;align-items:baseline;
  padding:.62rem 0;border-top:1px solid rgba(126,28,50,.16);color:var(--ink);
  font-size:clamp(.92rem,1.1vw,1.02rem);line-height:1.3}
.beer-row:first-child{border-top:0}
.beer-row__name{font-weight:600;min-width:0}
.beer-row__name small{font-size:.86em;font-weight:400;color:rgba(23,19,16,.62)}
.beer-row__unit{text-align:right;white-space:nowrap;font-size:.92em;color:rgba(23,19,16,.68)}
.beer-row__price{text-align:right;white-space:nowrap;font-family:"Anton",sans-serif;
  letter-spacing:.02em;color:var(--red)}
.beer-list__more{display:flex;align-items:center;justify-content:center;gap:.45rem;
  margin-top:clamp(.9rem,1.8vw,1.3rem);font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.07em;font-size:clamp(.78rem,.95vw,.88rem);color:var(--red)}
.beer-list__more svg{width:1em;height:1em;transition:transform var(--dur-hover) var(--ease-ui)}
@media (hover:hover) and (pointer:fine){.beer-list__more:hover svg{transform:translateX(4px)}}

@media (max-width:520px){
  .beer-list__items{grid-template-columns:minmax(0,1fr) auto}
  .beer-row__name{grid-column:1/-1;margin-bottom:.15rem}
  .beer-row__unit{text-align:left}
}

.tiles-lead{margin:clamp(1rem,1.8vw,1.4rem) auto clamp(2.25rem,4vw,3rem);max-width:46rem;text-align:center;
  color:var(--red);font-size:clamp(1rem,1.35vw,1.2rem);line-height:1.55}
.tiles{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:var(--gap)}
.tile{grid-column:span 6;display:grid;place-items:center;text-align:center;
  border-radius:var(--r-2xl);background:var(--beige-light);color:var(--red);
  padding:2rem 1.5rem;transition:background-color .25s,color .25s}
@media (min-width:768px){.tile{padding:4rem 3.5rem}}
@media (min-width:1024px){.tile{grid-column:span 3;padding:5rem 2rem}}
.tile:hover{background:var(--red);color:var(--white)}
.tile .t,.tile .s{display:block}
.tile .t{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(1.3rem,2.2vw,2rem);line-height:.95}
.tile .s{font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;margin-top:.65rem;opacity:.6}

.tile[data-gallery]{position:relative}
.tile__ico{position:absolute;top:clamp(.75rem,1.2vw,1.1rem);right:clamp(.75rem,1.2vw,1.1rem);
  width:clamp(1.3rem,1.8vw,1.6rem);height:clamp(1.3rem,1.8vw,1.6rem);opacity:.72;
  transition:opacity .25s,transform .25s}
.tile:hover .tile__ico,.tile:focus-visible .tile__ico{opacity:1;transform:scale(1.1)}

@media (max-width:767px){.tile__ico{top:.6rem;right:.6rem;width:1.1rem;height:1.1rem}}

html.gal-open,html.gal-open body{overflow:hidden}
.tile-gal{width:min(92vw,46rem);max-height:94dvh;margin:auto;padding:0;border:0;overflow:hidden;
  border-radius:var(--r-2xl);background:var(--beige-light);color:var(--red);
  box-shadow:0 34px 80px -24px rgba(23,19,16,.7)}
.tile-gal::backdrop{background:rgba(23,19,16,.68)}
.tile-gal__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  padding:.8rem .8rem .8rem 1.25rem}
.tile-gal__title{margin:0;font-family:"Anton",sans-serif;font-weight:400;text-transform:uppercase;
  font-size:clamp(1.2rem,2.2vw,1.6rem);line-height:1.1;padding-top:.08em}
.tile-gal__close{display:grid;place-items:center;width:2.5rem;height:2.5rem;flex:none;border-radius:50%;
  transition:background-color .2s,color .2s}
.tile-gal__close:hover{background:var(--red);color:var(--beige-light)}
.tile-gal__close svg{width:1.25rem;height:1.25rem}
.tile-gal__stage{position:relative;background:#17120E}
.tile-gal__track{display:flex;aspect-ratio:4/3;max-height:74dvh;overflow-x:auto;overflow-y:hidden;
  scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:none;scroll-behavior:auto}
.tile-gal__track::-webkit-scrollbar{display:none}
.tile-gal__slide{flex:0 0 100%;min-width:0;height:100%;margin:0;scroll-snap-align:center;scroll-snap-stop:always}
.tile-gal__slide img{display:block;width:100%;height:100%;object-fit:contain}
.tile-gal__nav{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;
  width:2.9rem;height:2.9rem;border-radius:50%;background:var(--beige-light);color:var(--red);
  box-shadow:0 8px 20px -8px rgba(0,0,0,.6);transition:background-color .2s,color .2s}
.tile-gal__nav:hover{background:var(--red);color:var(--beige-light)}
.tile-gal__nav[hidden]{display:none}
.tile-gal__nav svg{width:1.3rem;height:1.3rem}
.tile-gal__nav--prev{left:.75rem}
.tile-gal__nav--next{right:.75rem}
.tile-gal__count{margin:0;padding:.65rem 1rem .75rem;text-align:center;font-size:.85rem;letter-spacing:.12em;opacity:.75}

.block-pets{padding-bottom:clamp(4rem,8vw,7rem)}
.pets,.snack{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:center;
  gap:clamp(1.5rem,4vw,3.5rem);background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(2rem,4vw,3.5rem) clamp(1.5rem,4.5vw,4.25rem);color:var(--red)}
.pets__eyebrow,.snack__eyebrow{display:flex;align-items:center;gap:.55rem;margin:0 0 .9rem;font-family:"Anton",sans-serif;
  text-transform:uppercase;letter-spacing:.2em;font-size:clamp(.7rem,.9vw,.84rem);color:rgba(23,19,16,.7)}
.pets__eyepaw{width:1.15rem;height:1.15rem;fill:var(--red);rotate:18deg}

.pets__title,.snack__title{margin:0;padding-top:.18em;font-family:"Anton",sans-serif;font-weight:400;
  text-transform:uppercase;line-height:1.14;font-size:clamp(2.2rem,4.6vw,4rem);color:var(--red)}
.pets__lead,.snack__lead{margin:1.1rem 0 0;max-width:30rem;line-height:1.6;text-wrap:pretty;
  color:rgba(23,19,16,.82);font-size:clamp(1rem,1.2vw,1.1rem)}
.pets__facts{list-style:none;margin:1.75rem 0 0;padding:0;display:flex;flex-wrap:wrap;
  gap:.9rem clamp(1rem,2vw,1.6rem)}
.pets__facts li{display:flex;align-items:center;gap:.6rem}
.pets__ico{display:grid;place-items:center;flex:none;width:2.6rem;height:2.6rem;border-radius:50%;
  background:var(--beige);color:var(--red)}
.pets__ico svg{width:1.3rem;height:1.3rem;fill:none;stroke:currentColor;stroke-width:1.9;
  stroke-linecap:round;stroke-linejoin:round}
.pets__fact{font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.04em;
  font-size:1.02rem;color:#20130A}

.pets__art{position:relative;width:100%;max-width:34rem;aspect-ratio:5/4;margin-inline:auto}
.pets__disc{position:absolute;left:60%;top:48%;width:72%;aspect-ratio:1;translate:-50% -50%;
  border-radius:50%;background:var(--red)}
.pets__floor{position:absolute;left:30%;right:-3%;bottom:-1%;height:9%;border-radius:50%;
  background:radial-gradient(closest-side,rgba(92,44,0,.2),rgba(92,44,0,0))}

.pets__dog{position:absolute;right:7%;bottom:6%;height:112%;width:auto;max-width:none;
  filter:drop-shadow(2.5px 0 0 #F4F1EC) drop-shadow(-2.5px 0 0 #F4F1EC)
    drop-shadow(0 2.5px 0 #F4F1EC) drop-shadow(0 -2.5px 0 #F4F1EC)}
.pets__svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.pets__trail{fill:var(--red)}
.pets__paw{opacity:0;transition:opacity .45s var(--ease)}
.pets.in .pets__paw{opacity:.36}
.pets.in .pets__paw:nth-child(1){transition-delay:.35s}
.pets.in .pets__paw:nth-child(2){transition-delay:.55s}
.pets.in .pets__paw:nth-child(3){transition-delay:.75s}
.pets.in .pets__paw:nth-child(4){transition-delay:.95s}

.pets__bowl{fill:var(--red);stroke:#F4F1EC;stroke-width:6;paint-order:stroke;stroke-linejoin:round}
.pets__rim{fill:#5E1426;stroke:#F4F1EC;stroke-width:4;paint-order:stroke}
.pets__water{fill:#DCE9EC}
.pets__ripple{fill:none;stroke:#fff;stroke-width:1.4;opacity:0;
  transform-box:fill-box;transform-origin:center;animation:petsRipple 3.6s ease-out infinite 1.2s}
@keyframes petsRipple{0%{transform:scale(.2);opacity:.9}80%,100%{transform:scale(1.05);opacity:0}}
.pets__glint{fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;opacity:.85}
.pets__name{font-family:"Anton",sans-serif;font-size:16px;letter-spacing:3px;fill:var(--beige-light)}

.pets__bubble{position:absolute;left:0;top:2%;z-index:2;margin:0;max-width:58%;
  padding:.7rem 1.05rem .66rem;border-radius:1rem;background:var(--white);
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.04em;line-height:1.05;
  font-size:clamp(1rem,1.6vw,1.3rem);color:var(--red);
  box-shadow:0 14px 28px -16px rgba(52,10,22,.45);transform-origin:100% 100%}
.pets__bubble::after{content:"";position:absolute;right:-.55rem;bottom:.55rem;width:1.1rem;height:.9rem;
  background:var(--white);clip-path:polygon(0 0,100% 55%,0 100%)}
.pets:not(.in) .pets__bubble{opacity:0;transform:scale(.5) translateY(.6rem)}
.pets.in .pets__bubble{transition:opacity .3s 1.3s,transform .55s cubic-bezier(.34,1.56,.64,1) 1.3s;
  animation:petsWoof 6.5s ease-in-out 3.2s infinite}
@keyframes petsWoof{0%,86%,100%{translate:0 0}89%{translate:0 -5px}92%{translate:0 0}95%{translate:0 -3px}}
@media (max-width:767px){
  .pets{grid-template-columns:1fr;text-align:center}
  .pets__eyebrow{justify-content:center}
  .pets__lead{margin-inline:auto}
  .pets__facts{justify-content:center}
  .pets__art{max-width:22rem;margin-top:clamp(2.5rem,10vw,3.5rem)}
  .pets__bubble{top:-4%}
}
@media (prefers-reduced-motion:reduce){
  .pets__ripple,.pets.in .pets__bubble{animation:none}
  .pets__paw,.pets.in .pets__bubble{transition:none}
  .pets:not(.in) .pets__bubble{opacity:1;transform:none}
}

.block-snack{padding-bottom:clamp(2.5rem,5vw,5rem)}   
.snack{grid-template-columns:minmax(0,.86fr) minmax(0,1fr)}
.snack__title{text-wrap:balance}
.snack__art{order:-1;position:relative;width:100%;max-width:27rem;aspect-ratio:1;margin-inline:auto}
.snack__disc{position:absolute;left:50%;top:56%;width:82%;aspect-ratio:1;translate:-50% -50%;
  border-radius:50%;background:var(--red)}
.snack__box{position:absolute;left:50%;bottom:0;width:auto;height:100%;max-width:none;
  translate:-50% 0;rotate:-5deg;
  filter:drop-shadow(2.5px 0 0 #F4F1EC) drop-shadow(-2.5px 0 0 #F4F1EC)
    drop-shadow(0 2.5px 0 #F4F1EC) drop-shadow(0 -2.5px 0 #F4F1EC)}
.snack__cta{margin-top:1.6rem}
@media (max-width:767px){
  .snack{grid-template-columns:1fr;text-align:center}
  .snack__eyebrow{justify-content:center}
  .snack__lead{margin-inline:auto}
  .snack__art{order:0;max-width:19rem;margin-top:clamp(1.5rem,6vw,2.5rem)}
}

.site-footer{background:var(--red);color:var(--white)}
.foot-top{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:2.5rem var(--gap);
  padding-top:4rem;position:relative}
@media (min-width:768px){.foot-top{padding-top:6rem}}
@media (min-width:1280px){.foot-top{padding-top:7rem}}

.foot-brand{grid-column:1/-1;display:flex;flex-direction:column;
  align-items:center;text-align:center;gap:1.35rem}
@media (min-width:768px){.foot-brand{align-items:flex-start;text-align:left}}
@media (min-width:1024px){.foot-brand{grid-column:1/4}}
.foot-brand .logo{width:8.5rem}
@media (min-width:1024px){.foot-brand .logo{width:10rem}}
.foot-addr{margin:0;font-size:.875rem;line-height:1.6}
.foot-addr span{opacity:.65}
.foot-brand .socials{gap:.9rem}
.foot-brand .socials a{width:2.4rem;height:2.4rem;padding:.5rem;border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  transition:background-color var(--dur-hover) var(--ease-ui),opacity .2s}
.foot-brand .socials a:hover{background:rgba(255,255,255,.14);opacity:1}

.foot-cols{grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:2.25rem var(--gap)}
@media (min-width:768px){.foot-cols{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media (min-width:1024px){.foot-cols{grid-column:4/13}}

.foot-cols li+li{margin-top:.62rem}
.foot-cols a{line-height:1.25;transition:color .2s}
.foot-cols a:hover{color:var(--pink)}

.foot-hours{display:grid;gap:.5rem}
.foot-hours li{display:grid;grid-template-columns:1.6rem max-content;
  column-gap:.85rem;font-variant-numeric:tabular-nums;font-size:.9rem}
.foot-hours li+li{margin-top:0}
.foot-hours li span+span{white-space:nowrap}

.foot-hours li.is-today{font-weight:700}
.foot-hours li.is-today span:first-child{color:var(--pink)}

.foot-contact li+li{margin-top:.9rem}
.foot-contact a{display:block;font-size:1.0625rem;line-height:1.2}
.foot-k{display:block;font-size:.72rem;opacity:.5;margin-top:.2rem}

.foot-pay{margin-top:3.5rem;padding-block:1.5rem;
  border-top:1px solid rgba(255,255,255,.22);
  border-bottom:1px solid rgba(255,255,255,.22);
  display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 2rem}

.foot-lang{display:flex;align-items:center;gap:1rem;margin-left:auto}
.foot-lang h3{margin:0}

@media (max-width:639px){.foot-lang{margin-left:0}}

.foot-pay__label,.foot-cols h3{font-family:"Inter",system-ui,sans-serif;
  font-weight:600;text-transform:uppercase;letter-spacing:.11em;
  font-size:.7rem;opacity:.72;margin:0}
.foot-cols h3{padding-bottom:1.15rem}
.foot-pay ul{display:flex;flex-wrap:wrap;gap:.6rem;margin:0;padding:0;list-style:none}

.foot-pay li{display:inline-flex;align-items:center;justify-content:center;
  width:3.5rem;height:2.4rem;border-radius:999px;
  background:var(--white);color:var(--red)}
.foot-pay svg{width:2.1rem;height:2.1rem;flex:none}
.foot-bottom{display:flex;flex-wrap:wrap;gap:.75rem 1.75rem;justify-content:space-between;
  padding-block:1.5rem 7rem;font-size:.8125rem;opacity:.8}

.foot-legal{display:grid;gap:.2rem}
.foot-bottom ul{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem}
.foot-bottom a:hover{color:var(--pink)}

.block-team{overflow:hidden;text-align:center}
.team-head{margin-bottom:clamp(1.25rem,3vw,2.5rem)}
.team-head .awards-eyebrow{margin-bottom:.75rem}
.team-pic{display:block;width:100%;max-width:1040px;height:auto;margin-inline:auto}

.cookie[hidden]{display:none}

.cookie{position:fixed;left:.5rem;right:.5rem;bottom:.5rem;z-index:80;background:var(--white);
  color:var(--gray-950);border-radius:var(--r-2xl);padding:clamp(1.25rem,2.2vw,1.6rem);
  max-width:34rem;box-shadow:0 30px 60px -30px rgba(0,0,0,.4);
  
  transform:translateY(calc(100% + 8rem));
  transition:transform .45s var(--ease)}

body:has(.bottom-nav) .cookie{bottom:5.5rem}
@media (max-width:700px){body:has(.bottom-nav) .cookie{bottom:4.5rem}}
.cookie.in{transform:none}
.cookie__head{display:flex;align-items:center;justify-content:space-between;gap:1rem;
  margin-bottom:.7rem}
.cookie__title{display:flex;align-items:center;gap:.55rem;
  font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;color:var(--red);margin:0}
.cookie__title svg{width:1.5rem;height:1.5rem;flex:none;color:var(--red)}
.cookie__x{width:1.9rem;height:1.9rem;margin:-.4rem -.4rem -.4rem 0;border-radius:999px;
  display:grid;place-content:center;color:var(--gray-950);opacity:.45;font-size:1.1rem;
  line-height:1;transition:opacity .2s,background-color .2s}
.cookie__x:hover{opacity:1;background:rgba(38,32,28,.07)}
.cookie p{font-size:.875rem;line-height:1.5;margin:0}
.cookie p a{color:var(--red);text-decoration:underline}

.cookie .acts{display:grid;grid-template-columns:1fr 1fr;gap:.5rem;margin-top:1.15rem}
@media (max-width:399px){.cookie .acts{grid-template-columns:1fr}}
.cookie .acts .btn{width:100%;padding:.85rem 1rem;font-size:.9rem}
.cookie .btn-consent-no{background:var(--gray-950);color:var(--beige)}
.cookie .btn-consent-no:hover{background:var(--ink)}

.cookie .btn[aria-pressed="true"]::after{content:"\00a0\2713"}
.cookie .btn{padding:.7rem 1.2rem;font-size:.85rem}
.cookie .btn-ghost{box-shadow:inset 0 0 0 2px var(--red);color:var(--red)}
.cookie .btn-ghost:hover{background:var(--red);color:var(--white)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}

  .ticker__row,.plate-ring{animation:none}
  .plate-ring{opacity:1}

  .hero-screen__pic,.hero-screen__grade,.hero-screen__grain,.hero-screen__scratch,
  .hero-screen__specks,.hero-screen__blotch,.hero-screen__cue,
  .hero-screen__hair,.hero-screen__splice,
  .hero-bloom,.hero-flare{animation:none}
  
  .hero-screen__blotch{opacity:.5}
  
  .hero-screen__cue,.hero-screen__hair,.hero-screen__splice{display:none}
  .hero-rays::before,.hero-rays::after{animation:none;transform:none}
  
  .hero-subs__cue{transition:none}
  .hero-bloom{opacity:.74}.hero-flare{opacity:.36}
  .hero-screen__grade{opacity:.32}
  .hand__bob,.hand__tilt{animation:none}
  
  .reel-tilt,.reel-a .reel-tilt,.reel-b .reel-tilt,.reel-c .reel-tilt,
  .reel-d .reel-tilt,.reel-e .reel-tilt{animation:none}
  
  .wall__track{animation:none}

  .text-clip-reveal{clip-path:none;transition:none}
  .fade-up{transform:none;transition:opacity .3s var(--ease)}

  .menu{transition:background-color .3s,box-shadow .3s}
  .menu.hide{transform:none}
  .btn:hover,.btn:active,.btn-icon:hover svg,.order-cards a:hover,.order-cards a:active,
  .bottom-nav a:active,.toggle:active,.plate:hover .plate-target{transform:none}

  .menu-panel{transition:clip-path .25s var(--ease)}
  .menu-panel .m-links a{transform:none;transition:opacity .25s}
  .lang-switch__list{transform:none;transition:opacity .15s,visibility .15s}
  .is-open .bottom-nav{transform:translateX(-50%)}
  .cookie{transform:none;opacity:0;visibility:hidden;
    transition:opacity .25s var(--ease),visibility .25s}
  .cookie.in{opacity:1;visibility:visible}
  @media (max-width:700px){.is-open .bottom-nav{transform:none}}
}

body.page-sub{--mono:0}

.page-head{padding-top:calc(clamp(4rem,8vw,9rem) + 5rem);
  padding-bottom:clamp(2.5rem,5vw,4rem)}
.page-head__eyebrow{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.2em;font-size:clamp(.68rem,.85vw,.8rem);
  color:var(--red);opacity:.65;margin:0 0 1rem}
.page-head h1{margin:0;color:var(--red)}
.page-head__lead{margin:1.5rem 0 0;max-width:46ch;
  font-size:clamp(1rem,1.2vw,1.15rem);line-height:1.5;color:var(--gray-950)}

.contact-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));
  gap:clamp(1.5rem,3vw,2.5rem) var(--gap);align-items:start}
.contact-form{grid-column:1/-1}
.contact-aside{grid-column:1/-1}
@media (min-width:900px){
  .contact-form{grid-column:1/8}
  .contact-aside{grid-column:8/13;position:sticky;top:6.5rem}
}

.form-card{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.5rem,3vw,2.75rem)}
.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));
  gap:1.1rem var(--gap)}
.field{display:flex;flex-direction:column;gap:.45rem}
.field--full{grid-column:1/-1}
@media (max-width:559px){.form-grid{grid-template-columns:1fr}}
.field label{font-family:"Inter",system-ui,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;
  color:var(--gray-950);opacity:.72}
.field .req{color:var(--red);opacity:1}

.field input,.field select,.field textarea{
  width:100%;font:inherit;font-size:1rem;color:var(--ink);
  background:transparent;border:0;border-bottom:2px solid rgba(126,28,50,.28);
  padding:.55rem .1rem;border-radius:0;
  transition:border-color var(--dur-hover) var(--ease-ui)}
.field textarea{min-height:7.5rem;resize:vertical;line-height:1.5}
.field input:focus,.field select:focus,.field textarea:focus{
  outline:none;border-bottom-color:var(--red)}
.field input::placeholder,.field textarea::placeholder{color:rgba(38,32,28,.38)}

.field select{appearance:none;-webkit-appearance:none;cursor:pointer;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%237E1C32' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right .2rem center;
  background-size:.75rem;padding-right:1.5rem}

.contact-form.was-validated .field input:invalid,
.contact-form.was-validated .field select:invalid,
.contact-form.was-validated .field textarea:invalid{border-bottom-color:var(--red)}

.form-consent{display:grid;grid-template-columns:auto 1fr;gap:.75rem;
  align-items:start;margin-top:1.75rem;font-size:.85rem;line-height:1.45;
  color:var(--gray-950)}
.form-consent input{width:1.15rem;height:1.15rem;margin-top:.15rem;accent-color:var(--red)}
.form-consent a{color:var(--red);text-decoration:underline}
.form-actions{margin-top:1.75rem;display:flex;flex-wrap:wrap;gap:1rem;align-items:center}

.form-status{margin:0;font-size:.9rem;line-height:1.45;color:var(--gray-950)}
.form-status:empty{display:none}
.form-status a{color:var(--red);text-decoration:underline}

.info-card{background:var(--red);color:var(--white);
  border-radius:var(--r-2xl);padding:clamp(1.5rem,2.6vw,2.25rem)}
.info-card+.info-card{margin-top:var(--gap)}
.info-card h2{font-family:"Inter",system-ui,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.11em;font-size:.7rem;
  opacity:.72;margin:0 0 1.25rem}
.info-row+.info-row{margin-top:1.1rem}
.info-row .k{display:block;font-size:.72rem;opacity:.5;margin-bottom:.15rem}
.info-row a,.info-row strong{font-weight:400;font-size:1.0625rem;line-height:1.3;
  display:block;transition:color .2s}
.info-row a:hover{color:var(--pink)}
.info-hours{list-style:none;margin:0;padding:0;display:grid;gap:.5rem}
.info-hours li{display:grid;grid-template-columns:2.6rem max-content;
  column-gap:.85rem;font-variant-numeric:tabular-nums;font-size:.95rem}
.info-hours li span+span{white-space:nowrap}
.info-hours li.is-today{font-weight:700}
.info-hours li.is-today span:first-child{color:var(--pink)}
.info-legal{margin-top:1.25rem;font-size:.78rem;line-height:1.5;opacity:.6}
.info-card .socials{margin-top:1.5rem;gap:.9rem}
.info-card .socials a{width:2.4rem;height:2.4rem;padding:.5rem;border-radius:999px;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.28);
  transition:background-color var(--dur-hover) var(--ease-ui)}
.info-card .socials a:hover{background:rgba(255,255,255,.14);opacity:1}

.cater-points{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
  gap:var(--gap)}
@media (max-width:1023px){.cater-points{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:619px){.cater-points{grid-template-columns:1fr}}
.cater-point{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.4rem,2.4vw,2rem)}
.cater-point h2{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(1.15rem,1.7vw,1.45rem);line-height:1.05;
  color:var(--red);margin:0 0 .85rem}
.cater-point p{margin:0;font-size:.95rem;line-height:1.55;color:var(--gray-950)}

.cater-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));
  gap:var(--gap);list-style:none;margin:0;padding:0}
@media (max-width:1023px){.cater-gallery{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:719px){.cater-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}

.cater-gallery img{display:block;width:100%;height:auto;aspect-ratio:3/4;
  object-fit:cover;border-radius:var(--r-xl);background:var(--beige-light)}

.cater-cta{background:var(--red);color:var(--white);border-radius:var(--r-2xl);
  padding:clamp(1.75rem,4vw,3rem);text-align:center}
.cater-cta h2{margin:0;color:var(--white)}
.cater-cta p{margin:1.25rem auto 0;max-width:44ch;line-height:1.55;
  color:rgba(255,255,255,.82)}
.cater-cta__acts{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem;
  justify-content:center}

.menu-note{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.1rem,2vw,1.5rem) clamp(1.25rem,2.4vw,1.9rem);
  display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem;
  font-size:.95rem;line-height:1.5;color:var(--gray-950)}
.menu-note strong{font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.04em;color:var(--red);font-weight:400;font-size:1.05rem}
.menu-note .btn{margin-left:auto}

.menu-doc__note{margin:clamp(1.5rem,2.5vw,2rem) 0 0;padding-top:clamp(1rem,1.8vw,1.4rem);
  border-top:1px dotted rgba(126,28,50,.28);
  font-size:.85rem;line-height:1.5;opacity:.62;max-width:60ch}
.menu-doc{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.35rem,3.2vw,3rem) clamp(1.35rem,3vw,2.75rem)}
@media (min-width:820px){
  .menu-doc__cols{column-count:2;column-gap:clamp(2rem,4vw,3.5rem)}
}
@media (min-width:1400px){
  .menu-doc__cols{column-count:3}
  
  #vinna .menu-doc__cols{column-count:2}
  #vinna .menu-doc{max-width:60rem;margin-inline:auto}
}

.menu-section{break-inside:avoid}
.menu-item-row{break-inside:avoid}

.menu-section{padding-bottom:clamp(1.5rem,2.6vw,2.25rem)}

html.i18n-wait body{visibility:hidden}
.menu-section__head{display:flex;align-items:baseline;gap:.75rem;
  margin:0 0 clamp(.7rem,1.3vw,1rem)}

.menu-section__head h2{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;
  font-size:clamp(.95rem,1.5vw,1.15rem);line-height:1.2;color:var(--red);margin:0}

.menu-section__head::after{content:"";flex:1;height:2px;
  background:rgba(126,28,50,.18)}

.menu-list{list-style:none;margin:0;padding:0;display:grid;gap:.55rem}

.menu-item-row{display:grid;grid-template-columns:1fr auto;
  gap:.15rem clamp(.8rem,1.6vw,1.4rem);align-items:baseline}
.menu-list>.menu-item-row+.menu-item-row{
  border-top:1px dotted rgba(126,28,50,.28);padding-top:.55rem}

.menu-item-row .n{font-family:"Inter",system-ui,sans-serif;font-weight:600;
  font-size:.95rem;line-height:1.25;color:var(--ink);margin:0 0 .15rem}
.menu-item-row .d{margin:0;font-size:.8rem;line-height:1.4;
  color:var(--gray-950);opacity:.75}
.menu-item-row .p{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  font-size:.9rem;
  color:var(--red);white-space:nowrap;font-variant-numeric:tabular-nums;
  align-self:start;padding-top:.1rem}

.menu-item-row .w{display:block;font-family:"Inter",system-ui,sans-serif;
  font-weight:400;font-size:.68rem;opacity:.5;color:var(--gray-950);
  margin-top:.05rem;text-align:right}

.p.price--todo{color:rgba(38,32,28,.3);font-family:"Inter",system-ui,sans-serif;
  font-size:.85rem;letter-spacing:.08em}

.menu-badge{display:inline-flex;align-items:center;gap:.5rem;
  padding:.4rem .85rem;border-radius:999px;background:var(--red);color:var(--white);
  font-family:"Anton",sans-serif;text-transform:uppercase;letter-spacing:.08em;
  font-size:.72rem;line-height:1}

@media print{
  .menu,.menu-panel,.bottom-nav,.cookie,.site-footer,.menu-note,.page-head__eyebrow{display:none!important}
  body{background:#fff}
  .page-head{padding-top:0}
  .menu-doc{background:none;padding:0}
  .menu-doc__cols{column-count:2;column-gap:1.5rem}
  .menu-item-row .n,.menu-item-row .p{color:#000}
  .menu-section__head h2{color:#000}
  .text-clip-reveal,.fade-up{opacity:1!important;transform:none!important;clip-path:none!important}
  a[href]::after{content:""}
}

.menu-section{scroll-margin-top:6.5rem}

.lunch-facts{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.25rem,2.6vw,2rem);display:grid;gap:1.5rem var(--gap);
  grid-template-columns:repeat(auto-fit,minmax(min(100%,15rem),1fr))}
.lunch-facts h2{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;
  color:var(--red);margin:0 0 .7rem}
.lunch-facts p{margin:0;font-size:.875rem;line-height:1.5;color:var(--gray-950)}
.lunch-facts dl{margin:0;font-size:.875rem;line-height:1.5;color:var(--gray-950)}
.lunch-facts dl div{display:flex;justify-content:space-between;gap:1rem}
.lunch-facts dl div+div{margin-top:.3rem}
.lunch-facts dt{margin:0}
.lunch-facts dd{margin:0;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}

.lunch-special{margin-top:var(--gap);background:var(--red);color:var(--white);
  border-radius:var(--r-2xl);padding:clamp(1.25rem,2.6vw,2rem)}
.lunch-special h2{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;
  opacity:.72;margin:0 0 1rem}
.lunch-special .menu-item-row .n,.lunch-special .menu-item-row .p{color:var(--white)}
.lunch-special .menu-item-row .d,.lunch-special .menu-item-row .w{color:var(--white)}
.lunch-special .menu-list>.menu-item-row+.menu-item-row{border-top-color:rgba(255,255,255,.25)}
.lunch-special .menu-item-row .a{margin:.2rem 0 0;font-size:.72rem;line-height:1.4;color:var(--white);opacity:.7}
.lunch-special .dish__tags{margin-top:.4rem}

.week-grid{display:grid;gap:var(--gap);grid-template-columns:1fr}
@media (min-width:1360px){
  .week-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.6rem,1vw,1rem)}
  
  .week-grid .day-card{padding:clamp(.8rem,1vw,1.1rem)}
  .week-grid .dish__n{font-size:.8rem;line-height:1.3}
  .week-grid .day-card__day{font-size:1rem}
  .week-grid .dish{grid-template-columns:1rem 1fr auto;column-gap:.4rem}
}
@media (min-width:1600px){
  .week-grid{gap:var(--gap)}
  .week-grid .dish__n{font-size:.85rem}
}
.day-card{background:var(--beige-light);border-radius:var(--r-2xl);
  padding:clamp(1.1rem,2.2vw,1.6rem);display:flex;flex-direction:column}

.day-card.is-today{background:var(--red);color:var(--white)}
.day-card.is-today .day-card__day,.day-card.is-today .course h3,
.day-card.is-today .dish__n,.day-card.is-today .dish__k{color:var(--white)}
.day-card.is-today .dish__a,.day-card.is-today .day-card__date{color:rgba(255,255,255,.75)}
.day-card.is-today .course+.course{border-top-color:rgba(255,255,255,.25)}
.day-card.is-today .dish__p{color:var(--white)}

.day-card__head{display:flex;align-items:baseline;justify-content:space-between;
  gap:.75rem;margin-bottom:1rem}
.day-card__day{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:1.15rem;line-height:1;color:var(--red);letter-spacing:.02em}
.day-card__date{font-size:.75rem;opacity:.55;font-variant-numeric:tabular-nums}
.course+.course{margin-top:.9rem;padding-top:.9rem;
  border-top:1px dotted rgba(126,28,50,.28)}
.course h3{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;font-size:.65rem;
  color:var(--red);opacity:.8;margin:0 0 .55rem}
.dish{display:grid;grid-template-columns:1.15rem 1fr auto;gap:.15rem .55rem;
  align-items:baseline}
.dish+.dish{margin-top:.55rem}
.dish__k{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  font-size:.75rem;color:var(--red);grid-row:1}
.dish__n{margin:0;grid-row:1;font-size:.85rem;line-height:1.35;color:var(--ink)}
.dish__p{grid-row:1;font-family:"Inter",system-ui,sans-serif;font-weight:700;
  font-size:.8rem;color:var(--red);white-space:nowrap;font-variant-numeric:tabular-nums}

.dish__a{grid-column:2/-1;font-size:.68rem;opacity:.5;color:var(--gray-950)}

.dish__tags{grid-column:2/-1;display:flex;flex-wrap:wrap;gap:.25rem;margin-top:.1rem}
.tag{font-family:"Inter",system-ui,sans-serif;font-weight:600;font-size:.6rem;
  line-height:1;letter-spacing:.02em;padding:.22rem .4rem;border-radius:.3rem;
  white-space:nowrap}
.tag--vegetarian{background:#E4EFE1;color:#3D6B31}
.tag--vegan{background:#3D6B31;color:#F1F7EF}
.tag--bezlepkove{background:#F6E9CF;color:#7A5A17}
.tag--pikantne{background:#FBE2DF;color:#B02A22}

.day-card.is-today .tag,.lunch-special .tag{background:rgba(255,255,255,.2);color:#fff}
.day-card.is-today .tag--vegan,.lunch-special .tag--vegan{background:#fff;color:var(--red)}
@media (prefers-contrast:more){
  .tag{outline:1px solid currentColor;outline-offset:-1px}
}

.lunch-legend{margin-top:clamp(2rem,4vw,3rem);font-size:.78rem;line-height:1.6;
  color:var(--gray-950);opacity:.7;max-width:70ch}
.lunch-legend h2{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;font-size:.7rem;
  color:var(--red);opacity:1;margin:0 0 .6rem}
.lunch-legend ol{margin:.4rem 0 0;padding-left:1.2rem}
.lunch-legend li{margin-bottom:.15rem}
@media print{
  .week-grid{grid-template-columns:repeat(2,1fr)}
  .day-card,.lunch-facts{background:none;padding:0 0 1rem}
  .lunch-special{background:none;color:#000;padding:0}
  .lunch-special .menu-item-row .n,.lunch-special .menu-item-row .p,.lunch-special .menu-item-row .d,
  .lunch-special .menu-item-row .w,.lunch-special .menu-item-row .a{color:#000}
  .lunch-special .menu-list>.menu-item-row+.menu-item-row{border-top-color:rgba(0,0,0,.25)}
  .lunch-special .tag,.lunch-special .tag--vegan{background:none;color:#000;outline:1px solid #000;outline-offset:-1px}
  .day-card.is-today{background:none}
  .day-card.is-today .day-card__day,.day-card.is-today .dish__n{color:#000}
}

.menu-tabs{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 clamp(1.5rem,3vw,2.25rem);
  padding:0;list-style:none}
.menu-tabs button{display:inline-flex;align-items:center;gap:.5rem;
  padding:.7rem 1.35rem;border-radius:999px;background:var(--beige-light);
  color:var(--red);font-family:"Anton",sans-serif;text-transform:uppercase;
  letter-spacing:.05em;font-size:clamp(.82rem,1vw,.95rem);line-height:1;
  transition:background-color var(--dur-hover) var(--ease-ui),color var(--dur-hover),
             transform var(--dur-hover) var(--ease-ui)}
.menu-tabs button:hover{background:var(--beige)}
.menu-tabs button[aria-selected="true"]{background:var(--red);color:var(--beige)}
.menu-tabs button:active{transform:scale(.97);transition-duration:var(--dur-press)}

.menu-tabs .c{font-family:"Inter",system-ui,sans-serif;font-weight:600;
  font-size:.7rem;opacity:.55}
.menu-tabs button[aria-selected="true"] .c{opacity:.7}

.menu-tabpanel[hidden]{display:none}
.menu-tabpanel__title{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(1.3rem,2.4vw,1.8rem);color:var(--red);margin:0 0 1.25rem}

.js-tabs .menu-tabpanel__title{display:none}
.menu-tabpanel+.menu-tabpanel{margin-top:clamp(2.5rem,5vw,4rem)}
.js-tabs .menu-tabpanel+.menu-tabpanel{margin-top:0}

@media print{
  
  .menu-tabs{display:none!important}
  .menu-tabpanel[hidden]{display:block!important}
  .js-tabs .menu-tabpanel__title{display:block}
  .menu-tabpanel{break-before:page}
  .menu-tabpanel:first-of-type{break-before:auto}
}

.map{position:relative;border-radius:var(--r-2xl);overflow:hidden;
  background:var(--beige-light)}
.map iframe{display:block;width:100%;height:clamp(20rem,40vw,30rem);border:0}
.map__ask{display:grid;place-content:center;justify-items:center;
  text-align:center;gap:.9rem;padding:clamp(1.75rem,4vw,3.25rem) clamp(1.25rem,3vw,2.5rem)}

.map__ask svg{width:2.6rem;height:2.6rem;color:var(--red);opacity:.55}
.map__ask h3{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(1.05rem,1.6vw,1.3rem);color:var(--red);margin:0}
.map__ask p{margin:0;max-width:38ch;font-size:.85rem;line-height:1.5;
  color:var(--gray-950);opacity:.8}
.map__ask .btn{margin-top:.35rem}
.map__ask a{color:var(--red);text-decoration:underline}

.map.is-live .map__ask{display:none}
@media print{.map{display:none}}

.legal{max-width:46rem}
.legal h2{font-family:"Anton",sans-serif;text-transform:uppercase;
  font-size:clamp(1.15rem,1.9vw,1.5rem);color:var(--red);
  margin:clamp(2.25rem,4vw,3rem) 0 .9rem;scroll-margin-top:6.5rem}
.legal h2:first-of-type{margin-top:0}
.legal h3{font-family:"Inter",system-ui,sans-serif;font-weight:700;
  text-transform:uppercase;letter-spacing:.09em;font-size:.72rem;
  color:var(--red);margin:1.6rem 0 .5rem}
.legal p,.legal li{font-size:.95rem;line-height:1.65;color:var(--gray-950)}
.legal p{margin:0 0 .9rem}
.legal ul,.legal ol{margin:0 0 .9rem;padding-left:1.3rem}
.legal li{margin-bottom:.35rem}
.legal a{color:var(--red);text-decoration:underline}
.legal dl{margin:0 0 .9rem}
.legal dl div{display:grid;grid-template-columns:11rem 1fr;gap:.4rem 1rem;
  padding:.5rem 0;border-top:1px dotted rgba(126,28,50,.28)}
@media (max-width:559px){.legal dl div{grid-template-columns:1fr;gap:.1rem}}
.legal dt{font-weight:600;font-size:.9rem;color:var(--gray-950);opacity:.7}
.legal dd{margin:0;font-size:.95rem;color:var(--gray-950)}
.legal__updated{font-size:.8rem;opacity:.6;margin-top:2.5rem}
.legal__toc{list-style:none;margin:0 0 clamp(2rem,4vw,3rem);padding:0;
  display:flex;flex-wrap:wrap;gap:.4rem}
.legal__toc a{display:inline-block;padding:.42rem .85rem;border-radius:999px;
  background:var(--beige-light);color:var(--red);text-decoration:none;
  font-family:"Inter",system-ui,sans-serif;font-weight:600;
  text-transform:uppercase;letter-spacing:.07em;font-size:.68rem;line-height:1;
  transition:background-color var(--dur-hover) var(--ease-ui),color var(--dur-hover)}
.legal__toc a:hover{background:var(--red);color:var(--beige)}