/* =========================================================================
   dd-site.css v2 — homepage layout. Units scale with the viewport so the
   composition keeps its proportions from 360px to 1920px.
   In Elementor most rules become native container/widget settings (see
   docs/elementor-component-map.md); the 3D scenes need the CSS below as
   Custom CSS on their containers.
   ========================================================================= */
:where(*):not(z), :where(*):not(z z)::before, :where(*):not(z z)::after { box-sizing: border-box; }
:where(html):not(z z) { -webkit-text-size-adjust: 100%; scroll-padding-top: 90px; font-size: 100%; }
:where(body):not(z z) { margin: 0; background: var(--dd-deep); color: var(--dd-navy); font-family: var(--dd-font); font-size: var(--dd-fs-body); line-height: 1.7; -webkit-font-smoothing: antialiased; overflow-x: clip; }
:where(img):not(z z), :where(video):not(z z), :where(svg):not(z z) { display: block; max-width: 100%; height: auto; }
:where(a):not(z z) { color: inherit; }
:where(p):not(z z) { margin: 0 0 1em; }
:where(h1):not(z z), :where(h2):not(z z), :where(h3):not(z z), :where(h4):not(z z), :where(.dd-h):not(.dd-z z) { margin: 0; font-weight: 700; line-height: .95; letter-spacing: -.01em; }
:where(:focus-visible):not(.dd-z z) { outline: 3px solid var(--dd-brick); outline-offset: 3px; border-radius: 6px; }
:where(.dd-dark :focus-visible):not(.dd-z.dd-z z), :where(.dd-footer :focus-visible):not(.dd-z.dd-z z), :where(.dd-menu :focus-visible):not(.dd-z.dd-z z), :where(.dd-run :focus-visible):not(.dd-z.dd-z z) { outline-color: var(--dd-cream); }
:where(.dd-sr):not(.dd-z z) { position: absolute !important; width: 1px; height: 1px; margin-inline: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
:where(.dd-sr):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: -1px; margin-bottom: -1px; }
:where(.dd-ltr):not(.dd-z z) { direction: ltr; display: inline-block; unicode-bidi: isolate; }
:where(.dd-skip):not(.dd-z z) { position: fixed; top: 8px; right: 8px; z-index: 10000; padding: 12px 20px; border-radius: 999px; background: var(--dd-cream); color: var(--dd-navy); transform: translateY(-160%); transition: transform .2s; }
:where(.dd-skip:focus):not(.dd-z.dd-z z) { transform: none; }
:where(.dd-wrap):not(.dd-z z) { z-index: 1; }
:where(.dd-wrap):not(.dd-z.dd-z z z) { --width: min(100% - 2 * var(--dd-gutter), 1680px); --margin-right: auto; --margin-left: auto; --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wrap):not(.dd-z z), :where(.dd-wrap):not(.dd-z z):where(:not(.e-con)) { width: min(100% - 2 * var(--dd-gutter), 1680px); margin-inline: auto; position: relative; }

/* ---------- surfaces ---------- */
:where(.dd-dark):not(.dd-z z) { color: var(--dd-cream); background:
  radial-gradient(55% 45% at 85% 0%, color-mix(in srgb, var(--dd-brick) 38%, transparent), transparent 70%),
  radial-gradient(45% 50% at 5% 30%, rgb(27 61 92 / .75), transparent 70%),
  var(--dd-deep); }
:where(.dd-dark):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-dark):not(.dd-z z), :where(.dd-dark):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(.dd-light):not(.dd-z z) { background: var(--dd-white); color: var(--dd-navy); }
:where(.dd-light):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-light):not(.dd-z z), :where(.dd-light):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(.dd-cream):not(.dd-z z) { background: var(--dd-cream); color: var(--dd-navy); }
:where(.dd-cream):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cream):not(.dd-z z), :where(.dd-cream):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(.dd-pad):not(.dd-z.dd-z z z) { --padding-top: clamp(80px, 11vw, 200px); --padding-bottom: clamp(80px, 11vw, 200px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-pad):not(.dd-z z), :where(.dd-pad):not(.dd-z z):where(:not(.e-con)) { padding-block: clamp(80px, 11vw, 200px); }
:where(.dd-grid):not(.dd-z z) { inset: 0; pointer-events: none; z-index: 0; background-image: linear-gradient(to left, var(--dd-line-dark) 1px, transparent 1px); background-size: calc(100% / 6) 100%; }
:where(.dd-grid):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-grid):not(.dd-z z), :where(.dd-grid):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(.dd-light .dd-grid):not(.dd-z.dd-z z), :where(.dd-cream .dd-grid):not(.dd-z.dd-z z) { background-image: linear-gradient(to left, var(--dd-line) 1px, transparent 1px); }
@media (max-width: 899px) { :where(.dd-grid):not(.dd-z z) { background-size: calc(100% / 3) 100%; } }

/* ---------- type ---------- */
:where(.dd-mega):not(.dd-z z) { font-size: clamp(3.4rem, 11.5vw, 15rem); line-height: .86; letter-spacing: -.035em; }
:where(.dd-huge):not(.dd-z z) { font-size: clamp(2.8rem, 7.6vw, 9.5rem); line-height: .9; letter-spacing: -.03em; }
:where(.dd-big):not(.dd-z z) { font-size: clamp(2.2rem, 5vw, 6rem); line-height: .95; letter-spacing: -.02em; }
:where(.dd-h3):not(.dd-z z) { font-size: clamp(1.35rem, 1.05rem + 1.1vw, 2.2rem); line-height: 1.15; }
:where(.dd-lead):not(.dd-z z) { font-size: clamp(1.25rem, .95rem + 1.2vw, 2.1rem); line-height: 1.45; font-weight: 400; }
:where(.dd-tag):not(.dd-z z) { font-size: clamp(.82rem, .75rem + .25vw, 1rem); letter-spacing: .18em; line-height: 1.6; }
:where(.dd-accent):not(.dd-z z) { color: var(--dd-brick); }
:where(.dd-dark .dd-accent):not(.dd-z.dd-z z) { color: var(--dd-brick-soft); } /* brick tint for contrast on navy (5.6:1) */
:where(.dd-checks):not(.dd-z z) { list-style: none; }
:where(.dd-checks):not(.dd-z.dd-z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-checks):not(.dd-z z), :where(.dd-checks):not(.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-checks):not(.dd-z z), :where(.dd-checks):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: .45rem; }
:where(.dd-checks li):not(.dd-z z z z)::before { content: "✔"; color: var(--dd-brick); margin-inline-end: .55em; }

/* ---------- buttons ---------- */
:where(.dd-btn):not(.dd-z z) { display: inline-flex; align-items: center; gap: .8em; min-height: 54px; padding: .65em 1.7em; border-radius: 999px; border: 1.5px solid transparent; font: inherit; font-size: clamp(1rem, .95rem + .25vw, 1.2rem); font-weight: 700; line-height: 1.2; text-decoration: none; cursor: pointer; transition: background-color .4s var(--dd-ease-out), color .4s var(--dd-ease-out), border-color .4s; }
:where(.dd-btn--primary):not(.dd-z z) { background: var(--dd-brick); color: #fff; }
:where(.dd-btn--primary:hover):not(.dd-z.dd-z z) { background: var(--dd-cream); color: var(--dd-navy); }
:where(.dd-light .dd-btn--primary:hover):not(.dd-z.dd-z z z z z z), :where(.dd-cream .dd-btn--primary:hover):not(.dd-z.dd-z z z z z z) { background: var(--dd-navy); color: #fff; }
:where(.dd-btn--line):not(.dd-z z) { border-color: currentColor; color: inherit; background: transparent; }
:where(.dd-btn--line:hover):not(.dd-z.dd-z z) { background: var(--dd-cream); color: var(--dd-navy); border-color: var(--dd-cream); }
:where(.dd-light .dd-btn--line:hover):not(.dd-z.dd-z z z z z z), :where(.dd-cream .dd-btn--line:hover):not(.dd-z.dd-z z z z z z) { background: var(--dd-navy); color: #fff; border-color: var(--dd-navy); }
:where(.dd-arrow):not(.dd-z z) { width: 2em; height: 1px; background: currentColor; position: relative; transition: width .4s var(--dd-ease-out); }
:where(.dd-arrow):not(.dd-z z z)::before { content: ""; position: absolute; left: 0; top: -4px; width: 8px; height: 8px; border-left: 1px solid currentColor; border-bottom: 1px solid currentColor; transform: rotate(45deg); }
:where(.dd-btn:hover .dd-arrow):not(.dd-z.dd-z z z z z z) { width: 2.8em; }
:where(.dd-link):not(.dd-z z) { color: inherit; text-decoration: none; border-bottom: 1px solid currentColor; padding-bottom: 2px; }
:where(.dd-link:hover):not(.dd-z.dd-z z) { color: var(--dd-brick); }
:where(.dd-dark .dd-link:hover):not(.dd-z.dd-z z z z z z) { color: var(--dd-brick-soft); }
:where(.dd-actions):not(.dd-z z) { display: flex; }
:where(.dd-actions):not(.dd-z.dd-z z z) { --flex-direction: row; --flex-wrap: wrap; --gap: 14px 24px; --align-items: center; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-actions):not(.dd-z z), :where(.dd-actions):not(.dd-z z):where(:not(.e-con)) { flex-wrap: wrap; gap: 14px 24px; align-items: center; }
:where(.dd-actions > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-icon-btn):not(.dd-z z) { width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid currentColor; background: transparent; color: inherit; cursor: pointer; display: grid; place-items: center; }
:where(.dd-pause-i):not(.dd-z z) { width: 10px; height: 12px; border-inline: 3px solid currentColor; }
:where([aria-pressed="true"] > .dd-pause-i):not(.dd-z.dd-z z) { width: 0; height: 0; border-inline: 0; border-block: 7px solid transparent; border-right: 11px solid currentColor; }
:where(html:not(.dd-motion) .dd-icon-btn[data-motion-only]):not(.dd-z.dd-z z z z z z z) { display: none; }

/* ---------- header ---------- */
:where(.dd-header):not(.dd-z z) { inset: 0 0 auto; z-index: 200; color: var(--dd-cream); transition: transform .5s var(--dd-ease-out), color .3s; }
:where(.dd-header):not(.dd-z.dd-z z z) { --position: fixed; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-header):not(.dd-z z), :where(.dd-header):not(.dd-z z):where(:not(.e-con)) { position: fixed; }
:where(.dd-header[data-on="light"]):not(.dd-z.dd-z z) { color: var(--dd-navy); }
:where(.dd-header.is-hidden):not(.dd-z.dd-z z) { transform: translateY(-110%); }
:where(.dd-header.menu-open):not(.dd-z.dd-z z) { color: var(--dd-cream); }
:where(.dd-header__bar):not(.dd-z z) { display: flex; }
:where(.dd-header__bar):not(.dd-z.dd-z z z) { --flex-direction: row; --align-items: center; --gap: 14px; --height: clamp(72px, 7vw, 104px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-header__bar):not(.dd-z z), :where(.dd-header__bar):not(.dd-z z):where(:not(.e-con)) { align-items: center; gap: 14px; height: clamp(72px, 7vw, 104px); }
:where(.dd-header__bar > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-logo):not(.dd-z z) { flex: none; }
:where(.dd-logo):not(.dd-z.dd-z z z) { --position: relative; --width: clamp(112px, 9vw, 158px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-logo):not(.dd-z z), :where(.dd-logo):not(.dd-z z):where(:not(.e-con)) { position: relative; width: clamp(112px, 9vw, 158px); }
:where(.dd-logo img):not(.dd-z z z) { width: 100%; transition: opacity .3s; }
:where(.dd-logo .dd-logo--dark):not(.dd-z.dd-z z) { position: absolute; inset: 0; }
:where(.dd-header[data-on="light"]:not(.menu-open) .dd-logo--dark):not(.dd-z.dd-z z z z z z z z z z) { opacity: 0; }
:where(.dd-header:not([data-on="light"]) .dd-logo--light):not(.dd-z.dd-z z z z z z), :where(.dd-header.menu-open .dd-logo--light):not(.dd-z.dd-z z z z z z) { opacity: 0; }
:where(.dd-header__tag):not(.dd-z z) { margin-inline-start: clamp(16px, 4vw, 80px); opacity: .8; }
:where(.dd-header__end):not(.dd-z z) { display: flex; }
:where(.dd-header__end):not(.dd-z.dd-z z z) { --flex-direction: row; --margin-right: auto; --align-items: center; --gap: 12px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-header__end):not(.dd-z z), :where(.dd-header__end):not(.dd-z z):where(:not(.e-con)) { margin-inline-start: auto; align-items: center; gap: 12px; }
:where(.dd-header__end > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-header__phone):not(.dd-z z) { min-height: 48px; padding: .4em 1.3em; border-color: currentColor; color: inherit; background: transparent; font-weight: 700; }
:where(.dd-header__phone:hover):not(.dd-z.dd-z z) { background: var(--dd-brick); border-color: var(--dd-brick); color: #fff; }
:where(.dd-menu-toggle):not(.dd-z z) { width: 52px; height: 52px; border-radius: 50%; border: 1.5px solid currentColor; background: transparent; color: inherit; cursor: pointer; position: relative; }
:where(.dd-menu-toggle span):not(.dd-z z z) { position: absolute; inset-inline: 15px; height: 1.5px; background: currentColor; transition: transform .4s var(--dd-ease-out), top .4s; }
:where(.dd-menu-toggle span:nth-child(1)):not(.dd-z.dd-z z z) { top: 21px; } :where(.dd-menu-toggle span:nth-child(2)):not(.dd-z.dd-z z z) { top: 29px; }
:where(.dd-header.menu-open .dd-menu-toggle span:nth-child(1)):not(.dd-z.dd-z.dd-z z z z z z z) { top: 25px; transform: rotate(45deg); }
:where(.dd-header.menu-open .dd-menu-toggle span:nth-child(2)):not(.dd-z.dd-z.dd-z z z z z z z) { top: 25px; transform: rotate(-45deg); }
@media (max-width: 899px) { :where(.dd-header__tag):not(.dd-z z) { display: none; } :where(.dd-header__phone):not(.dd-z z) { display: none; } }

:where(.dd-menu):not(.dd-z z) { inset: 0; z-index: -1; background: var(--dd-navy); color: var(--dd-cream); overflow-y: auto; }

:where(.dd-menu):not(.dd-z.dd-z z z) { --position: fixed; --padding-top: clamp(100px, 12vh, 150px); --padding-right: var(--dd-gutter); --padding-bottom: 40px; --padding-left: var(--dd-gutter); --border-radius: 0 0 clamp(18px, 3vw, 40px) clamp(18px, 3vw, 40px); }

:where(body:not([class*="elementor-kit-"])) :where(.dd-menu):not(.dd-z z), :where(.dd-menu):not(.dd-z z):where(:not(.e-con)) { position: fixed; padding: clamp(100px, 12vh, 150px) var(--dd-gutter) 40px; border-radius: 0 0 clamp(18px, 3vw, 40px) clamp(18px, 3vw, 40px); }

:where(body:not([class*="elementor-kit-"])) :where(.dd-menu):not(.dd-z z), :where(.dd-menu):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: 40px; align-content: start; }
:where(.dd-menu[hidden]):not(.dd-z.dd-z z) { display: none; }
:where(.dd-menu__list):not(.dd-z z) { list-style: none; margin: 0; padding: 0; }
:where(.dd-menu__list > li > a):not(.dd-z z z z) { display: inline-block; font-size: clamp(2.4rem, 6.4vw, 6.4rem); line-height: 1.02; font-weight: 700; text-decoration: none; color: var(--dd-cream); letter-spacing: -.02em; }
:where(.dd-menu__side):not(.dd-z.dd-z z z) { --padding-top: 1rem; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-menu__side):not(.dd-z z), :where(.dd-menu__side):not(.dd-z z):where(:not(.e-con)) { padding-top: 1rem; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-menu__side):not(.dd-z z), :where(.dd-menu__side):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: 28px; align-content: start; }
:where(.dd-menu__side h2):not(.dd-z z z) { font-size: var(--dd-fs-small); letter-spacing: .18em; font-weight: 400; opacity: .7; margin-bottom: 8px; }
:where(.dd-menu__side ul):not(.dd-z z z) { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
:where(.dd-menu__side a):not(.dd-z z z) { color: var(--dd-cream); text-decoration: none; font-size: 1.1rem; }
:where(.dd-menu__side a:hover):not(.dd-z.dd-z z z) { color: var(--dd-brick-soft); }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-menu):not(.dd-z z), :where(.dd-menu):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } }

/* ---------- hero ---------- */
:where(.dd-hero):not(.dd-z z) { overflow: hidden; display: flex; }
:where(.dd-hero):not(.dd-z.dd-z z z) { --min-height: 100svh; --flex-direction: column; --justify-content: flex-start; --padding-top: clamp(120px, 15vh, 190px); --padding-bottom: clamp(28px, 4vw, 64px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-hero):not(.dd-z z), :where(.dd-hero):not(.dd-z z):where(:not(.e-con)) { min-height: 100svh; flex-direction: column; justify-content: flex-start; padding-block: clamp(120px, 15vh, 190px) clamp(28px, 4vw, 64px); }
:where(.dd-hero__title):not(.dd-z z) { position: relative; z-index: 2; color: var(--dd-cream); }
:where(.dd-hero__title .l1):not(.dd-z.dd-z z), :where(.dd-hero__title .l2):not(.dd-z.dd-z z) { display: block; }
:where(.dd-hero__title .l2):not(.dd-z.dd-z z) { text-align: end; color: var(--dd-brick-soft); }
:where(.dd-hero__title):not(.dd-z z) { font-size: clamp(3.4rem, 10.6vw, 14rem); }
:where(.dd-hero__title .l3):not(.dd-z.dd-z z) { display: block; font-size: .2em; line-height: 1.25; letter-spacing: 0; font-weight: 400; margin-top: .55em; max-width: 26ch; margin-inline-start: auto; text-align: end; }
:where(.dd-hero__pic):not(.dd-z z) { z-index: 1; right: 6vw; bottom: 9vh; transform: rotate(3deg); }
:where(.dd-hero__pic):not(.dd-z.dd-z z z) { --position: absolute; --width: clamp(260px, 27vw, 520px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-hero__pic):not(.dd-z z), :where(.dd-hero__pic):not(.dd-z z):where(:not(.e-con)) { position: absolute; width: clamp(260px, 27vw, 520px); }
:where(.dd-hero__frame):not(.dd-z z) { overflow: hidden; box-shadow: 0 40px 80px rgb(0 0 0 / .45); background: #fff; }
:where(.dd-hero__frame):not(.dd-z.dd-z z z) { --border-radius: clamp(10px, 1.2vw, 20px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-hero__frame):not(.dd-z z), :where(.dd-hero__frame):not(.dd-z z):where(:not(.e-con)) { border-radius: clamp(10px, 1.2vw, 20px); }
:where(.dd-hero__frame img):not(.dd-z z z) { width: 100%; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; }
:where(.dd-hero__pic .dd-cycle-toggle):not(.dd-z.dd-z z) { position: absolute; bottom: -56px; right: 0; color: var(--dd-cream); }
:where(.dd-badge):not(.dd-z z) { position: absolute; width: clamp(110px, 9vw, 168px); aspect-ratio: 1; left: -14%; bottom: -20%; border-radius: 50%; background: var(--dd-brick); color: #fff; display: grid; place-items: center; z-index: 3; }
:where(.dd-badge > svg:first-child):not(.dd-z.dd-z z z) { position: absolute; inset: 7%; width: 86%; height: 86%; }
:where(.dd-badge text):not(.dd-z z z) { fill: currentColor; font-family: var(--dd-font); font-size: 12.4px; letter-spacing: .6px; direction: ltr; }
:where(.dd-badge__d):not(.dd-z z) { width: 28%; } :where(.dd-badge__d path):not(.dd-z z z) { fill: none; stroke: #fff; stroke-width: 9; }
:where(html.dd-motion .dd-badge > svg:first-child):not(.dd-z.dd-z.dd-z z z z) { animation: dd-spin 22s linear infinite; }
@keyframes dd-spin { to { transform: rotate(-360deg); } }
:where(.dd-hero__foot):not(.dd-z z) { z-index: 2; display: flex; }
:where(.dd-hero__foot):not(.dd-z.dd-z z z) { --flex-direction: row; --position: relative; --flex-wrap: wrap; --gap: 20px 40px; --align-items: end; --justify-content: flex-end; --margin-top: auto; --padding-top: 30px; --padding-left: 72px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-hero__foot):not(.dd-z z), :where(.dd-hero__foot):not(.dd-z z):where(:not(.e-con)) { position: relative; flex-wrap: wrap; gap: 20px 40px; align-items: end; justify-content: flex-end; margin-top: auto; padding-top: 30px; padding-inline-end: 72px; }
:where(.dd-hero__foot > .e-con):not(.dd-z.dd-z) { --width: auto; } /* keep clear of the floating WhatsApp button */
@media (max-width: 899px) {
  :where(.dd-hero):not(.dd-z.dd-z z z) { --justify-content: flex-start; --padding-top: 110px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-hero):not(.dd-z z), :where(.dd-hero):not(.dd-z z):where(:not(.e-con)) { justify-content: flex-start; padding-top: 110px; }
  :where(.dd-hero__title):not(.dd-z z) { font-size: clamp(3.2rem, 17vw, 7rem); }
  :where(.dd-hero__title .l3):not(.dd-z.dd-z z) { font-size: .3em; }
  :where(.dd-hero__pic):not(.dd-z z) { left: auto; right: auto; top: auto; bottom: auto; transform: rotate(-3deg); }
  :where(.dd-hero__pic):not(.dd-z.dd-z z z) { --position: relative; --width: 84%; --margin-top: 26px; --margin-right: auto; --margin-bottom: 0; --margin-left: 0; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-hero__pic):not(.dd-z z), :where(.dd-hero__pic):not(.dd-z z):where(:not(.e-con)) { position: relative; width: 84%; margin: 26px auto 0 0; }
  :where(.dd-hero__title .l3):not(.dd-z.dd-z z) { margin-inline-start: 0; text-align: start; }
  :where(.dd-hero__foot):not(.dd-z.dd-z z z) { --justify-content: flex-start; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-hero__foot):not(.dd-z z), :where(.dd-hero__foot):not(.dd-z z):where(:not(.e-con)) { justify-content: flex-start; }
  :where(.dd-badge):not(.dd-z z) { left: auto; right: -6%; bottom: -18%; width: 104px; }
  :where(.dd-hero__pic .dd-cycle-toggle):not(.dd-z.dd-z z) { right: auto; left: 0; bottom: -54px; }
  :where(.dd-hero__foot):not(.dd-z.dd-z z z) { --margin-top: 70px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-hero__foot):not(.dd-z z), :where(.dd-hero__foot):not(.dd-z z):where(:not(.e-con)) { margin-top: 70px; }
  :where(.dd-hero__foot .dd-btn):not(.dd-z.dd-z z) { width: 100%; justify-content: center; }
}

/* ---------- 3D wall ---------- */
:where(.dd-wall):not(.dd-z.dd-z z z) { --height: calc(100vh + 520vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall):not(.dd-z z), :where(.dd-wall):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 520vh * var(--dd-sfx-scroll, 1)); }
:where(.dd-wall__stage):not(.dd-z z) { top: 0; overflow: hidden; perspective: 1700px; background: var(--dd-deep); }
:where(.dd-wall__stage):not(.dd-z.dd-z z z) { --position: sticky; --height: 100vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__stage):not(.dd-z z), :where(.dd-wall__stage):not(.dd-z z):where(:not(.e-con)) { position: sticky; height: 100vh; }
:where(.dd-wall__plane):not(.dd-z z) { left: 50%; top: 50%; transform-style: preserve-3d; }
:where(.dd-wall__plane):not(.dd-z.dd-z z z) { --position: absolute; --width: 0; --height: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__plane):not(.dd-z z), :where(.dd-wall__plane):not(.dd-z z):where(:not(.e-con)) { position: absolute; width: 0; height: 0; }
:where(.dd-wall__tile):not(.dd-z z) { position: absolute; left: 0; top: 0; border-radius: clamp(6px, .8vw, 14px); overflow: hidden; background: #1b2b3b; box-shadow: 0 30px 60px rgb(0 0 0 / .35); will-change: transform, opacity; backface-visibility: hidden; }
:where(.dd-wall__tile img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; object-position: top; }
:where(.dd-wall__tile.is-centre):not(.dd-z.dd-z z) { z-index: 5; box-shadow: 0 0 0 2px var(--dd-brick-soft), 0 40px 80px rgb(0 0 0 / .5); }
:where(.dd-wall__shade):not(.dd-z z) { inset: 0; pointer-events: none; background: radial-gradient(70% 70% at 50% 50%, transparent 40%, color-mix(in srgb, var(--dd-deep) 85%, transparent) 100%); z-index: 2; }
:where(.dd-wall__shade):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__shade):not(.dd-z z), :where(.dd-wall__shade):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(.dd-wall__cap):not(.dd-z z) { inset: 0; place-items: center; text-align: center; z-index: 3; pointer-events: none; color: var(--dd-cream); opacity: calc(var(--dd-wall-d, 0) * 1.6 - .4); transform: scale(calc(1.15 - var(--dd-wall-d, 0) * .15)); }
:where(.dd-wall__cap):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__cap):not(.dd-z z), :where(.dd-wall__cap):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__cap):not(.dd-z z), :where(.dd-wall__cap):not(.dd-z z):where(:not(.e-con)) { display: grid; }
:where(.dd-wall__src):not(.dd-z z) { display: none; }
:where(.dd-wall.is-static):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-wall):not(.dd-z.dd-z z z z z z z) { --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall.is-static):not(.dd-z.dd-z z), :where(.dd-wall.is-static):not(.dd-z.dd-z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-wall):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-wall):not(.dd-z.dd-z z z):where(:not(.e-con)) { height: auto; }
:where(.dd-wall.is-static .dd-wall__stage):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-wall__stage):not(.dd-z.dd-z z z) { perspective: none; }
:where(.dd-wall.is-static .dd-wall__stage):not(.dd-z.dd-z z z z z z z z z), :where(html:not(.dd-motion) .dd-wall__stage):not(.dd-z.dd-z z z z z z z) { --position: relative; --height: auto; --padding-top: 80px; --padding-bottom: 80px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall.is-static .dd-wall__stage):not(.dd-z.dd-z z z z z z), :where(.dd-wall.is-static .dd-wall__stage):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-wall__stage):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-wall__stage):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: relative; height: auto; padding-block: 80px; }
:where(.dd-wall.is-static .dd-wall__src):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-wall__src):not(.dd-z.dd-z z z) { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); }
:where(.dd-wall.is-static .dd-wall__src):not(.dd-z.dd-z z z z z z z z z), :where(html:not(.dd-motion) .dd-wall__src):not(.dd-z.dd-z z z z z z z) { --gap: 14px; --width: min(100% - 2 * var(--dd-gutter), 1680px); --margin-top: 0; --margin-right: auto; --margin-bottom: 0; --margin-left: auto; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall.is-static .dd-wall__src):not(.dd-z.dd-z z z z z z), :where(.dd-wall.is-static .dd-wall__src):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-wall__src):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-wall__src):not(.dd-z.dd-z z z):where(:not(.e-con)) { gap: 14px; width: min(100% - 2 * var(--dd-gutter), 1680px); margin: 0 auto; }
:where(.dd-wall.is-static .dd-wall__src img):not(.dd-z.dd-z z z z z z z), :where(html:not(.dd-motion) .dd-wall__src img):not(.dd-z.dd-z z z z) { border-radius: 10px; aspect-ratio: 16 / 9; object-fit: cover; object-position: top; width: 100%; }
:where(.dd-wall.is-static .dd-wall__cap):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-wall__cap):not(.dd-z.dd-z z z) { opacity: 1; transform: none; }
:where(.dd-wall.is-static .dd-wall__cap):not(.dd-z.dd-z z z z z z z z z), :where(html:not(.dd-motion) .dd-wall__cap):not(.dd-z.dd-z z z z z z z) { --position: static; --margin-bottom: 40px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall.is-static .dd-wall__cap):not(.dd-z.dd-z z z z z z), :where(.dd-wall.is-static .dd-wall__cap):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-wall__cap):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-wall__cap):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: static; margin-bottom: 40px; }
@media (max-width: 899px) { :where(.dd-wall):not(.dd-z.dd-z z z) { --height: calc(100svh + 420svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-wall):not(.dd-z z), :where(.dd-wall):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 420svh * var(--dd-sfx-scroll, 1)); } :where(.dd-wall__stage):not(.dd-z z) { perspective: 900px; } :where(.dd-wall__stage):not(.dd-z.dd-z z z) { --height: 100svh; } :where(body:not([class*="elementor-kit-"])) :where(.dd-wall__stage):not(.dd-z z), :where(.dd-wall__stage):not(.dd-z z):where(:not(.e-con)) { height: 100svh; } }

