/* ==========================================================================
   Gassenbauer — Page sections (סקשנים ברמת עמוד)
   כל סקשן כאן = בלוק עתידי בתבנית וורדפרס
   ========================================================================== */

/* ---------- Page transition curtain ---------- */
.curtain { position: fixed; inset: 0; z-index: 200; pointer-events: none; display: grid; place-items: center; background: var(--green-700); transform: translateY(0); }
.curtain__logo { width: 120px; opacity: 0; --logo-ink: var(--stone-400); }
.js-ready .curtain { transform: translateY(-101%); }
html:not(.js) .curtain { display: none; }

/* ---------- Mobile menu ---------- */
.menu {
  position: fixed; inset: 0; z-index: 45; padding: calc(var(--header-h) + var(--space-6)) var(--gutter) var(--space-8);
  display: grid; align-content: space-between; gap: var(--space-8);
  clip-path: inset(0 0 100% 0); visibility: hidden;
  transition: clip-path var(--dur-slow) var(--ease-in-out), visibility 0s linear var(--dur-slow);
  overflow-y: auto;
}
.menu-open .menu { clip-path: inset(0 0 0 0); visibility: visible; transition: clip-path var(--dur-slow) var(--ease-in-out), visibility 0s; }
.menu__list { list-style: none; padding: 0; display: grid; gap: var(--space-1); }
.menu__list a { display: flex; gap: var(--space-4); align-items: baseline; font-size: clamp(1.75rem, 1.2rem + 3vw, 3rem); font-weight: var(--weight-bold); color: var(--color-text-strong); text-decoration: none; line-height: 1.25; }
.menu__list a span { font-size: var(--fs-label); color: var(--color-text-accent); font-weight: 600; font-variant-numeric: tabular-nums; }
.menu__list a[aria-current="page"] { color: var(--color-text-accent); }
.menu__list li { overflow: hidden; }
.menu__list li a { transform: translateY(105%); transition: transform var(--dur-slow) var(--ease-out-expo); }
.menu-open .menu__list li a { transform: none; }
.menu-open .menu__list li:nth-child(2) a { transition-delay: 40ms; } .menu-open .menu__list li:nth-child(3) a { transition-delay: 80ms; }
.menu-open .menu__list li:nth-child(4) a { transition-delay: 120ms; } .menu-open .menu__list li:nth-child(5) a { transition-delay: 160ms; }
.menu-open .menu__list li:nth-child(6) a { transition-delay: 200ms; } .menu-open .menu__list li:nth-child(7) a { transition-delay: 240ms; }
.menu-open .menu__list li:nth-child(8) a { transition-delay: 280ms; }
.menu-open .site-header { background: transparent; backdrop-filter: none; border-color: transparent; --color-text-strong: var(--stone-0); --logo-ink: var(--stone-400); }
.menu-open .burger span:nth-child(1) { top: 21px; transform: rotate(45deg); }
.menu-open .burger span:nth-child(2) { top: 21px; left: 8px; transform: rotate(-45deg); }
.menu-open { overflow: hidden; }

/* Nav dropdown (שירותים) */
.nav__item { position: relative; }
.nav__drop {
  position: absolute; top: calc(100% + 14px); right: -1.25rem; min-width: 300px; padding: var(--space-3);
  background: var(--stone-0); box-shadow: var(--shadow-md); border-top: 3px solid var(--orange-500);
  display: grid; opacity: 0; visibility: hidden; transform: translateY(8px);
  transition: opacity var(--dur-fast), transform var(--dur-base) var(--ease-out-expo), visibility 0s linear var(--dur-fast);
}
.nav__drop::before { content: ""; position: absolute; inset: -18px 0 auto; height: 18px; }
.nav__item:hover .nav__drop, .nav__item:focus-within .nav__drop { opacity: 1; visibility: visible; transform: none; transition-delay: 0s; }
.nav__drop a { padding: var(--space-3) var(--space-4); display: flex; justify-content: space-between; gap: var(--space-4); }
.nav__drop a::after { display: none; }
.nav__drop a:hover { background: var(--stone-100); color: var(--color-text-strong); }
.nav__drop a small { color: var(--color-text-subtle); font-variant-numeric: tabular-nums; }

/* ---------- Generic section bits ---------- */
.eyebrow-row { display: flex; justify-content: space-between; align-items: end; gap: var(--space-6); margin-block-end: var(--space-9); flex-wrap: wrap; }
.eyebrow-row .section-head { margin: 0; }

/* ---------- HOME: Hero ---------- */
.hero { position: relative; min-height: calc(100svh - var(--header-h)); display: grid; align-items: center; padding-block: var(--space-8) var(--space-10); overflow: hidden; }
.hero__lines { position: absolute; inset: 0; width: 100%; height: 100%; -webkit-mask-image: linear-gradient(to left, transparent 30%, #000 75%); mask-image: linear-gradient(to left, transparent 30%, #000 75%); }
.hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.hero__copy { display: grid; gap: var(--space-7); }
.hero__title .t-accent { color: var(--orange-500); }
.hero__actions { display: flex; flex-wrap: wrap; gap: var(--space-4); align-items: center; }
.hero__phone { display: inline-flex; gap: var(--space-2); align-items: center; font-weight: 700; color: var(--color-text-strong); text-decoration: none; font-variant-numeric: tabular-nums; }
.hero__media { position: relative; aspect-ratio: 4 / 5; }
.hero__frame { position: absolute; inset: 0; overflow: hidden; }
.hero__frame img { width: 100%; height: 115%; object-fit: cover; }
.hero__orbit { position: absolute; width: 150%; left: -25%; top: 26%; transform: rotate(-16deg); z-index: 2; }
.hero__badge {
  position: absolute; z-index: 3; inset-inline-start: calc(-1 * var(--space-8)); bottom: var(--space-8);
  display: grid; gap: 2px; padding: var(--space-5) var(--space-6); background: var(--stone-0); box-shadow: var(--shadow-md);
}
.hero__badge b { font-size: var(--fs-h1); font-weight: 800; line-height: 1; color: var(--color-text-strong); font-variant-numeric: tabular-nums; }
.hero__badge span { font-size: var(--fs-small); color: var(--color-text-muted); }
.hero__foot { position: absolute; inset-inline: 0; bottom: var(--space-6); }
.scroll-cue { display: inline-flex; align-items: center; gap: var(--space-3); font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); }
.scroll-cue i { position: relative; width: 1px; height: 44px; background: var(--color-line-strong); overflow: hidden; }
.scroll-cue i::after { content: ""; position: absolute; inset: 0; background: var(--orange-500); animation: cue 2s var(--ease-in-out) infinite; }
@keyframes cue { 0% { transform: translateY(-100%); } 60%, 100% { transform: translateY(100%); } }
@media (max-width: 900px) {
  .hero__grid { grid-template-columns: 1fr; }
  .hero__media { aspect-ratio: 4 / 3.4; margin-inline-start: var(--space-8); }
  .hero__badge { inset-inline-start: calc(-1 * var(--space-8)); bottom: var(--space-5); padding: var(--space-4); }
  .hero__foot { display: none; }
}

/* ---------- HOME: Statement (scrub words) ---------- */
.statement { position: relative; overflow: hidden; }
.statement__text { font-size: clamp(1.75rem, 1.1rem + 2.9vw, 4rem); font-weight: var(--weight-bold); line-height: 1.18; letter-spacing: -0.01em; color: var(--color-text-strong); max-width: 24ch; }
.statement__text .w { opacity: .16; transition: none; }
.statement__text em { font-style: normal; color: var(--color-text-accent); }
.statement__stats { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--grid-gap); margin-top: var(--space-11); }
.statement__orbit { position: absolute; width: 70vw; left: -20vw; bottom: -12vw; transform: rotate(-14deg); opacity: .7; }
@media (max-width: 760px) { .statement__stats { grid-template-columns: 1fr; gap: var(--space-6); } }

/* ---------- HOME: Expanding image ---------- */
.expand { position: relative; height: 100svh; overflow: hidden; }
.expand__media { position: absolute; inset: 0; clip-path: inset(18% 22% 18% 22%); will-change: clip-path; }
.expand__media img { width: 100%; height: 100%; object-fit: cover; transform: scale(1.25); }
.expand__media::after { content: ""; position: absolute; inset: 0; background: linear-gradient(to top, rgba(20,26,23,.78) 0%, rgba(20,26,23,.15) 55%, rgba(20,26,23,.35) 100%); }
.expand__copy { position: absolute; inset: auto 0 0; z-index: 2; padding-bottom: clamp(2rem, 6vw, 5rem); color: var(--stone-0); }
.expand__copy .t-d1 { color: var(--stone-0); max-width: 14ch; }
.expand__copy .t-lead { color: var(--stone-100); max-width: 42ch; margin-top: var(--space-5); }
.expand__cap { display: flex; justify-content: space-between; gap: var(--space-5); margin-top: var(--space-8); padding-top: var(--space-4); border-top: 1px solid rgba(255,255,255,.3); font-size: var(--fs-small); color: var(--stone-200); flex-wrap: wrap; }

/* ---------- Stages pinned ---------- */
.stages-section { position: relative; }
.stages-section .stages { min-height: calc(100svh - var(--header-h)); align-content: center; padding-block: var(--space-8); }
.stages__progress { position: absolute; inset-inline-start: 0; top: 0; width: 3px; height: 100%; background: var(--color-line); }
.stages__progress i { display: block; width: 100%; height: 100%; background: var(--orange-500); transform-origin: top; transform: scaleY(0); }

/* ---------- Services list (hover reveal) ---------- */
.svc-list { list-style: none; padding: 0; border-top: 1px solid var(--color-line-strong); }
.svc-row {
  position: relative; display: grid; grid-template-columns: 4rem minmax(0, 1.2fr) minmax(0, 1fr) 3.5rem; gap: var(--space-6); align-items: center;
  padding-block: clamp(1.5rem, 1rem + 1.6vw, 2.75rem); border-bottom: 1px solid var(--color-line-strong);
  color: inherit; text-decoration: none; isolation: isolate;
}
.svc-row::before { content: ""; position: absolute; inset: 0 calc(-1 * var(--space-5)); background: var(--color-bg-raised); z-index: -1; transform: scaleY(0); transform-origin: bottom; transition: transform var(--dur-base) var(--ease-out-expo); }
.svc-row:hover::before { transform: scaleY(1); }
.svc-row__num { font-size: var(--fs-label); font-weight: 700; color: var(--color-text-accent); letter-spacing: .1em; font-variant-numeric: tabular-nums; }
.svc-row__title { font-size: clamp(1.6rem, 1.1rem + 2vw, 3rem); font-weight: 800; line-height: 1.05; color: var(--color-text-strong); letter-spacing: -0.01em; transition: transform var(--dur-base) var(--ease-out-expo); }
.svc-row:hover .svc-row__title { transform: translateX(-12px); }
.svc-row__text { color: var(--color-text-muted); max-width: 40ch; }
.svc-row__arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; border: 1px solid var(--color-line-strong); display: grid; place-items: center; transition: all var(--dur-base) var(--ease-out-expo); }
.svc-row:hover .svc-row__arrow { background: var(--orange-500); border-color: var(--orange-500); color: var(--green-900); transform: rotate(-45deg); }
.svc-row__tag { margin-inline-start: var(--space-3); vertical-align: middle; }
.hover-img { position: fixed; z-index: 30; top: 0; left: 0; width: 300px; aspect-ratio: 4 / 5; pointer-events: none; overflow: hidden; opacity: 0; transform: translate(-50%, -50%) scale(.8); }
.hover-img img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity var(--dur-fast); }
.hover-img img.is-on { opacity: 1; }
@media (max-width: 900px) {
  .svc-row { grid-template-columns: 2.5rem minmax(0, 1fr) 3rem; gap: var(--space-4); }
  .svc-row__text { display: none; }
  .hover-img { display: none; }
}

