{"id":12,"date":"2026-07-01T10:25:49","date_gmt":"2026-07-01T10:25:49","guid":{"rendered":"http:\/\/localhost:10113\/?page_id=12"},"modified":"2026-07-15T13:59:12","modified_gmt":"2026-07-15T13:59:12","slug":"home","status":"publish","type":"page","link":"https:\/\/rakidio.gr\/el\/","title":{"rendered":"Home"},"content":{"rendered":"<div class=\"et_pb_section_0 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_0 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_0 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_0 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- Google Fonts -->\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,500;0,9..144,600;1,9..144,300;1,9..144,400&family=Inter:wght@300;400;500;600&display=swap\" rel=\"stylesheet\">\n\n<!-- ============ HERO WITH VIDEO ============ -->\n<section class=\"hero\" id=\"hero\">\n    <!-- VIDEO BACKGROUND -->\n    <div class=\"hero-video-wrap\">\n        <video autoplay muted loop playsinline class=\"hero-video\">\n            <source src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/video-hero-rekidio-0715-resized-new-small-2.mp4\" type=\"video\/mp4\">\n        <\/video>\n        <div class=\"hero-overlay\"><\/div>\n    <\/div>\n    \n    <div class=\"hero-grain\"><\/div>\n    \n    <div class=\"wrap hero-inner\">\n        <div class=\"hero-eyebrow\"><span class=\"rule\"><\/span> Sellia \u00b7 Rethymno \u00b7 Crete<\/div>\n        <h1>Your portal to the <em>experience<\/em><br>of the Cretan life<\/h1>\n        <p class=\"hero-sub\">An authentic Cretan estate where copper stills, old stone walls, and genuine hospitality meet. Join us at our family table to taste the real Crete, not just see it.<\/p>\n        <div class=\"hero-actions\">\n            <a href=\"#visit\" class=\"btn btn-primary\">Reserve Your Visit<\/a>\n            <a href=\"#experiences\" class=\"btn btn-ghost\">Discover Rakidio<\/a>\n        <\/div>\n    <\/div>\n    \n    <div class=\"scroll-cue\"><span>Scroll<\/span><span class=\"stem\"><\/span><\/div>\n<\/section>\n\n<style>\n\/* CSS *\/\n:root{\n--cream:#FAF6EF;\n--paper:#F3ECE0;\n--terracotta:#A8593C;\n--terracotta-deep:#8A4530;\n--olive:#6E7350;\n--olive-deep:#525640;\n--stone:#A89C8C;\n--ink:#2B2620;\n--blue:#1C3A4B;\n--gold:#B98A4A;\n--maxw: 1240px;\n}\n*{box-sizing:border-box; margin:0; padding:0;}\n.hero{\nposition:relative; min-height:100vh; display:flex; align-items:flex-end;\noverflow:hidden;\n  }\n@media only screen and (max-width: 600px) {\n.hero{\nposition:relative; min-height:90vh; display:flex; align-items:flex-end;\noverflow:hidden;\n  }}\n\/* VIDEO BACKGROUND *\/\n.hero-video-wrap{\nposition:absolute; inset:0; z-index:1;\n}\n.hero-video{\nwidth:100% !important;\nheight:100% !important;\nmin-width:100% !important;\nmin-height:100% !important;\nobject-fit:cover !important;\nobject-position:center center !important;\n}\n.hero-overlay{\nposition:absolute; inset:0;\nbackground:linear-gradient(180deg, rgba(15,20,18,0.15) 0%, rgba(15,20,18,0.55) 78%, rgba(10,12,10,0.78) 100%);\nz-index:2;\n}\n.hero-grain{\nposition:absolute; inset:0; z-index:3; pointer-events:none; opacity:0.05;\nbackground-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'\/%3E%3C\/svg%3E\");\n}\n.hero-inner{\nposition:relative; z-index:5; width:100%; padding-bottom:8vh;\n}\n.hero-eyebrow{\ncolor:#EADFC8; font-size:13px; letter-spacing:0.32em; text-transform:uppercase;\ndisplay:flex; align-items:center; gap:14px; margin-bottom:22px;\nopacity:0; animation:rise .9s .3s ease forwards;\n}\n.hero-eyebrow .rule{width:42px; height:1px; background:#EADFC8;}\n.hero h1{\ncolor:#FAF6EF; font-size:clamp(46px,8vw,108px); line-height:0.98;\nfont-family:'Fraunces', serif; font-weight:400;\nopacity:0; animation:rise 1s .45s ease forwards;\n}\n.hero h1 em{ font-style:italic; color:#E7C893; font-weight:300;}\n.hero-sub{\nmargin-top:26px; max-width:480px; color:#EFE7D8; font-size:17px; font-weight:300;\nfont-family:'Inter', sans-serif;\nopacity:0; animation:rise 1s .65s ease forwards;\n}\n.hero-actions{\nmargin-top:42px; display:flex; gap:18px; align-items:center; flex-wrap:wrap;\nopacity:0; animation:rise 1s .85s ease forwards;\n}\n.btn{\ndisplay:inline-block; padding:15px 30px; font-size:12.5px; letter-spacing:0.1em;\ntext-transform:uppercase; border-radius:2px; transition:all .4s ease; cursor:pointer; border:1px solid transparent;\nfont-family:'Inter', sans-serif; font-weight:500;\n}\n.btn-primary{ background:var(--terracotta); color:var(--cream); }\n.btn-primary:hover{ background:var(--terracotta-deep); transform:translateY(-2px); }\n.btn-ghost{ border-color:rgba(250,246,239,0.55); color:var(--cream); }\n.btn-ghost:hover{ border-color:var(--cream); background:rgba(250,246,239,0.08); }\n@keyframes rise{ from{opacity:0; transform:translateY(26px);} to{opacity:1; transform:translateY(0);} }\n.scroll-cue{\nposition:absolute; right:6vw; bottom:5vh; z-index:5; color:#EFE7D8;\ndisplay:flex; flex-direction:column; align-items:center; gap:10px;\nfont-size:11px; letter-spacing:0.2em; text-transform:uppercase;\nfont-family:'Inter', sans-serif;\n}\n.scroll-cue .stem{\nwidth:1px; height:46px;\nbackground:linear-gradient(#EFE7D8, transparent);\nanimation:stem 2s ease-in-out infinite;\n}\n@keyframes stem{\n0%,100%{transform:scaleY(1); transform-origin:top;}\n50%{transform:scaleY(0.55); transform-origin:top;}\n}\n.wrap{max-width:var(--maxw); margin:0 auto; padding:0 6vw;}\n@media(min-width:1300px){ .wrap{padding:0 40px;} }\n@media(max-width:768px){\n.hero h1{ font-size:clamp(36px,10vw,64px); }\n.hero-sub{ font-size:15px; }\n.hero-actions{ gap:12px; }\n.btn{ padding:12px 24px; font-size:11.5px; }\n}\n<\/style>\n\n<script>\n\/\/ Smooth scroll for hero buttons\n(function(){\ndocument.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\nanchor.addEventListener('click', function (e) {\ne.preventDefault();\nconst target = document.querySelector(this.getAttribute('href'));\nif(target){\ntarget.scrollIntoView({ behavior: 'smooth', block: 'start' });\n}\n});\n});\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_1 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_1 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_1 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_1 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">    <!-- HTML -->\r\n    <section class=\"estate-seal\" id=\"estate-seal\">\r\n    <div class=\"wrap\">\r\n        <div name=\"es-grid\" class=\"es-grid\">\r\n\r\n            <div class=\"es-text reveal\">\r\n                <div class=\"eyebrow\"><span class=\"rule\"><\/span> THE RAKIDIO ESTATE<\/div>\r\n\r\n                <h2>Making memories<br><span class=\"es-highlight\">on the farm<\/span><\/h2>\r\n\r\n                <p>Before you reach the long table, the estate unfolds in layers animals in the garden, a copper still breathing smoke, a stone mitato where hands still shape cheese, and a feast that tastes of the soil it came from.<\/p>\r\n\r\n                <div class=\"es-stats\">\r\n                    <div class=\"es-stat\">\r\n                        <span class=\"es-stat-num\">2<em>h<\/em><\/span>\r\n                        <span class=\"es-stat-label\">Full Estate Experience<\/span>\r\n                    <\/div>\r\n                    <div class=\"es-stat\">\r\n                        <span class=\"es-stat-num\">5<em>stops<\/em><\/span>\r\n                        <span class=\"es-stat-label\">Unique Experiences<\/span>\r\n                    <\/div>\r\n                    <div class=\"es-stat\">\r\n                        <span class=\"es-stat-num\">100<em>%<\/em><\/span>\r\n                        <span class=\"es-stat-label\">Farm to Table<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n\r\n                <a href=\"#experiences\" class=\"es-btn\">\r\n                    Discover the Estate\r\n                    <svg width=\"18\" height=\"18\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M5 12h14M13 6l6 6-6 6\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg>\r\n                <\/a>\r\n            <\/div>\r\n\r\n            <div class=\"es-visual reveal\">\r\n                <div class=\"es-img-main\" style=\"background-image:url('https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/2a-rakidio-archiki.webp');\">\r\n                    <div class=\"es-seal\">\r\n                        <svg viewBox=\"0 0 100 100\" class=\"es-seal-ring\">\r\n                            <path id=\"sealCircle\" d=\"M50,50 m-38,0 a38,38 0 1,1 76,0 a38,38 0 1,1 -76,0\" fill=\"none\"\/>\r\n                            <text font-size=\"8.2\" letter-spacing=\"2\" fill=\"#FAF6EF\">\r\n                                <textPath href=\"#sealCircle\" startOffset=\"0%\">RAKIDIO ESTATE \u2022 RETHYMNO CRETE \u2022<\/textPath>\r\n                            <\/text>\r\n                        <\/svg>\r\n                        <span class=\"es-seal-center\">est.<br>1962<\/span>\r\n                    <\/div>\r\n                <\/div>\r\n                <div class=\"es-img-small\" style=\"background-image:url('https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/2b-rakidio-archiki.webp');\"><\/div>\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    <\/section>\r\n\r\n    <style>\r\n    :root{\r\n    --cream:#FAF6EF;\r\n    --paper:#F3ECE0;\r\n    --terracotta:#A8593C;\r\n    --terracotta-deep:#8A4530;\r\n    --olive:#6E7350;\r\n    --olive-deep:#525640;\r\n    --stone:#A89C8C;\r\n    --ink:#2B2620;\r\n    --blue:#1C3A4B;\r\n    --gold:#B98A4A;\r\n    --line: rgba(43,38,32,0.12);\r\n    --maxw: 1240px;\r\n    }\r\n    .estate-seal *{box-sizing:border-box;}\r\n    .estate-seal{ background:var(--cream); padding:140px 0; overflow:hidden; }\r\n    .estate-seal .wrap{max-width:var(--maxw); margin:0 auto; padding:0 6vw;}\r\n    @media(min-width:1300px){ .estate-seal .wrap{padding:0 40px;} }\r\n\r\n    .es-grid{ display:grid; grid-template-columns:1fr 1fr; gap:70px; align-items:center; }\r\n\r\n    .estate-seal .eyebrow{\r\n    font-size:12.5px; letter-spacing:0.28em; text-transform:uppercase; color:var(--terracotta);\r\n    display:flex; align-items:center; gap:14px; margin-bottom:22px;\r\n    font-family:'Inter', sans-serif; font-weight:600;\r\n    }\r\n    .estate-seal .eyebrow .rule{width:34px; height:1px; background:var(--terracotta);}\r\n\r\n    .es-text h2{\r\n    font-family:'Fraunces', serif; font-size:clamp(34px,4.4vw,56px);\r\n    line-height:1.05; font-weight:600; color:var(--ink); margin-bottom:26px;\r\n    }\r\n    .es-highlight{ font-style:italic; color:var(--terracotta); font-weight:500; }\r\n\r\n    .es-text p{\r\n    font-family:'Inter', sans-serif; font-size:16.5px; font-weight:300; color:#5C5346;\r\n    line-height:1.7; max-width:460px; margin-bottom:44px;\r\n    }\r\n\r\n    .es-stats{ display:flex; gap:46px; padding-top:26px; margin-bottom:44px; border-top:1px solid var(--line); }\r\n    .es-stat{ display:flex; flex-direction:column; gap:6px; }\r\n    .es-stat-num{ font-family:'Fraunces', serif; font-size:32px; font-weight:700; color:var(--ink); }\r\n    .es-stat-num em{ font-style:normal; font-size:16px; color:var(--terracotta); margin-left:2px; font-weight:600; }\r\n    .es-stat-label{\r\n    font-family:'Inter', sans-serif; font-size:11.5px; letter-spacing:0.08em; text-transform:uppercase;\r\n    color:var(--stone); font-weight:500;\r\n    }\r\n\r\n    .es-btn{\r\n    display:inline-flex; align-items:center; gap:10px;\r\n    background:var(--terracotta); color:var(--cream); text-decoration:none;\r\n    font-family:'Inter', sans-serif; font-weight:600; font-size:14.5px; letter-spacing:0.03em;\r\n    text-transform:uppercase; padding:18px 32px; border-radius:2px;\r\n    transition:background .3s ease, transform .3s ease;\r\n    }\r\n    .es-btn:hover{ background:var(--terracotta-deep); transform:translateY(-2px); }\r\n\r\n    .es-visual{ position:relative; height:540px; }\r\n    .es-img-main{\r\n    position:absolute; top:0; left:8%; width:80%; height:82%;\r\n    background-size:cover; background-position:center; border-radius:6px;\r\n    box-shadow:0 30px 60px rgba(43,38,32,0.18);\r\n    }\r\n    .es-img-small{\r\n    position:absolute; bottom:0; right:2%; width:46%; height:44%;\r\n    background-size:cover; background-position:top; border-radius:4px;\r\n    box-shadow:0 24px 50px rgba(43,38,32,0.24);\r\n    border:8px solid var(--cream);\r\n   \/* transform:rotate(-4deg); *\/\r\n    }\r\n\r\n    .es-seal{\r\n    position:absolute; bottom:18px; left:18px; width:110px; height:110px;\r\n    background:var(--terracotta); border-radius:50%;\r\n    display:flex; align-items:center; justify-content:center;\r\n    box-shadow:0 12px 30px rgba(43,38,32,0.3);\r\n    }\r\n    .es-seal-ring{ position:absolute; width:100%; height:100%; }\r\n    .es-seal-ring text{ font-family:'Inter', sans-serif; font-weight:600; }\r\n    .es-seal-center{\r\n    font-family:'Fraunces', serif; font-size:13px; font-weight:600; color:var(--cream);\r\n    text-align:center; line-height:1.3;\r\n    }\r\n\r\n    .reveal{ opacity:0; transform:translateY(34px); transition:opacity .9s ease, transform .9s ease; }\r\n    .reveal.in{ opacity:1; transform:translateY(0); }\r\n\r\n    @media(max-width:1000px){\r\n    .es-grid{ grid-template-columns:1fr; gap:60px; }\r\n    .estate-seal{ padding:90px 0; }\r\n    .es-visual{ height:420px; order:-1; }\r\n    .es-stats{ flex-wrap:wrap; row-gap:24px; }\r\n    }\r\n    <\/style>\r\n\r\n    <script>\r\n    (function(){\r\n    const revealEls = document.querySelectorAll('#estate-seal .reveal');\r\n    if(!revealEls.length) return;\r\n    const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(e => {\r\n    if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); }\r\n    });\r\n    }, { threshold: 0.15 });\r\n    revealEls.forEach(el => io.observe(el));\r\n    })();\r\n    <\/script>\r\n    \n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"et_pb_section_3 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_3 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_3 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_3 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"rakidio-exp-slider\" id=\"rakidio-exp-slider\" data-active=\"0\">\r\n<div class=\"rakidio-exp-wrap rakidio-exp-grid\">\r\n<div class=\"rakidio-exp-slides-text\">\r\n<div class=\"rakidio-exp-slide rak-active\" data-slide=\"0\">\r\n<div class=\"rakidio-exp-eyebrow\"><span class=\"rakidio-exp-rule\"><\/span> The Estate<\/div>\r\n<h2>Fifty acres of<br>authentic Cretan land<\/h2>\r\n<p>Wander our estate and experience the everyday rhythm of the Cretan countryside. Visit our orchard, see the seasonal vegetables, meet our donkey, our horse and the rest of the farm animals, and enjoy the unique view of the Libyan Sea \u2014 with Gavdos marking the southernmost inhabited edge of Europe. And the Selliades mountains beyond, where bearded vultures still soar.<\/p>\r\n<div class=\"rakidio-exp-stats\">\r\n<div><span>50<\/span><small>Acres to Explore<\/small><\/div>\r\n<div><span>100%<\/span><small>Naturally Grown<\/small><\/div>\r\n<div><span>Donkey<\/span><small>Rides Included<\/small><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-slide\" data-slide=\"1\">\r\n<div class=\"rakidio-exp-eyebrow\"><span class=\"rakidio-exp-rule\"><\/span> Raki Distillery<\/div>\r\n<h2>The raki is gone<br>before the next distillation<\/h2>\r\n<p>Each autumn, the grapes are pressed and left to ferment in tanks. A portion of the fresh must is stored in wooden barrels to become our wine, while the rest \u2014 along with the grape skins \u2014 becomes the soul of tsikoudia, slow-distilled over fire in a copper kazani.<\/p>\r\n<div class=\"rakidio-exp-stats\">\r\n<div><span>40\u00b0<\/span><small>Traditional Strength<\/small><\/div>\r\n<div><span>Oct\u2013Nov<\/span><small>Distillation Season<\/small><\/div>\r\n<div><span>Wood Fire<\/span><small>Slow Distilled<\/small><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-slide\" data-slide=\"2\">\r\n<div class=\"rakidio-exp-eyebrow\"><span class=\"rakidio-exp-rule\"><\/span> The Mitato<\/div>\r\n<h2>Cheese, made<br>the old way<\/h2>\r\n<p>In Rakidio's mitato, you'll meet a tradition that remains alive today. We hand-milk our goat each morning and transform the fresh milk into tyrozouli \u2014 a traditional Cretan cheese with a soft texture and a distinctive flavor.<\/p>\r\n<p>We use no machines and we never rush. We follow the same family recipe and the traditional techniques passed down by previous generations, giving the cheese the time and care it deserves.<\/p>\r\n<div class=\"rakidio-exp-stats\">\r\n<div><span>Hand<\/span><small>Milked Daily<\/small><\/div>\r\n<div><span>Stone<\/span><small>Traditional Mitato<\/small><\/div>\r\n<div><span>Tyrozouli<\/span><small>Cretan Cheese<\/small><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-slide\" data-slide=\"3\">\r\n<div class=\"rakidio-exp-eyebrow\"><span class=\"rakidio-exp-rule\"><\/span> Living Memory<\/div>\r\n<h2>Where every tool<br>has a story<\/h2>\r\n<p>Visit our Folklore Museum and discover everyday Cretan life through authentic objects, traditional tools and historical relics from the 19th and 20th centuries, along with rare exhibits from the Greek Revolution of 1821 and the Second World War \u2014 bringing to life the history and cultural heritage of our land.<\/p>\r\n<p>Every object here is real, retired from actual use, and free for you to ask about.<\/p>\r\n<div class=\"rakidio-exp-stats\">\r\n<div><span>100+<\/span><small>Years Preserved<\/small><\/div>\r\n<div><span>19th\u201320th c.<\/span><small>Artifacts<\/small><\/div>\r\n<div><span>1821<\/span><small>Revolution Relics<\/small><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-slide\" data-slide=\"4\">\r\n<div class=\"rakidio-exp-eyebrow\"><span class=\"rakidio-exp-rule\"><\/span> Your Rakidio Experience<\/div>\r\n<h2>Your experience<br>at Rakidio<\/h2>\r\n<p>Everything you'll taste comes straight from our orchard \u2014 flaky tyropitakia made with our own cheese, tyrozouli served fresh from the mold, apaki cured in our smokehouse, olive oil pressed from our own trees, honey from our hives, and plenty of raki from our own distillation.<\/p>\r\n<div class=\"rakidio-exp-stats\">\r\n<div><span>Farm\u2192Table<\/span><small>Same-Day Harvest<\/small><\/div>\r\n<div><span>Tyropitakia<\/span><small>Handmade Daily<\/small><\/div>\r\n<div><span>Apaki<\/span><small>Smokehouse Cured<\/small><\/div>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-dots\" role=\"tablist\" aria-label=\"Experience slides\">\r\n<button class=\"rakidio-exp-dot rak-active\" data-goto=\"0\" aria-label=\"Slide 1: The Estate\"><\/button>\r\n<button class=\"rakidio-exp-dot\" data-goto=\"1\" aria-label=\"Slide 2: Raki Distillery\"><\/button>\r\n<button class=\"rakidio-exp-dot\" data-goto=\"2\" aria-label=\"Slide 3: The Mitato\"><\/button>\r\n<button class=\"rakidio-exp-dot\" data-goto=\"3\" aria-label=\"Slide 4: Living Memory\"><\/button>\r\n<button class=\"rakidio-exp-dot\" data-goto=\"4\" aria-label=\"Slide 5: Your Rakidio Experience\"><\/button>\r\n<\/div>\r\n<\/div>\r\n<div class=\"rakidio-exp-visual-wrap\">\r\n<div class=\"rakidio-exp-icon rak-active\" data-icon=\"0\">\r\n<svg viewBox=\"0 0 360 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<ellipse cx=\"180\" cy=\"390\" rx=\"140\" ry=\"14\" fill=\"#00000030\"\/>\r\n<rect x=\"86\" y=\"320\" width=\"188\" height=\"14\" rx=\"3\" fill=\"#2E3320\"\/>\r\n<rect x=\"100\" y=\"334\" width=\"160\" height=\"10\" rx=\"2\" fill=\"#1F2416\"\/>\r\n<circle cx=\"262\" cy=\"86\" r=\"30\" fill=\"#E7C893\"\/>\r\n<g stroke=\"#E7C893\" stroke-width=\"3\" stroke-linecap=\"round\">\r\n<path d=\"M262 40v14\"\/><path d=\"M262 118v14\"\/>\r\n<path d=\"M216 86h14\"\/><path d=\"M294 86h14\"\/>\r\n<path d=\"M228 52l10 10\"\/><path d=\"M286 120l10 10\"\/>\r\n<path d=\"M296 52l-10 10\"\/><path d=\"M238 120l-10 10\"\/>\r\n<\/g>\r\n<g id=\"donkey\">\r\n<path d=\"M40 320 L40 180 Q40 150 70 140 L90 150 L90 320 Z\" fill=\"#A89C8C\"\/>\r\n<path d=\"M70 140 L115 145 Q125 155 115 165 L80 160 Z\" fill=\"#A89C8C\"\/>\r\n<path d=\"M80 160 L115 165 Q105 180 80 180 Z\" fill=\"#8A7E70\"\/>\r\n<path d=\"M55 145 L35 80 L70 135 Z\" fill=\"#A89C8C\"\/>\r\n<path d=\"M57 140 L42 90 L65 135 Z\" fill=\"#8A7E70\"\/>\r\n<circle cx=\"80\" cy=\"150\" r=\"2.5\" fill=\"#2B2620\"\/>\r\n<path d=\"M40 180 L25 120 L60 135 Z\" fill=\"#525640\"\/>\r\n<\/g>\r\n<g id=\"goat\">\r\n<path d=\"M320 320 L320 190 Q320 160 290 150 L270 160 L270 320 Z\" fill=\"#F3ECE0\"\/>\r\n<path d=\"M290 150 L240 165 Q235 175 250 185 L270 175 Z\" fill=\"#F3ECE0\"\/>\r\n<path d=\"M295 152 Q320 100 350 120\" fill=\"none\" stroke=\"#A89C8C\" stroke-width=\"3.5\" stroke-linecap=\"round\"\/>\r\n<path d=\"M285 152 Q305 110 325 115\" fill=\"none\" stroke=\"#A89C8C\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n<path d=\"M300 160 L325 168 L300 172 Z\" fill=\"#F3ECE0\"\/>\r\n<path d=\"M250 185 L240 215 L265 190 Z\" fill=\"#F3ECE0\"\/>\r\n<circle cx=\"275\" cy=\"162\" r=\"2.5\" fill=\"#2B2620\"\/>\r\n<\/g>\r\n<path d=\"M110 230 Q90 240 90 270 L270 270 Q270 240 250 230 Q230 210 180 210 Q130 210 110 230Z\" fill=\"#C9954E\" stroke=\"#E7C893\" stroke-width=\"2\"\/>\r\n<path d=\"M96 232 L100 270 M264 232 L260 270 M130 218 L134 270 M230 218 L226 270\" stroke=\"#8A5F2B\" stroke-width=\"2\" opacity=\"0.6\"\/>\r\n<ellipse cx=\"150\" cy=\"204\" rx=\"14\" ry=\"20\" fill=\"#A8593C\"\/>\r\n<ellipse cx=\"150\" cy=\"180\" rx=\"4\" ry=\"10\" fill=\"#6E7350\"\/>\r\n<circle cx=\"185\" cy=\"200\" r=\"13\" fill=\"#B34A3B\"\/>\r\n<circle cx=\"205\" cy=\"210\" r=\"13\" fill=\"#B34A3B\"\/>\r\n<path d=\"M215 190 L222 165 L228 190Z\" fill=\"#D98A3D\"\/>\r\n<path d=\"M222 165 q-4-14 6-18\" stroke=\"#6E7350\" stroke-width=\"3\" fill=\"none\"\/>\r\n<g id=\"pig\">\r\n<rect x=\"55\" y=\"310\" width=\"8\" height=\"18\" rx=\"4\" fill=\"#A8593C\"\/>\r\n<rect x=\"85\" y=\"310\" width=\"8\" height=\"18\" rx=\"4\" fill=\"#A8593C\"\/>\r\n<ellipse cx=\"75\" cy=\"295\" rx=\"35\" ry=\"22\" fill=\"#C9954E\"\/>\r\n<ellipse cx=\"105\" cy=\"300\" rx=\"18\" ry=\"16\" fill=\"#C9954E\"\/>\r\n<ellipse cx=\"122\" cy=\"302\" rx=\"7\" ry=\"11\" fill=\"#A8593C\"\/>\r\n<circle cx=\"124\" cy=\"298\" r=\"1.5\" fill=\"#2B2620\" opacity=\"0.6\"\/>\r\n<circle cx=\"124\" cy=\"306\" r=\"1.5\" fill=\"#2B2620\" opacity=\"0.6\"\/>\r\n<path d=\"M100 285 L115 270 L115 290 Z\" fill=\"#A8593C\"\/>\r\n<rect x=\"45\" y=\"315\" width=\"8\" height=\"18\" rx=\"4\" fill=\"#C9954E\"\/>\r\n<rect x=\"95\" y=\"315\" width=\"8\" height=\"18\" rx=\"4\" fill=\"#C9954E\"\/>\r\n<path d=\"M40 290 Q30 280 40 275 Q50 270 45 285\" fill=\"none\" stroke=\"#C9954E\" stroke-width=\"2.5\" stroke-linecap=\"round\"\/>\r\n<circle cx=\"110\" cy=\"295\" r=\"2\" fill=\"#2B2620\"\/>\r\n<\/g>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"rakidio-exp-icon\" data-icon=\"1\">\r\n<svg viewBox=\"0 0 360 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<ellipse cx=\"180\" cy=\"390\" rx=\"140\" ry=\"14\" fill=\"#00000030\"\/>\r\n<path d=\"M90 260 Q90 180 180 170 Q270 180 270 260 Q270 320 180 330 Q90 320 90 260Z\" fill=\"#B98A4A\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<ellipse cx=\"180\" cy=\"172\" rx=\"46\" ry=\"14\" fill=\"#C9954E\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<path d=\"M210 168 Q260 150 260 110 Q260 80 230 70\" fill=\"none\" stroke=\"#E7C893\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n<path d=\"M230 70 Q200 64 198 100 Q196 140 150 150 Q110 158 108 200\" fill=\"none\" stroke=\"#E7C893\" stroke-width=\"3\" stroke-linecap=\"round\"\/>\r\n<rect x=\"86\" y=\"320\" width=\"188\" height=\"14\" rx=\"3\" fill=\"#3F4B30\"\/>\r\n<rect x=\"100\" y=\"334\" width=\"160\" height=\"10\" rx=\"2\" fill=\"#2A2E1F\"\/>\r\n<circle cx=\"100\" cy=\"198\" r=\"6\" fill=\"#1C3A4B\"\/>\r\n<g opacity=\"0.5\"><path d=\"M70 380 q10-10 20 0\" stroke=\"#E7C893\" stroke-width=\"2\" fill=\"none\"\/><path d=\"M270 380 q10-10 20 0\" stroke=\"#E7C893\" stroke-width=\"2\" fill=\"none\"\/><\/g>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"rakidio-exp-icon\" data-icon=\"2\">\r\n<svg viewBox=\"0 0 360 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<ellipse cx=\"180\" cy=\"390\" rx=\"140\" ry=\"14\" fill=\"#00000030\"\/>\r\n<rect x=\"86\" y=\"320\" width=\"188\" height=\"14\" rx=\"3\" fill=\"#3B3222\"\/>\r\n<rect x=\"100\" y=\"334\" width=\"160\" height=\"10\" rx=\"2\" fill=\"#271F14\"\/>\r\n<path d=\"M110 260 Q110 150 190 120 Q270 150 270 260 Z\" fill=\"#A89C8C\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<path d=\"M110 260 h160\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<rect x=\"170\" y=\"200\" width=\"40\" height=\"60\" rx=\"4\" fill=\"#6E5B42\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<g fill=\"#3F4B30\"><rect x=\"120\" y=\"220\" width=\"14\" height=\"10\"\/><rect x=\"150\" y=\"150\" width=\"10\" height=\"8\"\/><rect x=\"230\" y=\"150\" width=\"10\" height=\"8\"\/><\/g>\r\n<g transform=\"translate(78,270)\">\r\n<ellipse cx=\"0\" cy=\"16\" rx=\"34\" ry=\"12\" fill=\"#D9AE4E\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<path d=\"M-34 16 v-14 a34 12 0 0 0 68 0 v14\" fill=\"#EFCB6E\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<ellipse cx=\"0\" cy=\"2\" rx=\"34\" ry=\"12\" fill=\"#F3D783\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<\/g>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"rakidio-exp-icon\" data-icon=\"3\">\r\n<svg viewBox=\"0 0 360 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<ellipse cx=\"180\" cy=\"390\" rx=\"140\" ry=\"14\" fill=\"#00000030\"\/>\r\n<rect x=\"86\" y=\"320\" width=\"188\" height=\"14\" rx=\"3\" fill=\"#241A12\"\/>\r\n<rect x=\"100\" y=\"334\" width=\"160\" height=\"10\" rx=\"2\" fill=\"#160F0A\"\/>\r\n<circle cx=\"150\" cy=\"230\" r=\"80\" fill=\"none\" stroke=\"#E7C893\" stroke-width=\"4\"\/>\r\n<circle cx=\"150\" cy=\"230\" r=\"14\" fill=\"#E7C893\"\/>\r\n<g stroke=\"#E7C893\" stroke-width=\"3\">\r\n<line x1=\"150\" y1=\"150\" x2=\"150\" y2=\"310\"\/>\r\n<line x1=\"70\" y1=\"230\" x2=\"230\" y2=\"230\"\/>\r\n<line x1=\"97\" y1=\"177\" x2=\"203\" y2=\"283\"\/>\r\n<line x1=\"97\" y1=\"283\" x2=\"203\" y2=\"177\"\/>\r\n<\/g>\r\n<path d=\"M255 300 Q245 230 265 200 Q285 230 275 300 Q265 315 255 300Z\" fill=\"#B98A4A\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<ellipse cx=\"265\" cy=\"198\" rx=\"12\" ry=\"6\" fill=\"#C9954E\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<path d=\"M253 220 q-14 6 -10 26 M277 220 q14 6 10 26\" stroke=\"#E7C893\" stroke-width=\"2.5\" fill=\"none\"\/>\r\n<\/svg>\r\n<\/div>\r\n<div class=\"rakidio-exp-icon\" data-icon=\"4\">\r\n<svg viewBox=\"0 0 360 420\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\r\n<ellipse cx=\"180\" cy=\"390\" rx=\"140\" ry=\"14\" fill=\"#00000030\"\/>\r\n<ellipse cx=\"180\" cy=\"300\" rx=\"150\" ry=\"26\" fill=\"#8A5F2B\" stroke=\"#E7C893\" stroke-width=\"1.5\"\/>\r\n<rect x=\"60\" y=\"300\" width=\"10\" height=\"60\" fill=\"#5A3E1C\"\/>\r\n<rect x=\"290\" y=\"300\" width=\"10\" height=\"60\" fill=\"#5A3E1C\"\/>\r\n<ellipse cx=\"150\" cy=\"278\" rx=\"46\" ry=\"16\" fill=\"#F3ECE0\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<ellipse cx=\"150\" cy=\"274\" rx=\"30\" ry=\"10\" fill=\"#D98A3D\"\/>\r\n<ellipse cx=\"150\" cy=\"273\" rx=\"10\" ry=\"5\" fill=\"#B34A3B\"\/>\r\n<path d=\"M232 264 q-10 -18 10 -22 q20 4 10 22 q-10 8 -20 0Z\" fill=\"#D9AE4E\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<rect x=\"248\" y=\"240\" width=\"16\" height=\"34\" rx=\"3\" fill=\"#C9D3D6\" stroke=\"#8A5F2B\" stroke-width=\"1.5\"\/>\r\n<rect x=\"252\" y=\"220\" width=\"8\" height=\"20\" fill=\"#C9D3D6\" opacity=\"0.7\"\/>\r\n<\/svg>\r\n<\/div>\r\n<button class=\"rakidio-exp-arrow rakidio-exp-prev\" aria-label=\"Previous slide\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m15 18-6-6 6-6\"\/><\/svg>\r\n<\/button>\r\n<button class=\"rakidio-exp-arrow rakidio-exp-next\" aria-label=\"Next slide\">\r\n<svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"22\" height=\"22\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"m9 18 6-6-6-6\"\/><\/svg>\r\n<\/button>\r\n<\/div>\r\n<\/div>\r\n<\/section>\r\n<style>\r\n\/* CSS \u2014 Strictly Scoped (\u0391\u039c\u0395\u03a4\u0391\u0392\u039b\u0397\u03a4\u039f) *\/\r\n.rakidio-exp-slider{\r\n--cream:#FAF6EF;\r\n--paper:#F3ECE0;\r\n--terracotta:#A8593C;\r\n--terracotta-deep:#8A4530;\r\n--olive:#6E7350;\r\n--olive-deep:#525640;\r\n--stone:#A89C8C;\r\n--ink:#2B2620;\r\n--blue:#1C3A4B;\r\n--gold:#B98A4A;\r\n--maxw: 1240px;\r\npadding:140px 0;\r\nposition:relative;\r\noverflow:hidden;\r\ncolor:var(--cream);\r\nbackground:var(--blue);\r\ntransition:background-color .7s ease;\r\n}\r\n.rakidio-exp-slider *{box-sizing:border-box;}\r\n.rakidio-exp-slider .rakidio-exp-wrap{max-width:var(--maxw); margin:0 auto; padding:0 6vw;}\r\n@media(min-width:1300px){ .rakidio-exp-slider .rakidio-exp-wrap{padding:0 40px;} }\r\n.rakidio-exp-slider[data-active=\"0\"]{ background:#4B5A38; }\r\n.rakidio-exp-slider[data-active=\"1\"]{ background:#01301e; }\r\n.rakidio-exp-slider[data-active=\"2\"]{ background:#6B5334; }\r\n.rakidio-exp-slider[data-active=\"3\"]{ background:#3A2E22; }\r\n.rakidio-exp-slider[data-active=\"4\"]{ background:#8A4530; }\r\n.rakidio-exp-grid{\r\ndisplay:grid; grid-template-columns:1fr 1fr;\r\ngap:80px; align-items:center;\r\n}\r\n.rakidio-exp-slides-text{ position:relative; min-height:340px; }\r\n.rakidio-exp-slide{\r\nposition:absolute; inset:0;\r\nopacity:0; transform:translateY(18px);\r\npointer-events:none;\r\ntransition:opacity .6s ease, transform .6s ease;\r\n}\r\n.rakidio-exp-slide.rak-active{\r\nposition:relative;\r\nopacity:1; transform:translateY(0);\r\npointer-events:auto;\r\n}\r\n.rakidio-exp-slider .rakidio-exp-eyebrow{\r\nfont-size:12.5px; letter-spacing:0.28em; text-transform:uppercase;\r\ncolor:#E7C893;\r\ndisplay:flex; align-items:center; gap:14px; margin-bottom:18px;\r\nfont-family:'Inter', sans-serif; font-weight:600;\r\n}\r\n.rakidio-exp-slider .rakidio-exp-eyebrow .rakidio-exp-rule{width:34px; height:1px; background:#E7C893;}\r\n.rakidio-exp-slider h2{\r\nfont-family:'Fraunces', serif;\r\ncolor:var(--cream);\r\nfont-size:clamp(32px,4.2vw,52px);\r\nline-height:1.08;\r\nfont-weight:500;\r\n}\r\n.rakidio-exp-slider p{\r\ncolor:#C9D3D6; font-weight:300; font-size:16px; margin-top:18px;\r\nfont-family:'Inter', sans-serif;\r\n}\r\n.rakidio-exp-stats{ display:flex; gap:48px; margin-top:46px; flex-wrap:wrap; }\r\n.rakidio-exp-stats div {\r\nwhite-space: nowrap;\r\n}\r\n.rakidio-exp-stats div span{\r\ndisplay:block; font-family:'Fraunces',serif;\r\nfont-size:28px; color:#E7C893; font-weight:500;\r\n}\r\n.rakidio-exp-stats div small{\r\nfont-size:10px; letter-spacing:0.1em; text-transform:uppercase;\r\ncolor:#9FB0B5; font-family:'Inter', sans-serif;\r\n}\r\n.rakidio-exp-dots{\r\ndisplay:flex; gap:12px; margin-top:52px;\r\n}\r\n.rakidio-exp-dot{\r\nwidth:10px; height:10px; border-radius:50%;\r\nborder:1px solid #E7C893; background:transparent;\r\npadding:0; cursor:pointer; transition:background .3s ease, transform .3s ease;\r\n}\r\n.rakidio-exp-dot.rak-active{ background:#E7C893; transform:scale(1.15); }\r\n.rakidio-exp-visual-wrap{\r\nposition:relative; display:flex; align-items:center; justify-content:center;\r\nmin-height:340px;\r\n}\r\n.rakidio-exp-icon{\r\nposition:absolute; inset:0;\r\ndisplay:flex; align-items:center; justify-content:center;\r\nopacity:0; transform:scale(0.94);\r\npointer-events:none;\r\ntransition:opacity .6s ease, transform .6s ease;\r\n}\r\n.rakidio-exp-icon.rak-active{\r\nposition:relative;\r\nopacity:1; transform:scale(1);\r\npointer-events:auto;\r\n}\r\n.rakidio-exp-icon svg{ width:100%; max-width:380px; }\r\n.rakidio-exp-icon[data-icon=\"1\"] svg,\r\n.rakidio-exp-icon[data-icon=\"4\"] svg {\r\ntransform: translateY(-30px);\r\n}\r\n.rakidio-exp-arrow{\r\nposition:absolute; top:50%; transform:translateY(-50%);\r\nwidth:42px; height:42px; border-radius:50%;\r\nborder:1px solid rgba(231, 200, 147, 0.5); background:rgba(0,0,0,0.15);\r\ncolor:#E7C893; display:flex; align-items:center; justify-content:center;\r\ncursor:pointer; transition:background .25s ease, border-color .25s ease;\r\n}\r\n.rakidio-exp-arrow:hover{ background:rgba(0,0,0,0.35); border-color:#E7C893; }\r\n.rakidio-exp-prev{ left:-8px; }\r\n.rakidio-exp-next{ right:-8px; }\r\n.rakidio-exp-slider .rakidio-exp-grid > *{ opacity:0; transform:translateY(34px); transition:opacity .9s ease, transform .9s ease; }\r\n.rakidio-exp-slider .rakidio-exp-grid.rak-in > *{ opacity:1; transform:translateY(0); }\r\n@media(max-width:1000px){\r\n.rakidio-exp-grid{ grid-template-columns:1fr; gap:50px; }\r\n.rakidio-exp-slider{ padding:90px 0; }\r\n.rakidio-exp-slides-text{ min-height:420px; }\r\n.rakidio-exp-visual-wrap{ min-height:260px; order:-1; }\r\n.rakidio-exp-stats{ gap:32px; }\r\n.rakidio-exp-arrow {\r\nwidth: 36px; height: 36px;\r\nbackground: rgba(0,0,0,0.3);\r\n}\r\n.rakidio-exp-prev { left: 0px; }\r\n.rakidio-exp-next { right: 0px; }\r\n}\r\n<\/style>\r\n<script>\r\n\/\/ JS \u2014 Strictly Scoped (\u0391\u039c\u0395\u03a4\u0391\u0392\u039b\u0397\u03a4\u039f)\r\ndocument.addEventListener('DOMContentLoaded', function() {\r\nconst root = document.getElementById('rakidio-exp-slider');\r\nif(!root) return;\r\nconst grid       = root.querySelector('.rakidio-exp-grid');\r\nconst textSlides = Array.from(root.querySelectorAll('.rakidio-exp-slide'));\r\nconst iconSlides = Array.from(root.querySelectorAll('.rakidio-exp-icon'));\r\nconst dots        = Array.from(root.querySelectorAll('.rakidio-exp-dot'));\r\nconst prevBtn     = root.querySelector('.rakidio-exp-prev');\r\nconst nextBtn     = root.querySelector('.rakidio-exp-next');\r\nconst textWrap    = root.querySelector('.rakidio-exp-slides-text');\r\nconst total = textSlides.length;\r\nlet current = 0;\r\nlet timer   = null;\r\nconst AUTOPLAY_MS = 6000;\r\nfunction setHeight(){\r\nconst activeEl = textSlides[current];\r\nif(activeEl){ textWrap.style.minHeight = activeEl.scrollHeight + 'px'; }\r\n}\r\nfunction goTo(index){\r\ncurrent = (index + total) % total;\r\ntextSlides.forEach((el,i) => el.classList.toggle('rak-active', i === current));\r\niconSlides.forEach((el,i) => el.classList.toggle('rak-active', i === current));\r\ndots.forEach((el,i) => el.classList.toggle('rak-active', i === current));\r\nroot.setAttribute('data-active', String(current));\r\nrequestAnimationFrame(setHeight);\r\n}\r\nfunction next(){ goTo(current + 1); }\r\nfunction prev(){ goTo(current - 1); }\r\nfunction startAutoplay(){\r\nstopAutoplay();\r\ntimer = setInterval(next, AUTOPLAY_MS);\r\n}\r\nfunction stopAutoplay(){\r\nif(timer){ clearInterval(timer); timer = null; }\r\n}\r\ndots.forEach(dot => {\r\ndot.addEventListener('click', () => {\r\ngoTo(parseInt(dot.dataset.goto, 10));\r\nstartAutoplay();\r\n});\r\n});\r\nif(nextBtn) nextBtn.addEventListener('click', () => { next(); startAutoplay(); });\r\nif(prevBtn) prevBtn.addEventListener('click', () => { prev(); startAutoplay(); });\r\nroot.addEventListener('mouseenter', stopAutoplay);\r\nroot.addEventListener('mouseleave', startAutoplay);\r\nlet touchStartX = 0;\r\nroot.addEventListener('touchstart', e => { touchStartX = e.touches[0].clientX; }, {passive:true});\r\nroot.addEventListener('touchend', e => {\r\nconst dx = e.changedTouches[0].clientX - touchStartX;\r\nif(Math.abs(dx) > 40){ dx < 0 ? next() : prev(); startAutoplay(); }\r\n}, {passive:true});\r\nconst io = new IntersectionObserver((entries) => {\r\nentries.forEach(e => {\r\nif(e.isIntersecting){ e.target.classList.add('rak-in'); io.unobserve(e.target); }\r\n});\r\n}, { threshold: 0.15 });\r\nif(grid) io.observe(grid);\r\nwindow.addEventListener('resize', setHeight);\r\nsetTimeout(() => {\r\ngoTo(0);\r\nstartAutoplay();\r\n}, 100);\r\n});\r\n<\/script>\r\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_4 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_4 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_4 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_4 et_pb_code et_pb_module\"><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_5 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_5 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_5 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_5 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><!-- HTML -->\n<section class=\"gallery\" id=\"gallery\">\n  <div class=\"wrap\">\n    <div class=\"section-head reveal\">\n      <div class=\"eyebrow\"><span class=\"rule\"><\/span> Glimpses<\/div>\n      <h2>A morning at Rakidio<\/h2>\n      <p>Stone courtyards, copper light, and the textures of Sellia, a quiet preview of what's waiting in rakidio experience.<\/p>\n    <\/div>\n    <div class=\"gal-grid reveal\">\n      <div class=\"g1\">\n        <img decoding=\"async\" src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/3-rakidio-archiki.webp\" alt=\"Feed the animals\">\n        <span class=\"cap\">Feed the Animals<\/span>\n      <\/div>\n      \n      <!-- \u03a4\u03bf Olive Terraces (g2) \u03b1\u03c6\u03b1\u03b9\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5 \u03b5\u03bd\u03c4\u03b5\u03bb\u03ce\u03c2 -->\n\n      <div class=\"g3\">\n        <img decoding=\"async\" src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/9-rakidio-archiki.webp\" alt=\"Olive Trees\">\n        <span class=\"cap\">Olive Trees<\/span>\n      <\/div>\n      <div class=\"g4\">\n        <img decoding=\"async\" src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/11-rakidio-archiki.webp\" alt=\"View to the Libyan Sea\">\n        <span class=\"cap\">Farm Animals<\/span>\n      <\/div>\n      <div class=\"g5\">\n        <img decoding=\"async\" src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/7-rakidio-archiki.webp\" alt=\"Stone Courtyard\">\n        <span class=\"cap\">Stone Courtyard<\/span>\n      <\/div>\n      <div class=\"g6\">\n        <img decoding=\"async\" src=\"https:\/\/rakidio.gr\/wp-content\/uploads\/2026\/07\/13-rakidio-archiki.webp\" alt=\"The Long Table\">\n        <span class=\"cap\">Local Products<\/span>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<style>\n\/* CSS *\/\n:root{\n  --cream:#FAF6EF;\n  --paper:#F3ECE0;\n  --terracotta:#A8593C;\n  --terracotta-deep:#8A4530;\n  --olive:#6E7350;\n  --olive-deep:#525640;\n  --stone:#A89C8C;\n  --ink:#2B2620;\n  --blue:#1C3A4B;\n  --gold:#B98A4A;\n  --line: rgba(43,38,32,0.12);\n  --maxw: 1240px;\n}\n\n*{box-sizing:border-box; margin:0; padding:0;}\n\na{text-decoration:none; color:inherit;}\n\nsection{ padding:140px 0; position:relative; }\n\n.gallery{ background:var(--paper); }\n\n.eyebrow{\n  font-size:12.5px; letter-spacing:0.28em; text-transform:uppercase; color:var(--terracotta);\n  display:flex; align-items:center; gap:14px; margin-bottom:18px;\n  font-family:'Inter', sans-serif; font-weight:600;\n}\n\n.eyebrow .rule{width:34px; height:1px; background:var(--terracotta);}\n\n.section-head{ max-width:640px; margin-bottom:70px; }\n\n.section-head h2{ \n  font-family:'Fraunces', serif; \n  font-size:clamp(32px,4.2vw,52px); \n  line-height:1.08; \n  font-weight:500;\n  color:var(--ink);\n}\n\n.section-head p{ \n  margin-top:18px; color:#5C5346; font-size:16.5px; font-weight:300; \n  max-width:520px; font-family:'Inter', sans-serif;\n}\n\n.gal-grid{\n  display:grid; grid-template-columns:repeat(6,1fr); grid-auto-rows:140px; gap:14px;\n}\n\n.gal-grid > div{\n  border-radius:3px; position:relative; overflow:hidden; cursor:pointer;\n}\n\n.gal-grid > div img{\n  width:100%; height:100%; object-fit:cover;\n  transition: transform .6s ease;\n}\n\n.gal-grid > div:hover img{ transform: scale(1.05); }\n\n.gal-grid > div::after{\n  content:''; position:absolute; inset:0; \n  background:linear-gradient(180deg, transparent 55%, rgba(20,16,10,0.45) 100%);\n  opacity:0; transition:opacity .4s ease;\n}\n\n.gal-grid > div:hover::after{ opacity:1; }\n\n.gal-grid > div .cap{\n  position:absolute; left:18px; bottom:14px; color:#fff; font-size:13px; letter-spacing:0.05em;\n  opacity:0; transform:translateY(8px); transition:all .4s ease; font-family:'Fraunces',serif;\n  z-index:2;\n}\n\n.gal-grid > div:hover .cap{ opacity:1; transform:translateY(0); }\n\n\/* \u0395\u03bd\u03b7\u03bc\u03b5\u03c1\u03c9\u03bc\u03ad\u03bd\u03bf Grid Layout \u03b3\u03b9\u03b1 5 \u03c3\u03c4\u03bf\u03b9\u03c7\u03b5\u03af\u03b1 (Desktop) *\/\n.gal-grid .g1{ grid-column:span 3; grid-row:span 2; }\n\/* \u03a4\u03bf g2 \u03b1\u03c6\u03b1\u03b9\u03c1\u03ad\u03b8\u03b7\u03ba\u03b5 *\/\n.gal-grid .g3{ grid-column:span 3; grid-row:span 2; } \/* \u0394\u03b9\u03c0\u03bb\u03b1\u03c3\u03b9\u03ac\u03c3\u03c4\u03b7\u03ba\u03b5 \u03c4\u03bf \u03cd\u03c8\u03bf\u03c2 \u03c4\u03bf\u03c5 \u03b3\u03b9\u03b1 \u03bd\u03b1 \u03c0\u03ac\u03c1\u03b5\u03b9 \u03c4\u03bf\u03bd \u03c7\u03ce\u03c1\u03bf \u03c4\u03bf\u03c5 g2 *\/\n.gal-grid .g4{ grid-column:span 2; grid-row:span 2; }\n.gal-grid .g5{ grid-column:span 2; grid-row:span 2; }\n.gal-grid .g6{ grid-column:span 2; grid-row:span 2; }\n\n.reveal{ opacity:0; transform:translateY(34px); transition:opacity .9s ease, transform .9s ease; }\n.reveal.in{ opacity:1; transform:translateY(0); }\n\n.wrap{max-width:var(--maxw); margin:0 auto; padding:0 6vw;}\n\n@media(min-width:1300px){ .wrap{padding:0 40px;} }\n\n\/* === TABLETS \/ \u039c\u0399\u039a\u03a1\u0395\u03a3 \u039f\u0398\u039f\u039d\u0395\u03a3 (max-width: 1000px) === *\/\n@media(max-width:1000px){\n  .gal-grid{ \n    grid-template-columns:repeat(2,1fr); \n    grid-auto-rows:160px; \n  }\n  .gal-grid .g1,\n  .gal-grid .g3,\n  .gal-grid .g4,\n  .gal-grid .g5,\n  .gal-grid .g6{ \n    grid-column:span 1; \n    grid-row:span 1; \n  }\n  section{ padding:90px 0; }\n}\n\n\/* === \u039a\u0399\u039d\u0397\u03a4\u0391 (max-width: 560px) - \u039c\u039f\u039d\u039f \u0397 g1 \u039c\u0395\u0393\u0391\u039b\u03a9\u039d\u0395\u0399 === *\/\n@media(max-width:560px){\n  .gal-grid{ \n    grid-template-columns:1fr 1fr; \n    grid-auto-rows:140px; \n    gap:10px;\n  }\n  \n  \/* \u0397 \u03c0\u03c1\u03ce\u03c4\u03b7 \u03c6\u03c9\u03c4\u03bf\u03b3\u03c1\u03b1\u03c6\u03af\u03b1 (g1) \u03b3\u03af\u03bd\u03b5\u03c4\u03b1\u03b9 \u03bc\u03b5\u03b3\u03ac\u03bb\u03b7 \u2013 \u03c0\u03b9\u03ac\u03bd\u03b5\u03b9 \u03cc\u03bb\u03bf \u03c4\u03bf \u03c0\u03bb\u03ac\u03c4\u03bf\u03c2 \u03ba\u03b1\u03b9 \u03b4\u03b9\u03c0\u03bb\u03cc \u03cd\u03c8\u03bf\u03c2 *\/\n  .gal-grid .g1{ \n    grid-column:span 2; \n    grid-row:span 2; \n  }\n  \n  \/* \u038c\u03bb\u03b5\u03c2 \u03bf\u03b9 \u03ac\u03bb\u03bb\u03b5\u03c2 \u03bc\u03ad\u03bd\u03bf\u03c5\u03bd \u03ba\u03b1\u03bd\u03bf\u03bd\u03b9\u03ba\u03ad\u03c2 (1 \u03c3\u03c4\u03ae\u03bb\u03b7, 1 \u03c3\u03b5\u03b9\u03c1\u03ac) *\/\n  .gal-grid .g3,\n  .gal-grid .g4,\n  .gal-grid .g5,\n  .gal-grid .g6{ \n    grid-column:span 1; \n    grid-row:span 1; \n  }\n}\n<\/style>\n\n<script>\n\/\/ JavaScript\n(function(){\n  const revealEls = document.querySelectorAll('.reveal');\n  \n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(e => { \n      if (e.isIntersecting) { \n        e.target.classList.add('in'); \n        io.unobserve(e.target); \n      } \n    });\n  }, { threshold: 0.15 });\n  \n  revealEls.forEach(el => io.observe(el));\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"et_pb_section_7 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_7 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_7 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_7 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\">[rakidio_about_story]<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"et_pb_section_8 et_pb_section et_section_regular et_flex_section\">\n<div class=\"et_pb_row_8 et_pb_row et_flex_row\">\n<div class=\"et_pb_column_8 et_pb_column et-last-child et_flex_column et_pb_css_mix_blend_mode_passthrough et_flex_column_24_24 et_flex_column_24_24_tablet et_flex_column_24_24_phone\">\n<div class=\"et_pb_code_8 et_pb_code et_pb_module\"><div class=\"et_pb_code_inner\"><section class=\"rakidio-visit-section\" id=\"visit\">\n<div class=\"rakidio-wrap visit-grid\">\n  \n  <!-- Left Column - Info -->\n  <div class=\"visit-info reveal\">\n    <div class=\"eyebrow\"><span class=\"rule\"><\/span> Visit &amp; Book<\/div>\n    <h2>Come up the mountain<\/h2>\n    <p>Rakidio sits 20 minutes above Plakias, in the village of Sellia. Visits are small, hosted, and best booked a few days ahead \u2014 especially during harvest season.<\/p>\n    \n    <div class=\"info-row\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M12 21s7-7.4 7-12a7 7 0 10-14 0c0 4.6 7 12 7 12z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><circle cx=\"12\" cy=\"9\" r=\"2.5\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n      <div><h4>Sellia, Rethymno<\/h4><span>Above Plakias, Crete, Greece<\/span><\/div>\n    <\/div>\n    \n   <!-- <div class=\"info-row\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><circle cx=\"12\" cy=\"12\" r=\"9\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M12 7v5l3 2\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n      <div><h4>Visiting Hours<\/h4><span>Tuesday \u2013 Sunday, 10:00 \u2013 18:00<\/span><\/div>\n    <\/div> -->\n    \n    <div class=\"info-row\">\n      <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M4 4h16v16H4z\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><path d=\"M4 6l8 7 8-7\" stroke=\"currentColor\" stroke-width=\"1.4\"\/><\/svg>\n      <div><h4>Reach Us<\/h4><span>info@rakidio.gr \u00b7 +30 693 764 8216<\/span><\/div>\n    <\/div>\n  <\/div>\n  \n  <!-- Right Column - Form -->\n  <div class=\"visit-form reveal\">\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f105-o1\" lang=\"en-US\" dir=\"ltr\" data-wpcf7-id=\"105\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/el\/wp-json\/wp\/v2\/pages\/12#wpcf7-f105-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contact form\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"105\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"en_US\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f105-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"rakidio-cf7-form\">\n\t<p><label for=\"your-name\">Full Name *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" id=\"your-name\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Your name\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n\t<p><label for=\"your-email\">Email *<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" id=\"your-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"you@email.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t<\/p>\n\t<div class=\"form-row-inline\">\n\t\t<div class=\"form-col\">\n\t\t\t<p><label for=\"preferred-date\">Preferred Date<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"preferred-date\"><input class=\"wpcf7-form-control wpcf7-date wpcf7-validates-as-date\" id=\"preferred-date\" aria-invalid=\"false\" value=\"\" type=\"date\" name=\"preferred-date\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t\t<div class=\"form-col\">\n\t\t\t<p><label for=\"guests-count\">Number of Guests<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"guests-count\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number\" id=\"guests-count\" min=\"1\" max=\"17\" aria-invalid=\"false\" placeholder=\"1-17 guests\" value=\"\" type=\"number\" name=\"guests-count\" \/><\/span>\n\t\t\t<\/p>\n\t\t<\/div>\n\t<\/div>\n\t<p><label for=\"your-message\">Message<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea\" id=\"your-message\" aria-invalid=\"false\" placeholder=\"Tell us about your visit...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n\t<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"Send Request\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n  \n<\/div>\n<\/section>\n\n<style>\n\/* CSS STYLES *\/\n:root{\n--cream:#FAF6EF;\n--paper:#F3ECE0;\n--terracotta:#A8593C;\n--terracotta-deep:#8A4530;\n--olive:#6E7350;\n--olive-deep:#525640;\n--stone:#A89C8C;\n--ink:#2B2620;\n--blue:#1C3A4B;\n--gold:#B98A4A;\n--maxw: 1240px;\n}\n\n*{box-sizing:border-box;}\n\n.rakidio-visit-section{\n  padding:140px 0;\n  position:relative;\n  background:var(--olive-deep);\n  color:var(--cream);\n}\n\n.rakidio-wrap{\n  max-width:var(--maxw);\n  margin:0 auto;\n  padding:0 6vw;\n}\n\n@media(min-width:1300px){\n  .rakidio-wrap{padding:0 40px;}\n}\n\n.visit-grid{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:90px;\n  align-items:start;\n}\n\n\/* Info Section *\/\n.visit-info .eyebrow{\n  color:#D8CDA8;\n  font-size:11px;\n  letter-spacing:0.15em;\n  text-transform:uppercase;\n  margin-bottom:16px;\n  display:flex;\n  align-items:center;\n  gap:12px;\n}\n\n.visit-info .eyebrow .rule{\n  display:inline-block;\n  width:40px;\n  height:1px;\n  background:#D8CDA8;\n}\n\n.visit-info h2{\n  font-family:'Fraunces', serif;\n  color:var(--cream);\n  font-size:clamp(32px,4.2vw,52px);\n  line-height:1.08;\n  font-weight:500;\n  margin:0 0 16px 0;\n}\n\n.visit-info p{\n  color:#D7D5C6;\n  font-weight:300;\n  font-size:16px;\n  margin:0 0 32px 0;\n  font-family:'Inter', sans-serif;\n  line-height:1.6;\n}\n\n.info-row{\n  display:flex;\n  gap:18px;\n  margin-top:28px;\n  padding-top:24px;\n  border-top:1px solid rgba(250,246,239,0.18);\n}\n\n.info-row svg{\n  width:20px;\n  height:20px;\n  flex-shrink:0;\n  margin-top:3px;\n  color:#E7C893;\n}\n\n.info-row h4{\n  font-family:'Fraunces',serif;\n  font-weight:500;\n  font-size:16px;\n  margin:0 0 4px 0;\n  color:var(--cream);\n}\n\n.info-row span{\n  color:#C9C6B4;\n  font-size:14.5px;\n  font-weight:300;\n  font-family:'Inter', sans-serif;\n}\n\n\/* Contact Form 7 Styling - SPECIFIC SELECTORS *\/\n.rakidio-cf7-form{\n  display:flex;\n  flex-direction:column;\n  gap:18px;\n}\n\n.rakidio-cf7-form label{\n  font-size:11.5px;\n  letter-spacing:0.1em;\n  text-transform:uppercase;\n  color:#D8CDA8;\n  margin-bottom:8px;\n  display:block;\n  font-family:'Inter', sans-serif;\n  font-weight:400;\n}\n\n.rakidio-cf7-form input[type=\"text\"],\n.rakidio-cf7-form input[type=\"email\"],\n.rakidio-cf7-form input[type=\"date\"],\n.rakidio-cf7-form select,\n.rakidio-cf7-form textarea{\n  width:100%;\n  background:transparent;\n  border:none;\n  border-bottom:1px solid rgba(250,246,239,0.35);\n  padding:10px 2px;\n  color:var(--cream);\n  font-family:'Inter',sans-serif;\n  font-size:15px;\n  font-weight:300;\n  transition:border-color .3s ease;\n  box-sizing:border-box;\n}\n\n.rakidio-cf7-form input::placeholder,\n.rakidio-cf7-form textarea::placeholder{\n  color:#9C9A86;\n}\n\n.rakidio-cf7-form input:focus,\n.rakidio-cf7-form select:focus,\n.rakidio-cf7-form textarea:focus{\n  outline:none;\n  border-color:#E7C893;\n}\n\n.rakidio-cf7-form select{\n  cursor:pointer;\n  appearance:none;\n  background-image:url(\"data:image\/svg+xml,%3Csvg xmlns='http:\/\/www.w3.org\/2000\/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23D8CDA8' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'\/%3E%3C\/svg%3E\");\n  background-repeat:no-repeat;\n  background-position:right center;\n  padding-right:25px;\n}\n\n.rakidio-cf7-form select option{\n  color:#222;\n  background:#fff;\n}\n\n.rakidio-cf7-form textarea{\n  resize:none;\n  min-height:90px;\n}\n\n\/* Two Column Layout *\/\n.form-row-inline{\n  display:grid;\n  grid-template-columns:1fr 1fr;\n  gap:18px;\n}\n\n.form-col{\n  display:flex;\n  flex-direction:column;\n}\n\n\/* Submit Button *\/\n.rakidio-cf7-form input[type=\"submit\"]{\n  align-self:flex-start;\n  background:var(--terracotta);\n  color:var(--cream);\n  border:none;\n  padding:16px 36px;\n  font-size:12.5px;\n  letter-spacing:0.1em;\n  text-transform:uppercase;\n  cursor:pointer;\n  transition:all .35s ease;\n  border-radius:2px;\n  font-family:'Inter', sans-serif;\n  font-weight:500;\n  margin-top:10px;\n}\n\n.rakidio-cf7-form input[type=\"submit\"]:hover{\n  background:#C26B47;\n  transform:translateY(-2px);\n}\n\n\/* Validation Messages *\/\n.wpcf7-not-valid-tip{\n  color:#ff6b6b !important;\n  font-size:12px !important;\n  margin-top:5px !important;\n  font-family:'Inter', sans-serif;\n}\n\n.wpcf7-not-valid{\n  border-color:#ff6b6b !important;\n}\n\n.wpcf7-response-output{\n  border:1px solid #4ecdc4 !important;\n  background-color:rgba(78,205,196,0.1) !important;\n  color:var(--cream) !important;\n  padding:12px !important;\n  margin:15px 0 0 0 !important;\n  font-family:'Inter', sans-serif;\n  font-size:14px;\n}\n\n.wpcf7-form.invalid .wpcf7-response-output,\n.wpcf7-form.failed .wpcf7-response-output{\n  border-color:#ff6b6b !important;\n  background-color:rgba(255,107,107,0.1) !important;\n  color:#ff6b6b !important;\n}\n\n\/* Animation *\/\n.reveal{\n  opacity:0;\n  transform:translateY(34px);\n  transition:opacity .9s ease, transform .9s ease;\n}\n\n.reveal.in{\n  opacity:1;\n  transform:translateY(0);\n}\n\n\/* Responsive *\/\n@media(max-width:1000px){\n  .visit-grid{\n    grid-template-columns:1fr;\n    gap:50px;\n  }\n  \n  .rakidio-visit-section{\n    padding:90px 0;\n  }\n  \n  .form-row-inline{\n    grid-template-columns:1fr;\n  }\n  \n  .rakidio-cf7-form input[type=\"submit\"]{\n    width:100%;\n  }\n}\n\n@media(max-width:480px){\n  .rakidio-wrap{\n    padding:0 24px;\n  }\n}\n<\/style>\n\n<script>\n\/\/ Scroll Reveal Animation\n(function(){\n  const revealEls = document.querySelectorAll('.reveal');\n  \n  const io = new IntersectionObserver((entries) => {\n    entries.forEach(entry => {\n      if (entry.isIntersecting) {\n        entry.target.classList.add('in');\n        io.unobserve(entry.target);\n      }\n    });\n  }, { threshold: 0.15 });\n  \n  revealEls.forEach(el => io.observe(el));\n})();\n<\/script><\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-12","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/pages\/12","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/comments?post=12"}],"version-history":[{"count":68,"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/pages\/12\/revisions"}],"predecessor-version":[{"id":282,"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/pages\/12\/revisions\/282"}],"wp:attachment":[{"href":"https:\/\/rakidio.gr\/el\/wp-json\/wp\/v2\/media?parent=12"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}