/* ---------- project chapters ---------- */
:where(.dd-projects):not(.dd-z.dd-z z z) { --padding-bottom: clamp(60px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-projects):not(.dd-z z), :where(.dd-projects):not(.dd-z z):where(:not(.e-con)) { padding-bottom: clamp(60px, 8vw, 140px); }
:where(.dd-chapter):not(.dd-z z) { position: relative; min-height: 150vh; }
:where(.dd-chapter__title-wrap):not(.dd-z z) { position: sticky; top: 0; height: 100vh; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; z-index: 2; pointer-events: none; padding-inline: var(--dd-gutter); }
:where(.dd-chapter__num):not(.dd-z z) { font-size: clamp(1.1rem, .8rem + 1.4vw, 2.4rem); color: var(--dd-brick-soft); font-weight: 700; margin-bottom: .2em; direction: ltr; }
:where(.dd-chapter__title):not(.dd-z z) { font-size: clamp(2.6rem, 1rem + 6vw, 8.6rem); line-height: .92; color: var(--dd-cream); max-width: 14ch; text-shadow: 0 10px 40px color-mix(in srgb, var(--dd-deep) 70%, transparent); }
:where(.dd-chapter__meta):not(.dd-z z) { pointer-events: auto; margin-top: 26px; }
:where(.dd-fly):not(.dd-z z) { position: absolute; will-change: transform; }
:where(.dd-fly--shot):not(.dd-z z) { z-index: 3; width: clamp(240px, 34vw, 640px); top: 62%; }
:where(.dd-fly--logo):not(.dd-z z) { z-index: 1; width: clamp(110px, 12vw, 220px); top: 30%; }
:where(.dd-chapter:nth-child(odd) .dd-fly--shot):not(.dd-z.dd-z z z z z z) { inset-inline-start: 4vw; } :where(.dd-chapter:nth-child(odd) .dd-fly--logo):not(.dd-z.dd-z z z z z z) { inset-inline-end: 8vw; }
:where(.dd-chapter:nth-child(even) .dd-fly--shot):not(.dd-z.dd-z z z z z z) { inset-inline-end: 4vw; } :where(.dd-chapter:nth-child(even) .dd-fly--logo):not(.dd-z.dd-z z z z z z) { inset-inline-start: 8vw; }
:where(.dd-fly--shot img):not(.dd-z z z) { border-radius: clamp(10px, 1vw, 18px); box-shadow: 0 40px 90px rgb(0 0 0 / .55); aspect-ratio: 958 / 636; object-fit: cover; width: 100%; }
:where(.dd-fly--logo):not(.dd-z z) { background: #fff; border-radius: 18px; padding: clamp(12px, 1.4vw, 24px); box-shadow: 0 24px 60px rgb(0 0 0 / .4); }
:where(.dd-fly--logo img):not(.dd-z z z) { width: 100%; aspect-ratio: 1; object-fit: contain; }
:where(.dd-chapter--end .dd-chapter__title):not(.dd-z.dd-z z) { max-width: 16ch; }
@media (max-width: 899px) {
  :where(.dd-chapter):not(.dd-z z) { min-height: 125svh; }
  :where(.dd-chapter__title-wrap):not(.dd-z z) { height: 100svh; justify-content: flex-start; padding-top: 17svh; }
  :where(.dd-fly--shot):not(.dd-z z) { width: 82vw; top: 52%; }
  :where(.dd-fly--shot):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) { inset-inline: 9vw auto; }
  :where(.dd-fly--logo):not(.dd-z z) { width: 26vw; top: 36%; }
}
:where(html:not(.dd-motion) .dd-chapter):not(.dd-z.dd-z z z) { min-height: 0; display: grid; gap: 20px; padding-block: 50px; border-top: 1px solid var(--dd-line-dark); }
:where(html:not(.dd-motion) .dd-chapter__title-wrap):not(.dd-z.dd-z z z) { position: static; height: auto; }
:where(html:not(.dd-motion) .dd-fly):not(.dd-z.dd-z z z) { position: static; margin-inline: auto; }
:where(html:not(.dd-motion) .dd-fly--logo):not(.dd-z.dd-z z z) { display: none; }

/* ---------- ring ---------- */
:where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100vh + 480vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 480vh * var(--dd-sfx-scroll, 1)); }
:where(.dd-ring__stage):not(.dd-z z) { top: 0; overflow: hidden; perspective: 1200px; place-items: center; }
:where(.dd-ring__stage):not(.dd-z.dd-z z z) { --position: sticky; --height: 100vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring__stage):not(.dd-z z), :where(.dd-ring__stage):not(.dd-z z):where(:not(.e-con)) { position: sticky; height: 100vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring__stage):not(.dd-z z), :where(.dd-ring__stage):not(.dd-z z):where(:not(.e-con)) { display: grid; }
:where(.dd-ring__space):not(.dd-z z) { inset: 0; transform-style: preserve-3d; }
:where(.dd-ring__space):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring__space):not(.dd-z z), :where(.dd-ring__space):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(.dd-ring__card):not(.dd-z z) { left: 50%; top: 50%; overflow: hidden; box-shadow: 0 24px 50px rgb(0 0 0 / .45); backface-visibility: hidden; will-change: transform, opacity; opacity: 0; }
:where(.dd-ring__card):not(.dd-z.dd-z z z) { --position: absolute; --width: clamp(160px, 17vw, 300px); --border-radius: 12px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { position: absolute; width: clamp(160px, 17vw, 300px); border-radius: 12px; }
:where(.dd-ring__card img):not(.dd-z z z) { width: 100%; aspect-ratio: 3 / 2; object-fit: cover; object-position: top; }
:where(.dd-ring__text):not(.dd-z z) { position: relative; z-index: 2; width: min(100% - 2 * var(--dd-gutter), 1100px); text-align: center; color: var(--dd-cream); font-size: clamp(1.5rem, .8rem + 2.6vw, 3.6rem); line-height: 1.25; font-weight: 700; }
:where(.dd-ring__text .dd-wd):not(.dd-z.dd-z z) { display: inline-block; }
:where(.dd-ring__text .dd-accent):not(.dd-z.dd-z z) { color: var(--dd-brick-soft); }
@media (max-width: 899px) { :where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100svh + 360svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 360svh * var(--dd-sfx-scroll, 1)); } :where(.dd-ring__stage):not(.dd-z z) { perspective: 700px; } :where(.dd-ring__stage):not(.dd-z.dd-z z z) { --height: 100svh; } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__stage):not(.dd-z z), :where(.dd-ring__stage):not(.dd-z z):where(:not(.e-con)) { height: 100svh; } :where(.dd-ring__card):not(.dd-z.dd-z z z) { --width: 38vw; } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { width: 38vw; } }
:where(.dd-ring.is-static):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-ring):not(.dd-z.dd-z z z z z z z) { --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static):not(.dd-z.dd-z z), :where(.dd-ring.is-static):not(.dd-z.dd-z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-ring):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-ring):not(.dd-z.dd-z z z):where(:not(.e-con)) { height: auto; }
:where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-ring__stage):not(.dd-z.dd-z z z) { display: block; }
:where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z z z z z z z z z), :where(html:not(.dd-motion) .dd-ring__stage):not(.dd-z.dd-z z z z z z z) { --position: relative; --height: auto; --padding-top: 100px; --padding-bottom: 100px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z z z z z z), :where(.dd-ring.is-static .dd-ring__stage):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-ring__stage):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-ring__stage):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: relative; height: auto; padding-block: 100px; }
:is(.dd-ring.is-static .dd-ring__stage):is(html body .elementor .e-con.e-con), :is(html:not(.dd-motion) .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 z z z z z), :where(html:not(.dd-motion) .dd-ring__space):not(.dd-z.dd-z z z) { display: flex; }
:where(.dd-ring.is-static .dd-ring__space):not(.dd-z.dd-z z z z z z z z z), :where(html:not(.dd-motion) .dd-ring__space):not(.dd-z.dd-z z z z z z z) { --flex-direction: row; --position: static; --flex-wrap: wrap; --justify-content: center; --gap: 12px; --margin-top: 50px; --padding-right: var(--dd-gutter); --padding-left: var(--dd-gutter); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-static .dd-ring__space):not(.dd-z.dd-z z z z z z), :where(.dd-ring.is-static .dd-ring__space):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-ring__space):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-ring__space):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: static; flex-wrap: wrap; justify-content: center; gap: 12px; margin-top: 50px; padding-inline: var(--dd-gutter); }
:where(.dd-ring.is-static .dd-ring__space > .e-con):not(.dd-z.dd-z), :where(html:not(.dd-motion) .dd-ring__space > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-ring.is-static .dd-ring__text):not(.dd-z.dd-z z z z z z), :where(html:not(.dd-motion) .dd-ring__text):not(.dd-z.dd-z z z) { margin-inline: auto; }

