/* =========================================================================
   dd-motion.css v2 — states for dd-motion.js
   Every hidden/initial state is scoped to html.dd-motion (JS on, no reduced
   motion, not in the Elementor editor). Otherwise: static and fully visible.
   ========================================================================= */

/* ---------- intro (injected) ---------- */
:where(.dd-intro):not(.dd-z):not(z) { position: fixed; inset: 0; z-index: 9999; background: var(--dd-deep); color: var(--dd-cream); pointer-events: none; transition: opacity 1s var(--dd-ease-in-out), transform 1.2s var(--dd-ease-in-out); }
:where(.dd-intro.is-out):not(.dd-z.dd-z):not(z) { opacity: 0; transform: translateY(-4vh); }
:where(.dd-intro__cols):not(.dd-z):not(z) { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, 1fr); }
:where(.dd-intro__cols span):not(.dd-z):not(z):not(z) { border-inline-start: 1px solid var(--dd-line-dark); position: relative; overflow: hidden; }
:where(.dd-intro__cols span):not(.dd-z):not(z):not(z):not(z)::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, color-mix(in srgb, var(--dd-brick) 55%, transparent), rgb(27 61 92 / .0)); transform-origin: bottom; transform: scaleY(calc(var(--p, 0) * (1 - var(--i) * .09))); }
:where(.dd-intro__mark):not(.dd-z):not(z) { direction: ltr; /* "<D>" in this order also on the RTL page (10.10.2026) */ position: absolute; inset: 0; display: flex; align-items: center; justify-content: center; gap: calc(var(--p, 0) * 40vw); font-size: clamp(70px, 12vw, 170px); color: var(--dd-cream); }
:where(.dd-intro__mark svg):not(.dd-z):not(z):not(z) { width: .42em; height: 1em; overflow: visible; }
:where(.dd-intro__mark path):not(.dd-z):not(z):not(z) { fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
:where(.dd-intro__d):not(.dd-z):not(z) { color: var(--dd-brick); width: .5em !important; opacity: calc(1 - var(--p, 0) * 1.4); }
:where(.dd-intro__d path):not(.dd-z):not(z):not(z) { stroke-width: 8; }
:where(.dd-intro__num):not(.dd-z):not(z) { position: absolute; inset-inline-end: var(--dd-gutter); bottom: 4vh; font-size: clamp(64px, 9vw, 150px); line-height: .8; font-weight: 700; direction: ltr; }
:where(.dd-intro__num small):not(.dd-z):not(z):not(z) { font-size: .3em; color: var(--dd-brick); margin-inline-start: .1em; }
:where(html.dd-intro-on body):not(.dd-z):not(z):not(z):not(z) { overflow: hidden; }

/* ---------- letter titles ---------- */
:where(.dd-word):not(.dd-z):not(z) { display: inline-block; white-space: nowrap; overflow: clip; padding-block: .08em .14em; margin-block: -.08em -.14em; vertical-align: top; }
:where(.dd-ch):not(.dd-z):not(z) { display: inline-block; will-change: transform; }
:where(html.dd-motion .dd-title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-130%); transition: transform var(--dd-m-dur, 1.3s) cubic-bezier(.83, 0, .17, 1); transition-delay: calc(var(--dd-ci, 0) * var(--dd-m-step, 28ms) + var(--dd-delay, 0ms)); }
:where(html.dd-motion .dd-title.is-in .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: none; }
/* hero title waits for the intro */
:where(html.dd-motion:not(.dd-ready) .dd-hero .dd-title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-130%) !important; }
:where(html.dd-motion.dd-ready .dd-hero .dd-title.is-in .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: none; }

