/* =========================================================================
   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 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 z) { opacity: 0; transform: translateY(-4vh); }
:where(.dd-intro__cols):not(.dd-z z) { position: absolute; inset: 0; display: grid; grid-template-columns: repeat(6, 1fr); }
:where(.dd-intro__cols span):not(.dd-z z z) { border-inline-start: 1px solid var(--dd-line-dark); position: relative; overflow: hidden; }
:where(.dd-intro__cols span):not(.dd-z z z 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 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 z z) { width: .42em; height: 1em; overflow: visible; }
:where(.dd-intro__mark path):not(.dd-z z z) { fill: none; stroke: currentColor; stroke-width: 6; stroke-linecap: round; stroke-linejoin: round; }
:where(.dd-intro__d):not(.dd-z z) { color: var(--dd-brick); width: .5em !important; opacity: calc(1 - var(--p, 0) * 1.4); }
:where(.dd-intro__d path):not(.dd-z z z) { stroke-width: 8; }
:where(.dd-intro__num):not(.dd-z 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 z z) { font-size: .3em; color: var(--dd-brick); margin-inline-start: .1em; }
:where(html.dd-intro-on body):not(.dd-z z z z) { overflow: hidden; }

/* ---------- letter titles ---------- */
:where(.dd-word):not(.dd-z 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 z) { display: inline-block; will-change: transform; }
:where(html.dd-motion .dd-title .dd-ch):not(.dd-z.dd-z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z z z z z) { transform: translateY(-130%) !important; }
:where(html.dd-motion.dd-ready .dd-hero .dd-title.is-in .dd-ch):not(.dd-z.dd-z z z z z z z z z z z z z z z z z) { transform: none; }

/* ---------- reveals ---------- */
:where(html.dd-motion .dd-reveal):not(.dd-z.dd-z z 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 z z z z z z) { opacity: 0; transform: translateY(var(--dd-m-dist, 46px)); }
:where(html.dd-motion .dd-stagger > *):not(.dd-z.dd-z z 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 z z z z z z) { opacity: 0; transform: translateY(var(--dd-m-dist, 40px)); }
:where(html.dd-motion .dd-img-reveal):not(.dd-z.dd-z z 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 z z z z z 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 z z z), :where(html.dd-motion .dd-img-reveal video):not(.dd-z.dd-z z z 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 z z z z z z z), :where(html.dd-motion .dd-img-reveal:not(.is-in) video):not(.dd-z.dd-z z z z z z z z) { transform: scale(var(--dd-m-zoom, 1.5)); }
:where(html.dd-motion .dd-parallax):not(.dd-z.dd-z z 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 z z z z z z z z z z) { opacity: 0; transform: translateY(46px); }

/* ---------- hero picture cycle ---------- */
:where(.dd-cycle):not(.dd-z z) { overflow: hidden; }
:where(.dd-cycle):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cycle):not(.dd-z z), :where(.dd-cycle):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cycle):not(.dd-z z), :where(.dd-cycle):not(.dd-z z):where(:not(.e-con)) { display: grid; }
:where(.dd-cycle > *):not(.dd-z z) { grid-area: 1 / 1; }
:where(html.dd-js .dd-cycle > *:not(.is-on):not(.is-prev)):not(.dd-z.dd-z.dd-z z z z z z z) { visibility: hidden; }
:where(html.dd-motion .dd-cycle > .is-on):not(.dd-z.dd-z.dd-z z 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 z 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 z z z z z z z z z z) { display: none; }
:where(html:not(.dd-motion) .dd-wall .dd-wall__plane):not(.dd-z.dd-z z z z z z z), :where(.dd-wall.is-static .dd-wall__plane):not(.dd-z.dd-z z z z z z) { display: none; }