/* ---------- clients ---------- */
:where(.dd-clients):not(.dd-z z) { overflow: hidden; }
:where(.dd-clients .dd-marquee):not(.dd-z.dd-z z) { --dd-gap: 16px; -webkit-mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); mask-image: linear-gradient(90deg, transparent, #000 10%, #000 90%, transparent); }
:where(.dd-clients .dd-marquee):not(.dd-z.dd-z z z z z z) { --padding-top: 8px; --padding-bottom: 8px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-clients .dd-marquee):not(.dd-z.dd-z z), :where(.dd-clients .dd-marquee):not(.dd-z.dd-z z):where(:not(.e-con)) { padding-block: 8px; }
:where(.dd-clients__head):not(.dd-z z) { display: flex; }
:where(.dd-clients__head):not(.dd-z.dd-z z z) { --flex-direction: row; --justify-content: space-between; --align-items: end; --gap: 20px; --margin-bottom: clamp(30px, 4vw, 70px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-clients__head):not(.dd-z z), :where(.dd-clients__head):not(.dd-z z):where(:not(.e-con)) { justify-content: space-between; align-items: end; gap: 20px; margin-bottom: clamp(30px, 4vw, 70px); }
:where(.dd-clients__head > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-logo-tile):not(.dd-z z) { flex: none; list-style: none; aspect-ratio: 3 / 2; background: #fff; place-items: center; }
:where(.dd-logo-tile):not(.dd-z.dd-z z z) { --width: clamp(130px, 11vw, 200px); --border-radius: 16px; --padding-top: 14px; --padding-right: 14px; --padding-bottom: 14px; --padding-left: 14px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-logo-tile):not(.dd-z z), :where(.dd-logo-tile):not(.dd-z z):where(:not(.e-con)) { width: clamp(130px, 11vw, 200px); border-radius: 16px; padding: 14px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-logo-tile):not(.dd-z z), :where(.dd-logo-tile):not(.dd-z z):where(:not(.e-con)) { display: grid; }
:where(.dd-logo-tile img):not(.dd-z z z) { max-height: 100%; width: auto; object-fit: contain; }

/* ---------- about ---------- */
:where(.dd-about__title):not(.dd-z.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 z z z z z z z z z z z z) { margin-bottom: clamp(30px, 5vw, 80px); }
:where(.dd-about__title .l2):not(.dd-z.dd-z z) { display: block; color: var(--dd-brick); text-align: end; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(30px, 6vw, 120px); align-items: start; }
:where(.dd-about__photo):not(.dd-z z) { overflow: hidden; aspect-ratio: 4 / 5; z-index: 2; }
:where(.dd-about__photo):not(.dd-z.dd-z z z) { --border-radius: var(--dd-radius-lg); --margin-top: clamp(-160px, -9vw, -40px); --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__photo):not(.dd-z z), :where(.dd-about__photo):not(.dd-z z):where(:not(.e-con)) { border-radius: var(--dd-radius-lg); margin-top: clamp(-160px, -9vw, -40px); position: relative; }
:where(.dd-about__photo img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; object-position: 50% 20%; }
:where(.dd-about__text):not(.dd-z z) { font-size: clamp(1.05rem, .95rem + .35vw, 1.3rem); }
:where(.dd-about__text .dd-lead):not(.dd-z.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 z z z z z z z z z z z z z z z) { margin-bottom: 1.2em; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } :where(.dd-about__photo):not(.dd-z z) { max-width: 520px; } :where(.dd-about__photo):not(.dd-z.dd-z z z) { --margin-top: 0; } :where(body:not([class*="elementor-kit-"])) :where(.dd-about__photo):not(.dd-z z), :where(.dd-about__photo):not(.dd-z z):where(:not(.e-con)) { margin-top: 0; } }

/* ---------- services ---------- */
:where(.dd-services__top):not(.dd-z.dd-z z z) { --margin-bottom: clamp(30px, 5vw, 80px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-services__top):not(.dd-z z), :where(.dd-services__top):not(.dd-z z):where(:not(.e-con)) { margin-bottom: clamp(30px, 5vw, 80px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-services__top):not(.dd-z z), :where(.dd-services__top):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, .8fr); gap: clamp(24px, 5vw, 90px); align-items: end; }
:where(.dd-services__sub):not(.dd-z z) { font-size: clamp(1.3rem, 1rem + 1.2vw, 2.4rem); line-height: 1.25; color: var(--dd-brick); font-weight: 700; }
:where(.dd-services__sub):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: .5em; }
:where(.dd-services__video):not(.dd-z z) { background: var(--dd-cream); overflow: hidden; }
:where(.dd-services__video):not(.dd-z.dd-z z z) { --border-radius: var(--dd-radius-lg); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-services__video):not(.dd-z z), :where(.dd-services__video):not(.dd-z z):where(:not(.e-con)) { border-radius: var(--dd-radius-lg); }
:where(.dd-services__video video):not(.dd-z z z) { width: 100%; mix-blend-mode: multiply; aspect-ratio: 864 / 496; object-fit: cover; }
:where(.dd-svc):not(.dd-z z) { list-style: none; margin-inline: 0; padding: 0; border-top: 1px solid var(--dd-line); counter-reset: s; }
:where(.dd-svc):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
:where(.dd-svc li):not(.dd-z z z) { border-bottom: 1px solid var(--dd-line); counter-increment: s; }
:where(.dd-svc a):not(.dd-z z z), :where(.dd-svc .row):not(.dd-z.dd-z z) { position: relative; isolation: isolate; display: grid; grid-template-columns: 4em minmax(0, 1fr) auto; gap: 16px; align-items: center; padding: clamp(18px, 2.2vw, 34px) 8px; text-decoration: none; color: var(--dd-navy); font-size: clamp(1.3rem, .9rem + 1.8vw, 3rem); font-weight: 700; line-height: 1.1; }
:where(.dd-svc a):not(.dd-z z z z)::before, :where(.dd-svc .row):not(.dd-z.dd-z z z)::before { content: "(" counter(s, decimal-leading-zero) ")"; font-size: .4em; color: var(--dd-brick); align-self: start; padding-top: .7em; direction: ltr; }
:where(.dd-svc a):not(.dd-z z z z)::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--dd-navy); transform: scaleY(0); transform-origin: bottom; transition: transform .6s var(--dd-ease-out); border-radius: 6px; }
:where(.dd-svc a:hover):not(.dd-z.dd-z z z), :where(.dd-svc a:focus-visible):not(.dd-z.dd-z z z) { color: var(--dd-cream); }
:where(.dd-svc a:hover):not(.dd-z.dd-z z z z)::after, :where(.dd-svc a:focus-visible):not(.dd-z.dd-z z z z)::after { transform: scaleY(1); }
:where(.dd-svc a:hover):not(.dd-z.dd-z z z z)::before { color: var(--dd-brick-soft); }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-services__top):not(.dd-z z), :where(.dd-services__top):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } :where(.dd-svc a):not(.dd-z z z), :where(.dd-svc .row):not(.dd-z.dd-z z) { grid-template-columns: 2.6em minmax(0, 1fr) auto; } }

/* ---------- process ---------- */
:where(body:not([class*="elementor-kit-"])) :where(.dd-process__grid):not(.dd-z z), :where(.dd-process__grid):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(30px, 6vw, 120px); }
:where(.dd-process__head):not(.dd-z z) { top: 140px; align-self: start; }
:where(.dd-process__head):not(.dd-z.dd-z z z) { --position: sticky; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-process__head):not(.dd-z z), :where(.dd-process__head):not(.dd-z z):where(:not(.e-con)) { position: sticky; }
:where(.dd-steps):not(.dd-z z) { list-style: none; }
:where(.dd-steps):not(.dd-z.dd-z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: clamp(30px, 4vw, 64px); --padding-bottom: 0; --padding-left: 0; --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-steps):not(.dd-z z), :where(.dd-steps):not(.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0 clamp(30px, 4vw, 64px) 0 0; position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-steps):not(.dd-z z), :where(.dd-steps):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: clamp(50px, 8vw, 130px); }
:where(.dd-steps):not(.dd-z z z)::before, :where(.dd-steps):not(.dd-z z z)::after { content: ""; position: absolute; inset-block: 10px; right: 7px; width: 2px; background: var(--dd-line); }
:where(.dd-steps):not(.dd-z z z)::after { background: var(--dd-brick); transform-origin: top; transform: scaleY(var(--dd-progress, 1)); }
:where(.dd-step):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-step):not(.dd-z z), :where(.dd-step):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(.dd-step):not(.dd-z z z)::before { content: ""; position: absolute; right: calc(-1 * clamp(30px, 4vw, 64px)); top: .6em; width: 16px; height: 16px; border-radius: 50%; background: #fff; border: 2px solid var(--dd-brick); z-index: 1; }
:where(.dd-step__n):not(.dd-z z) { display: block; font-size: clamp(4rem, 2rem + 6vw, 10rem); line-height: .8; color: var(--dd-brick); font-weight: 700; }
:where(.dd-step__n):not(.dd-z.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 z z z z z z z z z z z z) { margin-bottom: .1em; }
:where(.dd-step .dd-h3):not(.dd-z.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 z z z z z z z z z z z z z z z) { margin-bottom: .5em; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-process__grid):not(.dd-z z), :where(.dd-process__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } :where(.dd-process__head):not(.dd-z.dd-z z z) { --position: static; } :where(body:not([class*="elementor-kit-"])) :where(.dd-process__head):not(.dd-z z), :where(.dd-process__head):not(.dd-z z):where(:not(.e-con)) { position: static; } }