/* ---------- reveals ---------- */
:where(html.dd-motion .dd-reveal):not(.dd-z.dd-z):not(z):not(z) { transition: opacity var(--dd-m-dur, 1.15s) cubic-bezier(.22, .68, .24, 1), transform var(--dd-m-dur, 1.15s) cubic-bezier(.22, .68, .24, 1); transition-delay: var(--dd-delay, 0ms); }
:where(html.dd-motion .dd-reveal:not(.is-in)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(var(--dd-m-dist, 46px)); }
:where(html.dd-motion .dd-stagger > *):not(.dd-z.dd-z):not(z):not(z) { transition: opacity var(--dd-m-dur, 1s) cubic-bezier(.22, .68, .24, 1), transform var(--dd-m-dur, 1s) cubic-bezier(.22, .68, .24, 1); transition-delay: calc(var(--dd-i, 0) * var(--dd-m-step, 70ms) + var(--dd-delay, 0ms)); }
:where(html.dd-motion .dd-stagger:not(.is-in) > *):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(var(--dd-m-dist, 40px)); }
:where(html.dd-motion .dd-img-reveal):not(.dd-z.dd-z):not(z):not(z) { transition: clip-path var(--dd-m-dur, 2.2s) cubic-bezier(.22, 1, .36, 1); transition-delay: var(--dd-delay, 0ms); clip-path: inset(0 0 0 0 round var(--dd-radius-lg)); }
:where(html.dd-motion .dd-img-reveal:not(.is-in)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { clip-path: inset(0 0 100% 0 round var(--dd-radius-lg)); }
:where(html.dd-motion .dd-img-reveal img):not(.dd-z.dd-z):not(z):not(z):not(z), :where(html.dd-motion .dd-img-reveal video):not(.dd-z.dd-z):not(z):not(z):not(z) { transition: transform calc(var(--dd-m-dur, 2.2s) + .2s) cubic-bezier(.22, 1, .36, 1); transition-delay: var(--dd-delay, 0ms); transform-origin: top; }
:where(html.dd-motion .dd-img-reveal:not(.is-in) img):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z), :where(html.dd-motion .dd-img-reveal:not(.is-in) video):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: scale(var(--dd-m-zoom, 1.5)); }
:where(html.dd-motion .dd-parallax):not(.dd-z.dd-z):not(z):not(z) { transform: translate3d(0, var(--dd-py, 0px), 0) rotate(var(--dd-rot, 0deg)); will-change: transform; }
:where(html.dd-motion:not(.dd-ready) .dd-hero .dd-reveal):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(46px); }

/* ---------- hero picture cycle ---------- */
:where(.dd-cycle):not(.dd-z):not(z) { overflow: hidden; }
:where(.dd-cycle):not(.dd-z.dd-z):not(z):not(z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cycle):not(.dd-z):not(z), :where(.dd-cycle):not(.dd-z):not(z):where(:not(.e-con)) { position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cycle):not(.dd-z):not(z), :where(.dd-cycle):not(.dd-z):not(z):where(:not(.e-con)) { display: grid; }
:where(.dd-cycle > *):not(.dd-z):not(z) { grid-area: 1 / 1; }
:where(html.dd-js .dd-cycle > *:not(.is-on):not(.is-prev)):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { visibility: hidden; }
:where(html.dd-motion .dd-cycle > .is-on):not(.dd-z.dd-z.dd-z):not(z):not(z) { z-index: 2; animation: dd-cycle-in .75s cubic-bezier(.22, 1, .36, 1) both; }
:where(html.dd-motion .dd-cycle > .is-prev):not(.dd-z.dd-z.dd-z):not(z):not(z) { z-index: 1; animation: dd-cycle-out .75s ease both; }
@keyframes dd-cycle-in { from { clip-path: inset(100% 0 0 0); transform: scale(1.18); filter: saturate(1.6) blur(6px); } to { clip-path: inset(0 0 0 0); transform: none; filter: none; } }
@keyframes dd-cycle-out { to { transform: scale(.94) translateY(-3%); filter: blur(4px) brightness(.6); } }

/* ---------- 3D wall ---------- */
:where(html.dd-motion .dd-wall:not(.is-static) .dd-wall__fallback):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { display: none; }
:where(html:not(.dd-motion) .dd-wall .dd-wall__plane):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z), :where(.dd-wall.is-static .dd-wall__plane):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: none; }

/* ---------- ring ---------- */
:where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z):not(z):not(z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { transform: none !important; opacity: 1 !important; }
:where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --position: static; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z), :where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { position: static; }

/* ---------- running sentence ---------- */
:where(html.dd-motion .dd-run:not(.is-static) .dd-run__panel):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { clip-path: circle(var(--dd-wipe-r, 0px) at 50% 100%); }
:where(html.dd-motion .dd-run:not(.is-static) .dd-run__line):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { white-space: nowrap; }