/* ---------- ring ---------- */
:where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z z z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z z z z z z) { transform: none !important; opacity: 1 !important; }
:where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z z) { --position: static; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z), :where(html:not(.dd-motion) .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z z), :where(.dd-ring.is-static .dd-ring__card):not(.dd-z.dd-z z z z z z z z z z z z z z z z z z z z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z z z z 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 z z z z z z z z z z z z z z z z 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 z z z z z z z z z z), :where(html.dd-motion .dd-chapters.is-live .dd-chapter__num):not(.dd-z.dd-z z z z z z z z z z 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 z z z z z z z z z z z z z z z z),
:where(html.dd-motion .dd-chapters.is-live .dd-chapter:not(.is-current) .dd-chapter__num):not(.dd-z.dd-z z z z z z z z z z z z z z z z z) { opacity: 0; transform: translateY(20px); transition-delay: 0s; transition-duration: .3s; }

/* ---------- marquees ---------- */
:where(.dd-marquee):not(.dd-z z) { overflow: hidden; }
:where(.dd-marquee__track):not(.dd-z z) { display: flex; }
:where(.dd-marquee__track):not(.dd-z.dd-z z 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 z), :where(.dd-marquee__track):not(.dd-z 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 z 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 z z z z z 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 z z z z z) { --flex-direction: column; --width: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z z), :where(.dd-marquee--y .dd-marquee__track):not(.dd-z.dd-z 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 z z z z z 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 z z z z z), :where(.dd-marquee:focus-within .dd-marquee__track):not(.dd-z.dd-z z z z z z), :where(.dd-marquee.is-paused .dd-marquee__track):not(.dd-z.dd-z z z z z z) { animation-play-state: paused; }
:where(html:not(.dd-motion) .dd-marquee [data-dd-clone]):not(.dd-z.dd-z.dd-z z z) { display: none; }
:where(html:not(.dd-motion) .dd-marquee__track):not(.dd-z.dd-z z z z z z 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 z z), :where(html:not(.dd-motion) .dd-marquee__track):not(.dd-z.dd-z z z):where(:not(.e-con)) { flex-wrap: wrap; width: auto; justify-content: center; }

/* ---------- rain ---------- */
:where(.dd-rain):not(.dd-z z) { inset: 0; pointer-events: none; overflow: hidden; z-index: 0; }
:where(.dd-rain):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-rain):not(.dd-z z), :where(.dd-rain):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(.dd-rain i):not(.dd-z z 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 z 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 z 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 z z z z z 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 z z z z z 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 z z z z z z z z z z z z 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 z z z z z z z z) { opacity: .3; }
:where(.dd-dim-siblings a):not(.dd-z z z) { transition: opacity .3s ease; }

@media (prefers-reduced-motion: reduce) {
  :where(.dd-intro):not(.dd-z z), :where(.dd-rain):not(.dd-z 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 z z z z z z z z z z z z 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 z z z z z z z z z z z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z z z z z z z 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 z z z z z z z z z z z z 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 z 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 z z z z z z z z z 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 z z z z z z z z z z z z z z z 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 z z z z z z), :where(html.dd-motion .dd-pj-stage .dd-chapter__meta):not(.dd-z.dd-z z z z z z 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 z z z z z z z z z z z z z),
:where(html.dd-motion .dd-pj-stage .dd-chapter__title-wrap:not(.is-current) .dd-chapter__meta):not(.dd-z.dd-z z z z z z z z z z z z z 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 z z z z z z z z z 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 z z z z z z z z z 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 z z z z z 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 z z z z z z z z z z z z 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 z z z z z z z z z z z z 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 z z z z z z z z z z z z z) { --r: -4deg; transition-delay: .28s; }
:where(html.dd-motion .dd-deal:not(.is-in) .dd-get2):not(.dd-z.dd-z z z z z z z z z z 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 z z z z z 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 z z z z z z z z z 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 z 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 z), :where(.dd-ltr-run):not(.dd-z z), :where(.dd-ltr-phrase):not(.dd-z z) { unicode-bidi: isolate; direction: ltr; }
:where(.dd-ltr-run):not(.dd-z 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 z z z z z z z z z z z z z z z 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 z z z z z z z z z z z z z z z z z 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 z z z z z z z z z z z z z z z z) { visibility: visible; transition: none; } /* letters + link are transparent; still reachable by keyboard */