{"id":5534,"date":"2026-08-07T17:48:15","date_gmt":"2026-08-07T13:18:15","guid":{"rendered":"https:\/\/behsad.com\/site\/?page_id=5534"},"modified":"2026-08-08T15:35:37","modified_gmt":"2026-08-08T11:05:37","slug":"5534-2","status":"publish","type":"page","link":"https:\/\/behsad.com\/site\/","title":{"rendered":"\u0633\u0631\u0622\u063a\u0627\u0632"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   Behsad Homepage Hero \u2014 COMPLETE TALLER HERO CSS\n   Twenty Twenty-Five \/ Gutenberg\n\n   Includes:\n   - approved Hero composition\n   - Mikhak for Hero statement only\n   - pure white Hero field to merge Rhino canvas\n   - refined local paper\/material texture\n   - desktop \/ tablet \/ mobile responsive behavior\n\n   Does NOT modify:\n   - Header\n   - Manifesto\n   ========================================================= *\/\n\n.bt-behsad-hero {\n\t--bt-behsad-hero-max-width: 1600px;\n\t--bt-behsad-hero-gutter: clamp(1.5rem, 4.5vw, 6rem);\n\t--bt-behsad-header-offset: 0px;\n\n\t--bt-behsad-green: #2c675a;\n\t--bt-behsad-hero-white: #ffffff;\n\n\tposition: relative;\n\n\twidth: 100%;\n\tmax-width: none;\n\tmargin-block: 0;\n\n\tbackground: var(--bt-behsad-hero-white);\n\toverflow-x: hidden;\n\n\tfont-family:\n\t\t\"Vazirmatn\",\n\t\t\"Vazir\",\n\t\t\"Noto Sans Arabic\",\n\t\tTahoma,\n\t\tArial,\n\t\tsans-serif;\n}\n\n\n\/* =========================================================\n   Isolation\n   ========================================================= *\/\n\n.bt-behsad-hero,\n.bt-behsad-hero *,\n.bt-behsad-hero *::before,\n.bt-behsad-hero *::after {\n\tbox-sizing: border-box;\n}\n\n\n\/* =========================================================\n   Main composition\n   ========================================================= *\/\n\n.bt-behsad-hero__inner {\n\tposition: relative;\n\tisolation: isolate;\n\n\twidth: min(100%, var(--bt-behsad-hero-max-width));\n\tmin-height: clamp(\n\t\t43rem,\n\t\tcalc(76svh + 90px),\n\t\t58rem\n\t);\n\n\tmargin-inline: auto;\n\tpadding-inline: var(--bt-behsad-hero-gutter);\n\n\tbackground: #ffffff;\n}\n\n\n\/* =========================================================\n   Local material layer \u2014 DESKTOP\n   More tactile, smaller footprint, less beige spread.\n   ========================================================= *\/\n\n.bt-behsad-hero__inner::before {\n\tcontent: \"\";\n\n\tposition: absolute;\n\tz-index: 1;\n\n\ttop: -3rem;\n\tright: -2rem;\n\n\twidth: min(57vw, 920px);\n\taspect-ratio: 3 \/ 2;\n\n\tpointer-events: none;\n\n\tbackground:\n\t\turl(\"https:\/\/behsad.com\/site\/wp-content\/uploads\/2026\/08\/hero-background.png\")\n\t\tcenter \/ cover\n\t\tno-repeat;\n\n\t\/*\n\t * Keep overall strength restrained.\n\t * Tactility comes from local tonal contrast,\n\t * not from stronger beige color.\n\t *\/\n\topacity: 0.28;\n\n\tfilter:\n\t\tcontrast(1.14)\n\t\tsaturate(0.68)\n\t\tbrightness(1.03);\n\n\t\/*\n\t * Strongest around \/ behind the Hero statement.\n\t * Dissolves well before reaching the Rhino.\n\t *\/\n\t-webkit-mask-image:\n\t\tradial-gradient(\n\t\t\tellipse 70% 58% at 79% 31%,\n\t\t\t#000 0%,\n\t\t\t#000 27%,\n\t\t\trgba(0, 0, 0, 0.92) 40%,\n\t\t\trgba(0, 0, 0, 0.62) 53%,\n\t\t\trgba(0, 0, 0, 0.28) 64%,\n\t\t\trgba(0, 0, 0, 0.08) 72%,\n\t\t\ttransparent 79%\n\t\t);\n\n\tmask-image:\n\t\tradial-gradient(\n\t\t\tellipse 70% 58% at 79% 31%,\n\t\t\t#000 0%,\n\t\t\t#000 27%,\n\t\t\trgba(0, 0, 0, 0.92) 40%,\n\t\t\trgba(0, 0, 0, 0.62) 53%,\n\t\t\trgba(0, 0, 0, 0.28) 64%,\n\t\t\trgba(0, 0, 0, 0.08) 72%,\n\t\t\ttransparent 79%\n\t\t);\n\n\t-webkit-mask-repeat: no-repeat;\n\tmask-repeat: no-repeat;\n\n\t-webkit-mask-size: 100% 100%;\n\tmask-size: 100% 100%;\n}\n\n\n\/*\n * A visible paper rectangle is worse than no texture.\n *\/\n@supports not (\n\t(mask-image: radial-gradient(#000, transparent)) or\n\t(-webkit-mask-image: radial-gradient(#000, transparent))\n) {\n\t.bt-behsad-hero__inner::before {\n\t\tdisplay: none;\n\t}\n}\n\n\n\/* =========================================================\n   Hero statement\n   Approved geometry \/ typography\n   ========================================================= *\/\n\n.bt-behsad-hero__statement {\n\tposition: absolute;\n\tz-index: 2;\n\n\ttop: calc(\n\t\tclamp(7rem, 14svh, 9.25rem) +\n\t\t135px\n\t);\n\n\tright: calc(\n\t\tvar(--bt-behsad-hero-gutter) +\n\t\tclamp(0.75rem, 1.35vw, 1.6rem) +\n\t\t76px\n\t);\n\n\twidth: auto;\n\tmax-width: min(44rem, 72vw);\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-family:\n\t\t\"Mikhak\",\n\t\t\"Vazirmatn\",\n\t\t\"Noto Sans Arabic\",\n\t\tTahoma,\n\t\tArial,\n\t\tsans-serif;\n\n\tfont-size: clamp(2.05rem, 2.85vw, 2.9rem);\n\tfont-weight: 500;\n\tfont-style: normal;\n\n\tline-height: 1.5;\n\tletter-spacing: 0;\n\n\ttext-align: right;\n\twhite-space: nowrap;\n\n\tcolor: var(--bt-behsad-green);\n\n\tbackground: none;\n\tborder: 0;\n\tbox-shadow: none;\n}\n\n\n\/* =========================================================\n   Historical Rhino artwork\n   ========================================================= *\/\n\n.bt-behsad-hero__artwork-wrap {\n\tposition: absolute;\n\tz-index: 2;\n\n\tleft: clamp(1rem, 3.35vw, 4rem);\n\tbottom: 0;\n\n\twidth: min(64vw, 58rem);\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tborder: 0;\n\tbackground: transparent;\n}\n\n\n.bt-behsad-hero__artwork-viewport {\n\tposition: relative;\n\n\twidth: 100%;\n\taspect-ratio: 1672 \/ 460;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\toverflow: hidden;\n\n\t\/*\n\t * Exact white matches the baked-in white Rhino canvas.\n\t *\/\n\tbackground: #ffffff;\n}\n\n\n.bt-behsad-hero__artwork {\n\tdisplay: block;\n\n\twidth: 100%;\n\theight: auto;\n\tmax-width: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tborder: 0;\n\n\ttransform: translateY(-28.7%);\n\n\timage-rendering: auto;\n}\n\n\n\/* =========================================================\n   Tablet\n   ========================================================= *\/\n\n@media (max-width: 1024px) {\n\n\t.bt-behsad-hero {\n\t\t--bt-behsad-hero-gutter:\n\t\t\tclamp(1.5rem, 4.5vw, 3.25rem);\n\t}\n\n\n\t.bt-behsad-hero__inner {\n\t\tmin-height: clamp(34rem, 70svh, 41rem);\n\t\tbackground: #ffffff;\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Material\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__inner::before {\n\t\ttop: -2.5rem;\n\t\tright: -2.25rem;\n\n\t\twidth: min(64vw, 680px);\n\n\t\topacity: 0.21;\n\n\t\tfilter:\n\t\t\tcontrast(1.11)\n\t\t\tsaturate(0.70)\n\t\t\tbrightness(1.03);\n\n\t\t-webkit-mask-image:\n\t\t\tradial-gradient(\n\t\t\t\tellipse 69% 54% at 80% 29%,\n\t\t\t\t#000 0%,\n\t\t\t\t#000 25%,\n\t\t\t\trgba(0, 0, 0, 0.88) 39%,\n\t\t\t\trgba(0, 0, 0, 0.55) 51%,\n\t\t\t\trgba(0, 0, 0, 0.22) 61%,\n\t\t\t\trgba(0, 0, 0, 0.06) 68%,\n\t\t\t\ttransparent 75%\n\t\t\t);\n\n\t\tmask-image:\n\t\t\tradial-gradient(\n\t\t\t\tellipse 69% 54% at 80% 29%,\n\t\t\t\t#000 0%,\n\t\t\t\t#000 25%,\n\t\t\t\trgba(0, 0, 0, 0.88) 39%,\n\t\t\t\trgba(0, 0, 0, 0.55) 51%,\n\t\t\t\trgba(0, 0, 0, 0.22) 61%,\n\t\t\t\trgba(0, 0, 0, 0.06) 68%,\n\t\t\t\ttransparent 75%\n\t\t\t);\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Statement\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__statement {\n\t\ttop: calc(\n\t\t\tvar(--bt-behsad-header-offset) +\n\t\t\tclamp(4.75rem, 11svh, 6.5rem) +\n\t\t\t70px\n\t\t);\n\n\t\tright: calc(\n\t\t\tvar(--bt-behsad-hero-gutter) +\n\t\t\tclamp(0.75rem, 1.35vw, 1.6rem) +\n\t\t\t48px\n\t\t);\n\n\t\tmax-width: 80vw;\n\n\t\tfont-size: clamp(1.95rem, 4.05vw, 2.52rem);\n\t\tfont-weight: 500;\n\n\t\tline-height: 1.5;\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Artwork\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__artwork-wrap {\n\t\tleft: clamp(0.5rem, 2vw, 1.5rem);\n\t\tbottom: 0;\n\n\t\twidth: min(76vw, 48rem);\n\t}\n\n\n\t.bt-behsad-hero__artwork-viewport {\n\t\taspect-ratio: 1672 \/ 500;\n\t\tbackground: #ffffff;\n\t}\n\n\n\t.bt-behsad-hero__artwork {\n\t\ttransform: translateY(-26.6%);\n\t}\n}\n\n\n\/* =========================================================\n   Mobile\n   ========================================================= *\/\n\n@media (max-width: 680px) {\n\n\t.bt-behsad-hero {\n\t\t--bt-behsad-hero-gutter:\n\t\t\tclamp(1.25rem, 6vw, 1.75rem);\n\t}\n\n\n\t.bt-behsad-hero__inner {\n\t\tdisplay: flex;\n\t\tflex-direction: column;\n\n\t\twidth: 100%;\n\t\tmin-height: 0;\n\n\t\tpadding-top: calc(\n\t\t\tvar(--bt-behsad-header-offset) +\n\t\t\tclamp(3rem, 11vw, 4.1rem)\n\t\t);\n\n\t\tpadding-right: var(--bt-behsad-hero-gutter);\n\t\tpadding-bottom: 0;\n\t\tpadding-left: var(--bt-behsad-hero-gutter);\n\n\t\tbackground: #ffffff;\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Material\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__inner::before {\n\t\ttop: -1.5rem;\n\t\tright: -4.75rem;\n\n\t\twidth: min(102vw, 26rem);\n\n\t\topacity: 0.11;\n\n\t\tfilter:\n\t\t\tcontrast(1.08)\n\t\t\tsaturate(0.72)\n\t\t\tbrightness(1.035);\n\n\t\t-webkit-mask-image:\n\t\t\tradial-gradient(\n\t\t\t\tellipse 65% 46% at 83% 24%,\n\t\t\t\t#000 0%,\n\t\t\t\t#000 22%,\n\t\t\t\trgba(0, 0, 0, 0.76) 36%,\n\t\t\t\trgba(0, 0, 0, 0.36) 48%,\n\t\t\t\trgba(0, 0, 0, 0.10) 57%,\n\t\t\t\ttransparent 65%\n\t\t\t);\n\n\t\tmask-image:\n\t\t\tradial-gradient(\n\t\t\t\tellipse 65% 46% at 83% 24%,\n\t\t\t\t#000 0%,\n\t\t\t\t#000 22%,\n\t\t\t\trgba(0, 0, 0, 0.76) 36%,\n\t\t\t\trgba(0, 0, 0, 0.36) 48%,\n\t\t\t\trgba(0, 0, 0, 0.10) 57%,\n\t\t\t\ttransparent 65%\n\t\t\t);\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Statement\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__statement {\n\t\tposition: relative;\n\n\t\ttop: auto;\n\t\tright: auto;\n\n\t\twidth: 100%;\n\t\tmax-width: none;\n\n\t\tmargin: 0;\n\n\t\tfont-size: clamp(1.82rem, 7.7vw, 2.2rem);\n\t\tfont-weight: 500;\n\n\t\tline-height: 1.55;\n\n\t\twhite-space: normal;\n\t\ttext-align: right;\n\t}\n\n\n\t\/* -----------------------------------------------------\n\t   Artwork\n\t   ----------------------------------------------------- *\/\n\n\t.bt-behsad-hero__artwork-wrap {\n\t\tposition: relative;\n\n\t\tleft: auto;\n\t\tbottom: auto;\n\n\t\talign-self: flex-start;\n\n\t\twidth: 110%;\n\t\tmax-width: none;\n\n\t\tmargin-top: clamp(4rem, 15vw, 5rem);\n\t\tmargin-right: 0;\n\t\tmargin-bottom: 0;\n\t\tmargin-left: -5%;\n\t}\n\n\n\t.bt-behsad-hero__artwork-viewport {\n\t\taspect-ratio: 1672 \/ 540;\n\t\tbackground: #ffffff;\n\t}\n\n\n\t.bt-behsad-hero__artwork {\n\t\ttransform: translateY(-24.4%);\n\t}\n}\n\n\n\/* =========================================================\n   Narrow phones\n   ========================================================= *\/\n\n@media (max-width: 420px) {\n\n\t.bt-behsad-hero__inner {\n\t\tpadding-top: calc(\n\t\t\tvar(--bt-behsad-header-offset) +\n\t\t\t2.75rem\n\t\t);\n\t}\n\n\n\t.bt-behsad-hero__statement {\n\t\tfont-size: clamp(1.75rem, 8.15vw, 2.05rem);\n\t\tfont-weight: 500;\n\n\t\tline-height: 1.55;\n\t}\n\n\n\t.bt-behsad-hero__artwork-wrap {\n\t\twidth: 112%;\n\n\t\tmargin-top: clamp(3.75rem, 14vw, 4.75rem);\n\t\tmargin-left: -6%;\n\t}\n\n\n\t.bt-behsad-hero__artwork-viewport {\n\t\taspect-ratio: 1672 \/ 555;\n\t\tbackground: #ffffff;\n\t}\n\n\n\t.bt-behsad-hero__artwork {\n\t\ttransform: translateY(-23.8%);\n\t}\n}\n\n\n\/* =========================================================\n   Short desktop \/ tablet viewports\n   ========================================================= *\/\n\n@media (max-height: 650px) and (min-width: 681px) {\n\n\t.bt-behsad-hero__inner {\n\t\tmin-height: 39rem;\n\t}\n\n\n\t.bt-behsad-hero__statement {\n\t\ttop: calc(\n\t\t\t4.25rem +\n\t\t\t86px\n\t\t);\n\t}\n\n\n\t.bt-behsad-hero__artwork-wrap {\n\t\tbottom: 0;\n\n\t\twidth: min(62vw, 50rem);\n\t}\n}\n\n\n\/* =========================================================\n   Twenty Twenty-Five \/ Gutenberg\n   ========================================================= *\/\n\n.bt-behsad-hero.alignfull {\n\twidth: auto;\n\tmax-width: none;\n\n\tmargin-block: 0;\n}\n\n\n.bt-behsad-hero h1,\n.bt-behsad-hero img {\n\tmargin-block-start: 0;\n\tmargin-block-end: 0;\n}\n\n\n.bt-behsad-hero img {\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n\n\n.bt-behsad-hero__artwork {\n\tmax-width: none;\n}\n\n\n\/* =========================================================\n   Reduced motion\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\n\t.bt-behsad-hero,\n\t.bt-behsad-hero *,\n\t.bt-behsad-hero *::before,\n\t.bt-behsad-hero *::after {\n\t\tanimation: none;\n\t\ttransition: none;\n\t}\n}\n<\/style>\n\n<section class=\"bt-behsad-hero alignfull\" dir=\"rtl\" lang=\"fa\" aria-labelledby=\"bt-behsad-hero-title\">\n\t<div class=\"bt-behsad-hero__inner\">\n\n\t\t<h1 id=\"bt-behsad-hero-title\" class=\"bt-behsad-hero__statement\">\n\t\t\t\u0632\u0646\u062f\u06af\u06cc \u0628\u0650\u0647\u200c\u062a\u0631 \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627\n\t\t<\/h1>\n\n\t\t<figure class=\"bt-behsad-hero__artwork-wrap\">\n\t\t\t<div class=\"bt-behsad-hero__artwork-viewport\">\n\t\t\t\t<img class=\"bt-behsad-hero__artwork\" src=\"https:\/\/behsad.com\/site\/wp-content\/uploads\/2026\/08\/Behsad-Rhino.png\" width=\"1672\" height=\"941\" alt=\"\u062a\u0635\u0648\u06cc\u0631 \u062a\u0627\u0631\u06cc\u062e\u06cc \u0628\u0647\u0633\u0627\u062f\u061b \u06a9\u0631\u06af\u062f\u0646\u060c \u062e\u0648\u0631\u0634\u06cc\u062f \u0648 \u0639\u0628\u0627\u0631\u062a \u00ab\u0648\u0633\u06cc\u0639 \u0628\u0627\u0634 \u0648 \u062a\u0646\u0647\u0627 \u0648 \u0633\u0631 \u0628\u0647 \u0632\u06cc\u0631 \u0648 \u0633\u062e\u062a\u00bb\" loading=\"eager\" fetchpriority=\"high\" decoding=\"async\">\n\t\t\t<\/div>\n\t\t<\/figure>\n\n\t<\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* =========================================================\n   BEHSAD HOMEPAGE \u2014 MANIFESTO \/ STICKY NARRATIVE\n   Target: WordPress Twenty Twenty-Five \/ Gutenberg\n   Current stages: Philosophy + Belief + Mission\n   ========================================================= *\/\n\n.bt-behsad-hero,\n.bt-behsad-manifesto {\n\tfont-family:\n                \"Mikhak\",\n\t\t\"Vazirmatn\",\n\t\t\"Vazir\",\n\t\t\"Noto Sans Arabic\",\n\t\tTahoma,\n\t\tArial,\n\t\tsans-serif;\n}\n\n\n\/* =========================================================\n   1. MANIFESTO SCROLL TRACK\n   ========================================================= *\/\n\n.bt-behsad-manifesto {\n\t--bt-manifesto-bg: #020303;\n\t--bt-manifesto-label: #3f9a85;\n\t--bt-manifesto-primary: #f2f0ea;\n\t--bt-manifesto-secondary: rgba(242, 240, 234, 0.76);\n\n\tposition: relative;\n\n\t\/*\n\t * 100svh sticky viewport + ~160svh controlled narrative track.\n\t * All three visual stages remain layered inside one 100svh viewport.\n\t *\/\n\theight: 260svh;\n\tmax-width: none;\n\n\tmargin-block: 0;\n\tpadding: 0;\n\n\tbackground: var(--bt-manifesto-bg);\n\n\t\/*\n\t * IMPORTANT FOR STICKY:\n\t * The shell must NOT create a clipping\/scrolling ancestor.\n\t * Clipping happens on .bt-behsad-manifesto__sticky instead.\n\t *\/\n\toverflow: visible;\n}\n\n\/*\n * Twenty Twenty-Five native Gutenberg full-width behavior.\n * Keep the direct-child alignfull width calculation owned by Gutenberg.\n *\/\n.bt-behsad-manifesto.alignfull {\n\twidth: auto;\n\tmax-width: none;\n\tmargin-block: 0;\n}\n\n.bt-behsad-manifesto,\n.bt-behsad-manifesto *,\n.bt-behsad-manifesto *::before,\n.bt-behsad-manifesto *::after {\n\tbox-sizing: border-box;\n}\n\n\n\/* =========================================================\n   2. SINGLE STICKY VISUAL VIEWPORT\n   ========================================================= *\/\n\n.bt-behsad-manifesto__sticky {\n\tposition: sticky;\n\ttop: 0;\n\n\twidth: 100%;\n\theight: 100svh;\n\tmax-width: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\toverflow: hidden;\n\tbackground: #000;\n}\n\n\n\/* =========================================================\n   3. SHARED LAYERED STAGES\n   All stages occupy the exact same physical viewport.\n   ========================================================= *\/\n\n.bt-behsad-manifesto__stage {\n\tposition: absolute;\n\tinset: 0;\n\n\twidth: 100%;\n\theight: 100%;\n\tmax-width: none;\n\tmin-height: 0;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\toverflow: hidden;\n\tbackground: var(--bt-manifesto-bg);\n\n\ttransform: none;\n\tfilter: none;\n\tmix-blend-mode: normal;\n}\n\n.bt-behsad-philosophy {\n\tz-index: 1;\n\topacity: 1;\n}\n\n.bt-behsad-belief {\n\tz-index: 2;\n\topacity: 0;\n\tbackground: #07090d;\n}\n\n.bt-behsad-mission {\n\tz-index: 3;\n\topacity: 0;\n\tbackground: #b18d63;\n}\n\n\n\/* =========================================================\n   4. SHARED MEDIA\n   ========================================================= *\/\n\n.bt-behsad-manifesto__media {\n\tposition: absolute;\n\tinset: 0;\n\tz-index: 0;\n\n\twidth: 100%;\n\theight: 100%;\n\tmax-width: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\toverflow: hidden;\n\tbackground: var(--bt-manifesto-bg);\n}\n\n.bt-behsad-manifesto__image,\n.bt-behsad-manifesto__media img {\n\tdisplay: block;\n\n\twidth: 100%;\n\theight: 100%;\n\tmax-width: none;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tobject-fit: cover;\n\n\tborder: 0;\n\tborder-radius: 0;\n\tbox-shadow: none;\n\n\topacity: 1;\n\ttransform: none;\n\tfilter: none;\n\tmix-blend-mode: normal;\n\n\timage-rendering: auto;\n}\n\n\n\/* =========================================================\n   5. SHARED CONTENT\n   ========================================================= *\/\n\n.bt-behsad-manifesto__content {\n\tposition: absolute;\n\tz-index: 2;\n\n\t\/* RTL: inline-start is the physical RIGHT edge. *\/\n\tinset-inline-start: clamp(3rem, 7vw, 8rem);\n\tinset-block-start: 24%;\n\n\twidth: min(34rem, 38vw);\n\tmax-width: 34rem;\n\n\tmargin: 0;\n\tpadding: 0;\n\n\tdirection: rtl;\n\ttext-align: right;\n\tfont-family: inherit;\n\n\topacity: 1;\n\ttransform: none;\n\tfilter: none;\n\tmix-blend-mode: normal;\n}\n\n.bt-behsad-manifesto__label {\n\tmargin: 0 0 2rem;\n\tpadding: 0;\n\n\tfont-family: inherit;\n\tfont-size: 18px;\n\tfont-weight: 500;\n\tfont-style: normal;\n\tline-height: 1.5;\n\tletter-spacing: 0;\n\n\tcolor: var(--bt-manifesto-label);\n\topacity: 1;\n}\n\n\n\/* =========================================================\n   6. PHILOSOPHY \u2014 APPROVED VISUAL COMPOSITION\n   ========================================================= *\/\n\n.bt-behsad-philosophy__image {\n\tobject-position: center center;\n}\n\n.bt-behsad-philosophy__content {\n\tinset-block-start: 30%;\n\tinset-inline-start: clamp(5rem, 7.5vw, 9rem);\n\n\twidth: min(31vw, 32rem);\n\tmax-width: 32rem;\n}\n\n.bt-behsad-philosophy__statement {\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-family: inherit;\n\tfont-size: clamp(28px, 1.95vw, 32px);\n\tfont-weight: 480;\n\tfont-style: normal;\n\tline-height: 1.95;\n\tletter-spacing: 0;\n\n\tcolor: var(--bt-manifesto-primary);\n\topacity: 1;\n\n\ttext-wrap: pretty;\n}\n\n.bt-behsad-philosophy__reflection {\n\tmargin: clamp(2.5rem, 3vw, 3rem) 0 0;\n\tpadding: 0;\n\n\tfont-family: inherit;\n\tfont-size: clamp(17px, 1.08vw, 19px);\n\tfont-weight: 350;\n\tfont-style: normal;\n\tline-height: 2.05;\n\tletter-spacing: 0;\n\n\tcolor: var(--bt-manifesto-secondary);\n\topacity: 1;\n\n\ttext-wrap: pretty;\n}\n\n\n\/* =========================================================\n   7. BELIEF \u2014 APPROVED VISUAL COMPOSITION\n   ========================================================= *\/\n\n.bt-behsad-belief__image {\n\tobject-position: center center;\n}\n\n.bt-behsad-belief__content {\n\tinset-block-start: 29.5%;\n\tinset-inline-start: clamp(5rem, 7.5vw, 9rem);\n\n\twidth: min(32vw, 34rem);\n\tmax-width: 34rem;\n}\n\n.bt-behsad-belief__statement {\n\tmax-width: 34rem;\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-family: inherit;\n\tfont-size: clamp(1.75rem, 2.25vw, 2.15rem);\n\tfont-weight: 450;\n\tfont-style: normal;\n\tline-height: 1.85;\n\tletter-spacing: 0;\n\n\tcolor: var(--bt-manifesto-primary);\n\topacity: 1;\n\n\ttext-wrap: pretty;\n}\n\n\n\n\n\/* =========================================================\n   8. MISSION \u2014 MORNING \/ MAKING\n   Philosophy and Belief remain visually unchanged.\n   ========================================================= *\/\n\n.bt-behsad-mission__image {\n\tobject-position: center center;\n}\n\n.bt-behsad-mission__content {\n\t\/* RTL: inline-start is the physical RIGHT edge. *\/\n\tinset-block-start: 23%;\n\tinset-inline-start: clamp(3rem, 7vw, 8rem);\n\n\twidth: min(35rem, 39vw);\n\tmax-width: 35rem;\n}\n\n.bt-behsad-mission__label {\n\tcolor: #245B50;\n\topacity: 1;\n}\n\n.bt-behsad-mission__statement {\n\tmax-width: 35rem;\n\tmargin: 0;\n\tpadding: 0;\n\n\tfont-family: inherit;\n\tfont-size: clamp(1.65rem, 2.15vw, 2.1rem);\n\tfont-weight: 450;\n\tfont-style: normal;\n\tline-height: 1.9;\n\tletter-spacing: 0;\n\n\tcolor: #24231f;\n\topacity: 1;\n\n\ttext-wrap: pretty;\n}\n\n\n\/* =========================================================\n   9. PAGE-SCOPED CONTRAST GUARANTEES\n   ========================================================= *\/\n\nbody.page-id-5534 .bt-behsad-philosophy__statement,\nbody.page-id-5534 .bt-behsad-belief__statement {\n\tcolor: #f2f0ea;\n\topacity: 1;\n}\n\nbody.page-id-5534 .bt-behsad-philosophy__reflection {\n\tcolor: rgba(242, 240, 234, 0.76);\n\topacity: 1;\n}\n\nbody.page-id-5534 .bt-behsad-manifesto__label {\n\tcolor: #3f9a85;\n\topacity: 1;\n}\n\nbody.page-id-5534 .bt-behsad-mission__label {\n\tcolor: #001c17;\n\topacity: 1;\n}\n\nbody.page-id-5534 .bt-behsad-mission__statement {\n\tcolor: #24231f;\n\topacity: 1;\n}\n\n\n\/* =========================================================\n   10. SCOPED GUTENBERG RESET\n   Twenty Twenty-Five only.\n   ========================================================= *\/\n\n.bt-behsad-manifesto :where(article, div, h2, p) {\n\tmax-width: none;\n\tmargin-block-start: 0;\n\tmargin-block-end: 0;\n}\n\n.bt-behsad-manifesto :where(img) {\n\tmax-width: none;\n\tborder-radius: 0;\n\tbox-shadow: none;\n}\n\n\n\/* =========================================================\n   11. TABLET\n   ========================================================= *\/\n\n@media (max-width: 1180px) and (min-width: 901px) {\n\t.bt-behsad-philosophy__content {\n\t\tinset-block-start: 28%;\n\t\tinset-inline-start: clamp(3rem, 5vw, 4.5rem);\n\n\t\twidth: min(38vw, 28rem);\n\t\tmax-width: 28rem;\n\t}\n\n\t.bt-behsad-philosophy__statement {\n\t\tfont-size: clamp(26px, 2.6vw, 30px);\n\t}\n\n\t.bt-behsad-philosophy__reflection {\n\t\tfont-size: 17px;\n\t}\n\n\t.bt-behsad-belief__content {\n\t\tinset-block-start: 27%;\n\t\tinset-inline-start: clamp(3rem, 5vw, 4.5rem);\n\n\t\twidth: min(41vw, 29rem);\n\t\tmax-width: 29rem;\n\t}\n\n\t.bt-behsad-belief__statement {\n\t\tfont-size: clamp(26px, 2.6vw, 30px);\n\t}\n\n\t.bt-behsad-mission__content {\n\t\tinset-block-start: 21%;\n\t\tinset-inline-start: clamp(3rem, 5vw, 4.5rem);\n\n\t\twidth: min(43vw, 31rem);\n\t\tmax-width: 31rem;\n\t}\n\n\t.bt-behsad-mission__statement {\n\t\tfont-size: clamp(1.55rem, 2.7vw, 1.9rem);\n\t}\n}\n\n\n\/* =========================================================\n   12. MOBILE \/ PORTRAIT TABLET\n   Sticky interaction remains the same; only composition adapts.\n   ========================================================= *\/\n\n@media (max-width: 900px) {\n\t.bt-behsad-manifesto {\n\t\theight: 260svh;\n\t}\n\n\t.bt-behsad-philosophy__image {\n\t\tobject-position: 27% 48%;\n\t}\n\n\t.bt-behsad-philosophy__content {\n\t\tinset-block-start: auto;\n\t\tinset-block-end: clamp(3rem, 8svh, 5rem);\n\t\tinset-inline-start: clamp(1.5rem, 7vw, 3.5rem);\n\n\t\twidth: min(86vw, 38rem);\n\t\tmax-width: 38rem;\n\t}\n\n\t.bt-behsad-philosophy__label {\n\t\tmargin-bottom: clamp(1.5rem, 5vw, 2rem);\n\t\tfont-size: 17px;\n\t}\n\n\t.bt-behsad-philosophy__statement {\n\t\tfont-size: clamp(24px, 5.1vw, 30px);\n\t\tline-height: 1.9;\n\t}\n\n\t.bt-behsad-philosophy__reflection {\n\t\tmargin-top: clamp(2.25rem, 7vw, 3rem);\n\t\tfont-size: clamp(16px, 3.7vw, 18px);\n\t\tline-height: 2;\n\t}\n\n\t.bt-behsad-belief__image {\n\t\tobject-position: 40% center;\n\t}\n\n\t.bt-behsad-belief__content {\n\t\tinset-block-start: clamp(5rem, 11svh, 7rem);\n\t\tinset-block-end: auto;\n\t\tinset-inline-start: clamp(1.5rem, 7vw, 3.5rem);\n\n\t\twidth: min(78vw, 31rem);\n\t\tmax-width: 31rem;\n\t}\n\n\t.bt-behsad-belief__label {\n\t\tmargin-bottom: clamp(1.5rem, 5vw, 2rem);\n\t}\n\n\t.bt-behsad-belief__statement {\n\t\tfont-size: clamp(1.45rem, 5.3vw, 1.85rem);\n\t\tline-height: 1.9;\n\t}\n\n\t\/*\n\t * Mission mobile crop deliberately keeps brick\/kahgel and enough laptop\n\t * to communicate contemporary work, while keeping copy above the laptop.\n\t *\/\n\t.bt-behsad-mission__image {\n\t\tobject-position: 34% center;\n\t}\n\n\t.bt-behsad-mission__content {\n\t\tinset-block-start: clamp(3.25rem, 8svh, 5rem);\n\t\tinset-block-end: auto;\n\t\tinset-inline-start: clamp(1.5rem, 7vw, 3.5rem);\n\n\t\twidth: min(78vw, 31rem);\n\t\tmax-width: 31rem;\n\t}\n\n\t.bt-behsad-mission__label {\n\t\tmargin-bottom: clamp(1.5rem, 5vw, 2rem);\n\t}\n\n\t.bt-behsad-mission__statement {\n\t\tfont-size: clamp(1.35rem, 5vw, 1.75rem);\n\t\tline-height: 1.85;\n\t}\n}\n\n\n\/* =========================================================\n   13. SMALL MOBILE\n   ========================================================= *\/\n\n@media (max-width: 520px) {\n\t.bt-behsad-philosophy__content,\n\t.bt-behsad-belief__content,\n\t.bt-behsad-mission__content {\n\t\tinset-inline-start: clamp(1.25rem, 6vw, 1.75rem);\n\t}\n\n\t.bt-behsad-philosophy__statement {\n\t\tfont-size: clamp(23px, 6.2vw, 27px);\n\t}\n\n\t.bt-behsad-belief__image {\n\t\tobject-position: 38% center;\n\t}\n\n\t.bt-behsad-belief__content {\n\t\tinset-block-start: clamp(4.25rem, 9svh, 5.5rem);\n\t\twidth: min(82vw, 28rem);\n\t}\n\n\t.bt-behsad-belief__statement {\n\t\tfont-size: clamp(1.35rem, 6vw, 1.65rem);\n\t}\n\n\t.bt-behsad-mission__image {\n\t\tobject-position: 33% center;\n\t}\n\n\t.bt-behsad-mission__content {\n\t\tinset-block-start: clamp(2.75rem, 7svh, 4rem);\n\t\twidth: min(84vw, 27rem);\n\t}\n\n\t.bt-behsad-mission__statement {\n\t\tfont-size: clamp(1.25rem, 5.6vw, 1.55rem);\n\t\tline-height: 1.85;\n\t}\n}\n\n\n\/* =========================================================\n   14. REDUCED MOTION\n   JavaScript switches stages instead of crossfading.\n   ========================================================= *\/\n\n@media (prefers-reduced-motion: reduce) {\n\t.bt-behsad-manifesto__stage {\n\t\ttransition: none !important;\n\t}\n}\n<\/style>\n\n<!--\nBehsad Homepage \u2014 Manifesto\nTarget: WordPress Twenty Twenty-Five \/ Gutenberg\nCurrent stages: Philosophy + Belief + Mission\n\nGutenberg structure:\nPost Content\n\u251c\u2500\u2500 Hero .alignfull            [existing approved block \u2014 unchanged]\n\u2514\u2500\u2500 Manifesto .alignfull       [THIS single Custom HTML block]\n    \u2514\u2500\u2500 Sticky viewport\n        \u251c\u2500\u2500 Philosophy         [layer 1]\n        \u251c\u2500\u2500 Belief             [layer 2]\n        \u2514\u2500\u2500 Mission            [layer 3]\n\nDo not wrap the Manifesto in a Group\/Columns\/Otter Section.\nKeep it as a direct alignfull child of Post Content.\n\nFor production image delivery, keep the WordPress Media Library-generated\nsrcset\/sizes markup for these same images while retaining the classes below.\n-->\n<section class=\"bt-behsad-manifesto alignfull\" dir=\"rtl\" lang=\"fa\" aria-label=\"\u0628\u06cc\u0627\u0646\u06cc\u0647 \u0628\u0647\u0633\u0627\u062f\" data-bt-manifesto=\"\">\n\t<div class=\"bt-behsad-manifesto__sticky\">\n\n\t\t<article id=\"bt-behsad-philosophy\" class=\"bt-behsad-manifesto__stage bt-behsad-philosophy\" data-manifesto-stage=\"philosophy\" aria-labelledby=\"bt-behsad-philosophy-title\">\n\t\t\t<div class=\"bt-behsad-manifesto__media bt-behsad-philosophy__media\" aria-hidden=\"true\">\n\t\t\t\t<img class=\"bt-behsad-manifesto__image bt-behsad-philosophy__image\" src=\"https:\/\/behsad.com\/site\/wp-content\/uploads\/2026\/08\/Philosophy.png\" width=\"1672\" height=\"941\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\">\n\t\t\t<\/div>\n\n\t\t\t<div class=\"bt-behsad-manifesto__content bt-behsad-philosophy__content\">\n\t\t\t\t<h2 id=\"bt-behsad-philosophy-title\" class=\"bt-behsad-manifesto__label bt-behsad-philosophy__label\">\u0641\u0644\u0633\u0641\u0647 \u0645\u0627<\/h2>\n\n\t\t\t\t<p class=\"bt-behsad-philosophy__statement\">\n\t\t\t\t\t\u0627\u06af\u0631 \u0645\u0627 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0686\u06cc\u0632\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u06a9\u0633\u0628 \u062f\u0631\u0622\u0645\u062f \u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0642\u062f\u0631\u062a \u0648 \u0627\u062b\u0628\u0627\u062a \u0628\u0648\u062f\u0646 \u062e\u0648\u062f \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0627\u0633\u062a.\n\t\t\t\t<\/p>\n\n\t\t\t\t<p class=\"bt-behsad-philosophy__reflection\">\n\t\t\t\t\t\u0631\u0633\u0627\u0644\u062a \u0627\u0646\u0633\u0627\u0646 \u0647\u0645\u0631\u0627\u0647\u06cc \u0628\u0627 \u062a\u0645\u0627\u0645 \u0642\u062f\u0645\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0647\u0633\u062a\u06cc \u0628\u0631\u062f\u0627\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631 \u062f\u0631 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0648\u0633\u0639\u0647 \u0627\u062e\u0644\u0627\u0642 \u0627\u0633\u062a.\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/article>\n\n\t\t<article id=\"bt-behsad-belief\" class=\"bt-behsad-manifesto__stage bt-behsad-belief\" data-manifesto-stage=\"belief\" aria-labelledby=\"bt-behsad-belief-title\" aria-hidden=\"true\">\n\t\t\t<div class=\"bt-behsad-manifesto__media bt-behsad-belief__media\" aria-hidden=\"true\">\n\t\t\t\t<img class=\"bt-behsad-manifesto__image bt-behsad-belief__image\" src=\"https:\/\/behsad.com\/site\/wp-content\/uploads\/2026\/08\/behsad-desert.png\" width=\"1672\" height=\"941\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\">\n\t\t\t<\/div>\n\n\t\t\t<div class=\"bt-behsad-manifesto__content bt-behsad-belief__content\">\n\t\t\t\t<h2 id=\"bt-behsad-belief-title\" class=\"bt-behsad-manifesto__label bt-behsad-belief__label\">\u0628\u0627\u0648\u0631 \u0645\u0627<\/h2>\n\n\t\t\t\t<p class=\"bt-behsad-belief__statement\">\n\t\t\t\t\t\u00ab\u0628\u06cc \u067e\u0627\u06cc\u200c\u067e\u0648\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u06a9\u0648\u06cc\u0631 \u06af\u0630\u0634\u062a\u060c \u0628\u06cc\u200c\u0633\u062a\u0627\u0631\u0647 \u0647\u0631\u06af\u0632.\u00bb\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/article>\n\n\n\t\t<article id=\"bt-behsad-mission\" class=\"bt-behsad-manifesto__stage bt-behsad-mission\" data-manifesto-stage=\"mission\" aria-labelledby=\"bt-behsad-mission-title\" aria-hidden=\"true\">\n\t\t\t<div class=\"bt-behsad-manifesto__media bt-behsad-mission__media\" aria-hidden=\"true\">\n\t\t\t\t<img class=\"bt-behsad-manifesto__image bt-behsad-mission__image\" src=\"https:\/\/behsad.com\/site\/wp-content\/uploads\/2026\/08\/wall.png\" width=\"1672\" height=\"941\" alt=\"\" loading=\"lazy\" decoding=\"async\" sizes=\"auto, 100vw\">\n\t\t\t<\/div>\n\n\t\t\t<div class=\"bt-behsad-manifesto__content bt-behsad-mission__content\">\n\t\t\t\t<h2 id=\"bt-behsad-mission-title\" class=\"bt-behsad-manifesto__label bt-behsad-mission__label\">\u0645\u0623\u0645\u0648\u0631\u06cc\u062a \u0645\u0627<\/h2>\n\n\t\t\t\t<p class=\"bt-behsad-mission__statement\">\n\t\t\t\t\t\u0645\u0627 \u0645\u062d\u0635\u0648\u0644\u0627\u062a \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u0645\u06cc\u200c\u0633\u0627\u0632\u06cc\u0645 \u0648 \u062e\u062f\u0645\u0627\u062a \u0646\u0631\u0645\u200c\u0627\u0641\u0632\u0627\u0631\u06cc \u0627\u0628\u0631\u06cc \u0627\u0631\u0627\u0626\u0647 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645 \u062a\u0627 \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u06a9\u0627\u0631\u0647\u0627\u06cc\u0634\u0627\u0646 \u0631\u0627 \u0628\u0647\u062a\u0631 \u0645\u062f\u06cc\u0631\u06cc\u062a \u06a9\u0646\u0646\u062f\u060c \u062a\u0635\u0645\u06cc\u0645\u200c\u0647\u0627\u06cc \u062f\u0642\u06cc\u0642\u200c\u062a\u0631\u06cc \u0628\u06af\u06cc\u0631\u0646\u062f \u0648 \u0628\u0627 \u067e\u06cc\u0686\u06cc\u062f\u06af\u06cc \u06a9\u0645\u062a\u0631\u06cc \u06a9\u0627\u0631 \u06a9\u0646\u0646\u062f.\n\t\t\t\t<\/p>\n\t\t\t<\/div>\n\t\t<\/article>\n\n\t<\/div>\n<\/section>\n\n<script>\n\/**\n * Behsad Manifesto sticky narrative.\n * Lightweight vanilla JavaScript; no libraries.\n *\n * Three-stage progression:\n * 0.00\u20130.20  Philosophy fully visible\n * 0.20\u20130.34  Philosophy -> Belief crossfade\n * 0.34\u20130.56  Belief fully visible\n * 0.56\u20130.72  Belief -> Mission crossfade\n * 0.72\u20131.00  Mission fully visible\n *\/\nfunction BehsadManifesto(root, options) {\n\tif (!(root instanceof Element)) {\n\t\treturn;\n\t}\n\n\tthis.root = root;\n\tthis.options = Object.assign({\n\t\tphilosophyToBeliefStart: 0.20,\n\t\tphilosophyToBeliefEnd: 0.34,\n\t\tbeliefToMissionStart: 0.56,\n\t\tbeliefToMissionEnd: 0.72,\n\n\t\t\/* Copy leaves a little before the image midpoint; incoming copy enters after it. *\/\n\t\tphilosophyContentFadeEnd: 0.26,\n\t\tbeliefContentFadeInStart: 0.28,\n\t\tbeliefContentFadeOutEnd: 0.63,\n\t\tmissionContentFadeInStart: 0.65,\n\n\t\t\/* Discrete stage boundaries used for aria-hidden and reduced motion. *\/\n\t\tphilosophyBeliefActiveSwitch: 0.27,\n\t\tbeliefMissionActiveSwitch: 0.64\n\t}, options || {});\n\n\tthis.sticky = root.querySelector('.bt-behsad-manifesto__sticky');\n\n\tthis.philosophy = root.querySelector('[data-manifesto-stage=\"philosophy\"]');\n\tthis.belief = root.querySelector('[data-manifesto-stage=\"belief\"]');\n\tthis.mission = root.querySelector('[data-manifesto-stage=\"mission\"]');\n\n\tthis.philosophyContent = root.querySelector('.bt-behsad-philosophy__content');\n\tthis.beliefContent = root.querySelector('.bt-behsad-belief__content');\n\tthis.missionContent = root.querySelector('.bt-behsad-mission__content');\n\n\tif (\n\t\t!this.sticky ||\n\t\t!this.philosophy || !this.belief || !this.mission ||\n\t\t!this.philosophyContent || !this.beliefContent || !this.missionContent\n\t) {\n\t\treturn;\n\t}\n\n\tthis.motionQuery = window.matchMedia('(prefers-reduced-motion: reduce)');\n\tthis.rafId = 0;\n\tthis.startY = 0;\n\tthis.scrollDistance = 1;\n\n\tthis.onScroll = this.requestUpdate.bind(this);\n\tthis.onResize = this.measureAndUpdate.bind(this);\n\tthis.onMotionChange = this.update.bind(this);\n\n\tthis.init();\n}\n\nBehsadManifesto.prototype.clamp01 = function (value) {\n\treturn Math.min(1, Math.max(0, value));\n};\n\nBehsadManifesto.prototype.rangeProgress = function (progress, start, end) {\n\tif (end <= start) {\n\t\treturn progress >= end ? 1 : 0;\n\t}\n\n\treturn this.clamp01((progress - start) \/ (end - start));\n};\n\nBehsadManifesto.prototype.init = function () {\n\tthis.measure();\n\tthis.update();\n\n\twindow.addEventListener('scroll', this.onScroll, { passive: true });\n\twindow.addEventListener('resize', this.onResize, { passive: true });\n\n\tif (this.motionQuery.addEventListener) {\n\t\tthis.motionQuery.addEventListener('change', this.onMotionChange);\n\t} else if (this.motionQuery.addListener) {\n\t\tthis.motionQuery.addListener(this.onMotionChange);\n\t}\n};\n\nBehsadManifesto.prototype.measure = function () {\n\tvar rect = this.root.getBoundingClientRect();\n\n\tthis.startY = window.scrollY + rect.top;\n\tthis.scrollDistance = Math.max(1, this.root.offsetHeight - window.innerHeight);\n};\n\nBehsadManifesto.prototype.measureAndUpdate = function () {\n\tthis.measure();\n\tthis.requestUpdate();\n};\n\nBehsadManifesto.prototype.requestUpdate = function () {\n\tif (this.rafId) {\n\t\treturn;\n\t}\n\n\tvar instance = this;\n\tthis.rafId = window.requestAnimationFrame(function () {\n\t\tinstance.rafId = 0;\n\t\tinstance.update();\n\t});\n};\n\nBehsadManifesto.prototype.getActiveStage = function (progress) {\n\tif (progress < this.options.philosophyBeliefActiveSwitch) {\n\t\treturn 'philosophy';\n\t}\n\n\tif (progress < this.options.beliefMissionActiveSwitch) {\n\t\treturn 'belief';\n\t}\n\n\treturn 'mission';\n};\n\nBehsadManifesto.prototype.setAriaState = function (activeStage) {\n\tthis.philosophy.setAttribute('aria-hidden', activeStage === 'philosophy' ? 'false' : 'true');\n\tthis.belief.setAttribute('aria-hidden', activeStage === 'belief' ? 'false' : 'true');\n\tthis.mission.setAttribute('aria-hidden', activeStage === 'mission' ? 'false' : 'true');\n};\n\nBehsadManifesto.prototype.setVisualState = function (state, activeStage) {\n\tthis.philosophy.style.opacity = String(state.philosophy);\n\tthis.belief.style.opacity = String(state.belief);\n\tthis.mission.style.opacity = String(state.mission);\n\n\tthis.philosophyContent.style.opacity = String(state.philosophyContent);\n\tthis.beliefContent.style.opacity = String(state.beliefContent);\n\tthis.missionContent.style.opacity = String(state.missionContent);\n\n\tthis.setAriaState(activeStage);\n};\n\nBehsadManifesto.prototype.setReducedMotionState = function (progress) {\n\tvar activeStage = this.getActiveStage(progress);\n\n\tthis.setVisualState({\n\t\tphilosophy: activeStage === 'philosophy' ? 1 : 0,\n\t\tbelief: activeStage === 'belief' ? 1 : 0,\n\t\tmission: activeStage === 'mission' ? 1 : 0,\n\t\tphilosophyContent: activeStage === 'philosophy' ? 1 : 0,\n\t\tbeliefContent: activeStage === 'belief' ? 1 : 0,\n\t\tmissionContent: activeStage === 'mission' ? 1 : 0\n\t}, activeStage);\n};\n\nBehsadManifesto.prototype.update = function () {\n\tvar progress = this.clamp01((window.scrollY - this.startY) \/ this.scrollDistance);\n\tvar o = this.options;\n\n\tthis.root.style.setProperty('--bt-manifesto-progress', progress.toFixed(4));\n\n\tif (this.motionQuery.matches) {\n\t\tthis.setReducedMotionState(progress);\n\t\treturn;\n\t}\n\n\t\/* Image crossfades. *\/\n\tvar pToB = this.rangeProgress(progress, o.philosophyToBeliefStart, o.philosophyToBeliefEnd);\n\tvar bToM = this.rangeProgress(progress, o.beliefToMissionStart, o.beliefToMissionEnd);\n\n\tvar philosophyOpacity = 1 - pToB;\n\tvar beliefOpacity = pToB * (1 - bToM);\n\tvar missionOpacity = bToM;\n\n\t\/*\n\t * Copy timing deliberately leaves a short text-free interval around each\n\t * visual midpoint so two full Persian statements do not collide.\n\t *\/\n\tvar philosophyContentOpacity = 1 - this.rangeProgress(\n\t\tprogress,\n\t\to.philosophyToBeliefStart,\n\t\to.philosophyContentFadeEnd\n\t);\n\n\tvar beliefContentIn = this.rangeProgress(\n\t\tprogress,\n\t\to.beliefContentFadeInStart,\n\t\to.philosophyToBeliefEnd\n\t);\n\tvar beliefContentOut = 1 - this.rangeProgress(\n\t\tprogress,\n\t\to.beliefToMissionStart,\n\t\to.beliefContentFadeOutEnd\n\t);\n\tvar beliefContentOpacity = Math.min(beliefContentIn, beliefContentOut);\n\n\tvar missionContentOpacity = this.rangeProgress(\n\t\tprogress,\n\t\to.missionContentFadeInStart,\n\t\to.beliefToMissionEnd\n\t);\n\n\tthis.setVisualState({\n\t\tphilosophy: philosophyOpacity,\n\t\tbelief: beliefOpacity,\n\t\tmission: missionOpacity,\n\t\tphilosophyContent: philosophyContentOpacity,\n\t\tbeliefContent: beliefContentOpacity,\n\t\tmissionContent: missionContentOpacity\n\t}, this.getActiveStage(progress));\n};\n\n\/* Explicit page initialization. *\/\ndocument.querySelectorAll('[data-bt-manifesto]').forEach(function (root) {\n\tnew BehsadManifesto(root);\n});\n\n<\/script>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u0632\u0646\u062f\u06af\u06cc \u0628\u0650\u0647\u200c\u062a\u0631 \u0633\u0627\u0632\u0645\u0627\u0646\u200c\u0647\u0627 \u0641\u0644\u0633\u0641\u0647 \u0645\u0627 \u0627\u06af\u0631 \u0645\u0627 \u06a9\u0627\u0631 \u0645\u06cc\u200c\u06a9\u0646\u06cc\u0645\u060c \u0686\u06cc\u0632\u06cc \u0641\u0631\u0627\u062a\u0631 \u0627\u0632 \u06a9\u0633\u0628 \u062f\u0631\u0622\u0645\u062f \u0648 \u067e\u06cc\u062f\u0627 \u06a9\u0631\u062f\u0646 \u0642\u062f\u0631\u062a \u0648 \u0627\u062b\u0628\u0627\u062a \u0628\u0648\u062f\u0646 \u062e\u0648\u062f \u062f\u0631 \u0628\u0627\u0632\u0627\u0631 \u0627\u0633\u062a. \u0631\u0633\u0627\u0644\u062a \u0627\u0646\u0633\u0627\u0646 \u0647\u0645\u0631\u0627\u0647\u06cc \u0628\u0627 \u062a\u0645\u0627\u0645 \u0642\u062f\u0645\u200c\u0647\u0627\u06cc\u06cc \u0627\u0633\u062a \u06a9\u0647 \u0628\u0631\u0627\u06cc \u0628\u0647\u0628\u0648\u062f \u0647\u0633\u062a\u06cc \u0628\u0631\u062f\u0627\u0634\u062a\u0647 \u0645\u06cc\u200c\u0634\u0648\u0646\u062f \u0648 \u0645\u0647\u0645\u200c\u062a\u0631\u06cc\u0646 \u06a9\u0627\u0631 \u062f\u0631 \u0627\u06cc\u0646 \u0632\u0645\u06cc\u0646\u0647 \u062a\u0648\u0633\u0639\u0647 \u0627\u062e\u0644\u0627\u0642 \u0627\u0633\u062a. \u0628\u0627\u0648\u0631 \u0645\u0627 \u00ab\u0628\u06cc \u067e\u0627\u06cc\u200c\u067e\u0648\u0634 \u0645\u06cc\u200c\u062a\u0648\u0627\u0646 \u0627\u0632 \u06a9\u0648\u06cc\u0631 \u06af\u0630\u0634\u062a\u060c [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-title","meta":{"footnotes":""},"class_list":["post-5534","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/pages\/5534","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/behsad.com\/site\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=5534"}],"version-history":[{"count":57,"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/pages\/5534\/revisions"}],"predecessor-version":[{"id":5653,"href":"https:\/\/behsad.com\/site\/index.php?rest_route=\/wp\/v2\/pages\/5534\/revisions\/5653"}],"wp:attachment":[{"href":"https:\/\/behsad.com\/site\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=5534"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}