/* ---------- chapters (pinned look only when live) ---------- */
:where(html.dd-motion .dd-chapters.is-live .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform 1.1s cubic-bezier(.76, 0, .24, 1), opacity .5s ease; transition-delay: calc(var(--dd-ci, 0) * 30ms); }
:where(html.dd-motion .dd-chapters.is-live .dd-chapter:not(.is-current) .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-130%); opacity: 0; transition-duration: .35s; transition-delay: 0s; transition-timing-function: ease-in; }
:where(html.dd-motion .dd-chapters.is-live .dd-chapter__meta):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z), :where(html.dd-motion .dd-chapters.is-live .dd-chapter__num):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: opacity .6s ease .25s, transform .8s cubic-bezier(.22, .68, .24, 1) .25s; }
:where(html.dd-motion .dd-chapters.is-live .dd-chapter:not(.is-current) .dd-chapter__meta):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z),
:where(html.dd-motion .dd-chapters.is-live .dd-chapter:not(.is-current) .dd-chapter__num):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(20px); transition-delay: 0s; transition-duration: .3s; }

/* ---------- marquees ---------- */
:where(.dd-marquee):not(.dd-z):not(z) { overflow: hidden; }
:where(.dd-marquee__track):not(.dd-z):not(z) { display: flex; }
:where(.dd-marquee__track):not(.dd-z.dd-z):not(z):not(z) { --flex-direction: row; --gap: var(--dd-gap, 18px); --width: max-content; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-marquee__track):not(.dd-z):not(z), :where(.dd-marquee__track):not(.dd-z):not(z):where(:not(.e-con)) { gap: var(--dd-gap, 18px); width: max-content; }
:where(.dd-marquee__track > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(html.dd-motion .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z) { animation: dd-mx calc(var(--dd-dur, 50s) / var(--dd-sfx-speed, 1)) linear infinite; }
:where(html.dd-motion .dd-marquee--rev .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { animation-direction: reverse; }
@keyframes dd-mx { to { transform: translate3d(calc(var(--dd-loop, 50%)), 0, 0); } }
@media (min-width: 900px) {
  :where(.dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { --flex-direction: column; --width: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z):not(z), :where(.dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z):not(z):where(:not(.e-con)) { flex-direction: column; width: auto; }
  :where(html.dd-motion .dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { animation-name: dd-my; }
  @keyframes dd-my { to { transform: translate3d(0, calc(var(--dd-loop, 50%) * -1), 0); } }
}
:where(.dd-marquee:hover .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.dd-marquee:focus-within .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.dd-marquee.is-paused .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { animation-play-state: paused; }
:where(html:not(.dd-motion) .dd-marquee [data-dd-clone]):not(.dd-z.dd-z.dd-z):not(z):not(z) { display: none; }
:where(html:not(.dd-motion) .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { --flex-wrap: wrap; --width: auto; --justify-content: center; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z), :where(html:not(.dd-motion) .dd-marquee__track):not(.dd-z.dd-z):not(z):not(z):where(:not(.e-con)) { flex-wrap: wrap; width: auto; justify-content: center; }

/* ---------- rain ---------- */
:where(.dd-rain):not(.dd-z):not(z) { inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
:where(.dd-rain):not(.dd-z.dd-z):not(z):not(z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-rain):not(.dd-z):not(z), :where(.dd-rain):not(.dd-z):not(z):where(:not(.e-con)) { position: absolute; }
:where(.dd-rain i):not(.dd-z):not(z):not(z) { position: absolute; top: 0; left: var(--x); width: 1px; height: 90px; margin-left: -1px; background: linear-gradient(to bottom, transparent, color-mix(in srgb, var(--dd-cream) 55%, transparent)); animation: dd-rain var(--dur) linear var(--delay) infinite; }
:where(.dd-rain i:nth-child(3n)):not(.dd-z.dd-z):not(z):not(z) { background: linear-gradient(to bottom, transparent, rgb(196 108 98 / .8)); }
@keyframes dd-rain { from { transform: translateY(-200px); opacity: 0; } 10% { opacity: 1; } 70% { opacity: 1; } to { transform: translateY(calc(100vh + 300px)); opacity: 0; } }

/* ---------- menu sheet ---------- */
:where(html.dd-motion .dd-menu):not(.dd-z.dd-z):not(z):not(z) { transform: translateY(-104%); transition: transform .38s cubic-bezier(.7, 0, .84, 0); }
:where(html.dd-motion .dd-menu.is-open):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: none; transition: transform 1.05s cubic-bezier(.3, 1.32, .5, 1); }
:where(html.dd-motion .dd-menu__list .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-110%); transition: transform .9s cubic-bezier(.22, 1, .36, 1); }
:where(html.dd-motion .dd-menu.is-open .dd-menu__list .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: none; transition-delay: calc(.25s + var(--dd-row, 0) * 90ms + var(--dd-ci, 0) * 12ms); }
:where(.dd-dim-siblings:has(a:hover, a:focus-visible) > li > a:not(:hover):not(:focus-visible)):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: .3; }
:where(.dd-dim-siblings a):not(.dd-z):not(z):not(z) { transition: opacity .3s ease; }

@media (prefers-reduced-motion: reduce) {
  :where(.dd-intro):not(.dd-z):not(z), :where(.dd-rain):not(.dd-z):not(z) { display: none !important; }
}

/* ---------- v2.1: why-work-with-me sequence (dd-advs) ---------- */
:where(html.dd-motion .dd-advs.is-live .dd-adv__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform 1.05s cubic-bezier(.76, 0, .24, 1), opacity .5s ease; transition-delay: calc(var(--dd-ci, 0) * 22ms + 120ms); }
:where(html.dd-motion .dd-advs.is-live .dd-adv:not(.is-current) .dd-adv__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-130%); opacity: 0; transition-duration: .35s; transition-delay: 0s; transition-timing-function: ease-in; }
:where(html.dd-motion .dd-advs.is-live .dd-adv__n):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform 1.1s cubic-bezier(.22, 1, .36, 1), opacity .6s ease; transform: translateY(var(--dd-n-y, 0)) rotate(var(--dd-n-r, 0deg)); }
:where(html.dd-motion .dd-advs.is-live .dd-adv:not(.is-current) .dd-adv__n):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(40%) rotate(-8deg); transition-duration: .4s; }
:where(html.dd-motion .dd-advs.is-live .dd-adv__text):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: opacity .8s ease .45s, transform 1s cubic-bezier(.22, .68, .24, 1) .45s; }
:where(html.dd-motion .dd-advs.is-live .dd-adv:not(.is-current) .dd-adv__text):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(30px); transition-delay: 0s; transition-duration: .3s; }
:where(html.dd-motion .dd-advs.is-live .dd-adv:not(.is-current)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { pointer-events: none; }

/* ---------- v2.1: FAQ open/close height animation (400ms, like the Elementor original) ---------- */
:where(html.dd-motion .dd-faq-orig__a):not(.dd-z.dd-z):not(z):not(z) { transition: height .4s ease; }

/* ---------- v2.2: project names swap inside the single stage (quick, no flicker) ---------- */
:where(html.dd-motion .dd-pj-stage .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform .75s cubic-bezier(.76, 0, .24, 1), opacity .35s ease; transition-delay: calc(var(--dd-ci, 0) * 12ms); }
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap:not(.is-current) .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transform: translateY(-130%); opacity: 0; transition-duration: .28s; transition-delay: 0s; transition-timing-function: ease-in; }
:where(html.dd-motion .dd-pj-stage .dd-chapter__num):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z), :where(html.dd-motion .dd-pj-stage .dd-chapter__meta):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: opacity .45s ease .15s, transform .6s cubic-bezier(.22, .68, .24, 1) .15s; }
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap:not(.is-current) .dd-chapter__num):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z),
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap:not(.is-current) .dd-chapter__meta):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(14px); transition-delay: 0s; transition-duration: .2s; pointer-events: none; }
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap:not(.is-current)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { visibility: hidden; transition: visibility 0s linear .3s; }
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap.is-current):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { visibility: visible; transition: visibility 0s; }