/* ---------- testimonials ---------- */
:where(.dd-reviews__head):not(.dd-z z) { display: flex; }
:where(.dd-reviews__head):not(.dd-z.dd-z z z) { --flex-direction: row; --flex-wrap: wrap; --align-items: end; --justify-content: space-between; --gap: 18px 40px; --margin-bottom: clamp(30px, 4vw, 70px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-reviews__head):not(.dd-z z), :where(.dd-reviews__head):not(.dd-z z):where(:not(.e-con)) { flex-wrap: wrap; align-items: end; justify-content: space-between; gap: 18px 40px; margin-bottom: clamp(30px, 4vw, 70px); }
:where(.dd-reviews__head > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-gbadge):not(.dd-z z) { display: inline-flex; background: #fff; border: 1px solid var(--dd-line); font-size: var(--dd-fs-small); }
:where(.dd-gbadge):not(.dd-z.dd-z z z) { --flex-direction: row; --align-items: center; --gap: 10px; --padding-top: 8px; --padding-right: 18px; --padding-bottom: 8px; --padding-left: 18px; --border-radius: 999px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-gbadge):not(.dd-z z), :where(.dd-gbadge):not(.dd-z z):where(:not(.e-con)) { align-items: center; gap: 10px; padding: 8px 18px; border-radius: 999px; }
:where(.dd-gbadge > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-stars):not(.dd-z z) { color: #E7A91B; letter-spacing: 2px; }
:where(.dd-cols):not(.dd-z z) { -webkit-mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); mask-image: linear-gradient(transparent, #000 12%, #000 88%, transparent); }
:where(.dd-cols):not(.dd-z.dd-z z z) { --height: min(92vh, 1000px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cols):not(.dd-z z), :where(.dd-cols):not(.dd-z z):where(:not(.e-con)) { height: min(92vh, 1000px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cols):not(.dd-z z), :where(.dd-cols):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
:where(.dd-cols .dd-marquee):not(.dd-z.dd-z z) { --dd-gap: 18px; }
:where(.dd-cols .dd-marquee):not(.dd-z.dd-z z z z z z) { --height: 100%; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cols .dd-marquee):not(.dd-z.dd-z z), :where(.dd-cols .dd-marquee):not(.dd-z.dd-z z):where(:not(.e-con)) { height: 100%; }
:where(.dd-cols .dd-marquee:nth-child(1)):not(.dd-z.dd-z z z z z z) { --dd-dur: 70s; } :where(.dd-cols .dd-marquee:nth-child(2)):not(.dd-z.dd-z z z z z z) { --dd-dur: 48s; } :where(.dd-cols .dd-marquee:nth-child(3)):not(.dd-z.dd-z z z z z z) { --dd-dur: 76s; }
:where(.dd-quote):not(.dd-z z) { background: #fff; border: 1px solid var(--dd-line); display: flex; list-style: none; }
:where(.dd-quote):not(.dd-z.dd-z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --width: 100%; --padding-top: clamp(20px, 2vw, 32px); --padding-right: clamp(20px, 2vw, 32px); --padding-bottom: clamp(20px, 2vw, 32px); --padding-left: clamp(20px, 2vw, 32px); --border-radius: 18px; --flex-direction: column; --gap: 16px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-quote):not(.dd-z z), :where(.dd-quote):not(.dd-z z):where(:not(.e-con)) { margin: 0; width: 100%; padding: clamp(20px, 2vw, 32px); border-radius: 18px; flex-direction: column; gap: 16px; }
:where(.dd-quote blockquote):not(.dd-z z z) { margin: 0; font-size: 1rem; line-height: 1.7; }
:where(.dd-quote blockquote p):not(.dd-z z z z) { margin: 0 0 .6em; }
:where(.dd-quote figcaption):not(.dd-z z z) { display: flex; gap: 12px; align-items: center; font-weight: 700; font-size: .95rem; line-height: 1.3; }
:where(.dd-quote figcaption img):not(.dd-z z z z) { width: 46px; height: 46px; border-radius: 50%; object-fit: contain; border: 1px solid var(--dd-line); background: #fff; flex: none; }
:where(.dd-quote small):not(.dd-z z z) { display: block; font-weight: 400; opacity: .7; }
@media (max-width: 899px) {
  :where(.dd-cols):not(.dd-z z) { -webkit-mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); mask-image: linear-gradient(90deg, transparent, #000 6%, #000 94%, transparent); }
  :where(.dd-cols):not(.dd-z.dd-z z z) { --height: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-cols):not(.dd-z z), :where(.dd-cols):not(.dd-z z):where(:not(.e-con)) { height: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-cols):not(.dd-z z), :where(.dd-cols):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: 1fr; gap: 16px; }
  :where(.dd-cols .dd-marquee):not(.dd-z.dd-z z z z z z) { --height: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-cols .dd-marquee):not(.dd-z.dd-z z), :where(.dd-cols .dd-marquee):not(.dd-z.dd-z z):where(:not(.e-con)) { height: auto; } :where(.dd-cols .dd-marquee:nth-child(2) .dd-marquee__track):not(.dd-z.dd-z z z z z z z z z z) { animation-direction: reverse; }
  :where(.dd-cols .dd-quote):not(.dd-z.dd-z z z z z z) { --width: 80vw; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-cols .dd-quote):not(.dd-z.dd-z z), :where(.dd-cols .dd-quote):not(.dd-z.dd-z z):where(:not(.e-con)) { width: 80vw; }
}
:where(html:not(.dd-motion) .dd-cols):not(.dd-z.dd-z z z) { display: block; -webkit-mask-image: none; mask-image: none; }
:where(html:not(.dd-motion) .dd-cols):not(.dd-z.dd-z z z z z z z) { --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-cols):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-cols):not(.dd-z.dd-z z z):where(:not(.e-con)) { height: auto; }
:is(html:not(.dd-motion) .dd-cols):is(html body .elementor .e-con.e-con) { display: block; }
:where(html:not(.dd-motion) .dd-cols .dd-marquee__track):not(.dd-z.dd-z z z z z z z) { display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); }
:where(html:not(.dd-motion) .dd-cols .dd-marquee__track):not(.dd-z.dd-z z z z z z z z z z) { --gap: 16px; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-cols .dd-marquee__track):not(.dd-z.dd-z z z z z z z), :where(html:not(.dd-motion) .dd-cols .dd-marquee__track):not(.dd-z.dd-z z z z z z z):where(:not(.e-con)) { gap: 16px; }
:where(.dd-videos):not(.dd-z.dd-z z z) { --margin-top: clamp(40px, 5vw, 80px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-videos):not(.dd-z z), :where(.dd-videos):not(.dd-z z):where(:not(.e-con)) { margin-top: clamp(40px, 5vw, 80px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-videos):not(.dd-z z), :where(.dd-videos):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-video):not(.dd-z z), :where(.dd-video):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: 12px; justify-items: start; }
:where(.dd-yt):not(.dd-z z) { position: relative; width: 100%; aspect-ratio: 16 / 9; border: 0; padding: 0; border-radius: 18px; overflow: hidden; cursor: pointer; background: var(--dd-navy); }
:where(.dd-yt img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; transition: transform 1s var(--dd-ease-out); }
:where(.dd-yt:hover img):not(.dd-z.dd-z z z) { transform: scale(1.05); }
:where(.dd-yt__play):not(.dd-z z) { position: absolute; inset: 0; margin: auto; width: 74px; height: 74px; border-radius: 50%; background: var(--dd-brick); display: grid; place-items: center; }
:where(.dd-yt__play):not(.dd-z z z)::before { content: ""; border-block: 12px solid transparent; border-left: 18px solid #fff; margin-left: 5px; }
:where(.dd-yt__frame):not(.dd-z z) { width: 100%; aspect-ratio: 16 / 9; border: 0; border-radius: 18px; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-videos):not(.dd-z z), :where(.dd-videos):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } }

/* ---------- why + gets (dark) ---------- */
:where(.dd-why):not(.dd-z z) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; background: var(--dd-line-dark); border: 1px solid var(--dd-line-dark); border-radius: var(--dd-radius-lg); overflow: hidden; margin-top: clamp(40px, 5vw, 80px); }
:where(.dd-why > div):not(.dd-z z z) { background: var(--dd-deep); padding: clamp(26px, 3vw, 48px); transition: background-color .5s; }
:where(.dd-why > div:hover):not(.dd-z.dd-z z z) { background: #142a3d; }
:where(.dd-why svg):not(.dd-z z z) { width: 34px; color: var(--dd-brick-soft); margin-bottom: 22px; }
:where(.dd-why h3):not(.dd-z z z) { font-size: clamp(1.3rem, 1.05rem + .8vw, 1.9rem); line-height: 1.2; margin-bottom: .6em; }
:where(.dd-why p):not(.dd-z z z) { margin: 0; opacity: .85; }
@media (max-width: 1023px) { :where(.dd-why):not(.dd-z z) { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 639px) { :where(.dd-why):not(.dd-z z) { grid-template-columns: 1fr; } }
:where(.dd-gets):not(.dd-z z) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(24px, 3vw, 56px); margin-top: clamp(40px, 5vw, 80px); }
:where(.dd-gets > div):not(.dd-z z z) { border-top: 1px solid color-mix(in srgb, var(--dd-cream) 30%, transparent); padding-top: 24px; }
:where(.dd-gets__n):not(.dd-z z) { display: block; font-size: clamp(4.5rem, 2rem + 7vw, 11rem); line-height: .8; font-weight: 700; color: transparent; -webkit-text-stroke: 1.5px var(--dd-cream); margin-bottom: 18px; direction: ltr; text-align: start; }
@media (max-width: 899px) { :where(.dd-gets):not(.dd-z z) { grid-template-columns: 1fr; } }

/* ---------- forms ---------- */
:where(.dd-formcard):not(.dd-z z) { background: var(--dd-brick); color: #fff; }
:where(.dd-formcard):not(.dd-z.dd-z z z) { --padding-top: clamp(28px, 5vw, 80px); --padding-right: clamp(28px, 5vw, 80px); --padding-bottom: clamp(28px, 5vw, 80px); --padding-left: clamp(28px, 5vw, 80px); --border-radius: var(--dd-radius-lg); --margin-top: clamp(60px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-formcard):not(.dd-z z), :where(.dd-formcard):not(.dd-z z):where(:not(.e-con)) { padding: clamp(28px, 5vw, 80px); border-radius: var(--dd-radius-lg); margin-top: clamp(60px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-formcard):not(.dd-z z), :where(.dd-formcard):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); gap: clamp(24px, 5vw, 90px); }
:where(.dd-formcard .dd-big):not(.dd-z.dd-z z) { color: #fff; font-size: clamp(2rem, 1.2rem + 2.8vw, 4.2rem); }
:where(.dd-form):not(.dd-z z) { display: grid; gap: 14px; align-content: start; }
:where(.dd-form__row):not(.dd-z z) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
:where(.dd-field label):not(.dd-z z z) { display: block; font-size: .92rem; margin-bottom: 6px; }
:where(.dd-field input):not(.dd-z z z) { width: 100%; min-height: 54px; padding: 10px 16px; border-radius: 12px; border: 1.5px solid rgb(255 255 255 / .55); background: rgb(255 255 255 / .08); color: inherit; font: inherit; }
:where(.dd-field input):not(.dd-z z z z)::placeholder { color: rgb(255 255 255 / .7); }
:where(.dd-consent):not(.dd-z z) { display: flex; gap: 10px; align-items: flex-start; font-size: .86rem; line-height: 1.55; }
:where(.dd-consent input):not(.dd-z z z) { width: 20px; height: 20px; flex: none; margin-top: 3px; accent-color: var(--dd-navy); }
:where(.dd-form .dd-btn):not(.dd-z.dd-z z) { background: var(--dd-navy); color: #fff; justify-self: start; }
:where(.dd-form .dd-btn[disabled]):not(.dd-z.dd-z z z z z z) { opacity: .6; cursor: not-allowed; }
:where(.dd-note):not(.dd-z z) { font-size: .84rem; padding: 10px 14px; border-radius: 10px; background: color-mix(in srgb, var(--dd-deep) 35%, transparent); border: 1px dashed rgb(255 255 255 / .6); }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-formcard):not(.dd-z z), :where(.dd-formcard):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } :where(.dd-form__row):not(.dd-z z) { grid-template-columns: 1fr; } :where(.dd-form .dd-btn):not(.dd-z.dd-z z) { width: 100%; justify-content: center; } }

/* ---------- booking / community / faq / posts ---------- */
:where(.dd-book__frame):not(.dd-z z) { overflow: hidden; background: #fff; }
:where(.dd-book__frame):not(.dd-z.dd-z z z) { --border-radius: var(--dd-radius-lg); --margin-top: 30px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-book__frame):not(.dd-z z), :where(.dd-book__frame):not(.dd-z z):where(:not(.e-con)) { border-radius: var(--dd-radius-lg); margin-top: 30px; }
:where(.dd-book .e-con.dd-book__frame):not(.dd-z.dd-z z z z z z z z z) { --margin-top: max(0px, 30px - clamp(1.25rem, .95rem + 1.2vw, 2.1rem)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-book .e-con.dd-book__frame):not(.dd-z.dd-z z z z z z), :where(.dd-book .e-con.dd-book__frame):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { margin-top: max(0px, 30px - clamp(1.25rem, .95rem + 1.2vw, 2.1rem)); }
:where(.dd-book__frame iframe):not(.dd-z z z) { width: 100%; height: 720px; border: 0; display: block; }
:where(.dd-duo):not(.dd-z z) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 18px; }
:where(.dd-card):not(.dd-z z) { border-radius: var(--dd-radius-lg); background: #fff; overflow: hidden; display: grid; grid-template-rows: auto 1fr; }
:where(.dd-card__body):not(.dd-z z) { padding: clamp(22px, 3vw, 44px); display: flex; flex-direction: column; gap: 10px; align-items: flex-start; }
:where(.dd-card__body .dd-btn):not(.dd-z.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 z z z z z z z z z z z z z z z) { margin-top: auto; }
:where(.dd-card ol):not(.dd-z z z) { margin: 0 0 1em; padding-inline-start: 1.3em; }
:where(.dd-date):not(.dd-z z) { display: inline-block; padding: 4px 14px; border-radius: 999px; background: var(--dd-cream); font-size: .9rem; }
@media (max-width: 899px) { :where(.dd-duo):not(.dd-z z) { grid-template-columns: 1fr; } }
:where(.dd-faq__grid):not(.dd-z z) { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 1.2fr); gap: clamp(30px, 6vw, 120px); }
:where(.dd-faq details):not(.dd-z z z) { border-bottom: 1px solid var(--dd-line); }
:where(.dd-faq details:first-child):not(.dd-z.dd-z z z) { border-top: 1px solid var(--dd-line); }
:where(.dd-faq summary):not(.dd-z z z) { list-style: none; cursor: pointer; display: flex; justify-content: space-between; gap: 18px; align-items: center; padding: 24px 2px; font-size: clamp(1.25rem, 1rem + .9vw, 1.9rem); font-weight: 700; line-height: 1.25; }
:where(.dd-faq summary):not(.dd-z z z z)::-webkit-details-marker { display: none; }
:where(.dd-faq summary):not(.dd-z z z z)::after { content: ""; flex: none; width: 44px; height: 44px; border-radius: 50%; border: 1.5px solid currentColor; background: linear-gradient(currentColor, currentColor) center/14px 1.5px no-repeat, linear-gradient(currentColor, currentColor) center/1.5px 14px no-repeat; transition: transform .5s var(--dd-ease-out); }
:where(.dd-faq details[open] summary):not(.dd-z.dd-z z z z z)::after { transform: rotate(135deg); }
:where(.dd-faq summary:hover):not(.dd-z.dd-z z z) { color: var(--dd-brick); }
:where(.dd-faq__a):not(.dd-z z) { padding: 0 2px 28px; max-width: 70ch; }
:where(.dd-faq__a ul):not(.dd-z z z) { columns: 2; column-gap: 32px; padding-inline-start: 1.2em; margin: 0 0 1em; }
@media (max-width: 899px) { :where(.dd-faq__grid):not(.dd-z z) { grid-template-columns: 1fr; } :where(.dd-faq__a ul):not(.dd-z z z) { columns: 1; } }
:where(.dd-posts__head):not(.dd-z z) { display: flex; }
:where(.dd-posts__head):not(.dd-z.dd-z z z) { --flex-direction: row; --flex-wrap: wrap; --justify-content: space-between; --align-items: end; --gap: 16px; --margin-bottom: clamp(30px, 4vw, 60px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-posts__head):not(.dd-z z), :where(.dd-posts__head):not(.dd-z z):where(:not(.e-con)) { flex-wrap: wrap; justify-content: space-between; align-items: end; gap: 16px; margin-bottom: clamp(30px, 4vw, 60px); }
:where(.dd-posts__head > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-posts):not(.dd-z z), :where(.dd-posts):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
:where(.dd-post):not(.dd-z z) { display: flex; text-decoration: none; color: inherit; }
:where(.dd-post):not(.dd-z.dd-z z z) { --flex-direction: column; --gap: 14px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-post):not(.dd-z z), :where(.dd-post):not(.dd-z z):where(:not(.e-con)) { flex-direction: column; gap: 14px; }
:where(.dd-post__img):not(.dd-z z) { overflow: hidden; aspect-ratio: 4 / 3; background: var(--dd-cream); }
:where(.dd-post__img):not(.dd-z.dd-z z z) { --border-radius: 18px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-post__img):not(.dd-z z), :where(.dd-post__img):not(.dd-z z):where(:not(.e-con)) { border-radius: 18px; }
:where(.dd-post__img img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; transition: transform 1.2s var(--dd-ease-out); }
:where(.dd-post:hover img):not(.dd-z.dd-z z z) { transform: scale(1.06); }
:where(.dd-post .dd-h3):not(.dd-z.dd-z z) { font-size: clamp(1.25rem, 1.05rem + .7vw, 1.7rem); line-height: 1.25; }
:where(.dd-post small):not(.dd-z z z) { color: var(--dd-brick); font-size: .9rem; }
:where(.dd-post__more):not(.dd-z z) { text-decoration: underline; text-underline-offset: 4px; font-size: .95rem; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-posts):not(.dd-z z), :where(.dd-posts):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } }

/* ---------- running sentence + circle wipe ---------- */
:where(.dd-run):not(.dd-z z) { z-index: 2; background: var(--dd-white); }
:where(.dd-run):not(.dd-z.dd-z z z) { --position: relative; --height: calc(100vh + 300vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { position: relative; height: calc(100vh + 300vh * var(--dd-sfx-scroll, 1)); }
:where(.dd-run__panel):not(.dd-z z) { top: 0; overflow: hidden; background: var(--dd-brick); color: #fff; }
:where(.dd-run__panel):not(.dd-z.dd-z z z) { --position: sticky; --height: 100vh; --border-radius: 0 0 clamp(20px, 3vw, 48px) clamp(20px, 3vw, 48px); --padding-top: clamp(100px, 12vh, 140px); --padding-right: 0; --padding-bottom: clamp(30px, 5vh, 60px); --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run__panel):not(.dd-z z), :where(.dd-run__panel):not(.dd-z z):where(:not(.e-con)) { position: sticky; height: 100vh; border-radius: 0 0 clamp(20px, 3vw, 48px) clamp(20px, 3vw, 48px); padding: clamp(100px, 12vh, 140px) 0 clamp(30px, 5vh, 60px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run__panel):not(.dd-z z), :where(.dd-run__panel):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr auto; }
:where(.dd-run__intro):not(.dd-z z) { padding-inline: var(--dd-gutter); font-size: clamp(1rem, .9rem + .4vw, 1.3rem); max-width: calc(40ch + 2 * var(--dd-gutter)); }
:where(.dd-run__track):not(.dd-z z) { align-self: center; overflow: visible; min-width: 0; }
:where(.dd-run__line):not(.dd-z z) { display: inline-block; font-size: clamp(4.2rem, 2rem + 11vw, 15rem); line-height: 1; font-weight: 700; letter-spacing: -.03em; white-space: normal; will-change: transform; padding-inline: 4vw; }
:where(.dd-run__cta):not(.dd-z z) { justify-self: center; }
:where(.dd-run__cta):not(.dd-z.dd-z z z) { --padding-right: 16px; --padding-left: 16px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run__cta):not(.dd-z z), :where(.dd-run__cta):not(.dd-z z):where(:not(.e-con)) { padding-inline: 16px; }
:where(.dd-run__cta .dd-btn):not(.dd-z.dd-z z) { background: var(--dd-navy); color: #fff; text-align: center; }
:where(.dd-run__cta .dd-btn:hover):not(.dd-z.dd-z z z z z z) { background: #fff; color: var(--dd-navy); }
:where(html:not(.dd-motion) .dd-run):not(.dd-z.dd-z z z z z z z), :where(.dd-run.is-static):not(.dd-z.dd-z z z z z z) { --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-run):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-run):not(.dd-z.dd-z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-run.is-static):not(.dd-z.dd-z z), :where(.dd-run.is-static):not(.dd-z.dd-z z):where(:not(.e-con)) { height: auto; }
:where(html:not(.dd-motion) .dd-run__panel):not(.dd-z.dd-z z z z z z z), :where(.dd-run.is-static .dd-run__panel):not(.dd-z.dd-z z z z z z z z z) { --position: relative; --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-run__panel):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-run__panel):not(.dd-z.dd-z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-run.is-static .dd-run__panel):not(.dd-z.dd-z z z z z z), :where(.dd-run.is-static .dd-run__panel):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: relative; height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-run__panel):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-run__panel):not(.dd-z.dd-z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-run.is-static .dd-run__panel):not(.dd-z.dd-z z z z z z), :where(.dd-run.is-static .dd-run__panel):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { gap: 40px; }
:is(html:not(.dd-motion) .dd-run__panel):is(html body .elementor .e-con.e-con), :is(.dd-run.is-static .dd-run__panel):is(html body .elementor .e-con.e-con) { gap: 40px; }
:where(html:not(.dd-motion) .dd-run__line):not(.dd-z.dd-z z z), :where(.dd-run.is-static .dd-run__line):not(.dd-z.dd-z z z z z z) { font-size: clamp(2.2rem, 1rem + 4vw, 5rem); line-height: 1.1; padding-inline: var(--dd-gutter); }
@media (max-width: 899px) { :where(.dd-run):not(.dd-z.dd-z z z) { --height: calc(100svh + 260svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 260svh * var(--dd-sfx-scroll, 1)); } :where(.dd-run__panel):not(.dd-z.dd-z z z) { --height: 100svh; } :where(body:not([class*="elementor-kit-"])) :where(.dd-run__panel):not(.dd-z z), :where(.dd-run__panel):not(.dd-z z):where(:not(.e-con)) { height: 100svh; } }

/* ---------- footer (revealed from under the page) ---------- */
:where(.dd-page):not(.dd-z z) { position: relative; z-index: 1; }
:where(.dd-footer):not(.dd-z z) { z-index: 0; overflow: hidden; container-type: inline-size; }
:where(.dd-footer):not(.dd-z.dd-z z z) { --position: relative; --padding-top: clamp(80px, 9vw, 160px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer):not(.dd-z z), :where(.dd-footer):not(.dd-z z):where(:not(.e-con)) { position: relative; padding-top: clamp(80px, 9vw, 160px); }
@media (min-width: 900px) and (min-height: 760px) { :where(.dd-footer):not(.dd-z z) { bottom: 0; } :where(.dd-footer):not(.dd-z.dd-z z z) { --position: sticky; } :where(body:not([class*="elementor-kit-"])) :where(.dd-footer):not(.dd-z z), :where(.dd-footer):not(.dd-z z):where(:not(.e-con)) { position: sticky; } }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer__top):not(.dd-z z), :where(.dd-footer__top):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(0, .85fr); gap: clamp(30px, 6vw, 110px); }
:where(.dd-footer .dd-formcard):not(.dd-z.dd-z z) { background: transparent; display: block; color: var(--dd-cream); }
:where(.dd-footer .dd-formcard):not(.dd-z.dd-z z z z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer .dd-formcard):not(.dd-z.dd-z z), :where(.dd-footer .dd-formcard):not(.dd-z.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0; }
:where(.dd-footer .dd-field input):not(.dd-z.dd-z z z) { border-color: color-mix(in srgb, var(--dd-cream) 40%, transparent); }
:where(.dd-footer .dd-form .dd-btn):not(.dd-z.dd-z z z z z z) { background: var(--dd-brick); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer__info):not(.dd-z z), :where(.dd-footer__info):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: 22px; align-content: start; }
:where(.dd-footer__links):not(.dd-z z) { list-style: none; display: flex; }
:where(.dd-footer__links):not(.dd-z.dd-z z z) { --flex-direction: row; --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --flex-wrap: wrap; --gap: 10px 26px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer__links):not(.dd-z z), :where(.dd-footer__links):not(.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0; flex-wrap: wrap; gap: 10px 26px; }
:where(.dd-footer__links > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-footer__links a):not(.dd-z z z) { color: var(--dd-cream); text-decoration: none; border-bottom: 1px solid color-mix(in srgb, var(--dd-cream) 35%, transparent); }
:where(.dd-footer__avatar):not(.dd-z z) { position: relative; width: 150px; aspect-ratio: 1; }
:where(.dd-footer__avatar img):not(.dd-z z z) { position: absolute; inset: 17%; width: 66%; height: 66%; border-radius: 50%; object-fit: cover; }
:where(.dd-footer__avatar svg):not(.dd-z z z) { position: absolute; inset: 0; }
:where(.dd-footer__avatar text):not(.dd-z z z) { fill: var(--dd-cream); font-family: var(--dd-font); font-size: 11.4px; letter-spacing: .5px; direction: ltr; }
:where(html.dd-motion .dd-footer__avatar svg):not(.dd-z.dd-z z z z) { animation: dd-spin 26s linear infinite; }
:where(.dd-footer__giant):not(.dd-z z) { position: relative; z-index: 1; margin-inline: 0; font-size: min(11.2cqi, 17rem); line-height: .82; font-weight: 700; letter-spacing: -.04em; white-space: nowrap; text-align: center; direction: ltr; background: linear-gradient(180deg, var(--dd-cream) 30%, color-mix(in srgb, var(--dd-cream) 15%, transparent) 100%); -webkit-background-clip: text; background-clip: text; color: transparent; user-select: none; }
:where(.dd-footer__giant):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: clamp(40px, 6vw, 100px); margin-bottom: 0; }
:where(.dd-footer__giant span):not(.dd-z z z) { -webkit-text-fill-color: #C9645A; }
:where(.dd-footer__glow):not(.dd-z z) { inset: auto -10% -30% -10%; background: radial-gradient(50% 60% at 30% 100%, color-mix(in srgb, var(--dd-brick) 55%, transparent), transparent 70%), radial-gradient(40% 60% at 75% 100%, rgb(27 61 92 / .9), transparent 70%); pointer-events: none; }
:where(.dd-footer__glow):not(.dd-z.dd-z z z) { --position: absolute; --height: 70%; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer__glow):not(.dd-z z), :where(.dd-footer__glow):not(.dd-z z):where(:not(.e-con)) { position: absolute; height: 70%; }
:where(.dd-footer__bottom):not(.dd-z z) { z-index: 1; display: flex; border-top: 1px solid var(--dd-line-dark); font-size: .9rem; }
:where(.dd-footer__bottom):not(.dd-z.dd-z z z) { --flex-direction: row; --position: relative; --flex-wrap: wrap; --gap: 10px 28px; --justify-content: space-between; --padding-top: 24px; --padding-bottom: 24px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-footer__bottom):not(.dd-z z), :where(.dd-footer__bottom):not(.dd-z z):where(:not(.e-con)) { position: relative; flex-wrap: wrap; gap: 10px 28px; justify-content: space-between; padding-block: 24px; }
:where(.dd-footer__bottom > .e-con):not(.dd-z.dd-z) { --width: auto; }
@media (max-width: 899px) { :where(body:not([class*="elementor-kit-"])) :where(.dd-footer__top):not(.dd-z z), :where(.dd-footer__top):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; } }

/* ---------- floating WhatsApp ---------- */
:where(.dd-wa):not(.dd-z z) { position: fixed; z-index: 150; left: 18px; bottom: 18px; width: 58px; height: 58px; border-radius: 50%; background: #1FA855; color: #fff; display: grid; place-items: center; box-shadow: 0 12px 30px rgb(0 0 0 / .3); }
:where(.dd-wa svg):not(.dd-z z z) { width: 30px; height: 30px; }

/* =========================================================================
   v2.1 — Dafna's fixes (9.10.2026)
   ========================================================================= */

/* 1. logo-type tiles/cards (e.g. Bimat: the only image on the site is its logo) */
:where(.dd-wall__tile.is-contain):not(.dd-z.dd-z z) { background: #fff; }
:where(.dd-wall__tile.is-contain img):not(.dd-z.dd-z z z) { object-fit: contain; padding: 8% 14%; }
:where(.dd-fly--shot.is-logo):not(.dd-z.dd-z z) { background: #fff; border-radius: clamp(10px, 1vw, 18px); padding: clamp(18px, 3vw, 54px); box-shadow: 0 40px 90px rgb(0 0 0 / .55); }
:where(.dd-fly--shot.is-logo img):not(.dd-z.dd-z z z) { box-shadow: none; border-radius: 0; aspect-ratio: 958 / 636; object-fit: contain; }
:where(.dd-ring__card.is-logo):not(.dd-z.dd-z z) { background: #fff; }
:where(.dd-ring__card.is-logo img):not(.dd-z.dd-z z z) { object-fit: contain; padding: 10%; }

/* 3. about: large portrait, brick frame behind, rotating badge — face never cropped */
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); align-items: center; }
:where(.dd-about__media):not(.dd-z z) { z-index: 2; }
:where(.dd-about__media):not(.dd-z.dd-z z z) { --position: relative; --margin-top: clamp(-180px, -10vw, -40px); --padding-top: 0; --padding-right: 0; --padding-bottom: clamp(30px, 4vw, 70px); --padding-left: clamp(30px, 4vw, 70px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__media):not(.dd-z z), :where(.dd-about__media):not(.dd-z z):where(:not(.e-con)) { position: relative; margin-top: clamp(-180px, -10vw, -40px); padding: 0 0 clamp(30px, 4vw, 70px) clamp(30px, 4vw, 70px); }
:where(.dd-about__frame):not(.dd-z z) { position: absolute; inset: clamp(30px, 4vw, 70px) clamp(30px, 4vw, 70px) 0 0; border-radius: var(--dd-radius-lg); background: var(--dd-brick); }
:where(html.dd-motion .dd-about__frame:not(.is-in)):not(.dd-z.dd-z z z z z z z) { transform: translate(-30px, 30px); }
:where(.dd-about__photo):not(.dd-z z) { aspect-ratio: 3 / 4; overflow: hidden; box-shadow: 0 40px 80px color-mix(in srgb, var(--dd-navy) 22%, transparent); }
:where(.dd-about__photo):not(.dd-z.dd-z z z) { --position: relative; --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --border-radius: var(--dd-radius-lg); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__photo):not(.dd-z z), :where(.dd-about__photo):not(.dd-z z):where(:not(.e-con)) { position: relative; margin: 0; border-radius: var(--dd-radius-lg); }
:where(.dd-about__photo img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; object-position: 50% 12%; }
:where(.dd-about__badge):not(.dd-z z) { right: auto; left: 0; bottom: 6%; width: clamp(110px, 10vw, 170px); background: var(--dd-navy); }
:where(.dd-about__badge text):not(.dd-z z z) { font-size: 10.6px; }
@media (max-width: 899px) {
  :where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; }
  :where(.dd-about__media):not(.dd-z z) { max-width: 560px; }
  :where(.dd-about__media):not(.dd-z.dd-z z z) { --margin-top: 0; --width: 100%; --margin-right: auto; --margin-left: auto; --padding-top: 0; --padding-right: 0; --padding-bottom: 26px; --padding-left: 26px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-about__media):not(.dd-z z), :where(.dd-about__media):not(.dd-z z):where(:not(.e-con)) { margin-top: 0; width: 100%; margin-inline: auto; padding: 0 0 26px 26px; }
  :where(.dd-about__frame):not(.dd-z z) { inset: 26px 26px 0 0; }
  :where(.dd-about__photo):not(.dd-z z) { aspect-ratio: 2 / 3; } /* the full portrait — nothing cropped */
  :where(.dd-about__photo img):not(.dd-z z z) { object-position: 50% 0; }
  :where(.dd-about__badge):not(.dd-z z) { width: 96px; bottom: 4%; }
}

/* 4. why work with me — pinned typographic sequence */
:where(.dd-advs):not(.dd-z.dd-z z z) { --position: relative; --height: calc(100vh + var(--dd-adv-n, 7) * 70vh); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-advs):not(.dd-z z), :where(.dd-advs):not(.dd-z z):where(:not(.e-con)) { position: relative; height: calc(100vh + var(--dd-adv-n, 7) * 70vh); } /* --dd-adv-n = number of advantages, set by dd-motion.js (10.10.2026) */
:where(.dd-advs__stage):not(.dd-z z) { top: 0; overflow: hidden; }
:where(.dd-advs__stage):not(.dd-z.dd-z z z) { --position: sticky; --height: 100vh; --padding-top: clamp(96px, 13vh, 140px); --padding-right: var(--dd-gutter); --padding-bottom: clamp(60px, 9vh, 96px); --padding-left: var(--dd-gutter); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-advs__stage):not(.dd-z z), :where(.dd-advs__stage):not(.dd-z z):where(:not(.e-con)) { position: sticky; height: 100vh; padding: clamp(96px, 13vh, 140px) var(--dd-gutter) clamp(60px, 9vh, 96px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-advs__stage):not(.dd-z z), :where(.dd-advs__stage):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: auto 1fr; }
:where(.dd-advs__head):not(.dd-z z) { position: relative; z-index: 2; color: var(--dd-cream); font-size: clamp(1.8rem, 1rem + 2.6vw, 3.8rem); }
:where(.dd-advs__list):not(.dd-z z) { list-style: none; z-index: 1; }
:where(.dd-advs__list):not(.dd-z.dd-z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-advs__list):not(.dd-z z), :where(.dd-advs__list):not(.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0; position: relative; }
:where(.dd-adv):not(.dd-z z) { inset: 0; }
:where(.dd-adv):not(.dd-z.dd-z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-adv):not(.dd-z z), :where(.dd-adv):not(.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-adv):not(.dd-z z), :where(.dd-adv):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.3fr); grid-template-rows: auto auto; column-gap: clamp(20px, 4vw, 80px); align-content: center; }
:where(.dd-adv__n):not(.dd-z z) { grid-row: 1 / span 2; font-size: clamp(9rem, 4rem + 18vw, 26rem); line-height: .8; font-weight: 700; color: transparent; -webkit-text-stroke: 2px color-mix(in srgb, var(--dd-cream) 55%, transparent); direction: ltr; text-align: start; align-self: center; }
:where(.dd-adv__title):not(.dd-z z) { color: var(--dd-cream); font-size: clamp(2.4rem, 1rem + 4.6vw, 6.6rem); line-height: .95; align-self: end; max-width: 12ch; --dd-max-w: 12ch; }
:where(.dd-adv__text):not(.dd-z z) { color: var(--dd-cream); opacity: .9; font-size: clamp(1.1rem, .95rem + .55vw, 1.55rem); line-height: 1.6; max-width: 40ch; --dd-max-w: 40ch; margin-inline: 0; align-self: start; }
:where(.dd-adv__text):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: clamp(16px, 2vw, 32px); margin-bottom: 0; }
:where(.dd-advs__nav):not(.dd-z z) { position: absolute; z-index: 2; inset-inline-end: var(--dd-gutter); top: clamp(96px, 13vh, 140px); list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; font-size: .95rem; color: var(--dd-cream); }
:where(.dd-advs__nav li):not(.dd-z z z) { opacity: .38; transition: opacity .4s, transform .5s var(--dd-ease-out); display: flex; gap: 10px; align-items: baseline; }
:where(.dd-advs__nav li.is-current):not(.dd-z.dd-z z z) { opacity: 1; transform: translateX(8px); }
:where(.dd-advs__nav b):not(.dd-z z z) { font-weight: 700; color: var(--dd-brick-soft); direction: ltr; }
:where(.dd-advs__bar):not(.dd-z z) { position: absolute; z-index: 2; left: var(--dd-gutter); right: var(--dd-gutter); bottom: clamp(28px, 5vh, 52px); height: 2px; background: var(--dd-line-dark); }
:where(.dd-advs__bar span):not(.dd-z z z) { position: absolute; inset: 0; background: var(--dd-brick-soft); transform-origin: right; transform: scaleX(var(--dd-adv-p, 0)); }
@media (max-width: 899px) {
  :where(.dd-advs):not(.dd-z.dd-z z z) { --height: calc(100svh + var(--dd-adv-n, 7) * 60svh); }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-advs):not(.dd-z z), :where(.dd-advs):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + var(--dd-adv-n, 7) * 60svh); }
  :where(.dd-advs__stage):not(.dd-z.dd-z z z) { --height: 100svh; --padding-top: 96px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-advs__stage):not(.dd-z z), :where(.dd-advs__stage):not(.dd-z z):where(:not(.e-con)) { height: 100svh; padding-top: 96px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-adv):not(.dd-z z), :where(.dd-adv):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; grid-template-rows: auto auto auto; align-content: center; row-gap: 10px; }
  :where(.dd-adv__n):not(.dd-z z) { grid-row: auto; font-size: clamp(6rem, 34vw, 10rem); }
  :where(.dd-adv__title):not(.dd-z z) { font-size: clamp(2.2rem, 10vw, 3.4rem); align-self: start; }
  :where(.dd-advs__nav):not(.dd-z z) { display: none; }
}
/* 7 advantages (10.10.2026): on short desktop/tablet-landscape screens the index is set tighter so its last line never meets the heading */
@media (min-width: 900px) and (max-height: 960px) { :where(.dd-advs__nav):not(.dd-z z) { font-size: .8rem; line-height: 1.3; gap: 0; } }
:where(html:not(.dd-motion) .dd-advs):not(.dd-z.dd-z z z z z z z) { --height: auto; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-advs):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-advs):not(.dd-z.dd-z z z):where(:not(.e-con)) { height: auto; }
:where(html:not(.dd-motion) .dd-advs__stage):not(.dd-z.dd-z z z) { display: block; }
:where(html:not(.dd-motion) .dd-advs__stage):not(.dd-z.dd-z z z z z z z) { --position: relative; --height: auto; --padding-top: 90px; --padding-bottom: 90px; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-advs__stage):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-advs__stage):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: relative; height: auto; padding-block: 90px; }
:is(html:not(.dd-motion) .dd-advs__stage):is(html body .elementor .e-con.e-con) { display: block; }
:where(html:not(.dd-motion) .dd-adv):not(.dd-z.dd-z z z) { inset: auto; border-top: 1px solid var(--dd-line-dark); }
:where(html:not(.dd-motion) .dd-adv):not(.dd-z.dd-z z z z z z z) { --position: relative; --padding-top: 30px; --padding-bottom: 30px; }
:where(body:not([class*="elementor-kit-"])) :where(html:not(.dd-motion) .dd-adv):not(.dd-z.dd-z z z), :where(html:not(.dd-motion) .dd-adv):not(.dd-z.dd-z z z):where(:not(.e-con)) { position: relative; padding-block: 30px; }
:where(html:not(.dd-motion) .dd-adv__n):not(.dd-z.dd-z z z) { font-size: clamp(4rem, 10vw, 9rem); }
:where(html:not(.dd-motion) .dd-advs__bar):not(.dd-z.dd-z z z) { display: none; }