/* ---------- Horizontal projects ---------- */
.hscroll { position: relative; overflow: hidden; }
.hscroll__inner { min-height: 100svh; display: grid; align-content: center; gap: var(--space-8); padding-block: var(--space-10); }
.hscroll__track { display: flex; gap: var(--grid-gap); width: max-content; padding-inline: var(--gutter); will-change: transform; }
.hscroll__track > * { width: clamp(260px, 26vw, 400px); flex: none; }
.hscroll__track .card-project__media { aspect-ratio: 3 / 4; }
.hscroll__end { display: grid; align-content: center; gap: var(--space-5); padding: var(--space-7); background: var(--orange-500); color: var(--green-900); text-decoration: none; }
.hscroll__end b { font-size: var(--fs-h1); line-height: 1.05; font-weight: 800; }
.hscroll__bar { height: 2px; background: var(--color-line); margin-inline: var(--gutter); }
.hscroll__bar i { display: block; height: 100%; background: var(--orange-500); transform-origin: right; transform: scaleX(0); }
@media (max-width: 900px) {
  .hscroll__inner { min-height: auto; }
  .hscroll__track { width: auto; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: var(--space-4); }
  .hscroll__track > * { width: 78vw; scroll-snap-align: start; }
  .hscroll__bar { display: none; }
}

/* ---------- Testimonials ---------- */
.quotes { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.quote-card { padding: var(--card-pad); background: var(--card-bg); display: grid; gap: var(--space-5); align-content: space-between; }
.quote-card p { font-size: var(--fs-h4); line-height: 1.5; color: var(--color-text-strong); font-weight: 500; }
.quote-card footer { display: flex; align-items: center; gap: var(--space-3); color: var(--color-text-muted); font-size: var(--fs-small); }
.quote-card footer b { color: var(--color-text-strong); }
.quote-card svg { width: 2.25rem; fill: var(--orange-500); }
.video-rail { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--grid-gap); }
@media (max-width: 1000px) { .video-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .quotes { grid-template-columns: 1fr; } }

/* ---------- About teaser ---------- */
.about-teaser { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.about-teaser__media { position: relative; }
.about-teaser__media figure { margin: 0; aspect-ratio: 4 / 5; overflow: hidden; }
.about-teaser__media img { width: 100%; height: 100%; object-fit: cover; }
.about-teaser__orbit { position: absolute; width: 140%; left: -20%; top: 30%; transform: rotate(-20deg); z-index: 2; }
.creds { list-style: none; padding: 0; display: grid; grid-template-columns: 1fr 1fr; border-top: 1px solid var(--color-line-strong); }
.creds li { padding: var(--space-4) 0; border-bottom: 1px solid var(--color-line-strong); display: grid; gap: 2px; }
.creds li:nth-child(odd) { padding-inline-end: var(--space-5); }
.creds b { color: var(--color-text-strong); }
.creds span { font-size: var(--fs-small); color: var(--color-text-muted); }
@media (max-width: 900px) { .about-teaser { grid-template-columns: 1fr; } .about-teaser__media { max-width: 420px; } }

/* ---------- FAQ teaser / Contact ---------- */
.split-2 { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; }
@media (max-width: 900px) { .split-2 { grid-template-columns: 1fr; } }
.contact { position: relative; overflow: hidden; }
.contact__lines { position: absolute; inset: 0; width: 100%; height: 100%; opacity: .5; }
.contact__grid { position: relative; display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); }
.contact__info { display: grid; gap: var(--space-7); align-content: start; }
.contact__lines-list { list-style: none; padding: 0; display: grid; gap: var(--space-4); }
.contact__lines-list a { display: inline-flex; align-items: center; gap: var(--space-3); color: var(--color-text-strong); text-decoration: none; font-size: var(--fs-h4); font-weight: 600; }
.contact__form { background: var(--color-bg-raised); padding: clamp(1.5rem, 1rem + 2vw, 3rem); }
.form-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-6) var(--space-7); }
.form-grid .full { grid-column: 1 / -1; }
.form-success { display: none; gap: var(--space-4); text-align: center; justify-items: center; padding-block: var(--space-9); }
.is-sent .form-grid { display: none; }
.is-sent .form-success { display: grid; }
@media (max-width: 900px) { .contact__grid { grid-template-columns: 1fr; } }
@media (max-width: 600px) { .form-grid { grid-template-columns: 1fr; } }

/* ---------- Inner page hero ---------- */
.page-hero { position: relative; overflow: hidden; padding-block: clamp(4rem, 2rem + 8vw, 9rem) clamp(3rem, 2rem + 4vw, 6rem); }
.page-hero__lines { position: absolute; inset: 0; width: 100%; height: 100%; -webkit-mask-image: linear-gradient(to left, transparent 35%, #000 80%); mask-image: linear-gradient(to left, transparent 35%, #000 80%); }
.page-hero__inner { position: relative; display: grid; gap: var(--space-6); }
.page-hero__title { max-width: 16ch; }
.page-hero .t-lead { max-width: 48ch; }
.breadcrumbs { display: flex; gap: var(--space-2); font-size: var(--fs-small); color: var(--color-text-muted); }
.breadcrumbs a { color: inherit; text-decoration: none; }
.breadcrumbs a:hover { color: var(--color-text-strong); }
.page-hero__media { margin-top: var(--space-9); aspect-ratio: 21 / 8; overflow: hidden; }
.page-hero__media img { width: 100%; height: 120%; object-fit: cover; }
@media (max-width: 700px) { .page-hero__media { aspect-ratio: 4 / 3; } }

/* ---------- Service page ---------- */
.svc-intro { display: grid; grid-template-columns: minmax(0, 4fr) minmax(0, 8fr); gap: clamp(2rem, 6vw, 7rem); }
.svc-intro__aside { position: sticky; top: calc(var(--header-h) + var(--space-6)); align-self: start; display: grid; gap: var(--space-5); }
.checklist { list-style: none; padding: 0; display: grid; border-top: 1px solid var(--color-line-strong); }
.checklist li { display: grid; grid-template-columns: 2.5rem 1fr; gap: var(--space-4); padding-block: var(--space-5); border-bottom: 1px solid var(--color-line-strong); }
.checklist li::before { content: counter(item, decimal-leading-zero); counter-increment: item; font-size: var(--fs-label); font-weight: 700; color: var(--color-text-accent); padding-top: .35em; font-variant-numeric: tabular-nums; }
.checklist { counter-reset: item; }
.checklist b { display: block; color: var(--color-text-strong); font-size: var(--fs-h4); margin-bottom: var(--space-1); }
.checklist p { color: var(--color-text-muted); }
@media (max-width: 900px) { .svc-intro { grid-template-columns: 1fr; } .svc-intro__aside { position: static; } }
.process-block { display: grid; gap: var(--space-8); }
.process--static { max-width: 1000px; margin-inline: auto; width: 100%; }
.svc-nav { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-2); }
.svc-nav a { display: grid; gap: var(--space-2); padding: var(--card-pad); background: var(--color-bg-raised); text-decoration: none; color: inherit; transition: background var(--dur-base); }
.svc-nav a:hover { background: var(--color-bg-sunken); }
.svc-nav a:last-child { text-align: left; }
.svc-nav b { font-size: var(--fs-h3); color: var(--color-text-strong); }

/* Keys (4 מפתחות) */
.keys { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.key { padding: var(--card-pad); background: var(--card-bg); display: grid; gap: var(--space-5); align-content: start; min-height: 18rem; }
.key svg { width: 2.75rem; height: 2.75rem; stroke: var(--color-text-accent); fill: none; stroke-width: 1.4; }
.key h3 { font-size: var(--fs-h4); }
@media (max-width: 1000px) { .keys { grid-template-columns: 1fr 1fr; } }
@media (max-width: 560px) { .keys { grid-template-columns: 1fr; } }

/* ---------- Projects page ---------- */
.marquee { overflow: hidden; display: flex; direction: ltr; }
.marquee__track { display: flex; gap: var(--space-2); flex: none; animation: marquee 60s linear infinite; padding-inline-end: var(--space-2); }
.marquee__track figure { margin: 0; height: clamp(220px, 32vw, 460px); flex: none; overflow: hidden; }
.marquee__track img { height: 100%; width: auto; object-fit: cover; }
.marquee:hover .marquee__track { animation-play-state: paused; }
@keyframes marquee { to { transform: translateX(-100%); } }
@media (prefers-reduced-motion: reduce) { .marquee__track { animation: none; } }
.projects-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-9) var(--grid-gap); }
.projects-grid > :nth-child(3n+2) { margin-top: var(--space-11); }
@media (max-width: 900px) { .projects-grid { grid-template-columns: 1fr 1fr; } .projects-grid > :nth-child(3n+2) { margin-top: 0; } .projects-grid > :nth-child(even) { margin-top: var(--space-9); } }
@media (max-width: 560px) { .projects-grid { grid-template-columns: 1fr; } .projects-grid > :nth-child(even) { margin-top: 0; } }

/* ---------- Testimonials page ---------- */
.videos-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-8) var(--grid-gap); }
@media (max-width: 1000px) { .videos-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.video-modal { position: fixed; inset: 0; z-index: 120; display: grid; place-items: center; padding: var(--gutter); background: rgba(20,26,23,.92); opacity: 0; visibility: hidden; transition: opacity var(--dur-base), visibility 0s linear var(--dur-base); }
.video-modal.is-open { opacity: 1; visibility: visible; transition-delay: 0s; }
.video-modal__box { width: min(420px, 100%); aspect-ratio: 9 / 16; background: var(--green-800); display: grid; place-items: center; color: var(--stone-200); text-align: center; padding: var(--space-6); }
.video-modal__close { position: absolute; top: var(--space-5); left: var(--space-5); color: var(--stone-0); width: 3rem; height: 3rem; border: 1px solid rgba(255,255,255,.4); border-radius: 50%; font-size: 1.5rem; }

/* ---------- Partners ---------- */
.partners { display: flex; flex-wrap: wrap; gap: var(--space-8); align-items: center; }
.partners img { height: 56px; width: auto; filter: grayscale(1); opacity: .75; mix-blend-mode: multiply; transition: filter var(--dur-base), opacity var(--dur-base); }
.partners img:hover { filter: none; opacity: 1; }

/* ---------- 404 ---------- */
.nf { position: relative; min-height: calc(100svh - var(--header-h)); display: grid; place-items: center; text-align: center; overflow: hidden; }
.nf__lines { position: absolute; inset: 0; width: 100%; height: 100%; }
.nf__inner { position: relative; display: grid; gap: var(--space-6); justify-items: center; padding: var(--space-9) var(--gutter); }
.nf__code { font-size: clamp(7rem, 4rem + 18vw, 20rem); font-weight: 800; line-height: .8; color: var(--color-text-strong); letter-spacing: -0.04em; }
.nf__code span { color: var(--orange-500); }

/* ---------- Legal / prose ---------- */
.prose-page h2 { margin-top: var(--space-8); }

.field__hint--err { display: none; }
.field--error .field__hint--err { display: block; }
.check:has(input:invalid) {}
.hero__title { font-size: clamp(3.25rem, 1.4rem + 6.4vw, 8.75rem); }
.menu-open .fab { opacity: 0; pointer-events: none; }

/* Logo (img, שתי גרסאות צבע — עובד גם כשפותחים את הקובץ ישירות מהתיקייה) */
.logo { display: block; width: 100%; height: auto; }
.logo--dark { display: none; }
.menu-open .site-header .logo--light, [data-surface="dark"] .logo--light, [data-surface="deep"] .logo--light { display: none; }
.menu-open .site-header .logo--dark, [data-surface="dark"] .logo--dark, [data-surface="deep"] .logo--dark { display: block; }

/* ---------- Hero blueprint (שרטוט בניין שנבנה בגלילה) ---------- */
.hero__media--bp { aspect-ratio: auto; }
.bp-sheet {
  position: relative; padding: clamp(.75rem, 2vw, 1.5rem);
  background-color: var(--stone-50);
  background-image:
    linear-gradient(rgba(66,78,72,.07) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66,78,72,.07) 1px, transparent 1px),
    linear-gradient(rgba(66,78,72,.035) 1px, transparent 1px),
    linear-gradient(90deg, rgba(66,78,72,.035) 1px, transparent 1px);
  background-size: 100px 100px, 100px 100px, 20px 20px, 20px 20px;
  border: 1px solid var(--color-line);
}
.bp-sheet::before, .bp-sheet::after { /* סימני חיתוך בפינות */
  content: ""; position: absolute; width: 14px; height: 14px; border: 0 solid var(--orange-500);
}
.bp-sheet::before { top: -1px; right: -1px; border-top-width: 2px; border-right-width: 2px; }
.bp-sheet::after { bottom: -1px; left: -1px; border-bottom-width: 2px; border-left-width: 2px; }
.blueprint { width: 100%; height: auto; max-height: calc(100svh - var(--header-h) - 7rem); overflow: visible; }
.blueprint .bp-line, .blueprint .bp-thin, .blueprint .bp-dash, .blueprint .bp-accent { fill: none; stroke-linecap: round; stroke-linejoin: round; vector-effect: non-scaling-stroke; }
.blueprint .bp-line { stroke: var(--green-700); stroke-width: 1.3; }
.blueprint .bp-thin { stroke: var(--green-500); stroke-width: .8; }
.blueprint .bp-dash { stroke: var(--green-300); stroke-width: .8; stroke-dasharray: 10 4 2 4; }
.blueprint .bp-accent { stroke: var(--orange-500); stroke-width: 1.6; }
.blueprint .bp-glass { fill: var(--sky-300); fill-opacity: 0; transition: fill-opacity var(--dur-slow); }
.blueprint.is-built .bp-glass { fill-opacity: .45; }
.blueprint .bp-fill { fill: var(--stone-200); opacity: 0; }
.blueprint .bp-text { fill: var(--green-500); font-family: var(--font-family); font-size: 11px; font-weight: 600; letter-spacing: .04em; }
.blueprint .bp-axis { font-size: 13px; fill: var(--green-700); }
.blueprint .bp-num { font-variant-numeric: tabular-nums; }
.blueprint .bp-dimtxt { font-size: 9.5px; }
.blueprint .bp-accent-txt { fill: var(--orange-700); font-weight: 700; }
.bp-meta { display: flex; justify-content: space-between; gap: var(--space-4); margin-bottom: var(--space-3); font-size: var(--fs-label); font-weight: 600; letter-spacing: var(--tracking-wide); color: var(--color-text-muted); }
.bp-meta b { color: var(--color-text-accent); }
.hero__media--bp .hero__badge { bottom: var(--space-12); }
@media (max-width: 900px) {
  .hero__media--bp { margin-inline-start: 0; }
  .blueprint { max-height: none; }
  .hero__media--bp .hero__badge { bottom: var(--space-10); }
}
.blueprint .bp-num { direction: ltr; unicode-bidi: plaintext; }