/* ---------- v2.2: dealt cards ("what you get") ---------- */
:where(html.dd-motion .dd-deal .dd-get2):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform 1.2s cubic-bezier(.22, 1, .36, 1), opacity .8s ease, box-shadow .6s; }
:where(html.dd-motion .dd-deal .dd-get2-wrap:nth-child(1) .dd-get2):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --r: -7deg; transition-delay: 0s; }
:where(html.dd-motion .dd-deal .dd-get2-wrap:nth-child(2) .dd-get2):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --r: 5deg; transition-delay: .14s; }
:where(html.dd-motion .dd-deal .dd-get2-wrap:nth-child(3) .dd-get2):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --r: -4deg; transition-delay: .28s; }
:where(html.dd-motion .dd-deal:not(.is-in) .dd-get2):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 0; transform: translateY(160px) rotate(var(--r)) scale(.9); }
:where(html.dd-motion .dd-deal .dd-get2__n):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: clip-path 1.1s cubic-bezier(.22, 1, .36, 1) .5s; clip-path: inset(0 0 0 0); }
:where(html.dd-motion .dd-deal:not(.is-in) .dd-get2__n):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { clip-path: inset(100% 0 0 0); }

/* ---------- v2.2: fan — static fallback keeps a gentle open fan ---------- */
:where(html:not(.dd-motion) .dd-fan__card):not(.dd-z.dd-z):not(z):not(z) { --dd-spread: 8deg; }

