SAWA Restaurant \u2013 Binnenkort Online<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --cream: #F5ECD7;\r\n --warm: #EFD9A8;\r\n --ember: #C0440A;\r\n --flame: #E07318;\r\n --gold: #C8861A;\r\n --dark: #1A0C05;\r\n --charcoal:#2E1A0E;\r\n --smoke: rgba(26,12,5,0.06);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background-color: var(--cream);\r\n color: var(--dark);\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TEXTURE OVERLAY \u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image:\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 EMBER GLOW BACKGROUND \u2500\u2500\u2500 *\/\r\n .bg-glow {\r\n position: fixed;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 50% 80%, rgba(192,68,10,0.12) 0%, transparent 70%),\r\n radial-gradient(ellipse 80% 60% at 50% 110%, rgba(200,134,26,0.10) 0%, transparent 60%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 WRAPPER \u2500\u2500\u2500 *\/\r\n .page {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 48px 24px 64px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ORNAMENT LINE \u2500\u2500\u2500 *\/\r\n .ornament {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n color: var(--gold);\r\n font-size: 1.4rem;\r\n letter-spacing: 0.12em;\r\n margin-bottom: 40px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.1s forwards;\r\n }\r\n .ornament::before,\r\n .ornament::after {\r\n content: '';\r\n flex: 1;\r\n max-width: 80px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold));\r\n }\r\n .ornament::after { background: linear-gradient(90deg, var(--gold), transparent); }\r\n .ornament-text {\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n font-style: italic;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 LOGO \u2500\u2500\u2500 *\/\r\n .logo-wrap {\r\n opacity: 0;\r\n animation: fadeUp 1s 0.3s forwards;\r\n margin-bottom: 36px;\r\n }\r\n .logo-wrap img {\r\n width: clamp(200px, 38vw, 340px);\r\n height: auto;\r\n display: block;\r\n filter: drop-shadow(0 8px 32px rgba(192,68,10,0.25));\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADLINE \u2500\u2500\u2500 *\/\r\n .headline {\r\n font-family: 'Playfair Display', Georgia, serif;\r\n font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n color: var(--charcoal);\r\n text-align: center;\r\n line-height: 1.2;\r\n max-width: 640px;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.5s forwards;\r\n margin-bottom: 20px;\r\n }\r\n .headline span {\r\n color: var(--ember);\r\n font-style: italic;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 auto 28px;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.65s forwards;\r\n }\r\n .divider-line {\r\n width: 48px;\r\n height: 1px;\r\n background: var(--ember);\r\n opacity: 0.5;\r\n }\r\n .divider-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ember); }\r\n\r\n \/* \u2500\u2500\u2500 BODY TEXT \u2500\u2500\u2500 *\/\r\n .body-text {\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 300;\r\n color: var(--charcoal);\r\n text-align: center;\r\n max-width: 520px;\r\n line-height: 1.75;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.8s forwards;\r\n margin-bottom: 44px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA BUTTONS \u2500\u2500\u2500 *\/\r\n .cta-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n justify-content: center;\r\n opacity: 0;\r\n animation: fadeUp 1s 1s forwards;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n font-size: 1rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n font-weight: 400;\r\n border-radius: 2px;\r\n padding: 14px 32px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.08);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s ease;\r\n }\r\n .btn:hover::before { transform: translateX(0); }\r\n\r\n .btn-primary {\r\n background: var(--ember);\r\n color: var(--cream);\r\n border: 1.5px solid var(--ember);\r\n box-shadow: 0 4px 20px rgba(192,68,10,0.3);\r\n }\r\n .btn-primary:hover {\r\n background: #a83508;\r\n box-shadow: 0 6px 28px rgba(192,68,10,0.45);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--charcoal);\r\n border: 1.5px solid var(--charcoal);\r\n }\r\n .btn-secondary:hover {\r\n background: var(--charcoal);\r\n color: var(--cream);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Icons inline SVG *\/\r\n .icon {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BOTTOM STRIP \u2500\u2500\u2500 *\/\r\n .bottom-strip {\r\n border-top: 1px solid rgba(26,12,5,0.12);\r\n width: 100%;\r\n max-width: 680px;\r\n padding-top: 28px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n opacity: 0;\r\n animation: fadeUp 1s 1.2s forwards;\r\n }\r\n\r\n .location-text {\r\n font-size: 0.82rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n font-style: italic;\r\n }\r\n\r\n .credit {\r\n font-size: 0.75rem;\r\n color: rgba(26,12,5,0.38);\r\n letter-spacing: 0.06em;\r\n }\r\n .credit a {\r\n color: var(--ember);\r\n text-decoration: none;\r\n transition: opacity 0.2s;\r\n }\r\n .credit a:hover { opacity: 0.7; }\r\n\r\n \/* \u2500\u2500\u2500 FLOATING EMBERS \u2500\u2500\u2500 *\/\r\n .embers {\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n overflow: hidden;\r\n }\r\n .ember-particle {\r\n position: absolute;\r\n bottom: -10px;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: var(--flame);\r\n opacity: 0;\r\n animation: floatEmber var(--dur) var(--delay) infinite ease-in;\r\n }\r\n\r\n @keyframes floatEmber {\r\n 0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }\r\n 15% { opacity: 0.7; }\r\n 70% { opacity: 0.3; }\r\n 100% { opacity: 0; transform: translateY(-80vh) translateX(var(--drift)) scale(0.3); }\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(22px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 MOBILE \u2500\u2500\u2500 *\/\r\n @media (max-width: 480px) {\r\n .page { padding: 40px 20px 52px; }\r\n .cta-group { flex-direction: column; align-items: stretch; }\r\n .btn { justify-content: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-glow\"><\/div>\r\n\r\n\r\n<div class=\"embers\" aria-hidden=\"true\">\r\n <div class=\"ember-particle\" style=\"left:8%; --dur:7s; --delay:0s; --drift:20px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:18%; --dur:9s; --delay:2s; --drift:-15px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:30%; --dur:6s; --delay:0.5s; --drift:30px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:45%; --dur:11s; --delay:3s; --drift:-10px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:58%; --dur:8s; --delay:1s; --drift:18px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:70%; --dur:7.5s;--delay:4s; --drift:-25px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:82%; --dur:10s; --delay:1.5s; --drift:12px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:92%; --dur:6.5s;--delay:2.5s; --drift:-20px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:25%; --dur:12s; --delay:5s; --drift:8px; width:3px;height:3px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:65%; --dur:9.5s;--delay:0.8s; --drift:-5px; width:3px;height:3px;\"><\/div>\r\n<\/div>\r\n\r\n<main class=\"page\">\r\n\r\n <div class=\"ornament\">\r\n <span class=\"ornament-text\">Zutphen \u00b7 Restaurant<\/span>\r\n <\/div>\r\n\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sawarestaurant.nl\/wp-content\/uploads\/2026\/04\/sawa-restaurant.jpeg\" alt=\"SAWA Restaurant logo\" \/>\r\n <\/div>\r\n\r\n <h1 class=\"headline\">\r\n Iets <span>bijzonders<\/span> staat<br>op het vuur\r\n <\/h1>\r\n\r\n <div class=\"divider\">\r\n <div class=\"divider-line\"><\/div>\r\n <div class=\"divider-dot\"><\/div>\r\n <div class=\"divider-line\"><\/div>\r\n <\/div>\r\n\r\n <p class=\"body-text\">\r\n Onze website is binnenkort live. In de tussentijd zijn wij al\r\n bereikbaar voor reserveringen en vragen \u2014 wij horen graag van u.\r\n <\/p>\r\n\r\n <div class=\"cta-group\">\r\n <a href=\"tel:+31643481725\" class=\"btn btn-secondary\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.35 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.56a16 16 0 0 0 5.81 5.81l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n Bel ons\r\n <\/a>\r\n\r\n\r\n\r\n <div class=\"bottom-strip\">\r\n <span class=\"location-text\">Pelikaanstraat 1A 7201DR Zutphen, Nederland<\/span>\r\n <span class=\"credit\">\r\n Website door <a href=\"https:\/\/enodesign.nl\" target=\"_blank\" rel=\"noopener\">Eno Design<\/a>\r\n <\/span>\r\n <\/div>\r\n\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>SAWA Restaurant \u2013 Binnenkort Online Zutphen \u00b7 Restaurant Iets bijzonders staatop het vuur Onze website is binnenkort live. In de tussentijd zijn wij al bereikbaar voor reserveringen en vragen \u2014 wij horen graag van u. Bel ons Pelikaanstraat 1A 7201DR Zutphen, Nederland Website door Eno Design<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":14,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\r\n\r\n\r\n \r\n \r\n SAWA Restaurant \u2013 Binnenkort Online<\/title>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\" \/>\r\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin \/>\r\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Playfair+Display:wght@700;900&family=Crimson+Pro:ital,wght@0,300;0,400;1,300&display=swap\" rel=\"stylesheet\" \/>\r\n\r\n <style>\r\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\r\n\r\n :root {\r\n --cream: #F5ECD7;\r\n --warm: #EFD9A8;\r\n --ember: #C0440A;\r\n --flame: #E07318;\r\n --gold: #C8861A;\r\n --dark: #1A0C05;\r\n --charcoal:#2E1A0E;\r\n --smoke: rgba(26,12,5,0.06);\r\n }\r\n\r\n html { scroll-behavior: smooth; }\r\n\r\n body {\r\n background-color: var(--cream);\r\n color: var(--dark);\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n min-height: 100vh;\r\n overflow-x: hidden;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 TEXTURE OVERLAY \u2500\u2500\u2500 *\/\r\n body::before {\r\n content: '';\r\n position: fixed;\r\n inset: 0;\r\n background-image:\r\n url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='400' height='400'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='400' height='400' filter='url(%23n)' opacity='0.04'\/%3E%3C\/svg%3E\");\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 EMBER GLOW BACKGROUND \u2500\u2500\u2500 *\/\r\n .bg-glow {\r\n position: fixed;\r\n inset: 0;\r\n background:\r\n radial-gradient(ellipse 60% 50% at 50% 80%, rgba(192,68,10,0.12) 0%, transparent 70%),\r\n radial-gradient(ellipse 80% 60% at 50% 110%, rgba(200,134,26,0.10) 0%, transparent 60%);\r\n pointer-events: none;\r\n z-index: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 WRAPPER \u2500\u2500\u2500 *\/\r\n .page {\r\n position: relative;\r\n z-index: 1;\r\n min-height: 100vh;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n padding: 48px 24px 64px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 ORNAMENT LINE \u2500\u2500\u2500 *\/\r\n .ornament {\r\n display: flex;\r\n align-items: center;\r\n gap: 16px;\r\n color: var(--gold);\r\n font-size: 1.4rem;\r\n letter-spacing: 0.12em;\r\n margin-bottom: 40px;\r\n opacity: 0;\r\n animation: fadeUp 0.9s 0.1s forwards;\r\n }\r\n .ornament::before,\r\n .ornament::after {\r\n content: '';\r\n flex: 1;\r\n max-width: 80px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, var(--gold));\r\n }\r\n .ornament::after { background: linear-gradient(90deg, var(--gold), transparent); }\r\n .ornament-text {\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n font-style: italic;\r\n font-size: 0.85rem;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n }\r\n\r\n \/* \u2500\u2500\u2500 LOGO \u2500\u2500\u2500 *\/\r\n .logo-wrap {\r\n opacity: 0;\r\n animation: fadeUp 1s 0.3s forwards;\r\n margin-bottom: 36px;\r\n }\r\n .logo-wrap img {\r\n width: clamp(200px, 38vw, 340px);\r\n height: auto;\r\n display: block;\r\n filter: drop-shadow(0 8px 32px rgba(192,68,10,0.25));\r\n }\r\n\r\n \/* \u2500\u2500\u2500 HEADLINE \u2500\u2500\u2500 *\/\r\n .headline {\r\n font-family: 'Playfair Display', Georgia, serif;\r\n font-size: clamp(1.6rem, 5vw, 2.8rem);\r\n font-weight: 900;\r\n color: var(--charcoal);\r\n text-align: center;\r\n line-height: 1.2;\r\n max-width: 640px;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.5s forwards;\r\n margin-bottom: 20px;\r\n }\r\n .headline span {\r\n color: var(--ember);\r\n font-style: italic;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 DIVIDER \u2500\u2500\u2500 *\/\r\n .divider {\r\n display: flex;\r\n align-items: center;\r\n gap: 12px;\r\n margin: 0 auto 28px;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.65s forwards;\r\n }\r\n .divider-line {\r\n width: 48px;\r\n height: 1px;\r\n background: var(--ember);\r\n opacity: 0.5;\r\n }\r\n .divider-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ember); }\r\n\r\n \/* \u2500\u2500\u2500 BODY TEXT \u2500\u2500\u2500 *\/\r\n .body-text {\r\n font-size: clamp(1rem, 2.5vw, 1.2rem);\r\n font-weight: 300;\r\n color: var(--charcoal);\r\n text-align: center;\r\n max-width: 520px;\r\n line-height: 1.75;\r\n opacity: 0;\r\n animation: fadeUp 1s 0.8s forwards;\r\n margin-bottom: 44px;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 CTA BUTTONS \u2500\u2500\u2500 *\/\r\n .cta-group {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 16px;\r\n justify-content: center;\r\n opacity: 0;\r\n animation: fadeUp 1s 1s forwards;\r\n margin-bottom: 60px;\r\n }\r\n\r\n .btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 10px;\r\n text-decoration: none;\r\n font-family: 'Crimson Pro', Georgia, serif;\r\n font-size: 1rem;\r\n letter-spacing: 0.12em;\r\n text-transform: uppercase;\r\n font-weight: 400;\r\n border-radius: 2px;\r\n padding: 14px 32px;\r\n transition: all 0.3s ease;\r\n position: relative;\r\n overflow: hidden;\r\n }\r\n\r\n .btn::before {\r\n content: '';\r\n position: absolute;\r\n inset: 0;\r\n background: rgba(255,255,255,0.08);\r\n transform: translateX(-100%);\r\n transition: transform 0.4s ease;\r\n }\r\n .btn:hover::before { transform: translateX(0); }\r\n\r\n .btn-primary {\r\n background: var(--ember);\r\n color: var(--cream);\r\n border: 1.5px solid var(--ember);\r\n box-shadow: 0 4px 20px rgba(192,68,10,0.3);\r\n }\r\n .btn-primary:hover {\r\n background: #a83508;\r\n box-shadow: 0 6px 28px rgba(192,68,10,0.45);\r\n transform: translateY(-2px);\r\n }\r\n\r\n .btn-secondary {\r\n background: transparent;\r\n color: var(--charcoal);\r\n border: 1.5px solid var(--charcoal);\r\n }\r\n .btn-secondary:hover {\r\n background: var(--charcoal);\r\n color: var(--cream);\r\n transform: translateY(-2px);\r\n }\r\n\r\n \/* Icons inline SVG *\/\r\n .icon {\r\n width: 18px;\r\n height: 18px;\r\n flex-shrink: 0;\r\n }\r\n\r\n \/* \u2500\u2500\u2500 BOTTOM STRIP \u2500\u2500\u2500 *\/\r\n .bottom-strip {\r\n border-top: 1px solid rgba(26,12,5,0.12);\r\n width: 100%;\r\n max-width: 680px;\r\n padding-top: 28px;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 10px;\r\n opacity: 0;\r\n animation: fadeUp 1s 1.2s forwards;\r\n }\r\n\r\n .location-text {\r\n font-size: 0.82rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: var(--gold);\r\n font-style: italic;\r\n }\r\n\r\n .credit {\r\n font-size: 0.75rem;\r\n color: rgba(26,12,5,0.38);\r\n letter-spacing: 0.06em;\r\n }\r\n .credit a {\r\n color: var(--ember);\r\n text-decoration: none;\r\n transition: opacity 0.2s;\r\n }\r\n .credit a:hover { opacity: 0.7; }\r\n\r\n \/* \u2500\u2500\u2500 FLOATING EMBERS \u2500\u2500\u2500 *\/\r\n .embers {\r\n position: fixed;\r\n inset: 0;\r\n pointer-events: none;\r\n z-index: 0;\r\n overflow: hidden;\r\n }\r\n .ember-particle {\r\n position: absolute;\r\n bottom: -10px;\r\n width: 4px;\r\n height: 4px;\r\n border-radius: 50%;\r\n background: var(--flame);\r\n opacity: 0;\r\n animation: floatEmber var(--dur) var(--delay) infinite ease-in;\r\n }\r\n\r\n @keyframes floatEmber {\r\n 0% { opacity: 0; transform: translateY(0) translateX(0) scale(1); }\r\n 15% { opacity: 0.7; }\r\n 70% { opacity: 0.3; }\r\n 100% { opacity: 0; transform: translateY(-80vh) translateX(var(--drift)) scale(0.3); }\r\n }\r\n\r\n @keyframes fadeUp {\r\n from { opacity: 0; transform: translateY(22px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n }\r\n\r\n \/* \u2500\u2500\u2500 MOBILE \u2500\u2500\u2500 *\/\r\n @media (max-width: 480px) {\r\n .page { padding: 40px 20px 52px; }\r\n .cta-group { flex-direction: column; align-items: stretch; }\r\n .btn { justify-content: center; }\r\n }\r\n <\/style>\r\n<\/head>\r\n<body>\r\n\r\n<div class=\"bg-glow\"><\/div>\r\n\r\n\r\n<div class=\"embers\" aria-hidden=\"true\">\r\n <div class=\"ember-particle\" style=\"left:8%; --dur:7s; --delay:0s; --drift:20px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:18%; --dur:9s; --delay:2s; --drift:-15px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:30%; --dur:6s; --delay:0.5s; --drift:30px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:45%; --dur:11s; --delay:3s; --drift:-10px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:58%; --dur:8s; --delay:1s; --drift:18px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:70%; --dur:7.5s;--delay:4s; --drift:-25px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:82%; --dur:10s; --delay:1.5s; --drift:12px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:92%; --dur:6.5s;--delay:2.5s; --drift:-20px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:25%; --dur:12s; --delay:5s; --drift:8px; width:3px;height:3px;\"><\/div>\r\n <div class=\"ember-particle\" style=\"left:65%; --dur:9.5s;--delay:0.8s; --drift:-5px; width:3px;height:3px;\"><\/div>\r\n<\/div>\r\n\r\n<main class=\"page\">\r\n\r\n <div class=\"ornament\">\r\n <span class=\"ornament-text\">Zutphen \u00b7 Restaurant<\/span>\r\n <\/div>\r\n\r\n <div class=\"logo-wrap\">\r\n <img decoding=\"async\" src=\"https:\/\/sawarestaurant.nl\/wp-content\/uploads\/2026\/04\/sawa-restaurant.jpeg\" alt=\"SAWA Restaurant logo\" \/>\r\n <\/div>\r\n\r\n <h1 class=\"headline\">\r\n Iets <span>bijzonders<\/span> staat<br>op het vuur\r\n <\/h1>\r\n\r\n <div class=\"divider\">\r\n <div class=\"divider-line\"><\/div>\r\n <div class=\"divider-dot\"><\/div>\r\n <div class=\"divider-line\"><\/div>\r\n <\/div>\r\n\r\n <p class=\"body-text\">\r\n Onze website is binnenkort live. In de tussentijd zijn wij al\r\n bereikbaar voor reserveringen en vragen \u2014 wij horen graag van u.\r\n <\/p>\r\n\r\n <div class=\"cta-group\">\r\n <a href=\"tel:+31643481725\" class=\"btn btn-secondary\">\r\n \r\n <svg class=\"icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\" aria-hidden=\"true\">\r\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07A19.5 19.5 0 0 1 4.69 12 19.79 19.79 0 0 1 1.61 3.35 2 2 0 0 1 3.59 1h3a2 2 0 0 1 2 1.72c.127.96.361 1.903.7 2.81a2 2 0 0 1-.45 2.11L7.91 8.56a16 16 0 0 0 5.81 5.81l.92-.92a2 2 0 0 1 2.11-.45c.907.339 1.85.573 2.81.7A2 2 0 0 1 22 16.92z\"\/>\r\n <\/svg>\r\n Bel ons\r\n <\/a>\r\n\r\n\r\n\r\n <div class=\"bottom-strip\">\r\n <span class=\"location-text\">Pelikaanstraat 1A 7201DR Zutphen, Nederland<\/span>\r\n <span class=\"credit\">\r\n Website door <a href=\"https:\/\/enodesign.nl\" target=\"_blank\" rel=\"noopener\">Eno Design<\/a>\r\n <\/span>\r\n <\/div>\r\n\r\n<\/main>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\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>SAWA Restaurant \u2013 Binnenkort Online Zutphen \u00b7 Restaurant Iets bijzonders staatop het vuur Onze website is binnenkort live. In de tussentijd zijn wij al bereikbaar voor reserveringen en vragen \u2014 wij horen graag van u. Bel ons Pelikaanstraat 1A 7201DR Zutphen, Nederland Website door Eno Design<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":14,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":28,"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/28"}],"wp:attachment":[{"href":"https:\/\/sawarestaurant.nl\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}