/* ---------- Hero 3D ---------- */
.hero__media--3d { aspect-ratio: auto; display: grid; }
.hero3d { position: relative; width: 100%; height: min(calc(100svh - var(--header-h) - 6rem), 760px); min-height: 420px; }
.hero3d canvas { position: absolute; inset: 0; width: 100% !important; height: 100% !important; display: block; }
.hero3d-fallback { display: none; }
.no-webgl .hero3d { display: none; }
.no-webgl .hero3d-fallback { display: block; }
.hero:has(.hero__media--3d) .hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); }
.hero__media--3d .hero3d { width: calc(100% + var(--gutter)); margin-inline-end: calc(-1 * var(--gutter)); }
.hero__media--3d .bp-meta { margin-inline-end: 0; }
@media (max-width: 900px) {
  .hero:has(.hero__media--3d) .hero__grid { grid-template-columns: 1fr; }
  .hero3d, .hero__media--3d .hero3d { height: 72svh; min-height: 380px; width: calc(100% + var(--gutter) * 2); margin-inline: calc(-1 * var(--gutter)); }
}

/* ==========================================================================
   Content components — עמודי תוכן ארוכים (מהמסמכים הסופיים)
   ========================================================================== */
.art-intro { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; }
.big-lead { font-size: clamp(1.75rem, 1.15rem + 2.4vw, 3.4rem); font-weight: var(--weight-extrabold); line-height: 1.15; letter-spacing: -0.01em; color: var(--color-text-strong); }
.art-row { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; padding-block: var(--space-9); border-top: 1px solid var(--color-line); }
.section > .art-row:first-child, .section--sm > .art-row:first-child { border-top: 0; padding-top: 0; }
.art-row__head { position: sticky; top: calc(var(--header-h) + var(--space-6)); display: grid; gap: var(--space-5); }
.art-row__body.prose { max-width: 64ch; }
.art-row__body p, .art-intro .prose p { font-size: var(--fs-lead); line-height: 1.6; font-weight: var(--weight-light); }
.why .art-row { border: 0; padding: 0; }
.why .art-row__body p { color: var(--color-text); }
@media (max-width: 900px) {
  .art-intro, .art-row { grid-template-columns: 1fr; gap: var(--space-6); }
  .art-row__head { position: static; }
}

.callout { position: relative; padding: var(--space-6) var(--space-7); background: var(--color-bg-raised); border-inline-start: 3px solid var(--orange-500); font-size: var(--fs-h4) !important; font-weight: var(--weight-semibold) !important; line-height: 1.5; color: var(--color-text-strong); }
[data-surface="paper"] .callout { background: var(--stone-100); }

.q-list { list-style: none; padding: 0; display: grid; counter-reset: q; border-top: 1px solid var(--color-line-strong); }
.q-list li { counter-increment: q; display: grid; grid-template-columns: 4.5rem 1fr; gap: var(--space-5); align-items: baseline; padding-block: var(--space-6); border-bottom: 1px solid var(--color-line-strong); font-size: clamp(1.35rem, 1rem + 1.4vw, 2.25rem); font-weight: var(--weight-bold); line-height: 1.25; color: var(--color-text-strong); }
.q-list li::before { content: counter(q, decimal-leading-zero); font-size: var(--fs-label); letter-spacing: .1em; color: var(--color-text-accent); font-weight: 700; direction: ltr; text-align: right; }

.feature-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.when-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); margin-top: var(--space-8); }
.feature { padding: var(--card-pad); background: var(--color-bg-raised); display: grid; gap: var(--space-4); align-content: start; position: relative; transition: background var(--dur-base); }
[data-surface="paper"] .feature { background: var(--stone-100); }
.feature::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--orange-500); transform: scaleX(.15); transform-origin: right; transition: transform var(--dur-slow) var(--ease-out-expo); }
.feature:hover::before { transform: scaleX(1); }
.feature__n { font-size: var(--fs-label); font-weight: 700; letter-spacing: .1em; color: var(--color-text-accent); }
.feature h3 { font-size: var(--fs-h4); }
.feature p { color: var(--color-text-muted); }
@media (max-width: 1000px) { .feature-grid, .when-grid { grid-template-columns: 1fr 1fr; } }
@media (max-width: 600px) { .feature-grid, .when-grid { grid-template-columns: 1fr; } }

.bullets { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.bullets li { position: relative; padding-inline-start: var(--space-7); font-size: var(--fs-body); }
.bullets li::before { content: ""; position: absolute; right: 0; top: .8em; width: var(--space-5); height: 2px; background: var(--orange-500); }

/* Timeline — "איך נראה הפיקוח בפועל?" (מבנה גרפי מיוחד) */
.timeline { position: relative; list-style: none; padding: 0; display: grid; gap: 0; max-width: 1040px; }
.timeline__rail { position: absolute; top: 0; bottom: 0; right: calc(2.5rem - 1px); width: 2px; background: var(--color-line); }
.timeline__rail i { display: block; width: 100%; height: 100%; background: var(--orange-500); transform-origin: top; transform: scaleY(0); }
.timeline__item { position: relative; display: grid; grid-template-columns: 5rem minmax(0, 1fr); gap: clamp(1.5rem, 4vw, 4rem); padding-block: var(--space-8); }
.timeline__node {
  position: relative; z-index: 1; width: 5rem; height: 5rem; border-radius: 50%; display: grid; place-items: center;
  background: var(--color-bg); border: 1px solid var(--color-line-strong); font-weight: 800; font-size: var(--fs-h4); color: var(--color-text-subtle);
  transition: all var(--dur-slow) var(--ease-out-expo); font-variant-numeric: tabular-nums;
}
.timeline__item.is-active .timeline__node { background: var(--orange-500); border-color: var(--orange-500); color: var(--green-900); transform: scale(1.06); box-shadow: 0 0 0 10px rgba(216,132,24,.14); }
.timeline__body { display: grid; gap: var(--space-4); max-width: 62ch; padding-top: var(--space-3); opacity: .35; transform: translateY(10px); transition: opacity var(--dur-slow) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo); }
.timeline__item.is-active .timeline__body { opacity: 1; transform: none; }
.timeline__title { font-size: clamp(1.5rem, 1.1rem + 1.6vw, 2.5rem); font-weight: 800; line-height: 1.12; }
.timeline__body p { font-size: var(--fs-lead); font-weight: 300; line-height: 1.6; color: var(--color-text); }
html:not(.js) .timeline__body { opacity: 1; transform: none; }
@media (max-width: 700px) {
  .timeline__item { grid-template-columns: 3.25rem 1fr; gap: var(--space-5); }
  .timeline__node { width: 3.25rem; height: 3.25rem; font-size: var(--fs-small); }
  .timeline__rail { right: calc(1.625rem - 1px); }
}