/* v2.7 — Latin names inside Hebrew lines (letters split for the animation) stay in their original LTR order */
:where(.dd-word--ltr):not(.dd-z):not(z), :where(.dd-ltr-run):not(.dd-z):not(z), :where(.dd-ltr-phrase):not(.dd-z):not(z) { unicode-bidi: isolate; direction: ltr; }
:where(.dd-ltr-run):not(.dd-z):not(z) { display: inline-block; }

/* v2.7 — projects: the name swaps fast at the band boundary (its pictures are invisible there) → readable the whole time.
   (Kept in this file, which loads after dd-site.css; the selectors include .dd-chapters.is-live so they also outrank the
   older per-chapter rule — that one gave every letter up to 0.8s delay + 1.1s: long names took ~2s to appear.) */
:where(html.dd-motion .dd-chapters.is-live .dd-pj-stage .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition: transform .5s cubic-bezier(.22, 1, .36, 1), opacity .25s ease; transition-delay: min(calc(var(--dd-ci, 0) * 7ms), 120ms); }
:where(html.dd-motion .dd-chapters.is-live .dd-pj-stage .dd-chapter__title-wrap:not(.is-current) .dd-chapter__title .dd-ch):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { transition-duration: .16s; transition-delay: 0s; }
:where(html.dd-motion .dd-chapters.is-live .dd-pj-stage .dd-chapter__title-wrap:not(.is-current)):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { visibility: visible; transition: none; } /* letters + link are transparent; still reachable by keyboard */

/* (18.10.2026) A section more than a screen away (dd-motion.js, section 17) holds its looping CSS animations — the rain, the
   marquees, the spinning badges, the shimmer, the project-shot focus. They continue from the same frame when it comes back. */
:where(.dd-off :is(.dd-rain i, .dd-badge > svg, .dd-fade > .swiper-slide, .dd-footer__avatar svg, .dd-gradient-text, .dd-marquee__track)):not(.dd-z.dd-z.dd-z):not(z) { animation-play-state: paused !important; } /* (19.10.2026: only the looping elements — a rule on every element (.dd-off *) made each style recalculation of the page slower) */

/* ---------- (18.10.2026) the homepage on PHONES only (≤ 767px — Elementor's mobile breakpoint; tablets and computers unchanged) ----------
   1. Featured projects: one column, each picture the screen's width (16px margins) — the active one large and clear; one
      project per 40% of a screen of scroll; the list starts / ends where the first / last picture reaches the anchor line,
      so no empty screens before or after. The name stays in the band at the bottom; the pictures stay links.
   2. "מעוניינים באתר?": less empty height around the title and the fan.
   3. "שנת 2026": no ring and no pinned scroll — the statement is plain text in the page's flow (dd-motion.js: is-static). */
