header,main,nav{width:100%}header{z-index:4;position:fixed;top:0;height:var(--l-header-size)}nav{z-index:3;position:fixed;top:var(--l-header-size);height:var(--l-nav-size);user-select:none}aside{z-index:2;position:fixed;top:var(--l-top-size);right:0;bottom:0;background-color:var(--c-primary-800);user-select:none}main{z-index:1;position:relative;user-select:none}footer{z-index:0;position:relative}.skewed-button{height:var(--l-nav-size);width:150px;text-transform:uppercase;color:var(--c-white);display:flex;justify-content:center;align-items:center;clip-path:polygon(var(--l-skew) 0,100% 0,calc(100% - var(--l-skew)) 100%,0 100%);margin:0 calc(var(--l-skew)/ -2);position:relative;transition:filter ease-in-out .1s;z-index:auto}.skewed-button:hover{filter:brightness(1.15)}.skewed-button::after{content:'';width:calc(var(--l-nav-size) * .7);height:calc(var(--l-nav-size) * .7);aspect-ratio:1;background-color:rgba(255,255,255,.1);z-index:0;position:absolute;border-radius:50%;transform:scale(0);transition:all ease-in-out .05s}.skewed-button:hover::after{transform:scale(1)}.skewed-button p{font-size:14px;font-weight:900;font-style:normal;line-height:0;position:relative;z-index:1}.skewed-button p::before{content:'';width:0%;height:2px;background-color:var(--c-white);position:absolute;left:0;bottom:-10px;transition:width ease-in-out .1s}.skewed-button:hover p::before{width:100%}.skewed-button.c900{background-color:var(--c-primary-900)}.skewed-button.c800{background-color:var(--c-primary-800)}.skewed-button.c700{background-color:var(--c-primary-700)}.skewed-button.c600{background-color:var(--c-primary-600)}.skewed-button.c500{background-color:var(--c-primary-500)}.skewed-button.c400{background-color:var(--c-primary-400)}.skewed-button::before{content:'';width:calc(var(--l-skew) + 3px);height:100%;background-color:var(--c-beige-700);position:absolute;clip-path:polygon(calc(100% - 3px) 0,100% 0,3px 100%,0 100%);left:0}.skewed-button:first-of-type::before{display:none}.skewed-button-container{position:relative;display:flex;align-items:center;justify-content:center;margin-inline:auto;width:max-content;padding:0 15px}.skewed-button-container .skewed-button{height:40px;width:120px}.skewed-button-container .skewed-button.wide{width:auto;margin-top:10px}.skewed-button-container::after{content:'';position:absolute;width:100%;height:8px;z-index:-1;background-color:var(--c-primary-600)}.skewed-button-container:hover::after{-webkit-animation:jello-horizontal .9s both;animation:jello-horizontal .9s both}@-webkit-keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}@keyframes jello-horizontal{0%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}30%{-webkit-transform:scale3d(1.25,.75,1);transform:scale3d(1.25,.75,1)}40%{-webkit-transform:scale3d(.75,1.25,1);transform:scale3d(.75,1.25,1)}50%{-webkit-transform:scale3d(1.15,.85,1);transform:scale3d(1.15,.85,1)}65%{-webkit-transform:scale3d(.95,1.05,1);transform:scale3d(.95,1.05,1)}75%{-webkit-transform:scale3d(1.05,.95,1);transform:scale3d(1.05,.95,1)}100%{-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}}header{background-color:var(--c-primary-000);color:var(--c-white);display:flex;align-items:center;padding-bottom:2px!important}header *{line-height:1;text-align:center}nav{background-color:var(--c-primary-900);color:var(--c-white);display:flex;justify-content:center}#navigation-desktop,#navigation-mobile{position:relative;z-index:0}header::after,nav::after{content:'';position:absolute;width:100%;height:2px;left:0;right:0;background-color:var(--c-beige-700);z-index:2}header::after{bottom:-1px}nav::after{bottom:-1px}.logo{width:calc(var(--l-nav-size) * .8);height:calc(var(--l-nav-size) * .8);aspect-ratio:1}.menu-icon{width:calc(var(--l-nav-size) * .6);height:calc(var(--l-nav-size) * .6);aspect-ratio:1}aside{display:none}aside.active{display:flex;flex-direction:column;align-items:center;justify-content:center}.mobile-menu-logo{padding:1rem;display:flex;justify-content:center;align-items:center;margin-bottom:1rem}.mobile-menu-logo img{width:10rem;height:10rem;aspect-ratio:1}aside>div{margin-bottom:-6px;filter:drop-shadow(0 0 .75rem var(--c-black-transparent))}aside .skewed-button:nth-of-type(2){z-index:3}aside .skewed-button:nth-of-type(3){z-index:2}aside .skewed-button:nth-of-type(4){z-index:1}aside .skewed-button:nth-of-type(5){z-index:0}aside .skewed-button::before{display:none}main{margin-top:var(--l-top-size)}section{scroll-margin-top:var(--l-top-size);width:100%;height:calc(100vh - var(--l-top-size));max-height:calc(100vh - var(--l-top-size));position:relative;border-bottom:2px solid var(--c-beige-700);overflow:hidden}.section-wrapper{height:100%;display:flex;flex-direction:column;gap:20px}.section-content{flex:0 1 100%;margin-block:-35px 0}#start{position:relative;height:calc(100vh - var(--l-top-size));max-height:calc(100vh - var(--l-top-size));overflow:hidden;display:flex;flex-wrap:wrap;background-color:var(--c-white)}#start-intro{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:10px!important;flex:1 0 300px;position:relative;z-index:1;background:var(--c-white)}#start-intro::before{content:'';position:absolute;height:100%;width:40px;z-index:2;right:-38px;background:linear-gradient(90deg,var(--c-white) 0,transparent 100%)}#start-intro::after{content:'';position:absolute;height:40px;width:100%;z-index:2;top:calc(100% - 2px);background:linear-gradient(180deg,var(--c-white) 0,transparent 100%)}h1{font-weight:400;font-style:normal;line-height:1.1;font-size:19px;text-wrap:balance;max-width:40ch}#main-icon{aspect-ratio:1;width:120px;height:120px}#start-background{flex:1 1 60%;position:relative;z-index:0;background-image:url(../img/bg-1.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;display:flex;align-items:center;justify-content:center}#start-background .skewed-button-container{position:relative;z-index:1}#order-button-mobile{height:60px;width:150px}#order-button-mobile p{font-size:1.5em}#menu{background-color:var(--c-white);background-repeat:no-repeat;background-position:bottom right;background-size:cover}h2{font-weight:700;font-style:normal;height:35px;font-size:20px;padding:0 20px;width:fit-content;position:relative;z-index:1;display:flex;justify-content:center;align-items:center;line-height:0;color:var(--c-white);background-color:var(--c-primary-400);clip-path:polygon(var(--l-skew) 0,100% 0,calc(100% - var(--l-skew)) 100%,0 100%)}#menu-scroller{display:grid;grid-template-columns:30px 1fr 30px;grid-template-rows:1fr;align-items:center}.menu-scroller-button{padding:3px;border-radius:50%;background-color:var(--c-black-transparent);transition:all ease-in-out .2s}.menu-scroller-button:disabled{cursor:default;filter:opacity(.5)}.menu-scroller-button img{aspect-ratio:1;width:24px;height:24px}#menu-day-container{display:flex;overflow-x:scroll;-ms-overflow-style:none;height:100%;max-height:100%}#menu-day-container::-webkit-scrollbar{display:none;width:0!important}.menu-day{display:flex;justify-content:center;position:relative;padding-top:30px}.menu-day b,.menu-day p{font-size:14px}.menu-day-content{--l-padding:10px;width:calc(100% - var(--l-padding));height:100%;border-radius:5px;background-color:var(--c-secondary-400);z-index:0;position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:auto auto 1fr;overflow-y:auto;overflow-x:hidden;padding-bottom:5px;scrollbar-width:thin;scrollbar-color:var(--c-primary-700);scrollbar-gutter:stable}.menu-day-content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,.3);background-color:#f5f5f5}.menu-day-content::-webkit-scrollbar{width:5px;background-color:var(--c-white)}.menu-day-content::-webkit-scrollbar-thumb{background-color:var(--c-primary-700)}.menu-day h3{position:absolute;z-index:1;font-family:Dancing Script;font-weight:700;font-size:27px;transform:rotateZ(12deg);right:15px;top:5px}.menu-day h4{font-family:Dancing Script;font-weight:700;font-size:20px;margin-bottom:5px}.menu-day-bottom,.menu-day-top{padding:15px}.menu-day-bottom{padding:10px;height:0}.menu-day-date{width:100%;margin-top:10px;padding:2px 10px;display:flex;justify-content:space-between;background-color:var(--c-primary-400);line-height:1;font-weight:700;color:var(--c-white);font-size:14px;position:sticky;top:10px}.menu-day-date p{font-size:14px}.menu-day-item{width:100%;padding:5px 10px;margin:4px 0;border-left:3px solid var(--c-primary-600);border-right:3px solid var(--c-primary-600);display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;grid-row-gap:3px;align-items:center;gap:5px}.menu-day-listitem{width:100%;padding:5px 10px;margin:4px 0;display:flex;justify-content:space-between;align-items:center;gap:5px}.menu-day-item *{line-height:1;font-size:14px}.menu-day-item :nth-child(1){grid-area:1/1/2/2}.menu-day-item :nth-child(2){grid-area:2/1/3/2}.menu-day-item :nth-child(3){grid-area:1/2/3/3;text-align:right}#events-wrapper{background-color:var(--c-secondary-400);position:relative;display:flex;flex-direction:column}#events-image{width:100%;height:40%;clip-path:polygon(0 0,100% 0,100% 100%,0 80%);background-image:url(../img/bg-4.jpg);background-repeat:no-repeat;background-size:cover;background-position:center;color:transparent}#events-text{width:100%;padding:40px;flex:1 1 60%;display:flex;justify-content:start;align-items:center}#events-text div *{max-width:60vh;line-height:1.5}#events-text h3{font-size:1.2em;margin-bottom:10px}#events-text p{font-size:.9em;margin-bottom:10px}#events-text em{font-family:Dancing Script;margin-top:20px;font-size:1.3em;display:flex;flex-wrap:wrap}#events-text a{color:var(--c-primary-400);text-decoration:underline}#contact-wrapper{display:grid;gap:15px}#contact-text-wrapper{display:flex;justify-content:center;align-items:center}#contact-text-wrapper .address-text{display:inline-flex;align-items:center;flex-wrap:wrap;justify-content:center}#contact-text-wrapper .address-text address{margin-left:1ch}#contact-text-wrapper a{color:var(--c-primary-400);text-decoration:underline}#contact-text-wrapper>div{text-align:center;width:100%;padding:20px;background-color:var(--c-secondary-400);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}table{border:2px solid var(--c-primary-600);width:200px;text-align:center;border-collapse:collapse;margin-top:12px;margin:0 auto}table td{border:2px solid var(--c-primary-600);width:50%;font-size:14px}caption{font-family:Dancing Script;margin-bottom:1px;font-size:17px}#contact-map{position:relative;display:flex;justify-content:center;align-items:center}#contact-map>div{position:relative;padding:20px;background-color:var(--c-secondary-400);width:100%}#contact-map>div::after,#contact-map>div::before{content:'';width:2rem;height:2rem;position:absolute;background-color:var(--c-primary-400)}#contact-map>div::before{clip-path:polygon(0 0,0 100%,100% 0);left:-5px;top:-5px}#contact-map>div::after{clip-path:polygon(100% 100%,0 100%,100% 0);right:-5px;bottom:-5px}#contact-map iframe{border:2px solid var(--c-primary-400);width:100%;height:30vh}#order-wrapper{background-color:var(--c-secondary-400);position:relative;display:flex;flex-wrap:wrap}#order-image-wrapper{flex:1 1 300px;background-image:url(../img/bg-3.jpg);background-size:cover;display:flex;justify-content:center;align-items:center;position:relative;color:transparent}#order-image-wrapper::after{content:'';width:100%;height:100%;position:absolute;z-index:0;background-color:var(--c-white);opacity:.6}#order-text{flex:1 1 300px;display:flex;justify-content:center;align-items:center;position:relative;padding:25px;text-align:center;z-index:1}#order-text em{font-family:Dancing Script;font-size:19px}#order-text span{text-decoration:underline}#order-text p{max-width:50ch;display:flex;flex-direction:column;margin:6px 0;line-height:1}#order-button-link{padding:0 13px;z-index:2;height:36px;width:fit-content;margin:15px auto 0;display:flex;position:relative;justify-content:center;align-items:center;background-color:var(--c-primary-400);font-weight:700;color:var(--c-white);cursor:pointer;clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px)}#order-button-link p{font-size:20px;text-wrap:nowrap;text-decoration:underline}#order-button-link img{width:20px;height:20px;aspect-ratio:1;margin-left:8px}dialog[open]{position:fixed;z-index:5;top:0;right:0;left:0;bottom:0;width:100vw;height:100vh;background-color:rgba(0,0,0,.5);display:flex;justify-content:center;align-items:center}dialog::backdrop{display:none!important}#dialog-content-wrapper{width:600px;max-width:100vw;max-height:100vh;border-radius:10px;border-radius:10px;position:relative}#dialog-content-wrapper img{max-height:100vh;box-shadow:3px 3px 3px rgba(0,0,0,.5)}dialog button{position:absolute;right:25px;top:25px;z-index:1;display:flex;justify-content:center;align-items:center;border-radius:50%;overflow:hidden;background-color:var(--c-primary-400)}dialog button img{width:30px;height:30px}