/* 5. community + lecture — compact */
:where(.dd-community):not(.dd-z z) { padding-block: clamp(48px, 6vw, 96px); }
:where(.dd-mini-grid):not(.dd-z z) { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; align-items: start; }
:where(.dd-mini):not(.dd-z z) { display: grid; grid-template-columns: clamp(120px, 12vw, 190px) minmax(0, 1fr); gap: clamp(14px, 1.6vw, 24px); padding: clamp(14px, 1.6vw, 22px); background: #fff; border-radius: 18px; border: 1px solid var(--dd-line); align-items: start; }
:where(.dd-mini__img):not(.dd-z z) { width: 100%; height: auto; border-radius: 12px; }
:where(.dd-mini__body):not(.dd-z z) { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; font-size: .95rem; line-height: 1.6; }
:where(.dd-mini__body p):not(.dd-z z z) { margin: 0; }
:where(.dd-mini__title):not(.dd-z z) { font-size: clamp(1.05rem, .95rem + .4vw, 1.3rem); line-height: 1.3; }
:where(.dd-mini__sub):not(.dd-z z) { font-size: 1rem; line-height: 1.3; }
:where(.dd-mini__label):not(.dd-z z) { font-weight: 700; }
:where(.dd-mini__label):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) { margin-top: 4px; }
:where(.dd-mini__list):not(.dd-z z) { margin: 0; padding-inline-start: 1.2em; columns: 2; column-gap: 18px; font-size: .9rem; }
:where(.dd-btn--sm):not(.dd-z z) { min-height: 48px; padding: .5em 1.3em; font-size: 1rem; margin-top: 8px; }
@media (max-width: 1023px) { :where(.dd-mini-grid):not(.dd-z z) { grid-template-columns: 1fr; } }
@media (max-width: 520px) { :where(.dd-mini):not(.dd-z z) { grid-template-columns: 96px minmax(0, 1fr); } :where(.dd-mini__list):not(.dd-z z) { columns: 1; } }

/* 6. FAQ — restored from dafnadl.co.il (measured: heading 36px gradient, items 53px, pill #E5E5E5,
      title 20px brick bold, answer bubble brick + white 18px with the round avatar, open/close 400ms) */
