/* The restaurant's animated menu-board language, in the existing red and cream. */
.hero .hero-photo{background:var(--cream);color:var(--red);display:grid;place-items:center;isolation:isolate;overflow:hidden;padding:45px 28px}


.pizza-turntable{width:100%;aspect-ratio:1;position:relative;filter:drop-shadow(0 16px 14px #39211221)}
.pizza-turntable-inner{width:100%;height:100%}.pizza-cutout{width:100%;height:100%;display:block;overflow:visible}
.hero .pizza-turntable{width:min(82%,470px);z-index:1}
.pantry-drawing{display:block;position:absolute;pointer-events:none;color:var(--red);width:100%;height:100%;inset:0;z-index:0;opacity:.65}
.hero .pantry-drawing{inset:4% 1%;width:98%;height:92%;opacity:.65}
.pizza-size-note{position:absolute;right:24px;bottom:21px;color:var(--red);font-family:var(--display);font-weight:700;font-size:23px;line-height:1;transform:rotate(-9deg);border-bottom:1px solid currentColor;padding:8px 0}
.pizza-size-note strong{font-size:47px;letter-spacing:-2px;margin-right:4px}
.table-intro{position:relative}
.table-food .table-burger .photo-frame{overflow:visible;background:transparent;height:auto;aspect-ratio:1}
.table-burger .pizza-turntable{width:100%;filter:drop-shadow(0 12px 10px #3921121c)}
.table-burger .table-caption{border-top:1px solid #741f3238;margin-top:16px}
.table-schnitzel{grid-area:doener;margin-top:40px}.table-schnitzel .photo-frame{height:430px;display:grid;place-items:center;overflow:visible;isolation:isolate}.schnitzel-dish{display:block;position:relative;width:100%;max-width:520px;height:auto;max-height:100%;filter:drop-shadow(0 14px 12px #39211221);transition:transform 700ms var(--ease-out)}.table-schnitzel .pantry-drawing{inset:0;width:100%;height:100%;opacity:.38;z-index:-1}.table-schnitzel:focus-visible{outline:3px solid #2c70b8;outline-offset:5px}
.table-pasta{grid-area:burger;display:block;width:85%;margin-top:48px}
.table-pasta .photo-frame{height:330px;display:grid;place-items:center;overflow:visible;isolation:isolate}
.pasta-dish{width:min(100%,310px);height:auto;display:block;position:relative;filter:drop-shadow(0 14px 12px #39211221);transition:transform 700ms var(--ease-out)}
.table-pasta .pantry-drawing{inset:0;width:100%;height:100%;opacity:.38;z-index:-1}
.table-pasta:focus-visible{outline:3px solid #2c70b8;outline-offset:5px}
@media(hover:hover){.table-schnitzel:hover .schnitzel-dish{transform:translateY(-5px) rotate(-2deg)}.table-pasta:hover .pasta-dish{transform:translateY(-5px) rotate(-3deg)}}

.menu-page-title{position:relative;min-height:255px;padding-right:330px!important;overflow:hidden;isolation:isolate}
.menu-title-art{position:absolute;right:7%;top:8px;width:290px;height:290px;z-index:-1}
.menu-title-art .pantry-drawing{width:410px;height:335px;inset:0 auto auto -70px;opacity:.55}
.menu-title-art .pizza-turntable{width:205px;margin:10px 0 0 30px}
.menu-page-title h1{position:relative;display:inline-block}

.menu-page-title>p{margin-top:28px}
.standalone-menu{position:relative}.menu-content{background:linear-gradient(110deg,#fbf3e5,#f6ecdb);border:0;border-top:3px solid var(--red);box-shadow:0 8px 24px #5e351108}
.menu-content::before{left:0;right:0;top:6px;border-color:#741f3240}
.category-sidebar{background:transparent;border-left:0;padding-left:0}.category-sidebar>h2{margin-left:0;color:var(--ink)}
.category-button{border-bottom:1px solid #741f3220;padding-left:0;transition:padding 220ms,color 220ms,background 220ms}.category-button[aria-pressed=true]{padding-left:14px}.category-button:hover{padding-left:14px}
.menu-item .description{max-width:90%}.menu-footnote{position:relative}
.hop-about-collage{isolation:isolate}.hop-about-collage>.pantry-drawing{inset:-22px -32px auto auto;width:170px;height:145px;opacity:.7;z-index:2}
.about-size{border-style:dashed}.about-size::after{inset:7px;transform:rotate(8deg) scale(1.05,.95)}
.visit-band,.contact-last{position:relative;isolation:isolate;overflow:hidden}
@media(max-width:1023px) and (min-width:768px){.hero .hero-photo{padding:45px 15px}.hero .pizza-turntable{width:95%}.pizza-size-note{right:15px;bottom:15px}.menu-title-art{right:3%}}
@media(max-width:767px){
 .hero .hero-photo{height:345px;padding:20px 35px}.hero .pizza-turntable{width:285px;max-width:96%}.hero .pantry-drawing{inset:0 0;width:100%;height:100%}
 .pizza-size-note{right:17px;bottom:13px;font-size:18px}.pizza-size-note strong{font-size:35px}
 .table-food .table-burger{width:82%;margin-top:32px}.table-burger .table-caption{margin-top:6px}
 .table-schnitzel{order:1;width:100%;margin-top:24px}.table-schnitzel .photo-frame{height:auto;aspect-ratio:1.2}.table-pasta{order:2;width:88%;align-self:flex-end;margin-top:30px}.table-pasta .photo-frame{height:auto;aspect-ratio:1}
 .menu-page-title{min-height:205px;padding-right:6%!important;padding-bottom:48px!important}.menu-page-title h1{font-size:clamp(48px,12.5vw,64px)}.menu-page-title>p{position:relative;z-index:1;font-size:14px;max-width:195px;margin-top:22px}
 .menu-title-art{top:auto;bottom:8px;right:10px;width:118px;height:118px}.menu-title-art .pizza-turntable{width:108px;margin:5px}.menu-title-art .pantry-drawing{width:215px;height:190px;inset:-28px auto auto -20px;opacity:.45}
 .menu-result-heading{flex-wrap:wrap;gap:8px}.menu-result-heading h2{min-width:0;max-width:100%;overflow-wrap:anywhere;flex-basis:100%}.menu-result-heading>span{max-width:100%}.is-searching .menu-result-heading h2{font-size:clamp(30px,8.2vw,40px);letter-spacing:-.5px;line-height:1.08}
 .category-sidebar{padding:12px 0;background:var(--cream)}.menu-content{padding:25px 19px}.menu-item .description{max-width:100%}
 .hop-about-collage>.pantry-drawing{width:125px;height:100px;inset:-24px -12px auto auto}
}
@media(max-width:359px){.hero .hero-photo{height:305px;padding:20px 28px}.hero .pizza-turntable{width:245px}.pizza-size-note strong{font-size:30px}.menu-title-art{right:8px;width:100px;height:100px}.menu-title-art .pizza-turntable{width:92px;margin:4px}.menu-page-title>p{max-width:170px}}
@media(prefers-reduced-motion:reduce){.pizza-turntable{transform:none!important;transition:none!important;will-change:auto}.pizza-turntable-inner{transition:none!important;transform:none!important}.category-button{transition:none}.pasta-dish,.schnitzel-dish{transition:none!important;transform:none!important}}

/* Ingredient illustrations replace the abstract rules on the maroon hero. */
.hero-copy::before,.hero-copy::after{content:none}
.hero .hero-vegetables{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.hero .hero-copy>.hero-vegetables{position:absolute;z-index:0;animation:none}
.hero-ingredient{position:absolute;display:block;color:var(--red);opacity:.62}
.hero-vegetables--pizza .ingredient-1{width:145px;left:-12px;top:20px;transform:rotate(-22deg)}
.hero-vegetables--pizza .ingredient-2{width:145px;right:-9px;top:35px;transform:rotate(23deg)}
.hero-vegetables--pizza .ingredient-3{width:130px;right:-4px;bottom:102px;transform:rotate(14deg)}
.hero-vegetables--pizza .ingredient-4{width:125px;left:3px;bottom:20px;transform:rotate(-18deg)}
.hero-vegetables--pizza .ingredient-5{width:100px;left:42%;top:-33px;transform:rotate(18deg);opacity:.4}
.hero-vegetables--pizza .ingredient-6{width:115px;left:40%;bottom:-38px;transform:rotate(108deg);opacity:.45}
.hero-vegetables--copy .hero-ingredient{color:var(--cream);opacity:.17}
.hero-vegetables--copy .ingredient-1{width:165px;right:-12px;top:-35px;transform:rotate(-25deg)}
.hero-vegetables--copy .ingredient-2{width:160px;right:4px;bottom:-46px;transform:rotate(16deg)}
@media(max-width:767px){
 .hero-vegetables--pizza .ingredient-1{width:98px;left:-12px;top:5px}
 .hero-vegetables--pizza .ingredient-2{width:94px;right:-10px;top:3px}
 .hero-vegetables--pizza .ingredient-3{width:85px;right:-14px;bottom:75px}
 .hero-vegetables--pizza .ingredient-4{width:87px;left:-12px;bottom:1px}
 .hero-vegetables--pizza .ingredient-5{width:70px;top:-31px}
 .hero-vegetables--pizza .ingredient-6{width:80px;bottom:-34px}
 .hero-vegetables--copy .ingredient-1{display:none}
 .hero-vegetables--copy .ingredient-2{width:115px;right:-15px;bottom:-32px;opacity:.16}
}

/* Quiet vegetable drawings replace the former arcs in coloured panels. */
.visit-band>.hero-vegetables--section,.contact-last>.hero-vegetables--section,.review-stage>.hero-vegetables--section,.visit-address-panel>.hero-vegetables--section{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.hero-vegetables--section .hero-ingredient{color:var(--cream);opacity:.14;width:92px;height:92px}
.hero-vegetables--section .ingredient-1{left:2%;top:-28px;transform:rotate(-24deg)}
.hero-vegetables--section .ingredient-2{left:21%;bottom:-32px;transform:rotate(18deg)}
.hero-vegetables--section .ingredient-3{left:42%;top:-30px;transform:rotate(-12deg)}
.hero-vegetables--section .ingredient-4{left:61%;bottom:-31px;transform:rotate(22deg)}
.hero-vegetables--section .ingredient-5{right:10%;top:-29px;transform:rotate(-15deg)}
.hero-vegetables--section .ingredient-6{right:-22px;bottom:-28px;transform:rotate(105deg)}
.review-stage>.hero-vegetables--section .hero-ingredient,.visit-address-panel>.hero-vegetables--section .hero-ingredient{opacity:.11}
.review-stage>.hero-vegetables--section .ingredient-2,.visit-address-panel>.hero-vegetables--section .ingredient-2{left:-36px;bottom:35%}
.review-stage>.hero-vegetables--section .ingredient-5,.visit-address-panel>.hero-vegetables--section .ingredient-5{right:-32px;top:36%}
@media(max-width:767px){
 .hero-vegetables--section .hero-ingredient{width:77px;height:77px;opacity:.13}
 .hero-vegetables--section .ingredient-1{left:-21px;top:-19px}
 .hero-vegetables--section .ingredient-2{left:37%;bottom:-28px}
 .hero-vegetables--section .ingredient-3{left:40%;top:-36px}
 .hero-vegetables--section .ingredient-4{left:-24px;bottom:-16px}
 .hero-vegetables--section .ingredient-5{right:-23px;top:18%}
 .hero-vegetables--section .ingredient-6{right:-20px;bottom:-16px}
}
.home-voices .review-stage{isolation:isolate}