@layer settings,layout,pages;@font-face{font-family:Lateef;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/lateef-400.woff2) format("woff2")}@font-face{font-family:Lateef;font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/lateef-600.woff2) format("woff2")}@font-face{font-family:Lateef;font-style:normal;font-weight:800;font-display:swap;src:url(../fonts/lateef-800.woff2) format("woff2")}@font-face{font-family:Damion;font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/damion-400.woff2) format("woff2")}@layer settings{html,body{font-family:var(--ff-base);color:var(--body-text);background:var(--white);font-size:16px;font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;overflow-x:hidden;scroll-behavior:smooth}body{&::-webkit-scrollbar{width:12px;height:12px}&::-webkit-scrollbar-track{background-color:transparent}&::-webkit-scrollbar-thumb{background-color:var(--primary-300);border:3px solid var(--white);border-radius:10px}&::-webkit-scrollbar-thumb:hover{background-color:var(--gray-400)}&::-webkit-scrollbar-thumb:active{background-color:var(--gray-400)}*::selection{background-color:var(--primary-900);color:var(--primary-100)}}img{user-select:none}li{list-style-type:none}a,a:hover,a:focus,a:active{-webkit-tap-highlight-color:transparent;color:currentColor;text-decoration:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--white: var(--gray-0);--black: var(--gray-800);--gray-0: #FFFFFF;--gray-50: #F9F9FA;--gray-100: #EEEEF1;--gray-200: #DDDDE3;--gray-300: #C7C7D1;--gray-400: #94949E;--gray-500: #5F5F6D;--gray-600: #474752;--gray-700: #2E2E38;--gray-800: #0B0B0E;--primary-900: #4a0303;--primary-800: #7b0604;--primary-700: #ac0806;--primary-600: #dd0a08;--primary-500: #f72422;--primary-400: #ac0806;--primary-300: #f95453;--primary-200: #fb8584;--primary-100: #fcb6b5;--primary-50: #ffeae9;--brand-primary: var(--primary-500);--body-text: var(--primary-800);--ff-sans: "Open Sans";--ff-detail: "Damion";--ff-base: "Lateef";--bg-light: #fff3e3;--brs: 18px;--height-base: 44px;--ease-out: cubic-bezier(.5,.6,.2,.9);--mobile: 599px;--tablet-min: 600px;--tablet-max: 1199px;--desktop: 1200px}}@layer layout{main{display:flex;align-items:center;justify-content:center;flex-direction:column;.container{width:100%;padding-top:50px;@media(width<600px){padding-top:120px}}}footer{display:flex;flex-direction:column;align-items:center;padding:2rem 0;.rrss{display:flex;align-items:center;justify-content:center;gap:.25rem;margin-top:.5rem;flex-wrap:wrap;@media(width<600px){margin-top:1rem;p{font-size:2.75rem}>div{img{width:52px}&.map span{display:none}}}img{width:36px}>div{border-radius:.6rem;&:hover{background:var(--primary-50)}a{display:flex;align-items:center;font-size:1.5rem;font-weight:600;text-decoration:underline;text-decoration-color:var(--primary-600)}&.map{@media(width>600px){padding-right:.75rem}}}}.cright{font-size:1rem;font-weight:400;@media(width<600px){font-size:1.25rem}}}}@layer pages{.hero{position:relative;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(2,max-content) 1fr;justify-content:center;align-items:center;min-height:680px;padding-block:2rem;background:linear-gradient(to top,var(--bg-light),white);overflow:unset;@media(width<600px){grid-template-rows:1fr;min-height:500px;padding-inline:2rem;padding-top:7rem;width:100%}.hero__logo,.hero__menu,.hero__frame{z-index:2}.hero__logo{width:100%;height:4.5rem;display:flex;justify-content:center;align-items:center;@media(width<600px){display:none}img{height:100%;width:auto}}.hero__menu{font-size:1.75rem;padding-block:1.75rem;@media(width<600px){width:calc(100% - 2rem);position:fixed;top:1rem;font-size:1.5rem;left:1rem;background:hsla(from white h s l / .8);backdrop-filter:blur(20px) brightness(1.5);border-radius:1rem;overflow:hidden;padding-block:1rem;padding-inline:1rem;outline:1px solid hsla(from var(--primary-500) h s l / .15);z-index:5}nav{display:flex;align-items:center;justify-content:center;gap:1.75rem;color:var(--primary-700);font-weight:600;.logo{display:none;width:70px;padding-right:10px;img{width:100%}}@media(width<600px){gap:10px;justify-content:space-between;.logo{display:flex;width:75px}}>div{padding:.33rem .75rem;border-radius:1rem;cursor:pointer;transition:background-color var(--ease-out) .3s;mix-blend-mode:multiply;@media(width>600px){&:hover{background-color:var(--primary-50)}}@media(width<600px){padding:0;height:100%;mix-blend-mode:unset}}}}.hero__pic{position:absolute;bottom:0;width:100%;height:320px;background:url(../img/menu/home.webp) no-repeat center bottom/contain;z-index:1;@media(width<600px){scale:1.1;z-index:2}}.hero__frame{display:grid;width:100%;grid-template-rows:1fr max-content;justify-content:center;height:100%;h1{max-width:20ch;font-size:7rem;text-wrap:balance;line-height:.7;text-align:center;font-weight:800;color:var(--primary-800);letter-spacing:-2px;@media(width<600px){font-size:6rem;line-height:.6;text-wrap:unset;text-align:left}}.hero__frame-contact{display:flex;align-items:center;justify-content:center;position:absolute;top:100vh;translate:0 -100%;width:100%;left:0;padding:1rem;background-color:var(--primary-500);@supports (top: 100dvh){top:100dvh}@media(width<600px){top:calc(100% + 1rem);translate:none}.contact{display:flex;flex-direction:column;text-align:center}span{color:#fff;display:block;font-size:25px;line-height:.9;text-align:center}a{color:#fff;display:block;font-size:2rem;font-weight:800;line-height:1;letter-spacing:1px;&:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:3px}}}}}.food{--food-item-picture-size: 12rem;--food-item-price-size: max-content;--food-items-gap: 2.5rem;--food-option-gap: 5rem;--food-item-picture-gap: 1.5rem;--food-item-content-gap: 3rem;--food-item-description-gap: .5rem;--food-section-size: 1.25rem;--food-title-size: 3rem;--food-description-size: 1.8rem;--food-price-size: 3rem;--food-comment-size: 1.25rem;display:flex;flex-direction:column;max-width:820px;width:100%;padding:0 2rem;margin:4rem auto;gap:var(--food-option-gap);@media(width<600px){--food-item-picture-size: 100%;--food-item-picture-gap: 1.25rem;--food-item-content-gap: .5rem;--food-item-description-gap: .25rem;--food-section-size: 2rem;--food-title-size: 2.5rem;--food-description-size: 1.4rem;--food-price-size: 2.5rem;--food-comment-size: 1rem;display:flex;flex-direction:column}.food__option{display:flex;flex-direction:column;position:relative;gap:var(--food-items-gap);&.--main{grid-row:span 3}&.--daily{padding-block:2.5rem;gap:1rem;border-top:1px dashed var(--primary-100);border-bottom:1px dashed var(--primary-100);.food__item{grid-template-columns:100%;@media(width<600px){display:grid}}}&.--extras{gap:.25rem;.food__item{grid-template-columns:1fr max-content;@media(width<600px){display:grid}}}}aside{display:flex;flex-direction:column;gap:var(--food-option-gap)}.food__option-title{position:absolute;bottom:100%;font-size:var(--food-section-size);translate:-20% 12%;transform-origin:left center;rotate:-10deg;font-family:var(--ff-detail);color:var(--primary-500)}.food__item{display:grid;grid-template-columns:var(--food-item-picture-size) 1fr;align-items:center;gap:var(--food-item-picture-gap);@media(width<600px){display:flex;flex-direction:column;align-items:stretch}}.food__item-picture{position:relative;aside{width:var(--food-item-picture-size);height:var(--food-item-picture-size);mask-image:url(../img/shape.svg);mask-size:contain;mask-repeat:no-repeat;background-color:var(--primary-50)}img{width:100%;height:100%;object-fit:cover}}.food__item-review{position:absolute;width:20ch;text-align:right;right:100%;bottom:0;translate:-5% -50%;transform-origin:right bottom;rotate:-5deg;@media(width<600px){right:0}span{display:block;font-size:1.1rem;line-height:.8;font-weight:600;@media(width<600px){display:none}}p{display:block;font-size:1.5rem;font-family:var(--ff-detail);color:var(--primary-500);line-height:.5;rotate:-7deg;translate:10% 50%;-webkit-text-stroke:.25px var(--primary-500)}}.food__item-content{display:grid;grid-template-columns:1fr var(--food-item-price-size);align-items:center;gap:var(--food-item-content-gap);@media(width<600px){grid-template-columns:100%}section{display:flex;flex-direction:column;gap:var(--food-item-description-gap)}}.food__item-title{font-weight:800;font-size:var(--food-title-size);line-height:.8;letter-spacing:-.5px;span{font-size:.85em;color:var(--primary-500)}}.food__item-description{font-weight:400;font-size:var(--food-description-size);line-height:.9;max-width:36ch}.food__item-comment{font-size:var(--food-comment-size);line-height:1.1;font-family:var(--ff-detail);color:var(--primary-700);span{font-family:var(--ff-base);color:var(--primary-500)}a{color:var(--primary-500);text-decoration:underline;text-underline-offset:2px}}.food__item-price{text-align:right;font-size:var(--food-price-size);font-weight:800;line-height:1;letter-spacing:-1px;@media(width<600px){text-align:left}}.--highlight{width:max-content;position:relative;font-size:2.3rem;&:after{content:"";position:absolute;inset:0;width:100%;height:100%;scale:0 1;transform-origin:left center;background-color:var(--primary-50);mix-blend-mode:multiply;pointer-events:none;animation:highlight .7s var(--ease-out) .3s forwards}}}@keyframes highlight{to{scale:1 1}}}