:where(.dd-faq-orig):not(.dd-z z) { background: #fff; color: var(--dd-ink); }
:where(.dd-faq-orig):not(.dd-z.dd-z z z) { --position: relative; --padding-top: 2vw; --padding-right: 28.8px; --padding-bottom: 4vw; --padding-left: 28.8px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-faq-orig):not(.dd-z z), :where(.dd-faq-orig):not(.dd-z z):where(:not(.e-con)) { position: relative; padding: 2vw 28.8px 4vw; }
:where(.dd-faq-orig__wrap):not(.dd-z z) { max-width: 1140px; display: flex; }
:where(.dd-faq-orig__wrap):not(.dd-z.dd-z z z) { --margin-right: auto; --margin-left: auto; --flex-direction: column; --gap: 1vw; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-faq-orig__wrap):not(.dd-z z), :where(.dd-faq-orig__wrap):not(.dd-z z):where(:not(.e-con)) { margin-inline: auto; flex-direction: column; gap: 1vw; }
:where(.dd-faq-orig__title):not(.dd-z z) { text-align: center; font-size: 36px; line-height: 1.3; font-weight: 600; }
:where(.dd-faq-orig__title):not(.dd-z.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 z z z z z z z z z z z z) { margin-bottom: 10px; }
:where(.dd-gradient-text):not(.dd-z z) { background: linear-gradient(110deg, var(--dd-navy) 20%, #8C3732 50%, var(--dd-brick) 80%); background-size: 200% auto; -webkit-background-clip: text; background-clip: text; -webkit-text-fill-color: transparent; }
:where(html.dd-motion .dd-gradient-text):not(.dd-z.dd-z z z) { animation: dd-shimmer 10s ease-in-out infinite; }
@keyframes dd-shimmer { 50% { background-position: 100% center; } }
:where(.dd-faq-orig__list):not(.dd-z z) { display: flex; flex-direction: column; }
:where(.dd-faq-orig__item):not(.dd-z z) { margin: 0 0 19.5px; }
:where(.dd-faq-orig__item summary):not(.dd-z z z) { list-style: none; display: flex; align-items: center; gap: 10px; min-height: 53px; border: 1px solid #D5D8DC; cursor: pointer; font-weight: 700; color: var(--dd-brick); }
:where(.dd-faq-orig__item summary):not(.dd-z z z z)::-webkit-details-marker { display: none; }
:where(.dd-faq-orig__q):not(.dd-z z) { background: #E5E5E5; border-radius: 72px 72px 0 72px; padding: 7.2px 14.4px; font-size: 20px; line-height: 1.85; font-weight: 700; color: var(--dd-brick); }
:where(.dd-faq-orig__icon):not(.dd-z z) { flex: none; width: 28.8px; height: 28.8px; border-radius: 50%; background: var(--dd-navy); position: relative; transition: transform .4s ease, background-color .3s; }
:where(.dd-faq-orig__icon):not(.dd-z z z)::before, :where(.dd-faq-orig__icon):not(.dd-z z z)::after { content: ""; position: absolute; left: 50%; top: 50%; width: 12px; height: 2.4px; margin: -1.2px 0 0 -6px; background: #E5E5E5; border-radius: 2px; }
:where(.dd-faq-orig__icon):not(.dd-z z z)::after { transform: rotate(90deg); }
:where(.dd-faq-orig__item[open] .dd-faq-orig__icon):not(.dd-z.dd-z z z z z z) { background: var(--dd-brick); transform: rotate(45deg); }
:where(.dd-faq-orig__item summary:focus-visible):not(.dd-z.dd-z z z) { outline: 3px solid var(--dd-brick); outline-offset: 2px; }
:where(.dd-faq-orig__a):not(.dd-z z) { overflow: hidden; }
:where(.dd-faq-orig__bubble):not(.dd-z z) { position: relative; max-width: 35vw; --dd-max-w: 35vw; margin-inline: .5vw; margin-left: 3.5vw; background: var(--dd-brick); color: #fff; border-radius: 3vw 3vw 3vw 0; padding: 14.4px; font-size: 18px; line-height: 1.75; font-weight: 400; }
:where(.dd-faq-orig__bubble):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: .5vw; margin-bottom: .5vw; }
:where(.dd-faq-orig__bubble p):not(.dd-z z z) { margin: 0 0 1em; } :where(.dd-faq-orig__bubble p:last-child):not(.dd-z.dd-z z z) { margin-bottom: 0; }
:where(.dd-faq-orig__bubble ul):not(.dd-z z z) { margin: 0; padding-inline-start: 1.2em; }
:where(.dd-faq-orig__bubble a):not(.dd-z z z) { color: #fff; }
:where(.dd-faq-orig__bubble):not(.dd-z z z)::before { content: ""; position: absolute; left: -3.5vw; bottom: 0; width: 3vw; height: 3vw; background: url("../img/דפנה-DALעגול.png") bottom left / contain no-repeat; }
@media (max-width: 1024px) { :where(.dd-faq-orig__bubble):not(.dd-z z) { max-width: 40vw; --dd-max-w: 40vw; margin-inline: 1vw; margin-left: 5vw; } :where(.dd-faq-orig__bubble):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: 1vw; margin-bottom: 1vw; } :where(.dd-faq-orig__bubble):not(.dd-z z z)::before { width: 6vw; height: 6vw; left: -6vw; } }
@media (max-width: 767px) {
  :where(.dd-faq-orig):not(.dd-z.dd-z z z) { --padding-top: 40px; --padding-right: 10px; --padding-bottom: 40px; --padding-left: 10px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-faq-orig):not(.dd-z z), :where(.dd-faq-orig):not(.dd-z z):where(:not(.e-con)) { padding: 40px 10px; }
  :where(.dd-faq-orig__q):not(.dd-z z) { font-size: 18px; line-height: 1.5; }
  :where(.dd-faq-orig__bubble):not(.dd-z z) { max-width: 70vw; --dd-max-w: 70vw; margin-inline: 15px; margin-left: 40px; border-radius: 25px 25px 25px 0; }
  :where(.dd-faq-orig__bubble):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: 15px; margin-bottom: 15px; }
  :where(.dd-faq-orig__bubble):not(.dd-z z z)::before { width: 35px; height: 35px; left: -40px; }
}

/* 7. footer: jelly wordmark (WebGL canvas drawn over the real text) + springy links */
:where(.dd-jelly):not(.dd-z z) { position: relative; }
:where(.dd-jelly__canvas):not(.dd-z z) { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); pointer-events: none; }
:where(.dd-jelly.is-gl):not(.dd-z.dd-z z), :where(.dd-jelly.is-gl span):not(.dd-z.dd-z z z) { -webkit-text-fill-color: transparent; }
:where(.dd-footer__giant.dd-jelly):not(.dd-z.dd-z z) { pointer-events: auto; padding-block: .06em .1em; touch-action: pan-y; }
:where(.dd-footer__links a):not(.dd-z z z) { display: inline-block; transition: transform .7s cubic-bezier(.3, 1.8, .5, 1), border-color .3s; }
:where(.dd-footer__links a:hover):not(.dd-z.dd-z z z), :where(.dd-footer__links a:focus-visible):not(.dd-z.dd-z z z) { transform: translateY(-3px) scale(1.08); border-color: var(--dd-cream); }

/* footer wordmark: full-bleed and centred on the viewport (was centred in the content box and clipped on the right) */
:where(.dd-footer__giant.dd-jelly):not(.dd-z.dd-z z) { width: 100%; margin-inline: 0; font-size: min(10.2cqi, 16rem); }

/* =========================================================================
   v2.2 — Dafna's fix round (9.10.2026)
   ========================================================================= */

/* 2+3. projects: one sticky stage for all names (built by JS), shorter step per project */
:where(.dd-chapters.is-live):not(.dd-z.dd-z z) { position: relative; padding-block: 52vh; }
:where(.dd-pj-stage):not(.dd-z z) { position: sticky; top: 0; height: 100vh; margin-top: -52vh; margin-bottom: calc(-100vh + 52vh); z-index: 2; pointer-events: none; }
:where(.dd-pj-stage .dd-chapter__title-wrap):not(.dd-z.dd-z z) { position: absolute; inset: 0; height: auto; padding-inline: max(var(--dd-gutter), 8vw); }
:where(.dd-chapters.is-live .dd-chapter):not(.dd-z.dd-z z z z z z) { min-height: 0; height: 40vh; }
:where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { top: 6%; }
:where(.dd-chapters.is-live .dd-fly--logo):not(.dd-z.dd-z z z z z z) { top: -30%; }
:where(.dd-chapter__title[data-long]):not(.dd-z.dd-z z) { font-size: clamp(1.9rem, 1rem + 2.7vw, 4.2rem); max-width: 20ch; line-height: 1.02; }
:where(.dd-fly--shot img):not(.dd-z z z) { aspect-ratio: 16 / 10; object-fit: cover; object-position: top; }
:where(.dd-pj-count):not(.dd-z z) { position: absolute; left: 50%; bottom: clamp(24px, 5vh, 48px); transform: translateX(-50%); font-size: clamp(.95rem, .85rem + .3vw, 1.15rem); letter-spacing: .14em; color: var(--dd-cream); opacity: .75; direction: ltr; font-weight: 700; }
@media (max-width: 899px) {
  :where(.dd-chapters.is-live):not(.dd-z.dd-z z) { padding-block: 48svh; }
  :where(.dd-pj-stage):not(.dd-z z) { height: 100svh; margin-top: -48svh; margin-bottom: calc(-100svh + 48svh); }
  :where(.dd-chapters.is-live .dd-chapter):not(.dd-z.dd-z z z z z z) { height: 36svh; }
  :where(.dd-pj-stage .dd-chapter__title-wrap):not(.dd-z.dd-z z) { justify-content: flex-start; padding-top: 15svh; }
  :where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { top: 30%; }
}

/* 4. "מעוניינים באתר?" — a fan of real project screenshots opens around the call to action */
:where(.dd-interest):not(.dd-z z) { overflow: hidden; place-items: center; }
:where(.dd-interest):not(.dd-z.dd-z z z) { --position: relative; --min-height: 115vh; --padding-top: 16vh; --padding-bottom: 30vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { position: relative; min-height: 115vh; padding-block: 16vh 30vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { display: grid; }
:where(.dd-fan):not(.dd-z z) { left: 50%; bottom: 0; z-index: 0; }
:where(.dd-fan):not(.dd-z.dd-z z z) { --position: absolute; --width: 0; --height: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-fan):not(.dd-z z), :where(.dd-fan):not(.dd-z z):where(:not(.e-con)) { position: absolute; width: 0; height: 0; }
:where(.dd-fan__card):not(.dd-z z) { --w: clamp(190px, 21vw, 360px); left: calc(var(--w) / -2); bottom: 4vh; aspect-ratio: 16 / 10; overflow: hidden; background: #fff; box-shadow: 0 30px 70px rgb(0 0 0 / .45); transform-origin: 50% 300%; transform: rotate(calc(var(--i) * var(--dd-spread, 9deg))) translateY(var(--dd-lift, 0px)); will-change: transform; }
:where(.dd-fan__card):not(.dd-z.dd-z z z) { --position: absolute; --width: var(--w); --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --border-radius: clamp(8px, .9vw, 14px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-fan__card):not(.dd-z z), :where(.dd-fan__card):not(.dd-z z):where(:not(.e-con)) { position: absolute; width: var(--w); margin: 0; border-radius: clamp(8px, .9vw, 14px); }
:where(.dd-fan__card img):not(.dd-z z z) { width: 100%; height: 100%; object-fit: cover; object-position: top; }
:where(.dd-interest__text):not(.dd-z z) { z-index: 2; text-align: center; }
:where(.dd-interest__text):not(.dd-z.dd-z z z) { --position: relative; --padding-right: var(--dd-gutter); --padding-left: var(--dd-gutter); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-interest__text):not(.dd-z z), :where(.dd-interest__text):not(.dd-z z):where(:not(.e-con)) { position: relative; padding-inline: var(--dd-gutter); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-interest__text):not(.dd-z z), :where(.dd-interest__text):not(.dd-z z):where(:not(.e-con)) { display: grid; justify-items: center; gap: clamp(22px, 3vw, 40px); }
:where(.dd-interest__title):not(.dd-z z) { font-size: clamp(3.2rem, 1rem + 9vw, 12rem); line-height: .9; letter-spacing: -.035em; color: var(--dd-cream); text-shadow: 0 20px 60px color-mix(in srgb, var(--dd-deep) 80%, transparent); }
:where(.dd-interest__btn):not(.dd-z z) { font-size: clamp(1.05rem, .95rem + .4vw, 1.35rem); min-height: 60px; padding-inline: 2em; }
@media (max-width: 899px) { :where(.dd-interest):not(.dd-z.dd-z z z) { --min-height: 100svh; --padding-top: 14svh; --padding-bottom: 34svh; } :where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { min-height: 100svh; padding-block: 14svh 34svh; } :where(.dd-fan__card):not(.dd-z z) { --w: 40vw; transform-origin: 50% 260%; } }

/* 5. ring sentence: "הוכחת קיום" never splits; size/width tuned so every line stays on screen */
:where(.dd-nowrap):not(.dd-z z) { white-space: nowrap; }
:where(.dd-ring__text):not(.dd-z z) { font-size: clamp(1.2rem, 2.361vw, 2.6rem); /* (17.10.2026: 34px at 1440 — the statement fits between the ring's back and front rows, as the reference) */ line-height: 1.3; width: min(100% - 2 * var(--dd-gutter), 1000px); }
@media (max-width: 899px) { :where(.dd-ring__text):not(.dd-z z) { font-size: clamp(1.2rem, 5.2vw, 1.7rem); } }

/* 6. about: framed content width, smaller title, no overlap, no red block, sharp un-cropped face */
:where(.dd-about > .dd-wrap):not(.dd-z.dd-z z z z z z) { --width: min(100% - 2 * clamp(24px, 7vw, 140px), 1240px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about > .dd-wrap):not(.dd-z.dd-z z), :where(.dd-about > .dd-wrap):not(.dd-z.dd-z z):where(:not(.e-con)) { width: min(100% - 2 * clamp(24px, 7vw, 140px), 1240px); }
:where(.dd-about__title):not(.dd-z z) { font-size: clamp(2.6rem, 1rem + 6.2vw, 8.4rem); }
:where(.dd-about__title):not(.dd-z.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 z z z z z z z z z z z z) { margin-bottom: clamp(28px, 4vw, 64px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: clamp(32px, 5vw, 96px); align-items: start; }
:where(.dd-about__media):not(.dd-z.dd-z z z) { --margin-top: 0; --margin-right: 0; --margin-bottom: 0; --margin-left: 0; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-about__media):not(.dd-z z), :where(.dd-about__media):not(.dd-z z):where(:not(.e-con)) { margin: 0; padding: 0; position: relative; }
:where(.dd-about__frame):not(.dd-z z) { display: none !important; }
:where(.dd-about__photo):not(.dd-z z) { aspect-ratio: 4 / 5; box-shadow: 0 30px 70px color-mix(in srgb, var(--dd-navy) 18%, transparent); }
:where(.dd-about__photo img):not(.dd-z z z) { object-position: 50% 14%; }
:where(.dd-about__badge):not(.dd-z z) { left: auto; inset-inline-end: 16px; right: auto; bottom: 16px; width: clamp(96px, 8vw, 140px); }
@media (max-width: 899px) {
  :where(.dd-about > .dd-wrap):not(.dd-z.dd-z z z z z z) { --width: min(100% - 2 * var(--dd-gutter), 640px); }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-about > .dd-wrap):not(.dd-z.dd-z z), :where(.dd-about > .dd-wrap):not(.dd-z.dd-z z):where(:not(.e-con)) { width: min(100% - 2 * var(--dd-gutter), 640px); }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-about__grid):not(.dd-z z), :where(.dd-about__grid):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; gap: 36px; }
  :where(.dd-about__media):not(.dd-z z) { max-width: 440px; }
  :where(.dd-about__media):not(.dd-z.dd-z z z) { --width: 100%; --margin-right: auto; --margin-left: auto; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-about__media):not(.dd-z z), :where(.dd-about__media):not(.dd-z z):where(:not(.e-con)) { width: 100%; margin-inline: auto; }
  :where(.dd-about__photo):not(.dd-z z) { aspect-ratio: 2 / 3; } /* the whole portrait */
  :where(.dd-about__photo img):not(.dd-z z z) { object-position: 50% 0; }
  :where(.dd-about__badge):not(.dd-z z) { width: 88px; }
}

/* 8. what you get — dealt cards with depth (cream), unlike the pinned "why" sequence */
:where(.dd-gets2):not(.dd-z z) { overflow: hidden; }
:where(.dd-gets2):not(.dd-z.dd-z z z) { --padding-top: clamp(90px, 11vw, 200px); --padding-bottom: clamp(140px, 16vw, 300px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-gets2):not(.dd-z z), :where(.dd-gets2):not(.dd-z z):where(:not(.e-con)) { padding-block: clamp(90px, 11vw, 200px) clamp(140px, 16vw, 300px); }
:where(.dd-gets2__head):not(.dd-z z) { font-size: clamp(2.4rem, 1rem + 5vw, 7rem); line-height: .94; max-width: 14ch; --dd-max-w: 14ch; letter-spacing: -.025em; }
:where(.dd-gets2__row):not(.dd-z.dd-z z z) { --margin-top: clamp(80px, 9vw, 160px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-gets2__row):not(.dd-z z), :where(.dd-gets2__row):not(.dd-z z):where(:not(.e-con)) { margin-top: clamp(80px, 9vw, 160px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-gets2__row):not(.dd-z z), :where(.dd-gets2__row):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: clamp(18px, 2.4vw, 40px); align-items: start; }
:where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z z z z z) { --margin-top: clamp(40px, 7vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z), :where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z):where(:not(.e-con)) { margin-top: clamp(40px, 7vw, 140px); }
:where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z z z z z) { --margin-top: clamp(80px, 14vw, 280px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z), :where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z):where(:not(.e-con)) { margin-top: clamp(80px, 14vw, 280px); }
:where(.dd-get2):not(.dd-z z) { background: #fff; box-shadow: 0 30px 70px color-mix(in srgb, var(--dd-navy) 12%, transparent); transition: transform .6s var(--dd-ease-out), box-shadow .6s; }
:where(.dd-get2):not(.dd-z.dd-z z z) { --position: relative; --border-radius: 28px; --padding-top: clamp(84px, 8vw, 140px); --padding-right: clamp(24px, 2.6vw, 44px); --padding-bottom: clamp(28px, 3vw, 48px); --padding-left: clamp(24px, 2.6vw, 44px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-get2):not(.dd-z z), :where(.dd-get2):not(.dd-z z):where(:not(.e-con)) { position: relative; border-radius: 28px; padding: clamp(84px, 8vw, 140px) clamp(24px, 2.6vw, 44px) clamp(28px, 3vw, 48px); }
:where(.dd-get2:hover):not(.dd-z.dd-z z) { transform: translateY(-8px) rotate(-1deg); box-shadow: 0 40px 90px color-mix(in srgb, var(--dd-navy) 18%, transparent); }
:where(.dd-get2.is-dark):not(.dd-z.dd-z z) { background: var(--dd-navy); color: var(--dd-cream); }
:where(.dd-get2__n):not(.dd-z z) { position: absolute; top: -.38em; inset-inline-start: .08em; font-size: clamp(6rem, 3rem + 7vw, 12rem); line-height: 1; font-weight: 700; color: var(--dd-brick); direction: ltr; letter-spacing: -.04em; }
:where(.dd-get2.is-dark .dd-get2__n):not(.dd-z.dd-z z z z z z) { color: var(--dd-brick-soft); }
:where(.dd-get2__title):not(.dd-z z) { font-size: clamp(1.5rem, 1.1rem + 1.2vw, 2.4rem); line-height: 1.1; }
:where(.dd-get2__title):not(.dd-z.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 z z z z z z z z z z z z) { margin-bottom: .6em; }
:where(.dd-get2 p):not(.dd-z z z) { margin: 0; font-size: clamp(1.02rem, .95rem + .3vw, 1.2rem); line-height: 1.7; }
@media (max-width: 899px) {
  :where(.dd-gets2__row):not(.dd-z.dd-z z z) { --margin-top: 90px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-gets2__row):not(.dd-z z), :where(.dd-gets2__row):not(.dd-z z):where(:not(.e-con)) { margin-top: 90px; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-gets2__row):not(.dd-z z), :where(.dd-gets2__row):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; gap: 70px; }
  :where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z z z z z), :where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z z z z z) { --margin-top: 0; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z), :where(.dd-get2-wrap:nth-child(2)):not(.dd-z.dd-z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z), :where(.dd-get2-wrap:nth-child(3)):not(.dd-z.dd-z z):where(:not(.e-con)) { margin-top: 0; }
}

/* 9. WhatsApp group + lecture: two spacious rows */
:where(.dd-community2):not(.dd-z.dd-z z z) { --padding-top: clamp(80px, 9vw, 170px); --padding-bottom: clamp(80px, 9vw, 170px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-community2):not(.dd-z z), :where(.dd-community2):not(.dd-z z):where(:not(.e-con)) { padding-block: clamp(80px, 9vw, 170px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-comm):not(.dd-z z), :where(.dd-comm):not(.dd-z z):where(:not(.e-con)) { display: grid; gap: clamp(70px, 9vw, 150px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-comm__row):not(.dd-z z), :where(.dd-comm__row):not(.dd-z z):where(:not(.e-con)) { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 5vw, 96px); align-items: center; }
:where(.dd-comm__row.is-flip .dd-comm__media):not(.dd-z.dd-z z z z z z) { order: 2; }
:where(.dd-comm__media):not(.dd-z z) { overflow: hidden; box-shadow: 0 30px 70px color-mix(in srgb, var(--dd-navy) 16%, transparent); max-width: 560px; justify-self: center; }
:where(.dd-comm__media):not(.dd-z.dd-z z z) { --border-radius: 28px; --width: 100%; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-comm__media):not(.dd-z z), :where(.dd-comm__media):not(.dd-z z):where(:not(.e-con)) { border-radius: 28px; width: 100%; }
:where(.dd-comm__media img):not(.dd-z z z) { width: 100%; height: auto; display: block; }
:where(.dd-comm__body):not(.dd-z z) { display: flex; font-size: clamp(1.02rem, .95rem + .25vw, 1.15rem); line-height: 1.7; max-width: 58ch; }
:where(.dd-comm__body):not(.dd-z.dd-z z z) { --flex-direction: column; --gap: 14px; --align-items: flex-start; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-comm__body):not(.dd-z z), :where(.dd-comm__body):not(.dd-z z):where(:not(.e-con)) { flex-direction: column; gap: 14px; align-items: flex-start; }
:where(.dd-comm__body p):not(.dd-z z z) { margin: 0; }
:where(.dd-comm__title):not(.dd-z z) { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 3.4rem); line-height: 1.05; letter-spacing: -.015em; }
:where(.dd-comm__lead):not(.dd-z z) { font-size: clamp(1.15rem, 1rem + .6vw, 1.6rem); color: var(--dd-brick); font-weight: 700; line-height: 1.35; margin-inline: 0; }
:where(.dd-comm__lead):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
:where(.dd-comm__label):not(.dd-z z) { font-weight: 700; }
:where(.dd-comm__label):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) { margin-bottom: 4px; }
:where(.dd-comm__list):not(.dd-z z) { margin: 0; padding-inline-start: 1.25em; columns: 2; column-gap: 28px; }
:where(.dd-comm__list li):not(.dd-z z z) { break-inside: avoid; margin-bottom: 2px; }
@media (max-width: 899px) {
  :where(body:not([class*="elementor-kit-"])) :where(.dd-comm__row):not(.dd-z z), :where(.dd-comm__row):not(.dd-z z):where(:not(.e-con)) { grid-template-columns: 1fr; gap: 26px; }
  :where(.dd-comm__row.is-flip .dd-comm__media):not(.dd-z.dd-z z z z z z) { order: 0; }
  :where(.dd-comm__media):not(.dd-z z) { max-width: 480px; }
  :where(.dd-comm__list):not(.dd-z z) { columns: 1; }
}

/* 10. FAQ: no thin frame around the questions (the original design otherwise unchanged) */
:where(.dd-faq-orig__item summary):not(.dd-z z z) { border: 0; }
:where(.dd-faq-orig__item summary:focus-visible):not(.dd-z.dd-z z z) { outline: 3px solid var(--dd-brick); outline-offset: 3px; border-radius: 40px; }

/* 11. running sentence: longer scroll distance for the same motion = slower, readable */
:where(.dd-run):not(.dd-z.dd-z z z) { --height: calc(100vh + 520vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 520vh * var(--dd-sfx-scroll, 1)); }
@media (max-width: 899px) { :where(.dd-run):not(.dd-z.dd-z z z) { --height: calc(100svh + 440svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 440svh * var(--dd-sfx-scroll, 1)); } }

/* 12. footer: while the jelly canvas is active only the canvas is visible (the gradient text paints
       through background-clip:text, so the background must go too). The real text stays for screen readers. */
:where(.dd-jelly.is-gl):not(.dd-z.dd-z z) { -webkit-text-fill-color: transparent; color: transparent; }
:where(.dd-jelly.is-gl):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) { background: none; }
:where(.dd-jelly.is-gl span):not(.dd-z.dd-z z z) { -webkit-text-fill-color: transparent; color: transparent; }

/* v2.2b — after visual review */
/* projects: pictures travel in the side columns BEHIND the name; the name keeps the centre column */
:where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { z-index: 1; width: clamp(200px, 24vw, 460px); }
:where(.dd-chapters.is-live .dd-fly--logo):not(.dd-z.dd-z z z z z z) { z-index: 1; width: clamp(90px, 8vw, 150px); }
:where(.dd-chapters.is-live .dd-chapter:nth-child(odd) .dd-fly--shot):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: auto 2.5vw; }
:where(.dd-chapters.is-live .dd-chapter:nth-child(even) .dd-fly--shot):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: 2.5vw auto; }
:where(.dd-chapters.is-live .dd-chapter:nth-child(odd) .dd-fly--logo):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: 30vw auto; }
:where(.dd-chapters.is-live .dd-chapter:nth-child(even) .dd-fly--logo):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: auto 30vw; }
@media (min-width: 900px) { :where(.dd-pj-stage .dd-chapter__title-wrap):not(.dd-z.dd-z z) { padding-inline: 28vw; } }
@media (max-width: 899px) {
  :where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { width: 78vw; }
  :where(.dd-chapters.is-live .dd-fly--shot):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) { inset-inline: 11vw auto; }
  :where(.dd-chapters.is-live .dd-fly--logo):not(.dd-z.dd-z z z z z z) { display: none; }
}
/* ring: the sentence always sits above the orbiting cards, balanced lines */
:where(.dd-ring__text):not(.dd-z z) { z-index: 10; text-wrap: balance; text-shadow: 0 6px 30px color-mix(in srgb, var(--dd-deep) 85%, transparent); }
/* running sentence: a little slower still */
:where(.dd-run):not(.dd-z.dd-z z z) { --height: calc(100vh + 600vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 600vh * var(--dd-sfx-scroll, 1)); }
@media (max-width: 899px) { :where(.dd-run):not(.dd-z.dd-z z z) { --height: calc(100svh + 520svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-run):not(.dd-z z), :where(.dd-run):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 520svh * var(--dd-sfx-scroll, 1)); } }
/* fan: bigger and a bit higher */
:where(.dd-fan__card):not(.dd-z z) { --w: clamp(200px, 23vw, 400px); bottom: 7vh; }

/* stage names: a touch smaller so mid-length names stay within ~3 lines in the centre column */
@media (min-width: 900px) { :where(.dd-pj-stage .dd-chapter__title:not([data-long])):not(.dd-z.dd-z z z z z z) { font-size: clamp(2.4rem, 1rem + 4.4vw, 6.8rem); } }