/* ---------- Real testimonial videos ---------- */
.testimonial__media { aspect-ratio: 4 / 5; }
.testimonial__loop { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity var(--dur-base); z-index: 0; }
.testimonial.is-previewing .testimonial__loop { opacity: 1; }
.testimonial__media img { position: absolute; inset: 0; }
.video-modal__box { width: min(1100px, 100%); aspect-ratio: auto; padding: 0; background: transparent; display: grid; gap: var(--space-4); place-items: stretch; }
.video-modal__box video { width: 100%; aspect-ratio: 16 / 9; background: #000; display: block; }
.video-modal__name { color: var(--stone-0); font-size: var(--fs-h4); }

/* Hero 3D — תוויות שכונות על מפת ירושלים */
.h3d-labels { position: absolute; inset: 0; pointer-events: none; overflow: hidden; }
.h3d-label {
  position: absolute; top: 0; left: 0; white-space: nowrap; opacity: 0; will-change: transform;
  padding: .2em .6em; font-size: 13px; font-weight: 700; color: var(--green-900);
  background: rgba(251,250,247,.86); border: 1px solid var(--color-line); border-radius: var(--radius-pill);
}
.h3d-label.is-home { background: var(--orange-500); border-color: var(--orange-500); }
.h3d-label.is-landmark { background: transparent; border: 0; color: var(--orange-700); font-size: 14px; letter-spacing: .04em; text-shadow: 0 0 6px var(--stone-100), 0 0 2px var(--stone-100); }
.bp-meta b { color: var(--color-text-accent); }
.hero3d-credit { margin-top: var(--space-2); font-size: 11px; color: var(--color-text-subtle); text-align: left; }
.hero3d-credit a { color: inherit; }
@media (max-width: 900px) { .hero__media--3d { margin-inline-start: 0; aspect-ratio: auto; } }

/* ==========================================================================
   Hero — קו הרקיע של ירושלים
   ========================================================================== */
.hero--skyline { display: grid; grid-template-rows: 1fr auto; align-items: center; padding: 0; min-height: calc(100svh - var(--header-h)); }
.hero__top { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; padding-top: clamp(2rem, 1rem + 3vw, 4.5rem); }
.hero--skyline .hero__copy { gap: var(--space-6); }
.hero__side { display: grid; gap: var(--space-6); padding-bottom: .6rem; }
.hero--skyline .hero__title { font-size: clamp(3.25rem, 1.4rem + 6vw, 8.25rem); }
.hero__skyline { position: relative; overflow: hidden; margin-top: var(--space-6); }
.skyline { position: relative; width: 100%; height: auto; display: block; aspect-ratio: 2400 / 560; }

.skyline .sk-l, .skyline .sk-t { stroke-linejoin: round; stroke-linecap: round; vector-effect: non-scaling-stroke; }
.skyline .sk-l { fill: none; stroke: var(--green-700); stroke-width: 1.25; }
.skyline .sk-t { fill: none; stroke: var(--green-500); stroke-width: .75; }
.skyline .sk-far { stroke: var(--green-300); }
.skyline .sk-cable { stroke: var(--green-400); }
.skyline [class*="sk-fill-"], .skyline .sk-dome, .skyline .sk-glass { fill: var(--stone-100); transition: fill 1.4s var(--ease-out-quart); }
.skyline .sk-fill-accent { fill: var(--orange-500); }
.skyline .sk-orbit { fill: none; stroke: var(--orange-500); stroke-width: 2; vector-effect: non-scaling-stroke; }
/* מצב "גמר": האבן הירושלמית נצבעת */
.skyline.is-colored .sk-fill-hill  { fill: #E5E0D2; }
.skyline.is-colored .sk-fill-hill2 { fill: #DDD4BF; }
.skyline.is-colored .sk-fill-stone { fill: #EADFC6; }
.skyline.is-colored .sk-fill-wall  { fill: #DCC9A3; }
.skyline.is-colored .sk-fill-tile  { fill: #4D7BA3; }
.skyline.is-colored .sk-dome       { fill: #D9A930; }
.skyline.is-colored .sk-fill-grey  { fill: #B8BCB5; }
.skyline.is-colored .sk-fill-roof  { fill: #C47A4E; }
.skyline.is-colored .sk-fill-old   { fill: #D6D4CC; }
.skyline.is-colored .sk-fill-new   { fill: #EFE4CB; }
.skyline.is-colored .sk-fill-tree  { fill: #A9AE76; }
.skyline.is-colored .sk-glass      { fill: #BACCD2; }

@media (max-width: 900px) {
  .hero__top { grid-template-columns: 1fr; gap: var(--space-6); }
  .hero__skyline { height: 40svh; }
  /* במובייל: פנורמה רחבה שזזה מימין (העיר החדשה) לשמאל (העיר העתיקה) בגלילה */
  .skyline { position: absolute; top: 0; right: 0; left: auto; height: 40svh; width: calc(40svh * 2400 / 560); max-width: none; aspect-ratio: auto; }
}

/* ==========================================================================
   Hero — איור קו הרקיע של ירושלים (תמונה) ברקע
   ========================================================================== */
.hero--art { display: grid; grid-template-rows: 1fr auto; align-items: center; padding: 0; min-height: calc(100svh - var(--header-h)); overflow: hidden; }
.hero--art .hero__top { position: relative; z-index: 2; }
.hero__art { position: relative; z-index: 1; margin-top: calc(-1 * clamp(2rem, 6vw, 7rem)); pointer-events: none;
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%);
          mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%); }
.hero__art-inner { position: relative; width: min(100%, 1800px); margin-inline: auto; aspect-ratio: 2142 / 455; }
.hero__art-img, .hero__art-gold, .hero__art-orbit { position: absolute; inset: 0; width: 100%; height: 100%; display: block; }
.hero__art-img { opacity: .5; }
.hero__art-gold { opacity: .7; }
.hero__art-gold { clip-path: circle(0% at 59.9% 35.5%); }
.hero__art-orbit { overflow: visible; }
.hero__art-orbit ellipse { fill: none; stroke: var(--orange-500); stroke-width: 2.2; vector-effect: non-scaling-stroke; }
html:not(.js) .hero__art-gold, .no-motion .hero__art-gold { clip-path: circle(4.6% at 59.9% 35.5%); }
@media (max-width: 900px) {
  .hero__art { margin-top: var(--space-6); -webkit-mask-image: none; mask-image: none; }
  /* במובייל: מתמקדים בעיר העתיקה ובכיפת הסלע */
  .hero__art-inner { width: 230%; margin-inline: 0; translate: 18% 0; }
}

/* איור הקו של אורי (דף הבית) */
.about-teaser__media .about-teaser__art { aspect-ratio: 1000 / 1262; overflow: visible; }
.about-teaser__art img { width: 100%; height: 100%; object-fit: contain; }
.js [data-reveal="wipe"] { clip-path: inset(0 0 0 100%); }

/* ---------- שותפים לדרך ---------- */
.partners-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.partner { display: grid; gap: var(--space-2); align-content: start; padding: var(--card-pad); background: var(--color-bg-raised); text-decoration: none; color: inherit; transition: background var(--dur-base); }
.partner:hover { background: var(--color-bg-sunken); }
.partner b { font-size: var(--fs-h4); color: var(--color-text-strong); }
.partner__logo { display: grid; place-items: center; width: 4.5rem; height: 4.5rem; margin-bottom: var(--space-3); border: 1px dashed var(--color-line-strong); font-size: var(--fs-label); color: var(--color-text-subtle); }
.partner__go { margin-top: var(--space-3); font-size: var(--fs-small); font-weight: 700; color: var(--color-text-accent); }
.svc-nav--single { grid-template-columns: 1fr; }
@media (max-width: 900px) { .partners-grid { grid-template-columns: 1fr; } }

/* ניווט לפי עמוד 1 באפיון — תוויות ארוכות */
.nav { gap: clamp(.85rem, 1.3vw, 1.75rem); }
.nav a { white-space: nowrap; font-size: .875rem; }
@media (max-width: 1240px) { .site-header .nav, .site-header .btn { display: none; } .site-header .burger { display: block; } }
.hero--art .hero__title { font-size: clamp(3rem, 1.2rem + 5vw, 7rem); }

/* סקשן מספרים — בגובה המספרים בלבד */
.stats-band { padding-block: clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }
.stats-band .statement__stats { margin-top: 0; }
.stats-band { border-block: 1px solid var(--color-line); }
.stats-band .stat__value { color: var(--green-600); }

/* ==========================================================================
   מוטיב חוזר: קווי נקודת מגוז ("הכביש" מהלוגו) — בכל סקשן בכיוון אחר
   a: מגוז למעלה-ימין · b: למעלה-שמאל · c: למטה-ימין · d: למטה-שמאל
   ========================================================================== */
.has-motif, .contact { position: relative; overflow: hidden; isolation: isolate; }
.motif { position: absolute; inset: 0; z-index: -1; pointer-events: none; opacity: .55; }
.motif svg { width: 100%; height: 100%; display: block; }
.motif--b svg { transform: scaleX(-1); }
.motif--c svg { transform: scaleY(-1); }
.motif--d svg { transform: scale(-1, -1); }
.motif--a, .motif--b { -webkit-mask-image: linear-gradient(to bottom, #000 10%, transparent 92%); mask-image: linear-gradient(to bottom, #000 10%, transparent 92%); }
.motif--c, .motif--d { -webkit-mask-image: linear-gradient(to top, #000 10%, transparent 92%); mask-image: linear-gradient(to top, #000 10%, transparent 92%); }
.motif--strong { opacity: .5; -webkit-mask-image: none; mask-image: none; }
.motif--faint { opacity: .35; }
[data-surface="dark"] .motif, [data-surface="deep"] .motif { opacity: .45; }

/* ==========================================================================
   פלטה מעודכנת (מצגת 10/2026): ירוק בקבוק #43514E · רקע #E0DEDB · ירוק בהיר #A3AA6F
   הירוק הבהיר משמש כמו במצגת: מילים מודגשות בכותרות על ירוק, מספרים גדולים, קווים
   ========================================================================== */
.hero--art .hero__title .t-accent { color: var(--color-accent-2-text); }
[data-surface="dark"] :is(.t-mega, .t-d1, .t-d2, .t-h1, .site-footer__big) .t-accent,
[data-surface="deep"] :is(.t-mega, .t-d1, .t-d2, .t-h1, .site-footer__big) .t-accent { color: var(--sage-500); }
.stat__plus { color: var(--color-accent-2); }
.vanish .vanish__accent { stroke: var(--sage-500); }
.quote__mark, .quote-card svg { fill: var(--color-accent-2); }
/* מספרים גדולים בסגנון "01 02 03" של המצגת */
.feature__n { font-size: clamp(1.75rem, 1.4rem + 1.2vw, 2.6rem); font-weight: 800; line-height: 1; letter-spacing: -0.01em; color: var(--color-accent-2); }
.q-list li { grid-template-columns: clamp(3.5rem, 2.5rem + 3vw, 6rem) 1fr; }
.q-list li::before { font-size: clamp(1.75rem, 1.4rem + 1.4vw, 3rem); font-weight: 800; letter-spacing: -0.01em; line-height: 1; color: var(--color-accent-2); }
.checklist li::before { color: var(--color-accent-2-text); font-weight: 800; }
.creds li b::before { content: ""; display: inline-block; width: .55em; height: .55em; margin-inline-end: .5em; background: var(--color-accent-2); vertical-align: .08em; }
.site-footer { border-top: 1px solid var(--color-line); }

/* ==========================================================================
   תפריט: שני השירותים כקבוצה נפרדת ("השירותים") — מעיר הלקוח 10/2026
   ========================================================================== */
.nav { align-items: center; }
.nav__svc {
  position: relative; display: flex; align-items: center; gap: clamp(.6rem, 1vw, 1.1rem);
  padding: .5rem 1rem; border-radius: var(--radius-pill);
  background: color-mix(in srgb, var(--sage-500) 22%, transparent);
  border: 1px solid color-mix(in srgb, var(--sage-600) 45%, transparent);
}
.nav__svc a { font-weight: 700; color: var(--color-text-strong); }
.nav__svc a + a::before { content: ""; position: absolute; }
.nav__svc a:not(:first-of-type) { padding-inline-start: clamp(.6rem, 1vw, 1.1rem); border-inline-start: 1px solid color-mix(in srgb, var(--sage-700) 40%, transparent); }
.nav__svc a::after { background: var(--sage-700); }
.nav__svc-label {
  position: absolute; top: -.55rem; inset-inline-start: 1rem; padding: 0 .4rem;
  font-size: 10px; font-weight: 700; letter-spacing: .06em; line-height: 1.1;
  color: var(--sage-800); background: var(--color-bg); border-radius: 3px;
}
.site-header { --header-bg: var(--color-bg); }
/* תפריט מובייל — השירותים מודגשים */
.menu__svc a { color: var(--sage-300) !important; }
.menu__svc a span { color: var(--sage-500) !important; }

/* לוגו קטן יותר */
.site-header__logo { width: 76px; }
@media (max-width: 720px) { .site-header__logo { width: 60px; } }

/* איור קו הרקיע המעודכן (10/2026) — יחס 1670×443 */
.hero__art-inner { aspect-ratio: 1670 / 443; width: min(100%, 1600px); }
@media (max-width: 900px) { .hero__art-inner { width: 230%; translate: 20% 0; } }

/* ==========================================================================
   ליטוש 10/2026: כותרת ארוכה, מעבר איור→מספרים, "+" צמוד למספר
   ========================================================================== */
.hero--art .hero__title.hero__title--long { font-size: clamp(2.4rem, 0.9rem + 4.1vw, 5.75rem); line-height: 1.02; }

/* האיור דוהה בתחתיתו אל הרקע, במקום קצה חתוך */
.hero__art {
  -webkit-mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%), linear-gradient(to top, transparent 0, #000 30%);
  -webkit-mask-composite: source-in;
          mask-image: linear-gradient(to right, transparent 0, #000 7%, #000 93%, transparent 100%), linear-gradient(to top, transparent 0, #000 30%);
          mask-composite: intersect;
}

/* המספרים יושבים על רקע ההירו — המשך טבעי של האיור */
.stats-band { background: transparent; border: 0; padding-block: clamp(1.5rem, 1rem + 1.5vw, 2.5rem) clamp(3rem, 2rem + 3vw, 5rem); }
.stats-band__row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); }
.stats-band .stat { border: 0; padding: var(--space-2) clamp(1rem, 3vw, 3rem); text-align: center; justify-items: center; gap: var(--space-2); }
.stats-band .stat + .stat { border-inline-start: 1px solid var(--color-line-strong); }
.stats-band .stat__value { justify-content: center; align-items: baseline; gap: .35rem; font-size: clamp(2.75rem, 1.6rem + 3.4vw, 5.25rem); color: var(--green-600); }
.stats-band .stat__label { max-width: 24ch; color: var(--color-text-muted); }

/* "+" כסימן מורם וצמוד אחרי המספר (4,500+) */
.stat__num { display: inline-flex; align-items: flex-start; direction: ltr; }
.stat__plus { font-size: .48em; line-height: 1; margin-inline-start: .06em; margin-top: .08em; font-weight: 800; color: var(--color-accent-2); }
.stat__unit { font-size: .3em; font-weight: 700; letter-spacing: 0; color: var(--color-text-muted); }

@media (max-width: 760px) {
  .stats-band__row { grid-template-columns: 1fr; }
  .stats-band .stat + .stat { border-inline-start: 0; border-top: 1px solid var(--color-line); padding-top: var(--space-5); margin-top: var(--space-3); }
  .hero__art { -webkit-mask-image: linear-gradient(to top, transparent 0, #000 30%); mask-image: linear-gradient(to top, transparent 0, #000 30%); }
}
/* כותרת ארוכה: לכל הרוחב, הטקסט והכפתור מתחתיה */
.hero--art .hero__top { grid-template-columns: 1fr; gap: var(--space-6); }
.hero--art .hero__side { grid-template-columns: minmax(0, 46ch) auto; align-items: center; justify-content: space-between; gap: var(--space-6) var(--space-9); padding-bottom: 0; }
.hero--art .hero__side .t-lead { max-width: 46ch; }
@media (max-width: 900px) { .hero--art .hero__side { grid-template-columns: 1fr; } }

/* ==========================================================================
   השירותים בדף הבית — שני כרטיסים זה לצד זה, תמונה קבועה לכל כרטיס
   ========================================================================== */
.svc-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--grid-gap); }
.svc-card { display: grid; grid-template-rows: auto 1fr; text-decoration: none; color: inherit; background: var(--color-bg-raised); overflow: hidden; isolation: isolate; }
.svc-card__media { margin: 0; aspect-ratio: 16 / 10; overflow: hidden; }
.svc-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform var(--dur-slower) var(--ease-out-expo); }
.svc-card:hover .svc-card__media img { transform: scale(1.04); }
.svc-card__body { position: relative; display: grid; align-content: start; gap: var(--space-4); padding: var(--card-pad); }
.svc-card__body::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background: var(--color-accent-2); transform: scaleX(.18); transform-origin: right; transition: transform var(--dur-slow) var(--ease-out-expo); }
.svc-card:hover .svc-card__body::before { transform: scaleX(1); }
.svc-card__num { font-size: clamp(1.5rem, 1.2rem + 1vw, 2.2rem); font-weight: 800; line-height: 1; color: var(--color-accent-2); }
.svc-card__title { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem); font-weight: 800; line-height: 1.1; color: var(--color-text-strong); }
.svc-card__text { color: var(--color-text-muted); max-width: 44ch; }
.svc-card__more { margin-top: var(--space-3); display: inline-flex; align-items: center; gap: var(--space-3); font-weight: 700; color: var(--color-text-strong); }
.svc-card__arrow { width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--color-line-strong); transition: background var(--dur-base), border-color var(--dur-base), color var(--dur-base), transform var(--dur-base) var(--ease-out-expo); }
.svc-card:hover .svc-card__arrow { background: var(--orange-500); border-color: var(--orange-500); color: var(--green-900); transform: translateX(-4px); }
@media (max-width: 760px) { .svc-cards { grid-template-columns: 1fr; } }
.svc-card__media { aspect-ratio: 16 / 8; }

/* ציטוט הבידול בדף הבית — משפט אחד בולט ומשפט משנה קטן */
.quote__text--hero { font-size: clamp(2rem, 1.2rem + 3vw, 4.25rem); font-weight: 800; line-height: 1.08; letter-spacing: -0.01em; }
.quote__text--hero .t-accent { color: var(--color-accent-2-text); }
.quote__sub { margin-top: calc(-1 * var(--space-3)); font-size: var(--fs-h4); font-weight: 400; color: var(--color-text-muted); max-width: 46ch; }

/* ---------- המלצות בדף הבית: שם הפרויקט מתחת לשם, ואריח חמישי "לכל ההמלצות" ---------- */
.testimonial__project { margin-top: 2px; font-size: var(--fs-small); color: var(--color-text-muted); }
.testimonial__project.is-placeholder { font-style: italic; opacity: .6; }
.video-rail { grid-template-columns: repeat(5, minmax(0, 1fr)); }
.testimonial-more {
  position: relative; display: grid; align-content: space-between; gap: var(--space-4);
  aspect-ratio: 4 / 5; padding: var(--space-6) var(--space-5);
  background: var(--green-600); color: var(--stone-0); text-decoration: none; overflow: hidden; isolation: isolate;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%, 0 0);
}
/* צורת חץ: חוד שמאלי (כיוון ההתקדמות ב-RTL) */
.testimonial-more { clip-path: polygon(14% 0, 100% 0, 100% 100%, 14% 100%, 0 50%); padding-inline-end: calc(var(--space-5) + 10%); }
.testimonial-more::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sage-600); transform: scaleX(0); transform-origin: right; transition: transform var(--dur-slow) var(--ease-out-expo); }
.testimonial-more:hover::after { transform: scaleX(1); }
.testimonial-more__count { font-size: clamp(3rem, 2rem + 3vw, 5rem); font-weight: 800; line-height: .9; color: var(--sage-500); transition: color var(--dur-base); }
.testimonial-more:hover .testimonial-more__count { color: var(--stone-0); }
.testimonial-more__label { font-size: var(--fs-h4); font-weight: 700; line-height: 1.25; }
.testimonial-more__cta { display: inline-flex; align-items: center; gap: var(--space-3); font-weight: 700; }
.testimonial-more__arrow { width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; background: var(--orange-500); color: var(--green-900); transition: transform var(--dur-base) var(--ease-out-expo); }
.testimonial-more:hover .testimonial-more__arrow { transform: translateX(-6px); }
@media (max-width: 1000px) { .video-rail { grid-template-columns: repeat(2, minmax(0, 1fr)); } .testimonial-more { aspect-ratio: auto; min-height: 14rem; grid-column: 1 / -1; clip-path: polygon(6% 0, 100% 0, 100% 100%, 6% 100%, 0 50%); } }

/* לוגו בהדר +20% (76→91, מובייל 60→72) */
.site-header__logo { width: 91px; }
@media (max-width: 720px) { .site-header__logo { width: 72px; } }
/* היררכיה: כותרת הסקשן גדולה משמעותית מהציטוט */
.quote__text--hero { font-size: clamp(1.5rem, 1.05rem + 1.5vw, 2.6rem); line-height: 1.15; }
.quote__sub { font-size: var(--fs-body); margin-top: calc(-1 * var(--space-4)); }
/* שורת המשנה — רק מעט קטנה מהשורה הראשית וצמודה אליה, כדי שייקראו כמשפט אחד */
.quote__sub { font-size: clamp(1.15rem, .85rem + 1.05vw, 1.9rem); font-weight: 500; line-height: 1.25; color: var(--color-text); max-width: none; margin-top: calc(-1 * var(--space-5)); }

/* ---------- פרויקטים בדף הבית: משפט פתיחה כאריח ראשון, "לפרויקטים נוספים" בסוף ---------- */
.hscroll__intro { display: grid; align-content: space-between; gap: var(--space-5); padding: var(--space-7) var(--space-6); background: var(--green-600); color: var(--stone-0); aspect-ratio: 3 / 4; }
.hscroll__intro b { font-size: clamp(1.9rem, 1.3rem + 1.8vw, 3rem); font-weight: 800; line-height: 1.08; }
.hscroll__intro span { display: inline-flex; align-items: center; gap: var(--space-3); font-size: var(--fs-small); font-weight: 700; color: var(--sage-300); }
.hscroll__intro span::before { content: ""; width: 2rem; height: 2px; background: var(--sage-500); }
.hscroll__end { align-content: center; justify-items: start; gap: var(--space-6); }
.hscroll__end b { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.4rem); }
.hscroll__end-arrow { width: 3.5rem; height: 3.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--green-900); color: var(--orange-500); transition: transform var(--dur-base) var(--ease-out-expo); }
.hscroll__end:hover .hscroll__end-arrow { transform: translateX(-6px); }
@media (max-width: 900px) { .hscroll__intro { aspect-ratio: auto; } }

/* ---------- פוטר: משפט הסיום ---------- */
.site-footer__big { font-size: clamp(1.9rem, 1.2rem + 2.2vw, 3.4rem); line-height: 1.08; }
.site-footer__sub { max-width: 42ch; font-size: var(--fs-lead); font-weight: 300; color: var(--color-text-muted); }

/* ---------- טופס: 6 כפתורי שלב ברשת מסודרת, כוכבית לשדות חובה ---------- */
.chips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-2); }
.chip span { display: block; width: 100%; text-align: center; padding-inline: .6em; white-space: nowrap; }
@media (max-width: 560px) { .chips { grid-template-columns: repeat(2, minmax(0, 1fr)); } .chip span { white-space: normal; } }
.req { color: var(--orange-600); font-weight: 700; }

/* שירותים: איורי קו לבנים על הירוק במקום צילומים */
.svc-card { background: transparent; border: 1px solid var(--color-line); }
.svc-card__media { background: transparent; border-bottom: 1px solid var(--color-line); }
.svc-card__media img { opacity: .82; transition: transform var(--dur-slower) var(--ease-out-expo), opacity var(--dur-base); }
.svc-card:hover .svc-card__media img { opacity: 1; transform: scale(1.03); }
.svc-card:hover { background: color-mix(in srgb, var(--green-700) 55%, transparent); }
.svc-card { background: var(--color-bg); } .svc-card:hover { background: var(--green-700); }


/* ==========================================================================
   הערות 21.10.2026 — אתר נקי יותר שמבהיר מיד שמדובר בפיקוח
   ========================================================================== */

/* לוגו עם "פיקוח וליווי דיירים", גדול משמעותית */
:root { --header-h: 124px; }
.site-header__logo { width: 118px; }
@media (max-width: 720px) { :root { --header-h: 96px; } .site-header__logo { width: 84px; } }

/* ---------- Hero: הכותרת אומרת מה עושים, ירושלים ככותרת משנה, האיור כרצועת רקע נמוכה ---------- */
.hero--svc { min-height: 0; display: block; padding-block: clamp(1.75rem, 1rem + 2.5vw, 3.5rem) clamp(8rem, 5rem + 9vw, 14rem); overflow: hidden; isolation: isolate; }
.hero--svc .hero__top { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 5vw, 6rem); align-items: end; padding-top: 0; }
.hero--svc .hero__copy { display: grid; gap: var(--space-5); }
.hero__title--svc { font-size: clamp(2.1rem, 1rem + 3.2vw, 4.5rem); font-weight: 800; line-height: 1.08; letter-spacing: -0.01em; color: var(--color-text-strong); max-width: 21ch; }
.hero__title-soft { font-weight: 400; color: var(--green-500); }
.hero__sub { font-size: clamp(1.15rem, .95rem + .8vw, 1.65rem); line-height: 1.35; color: var(--color-text); }
.hero__sub b { font-weight: 800; color: var(--color-accent-2-text); }
.hero--svc .hero__actions { margin-top: var(--space-3); }
.hero__svc { display: grid; gap: var(--space-3); }
.hero-svc {
  display: grid; grid-template-columns: minmax(0, 1fr) auto; column-gap: var(--space-5); align-items: center;
  padding: var(--space-5) var(--space-6); background: var(--stone-0); border-inline-start: 4px solid var(--sage-500);
  text-decoration: none; color: inherit; box-shadow: 0 10px 30px -18px rgba(25,31,30,.35);
  transition: background var(--dur-base), border-color var(--dur-base);
}
.hero-svc__kicker { grid-column: 1; font-size: var(--fs-label); font-weight: 700; letter-spacing: .06em; color: var(--color-accent-2-text); transition: color var(--dur-base); }
.hero-svc__title { grid-column: 1; font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem); font-weight: 800; line-height: 1.2; color: var(--green-600); transition: color var(--dur-base); }
.hero-svc__arrow { grid-column: 2; grid-row: 1 / span 2; width: 2.75rem; height: 2.75rem; border-radius: 50%; display: grid; place-items: center; border: 1px solid var(--color-line-strong); transition: background var(--dur-base), border-color var(--dur-base), transform var(--dur-base) var(--ease-out-expo); }
.hero-svc:hover { background: var(--green-600); border-color: var(--orange-500); }
.hero-svc:hover .hero-svc__title { color: var(--stone-0); }
.hero-svc:hover .hero-svc__kicker { color: var(--sage-300); }
.hero-svc:hover .hero-svc__arrow { background: var(--orange-500); border-color: var(--orange-500); color: var(--green-900); transform: translateX(-4px); }
.hero--svc .hero__art { position: absolute; inset: auto 0 0; z-index: 0; margin: 0; }
.hero--svc .hero__art-img { opacity: .3; }
@media (max-width: 900px) {
  .hero--svc { padding-bottom: clamp(7rem, 30vw, 10rem); }
  .hero--svc .hero__top { grid-template-columns: 1fr; gap: var(--space-7); }
}

/* ---------- השירותים: בהיר, בלי תמונות ובלי מספרים, שם השירות בולט ---------- */
.section--svc { padding-block: clamp(3.5rem, 2rem + 4vw, 6.5rem); }
.section--svc .eyebrow-row { margin-block-end: var(--space-8); }
.section--svc .svc-cards { gap: var(--space-4); }
.svc-card { grid-template-rows: none; align-content: start; gap: var(--space-4); padding: clamp(1.75rem, 1.2rem + 2vw, 3rem); background: var(--stone-0); border: 0; border-top: 6px solid var(--sage-500); transition: background var(--dur-base), border-color var(--dur-base); }
.svc-card__title { font-size: clamp(1.8rem, 1.3rem + 1.6vw, 2.9rem); line-height: 1.08; color: var(--green-600); transition: color var(--dur-base); }
.svc-card__text { font-size: var(--fs-lead); line-height: 1.5; color: var(--color-text); max-width: 40ch; transition: color var(--dur-base); }
.svc-card__more { margin-top: var(--space-2); color: var(--green-600); transition: color var(--dur-base); }
.svc-card:hover { background: var(--green-600); border-color: var(--orange-500); }
.svc-card:hover .svc-card__title, .svc-card:hover .svc-card__more { color: var(--stone-0); }
.svc-card:hover .svc-card__text { color: var(--stone-200); }

/* ---------- ציטוט: משפט אחד רציף ---------- */
.quote__text--hero { max-width: 34ch; }
.quote__cont { display: block; margin-top: .3em; font-weight: 400; color: var(--color-text); }

/* ---------- אריח "לכל ההמלצות" / "לכל הפרויקטים" — חץ, טקסט במרכז ---------- */
.rail-more {
  position: relative; align-self: start; aspect-ratio: 4 / 5; display: grid; place-content: center; justify-items: center; gap: var(--space-5);
  padding: var(--space-6) var(--space-5) var(--space-6) calc(var(--space-5) + 12%); text-align: center;
  background: var(--green-600); color: var(--stone-0); text-decoration: none; overflow: hidden; isolation: isolate;
  clip-path: polygon(14% 0, 100% 0, 100% 100%, 14% 100%, 0 50%);
}
.rail-more::after { content: ""; position: absolute; inset: 0; z-index: -1; background: var(--sage-600); transform: scaleX(0); transform-origin: right; transition: transform var(--dur-slow) var(--ease-out-expo); }
.rail-more:hover::after { transform: scaleX(1); }
.rail-more__label { font-size: clamp(1.3rem, 1rem + .9vw, 1.8rem); font-weight: 800; line-height: 1.15; }
.rail-more__arrow { width: 3.25rem; height: 3.25rem; border-radius: 50%; display: grid; place-items: center; background: var(--orange-500); color: var(--green-900); transition: transform var(--dur-base) var(--ease-out-expo); }
.rail-more:hover .rail-more__arrow { transform: translateX(-6px); }
.project-rail .rail-more { aspect-ratio: 4 / 3; }
@media (max-width: 1000px) {
  .rail-more, .project-rail .rail-more { grid-column: 1 / -1; aspect-ratio: auto; min-height: 7rem; grid-auto-flow: column; clip-path: polygon(6% 0, 100% 0, 100% 100%, 6% 100%, 0 50%); }
}

/* ---------- פרויקטים: אותו מבנה כמו ההמלצות, תמונות בלי זום ---------- */
.card-project__media img, .card-project:hover .card-project__media img { transform: none; }
.card-project__media img { transition: opacity var(--dur-base); }
.card-project:hover .card-project__media img { opacity: .88; }
.project-rail .card-project__media { aspect-ratio: 4 / 3; background: var(--stone-200); }
.project-rail .card-project__media img { object-fit: contain; }
.projects-grid--natural .card-project__media { aspect-ratio: auto; background: none; }
.projects-grid--natural .card-project__media img { height: auto; object-fit: initial; }

/* ---------- אודות בדף הבית ---------- */
.creds li:last-child:nth-child(odd) { grid-column: 1 / -1; }
.about-teaser__cta { display: block; margin-top: var(--space-5); }
.about-stuck { max-width: 68ch; }
.about-stuck p { font-size: var(--fs-lead); line-height: 1.6; font-weight: var(--weight-light); }

/* ==========================================================================
   דף השירות "פיקוח מטעם בעלי הדירות"
   ========================================================================== */
.svc-hero { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(3rem, 2rem + 4vw, 6.5rem); }
.svc-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); gap: clamp(2rem, 5vw, 6rem); align-items: center; }
.svc-hero__copy { display: grid; gap: var(--space-6); }
.svc-hero__title { max-width: 17ch; }
.svc-hero .breadcrumbs { color: var(--stone-300); }
.svc-hero .t-lead { max-width: 46ch; color: var(--stone-200); }
.svc-hero__art { margin: 0; }
.svc-hero__art img { width: 100%; height: auto; display: block; }
@media (max-width: 900px) { .svc-hero__grid { grid-template-columns: 1fr; } .svc-hero__art { max-width: 520px; } }

