.home { display: flex; flex-direction: column; align-items: flex-start; position: relative; background-color: var(--sugar-swizzle); }

/** Intro **/
.intro { display: flex; flex-direction: column; height:100vh; align-items: center; justify-content: center;padding-top:90px ;position: relative; align-self: stretch; width: 100%;overflow:hidden; background-color: var(--sugar-swizzle); }
.intro .intro-container { flex-direction: column; width: 708px; gap: 50px; display: flex; align-items: center; position: relative; flex: 0 0 auto;z-index:1 }
.intro .mainlogo { position: relative; width: 340px; height:auto;}
.intro .text-wrapper { position: relative; align-self: stretch; font-family: "Avenir Next Cyr-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 20px; text-align: center; letter-spacing: 0; line-height: 32px; }
.pattern { position: absolute; bottom: 0; width: auto; height: calc(100vh - 100px); }
.pattern.right { right: 0 }
.pattern.left { left: 0 }


/** Menu **/
.menu { display: flex; flex-direction: column; align-items: center; gap:60px; padding: 100px 240px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.menu:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.06; background-image: url(./img/menu-pattern.png); background-size: 570px auto; background-repeat: repeat; background-position: top left; pointer-events: none }
.menu .title-icon { display: inline-flex; flex-direction: column; align-items: center; justify-content: center; position: relative; flex: 0 0 auto; }
.menu img.icon { position: relative; width: 136px; height: auto }
.menu .title { position: absolute; top: 50%; left: 50%; transform: translate(-50%,calc(-50% + 10px)); width: 100%; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 100px; line-height: 82px; text-align: center; letter-spacing: 5.00px; }
.menu .menu-container { display: flex; flex-direction: column; align-items: center; gap: 40px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.menu .tabs { display: flex; width: 710px; height: 60px; align-items: flex-start; justify-content: center; gap: 24px; position: relative; }
.menu .tab { display: inline-flex; align-items: center; justify-content: center; padding: 16px 70px 16px 50px; position: relative; flex: 0 0 auto; cursor: pointer }
.menu .tab p {font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 36px; text-align: center; letter-spacing: 0; line-height: 26px; white-space: nowrap;z-index:1}
.menu .tab svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transition: opacity 0.2s ease;opacity:0}
.menu .tab.active svg{opacity:1}

.menu .served-time { position: relative; width: fit-content; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--grante-green); font-size: 34px; text-align: center; letter-spacing: 2.00px; line-height: normal; }
.menu .tab-content { display: none; align-items: flex-start; gap: 24px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto;}
.menu .tab-content.active { display: flex;}
.menu .menu-list-wrapper{display: flex;gap: 24px;width: 100%;flex: 0 0 auto;align-items: flex-start;position: relative;align-self: stretch;overflow-x: auto;scroll-behavior: smooth;scrollbar-width: none;}
.menu .menu-list-slide{justify-content: center;gap: 24px;flex: 1;flex-grow: 1;display: none;align-items: flex-start;position: relative;}
.menu .menu-list-slide.active{display: flex;}
.menu .menu-list {background-color: var(--sugar-swizzle);flex-direction: column;padding: 130px 60px 60px;position: relative;flex: 0 0 calc((100% - 24px) / 2);box-sizing: border-box;display: flex;align-items: flex-start;align-self: stretch;}
.menu .lunch-wrapper .menu-list{padding: 60px}
.menu .menuframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
.menu .column { display: flex; flex-direction: column; align-items: flex-start; gap: 60px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.menu .item { display: flex; flex-direction: column; align-items: flex-start; gap: 30px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.menu .item-title { position: relative; align-self: stretch; margin-top: -1.00px;width:100%; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: #88a994; font-size: 42px; letter-spacing: 0; line-height: normal; }
.menu .item-title span { font-family: "Avenir Next Cyr-Medium", Helvetica; font-weight: 500; color: #4d4d4d; font-size: 13px; }
.menu .element { display: flex; flex-direction: column; align-items: flex-start; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; }
.menu .element-wrapper { justify-content: center; gap: 32px; align-self: stretch; width: 100%; display: flex; align-items: center; position: relative; flex: 0 0 auto;align-items: flex-start; }
.menu .element-title { position: relative; flex: 1; margin-top: -1.00px; font-family: "A Andai Kata-Regular", Helvetica; font-weight: 400; color: var(--grante-green); font-size: 26px; letter-spacing: 0; line-height: normal; }
.menu .element-title.dark {color: var(--magnet)}
.menu .element-price { position: relative; width: fit-content; margin-top: -1.00px; font-family: "A Andai Kata-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 26px; text-align: right; letter-spacing: 0; line-height: normal; white-space: nowrap; }
.menu .element-info { position: relative; align-self: stretch; font-family: "Avenir Next Cyr-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 14px; letter-spacing: 0; line-height: normal; }
.menu .element ul {position: relative; align-self: stretch; list-style:disc;padding-left: 24px; }
.menu .item-title-wrapper { justify-content: center; gap: 24px; align-self: stretch; width: 100%; display: flex; align-items: center; position: relative; flex: 0 0 auto; }
.menu .item-title-wrapper .type { position: relative; width: fit-content; margin-top: -1.00px; font-family: "Avenir Next Cyr-Regular", Helvetica; font-weight: 600; color: var(--magnet); font-size:13px; text-align: right; letter-spacing: 0; line-height: normal; white-space: nowrap; }
.menu .item-vector { position: absolute;right: 0;height: auto; }

.menu .egg {top: -50px;width:80px;}
.menu .s-leaf {top: -10px;width:54px;}
.menu .avocado {top: -10px;width:54px;}
.menu .dish {top: -10px;width:60px;transform: scaleX(-1)}
.menu .coffee {top: -2px;width:80px;}
.menu .meet {top: -8px;width:80px;}
.menu .orange {top: -10px;width:48px;}
.menu .pineapple {top: -18px;width:50px;transform:rotate(24deg)}


.menu .slider-arrow{position:absolute;top:50%;transform:translateY(-50%);width:80px;padding:0;border:none;outline:none;cursor:pointer;z-index:1;border-radius:100px;background-color:var(--sugar-swizzle)}
.menu .slider-arrow img{width:100%;height:auto;transition: opacity 0.2s ease;opacity:1}
.menu .slider-arrow.right{right: -164px;}
.menu .slider-arrow.left{left: -164px; }
.menu #tab-1 .slider-arrow{display:none}

.menu .slider-arrow.inactive {pointer-events: none;cursor: default;}
.menu .slider-arrow.inactive img {opacity: 0}

.menu .vat { position: relative; width: fit-content; font-family: "Avenir Next Cyr-Medium", Helvetica; font-weight: 500; color: var(--magnet); font-size: 14px; text-align: center; letter-spacing: 0; line-height: normal; }


/** Reservation **/
.reservation { display: flex; flex-direction: column; align-items: center; padding: 100px 240px; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: var(--grante-green); z-index: 1 }
.reservation:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; right: 0; bottom: 0; left: 0; opacity: 0.06; background-image: url(./img/menu-pattern.png); background-size: 570px auto; background-repeat: repeat; background-position: top left; pointer-events: none }
.reservation .border-top { position: absolute; top: -20px; left: 0; width: 100%; height: 50px; background-image: url(./img/border-top.svg); background-size: cover; background-position: center center }
.reservation .border-bottom { position: absolute; bottom: -20px; left: 0; width: 100%; height: 50px; background-image: url(./img/border-bottom.svg); background-size: cover; background-position: center center }
.reservation .reservation-wrapper { flex-direction: column; width: 708px; gap: 40px; display: flex; align-items: center; position: relative; flex: 0 0 auto; }
.reservation .reservation-title { position: relative; align-self: stretch; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--sugar-swizzle); font-size: 100px; text-align: center; letter-spacing: 5.00px; line-height: normal; white-space: nowrap; }
.reservation p { position: relative; align-self: stretch; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--sugar-swizzle); font-size: 34px; text-align: center; letter-spacing: 1.70px; line-height: normal; }


/** Contact Us **/
.contact-us { display: flex; flex-direction: column; align-items: center; gap: 60px; padding: 120px 240px 20px;overflow:hidden; position: relative; align-self: stretch; width: 100%; flex: 0 0 auto; background-color: var(--sugar-swizzle); }
.contact-us .mainlogo { position: relative; width: 220px; height: auto}
.contact-us .footer-wrapper { flex-direction: column; width: 100%; gap: 40px; display: flex; align-items: center; position: relative; flex: 0 0 auto;z-index:1 }
.contact-us .text-wrapper { flex-direction: column; gap: 10px; align-self: stretch; width: 100%; display: flex; align-items: center; position: relative; flex: 0 0 auto; }
.contact-us p { position: relative; align-self: stretch; margin-top: -1.00px; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 40px; text-align: center; letter-spacing: 2.00px; line-height: normal; }
.contact-us .images { position: relative; width: 390px; flex: 0 0 auto; }
.contact-us .social-media { display: inline-flex; align-items: center; gap: 10px; position: relative; flex: 0 0 auto; }
.contact-us .social-media a { display: flex; width: 50px; height: 50px; align-items: center; justify-content: center; gap: 10px; position: relative; background-image: url(./img/sm-button.svg); background-size: cover; background-repeat: no-repeat; background-position: center center; border-radius: 30px }
.contact-us .social-media a img { width: auto; height: 24px }
.contact-us .instagramGrid { display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(2, 1fr); gap: 10px 10px;width:390px }
.contact-us .instagramGrid .image-mask{display: flex; align-items: center; justify-content: center; transition: transform 0.2s ease;width:90px;height:90px;clip-path: path("M89.1718 60.8043C88.8554 61.3731 88.7096 62.291 88.1373 62.215C88.1551 62.5382 88.174 62.8873 88.1928 63.2314L88.0669 63.2718C88.2285 63.4948 88.3892 63.7195 88.5935 64.0039L87.446 65.3402L88.3565 66.4148L87.6791 67.3601L88.2514 68.139L87.7148 68.5171L88.1809 69.5238L87.329 69.7985C87.3944 69.9601 87.4827 70.1492 87.5521 70.3576C87.6216 70.5661 87.6791 70.8052 87.7416 71.0299C87.5839 71.1317 87.4311 71.2884 87.2684 71.3239C86.9451 71.3983 86.6139 71.3902 86.2895 71.4532C86.2082 71.4694 86.1378 71.6245 85.9533 71.8475L86.9183 71.917L87.7921 71.98L87.8308 72.1771L87.2804 72.7314L87.7366 73.1257L87.2804 73.8092L88.1998 74.294L87.2814 75.152L88.6788 75.8986C88.2236 76.532 87.4718 75.2054 87.2694 76.7066C87.3895 76.6532 87.5065 76.5918 87.6255 76.545C87.8517 76.4626 87.9895 76.511 88.0223 76.9893C88.0788 77.9233 88.2127 78.8444 88.2603 79.7784C88.289 80.3181 88.2117 80.8724 88.1819 81.4202L88.0272 81.4493C88.1247 81.5775 88.2159 81.718 88.3 81.8694C88.3891 82.0728 88.4715 82.2837 88.5469 82.5012C88.4041 82.616 88.2682 82.7824 88.1185 82.8244C87.7971 82.9343 87.4678 82.986 87.1167 83.0652V83.6421C85.5575 82.7824 84.0648 82.6935 82.71 84.324V84.6003L84.651 84.9833V85.2822C84.2751 85.3452 83.9012 85.4212 83.5243 85.4648C82.3618 85.6022 81.1984 85.8106 80.035 85.8058C79.6383 85.8058 79.3308 85.6959 79.0094 86.1807C78.9103 86.3342 78.6127 86.1548 78.3667 86.2712L78.8795 86.8513C78.6058 87.0856 78.332 87.4152 78.0256 87.5461C77.8103 87.6382 77.5515 87.4605 77.3124 87.4023C77.4166 87.1421 77.5158 86.8787 77.6278 86.6267C77.6615 86.5491 77.727 86.5071 77.85 86.3697L76.8899 86.1241C76.9276 86.7575 76.9593 87.294 77.001 88.0002C76.7431 87.8063 76.5497 87.761 76.4664 87.5817C76.1411 86.882 75.7314 86.8723 75.2653 87.0387C75.1073 87.1035 74.9409 87.0865 74.7892 86.9902C74.5105 86.7737 74.2933 86.6121 74.208 87.3037C74.1971 87.3942 74.0979 87.5025 74.0304 87.5203C73.6734 87.6221 73.3123 87.7691 72.9553 87.7562C72.7569 87.7481 72.5586 87.4621 72.3602 87.3021C72.0339 87.0387 71.7135 86.5733 71.3813 86.5507C70.1623 86.4667 68.9404 86.5313 67.7204 86.5378C67.3743 86.5378 66.9775 86.3487 66.6909 86.562C65.584 87.3829 64.3372 86.4231 63.2125 87.3813L63.7491 87.6915L63.7372 87.9129L58.4844 88.2313V88.4591L60.0426 88.8049C60.0357 88.8841 60.0287 88.9665 60.0228 89.0425C59.3513 89.0425 58.6531 89.2347 58.0133 89.0004C56.9154 88.5997 55.8263 88.5738 54.7184 88.6288C54.3703 88.6466 54.0182 88.4316 53.5907 88.3056L52.5562 88.939L52.4759 88.6756L52.7586 88.1569L49.8118 88.3735L49.7761 88.1893L50.9921 87.3134C50.7551 86.9175 50.5736 86.7656 50.28 87.1421C50.0618 87.4233 49.8833 87.3037 49.5937 87.0112C49.2237 86.6477 48.6316 86.8771 48.1356 86.8707C48.0632 86.8707 47.972 87.0565 47.9204 87.0242C47.4245 86.7155 46.9593 86.638 46.4198 86.9579C46.146 87.1195 45.7443 86.7139 45.3466 86.541V85.99L44.325 86.1952L44.2923 85.9302L44.7287 85.5553V85.4018L43.0426 85.5295V86.541L42.4475 86.2469C42.3307 86.1615 42.2072 86.1027 42.0805 86.0724C40.9895 86.0579 39.9054 86.0643 38.8174 86.0643C38.9731 87.0856 38.259 86.9579 38.0794 87.5801C38.1489 87.8095 38.2243 88.0648 38.3591 88.5157C37.7968 88.4122 37.3346 88.3088 36.8714 88.2474C36.4935 88.1973 36.0918 87.9097 35.7685 88.5512C35.7149 88.6579 35.5205 88.5981 35.3935 88.5787C35.0315 88.5205 34.6725 88.4171 34.3105 88.388C34.1438 88.3751 33.9732 88.5044 33.8046 88.569L33.8195 88.9374C34.6467 89.0376 35.4729 89.1443 36.2991 89.2364C36.6601 89.2768 37.0271 89.2364 37.3792 89.3365C37.53 89.3786 37.652 89.684 37.7501 90.0023C34.4265 89.7599 31.1733 88.9584 27.9379 87.9016L29.8314 88.1198L29.8532 87.9792C29.8076 87.9355 29.7629 87.8564 29.7153 87.8515C29.0298 87.7854 28.359 87.4992 27.7416 87.0096C27.323 86.6719 26.6952 87.0274 26.1606 87.063C26.0128 87.0727 25.8144 87.1502 25.7261 87.029C25.3909 86.5636 25.4038 86.5442 24.9327 86.4651C24.9099 86.6347 24.8861 86.8093 24.8553 87.0419L24.3882 86.9337C24.3971 86.9805 24.405 87.0258 24.414 87.071C24.2483 87.1761 24.0817 87.37 23.918 87.37C23.5226 87.3654 23.1281 87.3114 22.7378 87.2084C22.6168 87.1777 22.5176 86.945 22.4045 86.8125C22.3338 86.7324 22.2599 86.6601 22.1833 86.596C21.858 86.3067 21.5307 86.0223 21.2034 85.7363L21.2768 85.4454L24.4784 85.9173L24.5022 85.7444C24.3108 85.649 24.1154 85.5715 23.928 85.4551C23.7217 85.3275 23.5312 85.1319 23.3209 85.0285C23.1841 84.9542 22.9966 84.8669 22.8865 84.959C22.1159 85.6054 21.4057 85.0204 20.6737 84.8685L20.6797 84.589L22.1972 84.7296L22.2061 84.4064H20.282C20.3008 84.5906 20.3296 84.8718 20.3574 85.1481C20.0598 85.4325 19.8208 85.5424 19.6065 84.9429C19.5074 84.6569 19.2683 84.4953 19.0928 84.2787L17.8034 82.7L17.6288 82.9585C17.7994 83.4191 17.969 83.8812 18.1753 84.4403L16.629 84.1252L16.6082 84.3482L18.34 84.8702V85.0528C18.1302 85.0714 17.9199 85.0714 17.7101 85.0528C16.4515 84.8346 15.1949 84.5922 13.9352 84.3838C13.8301 84.3676 13.7121 84.5454 13.6 84.6326L13.6079 84.8992L15.2603 85.5036L15.2732 85.683C15.0099 85.7349 14.745 85.7629 14.4797 85.767C14.1997 85.7445 13.9215 85.6807 13.6486 85.5763C13.3897 85.481 13.1398 85.321 12.8373 85.363L13.2042 85.8898L13.1745 86.0805L11.6699 85.8316L11.6183 86.1112L13.0138 86.9612C11.772 87.7933 10.5789 87.8192 9.35691 87.2843C9.11986 87.1809 8.86099 87.2229 8.61105 87.1825C8.09133 87.1001 7.48137 87.5671 7.11439 86.5362C7.09971 86.5047 7.08083 86.479 7.05918 86.4611C7.03754 86.4432 7.01369 86.4335 6.98942 86.4328C6.2138 86.5136 5.50167 86.0579 4.78259 85.7185C4.69431 85.6765 4.58422 85.7411 4.46223 85.7605C4.38486 86.0837 4.3055 86.4069 4.22517 86.7301L4.13293 86.7042V85.9916C3.97572 85.7878 3.81002 85.6021 3.63701 85.4357C3.47237 85.2984 3.2859 85.1416 3.11034 85.1465C2.44482 85.1675 2.17307 84.652 2.35458 83.4966C2.01835 83.3819 1.6831 83.2769 1.35083 83.1508C1.06419 83.0442 0.936255 82.86 1.18719 82.3978C1.29728 82.1974 1.32902 81.8823 1.40539 81.5899C2.02231 81.5818 2.63228 80.8401 2.91099 79.7816C2.9695 79.5619 3.17184 79.4423 3.33549 79.2435L2.67593 78.4695L2.37838 79.4617C2.19192 79.0803 2.061 78.7765 1.90627 78.5083C1.75154 78.2401 1.55217 77.9573 1.36868 77.6761L1.95189 76.915L1.80709 76.5918C2.25143 76.0553 2.2306 75.7225 1.68013 75.0826L2.05802 74.1421C1.66129 73.7591 1.69302 72.8397 1.25761 72.4195C1.22587 72.3888 1.34192 71.9525 1.38853 71.7037C1.09098 71.2981 0.761695 70.8537 0.446292 70.3786C0.413562 70.3285 0.482971 70.0991 0.500824 69.9779C0.798374 69.8987 1.03444 70.7325 1.37662 69.944H0.880704C0.919385 68.4492 1.04931 68.2165 1.74757 68.349C2.17703 67.3876 1.69997 66.439 1.76246 65.4404L2.13042 65.3903C2.19589 64.9637 2.18099 64.508 2.31191 64.3044C2.63525 63.8067 2.85148 63.8794 3.26111 64.4127L3.08058 64.9976L3.22641 65.1592C3.37419 64.7989 3.53188 64.4482 3.66181 64.0717C3.67475 64.0053 3.67941 63.9354 3.67549 63.866C3.67157 63.7966 3.65916 63.7292 3.639 63.6677C3.29087 63.5579 2.94472 63.4819 2.54798 63.3866C2.53203 63.2521 2.53203 63.1139 2.54798 62.9794C2.74635 61.9662 2.58269 61.3634 2.01635 60.8237C1.61069 60.4391 1.40638 59.7879 1.21 58.8749L1.92014 59.5504C2.04016 59.1852 2.25638 58.8151 2.24944 58.458C2.2425 58.1009 1.99652 57.8036 1.75352 57.5564C1.82097 57.0716 1.88743 56.5868 1.96082 56.0519H1.57102C1.58878 55.9327 1.61648 55.818 1.65335 55.711C2.11653 54.8723 2.1066 54.3989 1.89038 53.3162C1.73665 52.5438 1.58391 51.6728 1.8646 50.8471C1.98857 50.4835 2.02926 50.1603 1.81006 49.8436C1.74064 49.745 1.65334 49.5479 1.67119 49.4412C1.7922 48.7335 1.61862 48.3101 1.22387 48.1485C1.24173 46.956 1.95983 45.8862 1.28935 44.6129L1.44011 44.0118C1.17132 43.8776 0.845005 43.8502 0.664491 43.5787C0.527618 43.3719 0.57621 42.8418 0.532569 42.3474C1.14949 42.3797 1.72276 42.3748 1.74062 41.129C1.74062 40.9302 1.65929 40.7282 1.57002 40.321L1.30124 41.4198C1.14056 40.6216 1.09395 39.7635 0.507773 39.4807C0.44628 39.45 0.354049 39.5777 0.244947 39.6552L-0.0129395 38.5241L0.472081 38.8182C0.508779 36.8646 0.53058 34.9497 1.1961 33.2336L0.891625 32.9411C1.06321 32.4143 1.23182 31.9005 1.45299 31.2234L0.842033 31.4351L0.779535 31.2089L1.55913 30.5625C1.42523 30.4688 1.30918 30.3072 1.23579 30.3492C0.853932 30.5657 0.809303 30.2393 0.817237 29.7497C0.827156 29.168 0.762669 28.6299 1.27049 28.3697C1.48572 28.2582 1.57896 27.5181 1.72773 27.064L1.59085 26.9025L0.974923 28.0336C0.677373 26.8265 1.61564 26.61 1.61564 25.6873C0.903507 25.3431 0.868813 25.0813 1.31315 24.0891C1.22786 23.7272 1.11479 23.467 1.11479 23.2068C1.10388 21.3873 1.1713 19.5597 1.09493 17.7483C1.0622 16.9807 1.09493 16.4168 1.42026 15.8641C1.50258 15.7268 1.44606 15.3697 1.33994 15.0998L1.10684 15.8625C0.786483 15.486 0.794413 15.4634 0.929303 14.901C1.00468 14.5892 1.12767 14.1723 1.05825 13.9315C0.797394 12.9894 0.959063 12.0587 1.05825 11.1634C1.12767 10.5752 1.01957 10.2117 0.837069 9.80284C0.76169 9.64125 0.700195 9.44572 0.612914 9.21626L1.20106 8.91893C1.19611 8.0431 1.25562 7.17213 0.763674 6.54192C0.706148 6.46921 0.69622 6.19612 0.72895 6.05715C0.889628 5.36554 1.07311 4.68685 1.2695 3.92091L1.91816 5.19425L2.14331 3.94191L1.54821 3.72538L1.55813 3.525C1.94197 3.4539 2.3258 3.33271 2.71063 3.3214C3.1391 3.31009 3.55668 3.35695 3.6638 2.41972C4.16864 3.25515 4.30154 3.19213 4.5495 2.25813C4.8044 2.23713 5.01071 2.26621 5.20213 2.19349C5.66135 2.01897 6.10867 1.66832 6.56987 1.61499C7.91976 1.4534 9.2736 1.41301 10.6265 1.3306C10.924 1.31282 11.2216 1.3306 11.538 1.3306L11.4705 0.873292C11.6143 0.929849 11.7681 0.915306 11.8514 1.03488C12.2481 1.63762 12.7093 1.35807 13.1566 1.35807C14.2724 1.38715 15.4002 1.65378 16.4971 1.45179C17.0922 1.34353 17.7488 1.86223 18.3271 1.08174C18.4808 0.874905 18.8815 1.12537 19.1642 1.21101C19.4141 1.28858 19.6254 1.35645 19.8257 0.963783C19.909 0.802191 20.1233 0.768259 20.282 0.763411C20.4407 0.758563 20.6063 0.924998 20.764 0.910455C21.7139 0.802146 22.6678 0.986338 23.5759 1.4534C24.1491 1.73942 24.8295 1.4534 25.5496 1.4227C25.6309 1.46794 25.8164 1.65054 26.0039 1.65701C27.2585 1.69902 28.5132 1.69579 29.7679 1.72326C30.0446 1.72326 30.3203 1.80405 30.5971 1.84768L30.6268 2.09331L29.8859 2.41649C30.0505 2.49567 30.2826 2.69927 30.3332 2.61524C30.7537 1.8897 31.1792 2.53768 31.5988 2.51506C32.0848 2.4892 32.5668 2.25489 33.0608 2.10946C33.2472 1.31766 33.4337 1.26434 33.8195 1.81376L34.8768 1.30312L34.8123 1.94949C34.8639 1.93979 34.9115 1.93172 34.9512 1.92687C35.094 1.9091 35.2616 1.80729 35.3767 1.89293C35.9153 2.28883 35.9103 2.30661 36.1563 1.66348C37.408 1.80083 38.623 1.82507 39.8518 1.39846C40.4896 1.17547 41.1839 1.38877 41.8534 1.39846C42.0746 1.39846 42.2977 1.38715 42.5179 1.35321C43.0545 1.26919 43.5911 1.0979 44.1276 1.09305C45.2306 1.08174 46.3345 1.15608 47.4384 1.19486C47.488 1.19486 47.5663 1.22394 47.5822 1.18516C48.0543 0.0136242 48.2328 1.34675 48.6425 1.40654L48.2517 2.00767C48.2884 2.06099 48.3201 2.14663 48.3509 2.14663C48.5125 2.14663 48.7049 2.21935 48.8319 2.10462C49.7176 1.29666 50.6916 1.43886 51.6398 1.43563C51.9056 1.43563 52.1764 1.87031 52.4392 2.11916C52.7021 2.36801 52.9589 2.95943 53.2515 2.28075L51.8302 0.483851C52.1347 0.483851 52.3053 0.470924 52.4749 0.483851C52.8211 0.517785 53.1692 0.5388 53.5134 0.622827C53.6651 0.674624 53.8059 0.789906 53.922 0.957323C54.0497 1.15632 54.1668 1.37255 54.2721 1.60369C55.4137 0.676154 56.5256 0.391749 57.7187 1.01388C58.0897 1.20779 58.538 0.968633 58.9357 1.0769C59.5517 1.23849 60.1477 1.6053 60.7637 1.75881C61.1604 1.85738 61.579 1.72973 61.9876 1.71033C62.8069 1.66994 63.6261 1.615 64.4444 1.60853C64.7032 1.60853 64.9651 1.81375 65.222 1.79597C66.0769 1.73457 66.9289 1.59238 67.7839 1.53097C68.0328 1.5132 68.2887 1.73296 68.5367 1.71195C68.9638 1.65659 69.3889 1.5649 69.8102 1.43724C70.0373 1.37907 70.2585 1.25142 70.4866 1.21587C70.7842 1.17062 71.0817 1.20293 71.3743 1.17223C72.0934 1.0979 72.8115 0.916917 73.5286 0.93954C74.9905 0.986402 76.4515 1.1383 78.0295 1.26272L77.3581 1.93817C77.366 2.02059 77.3729 2.09977 77.3809 2.18703C78.5235 2.23551 79.6621 2.26136 80.8077 2.34862C81.7608 2.41649 82.714 2.52314 83.6631 2.68312C83.8447 2.71382 84.0033 3.08063 84.1353 3.24384L84.8861 2.50536L84.8742 2.81723L85.5397 3.91444L85.2144 4.65453C85.3949 5.0068 85.5724 5.35422 85.7767 5.75658L87.0195 4.83067C86.7676 4.58666 86.5236 4.41538 86.3252 4.14714C86.0088 3.70922 85.7876 3.22122 86.0792 2.48113C86.2657 2.00443 85.9662 1.43078 85.5933 1.51158C85.2669 1.58591 84.9476 1.75558 84.6203 1.80729C84.4011 1.84284 84.1739 1.74588 83.9508 1.7071C83.9448 1.61822 83.9399 1.52936 83.9339 1.44048C84.1968 1.25303 84.4497 0.996102 84.7274 0.8943C85.5962 0.571117 86.472 0.306108 87.3468 0.0265543C87.7981 -0.117262 88.0758 0.349729 88.3793 0.786026C88.6828 1.22232 89.0428 1.61338 89.508 2.1838C89.4584 2.93843 89.3999 4.02755 89.3037 5.1086C89.2888 5.27019 89.1133 5.43178 88.9952 5.54328C88.8415 5.69033 88.6699 5.79052 88.4299 5.96666L89.6945 6.81986L89.6866 6.98145H88.4755L88.4269 7.12688L89.4346 8.37275C88.9268 8.76703 88.7572 9.23888 89.1271 10.0339C89.2115 10.2133 89.1093 10.7336 89.0042 11.0035C88.905 11.2491 88.6907 11.3687 88.5023 11.569C88.6709 12.0651 89.1966 12.5871 88.416 13.0734C88.6779 13.4225 88.9119 13.6439 89.0637 13.9654C89.1966 14.2418 89.3364 14.6603 89.3027 14.9657C89.2412 15.507 88.9357 15.4698 88.66 15.3519C88.5086 15.2768 88.3461 15.287 88.1988 15.381C88.349 15.591 88.4911 15.8161 88.6243 16.0548C88.7117 16.2205 88.7681 16.4235 88.787 16.6398C88.8416 17.5229 88.8641 18.4105 88.8544 19.298C88.8187 20.5067 89.02 21.5182 89.6677 22.3585L89.3493 22.567C89.383 22.8239 89.4197 23.1002 89.4703 23.4767L88.898 23.3717C88.907 23.6738 88.9149 23.9793 88.9248 24.3267C89.0644 24.3741 89.2006 24.4445 89.3315 24.5368C89.6439 24.8115 89.8591 25.175 89.6994 25.8295C89.5896 26.2782 89.4946 26.7362 89.4148 27.2014C89.3879 27.4452 89.3737 27.6922 89.3721 27.9399C89.3563 28.1952 89.3721 28.4844 89.3067 28.6977C89.0091 29.6107 89.0032 29.6026 89.0508 30.7629H89.9692C90.1934 31.6338 89.1034 32.3077 89.8839 33.1076C89.6112 33.762 89.3553 34.3647 89.1073 34.9739C88.8693 35.5573 88.9337 35.9338 89.3513 36.0227C89.7689 36.1116 89.8085 36.4525 89.8036 37.0003C89.7927 38.0264 89.7738 39.0202 89.4148 39.9493C89.3464 40.1271 89.633 40.6652 89.7808 41.1128C89.5973 41.381 89.3176 41.7592 89.0617 42.1761C88.7126 42.7465 88.7473 43.3072 89.1351 43.7451C89.5447 44.2024 89.626 44.503 89.6012 45.3966L88.7185 46.3096L88.0242 46.1383C88.0857 46.9026 88.4854 47.465 88.8871 47.4698C89.4733 47.4698 89.5556 47.6201 89.2541 48.4054C88.8425 49.4752 88.899 50.5287 89.142 51.6292C89.1589 51.7019 89.2134 51.7908 89.2005 51.8392C88.8127 53.3194 89.6141 54.1645 89.8849 55.2925C89.9434 55.5365 89.998 55.879 89.9375 56.0843C89.6776 56.9633 89.5774 57.8117 89.995 58.6859L89.1391 59.0882L89.9325 60.7769L89.879 61.0015L89.1698 60.8011C88.658 59.9027 88.0163 60.0222 87.3845 60.1047C87.3726 60.2065 87.3617 60.3099 87.3498 60.4117L89.1718 60.8043ZM17.0654 82.9925C16.8066 82.3461 15.5866 82.4382 14.9053 83.1314C15.6858 83.3641 16.3682 82.8519 17.0674 82.9925H17.0654ZM51.9483 1.67155C51.8803 1.80479 51.8202 1.94816 51.7687 2.09977C51.9062 2.32462 52.0552 2.53004 52.2141 2.71382C52.2751 2.62947 52.3285 2.53155 52.3727 2.42295C52.2498 2.1741 52.1089 1.94626 51.9483 1.67155Z") }
.contact-us .instagramGrid img {width: 100%;height:auto}
.contact-us .instagramGrid .image-mask:hover { transform: scale(1.03); }
.contact-us .copyright { position: relative; align-self: stretch; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 22px; text-align: center; letter-spacing: 1.10px; line-height: normal; z-index:1}


/** Header **/
header { position: fixed; top: 0; left: 0; right: 0; display: flex; width: 100%; height: 90px; align-items: center; justify-content: center; gap: 70px; background-color: var(--sugar-swizzle); z-index: 2 }
header a { position: relative; width: fit-content; font-family: "Creamy Coconut-Regular", Helvetica; font-weight: 400; color: var(--magnet); font-size: 36px; letter-spacing: 0; line-height: normal; }
header a.active { color: var(--bright-marigold); }




/* 320 px */
@media (min-width: 320px) and (max-width: 767px){
    header{height:60px;gap:40px}
    header a{font-size:28px}

    .intro{padding:60px 16px 16px}
    .pattern{height: calc(100vh - 70px);}
    .pattern.right{right:-100px}
    .pattern.left{left:-100px}
    
    .menu, .reservation{padding:60px 16px;gap: 30px;}
    
    
    .intro .mainlogo{width:200px}
    .intro .intro-container{width:100%;gap:20px}
    .intro .text-wrapper{font-size:15px;line-height:24px}

    .menu .menu-container{gap:10px}

    .menu .title,
    .reservation .reservation-title{font-size:72px;line-height:62px}
    .menu img.icon{width:120px}
    .menu .tabs{width:100%;gap:10px}
    .menu .tab{padding:10px}
    .menu .tab p,
    .menu .served-time{font-size:22px}
    .menu .vat{font-size:12px;line-height:18px}

    .menu .column{gap:40px}
    .menu .tab-content,
    .menu .menu-list-wrapper{gap:0}
    .menu .menu-list{padding:60px 30px 50px;flex:0 0 100%}
    
    .menu .lunch-wrapper .menu-list{padding:50px 30px}
    .menu .item{gap:20px}
    .menu .item-title{font-size:40px}
    .menu .item-title span{font-size:12px;display:flex}
    .menu .element-title,
    .menu .element-price{font-size:24px}
    .menu .element-info{font-size:13px;line-height: 18px;}
    .menu .egg{width:50px;top: -6px;}
    .menu .s-leaf {width:30px;top:0}
    .menu .avocado {width:30px;top:0}
    .menu .dish {width:36px;top:0}
    .menu .coffee {width:54px;top:0}
    .menu .meet {width:54px;top:0}
    .menu .orange {width:32px;top:-8px}
    .menu .pineapple {width:32px;top:-12px}

    .menu .item-title-wrapper{gap:16px}
    .menu .item-title-wrapper .type{font-size:11px}
    .menu .element-wrapper{gap:22px}

    .menu .slider-arrow{width:50px;padding: 10px 0;width:36px}
    .menu .slider-arrow.left{left: -12px;}
    .menu .slider-arrow.right{right: -12px;}
    .menu #tab-1 .slider-arrow{display:flex;}
    
    .reservation .reservation-wrapper{width:100%;gap:20px}
    .reservation p,
    .contact-us p{font-size:24px}
    .contact-us .footer-wrapper{gap:20px}
    .contact-us{padding:80px 16px 10px;gap:40px}
    .contact-us .instagramGrid{width:282px;gap: 6px 6px;}
    .contact-us .instagramGrid .image-mask{width:66px;height:66px;overflow: hidden;}
    .contact-us .mainlogo {width: 180px;}
    .contact-us .copyright{font-size:16px}

    .menu .slider-arrow.inactive{opacity:0}
}

/* 768 px */
@media (min-width: 768px) and (max-width: 1023px) {
    .menu, .reservation{padding:60px 32px }
    .contact-us{padding:80px 32px 20px}
    .intro .mainlogo{width:280px}
    .intro .intro-container{width:650px}
    .intro .text-wrapper{font-size:17px;line-height:28px}


    .menu .title,
    .reservation .reservation-title{font-size:84px;line-height:72px}
    .menu img.icon{width:120px}
    .menu .tab p,
    .menu .served-time{font-size:30px}
    .menu .vat{font-size:13px}

    .menu .column{gap:40px}
    .menu .tab-content,
    .menu .menu-list-wrapper{gap:0}
    .menu .menu-list{padding:80px 50px 50px;flex:0 0 100%}
    
    .menu .lunch-wrapper .menu-list{padding:50px 50px}
    .menu .item{gap:20px}
    .menu .item-title{font-size:40px}
    .menu .item-title span{font-size:12px}
    .menu .element-title,
    .menu .element-price{font-size:24px}
    .menu .element-info{font-size:13px;line-height: 18px;}
    .menu .egg{width:70px}
    .menu .s-leaf {width:44px;}
    .menu .avocado {width:44px;}
    .menu .dish {width:50px;}
    .menu .coffee {width:70px;}
    .menu .meet {width:70px;}
    .menu .orange {width:38px;}
    .menu .pineapple {width:40px}

    .menu .slider-arrow{width:70px;padding: 10px}
    .menu .slider-arrow.left{left: -24px;}
    .menu .slider-arrow.right{right: -24px;}
    .menu #tab-1 .slider-arrow{display:flex;}
    
    .reservation p,
    .contact-us p{font-size:30px}
    .contact-us .mainlogo {width: 180px;}
    .contact-us .copyright{font-size:18px}

    .menu .slider-arrow.inactive{opacity:0}
}

/* 1024 px */
@media (min-width: 1024px) and (max-width: 1439px) {
    .menu, .reservation{padding:60px 64px }
    .contact-us{padding:80px 64px 20px}
    .intro .mainlogo{width:280px}
    .intro .intro-container{width:650px}
    .intro .text-wrapper{font-size:17px;line-height:28px}

    .menu .column{gap:40px}
    .menu .tab-content,
    .menu .menu-list-wrapper{gap:24px}
    .menu .menu-list{padding:80px 30px 50px}
    .menu .lunch-wrapper .menu-list{padding:50px 30px}
    .menu .item{gap:20px}
    .menu .item-title{font-size:40px}
    .menu .item-title span{font-size:12px}
    .menu .element-title,
    .menu .element-price{font-size:24px}
    .menu .element-info{font-size:13px;line-height: 18px;}
    .menu .egg{width:70px}
    .menu .s-leaf {width:44px;}
    .menu .avocado {width:44px;}
    .menu .dish {width:50px;}
    .menu .coffee {width:70px;}
    .menu .meet {width:70px;}
    .menu .orange {width:38px;}
    .menu .pineapple {width:40px}

    .menu .slider-arrow{width:50px}
    .menu .slider-arrow.left{left: -52px;}
    .menu .slider-arrow.right{right: -52px;}

    
    .reservation p,
    .contact-us p{font-size:30px}
    .contact-us .mainlogo {width: 180px;}
    .contact-us .copyright{font-size:18px}
}

/* 1440 px */
@media (min-width: 1440px) and (max-width: 1919px) {
    .menu, .reservation{padding:80px 120px }
    .contact-us{padding:100px 120px 20px}
    .intro .mainlogo{width:280px}
    .intro .intro-container{width:650px}
    .intro .text-wrapper{font-size:18px;line-height:30px}

    .menu .slider-arrow{width:70px}
    .menu .slider-arrow.left{left: -94px;}
    .menu .slider-arrow.right{right: -94px;}
}