/* v2.2c — mobile: the project name sits at the bottom on a gradient band, pictures pass above it */
@media (max-width: 899px) {
  :where(.dd-pj-stage):not(.dd-z z z)::before { content: ''; position: absolute; inset: auto 0 0 0; height: 52svh; background: linear-gradient(to top, var(--dd-deep) 58%, color-mix(in srgb, var(--dd-deep) 0%, transparent)); z-index: -1; }
  :where(.dd-pj-stage .dd-chapter__title-wrap):not(.dd-z.dd-z z) { justify-content: flex-end; padding-top: 0; padding-bottom: 13svh; }
  :where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { top: -10%; }
  :where(.dd-pj-count):not(.dd-z z) { bottom: 5svh; }
}
/* ring: cards layer always below the sentence */
:where(.dd-ring__space):not(.dd-z z) { z-index: 1; }
:where(.dd-ring__text):not(.dd-z z) { position: relative; z-index: 10; }

/* v2.2c — mobile ring: the orbit runs in the lower part of the screen, the sentence above it on a soft dark plate */
@media (max-width: 899px) {
  :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__stage):not(.dd-z z), :where(.dd-ring__stage):not(.dd-z z):where(:not(.e-con)) { align-items: start; }
  :where(.dd-ring__text):not(.dd-z z) { padding: 14px 16px; border-radius: 18px; background: color-mix(in srgb, var(--dd-deep) 62%, transparent); backdrop-filter: blur(4px); }
  :where(.dd-ring__text):not(.dd-z.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 z z z z z z z z z z z z) { margin-top: 15svh; }
  :where(.dd-ring__space):not(.dd-z z) { top: 26svh; }
}

/* ===================== v2.3 — fixes round 9.10.2026 (evening) ===================== */
/* header: always on screen; a soft translucent band once the page scrolls keeps logo + menu legible over any section */
:where(.dd-header):not(.dd-z z) { transition: color .3s, background-color .35s, box-shadow .35s; }
:where(.dd-header.is-hidden):not(.dd-z.dd-z z) { transform: none; }
:where(.dd-header.is-scrolled:not(.menu-open)):not(.dd-z.dd-z z z z z z) { background: color-mix(in srgb, var(--dd-deep) 78%, transparent); -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); box-shadow: 0 1px 0 color-mix(in srgb, var(--dd-cream) 8%, transparent); }
:where(.dd-header.is-scrolled[data-on="light"]:not(.menu-open)):not(.dd-z.dd-z z z z z z z z z z) { background: color-mix(in srgb, var(--dd-cream) 86%, transparent); box-shadow: 0 1px 0 color-mix(in srgb, var(--dd-navy) 8%, transparent); }
:where(.dd-header.is-scrolled .dd-header__bar):not(.dd-z.dd-z z z z z z) { transition: height .35s; }
:where(.dd-header.is-scrolled .dd-header__bar):not(.dd-z.dd-z z z z z z z z z) { --height: clamp(64px, 5.6vw, 88px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-header.is-scrolled .dd-header__bar):not(.dd-z.dd-z z z z z z), :where(.dd-header.is-scrolled .dd-header__bar):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { height: clamp(64px, 5.6vw, 88px); }
:where(html):not(z z) { scroll-padding-top: clamp(80px, 5.6vw + 16px, 104px); }

/* projects: client logos removed from this section — the side screenshot is the only picture, a little larger */
:where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { width: clamp(220px, 26vw, 500px); }

/* "מעוניינים באתר?": a smaller section and title; the fan pivots just below the cards so even the outer cards'
   corners stay inside the section through the whole animation (desktop + mobile) */
:where(.dd-interest):not(.dd-z.dd-z z z) { --min-height: 96vh; --padding-top: 12vh; --padding-bottom: 30vh; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { min-height: 96vh; padding-block: 12vh 30vh; }
:where(.dd-interest__title):not(.dd-z z) { font-size: clamp(2.6rem, .8rem + 7.2vw, 9.4rem); }
:where(.dd-fan__card):not(.dd-z z) { --w: clamp(190px, 21vw, 360px); bottom: calc(var(--w) * .46); transform-origin: 50% 150%; }
@media (max-width: 899px) {
  :where(.dd-interest):not(.dd-z.dd-z z z) { --min-height: 88svh; --padding-top: 12svh; --padding-bottom: 30svh; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { min-height: 88svh; padding-block: 12svh 30svh; }
  :where(.dd-fan__card):not(.dd-z z) { --w: 34vw; bottom: calc(var(--w) * .46); transform-origin: 50% 150%; }
}

/* "הוכחת קיום": shorter pin — the cards finish together with the sentence */
:where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100vh + 300vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 300vh * var(--dd-sfx-scroll, 1)); }
:where(.dd-ring__card):not(.dd-z.dd-z z z) { --width: clamp(150px, 15vw, 270px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { width: clamp(150px, 15vw, 270px); }
@media (min-width: 900px) { :where(.dd-ring__text):not(.dd-z z) { width: min(100% - 2 * var(--dd-gutter), 55.2vw); } } /* (17.10.2026: the reference's width — 795px at 1440) */
@media (max-width: 899px) { :where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100svh + 240svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 240svh * var(--dd-sfx-scroll, 1)); } :where(.dd-ring__card):not(.dd-z.dd-z z z) { --width: 36vw; } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { width: 36vw; } }

/* community: only the WhatsApp row remains */
:where(.dd-community2):not(.dd-z.dd-z z z) { --padding-top: clamp(64px, 7vw, 130px); --padding-bottom: clamp(64px, 7vw, 130px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-community2):not(.dd-z z), :where(.dd-community2):not(.dd-z z):where(:not(.e-con)) { padding-block: clamp(64px, 7vw, 130px); }

/* mobile ring: the orbit bands are computed from the sentence box (JS), so the layer covers the whole stage */
@media (max-width: 899px) { :where(.dd-ring__space):not(.dd-z z) { top: 0; } }
@media (max-width: 899px) { :where(.dd-ring__card):not(.dd-z.dd-z z z) { --width: min(30vw, 200px); } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { width: min(30vw, 200px); } }

/* ===================== v2.4 — 9.10.2026 (night) ===================== */
/* projects: the moving pictures get their own compositor layer → moving them never repaints the page */
:where(html.dd-motion .dd-chapters.is-live .dd-fly):not(.dd-z.dd-z z z z z z z z z z z) { will-change: transform; backface-visibility: hidden; }
/* projects: parallax runs on the compositor (scroll-driven animation), locked to the scroll position */
@keyframes dd-fly-par { from { transform: translate3d(0, calc(var(--dd-speed, .38) * -70vh), 0); } to { transform: translate3d(0, calc(var(--dd-speed, .38) * 70vh), 0); } }
@keyframes dd-fly-par-m { from { transform: translate3d(0, calc(var(--dd-speed, .38) * -34svh), 0); } to { transform: translate3d(0, calc(var(--dd-speed, .38) * 34svh), 0); } }
:where(html.dd-motion .dd-chapters.is-live.is-sda .dd-fly):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation: dd-fly-par linear both; animation-timeline: view(); animation-range: cover 0% cover 100%; }
@media (max-width: 899px) { :where(html.dd-motion .dd-chapters.is-live.is-sda .dd-fly):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation-name: dd-fly-par-m; } }
/* projects: pictures more dominant, names smaller, no running numbers (catalogue ids stay in data-project) */
:where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { width: clamp(260px, 31vw, 620px); }
:where(.dd-chapters.is-live .dd-chapter:nth-child(odd) .dd-fly--shot):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: auto 2vw; }
:where(.dd-chapters.is-live .dd-chapter:nth-child(even) .dd-fly--shot):not(.dd-z.dd-z z z z z z z z z z z z z) { inset-inline: 2vw auto; }
@media (min-width: 900px) {
  :where(.dd-pj-stage .dd-chapter__title-wrap):not(.dd-z.dd-z z) { padding-inline: 34.5vw; }
  :where(.dd-pj-stage .dd-chapter__title:not([data-long])):not(.dd-z.dd-z z z z z z) { font-size: clamp(2rem, .9rem + 3.1vw, 5rem); }
  :where(.dd-pj-stage .dd-chapter__title[data-long]):not(.dd-z.dd-z z z z z z) { font-size: clamp(1.6rem, .85rem + 1.9vw, 3.1rem); }
}
:where(.dd-chapter__num):not(.dd-z z), :where(.dd-pj-count):not(.dd-z z) { display: none !important; }
@media (max-width: 899px) {
  :where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { width: 88vw; }
  :where(.dd-chapters.is-live .dd-fly--shot):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) { inset-inline: 6vw auto; }
  :where(.dd-pj-stage .dd-chapter__title):not(.dd-z.dd-z z) { font-size: clamp(1.7rem, 7.4vw, 2.4rem); }
  :where(.dd-pj-stage .dd-chapter__title[data-long]):not(.dd-z.dd-z z z z z z) { font-size: clamp(1.35rem, 5.6vw, 1.8rem); }
}
/* decorative motion layers never take the pointer: the browser re-hit-tests whatever moves under a still
   cursor on every scrolled frame, and 3D-transformed layers made that test cost ~4ms per frame */
:where(html.dd-motion .dd-wall__stage):not(.dd-z.dd-z z z), :where(html.dd-motion .dd-wall__plane):not(.dd-z.dd-z z z), :where(html.dd-motion .dd-chapters.is-live .dd-fly):not(.dd-z.dd-z z z z z z z z z z z), :where(html.dd-motion .dd-ring__space):not(.dd-z.dd-z z z), :where(html.dd-motion .dd-fan):not(.dd-z.dd-z z z), :where(html.dd-motion .dd-rain):not(.dd-z.dd-z z z) { pointer-events: none; }
/* "מעוניינים באתר?": title a little bigger again; the fan opens wide with the scroll (positions set by JS) */
:where(.dd-interest__title):not(.dd-z z) { font-size: clamp(2.9rem, .9rem + 8vw, 10.6rem); }
:where(.dd-fan.is-live):not(.dd-z.dd-z z) { transform: none !important; }
:where(.dd-fan.is-live .dd-fan__card):not(.dd-z.dd-z z z z z z) { --w: clamp(190px, 18.5vw, 350px); bottom: calc(var(--w) * .62 + 3vh); transform-origin: 50% 100%; will-change: transform; transition: none; }
@media (max-width: 899px) {
  :where(.dd-interest):not(.dd-z.dd-z z z) { --min-height: 92svh; --padding-top: 11svh; --padding-bottom: 34svh; }
  :where(body:not([class*="elementor-kit-"])) :where(.dd-interest):not(.dd-z z), :where(.dd-interest):not(.dd-z z):where(:not(.e-con)) { min-height: 92svh; padding-block: 11svh 34svh; }
  :where(.dd-fan.is-live .dd-fan__card):not(.dd-z.dd-z z z z z z) { --w: 31vw; bottom: calc(var(--w) * .45 + 3svh); }
}
/* hero title: the same WebGL jelly as the footer name, on the first two lines (drawn letter-by-letter from the
   real layout, handed over after the letter-drop entry). Without WebGL / reduced motion → the normal title. */
:where(.dd-hero__jelly):not(.dd-z z) { display: block; position: relative; touch-action: pan-y; }
:where(.dd-hero__jelly .dd-jelly__canvas):not(.dd-z.dd-z z) { pointer-events: none; }
@media (max-width: 899px) { :where(.dd-ring__card):not(.dd-z.dd-z z z) { --width: min(27vw, 190px); } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring__card):not(.dd-z z), :where(.dd-ring__card):not(.dd-z z):where(:not(.e-con)) { width: min(27vw, 190px); } }

/* ===================== v2.5 — 9.10.2026 ===================== */
/* "הוכחת קיום": curved screens on a tilted 3D cylinder (slices generated by JS). The section is long enough
   to keep the reference's turning speed (~0.15° per px of scroll); the last screen leaves with the last word. */
:where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100vh + 500vh * var(--dd-sfx-scroll, 1)); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100vh + 500vh * var(--dd-sfx-scroll, 1)); } /* (17.10.2026: 5 screens of scroll for the ring, as the reference) */
@media (max-width: 899px) { :where(.dd-ring):not(.dd-z.dd-z z z) { --height: calc(100svh + 300svh * var(--dd-sfx-scroll, 1)); } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring):not(.dd-z z), :where(.dd-ring):not(.dd-z z):where(:not(.e-con)) { height: calc(100svh + 300svh * var(--dd-sfx-scroll, 1)); } }
:where(.dd-ring.is-live .dd-ring__space):not(.dd-z.dd-z z z z z z) { inset: 0; top: 0; display: flex; transform-style: preserve-3d; pointer-events: none; }
:where(.dd-ring.is-live .dd-ring__space):not(.dd-z.dd-z z z z z z z z z) { --flex-direction: row; --align-items: center; --justify-content: center; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-live .dd-ring__space):not(.dd-z.dd-z z z z z z), :where(.dd-ring.is-live .dd-ring__space):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { align-items: center; justify-content: center; }
:where(.dd-ring.is-live .dd-ring__space > .e-con):not(.dd-z.dd-z) { --width: auto; }
:where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z) { left: 50%; top: 50%; transform-style: preserve-3d; overflow: visible; box-shadow: none; background: none; filter: none !important; opacity: 1; will-change: transform; }
:where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z z z z) { --position: absolute; --width: auto; --border-radius: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z), :where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { position: absolute; width: auto; border-radius: 0; }
:where(.dd-ring.is-live .dd-ring__card > img):not(.dd-z.dd-z z z z z z z) { display: none; }
:where(.dd-ring__slice):not(.dd-z z) { position: absolute; top: 0; left: 50%; height: 100%; background-repeat: no-repeat; backface-visibility: visible; }
:where(.dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z) { z-index: 20; }
@media (max-width: 899px) { :where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z z z z) { --width: auto; } :where(body:not([class*="elementor-kit-"])) :where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z), :where(.dd-ring.is-live .dd-ring__card):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { width: auto; } }
@media (min-width: 600px) and (max-width: 899px) { :where(.dd-ring__text):not(.dd-z z) { font-size: clamp(1.5rem, 3.3vw, 2rem); width: min(100% - 2 * var(--dd-gutter), 660px); } }
/* wall: the brand tile — Dafna's logo on navy with a brick frame (one of 32 tiles, no project repeated) */
:where(.dd-wall__tile.is-brand):not(.dd-z.dd-z z) { background: radial-gradient(120% 120% at 30% 20%, #1B3D5C 0%, var(--dd-navy) 55%, var(--dd-deep) 100%); box-shadow: inset 0 0 0 2px var(--dd-brick), 0 30px 60px rgb(0 0 0 / .35); display: grid; place-items: center; }
:where(.dd-wall__tile.is-brand img):not(.dd-z.dd-z z z) { width: 62%; height: 62%; object-fit: contain; object-position: center; }
/* the sentence is the top layer; a soft navy halo behind it keeps it readable while screens pass behind */
:where(.dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z z)::before { content: ''; position: absolute; inset: -18% -9%; z-index: -1; background: radial-gradient(closest-side, color-mix(in srgb, var(--dd-deep) 78%, transparent), color-mix(in srgb, var(--dd-deep) 50%, transparent) 60%, color-mix(in srgb, var(--dd-deep) 0%, transparent)); pointer-events: none; }
@media (max-width: 899px) { :where(.dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z z)::before { display: none; } }
@media (min-width: 600px) and (max-width: 899px) { :where(.dd-ring__text):not(.dd-z z) { font-size: clamp(1.7rem, 3.9vw, 2.3rem); width: min(100% - 2 * var(--dd-gutter), 700px); } }

/* ===================== v2.6 — project pictures are links (9.10.2026) ===================== */
/* The decorative motion layers stay pointer-less for scrolling performance; only the project links take the
   pointer (no hover styles → no extra style work while content moves under a still cursor). */
:where(html.dd-motion .dd-wall__tile[href]):not(.dd-z.dd-z z z z z z z),
:where(html.dd-motion .dd-ring__card[href]):not(.dd-z.dd-z z z z z z z),
:where(html.dd-motion .dd-fan.is-live .dd-fan__card[href]):not(.dd-z.dd-z z z z z z z z z z z z z z) { pointer-events: auto; cursor: pointer; }
:where(.dd-proj-link):not(.dd-z z), :where(.dd-fan__card[href]):not(.dd-z.dd-z z), :where(.dd-ring__card[href]):not(.dd-z.dd-z z), :where(.dd-wall__tile[href]):not(.dd-z.dd-z z) { display: block; color: inherit; -webkit-tap-highlight-color: transparent; }
:where(.dd-fan__card[href]):not(.dd-z.dd-z z z z z z) { --position: absolute; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-fan__card[href]):not(.dd-z.dd-z z), :where(.dd-fan__card[href]):not(.dd-z.dd-z z):where(:not(.e-con)) { position: absolute; }
:where(.dd-proj-link img):not(.dd-z z z) { display: block; }
/* the sentence over the cylinder never blocks a click on a screen behind it */
:where(html.dd-motion .dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z z z z z z) { pointer-events: none; }
:where(html.dd-motion .dd-ring.is-live .dd-ring__card.is-off):not(.dd-z.dd-z z z z z z z z z z z z z z) { opacity: 0; pointer-events: none; }
/* hero: one link over the picture frame, it follows the picture on screen */
:where(.dd-cycle-link):not(.dd-z z) { inset: 0; z-index: 3; }
:where(.dd-cycle-link):not(.dd-z.dd-z z z) { --position: absolute; --border-radius: clamp(10px, 1.2vw, 20px); }
:where(body:not([class*="elementor-kit-"])) :where(.dd-cycle-link):not(.dd-z z), :where(.dd-cycle-link):not(.dd-z z):where(:not(.e-con)) { position: absolute; border-radius: clamp(10px, 1.2vw, 20px); }
/* containers that move links around clip instead of scrolling (a focused link can never scroll them) */
:where(.dd-wall__stage):not(.dd-z z), :where(.dd-ring__stage):not(.dd-z z), :where(.dd-interest):not(.dd-z z) { overflow: hidden; overflow: clip; }
/* visible keyboard focus on every project picture */
:where(.dd-wall__tile[href]:focus-visible):not(.dd-z.dd-z z z z z z), :where(.dd-ring__card[href]:focus-visible):not(.dd-z.dd-z z z z z z), :where(.dd-fan__card[href]:focus-visible):not(.dd-z.dd-z z z z z z), :where(.dd-proj-link:focus-visible):not(.dd-z.dd-z z), :where(.dd-cycle-link:focus-visible):not(.dd-z.dd-z z) { outline: 3px solid var(--dd-brick-soft); outline-offset: 4px; }
:where(.dd-wall__src-link):not(.dd-z z) { display: block; }
:where(.dd-wall__src-link):not(.dd-z.dd-z z z) { --border-radius: 10px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-wall__src-link):not(.dd-z z), :where(.dd-wall__src-link):not(.dd-z z):where(:not(.e-con)) { border-radius: 10px; }
:where(.dd-wall__src-link:focus-visible):not(.dd-z.dd-z z) { outline: 3px solid var(--dd-brick-soft); outline-offset: 4px; }

/* ===================== v2.7 — projects: the name and its pictures move together (9.10.2026) =====================
   Each project = one band (64vh desktop / 58svh mobile). Its picture is centred in the band and is only shown while
   the band holds the middle of the screen: it fades in after the band boundary passes the middle and is gone again
   before the next boundary — exactly where the name switches (JS: current = the band containing the middle).
   So a picture is never on screen without its own name. Driven by the scroll itself (animation-timeline: view()),
   identical forwards and backwards; JS fallback computes the same curve. */
:where(.dd-chapters.is-live .dd-chapter):not(.dd-z.dd-z z z z z z) { height: 64vh; }
:where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { --fw: clamp(260px, 31vw, 620px); width: var(--fw); top: calc(50% - var(--fw) * 0.3125); }
/* timed by the project's BAND (named view timeline on .dd-chapter), not by the picture: the band is 64vh (58svh), so the
   band boundary crosses the middle of the screen at the same timeline point on every screen size:
   in = 0.5 / (1 + 0.64) = 30.5%, out = 1.14 / 1.64 = 69.5%  (mobile: 31.6% / 68.4%) */
@keyframes dd-fly-show {
  0%    { transform: translate3d(0, 7vh, 0); opacity: 0; pointer-events: none; }
  31.5% { opacity: 0; pointer-events: none; }
  32%   { opacity: 0; pointer-events: auto; }
  39%   { opacity: 1; }
  61%   { opacity: 1; }
  68%   { opacity: 0; pointer-events: auto; }
  68.5% { opacity: 0; pointer-events: none; }
  100%  { transform: translate3d(0, -7vh, 0); opacity: 0; pointer-events: none; }
}
@keyframes dd-fly-show-m {
  0%    { transform: translate3d(0, 4svh, 0); opacity: 0; pointer-events: none; }
  32.5% { opacity: 0; pointer-events: none; }
  33%   { opacity: 0; pointer-events: auto; }
  40%   { opacity: 1; }
  60%   { opacity: 1; }
  67%   { opacity: 0; pointer-events: auto; }
  67.5% { opacity: 0; pointer-events: none; }
  100%  { transform: translate3d(0, -4svh, 0); opacity: 0; pointer-events: none; }
}
:where(html.dd-motion .dd-chapters.is-live.is-sda .dd-chapter):not(.dd-z.dd-z z z z z z z z z z z z z z) { view-timeline: --dd-band block; }
:where(html.dd-motion .dd-chapters.is-live.is-sda .dd-fly):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation: dd-fly-show linear both; animation-timeline: --dd-band; animation-range: cover 0% cover 100%; }
@media (max-width: 899px) {
  :where(.dd-chapters.is-live .dd-chapter):not(.dd-z.dd-z z z z z z) { height: 58svh; }
  :where(.dd-chapters.is-live .dd-fly--shot):not(.dd-z.dd-z z z z z z) { --fw: 88vw; width: var(--fw); top: calc(46% - var(--fw) * 0.3125); }
  :where(html.dd-motion .dd-chapters.is-live.is-sda .dd-fly):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation-name: dd-fly-show-m; }
}