/* פתיחה: המשפט הראשון הוא פסקה מודגשת, לא כותרת */
.svc-open { display: grid; gap: var(--space-6); max-width: 70ch; }
.svc-open__first { font-size: clamp(1.3rem, 1.05rem + .9vw, 1.85rem); font-weight: 600; line-height: 1.45; color: var(--color-text-strong); padding-inline-start: var(--space-6); border-inline-start: 3px solid var(--sage-500); }
.svc-open__body p { font-size: var(--fs-lead); line-height: 1.6; font-weight: var(--weight-light); }

/* ארבע השאלות — כרטיסי שאלה */
.q-cards { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--space-3); }
.q-card { position: relative; overflow: hidden; display: flex; align-items: flex-end; min-height: 11rem; padding: var(--space-7); background: var(--stone-100); }
.q-card p { position: relative; z-index: 1; max-width: 30ch; font-size: clamp(1.2rem, 1rem + .8vw, 1.7rem); font-weight: 700; line-height: 1.3; color: var(--green-600); }
.q-card__mark { position: absolute; inset-inline-end: var(--space-5); top: -.12em; font-size: clamp(6rem, 4rem + 5vw, 9.5rem); font-weight: 800; line-height: 1; color: var(--sage-500); opacity: .5; }
@media (max-width: 760px) { .q-cards { grid-template-columns: 1fr; } .q-card { min-height: 0; padding-top: var(--space-9); } }

