{"id":161,"date":"2026-08-12T15:19:25","date_gmt":"2026-08-12T12:19:25","guid":{"rendered":"http:\/\/digitaldesignonline.ru\/?page_id=161"},"modified":"2026-10-28T21:08:23","modified_gmt":"2026-10-28T18:08:23","slug":"restaurantv1","status":"publish","type":"page","link":"https:\/\/digitaldesignonline.ru\/ru\/restaurantv1\/","title":{"rendered":"\u0420\u0435\u0441\u0442\u043e\u0440\u0430\u043d"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"161\" class=\"elementor elementor-161\">\n\t\t\t\t<div class=\"elementor-element elementor-element-775c5d11 e-con-full e-flex e-con e-parent\" data-id=\"775c5d11\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-2a2a5a00 e-con-full e-flex e-con e-child\" data-id=\"2a2a5a00\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-92b1bb elementor-widget elementor-widget-html\" data-id=\"92b1bb\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>html{scroll-behavior:smooth}#menu,#booking{scroll-margin-top:90px}.restaurant-hero,.restaurant-hero *{box-sizing:border-box}.restaurant-hero{--hero-text:#c8aa82;--hero-muted:#a79a87;--hero-border:rgba(200,170,130,0.65);position:relative;isolation:isolate;width:100%;height:min(780px,100svh);min-height:680px;margin:0;padding:0;overflow:hidden;background:#070706;color:var(--hero-text)}.restaurant-hero__media{position:absolute;z-index:-3;inset:0;width:100%;height:100%;overflow:hidden}.restaurant-hero__media picture{display:block;width:100%;height:100%}.restaurant-hero__media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.restaurant-hero::before{content:\"\";position:absolute;z-index:-2;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,4,0.99) 0%,rgba(5,5,4,0.97) 17%,rgba(5,5,4,0.91) 28%,rgba(5,5,4,0.76) 40%,rgba(5,5,4,0.48) 52%,rgba(5,5,4,0.18) 67%,rgba(5,5,4,0.03) 100%)}.restaurant-hero::after{content:\"\";position:absolute;z-index:-1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0.15) 0%,transparent 30%,transparent 68%,rgba(0,0,0,0.28) 100%)}.restaurant-hero__inner{position:relative;z-index:2;width:100%;max-width:none;height:100%;min-height:inherit;margin:0;padding:0 32px 0 42px;display:flex;align-items:center;justify-content:flex-start}.restaurant-hero__content{width:min(510px,43vw);margin:0;padding:0;text-align:left}.restaurant-hero__title{margin:0;padding:0;max-width:510px;font-family:\"Iowan Old Style\",Baskerville,\"Baskerville Old Face\",\"Times New Roman\",Georgia,serif;font-size:clamp(50px,5.2vw,82px);font-weight:400;line-height:0.98;letter-spacing:-0.035em;text-transform:uppercase;color:var(--hero-text)}.restaurant-hero__description{max-width:355px;margin:28px 0 0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.6;color:var(--hero-muted)}.restaurant-hero__actions{display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px;margin:36px 0 0;padding:0}.restaurant-hero__button{display:inline-flex;align-items:center;justify-content:center;min-width:172px;height:48px;padding:0 22px;border:1px solid var(--hero-border);background:rgba(0,0,0,0.10);color:#c7aa84;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:0.045em;text-decoration:none;text-transform:uppercase;cursor:pointer;transition:color 0.2s ease,background-color 0.2s ease,border-color 0.2s ease}.restaurant-hero__button--booking{background:rgba(199,170,132,0.08)}.restaurant-hero__button:hover{color:#090807;background:#c7aa84;border-color:#c7aa84}.restaurant-hero__button:focus-visible{outline:2px solid #ffffff;outline-offset:3px}@media (min-width:1600px){.restaurant-hero__inner{padding-left:52px}.restaurant-hero__content{width:540px}.restaurant-hero__title{max-width:540px}}@media (max-width:1024px){.restaurant-hero{height:min(740px,100svh);min-height:650px}.restaurant-hero__inner{padding-left:32px;padding-right:24px}.restaurant-hero__content{width:min(460px,52vw)}.restaurant-hero__title{max-width:460px;font-size:clamp(46px,6.2vw,68px)}.restaurant-hero__description{margin-top:25px}.restaurant-hero::before{background:linear-gradient(90deg,rgba(5,5,4,0.98) 0%,rgba(5,5,4,0.94) 27%,rgba(5,5,4,0.72) 48%,rgba(5,5,4,0.28) 72%,rgba(5,5,4,0.05) 100%)}}@media (max-width:767px){#menu,#booking{scroll-margin-top:70px}.restaurant-hero{width:100%;height:100svh;min-height:700px;max-height:860px}.restaurant-hero__media{inset:0}.restaurant-hero__media picture{width:100%;height:100%}.restaurant-hero__media img{width:100%;height:100%;object-fit:cover;object-position:center center}.restaurant-hero::before{background:linear-gradient(180deg,rgba(5,5,4,0.28) 0%,rgba(5,5,4,0.36) 38%,rgba(5,5,4,0.62) 68%,rgba(5,5,4,0.92) 100%),linear-gradient(90deg,rgba(5,5,4,0.92) 0%,rgba(5,5,4,0.75) 48%,rgba(5,5,4,0.35) 78%,rgba(5,5,4,0.08) 100%)}.restaurant-hero::after{background:linear-gradient(180deg,rgba(0,0,0,0.12) 0%,transparent 35%,transparent 60%,rgba(0,0,0,0.28) 100%)}.restaurant-hero__inner{width:100%;height:100%;padding:clamp(90px,13vh,120px) 20px 60px 20px;align-items:flex-start;justify-content:flex-start}.restaurant-hero__content{width:100%;max-width:470px}.restaurant-hero__title{max-width:400px;font-size:clamp(42px,12vw,62px);line-height:0.98}.restaurant-hero__description{max-width:330px;margin-top:24px;font-size:14px}.restaurant-hero__actions{margin-top:30px;gap:10px}.restaurant-hero__button{min-width:145px;height:46px;padding:0 18px;font-size:10px}}@media (max-width:420px){.restaurant-hero{min-height:680px}.restaurant-hero__inner{padding-left:18px;padding-right:18px}.restaurant-hero__title{max-width:350px;font-size:clamp(39px,12vw,52px)}.restaurant-hero__description{max-width:300px;font-size:13px}.restaurant-hero__actions{width:100%;gap:8px}.restaurant-hero__button{flex:1 1 140px;min-width:0;padding-left:12px;padding-right:12px}}@media (max-width:360px){.restaurant-hero__title{font-size:38px}.restaurant-hero__actions{flex-direction:column;align-items:stretch}.restaurant-hero__button{width:100%;flex:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.restaurant-hero__button{transition:none}}<\/style><section\r\n  class=\"restaurant-hero\"\r\n  aria-label=\"Restaurant introduction\"\r\n><div\r\n    class=\"restaurant-hero__media\"\r\n    aria-hidden=\"true\"\r\n  ><picture><source\r\n        media=\"(max-width: 767px)\"\r\n        srcset=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/37713213252de-2ec2-4c8f-b61e-af443052dd77.jpg\"\r\n      ><img fetchpriority=\"high\"\r\n        src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/37713252de-2ec2-4c8f-b61e-af443052dd77.jpg\"\r\n        alt=\"\"\r\n        width=\"1920\"\r\n        height=\"1080\"\r\n        decoding=\"async\"\r\n        fetchpriority=\"high\"\r\n      \n        loading=\"eager\"><\/picture><\/div><div class=\"restaurant-hero__inner\"><div class=\"restaurant-hero__content\"><h1 class=\"restaurant-hero__title\">\r\n        Taste,<br>\r\n        Inspired by<br>\r\n        the Moment\r\n      <\/h1><p class=\"restaurant-hero__description\">\r\n        Contemporary cuisine and an atmosphere\r\n        you'll want to return to.\r\n      <\/p><div class=\"restaurant-hero__actions\"><a\r\n          class=\"restaurant-hero__button\"\r\n          href=\"#menu\"\r\n          aria-label=\"View restaurant menu\"\r\n        >\r\n          View Menu\r\n        <\/a><a\r\n          class=\"restaurant-hero__button restaurant-hero__button--booking\"\r\n          href=\"#booking\"\r\n          aria-label=\"Book a table\"\r\n        >\r\n          Book a Table\r\n        <\/a><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-3aabb952 e-con-full e-flex e-con e-child\" data-id=\"3aabb952\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2540559f elementor-widget elementor-widget-html\" data-id=\"2540559f\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.gastro-section{content-visibility:auto;contain-intrinsic-size:auto 620px;--bg:#080906;--text:#c8aa82;--muted:#b2a38e;--border:rgba(200,170,130,0.22);--card-height:620px;width:100%;margin:0;padding:0;overflow:hidden;background:var(--bg);color:var(--text)}.gastro-section,.gastro-section *{box-sizing:border-box}.gastro-section button,.gastro-section a{-webkit-tap-highlight-color:transparent}.gastro-section button{-webkit-appearance:none;appearance:none;-webkit-user-select:none;user-select:none}.gastro-layout{display:grid;grid-template-columns:35% 65%;align-items:start;width:100%;margin:0;padding:0}.gastro-info{align-self:start;display:flex;align-items:center;width:100%;height:var(--card-height);min-height:var(--card-height);padding:70px clamp(35px,4vw,72px);border-top:1px solid rgba(200,170,130,0.14);border-right:1px solid rgba(200,170,130,0.08);background:var(--bg)}.gastro-info__inner{width:100%;max-width:390px;margin:0}.gastro-info__eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 34px;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;line-height:1;letter-spacing:0.08em;text-transform:uppercase;color:#b69a76}.gastro-info__eyebrow::after{content:\"\";display:block;width:64px;height:1px;flex:0 0 64px;background:rgba(200,170,130,0.65)}.gastro-info__title{max-width:360px;margin:0;padding:0;font-family:\"Iowan Old Style\",Baskerville,\"Baskerville Old Face\",\"Times New Roman\",Georgia,serif;font-size:clamp(34px,3vw,52px);font-weight:400;line-height:1.08;letter-spacing:-0.02em;text-transform:uppercase;color:var(--text)}.gastro-info__text{max-width:360px;margin:35px 0 0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:400;line-height:1.65;color:var(--muted)}.gastro-gallery-area{width:100%;min-width:0;margin:0;padding:0}.gastro-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;width:100%;margin:0;padding:0}.gastro-card-unit{display:contents}.gastro-card-unit:nth-child(1) .gastro-card{grid-column:1;grid-row:1}.gastro-card-unit:nth-child(2) .gastro-card{grid-column:2;grid-row:1}.gastro-card-unit:nth-child(3) .gastro-card{grid-column:3;grid-row:1}.gastro-card{position:relative;width:100%;height:var(--card-height);min-width:0;margin:0;padding:0;overflow:hidden;background:#11110e;border-left:1px solid rgba(255,255,255,.06)}.gastro-card-unit:first-child .gastro-card{border-left:0}.gastro-card__image{position:absolute;inset:0;width:100%;height:100%;overflow:hidden;background:#11110e}.gastro-card__image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;transform:scale(1);transition:transform .65s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.gastro-card:hover .gastro-card__image img{transform:scale(1.025)}}.gastro-card::after{content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0.02) 0%,rgba(0,0,0,0.04) 38%,rgba(0,0,0,0.22) 57%,rgba(0,0,0,0.67) 78%,rgba(0,0,0,0.94) 100%)}.gastro-card__body{position:absolute;z-index:2;left:0;right:0;bottom:0;width:100%;min-height:190px;padding:32px 75px 30px 28px;background:transparent}.gastro-card__title{margin:0;padding:0;font-family:\"Iowan Old Style\",Baskerville,\"Times New Roman\",Georgia,serif;font-size:clamp(23px,1.7vw,31px);font-weight:400;line-height:1.1;text-transform:uppercase;color:var(--text);text-shadow:0 2px 15px rgba(0,0,0,.65)}.gastro-card__description{max-width:220px;margin:14px 0 0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.5;color:#b8aa95;text-shadow:0 2px 12px rgba(0,0,0,.85)}.gastro-card__toggle{position:absolute;z-index:4;right:22px;bottom:27px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin:0;padding:0;border:1px solid rgba(200,170,130,.55);border-radius:50%;outline:none;box-shadow:none;background:rgba(5,5,4,.22);color:var(--text);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:border-color .2s ease,background-color .2s ease}.gastro-card__toggle:hover,.gastro-card__toggle:active,.gastro-card__toggle:focus{outline:none;box-shadow:none}@media (hover:hover){.gastro-card__toggle:hover{border-color:rgba(200,170,130,.95);background:rgba(0,0,0,.40)}}.gastro-card__toggle:focus-visible{outline:1px solid rgba(200,170,130,.8);outline-offset:3px}.gastro-card__toggle::before{content:\"\";width:8px;height:8px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .25s ease}.gastro-card__toggle.is-active::before{transform:translateY(2px) rotate(225deg)}.gastro-subgallery{grid-column:1 \/ -1;grid-row:2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;width:100%;max-height:0;margin:0;padding:0;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;border-top:0 solid transparent;background:rgba(200,170,130,.10);transition:max-height .55s cubic-bezier(.2,.7,.2,1),opacity .3s ease}.gastro-subgallery.is-active{max-height:6000px;opacity:1;visibility:visible;pointer-events:auto;border-top:1px solid rgba(200,170,130,.15)}.gastro-subgallery__item{position:relative;width:100%;height:var(--card-height);overflow:hidden;background:#11110e}.gastro-subgallery__item img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;opacity:0;transform:scale(1);transition:opacity .3s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.gastro-subgallery__item img.is-loaded{opacity:1}@media (hover:hover){.gastro-subgallery__item:hover img{transform:scale(1.025)}}.gastro-subgallery__item::after{content:\"\";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 65%,rgba(0,0,0,.18) 100%)}@media (max-width:1024px){.gastro-section{--card-height:560px}.gastro-layout{grid-template-columns:31% 69%}.gastro-info{padding:55px 28px}.gastro-info__title{font-size:clamp(31px,4vw,44px)}.gastro-info__text{font-size:14px}.gastro-card__body{padding:28px 60px 26px 20px}.gastro-card__title{font-size:22px}.gastro-card__description{font-size:13px}.gastro-card__toggle{right:15px;bottom:23px;width:35px;height:35px}}@media (max-width:767px){.gastro-section{contain-intrinsic-size:auto 1900px}.gastro-layout{display:block;width:100%}.gastro-info{display:block;width:100%;height:auto;min-height:0;padding:55px 20px 46px;border-right:0}.gastro-info__inner{width:100%;max-width:520px}.gastro-info__eyebrow{margin-bottom:25px}.gastro-info__title{max-width:400px;font-size:clamp(34px,10vw,48px)}.gastro-info__text{max-width:440px;margin-top:25px}.gastro-cards{display:block;width:100%}.gastro-card-unit{display:block;width:100%}.gastro-card{display:block;width:100%;height:auto;aspect-ratio:4 \/ 5;border-left:0;border-top:1px solid rgba(255,255,255,.06)}.gastro-card__image{width:100%;height:100%}.gastro-card__body{min-height:0;padding:30px 75px 28px 20px}.gastro-card__title{font-size:clamp(24px,7vw,31px)}.gastro-card__description{max-width:250px;font-size:14px}.gastro-card__toggle{right:20px;bottom:25px;width:40px;height:40px}.gastro-subgallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%;max-height:0;gap:1px;overflow:hidden}.gastro-subgallery.is-active{max-height:10000px}.gastro-subgallery__item{width:100%;height:auto;aspect-ratio:4 \/ 5}}@media (max-width:480px){.gastro-info{padding:48px 18px 40px}.gastro-card{aspect-ratio:4 \/ 5}.gastro-card__body{padding:25px 65px 23px 18px}.gastro-card__title{font-size:24px}.gastro-card__description{max-width:220px;margin-top:10px;font-size:13px}.gastro-card__toggle{right:16px;bottom:21px;width:36px;height:36px}}@media (max-width:360px){.gastro-subgallery{grid-template-columns:1fr}.gastro-subgallery__item{aspect-ratio:4 \/ 5}}@media (prefers-reduced-motion:reduce){.gastro-card__image img,.gastro-card__toggle,.gastro-card__toggle::before,.gastro-subgallery,.gastro-subgallery__item img{transition:none}}.gastro-section .gastro-card__toggle,.gastro-section .gastro-card__toggle:hover,.gastro-section .gastro-card__toggle:focus,.gastro-section .gastro-card__toggle:focus-visible,.gastro-section .gastro-card__toggle:active,.gastro-section .gastro-card__toggle.is-active,.gastro-section .gastro-card__toggle.is-active:hover,.gastro-section .gastro-card__toggle.is-active:focus,.gastro-section .gastro-card__toggle.is-active:active{background:rgba(0,0,0,0.25) !important;background-color:rgba(0,0,0,0.25) !important;background-image:none !important;color:#c8aa82 !important;border:1px solid rgba(200,170,130,0.65) !important;outline:none !important;box-shadow:none !important;text-shadow:none !important;-webkit-tap-highlight-color:transparent !important;-webkit-appearance:none !important;appearance:none !important}@media (hover:hover){.gastro-section .gastro-card__toggle:hover,.gastro-section .gastro-card__toggle.is-active:hover{background:rgba(0,0,0,0.45) !important;background-color:rgba(0,0,0,0.45) !important;border-color:rgba(200,170,130,0.95) !important}}.gastro-section .gastro-card__toggle::-moz-focus-inner{border:0 !important;padding:0 !important}.gastro-section .gastro-card__toggle::before{background:transparent !important;color:#c8aa82 !important}.gastro-section button,.gastro-section button *,.gastro-section a{-webkit-tap-highlight-color:transparent !important}<\/style><section\r\n  class=\"gastro-section\"\r\n  id=\"menu\"\r\n  aria-label=\"Restaurant menu and gallery\"\r\n><div class=\"gastro-layout\"><div class=\"gastro-info\"><div class=\"gastro-info__inner\"><div class=\"gastro-info__eyebrow\">\r\n          About Us\r\n        <\/div><h2 class=\"gastro-info__title\">\r\n          Gastronomy<br>\r\n          as an Art\r\n        <\/h2><p class=\"gastro-info__text\">\r\n          We create dishes where fresh ingredients,\r\n          signature techniques and attention to detail\r\n          come together. Every visit is a new experience.\r\n        <\/p><\/div><\/div><div class=\"gastro-gallery-area\"><div class=\"gastro-cards\"><div class=\"gastro-card-unit\"><article class=\"gastro-card\"><div class=\"gastro-card__image\"><img loading=\"lazy\"\r\n                src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-968b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Signature cocktail\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n               fetchpriority=\"low\"><\/div><div class=\"gastro-card__body\"><h3 class=\"gastro-card__title\">\r\n                Cocktails\r\n              <\/h3><p class=\"gastro-card__description\">\r\n                Signature drinks for a memorable evening.\r\n              <\/p><\/div><button\r\n              class=\"gastro-card__toggle\"\r\n              type=\"button\"\r\n              data-gallery=\"cocktails\"\r\n              aria-expanded=\"false\"\r\n              aria-label=\"Open cocktails gallery\"\r\n            ><\/button><\/article><div\r\n            class=\"gastro-subgallery\"\r\n            data-gallery-panel=\"cocktails\"\r\n          ><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-96132428b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 1\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-968b-43197b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 2\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-2968b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 3\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-989068b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 4\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-968b-497b-886799d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 5\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-9647588b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 6\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-96246678b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 7\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-91553151568b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 8\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/fbf4f3d6-96814242421b-497b-88d7-c294c55301bc2.jpg\"\r\n                alt=\"Cocktail 9\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><\/div><\/div><div class=\"gastro-card-unit\"><article class=\"gastro-card\"><div class=\"gastro-card__image\"><img loading=\"lazy\"\r\n                src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe6c-ed24-4131597c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Chef seasonal dish\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n               fetchpriority=\"low\"><\/div><div class=\"gastro-card__body\"><h3 class=\"gastro-card__title\">\r\n                Menu\r\n              <\/h3><p class=\"gastro-card__description\">\r\n                Seasonal dishes created by our chef.\r\n              <\/p><\/div><button\r\n              class=\"gastro-card__toggle\"\r\n              type=\"button\"\r\n              data-gallery=\"menu-gallery\"\r\n              aria-expanded=\"false\"\r\n              aria-label=\"Open menu gallery\"\r\n            ><\/button><\/article><div\r\n            class=\"gastro-subgallery\"\r\n            data-gallery-panel=\"menu-gallery\"\r\n          ><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe6c-ed24-49436377c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 1\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d6153567ffe6c-ed24-497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 2\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d61353167ffe6c-ed24-497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 3\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67136ffe6c-ed24-497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 4\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67153ffe6c-ed24-497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 5\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe6c-ed24-49157c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 6\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe6c-ed24-131497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 7\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe613c-ed24-497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 8\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/d67ffe6c-ed24-134497c-9213-520df7f69bb1.jpg\"\r\n                alt=\"Dish 9\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><\/div><\/div><div class=\"gastro-card-unit\"><article class=\"gastro-card\"><div class=\"gastro-card__image\"><img loading=\"lazy\"\r\n                src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d47-d66392-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Restaurant dessert\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n                loading=\"lazy\"\r\n                decoding=\"async\"\r\n               fetchpriority=\"low\"><\/div><div class=\"gastro-card__body\"><h3 class=\"gastro-card__title\">\r\n                Desserts\r\n              <\/h3><p class=\"gastro-card__description\">\r\n                The perfect finishing touch to your dinner.\r\n              <\/p><\/div><button\r\n              class=\"gastro-card__toggle\"\r\n              type=\"button\"\r\n              data-gallery=\"desserts\"\r\n              aria-expanded=\"false\"\r\n              aria-label=\"Open desserts gallery\"\r\n            ><\/button><\/article><div\r\n            class=\"gastro-subgallery\"\r\n            data-gallery-panel=\"desserts\"\r\n          ><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d47-d668008692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 1\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d46080867-d692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 2\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d467007-d692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 3\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d47-d659992-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 4\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d47-d5689692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 5\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8622d47-d695682-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 6\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8637522d47-d692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 7\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c8623752d47-d692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 8\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><div class=\"gastro-subgallery__item\"><img loading=\"lazy\"\r\n                data-src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/08\/c86234672d47-d692-4d8e-9b2c-245454fcc9c6.jpg\"\r\n                alt=\"Dessert 9\"\r\n                width=\"800\"\r\n                height=\"1200\"\r\n               loading=\"lazy\" decoding=\"async\" fetchpriority=\"low\"><\/div><\/div><\/div><\/div><\/div><\/div><\/section><script>(function () {\n\"use strict\";\nconst sections =\ndocument.querySelectorAll(\n\".gastro-section\"\n);\nif (!sections.length) return;\nsections.forEach(function (section) {\nconst buttons =\nsection.querySelectorAll(\n\".gastro-card__toggle\"\n);\nconst panels =\nsection.querySelectorAll(\n\".gastro-subgallery\"\n);\nlet activeGallery = null;\nfunction loadImages(panel) {\nconst images =\npanel.querySelectorAll(\n\"img[data-src]\"\n);\nimages.forEach(function (img) {\nif (\nimg.dataset.loaded ===\n\"true\"\n) {\nreturn;\n}\nconst source =\nimg.getAttribute(\n\"data-src\"\n);\nif (!source) return;\nimg.loading = \"lazy\";\nimg.decoding = \"async\";\nimg.addEventListener(\n\"load\",\nfunction () {\nimg.classList.add(\n\"is-loaded\"\n);\n},\n{\nonce: true\n}\n);\nimg.src = source;\nimg.dataset.loaded =\n\"true\";\nif (img.complete) {\nimg.classList.add(\n\"is-loaded\"\n);\n}\n});\n}\nfunction resetButtons() {\nbuttons.forEach(\nfunction (button) {\nbutton.classList.remove(\n\"is-active\"\n);\nbutton.setAttribute(\n\"aria-expanded\",\n\"false\"\n);\n}\n);\n}\nfunction resetPanels() {\npanels.forEach(\nfunction (panel) {\npanel.classList.remove(\n\"is-active\"\n);\n}\n);\n}\nfunction closeGallery() {\nresetButtons();\nresetPanels();\nactiveGallery = null;\n}\nfunction openGallery(\ngalleryName,\nbutton\n) {\nconst panel =\nsection.querySelector(\n'[data-gallery-panel=\"' +\ngalleryName +\n'\"]'\n);\nif (!panel) return;\nresetButtons();\nresetPanels();\npanel.classList.add(\n\"is-active\"\n);\nbutton.classList.add(\n\"is-active\"\n);\nbutton.setAttribute(\n\"aria-expanded\",\n\"true\"\n);\nloadImages(panel);\nactiveGallery =\ngalleryName;\n}\nbuttons.forEach(\nfunction (button) {\nbutton.addEventListener(\n\"click\",\nfunction () {\nconst galleryName =\nbutton.dataset.gallery;\nif (\nactiveGallery ===\ngalleryName\n) {\ncloseGallery();\nreturn;\n}\nopenGallery(\ngalleryName,\nbutton\n);\n}\n);\n}\n);\n});\n})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-58cbd74 e-con-full e-flex e-con e-child\" data-id=\"58cbd74\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b1778ab elementor-widget elementor-widget-html\" data-id=\"b1778ab\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>\r\n\/* =========================================================\r\n   REALISTIC 3D RESTAURANT FLIPBOOK\r\n   Elementor HTML Widget\r\n   No libraries \/ Pointer drag \/ Optimized rendering\r\n   ========================================================= *\/\r\n\r\n.restaurant-book,\r\n.restaurant-book * {\r\n  box-sizing: border-box;\r\n}\r\n\r\n.restaurant-book {\r\n  --bg: #080806;\r\n\r\n  --gold: #c8aa82;\r\n  --gold-soft: #a98f6e;\r\n\r\n  --paper: #181610;\r\n  --paper-dark: #100f0c;\r\n\r\n  --text: #ddc9aa;\r\n  --muted: #918575;\r\n\r\n  width: 100%;\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 72% 43%,\r\n      rgba(200,170,130,.045),\r\n      transparent 36%\r\n    ),\r\n    var(--bg);\r\n\r\n  color: var(--text);\r\n\r\n  border-top:\r\n    1px solid\r\n    rgba(200,170,130,.12);\r\n\r\n  scroll-margin-top: 80px;\r\n\r\n  content-visibility: auto;\r\n  contain-intrinsic-size: 780px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   ELEMENTOR RESET\r\n   ========================================================= *\/\r\n\r\n.restaurant-book button {\r\n  font: inherit;\r\n\r\n  -webkit-appearance: none !important;\r\n  appearance: none !important;\r\n\r\n  -webkit-tap-highlight-color: transparent !important;\r\n\r\n  outline: none !important;\r\n  box-shadow: none !important;\r\n\r\n  background-image: none !important;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MAIN LAYOUT\r\n   ========================================================= *\/\r\n\r\n.restaurant-book__inner {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    minmax(270px, 28%)\r\n    minmax(0, 72%);\r\n\r\n  align-items: center;\r\n\r\n  width: 100%;\r\n  min-height: 740px;\r\n\r\n  padding:\r\n    65px\r\n    clamp(25px, 4vw, 65px);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   INTRO\r\n   ========================================================= *\/\r\n\r\n.restaurant-book__intro {\r\n  max-width: 370px;\r\n\r\n  padding-right:\r\n    clamp(20px, 3vw, 50px);\r\n}\r\n\r\n\r\n.restaurant-book__eyebrow {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 18px;\r\n\r\n  margin:\r\n    0\r\n    0\r\n    24px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n  font-weight: 500;\r\n\r\n  line-height: 1;\r\n\r\n  letter-spacing: .09em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--gold-soft);\r\n}\r\n\r\n\r\n.restaurant-book__eyebrow::after {\r\n  content: \"\";\r\n\r\n  width: 60px;\r\n  height: 1px;\r\n\r\n  background:\r\n    rgba(200,170,130,.58);\r\n}\r\n\r\n\r\n.restaurant-book__title {\r\n  margin: 0;\r\n\r\n  font-family:\r\n    \"Iowan Old Style\",\r\n    Baskerville,\r\n    \"Times New Roman\",\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(39px, 4vw, 66px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: .98;\r\n\r\n  letter-spacing: -.025em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--gold);\r\n}\r\n\r\n\r\n.restaurant-book__text {\r\n  max-width: 350px;\r\n\r\n  margin:\r\n    27px\r\n    0\r\n    0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 14px;\r\n\r\n  line-height: 1.7;\r\n\r\n  color: var(--muted);\r\n}\r\n\r\n\r\n\/* Hint *\/\r\n\r\n.restaurant-book__hint {\r\n  display: flex;\r\n  align-items: center;\r\n\r\n  gap: 12px;\r\n\r\n  margin-top: 31px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  color:\r\n    rgba(200,170,130,.62);\r\n}\r\n\r\n\r\n.restaurant-book__hint-icon {\r\n  width: 32px;\r\n  height: 32px;\r\n\r\n  position: relative;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.34);\r\n\r\n  border-radius: 50%;\r\n}\r\n\r\n\r\n.restaurant-book__hint-icon::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  top: 50%;\r\n  left: 50%;\r\n\r\n  width: 7px;\r\n  height: 7px;\r\n\r\n  border-top:\r\n    1px solid\r\n    var(--gold);\r\n\r\n  border-right:\r\n    1px solid\r\n    var(--gold);\r\n\r\n  transform:\r\n    translate(-68%,-50%)\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   STAGE\r\n   ========================================================= *\/\r\n\r\n.book3d-stage {\r\n  position: relative;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n\r\n  min-width: 0;\r\n\r\n  perspective: 2100px;\r\n\r\n  perspective-origin:\r\n    50% 45%;\r\n}\r\n\r\n\r\n\/* Floor shadow *\/\r\n\r\n.book3d-stage::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  left: 50%;\r\n  bottom: 54px;\r\n\r\n  width: 76%;\r\n  height: 42px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  border-radius: 50%;\r\n\r\n  background:\r\n    rgba(0,0,0,.48);\r\n\r\n  filter:\r\n    blur(22px);\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOK\r\n   ========================================================= *\/\r\n\r\n.book3d {\r\n  position: relative;\r\n\r\n  width:\r\n    min(900px, 100%);\r\n\r\n  aspect-ratio:\r\n    1.62 \/ 1;\r\n\r\n  isolation: isolate;\r\n\r\n  transform-style:\r\n    preserve-3d;\r\n\r\n  touch-action:\r\n    pan-y;\r\n\r\n  user-select: none;\r\n\r\n  -webkit-user-select: none;\r\n\r\n  cursor: grab;\r\n}\r\n\r\n\r\n.book3d.is-dragging {\r\n  cursor: grabbing;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   BOOK BASE\r\n   ========================================================= *\/\r\n\r\n.book3d__base {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  z-index: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.14);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n\r\n      #0e0d0a 0%,\r\n\r\n      #171510 48.8%,\r\n\r\n      #080806 49.8%,\r\n\r\n      #080806 50.2%,\r\n\r\n      #171510 51.2%,\r\n\r\n      #0e0d0a 100%\r\n    );\r\n\r\n  box-shadow:\r\n    0 28px 65px\r\n    rgba(0,0,0,.48);\r\n}\r\n\r\n\r\n\/* Spine *\/\r\n\r\n.book3d__base::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 4;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  left: 50%;\r\n\r\n  width: 8px;\r\n\r\n  transform:\r\n    translateX(-50%);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,0,0,.05),\r\n      rgba(0,0,0,.65),\r\n      rgba(200,170,130,.09),\r\n      rgba(0,0,0,.65),\r\n      rgba(0,0,0,.05)\r\n    );\r\n\r\n  pointer-events: none;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   FINAL UNDER PAGE\r\n   ========================================================= *\/\r\n\r\n.book3d__final {\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  right: 0;\r\n\r\n  z-index: 1;\r\n\r\n  width: 50%;\r\n  height: 100%;\r\n\r\n  overflow: hidden;\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      #181610,\r\n      #0f0e0b\r\n    );\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.13);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SHEET\r\n   ========================================================= *\/\r\n\r\n.book3d__sheet {\r\n  --turn: 0;\r\n  --curl: 0;\r\n\r\n  position: absolute;\r\n\r\n  top: 0;\r\n  left: 50%;\r\n\r\n  width: 50%;\r\n  height: 100%;\r\n\r\n  transform-origin:\r\n    left center;\r\n\r\n  transform-style:\r\n    preserve-3d;\r\n\r\n  transform:\r\n    translateZ(\r\n      calc(var(--curl) * 12px)\r\n    )\r\n    rotateY(\r\n      calc(var(--turn) * -180deg)\r\n    );\r\n\r\n  transition:\r\n    transform\r\n    .78s\r\n    cubic-bezier(.20,.72,.15,1);\r\n\r\n  will-change: auto;\r\n}\r\n\r\n\r\n.book3d__sheet.is-active-motion {\r\n  will-change: transform;\r\n}\r\n\r\n\r\n.book3d__sheet.is-flipped {\r\n  --turn: 1;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   DYNAMIC PAGE EDGE\r\n   Makes the page look bent near the middle of the turn\r\n   ========================================================= *\/\r\n\r\n.book3d__sheet::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 30;\r\n\r\n  top: 0;\r\n  right: -1px;\r\n\r\n  width: 16px;\r\n  height: 100%;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity:\r\n    calc(var(--curl) * .85);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      transparent,\r\n      rgba(255,240,210,.10),\r\n      rgba(0,0,0,.35)\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE SIDES\r\n   ========================================================= *\/\r\n\r\n.book3d__page {\r\n  position: absolute;\r\n\r\n  inset: 0;\r\n\r\n  overflow: hidden;\r\n\r\n  backface-visibility: hidden;\r\n\r\n  -webkit-backface-visibility: hidden;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.14);\r\n\r\n  background:\r\n    linear-gradient(\r\n      135deg,\r\n      var(--paper),\r\n      var(--paper-dark)\r\n    );\r\n\r\n  contain: paint;\r\n}\r\n\r\n\r\n.book3d__page--front {\r\n  transform:\r\n    rotateY(0deg);\r\n}\r\n\r\n\r\n.book3d__page--back {\r\n  transform:\r\n    rotateY(180deg);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAPER LIGHT\r\n   ========================================================= *\/\r\n\r\n.book3d__page::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 20;\r\n\r\n  inset: 0;\r\n\r\n  pointer-events: none;\r\n\r\n  opacity:\r\n    calc(.15 + var(--curl) * .45);\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n\r\n      rgba(0,0,0,.28) 0%,\r\n\r\n      transparent 15%,\r\n\r\n      rgba(255,245,220,.045) 62%,\r\n\r\n      rgba(0,0,0,.28) 100%\r\n    );\r\n}\r\n\r\n\r\n\/* Front spine shadow *\/\r\n\r\n.book3d__page--front::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 21;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  left: 0;\r\n\r\n  width: 30px;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      90deg,\r\n      rgba(0,0,0,.46),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* Back spine shadow *\/\r\n\r\n.book3d__page--back::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  z-index: 21;\r\n\r\n  top: 0;\r\n  bottom: 0;\r\n\r\n  right: 0;\r\n\r\n  width: 30px;\r\n\r\n  pointer-events: none;\r\n\r\n  background:\r\n    linear-gradient(\r\n      270deg,\r\n      rgba(0,0,0,.46),\r\n      transparent\r\n    );\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE CONTENT\r\n   ========================================================= *\/\r\n\r\n.menu-sheet {\r\n  position: relative;\r\n\r\n  z-index: 2;\r\n\r\n  display: flex;\r\n  flex-direction: column;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  padding:\r\n    clamp(24px, 3vw, 44px);\r\n}\r\n\r\n\r\n.menu-sheet__kicker {\r\n  margin:\r\n    0\r\n    0\r\n    15px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing:\r\n    .13em;\r\n\r\n  text-transform:\r\n    uppercase;\r\n\r\n  color:\r\n    var(--gold-soft);\r\n}\r\n\r\n\r\n.menu-sheet__title {\r\n  margin:\r\n    0\r\n    0\r\n    23px;\r\n\r\n  font-family:\r\n    \"Iowan Old Style\",\r\n    Baskerville,\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(27px, 2.7vw, 44px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: 1;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color:\r\n    var(--gold);\r\n}\r\n\r\n\r\n.menu-sheet__rule {\r\n  width: 52px;\r\n  height: 1px;\r\n\r\n  margin-bottom:\r\n    26px;\r\n\r\n  background:\r\n    rgba(200,170,130,.52);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MENU ITEM\r\n   ========================================================= *\/\r\n\r\n.menu-list {\r\n  display: grid;\r\n\r\n  gap:\r\n    clamp(13px, 1.4vw, 20px);\r\n}\r\n\r\n\r\n.menu-dish__row {\r\n  display: grid;\r\n\r\n  grid-template-columns:\r\n    auto\r\n    1fr\r\n    auto;\r\n\r\n  align-items: baseline;\r\n\r\n  gap: 8px;\r\n}\r\n\r\n\r\n.menu-dish__name {\r\n  font-family:\r\n    \"Iowan Old Style\",\r\n    Baskerville,\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(14px,1.3vw,19px);\r\n\r\n  color:\r\n    #ddc9aa;\r\n}\r\n\r\n\r\n.menu-dish__dots {\r\n  border-bottom:\r\n    1px dotted\r\n    rgba(200,170,130,.21);\r\n}\r\n\r\n\r\n.menu-dish__price {\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 11px;\r\n\r\n  color: var(--gold);\r\n\r\n  white-space: nowrap;\r\n}\r\n\r\n\r\n.menu-dish__description {\r\n  max-width: 94%;\r\n\r\n  margin:\r\n    5px\r\n    0\r\n    0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size:\r\n    clamp(9px,.85vw,12px);\r\n\r\n  line-height: 1.45;\r\n\r\n  color:\r\n    #8e8375;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   PAGE NUMBER\r\n   ========================================================= *\/\r\n\r\n.menu-sheet__number {\r\n  position: absolute;\r\n\r\n  bottom: 18px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  color:\r\n    rgba(200,170,130,.43);\r\n}\r\n\r\n\r\n.book3d__page--front\r\n.menu-sheet__number {\r\n  right: 22px;\r\n}\r\n\r\n\r\n.book3d__page--back\r\n.menu-sheet__number {\r\n  left: 22px;\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   COVER\r\n   ========================================================= *\/\r\n\r\n.book-cover {\r\n  position: relative;\r\n\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  width: 100%;\r\n  height: 100%;\r\n\r\n  padding: 30px;\r\n\r\n  text-align: center;\r\n\r\n  background:\r\n    radial-gradient(\r\n      circle at 50% 35%,\r\n      rgba(200,170,130,.10),\r\n      transparent 44%\r\n    ),\r\n    linear-gradient(\r\n      145deg,\r\n      #19160f,\r\n      #090907\r\n    );\r\n}\r\n\r\n\r\n.book-cover::before {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 21px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.32);\r\n}\r\n\r\n\r\n.book-cover::after {\r\n  content: \"\";\r\n\r\n  position: absolute;\r\n\r\n  inset: 29px;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.08);\r\n}\r\n\r\n\r\n.book-cover__small {\r\n  margin-bottom: 20px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: .20em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color:\r\n    var(--gold-soft);\r\n}\r\n\r\n\r\n.book-cover__title {\r\n  margin: 0;\r\n\r\n  font-family:\r\n    \"Iowan Old Style\",\r\n    Baskerville,\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size:\r\n    clamp(36px,4vw,62px);\r\n\r\n  font-weight: 400;\r\n\r\n  line-height: .94;\r\n\r\n  letter-spacing: -.03em;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color: var(--gold);\r\n}\r\n\r\n\r\n.book-cover__footer {\r\n  margin-top: 23px;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 9px;\r\n\r\n  letter-spacing: .13em;\r\n\r\n  color:\r\n    rgba(200,170,130,.56);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   END PAGE\r\n   ========================================================= *\/\r\n\r\n.book-end {\r\n  display: flex;\r\n\r\n  flex-direction: column;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  height: 100%;\r\n\r\n  padding: 40px;\r\n\r\n  text-align: center;\r\n}\r\n\r\n\r\n.book-end__title {\r\n  margin: 0;\r\n\r\n  font-family:\r\n    \"Iowan Old Style\",\r\n    Baskerville,\r\n    Georgia,\r\n    serif;\r\n\r\n  font-size: 31px;\r\n\r\n  font-weight: 400;\r\n\r\n  text-transform: uppercase;\r\n\r\n  color:\r\n    var(--gold);\r\n}\r\n\r\n\r\n.book-end__text {\r\n  max-width: 270px;\r\n\r\n  margin:\r\n    20px\r\n    0\r\n    0;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 12px;\r\n\r\n  line-height: 1.6;\r\n\r\n  color:\r\n    var(--muted);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   CONTROLS\r\n   ========================================================= *\/\r\n\r\n.book3d-controls {\r\n  position: relative;\r\n\r\n  z-index: 20;\r\n\r\n  display: flex;\r\n\r\n  align-items: center;\r\n  justify-content: center;\r\n\r\n  gap: 20px;\r\n\r\n  margin-top: 28px;\r\n}\r\n\r\n\r\n.restaurant-book\r\n.book3d-control,\r\n.restaurant-book\r\n.book3d-control:hover,\r\n.restaurant-book\r\n.book3d-control:focus,\r\n.restaurant-book\r\n.book3d-control:active {\r\n  position: relative;\r\n\r\n  display: grid;\r\n\r\n  place-items: center;\r\n\r\n  width: 43px;\r\n  height: 43px;\r\n\r\n  margin: 0;\r\n  padding: 0;\r\n\r\n  border:\r\n    1px solid\r\n    rgba(200,170,130,.47) !important;\r\n\r\n  border-radius:\r\n    50% !important;\r\n\r\n  background:\r\n    transparent !important;\r\n\r\n  background-color:\r\n    transparent !important;\r\n\r\n  background-image:\r\n    none !important;\r\n\r\n  color:\r\n    var(--gold) !important;\r\n\r\n  outline:\r\n    none !important;\r\n\r\n  box-shadow:\r\n    none !important;\r\n\r\n  cursor: pointer;\r\n}\r\n\r\n\r\n.book3d-control::before {\r\n  content: \"\";\r\n\r\n  width: 8px;\r\n  height: 8px;\r\n\r\n  border-top:\r\n    1px solid\r\n    currentColor;\r\n\r\n  border-right:\r\n    1px solid\r\n    currentColor;\r\n}\r\n\r\n\r\n.book3d-control--next::before {\r\n  transform:\r\n    rotate(45deg);\r\n}\r\n\r\n\r\n.book3d-control--prev::before {\r\n  transform:\r\n    rotate(-135deg);\r\n}\r\n\r\n\r\n.book3d-control[disabled] {\r\n  opacity: .25;\r\n\r\n  cursor: default;\r\n}\r\n\r\n\r\n.book3d-counter {\r\n  min-width: 60px;\r\n\r\n  text-align: center;\r\n\r\n  font-family:\r\n    Arial,\r\n    Helvetica,\r\n    sans-serif;\r\n\r\n  font-size: 10px;\r\n\r\n  font-variant-numeric:\r\n    tabular-nums;\r\n\r\n  color:\r\n    var(--gold-soft);\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   TABLET\r\n   ========================================================= *\/\r\n\r\n@media (max-width:1024px) {\r\n\r\n  .restaurant-book__inner {\r\n    grid-template-columns:\r\n      27%\r\n      73%;\r\n\r\n    min-height: 650px;\r\n\r\n    padding:\r\n      50px\r\n      28px;\r\n  }\r\n\r\n\r\n  .restaurant-book__intro {\r\n    padding-right: 18px;\r\n  }\r\n\r\n\r\n  .restaurant-book__text {\r\n    font-size: 13px;\r\n  }\r\n\r\n\r\n  .book3d {\r\n    width:\r\n      min(720px,100%);\r\n  }\r\n\r\n\r\n  .menu-sheet {\r\n    padding: 27px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   MOBILE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:767px) {\r\n\r\n  .restaurant-book {\r\n    contain-intrinsic-size:\r\n      950px;\r\n  }\r\n\r\n\r\n  .restaurant-book__inner {\r\n    display: block;\r\n\r\n    min-height: 0;\r\n\r\n    padding:\r\n      45px\r\n      12px\r\n      52px;\r\n  }\r\n\r\n\r\n  .restaurant-book__intro {\r\n    max-width: 500px;\r\n\r\n    margin-bottom: 38px;\r\n\r\n    padding:\r\n      0\r\n      6px;\r\n  }\r\n\r\n\r\n  .restaurant-book__title {\r\n    font-size:\r\n      clamp(37px,11vw,49px);\r\n  }\r\n\r\n\r\n  .restaurant-book__text {\r\n    max-width: 390px;\r\n  }\r\n\r\n\r\n  .restaurant-book__hint {\r\n    margin-top: 25px;\r\n  }\r\n\r\n\r\n  .book3d-stage {\r\n    perspective: 1500px;\r\n  }\r\n\r\n\r\n  .book3d {\r\n    width: 100%;\r\n\r\n    max-width: 620px;\r\n  }\r\n\r\n\r\n  .menu-sheet {\r\n    padding:\r\n      clamp(13px,4vw,21px);\r\n  }\r\n\r\n\r\n  .menu-sheet__kicker {\r\n    margin-bottom: 8px;\r\n\r\n    font-size: 7px;\r\n  }\r\n\r\n\r\n  .menu-sheet__title {\r\n    margin-bottom: 12px;\r\n\r\n    font-size:\r\n      clamp(18px,6vw,28px);\r\n  }\r\n\r\n\r\n  .menu-sheet__rule {\r\n    width: 32px;\r\n\r\n    margin-bottom: 13px;\r\n  }\r\n\r\n\r\n  .menu-list {\r\n    gap: 8px;\r\n  }\r\n\r\n\r\n  .menu-dish__row {\r\n    gap: 5px;\r\n  }\r\n\r\n\r\n  .menu-dish__name {\r\n    font-size:\r\n      clamp(10px,3.2vw,14px);\r\n  }\r\n\r\n\r\n  .menu-dish__price {\r\n    font-size: 8px;\r\n  }\r\n\r\n\r\n  .menu-dish__description {\r\n    margin-top: 3px;\r\n\r\n    font-size:\r\n      clamp(7px,2vw,9px);\r\n\r\n    line-height: 1.3;\r\n  }\r\n\r\n\r\n  .menu-sheet__number {\r\n    bottom: 8px;\r\n\r\n    font-size: 7px;\r\n  }\r\n\r\n\r\n  .book-cover {\r\n    padding: 18px;\r\n  }\r\n\r\n\r\n  .book-cover::before {\r\n    inset: 10px;\r\n  }\r\n\r\n\r\n  .book-cover::after {\r\n    inset: 15px;\r\n  }\r\n\r\n\r\n  .book-cover__small {\r\n    margin-bottom: 10px;\r\n\r\n    font-size: 6px;\r\n  }\r\n\r\n\r\n  .book-cover__title {\r\n    font-size:\r\n      clamp(24px,8vw,38px);\r\n  }\r\n\r\n\r\n  .book-cover__footer {\r\n    margin-top: 12px;\r\n\r\n    font-size: 6px;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   SMALL PHONE\r\n   ========================================================= *\/\r\n\r\n@media (max-width:390px) {\r\n\r\n  .restaurant-book__inner {\r\n    padding-left: 7px;\r\n    padding-right: 7px;\r\n  }\r\n\r\n\r\n  .book3d {\r\n    aspect-ratio:\r\n      1.52 \/ 1;\r\n  }\r\n\r\n\r\n  .menu-sheet {\r\n    padding: 11px;\r\n  }\r\n\r\n\r\n  .menu-dish__description {\r\n    display: none;\r\n  }\r\n\r\n}\r\n\r\n\r\n\/* =========================================================\r\n   REDUCED MOTION\r\n   ========================================================= *\/\r\n\r\n@media (prefers-reduced-motion:reduce) {\r\n\r\n  .book3d__sheet {\r\n    transition-duration:\r\n      .01ms;\r\n  }\r\n\r\n}\r\n<\/style>\r\n\r\n\r\n<section\r\n  class=\"restaurant-book\"\r\n  id=\"restaurant-menu\"\r\n  aria-label=\"Restaurant menu\"\r\n>\r\n\r\n  <div class=\"restaurant-book__inner\">\r\n\r\n\r\n    <!-- LEFT -->\r\n\r\n    <div class=\"restaurant-book__intro\">\r\n\r\n      <div class=\"restaurant-book__eyebrow\">\r\n        Our Menu\r\n      <\/div>\r\n\r\n\r\n      <h2 class=\"restaurant-book__title\">\r\n        Discover<br>\r\n        Our Flavours\r\n      <\/h2>\r\n\r\n\r\n      <p class=\"restaurant-book__text\">\r\n        Explore seasonal ingredients, signature dishes,\r\n        cocktails and desserts created for an unforgettable\r\n        dining experience.\r\n      <\/p>\r\n\r\n\r\n      <div class=\"restaurant-book__hint\">\r\n\r\n        <span\r\n          class=\"restaurant-book__hint-icon\"\r\n          aria-hidden=\"true\"\r\n        ><\/span>\r\n\r\n        Drag or swipe the page to turn it\r\n\r\n      <\/div>\r\n\r\n    <\/div>\r\n\r\n\r\n\r\n    <!-- BOOK -->\r\n\r\n    <div class=\"book3d-stage\">\r\n\r\n\r\n      <div\r\n        class=\"book3d\"\r\n        id=\"menu-book\"\r\n        tabindex=\"0\"\r\n        aria-label=\"Interactive restaurant menu\"\r\n      >\r\n\r\n\r\n        <div\r\n          class=\"book3d__base\"\r\n          aria-hidden=\"true\"\r\n        ><\/div>\r\n\r\n\r\n        <!-- FINAL UNDER PAGE -->\r\n\r\n        <div class=\"book3d__final\">\r\n\r\n          <div class=\"book-end\">\r\n\r\n            <h3 class=\"book-end__title\">\r\n              Thank You\r\n            <\/h3>\r\n\r\n            <p class=\"book-end__text\">\r\n              We look forward to welcoming you\r\n              for an exceptional dining experience.\r\n            <\/p>\r\n\r\n          <\/div>\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SHEET 1\r\n             ================================================= -->\r\n\r\n        <div class=\"book3d__sheet\">\r\n\r\n\r\n          <!-- COVER -->\r\n\r\n          <div class=\"book3d__page book3d__page--front\">\r\n\r\n            <div class=\"book-cover\">\r\n\r\n              <div class=\"book-cover__small\">\r\n                Restaurant\r\n              <\/div>\r\n\r\n              <h3 class=\"book-cover__title\">\r\n                \u00c0 La Carte<br>\r\n                Menu\r\n              <\/h3>\r\n\r\n              <div class=\"book-cover__footer\">\r\n                Seasonal Selection \u00b7 2026\r\n              <\/div>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- STARTERS -->\r\n\r\n          <div class=\"book3d__page book3d__page--back\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                Begin\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Starters\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Beef Tartare<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac18<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Capers, shallots, mustard and toasted brioche.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Burrata<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac16<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Heritage tomatoes, basil oil and aged balsamic.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Tuna Crudo<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac19<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Citrus, avocado, chilli and coriander.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Wild Mushrooms<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac17<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Truffle cream, herbs and toasted sourdough.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                01\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SHEET 2\r\n             ================================================= -->\r\n\r\n        <div class=\"book3d__sheet\">\r\n\r\n\r\n          <!-- MAIN COURSES -->\r\n\r\n          <div class=\"book3d__page book3d__page--front\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                Signature\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Main Courses\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Beef Fillet<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac34<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Potato gratin, seasonal greens and red wine jus.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Duck Breast<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac30<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Carrot, orange, spices and natural jus.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Lamb Rack<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac36<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Aubergine, rosemary and smoked yoghurt.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Truffle Risotto<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac25<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Parmesan, wild mushrooms and fresh truffle.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                02\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- SEAFOOD -->\r\n\r\n          <div class=\"book3d__page book3d__page--back\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                From the Sea\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Seafood\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Sea Bass<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac32<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Fennel, shellfish sauce and herb oil.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Scallops<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac29<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Cauliflower, brown butter and hazelnut.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Grilled Octopus<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac27<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Smoked potato, paprika and lemon.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Lobster<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac42<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Bisque, herbs and seasonal vegetables.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                03\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SHEET 3\r\n             ================================================= -->\r\n\r\n        <div class=\"book3d__sheet\">\r\n\r\n\r\n          <!-- DESSERTS -->\r\n\r\n          <div class=\"book3d__page book3d__page--front\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                Finish\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Desserts\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Chocolate<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac14<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Dark chocolate, caramel and vanilla ice cream.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Lemon Tart<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac13<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Italian meringue and lemon sorbet.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Tiramisu<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac13<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Espresso, mascarpone and cocoa.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Cheese Selection<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac17<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    European cheeses, chutney and crackers.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                04\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- COCKTAILS -->\r\n\r\n          <div class=\"book3d__page book3d__page--back\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                Bar\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Cocktails\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Golden Hour<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac16<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Gin, bergamot, elderflower and sparkling wine.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Midnight Fig<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac17<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Bourbon, fig, bitters and smoked vanilla.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Garden Martini<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac16<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Vodka, cucumber, herbs and dry vermouth.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Amber Negroni<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac17<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Gin, bitter orange and aged vermouth.\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                05\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n\r\n        <!-- =================================================\r\n             SHEET 4\r\n             ================================================= -->\r\n\r\n        <div class=\"book3d__sheet\">\r\n\r\n\r\n          <!-- WINE -->\r\n\r\n          <div class=\"book3d__page book3d__page--front\">\r\n\r\n            <div class=\"menu-sheet\">\r\n\r\n              <div class=\"menu-sheet__kicker\">\r\n                Cellar\r\n              <\/div>\r\n\r\n              <h3 class=\"menu-sheet__title\">\r\n                Wine\r\n              <\/h3>\r\n\r\n              <div class=\"menu-sheet__rule\"><\/div>\r\n\r\n\r\n              <div class=\"menu-list\">\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Champagne Brut<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac18<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    France \u00b7 Glass\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Chardonnay<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac14<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Burgundy \u00b7 France \u00b7 Glass\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Pinot Noir<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac16<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Burgundy \u00b7 France \u00b7 Glass\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n\r\n                <div class=\"menu-dish\">\r\n\r\n                  <div class=\"menu-dish__row\">\r\n                    <span class=\"menu-dish__name\">Barolo<\/span>\r\n                    <span class=\"menu-dish__dots\"><\/span>\r\n                    <span class=\"menu-dish__price\">\u20ac19<\/span>\r\n                  <\/div>\r\n\r\n                  <p class=\"menu-dish__description\">\r\n                    Piedmont \u00b7 Italy \u00b7 Glass\r\n                  <\/p>\r\n\r\n                <\/div>\r\n\r\n              <\/div>\r\n\r\n\r\n              <span class=\"menu-sheet__number\">\r\n                06\r\n              <\/span>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n          <!-- BACK COVER -->\r\n\r\n          <div class=\"book3d__page book3d__page--back\">\r\n\r\n            <div class=\"book-end\">\r\n\r\n              <h3 class=\"book-end__title\">\r\n                Bon App\u00e9tit\r\n              <\/h3>\r\n\r\n              <p class=\"book-end__text\">\r\n                Please inform our team of any allergies\r\n                or dietary requirements.\r\n              <\/p>\r\n\r\n            <\/div>\r\n\r\n          <\/div>\r\n\r\n\r\n        <\/div>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n\r\n      <!-- CONTROLS -->\r\n\r\n      <div class=\"book3d-controls\">\r\n\r\n\r\n        <button\r\n          class=\"book3d-control book3d-control--prev\"\r\n          id=\"menu-book-prev\"\r\n          type=\"button\"\r\n          aria-label=\"Previous page\"\r\n          disabled\r\n        ><\/button>\r\n\r\n\r\n        <div\r\n          class=\"book3d-counter\"\r\n          id=\"menu-book-counter\"\r\n        >\r\n          00 \/ 04\r\n        <\/div>\r\n\r\n\r\n        <button\r\n          class=\"book3d-control book3d-control--next\"\r\n          id=\"menu-book-next\"\r\n          type=\"button\"\r\n          aria-label=\"Next page\"\r\n        ><\/button>\r\n\r\n\r\n      <\/div>\r\n\r\n\r\n    <\/div>\r\n\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n\r\n<script>\r\n(function () {\r\n  \"use strict\";\r\n\r\n  const book =\r\n    document.getElementById(\"menu-book\");\r\n\r\n  if (!book) return;\r\n\r\n\r\n  const sheets =\r\n    Array.from(\r\n      book.querySelectorAll(\".book3d__sheet\")\r\n    );\r\n\r\n  const prev =\r\n    document.getElementById(\"menu-book-prev\");\r\n\r\n  const next =\r\n    document.getElementById(\"menu-book-next\");\r\n\r\n  const counter =\r\n    document.getElementById(\"menu-book-counter\");\r\n\r\n\r\n  const total =\r\n    sheets.length;\r\n\r\n  let current = 0;\r\n\r\n  let moving = false;\r\n\r\n\r\n  \/* drag state *\/\r\n\r\n  let drag = null;\r\n\r\n  let frame = 0;\r\n\r\n  let pendingTurn = null;\r\n\r\n  let pendingCurl = null;\r\n\r\n\r\n  \/* =======================================================\r\n     STACKING\r\n     ======================================================= *\/\r\n\r\n  function stack() {\r\n\r\n    for (\r\n      let i = 0;\r\n      i < total;\r\n      i++\r\n    ) {\r\n\r\n      sheets[i].style.zIndex =\r\n        i < current\r\n          ? i + 2\r\n          : total * 2 - i;\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     UI\r\n     ======================================================= *\/\r\n\r\n  function ui() {\r\n\r\n    prev.disabled =\r\n      current === 0;\r\n\r\n    next.disabled =\r\n      current === total;\r\n\r\n\r\n    counter.textContent =\r\n      String(current).padStart(2,\"0\") +\r\n      \" \/ \" +\r\n      String(total).padStart(2,\"0\");\r\n\r\n\r\n    stack();\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CURL VALUE\r\n     0 at closed\/open,\r\n     1 around 90 degrees\r\n     ======================================================= *\/\r\n\r\n  function curl(progress) {\r\n\r\n    return Math.max(\r\n      0,\r\n      1 -\r\n      Math.abs(\r\n        progress * 2 - 1\r\n      )\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     APPLY DRAG THROUGH RAF\r\n     ======================================================= *\/\r\n\r\n  function paint() {\r\n\r\n    frame = 0;\r\n\r\n    if (!drag) return;\r\n\r\n\r\n    drag.sheet.style.setProperty(\r\n      \"--turn\",\r\n      pendingTurn\r\n    );\r\n\r\n\r\n    drag.sheet.style.setProperty(\r\n      \"--curl\",\r\n      pendingCurl\r\n    );\r\n\r\n  }\r\n\r\n\r\n  function schedulePaint(\r\n    turn,\r\n    curlValue\r\n  ) {\r\n\r\n    pendingTurn = turn;\r\n\r\n    pendingCurl = curlValue;\r\n\r\n\r\n    if (!frame) {\r\n\r\n      frame =\r\n        requestAnimationFrame(\r\n          paint\r\n        );\r\n\r\n    }\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     CLEAN TEMPORARY INLINE VALUES\r\n     ======================================================= *\/\r\n\r\n  function cleanSheet(sheet) {\r\n\r\n    sheet.style.removeProperty(\r\n      \"--turn\"\r\n    );\r\n\r\n    sheet.style.removeProperty(\r\n      \"--curl\"\r\n    );\r\n\r\n    sheet.classList.remove(\r\n      \"is-active-motion\"\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     AUTO NEXT\r\n     ======================================================= *\/\r\n\r\n  function nextPage() {\r\n\r\n    if (\r\n      moving ||\r\n      current >= total\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    moving = true;\r\n\r\n\r\n    const sheet =\r\n      sheets[current];\r\n\r\n\r\n    sheet.classList.add(\r\n      \"is-active-motion\"\r\n    );\r\n\r\n\r\n    \/*\r\n      Start with stronger light around\r\n      the beginning of movement.\r\n    *\/\r\n\r\n    sheet.style.setProperty(\r\n      \"--curl\",\r\n      \".35\"\r\n    );\r\n\r\n\r\n    requestAnimationFrame(\r\n      function () {\r\n\r\n        sheet.classList.add(\r\n          \"is-flipped\"\r\n        );\r\n\r\n        sheet.style.setProperty(\r\n          \"--curl\",\r\n          \"0\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    current++;\r\n\r\n    ui();\r\n\r\n\r\n    finishAfterTransition(\r\n      sheet\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     AUTO PREVIOUS\r\n     ======================================================= *\/\r\n\r\n  function prevPage() {\r\n\r\n    if (\r\n      moving ||\r\n      current <= 0\r\n    ) {\r\n      return;\r\n    }\r\n\r\n\r\n    moving = true;\r\n\r\n    current--;\r\n\r\n\r\n    const sheet =\r\n      sheets[current];\r\n\r\n\r\n    sheet.classList.add(\r\n      \"is-active-motion\"\r\n    );\r\n\r\n\r\n    sheet.style.setProperty(\r\n      \"--curl\",\r\n      \".35\"\r\n    );\r\n\r\n\r\n    sheet.classList.remove(\r\n      \"is-flipped\"\r\n    );\r\n\r\n\r\n    requestAnimationFrame(\r\n      function () {\r\n\r\n        sheet.style.setProperty(\r\n          \"--curl\",\r\n          \"0\"\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n\r\n    ui();\r\n\r\n\r\n    finishAfterTransition(\r\n      sheet\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     TRANSITION CLEANUP\r\n     No permanent timers running.\r\n     ======================================================= *\/\r\n\r\n  function finishAfterTransition(sheet) {\r\n\r\n    const done =\r\n      function (event) {\r\n\r\n        if (\r\n          event.propertyName !==\r\n          \"transform\"\r\n        ) {\r\n          return;\r\n        }\r\n\r\n\r\n        sheet.removeEventListener(\r\n          \"transitionend\",\r\n          done\r\n        );\r\n\r\n\r\n        cleanSheet(sheet);\r\n\r\n        moving = false;\r\n\r\n      };\r\n\r\n\r\n    sheet.addEventListener(\r\n      \"transitionend\",\r\n      done\r\n    );\r\n\r\n  }\r\n\r\n\r\n  \/* =======================================================\r\n     DRAG START\r\n     ======================================================= *\/\r\n\r\n  book.addEventListener(\r\n    \"pointerdown\",\r\n    function (event) {\r\n\r\n\r\n      if (moving) return;\r\n\r\n\r\n      const rect =\r\n        book.getBoundingClientRect();\r\n\r\n\r\n      const localX =\r\n        event.clientX -\r\n        rect.left;\r\n\r\n\r\n      const onRight =\r\n        localX >\r\n        rect.width \/ 2;\r\n\r\n\r\n      let direction;\r\n      let sheet;\r\n\r\n\r\n      \/*\r\n        Right side \u2192 next page\r\n      *\/\r\n\r\n      if (\r\n        onRight &&\r\n        current < total\r\n      ) {\r\n\r\n        direction = \"next\";\r\n\r\n        sheet =\r\n          sheets[current];\r\n\r\n      }\r\n\r\n\r\n      \/*\r\n        Left side \u2192 previous page\r\n      *\/\r\n\r\n      else if (\r\n        !onRight &&\r\n        current > 0\r\n      ) {\r\n\r\n        direction = \"prev\";\r\n\r\n        sheet =\r\n          sheets[current - 1];\r\n\r\n      }\r\n\r\n\r\n      else {\r\n\r\n        return;\r\n\r\n      }\r\n\r\n\r\n      drag = {\r\n\r\n        pointerId:\r\n          event.pointerId,\r\n\r\n        direction:\r\n          direction,\r\n\r\n        sheet:\r\n          sheet,\r\n\r\n        startX:\r\n          event.clientX,\r\n\r\n        startY:\r\n          event.clientY,\r\n\r\n        width:\r\n          rect.width,\r\n\r\n        progress:\r\n          direction === \"next\"\r\n            ? 0\r\n            : 1,\r\n\r\n        horizontal:\r\n          false\r\n\r\n      };\r\n\r\n\r\n      sheet.classList.add(\r\n        \"is-active-motion\"\r\n      );\r\n\r\n\r\n      \/*\r\n        Remove transition while physically\r\n        following the finger.\r\n      *\/\r\n\r\n      sheet.style.transition =\r\n        \"none\";\r\n\r\n\r\n      book.setPointerCapture(\r\n        event.pointerId\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     DRAG MOVE\r\n     ======================================================= *\/\r\n\r\n  book.addEventListener(\r\n    \"pointermove\",\r\n    function (event) {\r\n\r\n\r\n      if (\r\n        !drag ||\r\n        event.pointerId !==\r\n        drag.pointerId\r\n      ) {\r\n        return;\r\n      }\r\n\r\n\r\n      const dx =\r\n        event.clientX -\r\n        drag.startX;\r\n\r\n\r\n      const dy =\r\n        event.clientY -\r\n        drag.startY;\r\n\r\n\r\n      \/*\r\n        Wait a few pixels before deciding\r\n        whether the gesture is horizontal.\r\n      *\/\r\n\r\n      if (!drag.horizontal) {\r\n\r\n        if (\r\n          Math.abs(dx) < 6 &&\r\n          Math.abs(dy) < 6\r\n        ) {\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        \/*\r\n          If clearly vertical,\r\n          allow normal page scrolling.\r\n        *\/\r\n\r\n        if (\r\n          Math.abs(dy) >\r\n          Math.abs(dx) * 1.25\r\n        ) {\r\n\r\n          releaseDrag(false);\r\n\r\n          return;\r\n\r\n        }\r\n\r\n\r\n        drag.horizontal =\r\n          true;\r\n\r\n      }\r\n\r\n\r\n      const distance =\r\n        drag.width *\r\n        .44;\r\n\r\n\r\n      let progress;\r\n\r\n\r\n      if (\r\n        drag.direction ===\r\n        \"next\"\r\n      ) {\r\n\r\n        progress =\r\n          Math.min(\r\n            1,\r\n            Math.max(\r\n              0,\r\n              -dx \/ distance\r\n            )\r\n          );\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        progress =\r\n          1 -\r\n          Math.min(\r\n            1,\r\n            Math.max(\r\n              0,\r\n              dx \/ distance\r\n            )\r\n          );\r\n\r\n      }\r\n\r\n\r\n      drag.progress =\r\n        progress;\r\n\r\n\r\n      schedulePaint(\r\n        progress,\r\n        curl(progress)\r\n      );\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     RELEASE\r\n     ======================================================= *\/\r\n\r\n  function releaseDrag(\r\n    decide\r\n  ) {\r\n\r\n    if (!drag) return;\r\n\r\n\r\n    const d =\r\n      drag;\r\n\r\n    drag = null;\r\n\r\n\r\n    if (frame) {\r\n\r\n      cancelAnimationFrame(\r\n        frame\r\n      );\r\n\r\n      frame = 0;\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n      Restore transition for snap animation.\r\n    *\/\r\n\r\n    d.sheet.style.transition =\r\n      \"\";\r\n\r\n\r\n    \/*\r\n      Finish turn if more than halfway.\r\n    *\/\r\n\r\n    let complete;\r\n\r\n\r\n    if (!decide) {\r\n\r\n      complete =\r\n        d.direction === \"prev\";\r\n\r\n    }\r\n\r\n    else {\r\n\r\n      complete =\r\n        d.direction === \"next\"\r\n          ? d.progress >= .43\r\n          : d.progress <= .57;\r\n\r\n    }\r\n\r\n\r\n    if (\r\n      d.direction === \"next\"\r\n    ) {\r\n\r\n      if (complete) {\r\n\r\n        d.sheet.classList.add(\r\n          \"is-flipped\"\r\n        );\r\n\r\n        current++;\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        d.sheet.classList.remove(\r\n          \"is-flipped\"\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    else {\r\n\r\n      if (complete) {\r\n\r\n        d.sheet.classList.remove(\r\n          \"is-flipped\"\r\n        );\r\n\r\n        current--;\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        d.sheet.classList.add(\r\n          \"is-flipped\"\r\n        );\r\n\r\n      }\r\n\r\n    }\r\n\r\n\r\n    \/*\r\n      Remove inline turn value.\r\n      CSS transition now snaps smoothly\r\n      to class state 0 or 1.\r\n    *\/\r\n\r\n    requestAnimationFrame(\r\n      function () {\r\n\r\n        d.sheet.style.removeProperty(\r\n          \"--turn\"\r\n        );\r\n\r\n\r\n        d.sheet.style.setProperty(\r\n          \"--curl\",\r\n          \"0\"\r\n        );\r\n\r\n\r\n        ui();\r\n\r\n\r\n        d.sheet.addEventListener(\r\n          \"transitionend\",\r\n          function done(event) {\r\n\r\n            if (\r\n              event.propertyName !==\r\n              \"transform\"\r\n            ) {\r\n              return;\r\n            }\r\n\r\n\r\n            d.sheet.removeEventListener(\r\n              \"transitionend\",\r\n              done\r\n            );\r\n\r\n\r\n            cleanSheet(\r\n              d.sheet\r\n            );\r\n\r\n          }\r\n        );\r\n\r\n      }\r\n    );\r\n\r\n  }\r\n\r\n\r\n  book.addEventListener(\r\n    \"pointerup\",\r\n    function (event) {\r\n\r\n      if (\r\n        drag &&\r\n        event.pointerId ===\r\n        drag.pointerId\r\n      ) {\r\n\r\n        releaseDrag(true);\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  book.addEventListener(\r\n    \"pointercancel\",\r\n    function () {\r\n\r\n      releaseDrag(false);\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     BUTTONS\r\n     ======================================================= *\/\r\n\r\n  next.addEventListener(\r\n    \"click\",\r\n    nextPage\r\n  );\r\n\r\n\r\n  prev.addEventListener(\r\n    \"click\",\r\n    prevPage\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     KEYBOARD\r\n     Only while book itself is focused.\r\n     No global document key listener.\r\n     ======================================================= *\/\r\n\r\n  book.addEventListener(\r\n    \"keydown\",\r\n    function (event) {\r\n\r\n\r\n      if (\r\n        event.key ===\r\n        \"ArrowRight\"\r\n      ) {\r\n\r\n        event.preventDefault();\r\n\r\n        nextPage();\r\n\r\n      }\r\n\r\n\r\n      else if (\r\n        event.key ===\r\n        \"ArrowLeft\"\r\n      ) {\r\n\r\n        event.preventDefault();\r\n\r\n        prevPage();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  \/* =======================================================\r\n     SIMPLE CLICK\r\n     A short tap without drag turns the page.\r\n     ======================================================= *\/\r\n\r\n  book.addEventListener(\r\n    \"click\",\r\n    function (event) {\r\n\r\n\r\n      \/*\r\n        Ignore click following an actual drag.\r\n      *\/\r\n\r\n      if (moving || drag) {\r\n        return;\r\n      }\r\n\r\n\r\n      const rect =\r\n        book.getBoundingClientRect();\r\n\r\n\r\n      const x =\r\n        event.clientX -\r\n        rect.left;\r\n\r\n\r\n      if (\r\n        x >\r\n        rect.width \/ 2\r\n      ) {\r\n\r\n        nextPage();\r\n\r\n      }\r\n\r\n      else {\r\n\r\n        prevPage();\r\n\r\n      }\r\n\r\n    }\r\n  );\r\n\r\n\r\n  ui();\r\n\r\n})();\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4ec3901a e-con-full e-flex e-con e-child\" data-id=\"4ec3901a\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1086ab6b elementor-widget elementor-widget-html\" data-id=\"1086ab6b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.booking-section,.booking-section *{box-sizing:border-box}.booking-section{content-visibility:auto;contain-intrinsic-size:auto 850px;--booking-bg:#070806;--booking-text:#c8aa82;--booking-muted:#a89a86;--booking-line:rgba(200,170,130,0.65);position:relative;width:100%;margin:0;padding:0;overflow:hidden;background:var(--booking-bg);color:var(--booking-text);scroll-margin-top:90px}.booking-section__inner{position:relative;display:grid;grid-template-columns:56% 44%;width:100%;min-height:500px;margin:0;padding:0;overflow:hidden}.booking-section__background{position:absolute;z-index:0;inset:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.booking-section__background picture{display:block;width:100%;height:100%}.booking-section__background img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center}.booking-section__inner::before{content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,5,4,0.03) 0%,rgba(5,5,4,0.04) 35%,rgba(5,5,4,0.30) 48%,rgba(5,5,4,0.78) 57%,rgba(5,5,4,0.96) 69%,rgba(5,5,4,0.995) 100%)}.booking-section__inner::after{content:\"\";position:absolute;z-index:1;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,0.10) 0%,transparent 35%,transparent 70%,rgba(0,0,0,0.25) 100%)}.booking-section__visual{position:relative;z-index:2;min-height:500px;pointer-events:none}.booking-section__content{position:relative;z-index:3;display:flex;align-items:center;width:100%;min-height:500px;padding:60px clamp(40px,5vw,90px) 60px clamp(30px,4vw,70px)}.booking-section__content-inner{width:100%;max-width:500px;margin:0;padding:0}.booking-section__eyebrow{display:flex;align-items:center;gap:20px;margin:0 0 30px;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:500;line-height:1;letter-spacing:0.08em;text-transform:uppercase;color:#a99170}.booking-section__eyebrow::after{content:\"\";display:block;width:68px;height:1px;flex:0 0 68px;background:var(--booking-line)}.booking-section__title{max-width:440px;margin:0;padding:0;font-family:\"Iowan Old Style\",Baskerville,\"Baskerville Old Face\",\"Times New Roman\",Georgia,serif;font-size:clamp(42px,4vw,66px);font-weight:400;line-height:1.02;letter-spacing:-0.025em;text-transform:uppercase;color:var(--booking-text)}.booking-section__description{max-width:440px;margin:26px 0 0;padding:0;font-family:Arial,Helvetica,sans-serif;font-size:16px;font-weight:400;line-height:1.65;color:var(--booking-muted)}.booking-section{border-top:1px solid rgba(200,170,130,0.14)}@media (min-width:1600px){.booking-section__inner{min-height:570px}.booking-section__visual,.booking-section__content{min-height:570px}.booking-section__title{font-size:68px}}@media (max-width:1024px){.booking-section__inner{grid-template-columns:54% 46%;min-height:480px}.booking-section__visual,.booking-section__content{min-height:480px}.booking-section__content{padding:50px 35px}.booking-section__title{font-size:clamp(38px,5vw,54px)}.booking-section__description{font-size:15px}.booking-section__inner::before{background:linear-gradient(90deg,rgba(5,5,4,0.02) 0%,rgba(5,5,4,0.08) 35%,rgba(5,5,4,0.55) 50%,rgba(5,5,4,0.91) 62%,rgba(5,5,4,0.99) 100%)}}@media (max-width:767px){.booking-section{contain-intrinsic-size:auto 720px}.booking-section{scroll-margin-top:70px}.booking-section__inner{display:flex;flex-direction:column;min-height:0}.booking-section__background{position:relative;z-index:0;width:100%;height:auto;aspect-ratio:4 \/ 3}.booking-section__background picture{width:100%;height:100%}.booking-section__background img{width:100%;height:100%;object-fit:cover;object-position:center center}.booking-section__inner::before{z-index:1;background:linear-gradient(180deg,transparent 0%,transparent 55%,rgba(7,8,6,.45) 82%,#070806 100%);height:min(75vw,430px);bottom:auto}.booking-section__inner::after{display:none}.booking-section__visual{display:none}.booking-section__content{z-index:3;min-height:0;padding:42px 20px 55px;background:#070806}.booking-section__content-inner{max-width:520px}.booking-section__eyebrow{margin-bottom:24px}.booking-section__title{max-width:390px;font-size:clamp(38px,10vw,52px)}.booking-section__description{max-width:400px;margin-top:22px;font-size:14px}.booking-section__actions{margin-top:28px}}@media (max-width:420px){.booking-section__background{aspect-ratio:1 \/ 1}.booking-section__content{padding:36px 18px 48px}.booking-section__title{font-size:clamp(36px,10vw,46px)}.booking-section__button{width:100%}}@media (prefers-reduced-motion:reduce){.booking-section__button{transition:none}}<\/style><section\r\n  class=\"booking-section\"\r\n  id=\"booking\"\r\n  aria-label=\"Table reservation\"\r\n><div class=\"booking-section__inner\"><div\r\n      class=\"booking-section__background\"\r\n      aria-hidden=\"true\"\r\n    ><picture><img loading=\"lazy\"\r\n          src=\"https:\/\/digitaldesignonline.ru\/wp-content\/uploads\/2026\/10\/446760780087.jpg\"\r\n          alt=\"\"\r\n          width=\"1920\"\r\n          height=\"850\"\r\n          loading=\"lazy\"\r\n          decoding=\"async\"\r\n         fetchpriority=\"low\"><\/picture><\/div><div\r\n      class=\"booking-section__visual\"\r\n      aria-hidden=\"true\"\r\n    ><\/div><div class=\"booking-section__content\"><div class=\"booking-section__content-inner\"><div class=\"booking-section__eyebrow\">\r\n          Reservations\r\n        <\/div><h2 class=\"booking-section__title\">\r\n          Your Table<br>\r\n          Awaits You\r\n        <\/h2><p class=\"booking-section__description\">\r\n          Reserve your table in advance and enjoy\r\n          an unforgettable evening with us.\r\n        <\/p><\/div><\/div><\/div><\/section>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-31b6eee5 e-con-full e-flex e-con e-child\" data-id=\"31b6eee5\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4d8b8804 elementor-widget elementor-widget-html\" data-id=\"4d8b8804\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<style>.rsv,.rsv *{box-sizing:border-box}.rsv{--bg:#080806;--panel:#0b0b09;--field:#0d0d0b;--field-hover:#11110e;--gold:#c8aa82;--gold-dark:#a98e6c;--text:#d8c6aa;--muted:#8f8577;--border:rgba(200,170,130,.27);--border-strong:rgba(200,170,130,.68);--chair:rgba(200,170,130,.18);width:100%;margin:0;padding:0;overflow:hidden;background:var(--bg);color:var(--text);border-top:1px solid rgba(200,170,130,.12);scroll-margin-top:80px;content-visibility:auto;contain-intrinsic-size:900px}.rsv button,.rsv input,.rsv textarea{font:inherit}.rsv button,.rsv input,.rsv textarea,.rsv a{-webkit-tap-highlight-color:transparent !important}.rsv button{-webkit-appearance:none !important;appearance:none !important;outline:none !important;box-shadow:none !important}.rsv::selection{background:rgba(200,170,130,.20);color:#f3e6d2}.rsv__layout{display:grid;grid-template-columns:minmax(360px,40%) minmax(0,60%);width:100%;min-height:760px}.rsv__form-side{min-width:0;padding:54px clamp(26px,3.3vw,56px) 58px;border-right:1px solid rgba(200,170,130,.07);background:linear-gradient(180deg,#0b0b09 0%,#080806 100%)}.rsv__eyebrow{display:flex;align-items:center;gap:18px;margin:0 0 24px;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-dark)}.rsv__eyebrow::after{content:\"\";width:60px;height:1px;flex:0 0 60px;background:rgba(200,170,130,.58)}.rsv__title{max-width:430px;margin:0;font-family:\"Iowan Old Style\",Baskerville,\"Times New Roman\",Georgia,serif;font-size:clamp(38px,3.5vw,58px);font-weight:400;line-height:1.02;letter-spacing:-.025em;text-transform:uppercase;color:var(--gold)}.rsv__intro{max-width:440px;margin:22px 0 0;font-family:Arial,Helvetica,sans-serif;font-size:15px;line-height:1.65;color:var(--muted)}.rsv__form{margin-top:34px}.rsv__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 14px}.rsv__field{position:relative;display:flex;flex-direction:column;gap:8px;min-width:0}.rsv__field--full{grid-column:1 \/ -1}.rsv__label{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:.08em;text-transform:uppercase;color:var(--gold-dark)}.rsv__input,.rsv__textarea{width:100%;margin:0;border:1px solid var(--border) !important;border-radius:0 !important;outline:none !important;box-shadow:none !important;background:var(--field) !important;background-image:none !important;color:var(--text) !important;caret-color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:14px;transition:border-color .15s ease,background-color .15s ease}.rsv__input{height:50px;padding:0 16px}.rsv__textarea{min-height:108px;padding:14px 16px;line-height:1.5;resize:vertical}.rsv__input::placeholder,.rsv__textarea::placeholder{color:#6d665d !important;opacity:1}.rsv__input:focus,.rsv__textarea:focus{border-color:var(--border-strong) !important;background:var(--field-hover) !important}.rsv__input--numeric{font-variant-numeric:tabular-nums;letter-spacing:.025em}.rsv input:-webkit-autofill,.rsv input:-webkit-autofill:hover,.rsv input:-webkit-autofill:focus{-webkit-text-fill-color:var(--text) !important;-webkit-box-shadow:0 0 0 1000px var(--field) inset !important}.rsv-select{position:relative;width:100%}.rsv .rsv-select__trigger,.rsv .rsv-select__trigger:hover,.rsv .rsv-select__trigger:focus,.rsv .rsv-select__trigger:active{position:relative;display:flex;align-items:center;width:100%;height:50px;margin:0;padding:0 45px 0 16px;border:1px solid var(--border) !important;border-radius:0 !important;background:var(--field) !important;background-color:var(--field) !important;background-image:none !important;outline:none !important;box-shadow:none !important;color:var(--text) !important;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:left;cursor:pointer}.rsv-select__trigger::after{content:\"\";position:absolute;top:50%;right:17px;width:8px;height:8px;border-right:1px solid var(--gold);border-bottom:1px solid var(--gold);transform:translateY(-70%) rotate(45deg)}.rsv-select.is-open .rsv-select__trigger{border-color:var(--border-strong) !important}.rsv-select.is-open .rsv-select__trigger::after{transform:translateY(-25%) rotate(225deg)}.rsv-select__menu{position:absolute;z-index:100;top:calc(100% + 3px);left:0;right:0;display:none;margin:0;padding:0;border:1px solid var(--border);background:#0b0b09;box-shadow:0 14px 35px rgba(0,0,0,.48)}.rsv-select.is-open .rsv-select__menu{display:block}.rsv .rsv-select__option,.rsv .rsv-select__option:hover,.rsv .rsv-select__option:focus,.rsv .rsv-select__option:active{display:flex;align-items:center;width:100%;height:42px;margin:0;padding:0 16px;border:0 !important;border-bottom:1px solid rgba(200,170,130,.06) !important;border-radius:0 !important;outline:none !important;box-shadow:none !important;background:#0b0b09 !important;background-color:#0b0b09 !important;background-image:none !important;color:#a99b88 !important;font-family:Arial,Helvetica,sans-serif;font-size:14px;text-align:left;cursor:pointer}.rsv .rsv-select__option:last-child{border-bottom:0 !important}@media (hover:hover){.rsv .rsv-select__option:hover{background:rgba(200,170,130,.07) !important;color:#e4d2b8 !important}}.rsv .rsv-select__option.is-selected{background:rgba(200,170,130,.13) !important;color:var(--gold) !important}.rsv__note{margin-top:17px;font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.55;color:var(--muted)}.rsv__error{display:none;margin-top:14px;padding:11px 13px;border:1px solid rgba(200,170,130,.25);font-family:Arial,Helvetica,sans-serif;font-size:12px;line-height:1.5;color:#cbb596;background:rgba(200,170,130,.045)}.rsv__error.is-visible{display:block}.rsv__actions{margin-top:23px}.rsv .rsv__submit,.rsv .rsv__submit:focus,.rsv .rsv__submit:focus-visible,.rsv .rsv__submit:active{display:inline-flex;align-items:center;justify-content:center;min-width:190px;height:49px;margin:0;padding:0 26px;border:1px solid rgba(200,170,130,.62) !important;border-radius:0 !important;background:transparent !important;background-color:transparent !important;background-image:none !important;outline:none !important;box-shadow:none !important;color:var(--gold) !important;font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;line-height:1;letter-spacing:.07em;text-transform:uppercase;cursor:pointer}@media (hover:hover){.rsv .rsv__submit:hover{background:var(--gold) !important;color:#080806 !important}}.rsv__plan-side{min-width:0;padding:34px;background:radial-gradient(circle at 50% 45%,rgba(200,170,130,.03),transparent 55%),#090907}.rsv__plan-header{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.rsv__plan-title{font-family:Arial,Helvetica,sans-serif;font-size:11px;font-weight:500;letter-spacing:.09em;text-transform:uppercase;color:var(--gold-dark)}.rsv__legend{display:flex;align-items:center;gap:17px;font-family:Arial,Helvetica,sans-serif;font-size:11px;color:var(--muted)}.rsv__legend-item{display:flex;align-items:center;gap:7px}.rsv__legend-dot{width:10px;height:10px;border:1px solid rgba(200,170,130,.56);border-radius:50%;background:transparent}.rsv__legend-dot--selected{background:var(--gold);border-color:var(--gold)}.rsv-plan{--table-size:94px;--table-small:78px;--table-large:104px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:92px 145px 165px 145px 92px;align-items:center;justify-items:center;gap:6px 10px;width:100%;min-height:650px;padding:28px;border:1px solid rgba(200,170,130,.16);background-color:#0d0c0a;background-image:linear-gradient(rgba(200,170,130,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(200,170,130,.025) 1px,transparent 1px);background-size:52px 52px}.rsv-zone{align-self:stretch;justify-self:stretch;display:flex;align-items:center;justify-content:center;min-width:0;border:1px solid rgba(200,170,130,.13);color:rgba(200,170,130,.53);font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:500;letter-spacing:.08em;text-transform:uppercase}.rsv-zone--bar{grid-column:1 \/ 3;grid-row:1;margin-right:18%}.rsv-zone--kitchen{grid-column:3 \/ 5;grid-row:1;margin-left:18%}.rsv-zone--entrance{grid-column:1 \/ 3;grid-row:5;margin-right:24%}.rsv-zone--lounge{grid-column:3 \/ 5;grid-row:5;margin-left:24%}.rsv .rsv-table,.rsv .rsv-table:hover,.rsv .rsv-table:focus,.rsv .rsv-table:focus-visible,.rsv .rsv-table:active,.rsv .rsv-table.is-selected{position:relative;display:grid;place-items:center;width:var(--table-size);aspect-ratio:1;margin:0;padding:0;border:0 !important;border-radius:0 !important;outline:none !important;box-shadow:none !important;background-image:linear-gradient(var(--chair),var(--chair)),linear-gradient(var(--chair),var(--chair)),linear-gradient(var(--chair),var(--chair)),linear-gradient(var(--chair),var(--chair)) !important;background-repeat:no-repeat !important;background-position:50% 2px,50% calc(100% - 2px),2px 50%,calc(100% - 2px) 50% !important;background-size:48% 10px,48% 10px,10px 48%,10px 48% !important;background-color:transparent !important;cursor:pointer;-webkit-tap-highlight-color:transparent !important}.rsv-table::before{content:\"\";position:absolute;inset:14%;border:1px solid rgba(200,170,130,.22);border-radius:50%;background:rgba(200,170,130,.025);pointer-events:none}.rsv-table::after{content:\"\";position:absolute;inset:25%;border:1px solid rgba(200,170,130,.08);border-radius:50%;pointer-events:none}.rsv-table--small{width:var(--table-small) !important}.rsv-table--large{width:var(--table-large) !important}.rsv-table__number{position:relative;z-index:3;display:grid;place-items:center;width:46%;aspect-ratio:1;border:1px solid rgba(200,170,130,.62);border-radius:50%;background:rgba(0,0,0,.32);color:var(--gold);font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:600;line-height:1;transition:background-color .12s ease,color .12s ease,border-color .12s ease}.rsv-table.is-selected .rsv-table__number{background:var(--gold) !important;color:#080806 !important;border-color:var(--gold) !important}@media (hover:hover){.rsv-table:hover .rsv-table__number{border-color:rgba(200,170,130,.95)}}.rsv-table--11{grid-column:1;grid-row:2}.rsv-table--1{grid-column:2;grid-row:2}.rsv-table--2{grid-column:3;grid-row:2}.rsv-table--3{grid-column:4;grid-row:2}.rsv-table--10{grid-column:1;grid-row:3}.rsv-table--4{grid-column:2;grid-row:3}.rsv-table--5{grid-column:3;grid-row:3}.rsv-table--6{grid-column:4;grid-row:3}.rsv-table--7{grid-column:2;grid-row:4}.rsv-table--8{grid-column:3;grid-row:4}.rsv-table--9{grid-column:4;grid-row:4}@media (max-width:1024px){.rsv__layout{grid-template-columns:minmax(330px,43%) minmax(0,57%)}.rsv__form-side{padding:46px 24px 50px}.rsv__plan-side{padding:24px}.rsv__plan-header{flex-direction:column;align-items:flex-start;gap:10px}.rsv-plan{--table-size:82px;--table-small:70px;--table-large:92px;grid-template-rows:82px 130px 150px 130px 82px;padding:20px;min-height:600px}.rsv .rsv-table,.rsv .rsv-table:hover,.rsv .rsv-table:focus,.rsv .rsv-table:active,.rsv .rsv-table.is-selected{background-size:46% 9px,46% 9px,9px 46%,9px 46% !important}}@media (max-width:767px){.rsv{scroll-margin-top:70px;contain-intrinsic-size:1500px}.rsv__layout{display:block;min-height:0}.rsv__form-side{width:100%;padding:42px 20px 46px;border-right:0;border-bottom:1px solid rgba(200,170,130,.08)}.rsv__title{font-size:clamp(36px,10vw,49px)}.rsv__intro{font-size:14px}.rsv__fields{grid-template-columns:1fr}.rsv__field--full{grid-column:auto}.rsv__plan-side{width:100%;padding:28px 14px 32px}.rsv__plan-header{margin-bottom:17px;flex-direction:column;align-items:flex-start;gap:9px}.rsv__legend{gap:15px}.rsv-plan{--table-size:72px;--table-small:62px;--table-large:78px;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:70px 104px 116px 104px 70px;gap:4px 2px;width:100%;min-height:0;padding:16px 8px;background-size:40px 40px}.rsv-zone{font-size:9px}.rsv-zone--bar{margin:4px 12% 4px 4px}.rsv-zone--kitchen{margin:4px 4px 4px 12%}.rsv-zone--entrance{margin:4px 16% 4px 4px}.rsv-zone--lounge{margin:4px 4px 4px 16%}.rsv .rsv-table,.rsv .rsv-table:hover,.rsv .rsv-table:focus,.rsv .rsv-table:active,.rsv .rsv-table.is-selected{background-position:50% 1px,50% calc(100% - 1px),1px 50%,calc(100% - 1px) 50% !important;background-size:45% 8px,45% 8px,8px 45%,8px 45% !important}.rsv-table__number{font-size:11px}.rsv .rsv__submit{width:100%}}@media (max-width:390px){.rsv__form-side{padding-left:16px;padding-right:16px}.rsv__plan-side{padding-left:8px;padding-right:8px}.rsv-plan{--table-size:66px;--table-small:56px;--table-large:72px;grid-template-rows:64px 94px 105px 94px 64px;padding:12px 4px}.rsv .rsv-table,.rsv .rsv-table:hover,.rsv .rsv-table:focus,.rsv .rsv-table:active,.rsv .rsv-table.is-selected{background-size:44% 7px,44% 7px,7px 44%,7px 44% !important}.rsv-table__number{font-size:10px}}@media (max-width:340px){.rsv-plan{--table-size:60px;--table-small:52px;--table-large:66px;grid-template-rows:60px 86px 96px 86px 60px}}@media (prefers-reduced-motion:reduce){.rsv *,.rsv *::before,.rsv *::after{transition:none !important}}<\/style><section\r\n  class=\"rsv\"\r\n  id=\"reservation-form\"\r\n  aria-label=\"Table reservation\"\r\n><div class=\"rsv__layout\"><div class=\"rsv__form-side\"><div class=\"rsv__eyebrow\">\r\n        Reservation\r\n      <\/div><h2 class=\"rsv__title\">\r\n        Choose Your<br>\r\n        Table\r\n      <\/h2><p class=\"rsv__intro\">\r\n        Select a table from the floor plan, fill in your details,\r\n        and send your reservation request.\r\n      <\/p><form\r\n        class=\"rsv__form\"\r\n        id=\"restaurant-reservation-form\"\r\n        action=\"#\"\r\n        method=\"post\"\r\n        novalidate\r\n      ><div class=\"rsv__fields\"><div class=\"rsv__field rsv__field--full\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-name\"\r\n            >\r\n              Full Name\r\n            <\/label><input\r\n              class=\"rsv__input\"\r\n              id=\"rsv-name\"\r\n              name=\"full_name\"\r\n              type=\"text\"\r\n              autocomplete=\"name\"\r\n              placeholder=\"Enter your name\"\r\n              required\r\n            ><\/div><div class=\"rsv__field\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-phone\"\r\n            >\r\n              Phone\r\n            <\/label><input\r\n              class=\"rsv__input\"\r\n              id=\"rsv-phone\"\r\n              name=\"phone\"\r\n              type=\"tel\"\r\n              autocomplete=\"tel\"\r\n              placeholder=\"+44 20 1234 5678\"\r\n              required\r\n            ><\/div><div class=\"rsv__field\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-email\"\r\n            >\r\n              Email\r\n            <\/label><input\r\n              class=\"rsv__input\"\r\n              id=\"rsv-email\"\r\n              name=\"email\"\r\n              type=\"email\"\r\n              autocomplete=\"email\"\r\n              placeholder=\"your@email.com\"\r\n              required\r\n            ><\/div><div class=\"rsv__field\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-date-display\"\r\n            >\r\n              Date\r\n            <\/label><input\r\n              class=\"rsv__input rsv__input--numeric\"\r\n              id=\"rsv-date-display\"\r\n              type=\"text\"\r\n              inputmode=\"numeric\"\r\n              autocomplete=\"off\"\r\n              placeholder=\"DD.MM.YYYY\"\r\n              maxlength=\"10\"\r\n              required\r\n            ><input\r\n              id=\"rsv-date\"\r\n              name=\"date\"\r\n              type=\"hidden\"\r\n            ><\/div><div class=\"rsv__field\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-time-display\"\r\n            >\r\n              Time\r\n            <\/label><input\r\n              class=\"rsv__input rsv__input--numeric\"\r\n              id=\"rsv-time-display\"\r\n              type=\"text\"\r\n              inputmode=\"numeric\"\r\n              autocomplete=\"off\"\r\n              placeholder=\"HH:MM\"\r\n              maxlength=\"5\"\r\n              required\r\n            ><input\r\n              id=\"rsv-time\"\r\n              name=\"time\"\r\n              type=\"hidden\"\r\n            ><\/div><div class=\"rsv__field\"><label class=\"rsv__label\">\r\n              Guests\r\n            <\/label><div\r\n              class=\"rsv-select\"\r\n              data-rsv-select\r\n            ><button\r\n                class=\"rsv-select__trigger\"\r\n                type=\"button\"\r\n                aria-expanded=\"false\"\r\n              ><span data-rsv-select-label>\r\n                  Select guests\r\n                <\/span><\/button><div\r\n                class=\"rsv-select__menu\"\r\n                role=\"listbox\"\r\n              ><button class=\"rsv-select__option\" type=\"button\" data-value=\"1\">\r\n                  1 Guest\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"2\">\r\n                  2 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"3\">\r\n                  3 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"4\">\r\n                  4 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"5\">\r\n                  5 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"6\">\r\n                  6 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"7\">\r\n                  7 Guests\r\n                <\/button><button class=\"rsv-select__option\" type=\"button\" data-value=\"8\">\r\n                  8 Guests\r\n                <\/button><\/div><input\r\n                id=\"rsv-guests\"\r\n                name=\"guests\"\r\n                type=\"hidden\"\r\n                data-rsv-select-value\r\n              ><\/div><\/div><div class=\"rsv__field\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-table-display\"\r\n            >\r\n              Selected Table\r\n            <\/label><input\r\n              class=\"rsv__input\"\r\n              id=\"rsv-table-display\"\r\n              type=\"text\"\r\n              placeholder=\"Choose on the floor plan\"\r\n              readonly\r\n            ><input\r\n              id=\"rsv-table\"\r\n              name=\"selected_table\"\r\n              type=\"hidden\"\r\n            ><\/div><div class=\"rsv__field rsv__field--full\"><label\r\n              class=\"rsv__label\"\r\n              for=\"rsv-notes\"\r\n            >\r\n              Notes\r\n            <\/label><textarea\r\n              class=\"rsv__textarea\"\r\n              id=\"rsv-notes\"\r\n              name=\"notes\"\r\n              placeholder=\"Add any special requests\"\r\n            ><\/textarea><\/div><\/div><div class=\"rsv__note\">\r\n          Tap a numbered table on the floor plan to select your preferred table.\r\n        <\/div><div\r\n          class=\"rsv__error\"\r\n          id=\"rsv-error\"\r\n          role=\"alert\"\r\n        ><\/div><div class=\"rsv__actions\"><button\r\n            class=\"rsv__submit\"\r\n            type=\"submit\"\r\n          >\r\n            Book a Table\r\n          <\/button><\/div><\/form><\/div><div class=\"rsv__plan-side\"><div class=\"rsv__plan-header\"><div class=\"rsv__plan-title\">\r\n          Restaurant Floor Plan\r\n        <\/div><div class=\"rsv__legend\"><span class=\"rsv__legend-item\"><span class=\"rsv__legend-dot\"><\/span>\r\n            Available\r\n          <\/span><span class=\"rsv__legend-item\"><span class=\"rsv__legend-dot rsv__legend-dot--selected\"><\/span>\r\n            Selected\r\n          <\/span><\/div><\/div><div class=\"rsv-plan\"><div class=\"rsv-zone rsv-zone--bar\">\r\n          Bar\r\n        <\/div><div class=\"rsv-zone rsv-zone--kitchen\">\r\n          Kitchen\r\n        <\/div><button\r\n          class=\"rsv-table rsv-table--small rsv-table--11\"\r\n          type=\"button\"\r\n          data-table=\"11\"\r\n          aria-label=\"Select table 11\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            11\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--small rsv-table--1\"\r\n          type=\"button\"\r\n          data-table=\"1\"\r\n          aria-label=\"Select table 1\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            1\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--2\"\r\n          type=\"button\"\r\n          data-table=\"2\"\r\n          aria-label=\"Select table 2\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            2\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--small rsv-table--3\"\r\n          type=\"button\"\r\n          data-table=\"3\"\r\n          aria-label=\"Select table 3\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            3\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--small rsv-table--10\"\r\n          type=\"button\"\r\n          data-table=\"10\"\r\n          aria-label=\"Select table 10\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            10\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--large rsv-table--4\"\r\n          type=\"button\"\r\n          data-table=\"4\"\r\n          aria-label=\"Select table 4\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            4\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--5\"\r\n          type=\"button\"\r\n          data-table=\"5\"\r\n          aria-label=\"Select table 5\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            5\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--large rsv-table--6\"\r\n          type=\"button\"\r\n          data-table=\"6\"\r\n          aria-label=\"Select table 6\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            6\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--small rsv-table--7\"\r\n          type=\"button\"\r\n          data-table=\"7\"\r\n          aria-label=\"Select table 7\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            7\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--8\"\r\n          type=\"button\"\r\n          data-table=\"8\"\r\n          aria-label=\"Select table 8\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            8\r\n          <\/span><\/button><button\r\n          class=\"rsv-table rsv-table--small rsv-table--9\"\r\n          type=\"button\"\r\n          data-table=\"9\"\r\n          aria-label=\"Select table 9\"\r\n          aria-pressed=\"false\"\r\n        ><span class=\"rsv-table__number\">\r\n            9\r\n          <\/span><\/button><div class=\"rsv-zone rsv-zone--entrance\">\r\n          Entrance\r\n        <\/div><div class=\"rsv-zone rsv-zone--lounge\">\r\n          Lounge\r\n        <\/div><\/div><\/div><\/div><\/section><script>(function () {\n\"use strict\";\nconst root =\ndocument.querySelector(\".rsv\");\nif (!root) return;\nconst form =\nroot.querySelector(\n\"#restaurant-reservation-form\"\n);\nconst errorBox =\nroot.querySelector(\n\"#rsv-error\"\n);\nconst dateDisplay =\nroot.querySelector(\n\"#rsv-date-display\"\n);\nconst dateValue =\nroot.querySelector(\n\"#rsv-date\"\n);\nconst timeDisplay =\nroot.querySelector(\n\"#rsv-time-display\"\n);\nconst timeValue =\nroot.querySelector(\n\"#rsv-time\"\n);\nconst guestValue =\nroot.querySelector(\n\"#rsv-guests\"\n);\nconst tableDisplay =\nroot.querySelector(\n\"#rsv-table-display\"\n);\nconst tableValue =\nroot.querySelector(\n\"#rsv-table\"\n);\nfunction validDate(value) {\nif (\n!\/^\\d{2}\\.\\d{2}\\.\\d{4}$\/.test(value)\n) {\nreturn false;\n}\nconst p =\nvalue.split(\".\");\nconst d =\n+p[0];\nconst m =\n+p[1];\nconst y =\n+p[2];\nif (\ny < 2020 ||\nm < 1 ||\nm > 12\n) {\nreturn false;\n}\nconst test =\nnew Date(\ny,\nm - 1,\nd\n);\nreturn (\ntest.getFullYear() === y &&\ntest.getMonth() === m - 1 &&\ntest.getDate() === d\n);\n}\nfunction validTime(value) {\nif (\n!\/^\\d{2}:\\d{2}$\/.test(value)\n) {\nreturn false;\n}\nconst p =\nvalue.split(\":\");\nconst h =\n+p[0];\nconst m =\n+p[1];\nreturn (\nh >= 0 &&\nh <= 23 &&\nm >= 0 &&\nm <= 59\n);\n}\nroot.addEventListener(\n\"input\",\nfunction (event) {\nif (\nevent.target === dateDisplay\n) {\nlet n =\ndateDisplay.value\n.replace(\/\\D\/g, \"\")\n.slice(0,8);\nif (\nn.length > 4\n) {\ndateDisplay.value =\nn.slice(0,2) +\n\".\" +\nn.slice(2,4) +\n\".\" +\nn.slice(4);\n}\nelse if (\nn.length > 2\n) {\ndateDisplay.value =\nn.slice(0,2) +\n\".\" +\nn.slice(2);\n}\nelse {\ndateDisplay.value =\nn;\n}\nif (\nvalidDate(\ndateDisplay.value\n)\n) {\nconst p =\ndateDisplay.value\n.split(\".\");\ndateValue.value =\np[2] +\n\"-\" +\np[1] +\n\"-\" +\np[0];\n}\nelse {\ndateValue.value =\n\"\";\n}\n}\nif (\nevent.target ===\ntimeDisplay\n) {\nlet n =\ntimeDisplay.value\n.replace(\/\\D\/g, \"\")\n.slice(0,4);\ntimeDisplay.value =\nn.length > 2\n? n.slice(0,2) +\n\":\" +\nn.slice(2)\n: n;\ntimeValue.value =\nvalidTime(\ntimeDisplay.value\n)\n? timeDisplay.value\n: \"\";\n}\n}\n);\nroot.addEventListener(\n\"click\",\nfunction (event) {\nconst trigger =\nevent.target.closest(\n\".rsv-select__trigger\"\n);\nif (trigger) {\nconst select =\ntrigger.closest(\n\".rsv-select\"\n);\nconst open =\n!select.classList.contains(\n\"is-open\"\n);\nselect.classList.toggle(\n\"is-open\",\nopen\n);\ntrigger.setAttribute(\n\"aria-expanded\",\nopen\n? \"true\"\n: \"false\"\n);\nreturn;\n}\nconst option =\nevent.target.closest(\n\".rsv-select__option\"\n);\nif (option) {\nconst select =\noption.closest(\n\".rsv-select\"\n);\nconst label =\nselect.querySelector(\n\"[data-rsv-select-label]\"\n);\nselect\n.querySelectorAll(\n\".rsv-select__option\"\n)\n.forEach(\nfunction (item) {\nitem.classList.remove(\n\"is-selected\"\n);\n}\n);\noption.classList.add(\n\"is-selected\"\n);\nguestValue.value =\noption.dataset.value;\nlabel.textContent =\noption.textContent.trim();\nselect.classList.remove(\n\"is-open\"\n);\nselect\n.querySelector(\n\".rsv-select__trigger\"\n)\n.setAttribute(\n\"aria-expanded\",\n\"false\"\n);\nreturn;\n}\nconst table =\nevent.target.closest(\n\".rsv-table\"\n);\nif (table) {\nconst number =\ntable.dataset.table;\nconst alreadySelected =\ntable.classList.contains(\n\"is-selected\"\n);\nroot\n.querySelectorAll(\n\".rsv-table.is-selected\"\n)\n.forEach(\nfunction (item) {\nitem.classList.remove(\n\"is-selected\"\n);\nitem.setAttribute(\n\"aria-pressed\",\n\"false\"\n);\n}\n);\nif (\nalreadySelected\n) {\ntableDisplay.value =\n\"\";\ntableDisplay.placeholder =\n\"Choose on the floor plan\";\ntableValue.value =\n\"\";\nreturn;\n}\ntable.classList.add(\n\"is-selected\"\n);\ntable.setAttribute(\n\"aria-pressed\",\n\"true\"\n);\ntableDisplay.value =\n\"Table \" +\nnumber;\ntableValue.value =\nnumber;\nreturn;\n}\nconst openSelect =\nroot.querySelector(\n\".rsv-select.is-open\"\n);\nif (\nopenSelect &&\n!event.target.closest(\n\".rsv-select\"\n)\n) {\nopenSelect.classList.remove(\n\"is-open\"\n);\n}\n}\n);\nfunction showError(message) {\nerrorBox.textContent =\nmessage;\nerrorBox.classList.add(\n\"is-visible\"\n);\n}\nfunction clearError() {\nerrorBox.textContent =\n\"\";\nerrorBox.classList.remove(\n\"is-visible\"\n);\n}\nform.addEventListener(\n\"submit\",\nfunction (event) {\nclearError();\nconst name =\nroot.querySelector(\n\"#rsv-name\"\n);\nconst phone =\nroot.querySelector(\n\"#rsv-phone\"\n);\nconst email =\nroot.querySelector(\n\"#rsv-email\"\n);\nif (\n!name.value.trim()\n) {\nevent.preventDefault();\nshowError(\n\"Please enter your full name.\"\n);\nname.focus();\nreturn;\n}\nif (\n!phone.value.trim()\n) {\nevent.preventDefault();\nshowError(\n\"Please enter your phone number.\"\n);\nphone.focus();\nreturn;\n}\nif (\n!email.value.trim() ||\n!email.checkValidity()\n) {\nevent.preventDefault();\nshowError(\n\"Please enter a valid email address.\"\n);\nemail.focus();\nreturn;\n}\nif (\n!validDate(\ndateDisplay.value\n)\n) {\nevent.preventDefault();\nshowError(\n\"Please enter the date as DD.MM.YYYY.\"\n);\ndateDisplay.focus();\nreturn;\n}\nif (\n!validTime(\ntimeDisplay.value\n)\n) {\nevent.preventDefault();\nshowError(\n\"Please enter the time in 24-hour HH:MM format.\"\n);\ntimeDisplay.focus();\nreturn;\n}\nif (\n!guestValue.value\n) {\nevent.preventDefault();\nshowError(\n\"Please select the number of guests.\"\n);\nreturn;\n}\nif (\n!tableValue.value\n) {\nevent.preventDefault();\nshowError(\n\"Please select a table on the floor plan.\"\n);\nreturn;\n}\n}\n);\n})();<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Taste, Inspired by the Moment Contemporary cuisine and an atmosphere you&#8217;ll want to return to. View Menu Book a Table About Us Gastronomy as an Art We create dishes where fresh ingredients, signature techniques and attention to detail come together. Every visit is a new experience. Cocktails Signature drinks for a memorable evening. Menu Seasonal [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"footnotes":""},"class_list":["post-161","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/161","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/comments?post=161"}],"version-history":[{"count":89,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/161\/revisions"}],"predecessor-version":[{"id":1520,"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/pages\/161\/revisions\/1520"}],"wp:attachment":[{"href":"https:\/\/digitaldesignonline.ru\/ru\/wp-json\/wp\/v2\/media?parent=161"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}