/* projects: an invisible picture never takes a click (pointer-events switches with the opacity in the same animation)
   but stays in the keyboard order; focusing it — or a project name — scrolls to that project's band */
:where(html.dd-motion .dd-chapters.is-live .dd-fly .dd-proj-link):not(.dd-z.dd-z z z z z z z z z z z z z z) { pointer-events: inherit; cursor: pointer; }

/* ---------- form fields (11.10.2026): Hebrew is right-to-left and right-aligned, also on phones. E-mail / phone / URL
   values keep their left-to-right order while typing (dafna@…, +972…) and stay right-aligned; while such a field is
   empty (its Hebrew placeholder is showing) it is right-to-left, so the placeholder reads correctly. Alignment only. */
/* ("html" = a little more weight than Elementor's own ".elementor-field-type-tel input { direction: inherit }") */
:where(html input[type="text"]):not(.dd-z z z z), :where(html input[type="search"]):not(.dd-z z z z), :where(html input:not([type])):not(.dd-z z z z), :where(html textarea):not(z z z) { direction: rtl; text-align: right; }
:where(html input[type="email"]):not(.dd-z z z z), :where(html input[type="tel"]):not(.dd-z z z z), :where(html input[type="url"]):not(.dd-z z z z) { direction: ltr; text-align: right; }
:where(html input[type="email"]:placeholder-shown):not(.dd-z.dd-z z z z), :where(html input[type="tel"]:placeholder-shown):not(.dd-z.dd-z z z z), :where(html input[type="url"]:placeholder-shown):not(.dd-z.dd-z z z z) { direction: rtl; }
:where(html input):not(z z z z)::placeholder, :where(html textarea):not(z z z z)::placeholder { text-align: right; }
/* the copyright line = a link to the homepage, as on the original site (13.10.2026): looks like the text, underline on hover / focus */
:where(.dd-footer__bottom .dd-footer__home):not(.dd-z.dd-z z) { color: inherit; text-decoration: none; }
:where(.dd-footer__bottom .dd-footer__home:hover):not(.dd-z.dd-z z z z z z), :where(.dd-footer__bottom .dd-footer__home:focus-visible):not(.dd-z.dd-z z z z z z) { text-decoration: underline; text-underline-offset: 3px; }

/* =====================================================================================================================
   FEATURED PROJECTS v3 (13.10.2026) — homepage, section .dd-projects › .dd-pjx
   Two columns of the projects' pictures on both sides of the name (odd projects on one side, even on the other,
   staggered by half a row). The pictures move with the page's own scroll (no pinning, no jumps). The project nearest
   the middle of the screen is the active one: its picture is sharp and fully opaque, the others stay visible at a
   lower opacity; the emphasis rises and falls gradually (scroll-driven animation, compositor). The name in the middle =
   the active project's name (dd-motion.js · setupPjx), swapped exactly when the next picture becomes the nearest.
   Markup = a JetEngine Listing Grid (.jet-listing-grid__items › .jet-listing-grid__item › .dd-pjx__item: Image link ·
   Heading .dd-pjx__name · .dd-pjx__site) — selection / order = the field "סדר בעמוד הבית".
   Without JavaScript / reduced motion / in the Elementor editor: two columns of cards, every name under its picture.
   ===================================================================================================================== */
:where(.dd-pjx):not(.dd-z z) { --pjx-gut: var(--dd-gutter); --pjx-mid: 34vw; --pjx-row: calc(74vh * var(--dd-sfx-scroll, 1)); --pjx-peak: 0vh; }
:where(.dd-pjx):not(.dd-z.dd-z z z) { --position: relative; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-pjx):not(.dd-z z), :where(.dd-pjx):not(.dd-z z):where(:not(.e-con)) { position: relative; }
:where(.dd-pjx .jet-listing-grid__items):not(.dd-z.dd-z z) { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(28px, 4vw, 64px); margin: 0 !important; padding: clamp(60px, 8vw, 120px) var(--pjx-gut); }
:where(.dd-pjx .jet-listing-grid__item):not(.dd-z.dd-z z) { width: auto !important; max-width: none !important; flex: none !important; padding: 0 !important; margin: 0 !important; }
:where(.dd-pjx .dd-pjx__item):not(.dd-z.dd-z z) { display: flex; min-width: 0; }
:where(.dd-pjx .dd-pjx__item):not(.dd-z.dd-z z z z z z) { --flex-direction: column; --gap: 10px; }
:where(body:not([class*="elementor-kit-"])) :where(.dd-pjx .dd-pjx__item):not(.dd-z.dd-z z), :where(.dd-pjx .dd-pjx__item):not(.dd-z.dd-z z):where(:not(.e-con)) { flex-direction: column; gap: 10px; }
:where(.dd-pjx .dd-pjx__shot):not(.dd-z.dd-z z) { display: block; border-radius: clamp(10px, 1vw, 18px); overflow: hidden; box-shadow: 0 30px 70px rgb(0 0 0 / .5); background: var(--dd-deep); color: inherit; -webkit-tap-highlight-color: transparent; }
:where(.dd-pjx .dd-pjx__shot img):not(.dd-z.dd-z z z) { display: block; max-width: none; aspect-ratio: 16 / 10; object-fit: cover; object-position: top; border-radius: 0; }
:where(.dd-pjx .dd-pjx__shot img):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) { width: 100%; height: auto; }
:where(.dd-pjx .dd-pjx__shot:focus-visible):not(.dd-z.dd-z z z z z z) { outline: 3px solid var(--dd-brick-soft); outline-offset: 4px; }
:where(.dd-pjx .dd-pjx__name):not(.dd-z.dd-z z), :where(.dd-pjx .dd-pjx__name .elementor-heading-title):not(.dd-z.dd-z.dd-z z) { margin: 8px 0 0; color: var(--dd-cream); font-size: clamp(1.15rem, 1rem + .7vw, 1.7rem); line-height: 1.2; font-weight: 700; }
:where(.dd-pjx .dd-pjx__site):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 z z z z z z) { color: var(--dd-brick-soft); font-weight: 700; font-size: clamp(.95rem, .9rem + .2vw, 1.1rem); }
:where(.dd-pjx .dd-pjx__site p):not(.dd-z.dd-z z z) { margin: 0; }
:where(:where(.dd-pjx .dd-pjx__site):not(.dd-z.dd-z z)):not(.dd-z.dd-z z) { margin-inline: 0; color: var(--dd-brick-soft); font-weight: 700; font-size: clamp(.95rem, .9rem + .2vw, 1.1rem); }
:where(.dd-pjx .dd-pjx__site):not(.dd-z.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 z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
@media (max-width: 599px) { :where(.dd-pjx .jet-listing-grid__items):not(.dd-z.dd-z z) { grid-template-columns: minmax(0, 1fr); } }
/* WordPress: Elementor containers / widgets + JetEngine wrappers around the same classes */
:where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-pjx):not(.dd-z.dd-z z z z z z) { display: block; }
:where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z z z z), :where(.elementor .e-con.dd-pjx):not(.dd-z.dd-z z z z z z z z z) { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z):where(:not(.e-con)), :where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-pjx):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-pjx):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding: 0; }
:where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z z z z) { --padding-bottom: clamp(60px, 8vw, 140px); }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z), :where(.elementor .e-con.dd-projects):not(.dd-z.dd-z z z z z z):where(:not(.e-con)) { padding-bottom: clamp(60px, 8vw, 140px); }
:where(.dd-pjx .jet-listing-grid):not(.dd-z.dd-z z) { margin: 0; }
:where(.elementor .dd-pjx .e-con.dd-pjx__item):not(.dd-z.dd-z z z z z z z z z z z) { --padding-top: 0px; --padding-bottom: 0px; --padding-left: 0px; --padding-right: 0px; --gap: 10px; }
:where(.elementor .dd-pjx .e-con.dd-pjx__item):not(.dd-z.dd-z z z z z z z z z z z z z z z z) { --padding-top: 0; --padding-right: 0; --padding-bottom: 0; --padding-left: 0; }
:where(body:not([class*="elementor-kit-"])) :where(.elementor .dd-pjx .e-con.dd-pjx__item):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 z z z), :where(.elementor .dd-pjx .e-con.dd-pjx__item):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 z z z):where(:not(.e-con)) { padding: 0; }
:where(.dd-pjx .dd-pjx__shot .elementor-widget-container):not(.dd-z.dd-z.dd-z z), :where(.dd-pjx .dd-pjx__shot a):not(.dd-z.dd-z z z) { display: block; }
:where(.dd-pjx .elementor-widget-heading.dd-pjx__name):not(.dd-z.dd-z z z z z z) { margin-inline: 0; }
:where(.dd-pjx .elementor-widget-heading.dd-pjx__name):not(.dd-z.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 z z z z z z z z z z z z z z z z z) { margin-top: 8px; margin-bottom: 0; }
:where(.dd-pjx .elementor-widget.dd-pjx__site):not(.dd-z.dd-z z z z z z) { margin-inline: 0; }
:where(.dd-pjx .elementor-widget.dd-pjx__site):not(.dd-z.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 z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }

/* — live (motion) — */
:where(.dd-pjx.is-live .jet-listing-grid__items):not(.dd-z.dd-z.dd-z z) { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: var(--pjx-mid); row-gap: 0; grid-auto-rows: var(--pjx-row); padding: calc(50vh - var(--pjx-row) / 2 + var(--pjx-peak)) var(--pjx-gut) calc(50vh + var(--pjx-peak)); }
:where(.dd-pjx.is-live .jet-listing-grid__item):not(.dd-z.dd-z.dd-z z) { position: relative; display: flex; flex-direction: column; justify-content: center; }
:where(.dd-pjx.is-live .jet-listing-grid__item:nth-child(even)):not(.dd-z.dd-z.dd-z z z z z z) { top: calc(var(--pjx-row) / 2); }
:where(.dd-pjx.is-live .jet-listing-grid__item > *):not(.dd-z.dd-z z z z z z) { width: 100%; }
:where(.dd-pjx.is-live .jet-listing-grid__item:last-child):not(.dd-z.dd-z.dd-z z z z z z) { opacity: calc(1 - var(--pjx-out, 0)); }
:where(.dd-pjx.is-live .jet-listing-grid__item:first-child):not(.dd-z.dd-z.dd-z z z z z z) { opacity: calc(1 - var(--pjx-in, 0)); }
/* (the names are shown in the middle; in the items they stay for screen readers and search engines) */
:where(.dd-pjx.is-live .dd-pjx__name):not(.dd-z.dd-z z z z z z), :where(.dd-pjx.is-live .dd-pjx__site):not(.dd-z.dd-z z z z z z) { overflow: hidden; clip-path: inset(50%); white-space: nowrap; margin-inline: 0; }
:where(.dd-pjx.is-live .dd-pjx__name):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-pjx.is-live .dd-pjx__site):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) { position: absolute; width: 1px; height: 1px; }
:where(.dd-pjx.is-live .dd-pjx__name):not(.dd-z.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 z z z z z z z z z z z z z z z z z), :where(.dd-pjx.is-live .dd-pjx__site):not(.dd-z.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 z z z z z z z z z z z z z z z z z) { margin-top: 0; margin-bottom: 0; }
:where(.dd-pjx__layer):not(.dd-z z) { position: absolute; inset: 0; z-index: 2; pointer-events: none; }
:where(.dd-pjx__stage):not(.dd-z z) { position: sticky; top: 0; height: 100vh; pointer-events: none; display: grid; place-items: center; opacity: calc(1 - max(var(--pjx-out, 0), var(--pjx-in, 0)));
  padding-inline: calc(var(--pjx-gut) + (100% - 2 * var(--pjx-gut) - var(--pjx-mid)) / 2 + clamp(10px, 1.4vw, 24px)); transform: translateY(var(--pjx-peak)); }
:where(.dd-pjx__now):not(.dd-z z) { grid-area: 1 / 1; text-align: center; max-width: 100%; }
:where(.dd-pjx__now-name):not(.dd-z z) { margin: 0; color: var(--dd-cream); font-weight: 800; font-size: clamp(1.9rem, .9rem + 2.5vw, 4.3rem); line-height: 1.02; letter-spacing: -.01em; text-wrap: balance; overflow-wrap: anywhere; text-shadow: 0 10px 40px color-mix(in srgb, var(--dd-deep) 70%, transparent); }
:where(.dd-pjx__now-name[data-long]):not(.dd-z.dd-z z) { font-size: clamp(1.35rem, .8rem + 1.45vw, 2.6rem); line-height: 1.1; }
:where(.dd-pjx__now-site):not(.dd-z z) { margin: 18px 0 0; color: var(--dd-brick-soft); font-weight: 700; font-size: clamp(1rem, .9rem + .3vw, 1.25rem); }
:where(html.dd-motion .dd-pjx__now .dd-ch):not(.dd-z.dd-z z z z z z z) { transition: transform .42s cubic-bezier(.22, 1, .36, 1), opacity .18s ease; transition-delay: min(calc(var(--dd-ci, 0) * 8ms), .12s); }
:where(html.dd-motion .dd-pjx__now:not(.is-current) .dd-ch):not(.dd-z.dd-z z z z z z z z z z z) { transform: translateY(-60%); opacity: 0; transition-duration: .16s; transition-delay: 0s; }
:where(html.dd-motion .dd-pjx__now-site):not(.dd-z.dd-z z z) { transition: opacity .3s ease .12s; }
:where(html.dd-motion .dd-pjx__now:not(.is-current) .dd-pjx__now-site):not(.dd-z.dd-z z z z z z z z z z z) { opacity: 0; transition-delay: 0s; transition-duration: .15s; }
/* the emphasis: full at the middle of the screen, ±half a row → the lower level (the next / previous project's peak) */
@keyframes dd-pjx-focus { 0%, 100% { opacity: calc(1 - .66 * var(--dd-sfx-power, 1)); transform: scale(calc(1 - .06 * var(--dd-sfx-power, 1))); } 40%, 60% { opacity: 1; transform: none; } }
:where(html.dd-motion .dd-pjx.is-live .dd-pjx__shot):not(.dd-z.dd-z z z z z z z z z z z) { transform-origin: 50% 50%; will-change: opacity, transform; }
:where(html.dd-motion .dd-pjx.is-live.is-sda .dd-pjx__shot):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation: dd-pjx-focus linear both; animation-timeline: view(block 0px 0px); /* (0 inset: the whole screen — not minus the page's scroll-padding for the header) */ animation-range: cover calc(50% + var(--pjx-peak) - var(--pjx-row) / 2) cover calc(50% + var(--pjx-peak) + var(--pjx-row) / 2); }
@media (hover: hover) { :where(html.dd-motion .dd-pjx.is-live .dd-pjx__shot:hover):not(.dd-z.dd-z z z z z z z z z z z z z z) { opacity: 1 !important; } }
:where(html.dd-motion .dd-pjx.is-live .dd-pjx__shot:focus-visible):not(.dd-z.dd-z z z z z z z z z z z z z z) { opacity: 1 !important; }
/* tablet / phone: two narrow columns; the name in a band at the bottom of the screen, the active picture above it */
@media (max-width: 899px) {
  :where(.dd-pjx):not(.dd-z z) { --pjx-gut: 16px; --pjx-mid: 12px; --pjx-row: calc(44svh * var(--dd-sfx-scroll, 1)); --pjx-peak: 10svh; }
  :where(.dd-pjx.is-live .jet-listing-grid__items):not(.dd-z.dd-z.dd-z z) { padding-top: calc(50svh - var(--pjx-row) / 2 - var(--pjx-peak)); padding-bottom: calc(50svh + var(--pjx-peak)); }
  :where(.dd-pjx__stage):not(.dd-z z) { height: 100svh; place-items: end center; padding: 0 var(--pjx-gut) max(7svh, 44px); transform: none; }
  :where(.dd-pjx__stage):not(.dd-z z z)::before { content: ''; position: absolute; inset: auto 0 0 0; height: 36svh; background: linear-gradient(to top, var(--dd-deep) 72%, color-mix(in srgb, var(--dd-deep) 0%, transparent)); z-index: -1; }
  :where(.dd-pjx__now-name):not(.dd-z z) { font-size: clamp(1.5rem, 6.4vw, 2.3rem); }
  :where(.dd-pjx__now-name[data-long]):not(.dd-z.dd-z z) { font-size: clamp(1.15rem, 4.6vw, 1.7rem); }
  :where(.dd-pjx__now-site):not(.dd-z z) { margin-top: 8px; }
  :where(html.dd-motion .dd-pjx.is-live.is-sda .dd-pjx__shot):not(.dd-z.dd-z z z z z z z z z z z z z z) { animation-range: cover calc(50% + var(--pjx-peak) - var(--pjx-row) / 2) cover calc(50% + var(--pjx-peak) + var(--pjx-row) / 2); }
}
@media (min-width: 600px) and (max-width: 899px) { :where(.dd-pjx):not(.dd-z z) { --pjx-row: calc(50svh * var(--dd-sfx-scroll, 1)); --pjx-mid: 18px; --pjx-gut: 24px; } }

/* (17.10.2026) the ring on a computer, as the reference: the statement has no dark halo or shadow behind it — the screens that
   pass behind it keep their own light (the phone layout keeps its panel) */
@media (min-width: 900px) { :where(.dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z) { text-shadow: none; } :where(.dd-ring.is-live .dd-ring__text):not(.dd-z.dd-z z z z z z z)::before { display: none; } }