/* למה דווקא אורי — בלוקי צבע לכל פסקה, המשפטים החשובים מודגשים */
.why-head { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); align-items: start; }
.why-head .prose p { font-size: var(--fs-lead); line-height: 1.6; font-weight: var(--weight-light); }
.why-head__accent { font-weight: 700 !important; color: var(--color-accent-2-text); }
.why-blocks { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--space-3); margin-top: var(--space-9); }
.why-block { padding: clamp(1.5rem, 1.1rem + 1.5vw, 2.5rem); }
.why-block p { font-size: var(--fs-lead); line-height: 1.6; font-weight: var(--weight-light); }
.why-block strong { font-weight: 700; color: var(--color-text-strong); background: linear-gradient(transparent 58%, var(--sage-300) 58%); }
.why-block--a { background: var(--stone-0); }
.why-block--b { background: var(--sage-200); }
.why-block--b strong { background: linear-gradient(transparent 58%, var(--stone-0) 58%); }
.why-block--c { background: var(--green-600); }
.why-block--c p { color: var(--stone-200); }
.why-block--c strong { color: var(--sage-300); background: none; }
@media (max-width: 1000px) { .why-head, .why-blocks { grid-template-columns: 1fr; } }

/* "בעלי הדירות אינם אמורים להפוך למומחים" — סקשן נפרד */
.owners__inner { display: grid; gap: var(--space-6); max-width: 1000px; }
.owners .t-d2 { max-width: 20ch; }
.owners .t-lead { max-width: 58ch; color: var(--stone-200); }

