{"id":10,"date":"2025-09-19T07:11:27","date_gmt":"2025-09-19T07:11:27","guid":{"rendered":"https:\/\/ratama.eu\/?page_id=10"},"modified":"2025-10-28T07:55:52","modified_gmt":"2025-10-28T07:55:52","slug":"%d1%80%d0%b0%d1%82%d0%b0%d0%bc%d0%b0-%d0%bf%d1%8a%d1%82%d1%8f%d1%82-%d0%bd%d0%b0-%d1%81%d0%b2%d0%b5%d1%82%d0%bb%d0%b8%d0%bd%d0%b0%d1%82%d0%b0","status":"publish","type":"page","link":"https:\/\/ratama.eu\/","title":{"rendered":""},"content":{"rendered":"\n<section id=\"ratama-one\" class=\"ratama\">\n  <style>\n    \/* =========  SCOPE  ========= *\/\n    #ratama-one { --gold:#f6c46d; --copper:#c47b39; --amber:#a85e2a; --cream:#f6efe5; --bg1:#3a2a15; --bg2:#23180e; --glass:rgba(255,255,255,.06); --line:rgba(246,196,109,.35); --soft:rgba(246,196,109,.18); --muted:#d9cbb5; --text:#2a1e12; --shadow:rgba(0,0,0,.35); --maxw:1200px; font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Playfair Display\", \"Inter\", sans-serif; color:var(--text); position:relative; overflow:hidden; }\n\n    \/* =========  STAGE \/ MIST BACKGROUND  ========= *\/\n    #ratama-one .stage {\n      position:relative; min-height:100vh; padding:56px 20px 80px;\n      display:flex; flex-direction:column; align-items:center; justify-content:flex-start;\n      background: radial-gradient(1200px 800px at 50% -10%, #f7e6c8 0%, #f0d7a7 18%, #d9b173 40%, #a86a29 60%, #6a3f19 75%, var(--bg2) 100%);\n      isolation:isolate;\n    }\n    \/* moving copper light sheets *\/\n    #ratama-one .stage::before,\n    #ratama-one .stage::after{\n      content:\"\"; position:absolute; inset:-20%;\n      background: conic-gradient(from 0deg, rgba(255,255,255,.02), rgba(255,255,255,.06), rgba(255,255,255,.02));\n      filter: blur(30px) saturate(130%);\n      mix-blend-mode: soft-light; opacity:.45; z-index:0;\n      animation: swirl 28s linear infinite;\n      transform-origin: 50% 50%;\n    }\n    #ratama-one .stage::after{\n      background: radial-gradient(1200px 600px at 60% 20%, rgba(246,196,109,.25), rgba(196,123,57,.18) 35%, rgba(0,0,0,0) 60%),\n                  radial-gradient(1000px 500px at 30% 70%, rgba(246,196,109,.18), rgba(0,0,0,0) 55%);\n      filter: blur(50px);\n      animation: drift 42s ease-in-out infinite;\n      opacity:.55;\n      mix-blend-mode: screen;\n    }\n    @keyframes swirl { from{transform:rotate(0deg) scale(1.05);} to{transform:rotate(360deg) scale(1.05);} }\n    @keyframes drift {\n      0%   {transform: translate3d(-2%, -2%,0) scale(1);}\n      35%  {transform: translate3d(1%, 2%,0)  scale(1.05);}\n      70%  {transform: translate3d(3%, -1%,0) scale(1.02);}\n      100% {transform: translate3d(-2%, -2%,0) scale(1);}\n    }\n\n    \/* =========  TITLE  ========= *\/\n    #ratama-one .title {\n      position:relative; z-index:2; text-align:center; margin:12px 0 28px;\n    }\n    #ratama-one .title h1{\n      font-weight:700; letter-spacing:.5px; margin:0;\n      color:#3a2a15; \/* \u0442\u044a\u043c\u0435\u043d \u0442\u043e\u043f\u044a\u043b *\/\n      text-shadow: 0 1px 0 rgba(255,255,255,.6), 0 8px 30px rgba(168,94,42,.35);\n      font-size: clamp(26px, 5vw, 42px);\n    }\n    #ratama-one .title .subtitle{\n      margin-top:8px; color:#4a341f; opacity:.85; font-size:clamp(14px,2.2vw,16px);\n    }\n\n    \/* =========  CENTER ORB  ========= *\/\n    #ratama-one .orb {\n      position:relative; z-index:2; width:min(260px, 70vw); aspect-ratio:1\/1; border-radius:50%;\n      display:grid; place-items:center; text-align:center; margin:24px auto 36px;\n      background:\n        radial-gradient(circle at 50% 40%, rgba(255,255,255,.85) 0%, #f7e6c8 30%, rgba(246,196,109,.55) 55%, rgba(196,123,57,.45) 70%, rgba(0,0,0,0) 100%);\n      box-shadow:\n        0 12px 60px rgba(246,196,109,.45),\n        inset 0 0 60px rgba(255,255,255,.6),\n        0 1px 0 rgba(255,255,255,.8);\n      border: 1px solid rgba(246,196,109,.6);\n      animation: breathe 6.5s ease-in-out infinite;\n    }\n    #ratama-one .orb::before{\n      content:\"\"; position:absolute; inset:-12%; border-radius:50%;\n      background: radial-gradient(80% 60% at 50% 35%, rgba(255,255,255,.35), rgba(255,255,255,0));\n      filter: blur(12px); mix-blend-mode: screen; opacity:.7;\n      animation: halo 9s ease-in-out infinite;\n    }\n    #ratama-one .orb h3{ margin:0; font-weight:800; color:#3a2a15; font-size:clamp(16px, 3.2vw, 22px); }\n    #ratama-one .orb p{ margin:2px 10px 0; color:#4a341f; font-size:clamp(12px, 2.6vw, 14px); opacity:.9; }\n    @keyframes breathe {\n      0%,100% { transform: scale(1); box-shadow: 0 12px 60px rgba(246,196,109,.45), inset 0 0 60px rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.8); }\n      50%     { transform: scale(1.035); box-shadow: 0 18px 80px rgba(246,196,109,.6), inset 0 0 80px rgba(255,255,255,.75), 0 1px 0 rgba(255,255,255,1); }\n    }\n    @keyframes halo {\n      0%,100% {opacity:.65; transform:scale(1);}\n      50% {opacity:.85; transform:scale(1.05);}\n    }\n\n    \/* =========  GRID 6 BLOCKS  ========= *\/\n    #ratama-one .grid {\n      position:relative; z-index:2;\n      display:grid; gap:18px; max-width:var(--maxw); margin:0 auto; padding:0 8px;\n      grid-template-columns: repeat(3, 1fr);\n    }\n    @media (max-width:920px){ #ratama-one .grid { grid-template-columns: repeat(2, 1fr);} }\n    @media (max-width:620px){ #ratama-one .grid { grid-template-columns: 1fr; } }\n\n    #ratama-one .card {\n      position:relative; text-decoration:none; color:#2e2116; overflow:hidden;\n      border-radius:16px; border:1px solid rgba(255,255,255,.35);\n      background: linear-gradient(180deg, rgba(255,255,255,.75), rgba(255,255,255,.55));\n      box-shadow: 0 10px 28px var(--shadow), inset 0 1px 0 rgba(255,255,255,.8);\n      transition: transform .35s ease, box-shadow .35s ease, border-color .35s ease;\n    }\n    #ratama-one .card:hover {\n      transform: translateY(-6px);\n      border-color: var(--line);\n      box-shadow: 0 16px 40px rgba(168,94,42,.35), inset 0 1px 0 rgba(255,255,255,.9);\n    }\n    #ratama-one .card::after {\n      content:\"\"; position:absolute; inset:auto -40% -60% -40%;\n      height:140%; background: radial-gradient(50% 40% at 50% 0%, rgba(246,196,109,.28), rgba(0,0,0,0));\n      filter: blur(22px); opacity:.7; pointer-events:none;\n      transition: opacity .35s ease;\n    }\n    #ratama-one .card:hover::after { opacity: .95; }\n\n    #ratama-one .card .inner { padding:26px 22px 24px; }\n    #ratama-one .card h4 {\n      margin:0 0 8px; font-weight:800; letter-spacing:.3px; color:#3a2a15;\n      font-size: clamp(16px, 2.6vw, 20px);\n      text-shadow: 0 1px 0 rgba(255,255,255,.8);\n    }\n    #ratama-one .card p {\n      margin:0; color:#4a341f; opacity:.9; line-height:1.45; font-size: clamp(13px, 2.4vw, 15px);\n    }\n    #ratama-one .card .cta {\n      margin-top:14px; display:inline-block; font-weight:700;\n      color:#6a3f19; border-bottom:2px solid rgba(168,94,42,.35);\n      transition: color .25s ease, border-color .25s ease;\n    }\n    #ratama-one .card:hover .cta { color:#a85e2a; border-color:#a85e2a; }\n    #ratama-one .split { margin-top:18px; }\n\n    \/* =========  FOOTER LINE  ========= *\/\n    #ratama-one .foot {\n      position:relative; z-index:2; text-align:center; margin:36px auto 6px; color:#4a341f; opacity:.9; font-size:13px;\n    }\n    #ratama-one .foot a{ color:#6a3f19; text-decoration:none; border-bottom:1px dashed rgba(168,94,42,.45); }\n    #ratama-one .foot a:hover{ color:#a85e2a; border-color:#a85e2a; }\n  <\/style>\n\n  <div class=\"stage\">\n    <div class=\"title\">\n      <h1>\u0420\u0430\u0422\u0430\u041c\u0430 \u2013 \u041a\u0430\u043c\u044a\u043a\u0430 \u043d\u0430 \u0421\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430<\/h1>\n      <div class=\"subtitle\">\u0415\u0434\u0438\u043d\u043d\u0438\u044f\u0442 \u0438\u0437\u0442\u043e\u0447\u043d\u0438\u043a \u2013 \u0448\u0435\u0441\u0442 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f<\/div>\n    <\/div>\n\n    <!-- Center Orb -->\n    <div class=\"orb\" aria-label=\"\u0420\u0430\u0422\u0430\u041c\u0430 \u2013 \u041a\u0430\u043c\u044a\u043a\u0430 \u043d\u0430 \u0421\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430\">\n      <div>\n        <h3>\u0420\u0430\u0422\u0430\u041c\u0430<\/h3>\n        <p>\u041a\u0430\u043c\u044a\u043a\u0430 \u043d\u0430 \u0421\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430<\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Grid (2 \u0440\u0435\u0434\u0430 \u00d7 3 \u043a\u043e\u043b\u043e\u043d\u0438) -->\n    <div class=\"grid\" role=\"navigation\" aria-label=\"\u041e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u043d\u0430 \u0420\u0430\u0422\u0430\u041c\u0430\">\n      <!-- 1 -->\n      <a class=\"card\" href=\"#stories\">\n        <div class=\"inner\">\n          <h4>\u0418\u0441\u0442\u043e\u0440\u0438\u0438<\/h4>\n          <p>\u0420\u0430\u0437\u043a\u0430\u0437\u0438 \u0437\u0430 \u043f\u0430\u043c\u0435\u0442\u0442\u0430 \u043d\u0430 \u041a\u0430\u043c\u044a\u043a\u0430 \u2013 \u0436\u0438\u0432\u0438 \u0441\u043b\u0435\u0434\u0438, \u043a\u043e\u0438\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u044f\u0432\u0430\u0442 \u043f\u044a\u0442\u044f.<\/p>\n          <span class=\"cta\">\u0412\u0438\u0436 \u043e\u0449\u0435 \u2192<\/span>\n        <\/div>\n      <\/a>\n      <!-- 2 -->\n      <a class=\"card\" href=\"#rituals\">\n        <div class=\"inner\">\n          <h4>\u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438<\/h4>\n          <p>\u0414\u0438\u0448\u0430\u043d\u0435, \u0441\u0432\u0435\u0442\u043b\u0438\u043d\u0430 \u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u2013 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0438 \u0440\u0438\u0442\u0443\u0430\u043b\u0438 \u0441 \u0420\u0430\u0422\u0430\u041c\u0430.<\/p>\n          <span class=\"cta\">\u041e\u0442\u0432\u043e\u0440\u0438 \u2192<\/span>\n        <\/div>\n      <\/a>\n      <!-- 3 -->\n      <a class=\"card\" href=\"#taste\">\n        <div class=\"inner\">\n          <h4>\u0412\u043a\u0443\u0441<\/h4>\n          <p>\u0422\u0435\u0440\u0435\u0440\u0435 \u0438 \u0435\u043b\u0438\u043a\u0441\u0438\u0440\u0438 \u2013 \u0432\u043e\u0434\u0430, \u043a\u043e\u044f\u0442\u043e \u043f\u043e\u043c\u043d\u0438. \u0412\u043a\u0443\u0441\u043e\u0432\u0435, \u043a\u043e\u0438\u0442\u043e \u0431\u0443\u0434\u044f\u0442 \u0434\u0443\u0445\u0430.<\/p>\n          <span class=\"cta\">\u041e\u0442\u043a\u0440\u0438\u0439 \u2192<\/span>\n        <\/div>\n      <\/a>\n      <!-- 4 -->\n      <a class=\"card split\" href=\"#mist\">\n        <div class=\"inner\">\n          <h4>\u041c\u044a\u0433\u043b\u0430\u0442\u0430<\/h4>\n          <p>\u041c\u0435\u0434\u0438\u0442\u0430\u0446\u0438\u0438 \u0432 \u0434\u0438\u0448\u0430\u0449\u0430 \u0441\u0432\u0435\u0442\u043b\u0438\u043d\u0430 \u2013 \u043d\u0430\u0432\u044a\u0442\u0440\u0435 \u043f\u0440\u0435\u0437 \u0441\u0438\u044f\u043d\u0438\u0435\u0442\u043e \u043d\u0430 \u043a\u0440\u0438\u0441\u0442\u0430\u043b\u0430.<\/p>\n          <span class=\"cta\">\u0412\u043b\u0435\u0437 \u2192<\/span>\n        <\/div>\n      <\/a>\n      <!-- 5 -->\n      <a class=\"card split\" href=\"#gaze\">\n        <div class=\"inner\">\n          <h4>\u0421\u044a\u0437\u0435\u0440\u0446\u0430\u043d\u0438\u0435<\/h4>\n          <p>\u0422\u0438\u0448\u0438\u043d\u0430 \u0438 \u044f\u0441\u043d\u043e\u0442\u0430 \u2013 \u043c\u0435\u0441\u0442\u0430, \u043a\u044a\u0434\u0435\u0442\u043e \u043f\u043e\u0433\u043b\u0435\u0434\u044a\u0442 \u0441\u0435 \u0432\u0440\u044a\u0449\u0430 \u0443 \u0434\u043e\u043c\u0430.<\/p>\n          <span class=\"cta\">\u041f\u043e\u0447\u0443\u0432\u0441\u0442\u0432\u0430\u0439 \u2192<\/span>\n        <\/div>\n      <\/a>\n      <!-- 6 -->\n      <a class=\"card split\" href=\"#path\">\n        <div class=\"inner\">\n          <h4>\u041f\u044a\u0442\u044f\u0442<\/h4>\n          <p>\u041a\u043e\u043c\u2013\u0415\u043c\u0438\u043d\u0435, \u043f\u043b\u0430\u043d\u0438\u043d\u0438\u0442\u0435 \u0438 \u0434\u044a\u0445\u044a\u0442 \u043d\u0430 \u0417\u0435\u043c\u044f\u0442\u0430 \u2013 \u0420\u0430\u0422\u0430\u041c\u0430 \u0435 \u0441 \u0442\u0435\u0431.<\/p>\n          <span class=\"cta\">\u041f\u0440\u043e\u0434\u044a\u043b\u0436\u0438 \u2192<\/span>\n        <\/div>\n      <\/a>\n    <\/div>\n\n    <div class=\"foot\">\u00a9 2025 \u0420\u0430\u0422\u0430\u041c\u0430 \u2022 \u0421\u044a\u0437\u0434\u0430\u0434\u0435\u043d\u043e \u0441 \u043f\u0443\u043b\u0441\u0430 \u043d\u0430 \u0441\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430 \u2022 \u043e\u0442 <a href=\"https:\/\/liamsalamara.eu\" target=\"_blank\" rel=\"noopener\">\u041b\u0438\u0430\u043c \u0421\u0430\u041b\u0430\u041c\u0430\u0420\u0430<\/a><\/div>\n  <\/div>\n<\/section>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u0420\u0430\u0422\u0430\u041c\u0430 \u2013 \u041a\u0430\u043c\u044a\u043a\u0430 \u043d\u0430 \u0421\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430 \u0415\u0434\u0438\u043d\u043d\u0438\u044f\u0442 \u0438\u0437\u0442\u043e\u0447\u043d\u0438\u043a \u2013 \u0448\u0435\u0441\u0442 \u043e\u0442\u0440\u0430\u0436\u0435\u043d\u0438\u044f \u0420\u0430\u0422\u0430\u041c\u0430 \u041a\u0430\u043c\u044a\u043a\u0430 \u043d\u0430 \u0421\u0432\u0435\u0442\u043b\u0438\u043d\u0430\u0442\u0430 \u0418\u0441\u0442\u043e\u0440\u0438\u0438 \u0420\u0430\u0437\u043a\u0430\u0437\u0438 \u0437\u0430 \u043f\u0430\u043c\u0435\u0442\u0442\u0430 \u043d\u0430 \u041a\u0430\u043c\u044a\u043a\u0430 \u2013 \u0436\u0438\u0432\u0438 \u0441\u043b\u0435\u0434\u0438, \u043a\u043e\u0438\u0442\u043e \u043e\u0441\u0432\u0435\u0442\u044f\u0432\u0430\u0442 \u043f\u044a\u0442\u044f. \u0412\u0438\u0436 \u043e\u0449\u0435 \u2192 \u041f\u0440\u0430\u043a\u0442\u0438\u043a\u0438 \u0414\u0438\u0448\u0430\u043d\u0435, \u0441\u0432\u0435\u0442\u043b\u0438\u043d\u0430 \u0438 \u0434\u0432\u0438\u0436\u0435\u043d\u0438\u0435 \u2013 \u0435\u0436\u0435\u0434\u043d\u0435\u0432\u043d\u0438 \u0440\u0438\u0442\u0443\u0430\u043b\u0438 \u0441 \u0420\u0430\u0422\u0430\u041c\u0430. \u041e\u0442\u0432\u043e\u0440\u0438 \u2192 \u0412\u043a\u0443\u0441 \u0422\u0435\u0440\u0435\u0440\u0435 \u0438 \u0435\u043b\u0438\u043a\u0441\u0438\u0440\u0438 \u2013 \u0432\u043e\u0434\u0430, \u043a\u043e\u044f\u0442\u043e \u043f\u043e\u043c\u043d\u0438. \u0412\u043a\u0443\u0441\u043e\u0432\u0435, \u043a\u043e\u0438\u0442\u043e \u0431\u0443\u0434\u044f\u0442 \u0434\u0443\u0445\u0430. \u041e\u0442\u043a\u0440\u0438\u0439 \u2192 [&hellip;]<\/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-10","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ratama.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=10"}],"version-history":[{"count":9,"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":45,"href":"https:\/\/ratama.eu\/index.php?rest_route=\/wp\/v2\/pages\/10\/revisions\/45"}],"wp:attachment":[{"href":"https:\/\/ratama.eu\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}