@media (max-width: 767px) {
  :where(.dd-pjx):not(.dd-z):not(z) { --pjx-gut: 16px; --pjx-mid: 0px; --pjx-row: 35svh; --pjx-peak: 10svh; }
  :where(.dd-pjx.is-live .jet-listing-grid__items):not(.dd-z.dd-z.dd-z):not(z) { grid-template-columns: minmax(0, 1fr); column-gap: 0; padding-top: 5svh; padding-bottom: calc(50svh + var(--pjx-peak) - var(--pjx-row) / 2); } /* (19.10.2026: the first picture right after the section title — was 22svh of empty screen) */
  :where(.dd-pjx.is-live .jet-listing-grid__item:nth-child(even)):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { top: 0; }
  :where(.dd-pjx .dd-pjx__shot):not(.dd-z.dd-z):not(z) { border-radius: 14px; }
  /* (19.10.2026) the 3D wall: its plane and tiles on their own compositor layers — no repaint of 32 pictures on every frame of a
     touch scroll (measured on a phone-speed CPU: median frame 117 → 83ms, worst 850 → 383ms). Nothing visible changes. */
  :where(.dd-wall__plane):not(.dd-z):not(z), :where(.dd-wall__tile):not(.dd-z):not(z) { will-change: transform; }
  /* (19.10.2026) "פרויקטים נבחרים" sits mid-way down the wall's pinned stage, and the stage stayed empty below it until the pin
     ended. dd-motion.js measures that empty height on this phone (--dd-pj-lift = stage height − title bottom − 16px; measured again
     on resize, rotation and the toolbar showing/hiding) and the projects list slides up into it, over the wall's empty end, so the
     first picture arrives right under the title. Without the measurement (reduced motion, static wall) nothing moves. */
  :where(.dd-projects.dd-pj-lifted):not(.dd-z.dd-z):not(z) { z-index: 2; }
  :where(.dd-projects.dd-pj-lifted):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { --position: relative; --margin-top: calc(-1 * var(--dd-pj-lift, 0px)); }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-projects.dd-pj-lifted):not(.dd-z.dd-z):not(z), :where(.dd-projects.dd-pj-lifted):not(.dd-z.dd-z):not(z):where(:not(.e-con)) { position: relative; margin-top: calc(-1 * var(--dd-pj-lift, 0px)); }
  :where(.dd-interest):not(.dd-z.dd-z):not(z):not(z) { --min-height: 0; --padding-top: 8svh; --padding-bottom: 26svh; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z):not(z), :where(.dd-interest):not(.dd-z):not(z):where(:not(.e-con)) { min-height: 0; padding-block: 8svh 26svh; } /* (19.10.2026: as tall as its content — the fan sits right under the button) */
  :where(.dd-ring):not(.dd-z.dd-z):not(z):not(z), :where(.dd-ring.is-static):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { --height: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z):not(z), :where(.dd-ring):not(.dd-z):not(z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static):not(.dd-z.dd-z):not(z), :where(.dd-ring.is-static):not(.dd-z.dd-z):not(z):where(:not(.e-con)) { height: auto; }
  :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: block; overflow: visible; }
  :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { --position: relative; --height: auto; --padding-top: clamp(64px, 16vw, 96px); --padding-bottom: clamp(64px, 16vw, 96px); }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z), :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):where(:not(.e-con)) { position: relative; height: auto; padding-block: clamp(64px, 16vw, 96px); }
  :is(.dd-ring.is-static .dd-ring__stage):is(html body .elementor .e-con.e-con) { display: block; }
  :where(.dd-ring.is-static .dd-ring__space):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { display: none; }
  :where(.dd-ring.is-static .dd-ring__text):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z) { margin-inline: auto; padding: 0; width: auto; max-width: none; --dd-max-w: none; margin-inline: var(--dd-gutter); background: none; backdrop-filter: none; opacity: 1; transform: none; font-size: clamp(1.3rem, 5.6vw, 1.75rem); line-height: 1.45; text-shadow: none; }
  :where(.dd-ring.is-static .dd-ring__text):not(.dd-z.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { margin-top: 0; margin-bottom: 0; }
  :where(.dd-ring.is-static .dd-ring__text .dd-wd):not(.dd-z.dd-z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z):not(z) { opacity: 1; filter: none; }
}