/* "איך נראה הפיקוח בפועל" — הבניין נבנה תוך כדי גלילה */
.rise { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); gap: clamp(2rem, 6vw, 7rem); margin-top: var(--space-8); }
.rise__stage { position: sticky; top: calc(var(--header-h) + var(--space-6)); align-self: start; display: grid; gap: var(--space-5); }
.rise__svg { width: 100%; height: auto; max-height: calc(100svh - var(--header-h) - 9rem); overflow: visible; }
.rise__svg * { fill: none; stroke-linecap: round; stroke-linejoin: round; }
.rise__ground { stroke: var(--green-600); stroke-width: 2.5; }
.rise__line { stroke: var(--green-600); stroke-width: 2.5; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset 1.4s var(--ease-out-expo); }
.rise__thin { stroke: var(--green-400); stroke-width: 1.4; opacity: 0; transition: opacity .7s; }
.rise__dash { stroke: var(--green-400); stroke-width: 1.4; stroke-dasharray: 7 6; opacity: 0; transition: opacity .7s; }
.rise__pick { stroke: var(--sage-600); stroke-width: 3.5; }
.rise__badge { fill: var(--sage-500); stroke: none; opacity: 0; transition: opacity .5s .7s; }
.rise__tick { stroke: var(--stone-0); stroke-width: 3; stroke-dasharray: 1; stroke-dashoffset: 1; transition: stroke-dashoffset .6s .9s; }
.rise__offers, .rise__crane { transition: opacity .6s, transform .8s var(--ease-out-expo); }
.rise__win rect { fill: var(--sage-300); stroke: var(--green-600); stroke-width: 1.5; opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.5); transition: opacity .5s, transform .7s var(--ease-out-expo); }
.rise__door { fill: var(--orange-500); stroke: none; opacity: 0; transition: opacity .6s .6s; }
.rise__key { opacity: 0; transform-box: fill-box; transform-origin: center; transform: scale(.4) rotate(-30deg); transition: opacity .5s .8s, transform .9s .8s var(--ease-out-expo); }
.rise__key circle { fill: var(--orange-500); stroke: none; }
.rise__key path { stroke: var(--green-900); stroke-width: 3.5; }
.rise:is([data-stage="1"], [data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__l1 .rise__line,
.rise:is([data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__l2 .rise__line,
.rise:is([data-stage="3"], [data-stage="4"]) .rise__l3 .rise__line,
.rise[data-stage="4"] .rise__l4 .rise__line,
.rise:is([data-stage="1"], [data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__tick { stroke-dashoffset: 0; }
.rise:is([data-stage="1"], [data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__l1 :is(.rise__thin, .rise__dash, .rise__badge),
.rise:is([data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__l2 :is(.rise__thin, .rise__dash) { opacity: 1; }
.rise:is([data-stage="2"], [data-stage="3"], [data-stage="4"]) .rise__offers { opacity: 0; transform: translateY(24px); }
.rise[data-stage="4"] .rise__crane { opacity: 0; transform: translateY(-24px); }
.rise[data-stage="4"] .rise__win rect { opacity: 1; transform: none; }
.rise[data-stage="4"] :is(.rise__door, .rise__key) { opacity: 1; transform: none; }
.rise__win rect:nth-child(1) { transition-delay: 0.00s; }
.rise__win rect:nth-child(2) { transition-delay: 0.05s; }
.rise__win rect:nth-child(3) { transition-delay: 0.10s; }
.rise__win rect:nth-child(4) { transition-delay: 0.15s; }
.rise__win rect:nth-child(5) { transition-delay: 0.20s; }
.rise__win rect:nth-child(6) { transition-delay: 0.25s; }
.rise__win rect:nth-child(7) { transition-delay: 0.30s; }
.rise__win rect:nth-child(8) { transition-delay: 0.35s; }
.rise__win rect:nth-child(9) { transition-delay: 0.40s; }
.rise__win rect:nth-child(10) { transition-delay: 0.45s; }
.rise__win rect:nth-child(11) { transition-delay: 0.50s; }
.rise__win rect:nth-child(12) { transition-delay: 0.55s; }
.rise__win rect:nth-child(13) { transition-delay: 0.60s; }
.rise__win rect:nth-child(14) { transition-delay: 0.65s; }
.rise__labels { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-2); }
.rise__labels li { padding-top: var(--space-3); border-top: 3px solid var(--color-line-strong); font-size: var(--fs-label); font-weight: 700; color: var(--color-text-subtle); transition: color var(--dur-base), border-color var(--dur-base); }
.rise[data-stage="1"] .rise__labels li:nth-child(-n+1),
.rise[data-stage="2"] .rise__labels li:nth-child(-n+2),
.rise[data-stage="3"] .rise__labels li:nth-child(-n+3),
.rise[data-stage="4"] .rise__labels li { border-color: var(--sage-500); color: var(--color-text-muted); }
.rise[data-stage="1"] .rise__labels li:nth-child(1), .rise[data-stage="2"] .rise__labels li:nth-child(2),
.rise[data-stage="3"] .rise__labels li:nth-child(3), .rise[data-stage="4"] .rise__labels li:nth-child(4) { border-color: var(--orange-500); color: var(--color-text-strong); }
.rise__steps { list-style: none; padding: 0; display: grid; }
.rise__step { min-height: 72svh; display: grid; align-content: center; gap: var(--space-4); opacity: .3; transition: opacity var(--dur-slow); }
.rise__step:last-child { min-height: 60svh; }
.rise__step.is-active { opacity: 1; }
.rise__kicker { font-size: var(--fs-label); font-weight: 700; letter-spacing: .06em; color: var(--color-accent-2-text); }
.rise__title { font-size: clamp(1.6rem, 1.15rem + 1.6vw, 2.6rem); font-weight: 800; line-height: 1.12; }
.rise__step p { font-size: var(--fs-lead); font-weight: 300; line-height: 1.6; max-width: 56ch; }
html:not(.js) .rise__step { opacity: 1; }
html:not(.js) .rise__svg * { opacity: 1 !important; stroke-dashoffset: 0 !important; transform: none !important; }
@media (max-width: 900px) {
  .rise { grid-template-columns: 1fr; gap: 0; }
  .rise__stage { z-index: 2; top: var(--header-h); padding-block: var(--space-4); background: var(--color-bg); }
  .rise__svg { max-height: 30svh; }
  .rise__step { min-height: 55svh; }
}

/* ==========================================================================
   טופס ליד — בולט, מזמין להשאיר פרטים
   ========================================================================== */
.contact { padding-block: clamp(4rem, 3rem + 5vw, 8rem); }
.contact::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(60% 70% at 85% 15%, color-mix(in srgb, var(--sage-500) 26%, transparent), transparent 70%); }
.contact__title { font-size: clamp(2.2rem, 1.3rem + 2.8vw, 4.2rem); line-height: 1.06; }
.contact__perks { list-style: none; padding: 0; display: grid; gap: var(--space-3); }
.contact__perks li { position: relative; padding-inline-start: 2.25rem; font-size: var(--fs-lead); font-weight: 600; color: var(--color-text-strong); }
.contact__perks li::before { content: ""; position: absolute; right: 0; top: .2em; width: 1.4rem; height: 1.4rem; border-radius: 50%; background: var(--sage-500) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23191F1E' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 12.5l4 4 8-9'/%3E%3C/svg%3E") center / 70% no-repeat; }
.contact__form { position: relative; border-top: 6px solid var(--orange-500); box-shadow: 0 40px 90px -30px rgba(0,0,0,.55); }
.contact__form-title { margin-bottom: var(--space-7); font-size: var(--fs-h3); font-weight: 800; line-height: 1.2; color: var(--color-text-strong); }
.contact__stamp { position: absolute; top: -56px; left: -44px; z-index: 3; width: 124px; height: 124px; }
.contact__stamp circle { fill: var(--orange-500); }
.contact__stamp text { fill: var(--green-900); font-size: 11px; font-weight: 700; transform-box: view-box; transform-origin: 60px 60px; animation: stamp-spin 22s linear infinite; }
.contact__stamp-arrow { fill: none; stroke: var(--green-900); stroke-width: 3.5; stroke-linecap: round; stroke-linejoin: round; }
@keyframes stamp-spin { to { transform: rotate(-360deg); } }
@media (prefers-reduced-motion: reduce) { .contact__stamp text { animation: none; } }
@media (max-width: 900px) { .contact__stamp { top: -46px; left: 8px; width: 96px; height: 96px; } }
.hero__title--svc { font-size: clamp(2rem, 1rem + 2.9vw, 4.1rem); max-width: 23ch; }
.hero--svc .hero__art-inner { width: min(100%, 1280px); }
.hero--svc .hero__art-img { opacity: .24; }
.svc-hero__grid { grid-template-columns: minmax(0, 5fr) minmax(0, 6fr); }
.svc-hero__title.t-d1 { font-size: clamp(2.4rem, 1.3rem + 3vw, 4.6rem); }
.owners__inner { max-width: none; }
.owners__inner > * { max-width: 1000px; }

/* ==========================================================================
   הערות 24.10.2026
   ========================================================================== */
/* Hero: משקל אחד, צבע אחד, ירידות שורה טבעיות */
.hero__title--svc { font-size: clamp(1.9rem, 1rem + 2.3vw, 3.25rem); font-weight: 700; line-height: 1.18; max-width: none; text-wrap: balance; }
.hero__sub { color: var(--color-text-muted); font-weight: 400; }
.hero__sub b { color: inherit; font-weight: 700; }
@media (max-width: 900px) { .br-d { display: none; } }

/* ציטוט: שורת ההמשך בלי ירידת שורה (ואם צריך, אחרי "מקצועי") */
.quote__text--hero { max-width: none; }
@media (min-width: 901px) { .quote__text--hero .nw { white-space: nowrap; } }

/* אודות בדף הבית: "עוד על אורי" במשבצת השישית */
.creds li.creds__cta { grid-column: auto; display: flex; align-items: center; justify-content: flex-start; padding-block: var(--space-3); }
.creds li.creds__cta::before, .creds li.creds__cta b::before { display: none; }
.about-teaser__cta { display: none; }

/* דף הפרויקטים: רשת אחידה, תמונות בלי חיתוך */
.projects-grid--even > :nth-child(n) { margin-top: 0 !important; }
.projects-grid--even { gap: var(--space-8) var(--grid-gap); }
.projects-grid--even .card-project__media { aspect-ratio: 4 / 3; background: var(--stone-200); }
.projects-grid--even .card-project__media img { object-fit: contain; }

/* דף אודות: שותפים לדרך — בלוק צבע בולט */
.partners-cta__inner { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.partners-cta .t-lead { color: var(--green-900); max-width: 60ch; }
.partners-cta .motif { opacity: .35; }
@media (max-width: 900px) { .partners-cta__inner { grid-template-columns: 1fr; } }

/* ---------- דף פיקוח ---------- */
/* פתיחה: במקום האיור — שלוש עובדות נקיות */
.svc-hero__facts { list-style: none; padding: 0; display: grid; gap: 0; border-top: 1px solid rgba(255,255,255,.18); }
.svc-hero__facts li { display: grid; grid-template-columns: 7.5rem 1fr; align-items: baseline; gap: var(--space-5); padding-block: var(--space-5); border-bottom: 1px solid rgba(255,255,255,.18); }
.svc-hero__facts b { font-size: clamp(2rem, 1.4rem + 1.8vw, 3.2rem); font-weight: 800; line-height: 1; color: var(--sage-500); }
.svc-hero__facts span { font-size: var(--fs-lead); color: var(--stone-100); }

/* השאלות — "מחשבות" של בעלי הדירות, לא כפתורים */
.q-thoughts { list-style: none; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 0 clamp(2rem, 5vw, 5rem); }
.q-thoughts li { position: relative; padding: var(--space-6) 2.75rem var(--space-6) 0; border-bottom: 1px solid var(--color-line); font-size: clamp(1.2rem, 1rem + .8vw, 1.7rem); font-weight: 500; font-style: italic; line-height: 1.35; color: var(--green-600); }
.q-thoughts li::before { content: "”"; position: absolute; right: 0; top: var(--space-5); font-size: 2.6em; line-height: .8; font-style: normal; font-weight: 800; color: var(--sage-500); }
@media (max-width: 760px) { .q-thoughts { grid-template-columns: 1fr; } }

/* למה אורי — שורות רחבות: המשפט המודגש כ"כותרת" והפסקה לצידו */
.why-blocks { grid-template-columns: 1fr; gap: var(--space-3); }
.why-block { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: clamp(1.5rem, 4vw, 4rem); align-items: start; padding: clamp(1.75rem, 1.2rem + 2vw, 3rem); }
.why-block__pull { font-size: clamp(1.35rem, 1.05rem + 1.1vw, 2.1rem) !important; font-weight: 800 !important; line-height: 1.2 !important; color: var(--green-600); }
.why-block--c .why-block__pull { color: var(--sage-500); }
.why-block strong { background: none; font-weight: 600; }
@media (max-width: 900px) { .why-block { grid-template-columns: 1fr; } }

/* "איך נראה הפיקוח בפועל" — גדול וברור, שמות השלבים הכי בולטים */
.rise { grid-template-columns: minmax(0, 6fr) minmax(0, 5fr); margin-top: var(--space-6); }
.rise__stage { grid-template-columns: auto minmax(0, 1fr); align-items: center; gap: var(--space-6); }
.rise__svg { max-height: calc(100svh - var(--header-h) - 4rem); }
.rise__labels { grid-template-columns: 1fr; gap: var(--space-2); order: -1; }
.rise__labels li { padding: var(--space-3) var(--space-4) var(--space-3) 0; border-top: 0; border-inline-start: 4px solid var(--color-line-strong); padding-inline-start: var(--space-4); font-size: clamp(1rem, .85rem + .5vw, 1.35rem); font-weight: 800; color: var(--color-text-subtle); opacity: .55; transition: all var(--dur-base); white-space: nowrap; }
.rise[data-stage="1"] .rise__labels li:nth-child(-n+1),
.rise[data-stage="2"] .rise__labels li:nth-child(-n+2),
.rise[data-stage="3"] .rise__labels li:nth-child(-n+3),
.rise[data-stage="4"] .rise__labels li { opacity: .85; border-color: var(--sage-500); }
.rise[data-stage="1"] .rise__labels li:nth-child(1), .rise[data-stage="2"] .rise__labels li:nth-child(2),
.rise[data-stage="3"] .rise__labels li:nth-child(3), .rise[data-stage="4"] .rise__labels li:nth-child(4) { opacity: 1; border-color: var(--orange-500); color: var(--color-text-strong); background: var(--stone-0); font-size: clamp(1.15rem, .95rem + .7vw, 1.6rem); }
.rise__step:first-child { min-height: 55svh; align-content: start; padding-top: var(--space-6); }
.rise__kicker { display: inline-block; justify-self: start; padding: .35em .8em; background: var(--green-600); color: var(--stone-0); font-size: clamp(1.15rem, .95rem + .7vw, 1.6rem); font-weight: 800; letter-spacing: 0; }
.rise__step.is-active .rise__kicker { background: var(--orange-500); color: var(--green-900); }
.rise__title { font-size: clamp(1.4rem, 1.1rem + 1.1vw, 2.1rem); }
.rise__note { padding: var(--space-5) var(--space-6); background: var(--sage-200); border-inline-start: 4px solid var(--sage-500); font-weight: 500 !important; color: var(--green-900); }
@media (max-width: 900px) {
  .rise__stage { grid-template-columns: 1fr; }
  .rise__labels { grid-template-columns: repeat(4, minmax(0, 1fr)); order: 0; }
  .rise__labels li { white-space: normal; font-size: var(--fs-label) !important; padding: var(--space-2); border-inline-start: 0; border-top: 3px solid var(--color-line-strong); }
}

/* "שירות נוסף" — ריבוע בולט */
.svc-nav a { background: var(--green-600); color: var(--stone-0); padding: clamp(1.75rem, 1.2rem + 2vw, 3rem); transition: background var(--dur-base); }
.svc-nav a .t-muted { color: var(--sage-300); }
.svc-nav b { font-size: clamp(1.6rem, 1.2rem + 1.4vw, 2.5rem); color: var(--stone-0); }
.svc-nav a:hover { background: var(--orange-500); }
.svc-nav a:hover b, .svc-nav a:hover .t-muted { color: var(--green-900); }
.svc-hero__facts li { grid-template-columns: 10rem 1fr; }
.q-thoughts li { font-style: normal; }
/* "מהרגע הראשון ועד קבלת המפתח." — בירוק המותג, מודגש, בשורה אחת */
.hero__title-key { color: var(--green-600); font-weight: 800; white-space: nowrap; }
.hero__title-key { font-size: min(1em, 5.6vw); }

/* ==========================================================================
   הערות 26.10.2026
   ========================================================================== */
.curtain__logo { width: 150px; }
/* כותרות קטנות (eyebrow) — פרופורציונליות לכותרות */
.eyebrow { font-size: clamp(1rem, .9rem + .4vw, 1.25rem); gap: .85rem; }
.eyebrow::before { width: 2.25rem; height: 4px; }
/* פחות רווח בין התפריט לכותרת בדפים הפנימיים (אין פירורי לחם) */
.page-hero { padding-block: clamp(2rem, 1.25rem + 3vw, 4rem) clamp(2.5rem, 1.5rem + 3vw, 4.5rem); }

/* אודות */
.prose strong.u, strong.u { font-weight: 700; color: var(--color-text-strong); text-decoration: underline; text-decoration-color: var(--sage-500); text-decoration-thickness: 2px; text-underline-offset: .22em; }
.statement { padding-bottom: 0; }
.statement__city { margin-top: var(--space-8); width: min(100%, 1400px); margin-inline: auto; pointer-events: none; -webkit-mask-image: linear-gradient(to top, transparent 0, #000 45%); mask-image: linear-gradient(to top, transparent 0, #000 45%); }
.statement__city img { display: block; width: 100%; height: auto; filter: brightness(0) invert(1); opacity: .18; }

/* ---------- דף פיקוח ---------- */
/* פתיחה בהירה עם איור הקו של אורי */
.svc-hero { padding-block: clamp(2rem, 1.25rem + 3vw, 4rem) 0; }
.svc-hero__grid { grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); align-items: end; }
.svc-hero__copy { padding-bottom: clamp(2.5rem, 1.5rem + 4vw, 5.5rem); }
.svc-hero .t-lead { color: var(--color-text-muted); }
.svc-hero__title.t-d1 { color: var(--color-text-strong); }
.svc-hero__art { margin: 0; align-self: end; }
.svc-hero__art img { width: 100%; height: auto; display: block; }
@media (max-width: 900px) { .svc-hero__art { max-width: 300px; margin-inline: auto; } .svc-hero__copy { padding-bottom: 0; } }

/* המסקנה — הרבה יותר בולטת מהשאלות שהובילו אליה */
.conclusion { position: relative; margin-top: var(--space-9); padding: clamp(2rem, 1.4rem + 2.5vw, 3.75rem) clamp(2rem, 1.4rem + 3vw, 4.5rem); background: var(--green-600); color: var(--stone-0); font-size: clamp(1.35rem, 1.05rem + 1.2vw, 2.2rem); font-weight: 700; line-height: 1.4; border-inline-start: 8px solid var(--sage-500); }

/* למה אורי — אייקון קו לכל שורה */
.why-block__head { display: grid; gap: var(--space-4); align-content: start; }
.why-block__icon { width: 3.75rem; height: 3.75rem; fill: none; stroke: var(--sage-600); stroke-width: 2.2; stroke-linecap: round; stroke-linejoin: round; }
.why-block--c .why-block__icon { stroke: var(--sage-500); }

/* "בעלי הדירות לא אמורים..." — שני צבעים ואיור */
.owners__grid { display: grid; grid-template-columns: minmax(0, 7fr) minmax(0, 4fr); gap: clamp(2rem, 6vw, 7rem); align-items: center; }
.owners .t-d2 { color: var(--stone-0); }
.owners .t-d2 .t-accent { color: var(--sage-500); }
.owners__art { width: 100%; height: auto; fill: none; stroke: var(--sage-500); stroke-width: 3; stroke-linecap: round; stroke-linejoin: round; }
.owners__lens { stroke: var(--orange-500); stroke-width: 5; }
.owners__tick { stroke: var(--orange-500); stroke-width: 5; }
@media (max-width: 900px) { .owners__grid { grid-template-columns: 1fr; } .owners__art { max-width: 260px; } }

/* "איך נראה הפיקוח בפועל" — שרטוט גדול יותר, צמוד לכותרת, רווחים אחידים */
.rise { grid-template-columns: minmax(0, 7fr) minmax(0, 5fr); margin-top: var(--space-5); }
.rise__stage { align-self: start; }
.rise__labels li { border-inline-start-width: 6px; }
.rise[data-stage="1"] .rise__labels li:nth-child(1), .rise[data-stage="2"] .rise__labels li:nth-child(2),
.rise[data-stage="3"] .rise__labels li:nth-child(3), .rise[data-stage="4"] .rise__labels li:nth-child(4) { color: var(--orange-700); }
.rise__step, .rise__step:first-child, .rise__step:last-child { min-height: 0; align-content: start; padding: 0 0 22svh; }
.rise__step:last-child { padding-bottom: 30svh; }

/* "שירות נוסף" — עם טקסט וחץ */
.svc-next { position: relative; display: grid; gap: var(--space-3); padding-inline-end: calc(var(--space-8) + 3.5rem) !important; }
.svc-next__kicker { font-size: var(--fs-label); font-weight: 700; letter-spacing: .06em; color: var(--sage-300); }
.svc-next p { max-width: 60ch; font-size: var(--fs-lead); line-height: 1.5; color: var(--stone-200); }
.svc-next__arrow { position: absolute; inset-inline-end: var(--space-7); top: 50%; translate: 0 -50%; width: 3.5rem; height: 3.5rem; border-radius: 50%; display: grid; place-items: center; background: var(--orange-500); color: var(--green-900); transition: transform var(--dur-base) var(--ease-out-expo); }
.svc-next:hover p, .svc-next:hover .svc-next__kicker { color: var(--green-900); }
.svc-next:hover .svc-next__arrow { background: var(--green-900); color: var(--orange-500); transform: translateX(-6px); }
.why-block__icon { width: 5rem; height: 5rem; stroke-width: 1.8; }

/* הערות 28.10 */
.curtain__logo { width: clamp(180px, 22vw, 280px); }
.why-block__icon { width: 6.5rem; height: 6.5rem; }
.why-block__icon--wide { width: auto; height: 5.5rem; aspect-ratio: 150 / 64; }
.rise__stage { align-items: start; }
.rise__labels { padding-top: var(--space-4); }

/* דף חילוץ — אותו מבנה כמו דף הפיקוח */
.svc-open > .t-d2 { margin-bottom: var(--space-2); }
.blockers { list-style: none; padding: 0; display: flex; flex-wrap: wrap; gap: var(--space-3); margin-top: var(--space-8); }
.blockers li { padding: .7em 1.2em; background: var(--stone-100); border-inline-start: 4px solid var(--sage-500); font-size: clamp(1.05rem, .95rem + .45vw, 1.35rem); font-weight: 700; color: var(--green-600); }
.blockers__more { margin-top: var(--space-5); font-size: var(--fs-lead); font-weight: 600; color: var(--color-text-muted); }
.blockers + .blockers__more + .why-blocks { margin-top: var(--space-8); }
.owners__inner .t-lead + .t-lead { margin-top: calc(-1 * var(--space-2)); }
/* סצנה אחת בכל שלב (במקום בניין שנבנה) */
.rise--scenes .rise__l { opacity: 0; transition: opacity .5s; }
.rise--scenes[data-stage="1"] .rise__l1, .rise--scenes[data-stage="2"] .rise__l2,
.rise--scenes[data-stage="3"] .rise__l3, .rise--scenes[data-stage="4"] .rise__l4 { opacity: 1; }
.rise--scenes .rise__step p:not(.rise__note) { font-size: clamp(1.2rem, 1rem + .7vw, 1.6rem); font-weight: 500; color: var(--color-text-strong); }
.rise-section .conclusion { margin-top: var(--space-6); }
html:not(.js) .rise--scenes .rise__l { opacity: 1; }

/* הערות 1.11: איור קו רקיע חדש — ירוק יותר; אייקונים בסגנון המצגות של אורי */
.hero--svc .hero__art-inner { aspect-ratio: 2141 / 480; }
.hero--svc .hero__art-img { opacity: .6; }
.statement__city img { opacity: .22; }
.why-block__icon { display: block; width: 5.5rem; height: 5.5rem; background: var(--green-600); -webkit-mask: var(--icon) center / contain no-repeat; mask: var(--icon) center / contain no-repeat; }
.why-block--c .why-block__icon { background: var(--sage-500); }
.svc-hero .t-lead { font-size: clamp(1.2rem, 1rem + .9vw, 1.75rem); font-weight: 500; line-height: 1.35; max-width: none; color: var(--color-text); }
.hero--svc .hero__art-inner { width: min(100%, 1700px); }
.hero--svc .hero__art-img { opacity: .8; }
.hero--svc { padding-bottom: clamp(8rem, 5rem + 12vw, 19rem); }
.why-block__icon--views { --icon: url(../assets/img/icons/views.svg); }
.why-block__icon--map { --icon: url(../assets/img/icons/map.svg); }
.why-block__icon--handshake { --icon: url(../assets/img/icons/handshake.svg); }
.why-block__icon--roles { --icon: url(../assets/img/icons/roles.svg); }