/* GINZBURG — SKETCH 2 (/sketch-2/, body.ir-s2) — 9.11.2026, after Irina's reply to sketch 1:
   "more luxurious, mature, elegant, impressive (WOW); too much cream & pastel, too little of our deep green; too illustrated, soft, even
   childish". So: deep green is the ground everywhere, marble + gold are the accents, renders instead of line icons and drawings, big
   quiet type (Heebo 300, the logo's register), thin gold rules. Loaded only on this page (ck-irina.php). */

body.ir-s2{background:#052823}
.ir-s2 .ir-s2-sec{color:#F8F4EE}
.ir-s2 .ir-eb .elementor-heading-title{color:#D9C4A5}
.ir-s2 .ir-eb .elementor-heading-title::before,.ir-s2 .ir-eb--center .elementor-heading-title::after{background:linear-gradient(90deg,#9C7C4F,#E9D9BE)}
.ir-s2-h2 .elementor-heading-title{font:300 clamp(34px,4vw,60px)/1.12 Heebo,sans-serif!important;letter-spacing:-.005em;color:#F8F4EE!important}
.ir-s2-h2 em,.ir-s2-h1 em{font-style:normal;background:var(--ir-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.ir-s2-head--c{text-align:center}
.ir-s2-note .elementor-heading-title{font-size:12px;letter-spacing:.14em;color:rgba(248,244,238,.45)}

/* ---------- header: deep green all the way (gold logo stays — irina.js allDark) ---------- */
.ir-s2 .ir-header.is-solid{background:rgba(5,40,35,.94);box-shadow:0 1px 0 rgba(217,196,165,.22)}
.ir-s2 .ir-header.is-solid .elementor-nav-menu--main .elementor-item,.ir-s2 .ir-header.is-solid .ir-hd-phone a{color:#F8F4EE!important}
.ir-s2 .ir-header.is-solid .elementor-nav-menu--main .elementor-item:hover{color:#E9D9BE!important}
.ir-s2 .ir-header.is-solid .ir-hd-cta .elementor-button{background:var(--ir-gold)!important;color:#07423B!important}
@media (min-width:1200px){
	.ir-s2 .ir-header.is-solid .ir-nav .elementor-nav-menu--main .sub-menu{background:linear-gradient(rgba(6,48,42,.55),rgba(6,48,42,.55)),url(marble-tile.jpg) center/cover!important}
	.ir-s2 .ir-header.is-solid .ir-nav .sub-menu a.elementor-sub-item{color:#F8F4EE!important}
	.ir-s2 .ir-header.is-solid .ir-nav .sub-menu a.elementor-sub-item:hover{color:#E9D9BE!important;background:rgba(7,40,35,.35)!important}
}
@media (max-width:1199px){
	.ir-s2 .ir-header.is-solid .ir-nav .elementor-menu-toggle{border-color:rgba(217,196,165,.55)}
	.ir-s2 .ir-header.is-solid .ir-nav .elementor-menu-toggle::before{background:#F3E8D6;box-shadow:0 -6px 0 #F3E8D6,0 6px 0 #F3E8D6}
	.ir-s2 .ir-header.is-solid .ir-hd-phone a{background:transparent;border-color:rgba(217,196,165,.55);color:#F3E8D6!important}
}

/* ---------- 1 hero: the same living video, a deeper veil, a bigger and quieter title ---------- */
.ir-s2 .ir-shero--full{min-height:100vh}
@media (min-width:768px){
	.ir-s2 .ir-shero--full::after{background:
		linear-gradient(to left,rgba(4,30,26,.94) 0%,rgba(4,30,26,.74) 36%,rgba(4,30,26,.25) 64%,rgba(4,30,26,.08) 82%),
		linear-gradient(to top,rgba(4,30,26,.8) 0%,rgba(4,30,26,0) 34%),
		linear-gradient(to bottom,rgba(4,30,26,.62) 0%,rgba(4,30,26,0) 22%)!important}
}
.ir-s2-h1 .elementor-heading-title{font:300 clamp(46px,5.4vw,88px)/1.04 Heebo,sans-serif!important;letter-spacing:-.01em;color:#F8F4EE!important}
.ir-s2-lead p{font:300 21px/1.6 Heebo,sans-serif;color:rgba(248,244,238,.86);margin:0;max-width:560px;padding-top:18px;border-top:1px solid rgba(217,196,165,.4)}
@media (max-width:767px){
	.ir-s2-h1 .elementor-heading-title{font-size:38px!important;line-height:1.1!important}
	.ir-s2-lead p{font-size:16px;padding-top:14px}
}

/* ---------- 3 project types: four renders, editorial 2×2 (wide/narrow, then narrow/wide) ---------- */
.ir-s2-types__g{gap:14px!important}
.ir-s2-type{position:relative;overflow:hidden;height:540px;isolation:isolate;cursor:default}
.ir-s2-type:nth-child(1),.ir-s2-type:nth-child(4){width:calc(58% - 7px)!important;--width:calc(58% - 7px)}
.ir-s2-type:nth-child(2),.ir-s2-type:nth-child(3){width:calc(42% - 7px)!important;--width:calc(42% - 7px)}
.ir-s2-type__img{position:absolute!important;inset:0;width:100%!important;height:100%;margin:0!important;z-index:-2}
.ir-s2-type__img .elementor-widget-container,.ir-s2-type__img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
.ir-s2-type::before{content:"";position:absolute;inset:0!important;z-index:-1;width:auto!important;height:auto!important;
	background:linear-gradient(to top,rgba(4,30,26,.92) 0%,rgba(4,30,26,.45) 38%,rgba(4,30,26,.05) 68%),rgba(4,30,26,.12)}
.ir-s2-type::after{content:"";position:absolute;inset:14px;border:1px solid rgba(217,196,165,0);transition:border-color .7s;pointer-events:none}
.ir-s2-type:hover::after{border-color:rgba(217,196,165,.6)}
.ir-s2-type__n{position:absolute!important;top:30px;right:34px;width:auto!important}
.ir-s2-type__n .elementor-heading-title{font:italic 400 30px/1 "Cormorant Garamond",Georgia,serif;color:#E9D9BE;letter-spacing:.06em;direction:ltr}
.ir-s2-type__t .elementor-heading-title{font:300 clamp(26px,2.3vw,36px)/1.2 Heebo,sans-serif;color:#F8F4EE}
.ir-s2-type__l .elementor-heading-title{font:300 17px/1.6 Heebo,sans-serif;color:rgba(248,244,238,.8);max-width:440px}
.ir-s2-type__l{position:relative}
.ir-s2-type__l::after{content:"";display:block;height:1px;width:46px;margin-top:16px;background:linear-gradient(90deg,#9C7C4F,#E9D9BE);transition:width .7s cubic-bezier(.22,.8,.24,1)}
.ir-s2-type:hover .ir-s2-type__l::after{width:110px}
.ir-s2-types .ir-aud-dot,.ir-s2 .ir-aud-dot{display:flex;align-items:center;justify-content:center;height:30px;min-height:0;min-width:0;padding:0 4px!important;margin:0;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;cursor:pointer}
.ir-s2 .ir-aud-dot__bar{background:rgba(248,244,238,.22)}
.ir-s2 .ir-aud-dot.is-on .ir-aud-dot__bar{background:rgba(248,244,238,.14)}
@media (max-width:1024px){
	.ir-swipe{flex-wrap:nowrap!important;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scrollbar-width:none;align-items:flex-start!important;
		margin-inline:-20px!important;padding-inline:20px!important;width:auto!important;max-width:none!important;gap:12px!important}
	.ir-swipe::-webkit-scrollbar{display:none}
	.ir-s2-type,.ir-s2-type:nth-child(n){flex:0 0 58%!important;width:auto!important;height:440px;scroll-snap-align:center}
	.ir-s2-types .ir-aud-dots{margin-top:8px}
}
@media (max-width:767px){
	.ir-swipe{margin-inline:-16px!important;padding-inline:16px!important}
	.ir-s2-type,.ir-s2-type:nth-child(n){flex-basis:86%!important;height:min(118vw,460px)}
	.ir-s2-type__n{top:22px;right:24px}
	.ir-s2-type::after{inset:10px;border-color:rgba(217,196,165,.4)}
}

/* ---------- 4 why us: the brand marble, darkened; three large statements between gold rules ---------- */
.ir-s2-whysec{box-shadow:inset 0 0 0 100vmax rgba(4,32,28,.38)}
.ir-s2-whyrow{width:100%!important;--width:100%;max-width:1100px;margin:0 auto;align-self:stretch!important}
.ir-s2-why{align-items:center!important;text-align:center;position:relative}
.ir-s2-why+.ir-s2-why::before{content:"";position:absolute;right:0;top:12%;bottom:12%;width:1px!important;height:auto!important;inset:auto;
	background:linear-gradient(to bottom,rgba(217,196,165,0),rgba(217,196,165,.7),rgba(217,196,165,0))}
.ir-s2-why__n .elementor-heading-title{font:italic 400 46px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.04em;background:var(--ir-gold);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr}
.ir-s2-why__t .elementor-heading-title{font:300 clamp(22px,2vw,30px)/1.3 Heebo,sans-serif;color:#F8F4EE;max-width:260px;margin:0 auto}
@media (max-width:767px){
	.ir-s2-whyrow{flex-direction:column!important}
	.ir-s2-why{width:100%!important}
	.ir-s2-why+.ir-s2-why::before{top:0;bottom:auto;right:25%;left:25%;width:auto!important;height:1px!important;background:linear-gradient(90deg,rgba(217,196,165,0),rgba(217,196,165,.7),rgba(217,196,165,0))}
}

/* ---------- 5 the process: her four steps; the render beside them follows the step in view (ir-cap) ---------- */
.ir-s2-proc{background:radial-gradient(90% 60% at 100% 0,rgba(217,196,165,.08),transparent 60%),#052823!important}
.ir-s2-proc .ir-cap__item{padding:46px 0!important;border-top:1px solid rgba(217,196,165,.18)}
.ir-s2-proc .ir-cap__n .elementor-heading-title{font:italic 400 40px/1 "Cormorant Garamond",Georgia,serif!important;letter-spacing:.04em;direction:ltr;text-align:right}
.ir-s2-proc .ir-cap__t .elementor-heading-title{font:300 clamp(25px,2.3vw,34px)/1.25 Heebo,sans-serif!important;color:#F8F4EE}
.ir-s2-proc .ir-cap__l .elementor-heading-title{font:300 17.5px/1.75 Heebo,sans-serif!important;color:rgba(248,244,238,.78)}
.ir-s2-bul{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:9px}
.ir-s2-bul li{display:flex;align-items:center;gap:14px;font:400 15.5px/1.4 Heebo,sans-serif;color:#E9D9BE;letter-spacing:.01em}
.ir-s2-bul li::before{content:"";flex:0 0 18px;height:1px;background:linear-gradient(90deg,#9C7C4F,#E9D9BE)}
.ir-s2-proc__media{aspect-ratio:4/5}
.ir-s2-proc__media::after{content:"";position:absolute;inset:12px;border:1px solid rgba(217,196,165,.55);pointer-events:none;z-index:2}
.ir-s2-proc__cta{position:relative}
@media (max-width:1024px){
	.ir-s2-proc__media{display:none!important}
	html.ir-tx .ir-s2-proc .ir-cap__item{opacity:1}
}


/* why us — fixes (9.11): the gold dividers (inset:auto had cancelled their position) and a stronger scale */
.ir-s2-why+.ir-s2-why::before{inset:auto!important;right:0!important;top:8%!important;bottom:8%!important;left:auto!important;width:1px!important;height:auto!important;opacity:1!important}
.ir-s2-why{padding-top:18px!important;padding-bottom:18px!important}
.ir-s2-why__n .elementor-heading-title{font-size:58px!important}
.ir-s2-why__t .elementor-heading-title{font-size:clamp(24px,2.3vw,34px)!important;max-width:300px!important;line-height:1.28!important}
@media (max-width:767px){
	.ir-s2-why+.ir-s2-why::before{top:0!important;bottom:auto!important;right:25%!important;left:25%!important;width:auto!important;height:1px!important}
	.ir-s2-why{padding-top:30px!important;padding-bottom:30px!important}
	.ir-s2-why__n .elementor-heading-title{font-size:46px!important}
}
@media (max-width:767px){
	.ir-s2-proc__cta{flex-direction:column!important;flex-wrap:nowrap!important;gap:10px!important;width:100%!important}
	.ir-s2-proc__cta .elementor-widget-button{width:100%!important}
	.ir-s2-proc__cta .elementor-button{width:100%;justify-content:center;min-height:52px;display:flex;align-items:center}
}
.ir-nowrap{white-space:nowrap}

/* 9.11 (Shaked: "בריחוף מין ריצוד בצדדי התמונות") — the scaled render shimmered along the clipped edges (Chrome re-rasterises a big
   image every frame of a scale transition inside overflow:hidden). The image gets its own GPU layer, the tile clips with contain:paint
   (+ the Safari mask trick), and the zoom is gentler. */

/* 9.11 round 2 (Shaked: "עדיין יש ריצוד קצת בריחוף") — no geometry on hover at all: the render does not scale any more (a scaled image
   inside a clipped tile shimmers at its edges on some screens whatever layer tricks are used). Hover = the render lights up a little,
   the gold frame draws in and the gold rule under the text grows. Nothing changes size or position ⇒ nothing to shimmer. */
.ir-s2-type__img img,.ir-s2-type:hover .ir-s2-type__img img{transform:none!important;transition:filter .9s ease!important;will-change:auto}
.ir-s2-type__img img{filter:brightness(.9) saturate(.94)}
.ir-s2-type:hover .ir-s2-type__img img{filter:brightness(1.03) saturate(1.02)}

/* ====================== 9.11: the planning process as a TIMELINE (irina.js .ir-tl) ====================== */
.ir-tl{position:relative;--p:0}
.ir-tl__frame{width:100%;padding:110px 0 80px!important}
.ir-tl__top{width:100%!important;padding:0 72px!important}
.ir-tl__head{width:auto!important}
.ir-tl__step{position:relative;flex:none!important}
.ir-tl__n .elementor-heading-title{font:italic 400 46px/1 "Cormorant Garamond",Georgia,serif!important;letter-spacing:.04em;direction:ltr;text-align:right;background:var(--ir-gold);-webkit-background-clip:text;background-clip:text;color:transparent}
.ir-tl__t .elementor-heading-title{font:300 clamp(24px,2.1vw,32px)/1.25 Heebo,sans-serif!important;color:#F8F4EE}
.ir-tl__l .elementor-heading-title{font:300 16.5px/1.75 Heebo,sans-serif!important;color:rgba(248,244,238,.78)}
.ir-tl__img{margin:0!important;position:relative}
.ir-tl__img .elementor-widget-container,.ir-tl__img img{width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;display:block}
.ir-tl__img::after{content:"";position:absolute;inset:10px;border:1px solid rgba(217,196,165,.45);pointer-events:none}

/* --- the rail (built by JS): a gold line that fills + four nodes --- */
.ir-tl__rail{position:relative;display:grid;grid-template-columns:repeat(4,1fr);margin:40px 72px 34px;direction:rtl}
.ir-tl__line{position:absolute;top:8px;right:0;left:0;height:1px;background:rgba(217,196,165,.22)}
.ir-tl__fill{position:absolute;inset:0;background:linear-gradient(270deg,#9C7C4F,#E9D9BE);transform-origin:right center;transform:scaleX(var(--p))}
#process .ir-tl__node{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:8px;padding:0 0 0 12px!important;margin:0;border:0!important;border-radius:0!important;
	background:transparent!important;box-shadow:none!important;color:rgba(248,244,238,.5)!important;text-align:right;cursor:pointer;min-height:0;font:inherit;line-height:1.2}
.ir-tl__node i{display:block;width:17px;height:17px;border-radius:50%;border:1px solid rgba(217,196,165,.6);background:#052823;transition:background .5s,box-shadow .5s,transform .5s}
.ir-tl__node b{font:italic 400 20px/1 "Cormorant Garamond",Georgia,serif;letter-spacing:.06em;color:#C9AE85;direction:ltr}
.ir-tl__node span{font:300 14px/1.35 Heebo,sans-serif;max-width:220px;transition:color .5s}
.ir-tl__node.is-past i{background:#B99B76}
.ir-tl__node.is-on i{background:#E9D9BE;box-shadow:0 0 0 6px rgba(217,196,165,.16),0 0 22px rgba(233,217,190,.55);transform:scale(1.12)}
.ir-tl__node.is-on span{color:#F8F4EE}
#process .ir-tl__node:hover span{color:#E9D9BE}
#process .ir-tl__node:focus-visible{outline:1px solid #B99B76;outline-offset:6px}

/* --- desktop: pinned, sideways --- */
.ir-tl.is-pinned>.ir-tl__frame{position:sticky!important;top:0;height:100vh;overflow:hidden;justify-content:center!important;padding:92px 0 36px!important}
.ir-tl.is-pinned .ir-tl__track{width:max-content!important;max-width:none!important;padding:0 72px!important;gap:56px!important;will-change:transform}
.ir-tl.is-pinned .ir-tl__step{width:min(880px,64vw)!important;height:min(440px,50vh);border:1px solid rgba(217,196,165,.2);background:rgba(248,244,238,.025);
	opacity:.34;transition:opacity .7s ease,border-color .7s ease}
.ir-tl.is-pinned .ir-tl__step.is-on{opacity:1;border-color:rgba(217,196,165,.6)}
.ir-tl.is-pinned .ir-tl__txt{width:54%!important;padding:34px 42px!important;justify-content:center!important}
.ir-tl.is-pinned .ir-tl__img{width:46%!important;height:100%}
@media (max-height:760px){.ir-tl.is-pinned .ir-tl__l .elementor-heading-title{font-size:15px!important;line-height:1.6!important}.ir-tl__rail{margin:26px 72px 24px}}

/* --- phones / tablets / reduced motion: a vertical timeline with a line that fills --- */
.ir-tl:not(.is-pinned) .ir-tl__rail{display:none}
.ir-tl:not(.is-pinned) .ir-tl__frame{padding:90px 20px 70px!important}
.ir-tl:not(.is-pinned) .ir-tl__top{padding:0!important}
.ir-tl:not(.is-pinned) .ir-tl__track{flex-direction:column!important;flex-wrap:nowrap!important;gap:22px!important;position:relative;padding:0 34px 0 0!important;margin-top:42px;width:100%!important}
.ir-tl:not(.is-pinned) .ir-tl__track::before,.ir-tl:not(.is-pinned) .ir-tl__track::after{content:"";position:absolute;inset:auto!important;top:6px!important;right:8px!important;bottom:6px!important;width:1px!important;height:auto!important;opacity:1!important;background:rgba(217,196,165,.22)}
.ir-tl:not(.is-pinned) .ir-tl__track::after{bottom:auto!important;height:calc(var(--p) * (100% - 12px))!important;background:linear-gradient(180deg,#E9D9BE,#9C7C4F)}
.ir-tl:not(.is-pinned) .ir-tl__step{flex-direction:column!important;width:100%!important;border:1px solid rgba(217,196,165,.22);background:rgba(248,244,238,.025)}
.ir-tl:not(.is-pinned) .ir-tl__step::before{content:"";position:absolute;inset:auto!important;top:30px!important;right:-33px!important;width:15px!important;height:15px!important;border-radius:50%;
	border:1px solid rgba(217,196,165,.6);background:#052823;opacity:1!important;transition:background .5s,box-shadow .5s;z-index:2}
.ir-tl:not(.is-pinned) .ir-tl__step.is-past::before{background:#B99B76}
.ir-tl:not(.is-pinned) .ir-tl__step.is-on::before{background:#E9D9BE;box-shadow:0 0 0 5px rgba(217,196,165,.16),0 0 18px rgba(233,217,190,.5)}
.ir-tl:not(.is-pinned) .ir-tl__txt{width:100%!important;padding:26px 22px 22px!important}
.ir-tl:not(.is-pinned) .ir-tl__img{width:100%!important;aspect-ratio:16/10;height:auto}
.ir-tl:not(.is-pinned) .ir-tl__n .elementor-heading-title{font-size:38px!important}
@media (max-width:767px){
	.ir-tl__top{flex-direction:column!important;align-items:stretch!important}
	.ir-tl:not(.is-pinned) .ir-tl__frame{padding:76px 16px 60px!important}
	.ir-tl:not(.is-pinned) .ir-tl__track{padding-right:28px!important}
	.ir-tl:not(.is-pinned) .ir-tl__track::before,.ir-tl:not(.is-pinned) .ir-tl__track::after{right:6px!important}
	.ir-tl:not(.is-pinned) .ir-tl__step::before{right:-29px!important}
}
/* pinned timeline — fit one screen: heading and buttons on one row, card height from what is left of the viewport */
.ir-tl.is-pinned .ir-tl__top{flex-wrap:nowrap!important;align-items:flex-end!important}
.ir-tl.is-pinned .ir-tl__head{flex:1 1 auto!important;min-width:0}
.ir-tl.is-pinned .ir-s2-proc__cta{flex:0 0 auto!important;width:auto!important;flex-wrap:nowrap!important}
.ir-tl.is-pinned .ir-tl__step{height:clamp(320px,calc(100vh - 380px),460px)!important}
.ir-tl.is-pinned .ir-tl__rail{margin:30px 72px 28px}
/* 9.11 — project types swipe row: each card snaps to the start (right) edge with the same 16/20px margin, the next one peeks in on the
   left (centre-snapping left the card ~30px off and cut its left side) */
@media (max-width:1024px){
	.ir-swipe{scroll-padding-inline:20px}
	.ir-s2-type,.ir-s2-type:nth-child(n){scroll-snap-align:start!important}
}
@media (max-width:767px){
	.ir-swipe{scroll-padding-inline:16px}
	.ir-s2-type,.ir-s2-type:nth-child(n){flex-basis:84%!important}
}
/* ☠️ the swipe row came out 593px on a 375px phone (Elementor sized it to its content, not to the parent) ⇒ cards were 84% of 593 and
   the row hung off the screen. Its width = the parent + the two negative margins. */
@media (max-width:1024px){.ir-swipe{width:calc(100% + 40px)!important;max-width:calc(100% + 40px)!important;align-self:stretch!important;flex:none!important}}
@media (max-width:767px){.ir-swipe{width:calc(100% + 32px)!important;max-width:calc(100% + 32px)!important}}

/* ====================== 11.11 — Irina's second round ====================== */
/* 2 — "תחומי התמחות", big and clear */
.ir-s2-h2--xl .elementor-heading-title{font-size:clamp(44px,5.2vw,78px)!important;line-height:1.05!important}

/* 3 — much tighter spacing between the sections (desktop + phones); the dividers stay as they are */
.ir-s2 .ir-s2-sec{padding-top:84px!important;padding-bottom:84px!important}
.ir-s2 .ir-ft-cta{padding-top:84px!important;padding-bottom:56px!important}
@media (max-width:767px){
	.ir-s2 .ir-s2-sec{padding-top:56px!important;padding-bottom:56px!important}
	.ir-s2 .ir-ft-cta{padding-top:56px!important;padding-bottom:40px!important}
	.ir-s2 .ir-s2-sec>.e-con-inner{gap:26px!important}
}

/* why us: clean bullets beside her water-wall render, which is always shown WHOLE (its own proportions, never cropped) */
.ir-s2-whylist{list-style:none;margin:0;padding:0;display:grid;gap:0}
.ir-s2-whylist li{display:flex;align-items:center;gap:18px;padding:20px 0;border-top:1px solid rgba(217,196,165,.32);font:300 clamp(22px,2vw,29px)/1.3 Heebo,sans-serif;color:#F8F4EE}
.ir-s2-whylist li:last-child{border-bottom:1px solid rgba(217,196,165,.32)}
.ir-s2-whylist li::before{content:"";flex:0 0 9px;width:9px;height:9px;transform:rotate(45deg);background:linear-gradient(135deg,#9C7C4F,#E9D9BE)}
.ir-s2-why__cta{margin-top:6px}
.ir-s2-showcase{position:relative;margin:0!important}
.ir-s2-showcase .elementor-widget-container{position:relative;line-height:0}
.ir-s2-showcase img{width:100%!important;height:auto!important;max-width:none!important;object-fit:contain!important;aspect-ratio:auto!important;display:block;box-shadow:0 30px 60px -24px rgba(0,0,0,.55)}
.ir-s2-showcase .elementor-widget-container::after{content:"";position:absolute;inset:10px;border:1px solid rgba(233,217,190,.55);pointer-events:none}

/* 6 — the planning process as the first design's photo panels (.ir-aud), on the deep green: text on the picture (marble plate),
   panels open one after another with the dots; a small, gentle zoom-in as a panel opens */
.ir-s2-procp .ir-aud{height:600px}
.ir-s2-pp .ir-aud__plate{width:min(520px,calc(100% - 68px))!important;gap:10px!important}
.ir-s2-pp .ir-aud__t .elementor-heading-title{font-size:24px}
.ir-s2-pp .ir-aud__l .elementor-heading-title{font-size:15.5px;line-height:1.65}
.ir-s2-pp .ir-s2-bul{gap:6px;margin-top:2px}
.ir-s2-pp .ir-s2-bul li{font-size:14.5px}
.ir-s2-pp .ir-aud__n .elementor-heading-title{font-size:34px}
.ir-s2-pp .ir-aud__img img,.ir-s2-pp:not(.is-on) .ir-aud__img img{transform:scale(1);will-change:transform;backface-visibility:hidden;transition:transform 1.2s ease,filter .8s}
.ir-s2-pp.is-on .ir-aud__img img{transform:scale(1.05);transition:transform 6s cubic-bezier(.2,.6,.3,1),filter .8s}
.ir-s2-procp .ir-aud-dots{margin-top:18px}
@media (max-width:1024px){
	.ir-s2-procp .ir-aud{height:auto}
	.ir-s2-pp,.ir-s2-pp.is-on{height:min(150vw,640px)!important}
	.ir-s2-pp .ir-aud__img img,.ir-s2-pp.is-on .ir-aud__img img{transform:none!important}
	.ir-s2-pp .ir-aud__t .elementor-heading-title{font-size:20px}
	.ir-s2-pp .ir-aud__l .elementor-heading-title{font-size:14.5px;line-height:1.55}
}
/* why us — the render sat under the text at full width (an image widget ignores the container width setting) ⇒ two columns ≥1025 */
@media (min-width:1025px){
	.ir-s2-whysec>.e-con-inner{flex-wrap:nowrap!important;align-items:center!important}
	.ir-s2-whysec .ir-s2-why__col{flex:0 0 36%!important;width:36%!important}
	.ir-s2-whysec .ir-s2-showcase{flex:1 1 0!important;width:auto!important;min-width:0}
}
/* process panels — while a panel closes its plate must not re-flow into a narrow column (it shrank with the panel): a fixed width
   (the closing panel simply clips it) and a quicker fade-out; the opening panel still fades it in after the panel has opened */
@media (min-width:1025px){
	.ir-s2-pp .ir-aud__plate{width:min(520px,calc(var(--ir-open-w,700px) - 68px))!important;max-width:none!important}
	.ir-s2-pp:not(.is-on) .ir-aud__plate{transition:opacity .18s ease,transform .3s ease!important}
}
/* spacing, one notch tighter still (desktop 72 / phones 44; it was 130 / 76) */
.ir-s2 .ir-s2-sec{padding-top:72px!important;padding-bottom:72px!important}
.ir-s2 .ir-ft-cta{padding-top:72px!important}
@media (max-width:767px){.ir-s2 .ir-s2-sec{padding-top:44px!important;padding-bottom:44px!important}.ir-s2 .ir-ft-cta{padding-top:44px!important}}
/* 11.11 round 2 (Shaked: "המרווחים עדיין ממש גדולים — בחצי") — ☠️ a boxed Elementor section carries its padding on TWO layers: the
   section AND its .e-con-inner (the 130px default sat on the inner one, so the earlier 72px override only added to it: 202px before
   every section's content). Now: the outer layer 0, the inner one the real value — about half of what was seen. */
.ir-s2 .ir-s2-sec,.ir-s2 .ir-ft-cta{padding-top:0!important;padding-bottom:0!important}
.ir-s2 .ir-s2-sec>.e-con-inner{padding-top:96px!important;padding-bottom:96px!important}
.ir-s2 .ir-ft-cta>.e-con-inner{padding-top:96px!important;padding-bottom:64px!important}
@media (max-width:767px){
	.ir-s2 .ir-s2-sec>.e-con-inner{padding-top:56px!important;padding-bottom:56px!important}
	.ir-s2 .ir-ft-cta>.e-con-inner{padding-top:56px!important;padding-bottom:40px!important}
}