@property --cu{syntax:"<number>";inherits:true;initial-value:1}.hp4{--hp4-navy:#00204a;--hp4-blue:#175ec5;--hp4-bright:#6aa8ff;--hp4-line:#eaf2ffdb;--hp4-dim:#eaf2ffc7;--hp4-amber:#f2a33a;background:var(--hp4-navy);color:var(--color-white);isolation:isolate;position:relative;overflow:clip}.hp4 .hp4-open{min-block-size:100svh;padding:clamp(2rem, 6svh, 4rem) var(--page-edge) 0;flex-direction:column;display:flex;position:relative}.hp4 .hp4-photo{z-index:-1;position:absolute;inset:0;overflow:hidden}.hp4 .hp4-photo__z{transform:scale(calc(1.02 + .08 * var(--z,.5)));transform-origin:50% 72%;will-change:transform;position:absolute;inset:0}.hp4 .hp4-photo__z picture,.hp4 .hp4-photo__z img{block-size:100%;inline-size:100%;display:block}.hp4 .hp4-photo__z img{object-fit:cover;object-position:42% 62%}.hp4 .hp4-photo:before,.hp4 .hp4-photo:after{content:"";z-index:1;pointer-events:none;position:absolute;inset:0}.hp4 .hp4-photo:before{background:linear-gradient(to bottom, var(--hp4-navy) 0%, #00204ae6 22%, #00204abd 40%, #00204a52 56%, #00204a00 70%)}.hp4 .hp4-photo:after{background:linear-gradient(to top, var(--hp4-navy) 0%, #00204a8c 9%, #00204a00 24%)}.hp4 .hp4-title{max-inline-size:11.5ch;font-family:var(--font-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.6rem,.4rem + 11.4vw,6.5rem);font-weight:600;line-height:1;position:relative}:root:lang(he) .hp4 .hp4-title{letter-spacing:0;max-inline-size:12.5ch;line-height:1.08}.hp4 .hp4-w{display:inline-block}.hp4 .hp4-mark{display:inline-block;position:relative}.hp4 .hp4-mark:after{content:"";background:var(--hp4-bright);transform-origin:0;block-size:max(4px,.07em);position:absolute;inset-block-end:-.04em;inset-inline:.02em}[dir=rtl] .hp4 .hp4-mark:after{transform-origin:100%}.hp4 .hp4-field{isolation:isolate;padding-inline:var(--page-edge);position:relative}.hp4 .hp4-beat{gap:clamp(1.25rem,3.4svh,2rem);padding-block:clamp(2.25rem,7svh,4.5rem);display:grid}.hp4 .hp4-beat:first-of-type{padding-block-start:clamp(1rem,3svh,2rem)}.hp4 .hp4-beat__copy{gap:.85rem;max-inline-size:34rem;display:grid}.hp4 .hp4-beat__tick{background:var(--tone,var(--hp4-bright));block-size:3px;inline-size:2.25rem;box-shadow:0 0 14px -2px var(--tone,transparent);border-radius:3px;margin-block-end:.15rem;display:block}.hp4 .hp4-beat__title{font-family:var(--font-display);letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(2rem,1.15rem + 3.5vw,3.5rem);font-weight:600;line-height:1.04}:root:lang(he) .hp4 .hp4-beat__title{letter-spacing:0;line-height:1.12}.hp4 .hp4-beat__line{--i:1;max-inline-size:38ch;font-family:var(--font-body);color:var(--hp4-dim);text-wrap:pretty;margin:0;font-size:clamp(1.0625rem,1rem + .3vw,1.25rem);line-height:1.5}.hp4 .hp4-art{--p:1;inline-size:100%;max-inline-size:34rem;margin:0}.hp4 .hp4-stage{position:relative}.hp4 .hp4-svg{direction:ltr;block-size:auto;inline-size:100%;display:block;overflow:visible}.hp4 .hp4-hits{isolation:isolate;direction:ltr;position:absolute;inset:0}.hp4 .hp4-hit{cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:2px;margin:0;padding:0;position:absolute}.hp4 .hp4-hit:before{content:"";z-index:-1;position:absolute;inset-block:min(0px,50% - 12px);inset-inline:min(0px,50% - 12px)}.hp4 .hp4-hit--owner{border-radius:10px}.hp4 .hp4-hit:focus-visible{z-index:1;outline:2px solid var(--color-white);outline-offset:1px}@media (hover:hover){.hp4 .hp4-hit:hover{background:#eaf2ff24}}.hp4 .hp4-cap{font-family:var(--font-body);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.35rem 1rem;margin-block-start:.85rem;font-size:.875rem;line-height:1.4;display:flex}.hp4 .hp4-cap__hint{color:var(--hp4-dim);align-items:center;gap:.55rem;display:inline-flex}.hp4 .hp4-cap__hint:before{content:"";background:var(--hp4-bright);border-radius:50%;flex:none;block-size:.5rem;inline-size:.5rem}.hp4 .hp4-cap__read{font-variant-numeric:tabular-nums;color:var(--color-white);font-weight:500}.hp4 .hp4-cap__pick{flex:auto;justify-content:flex-end;align-items:center;gap:.75rem;display:flex}.hp4 .hp4-step{flex:none;gap:.5rem;display:inline-flex}.hp4 .hp4-step__btn{border:1px solid var(--color-line-2);border-radius:var(--radius-sq,2px);block-size:2.5rem;inline-size:2.5rem;color:var(--color-hi);cursor:pointer;touch-action:manipulation;transition:background .16s var(--ease-ui), border-color .16s var(--ease-ui);background:0 0;place-items:center;margin:0;padding:0;display:inline-grid}.hp4 .hp4-step__btn:focus-visible{outline:2px solid var(--color-ui);outline-offset:3px}@media (hover:hover){.hp4 .hp4-step__btn:hover{background:var(--color-navy-2);border-color:var(--color-ui)}}.hp4 .hp4-step__chev--back,[dir=rtl] .hp4 .hp4-step__chev{transform:scaleX(-1)}[dir=rtl] .hp4 .hp4-step__chev--back{transform:none}@media (max-width:47.99rem){.hp4 .hp4-cap__pick{flex-basis:100%;justify-content:space-between}}.hp4 .hp4-svg *{--k:clamp(0, calc((var(--p) - var(--t,0)) * var(--r,10)), 1);--e:calc(var(--k) * var(--k) * (3 - 2 * var(--k)))}.hp4 .hp4-ln{fill:none;stroke:var(--hp4-line);stroke-width:1.4px;stroke-linejoin:miter}.hp4 .hp4-ln--faint{stroke:#eaf2ff57;stroke-width:1px}.hp4 .hp4-ln--thin{stroke:#eaf2ff99;stroke-width:1px}.hp4 .hp4-ln--ground{stroke:#eaf2ff80}.hp4 .hp4-lobby{fill:#eaf2ff1a;stroke:#eaf2ff57;stroke-width:1px}.hp4 .hp4-draw{stroke-dasharray:1 1;stroke-dashoffset:calc(1 - var(--e))}.hp4 .hp4-fade{opacity:var(--e)}.hp4 .hp4-apt{--f:calc(2 * min(var(--k), 1 - var(--k)));fill:color-mix(in srgb, #eaf2ff calc(var(--f) * 85%), var(--hp4-blue));fill-opacity:var(--e);stroke:#eaf2ff47;stroke-width:.8px;stroke-opacity:clamp(0, calc(var(--p) * 10), 1)}.hp4 .hp4-sel{transition:opacity .5s var(--ease-ui)}.hp4[data-live] .hp4-art:not([data-touched]) .hp4-sel{opacity:clamp(0, calc((var(--p) - .86) * 9), 1)}.hp4 .hp4-apt-on{fill:var(--color-white)}.hp4 .hp4-apt-ring{fill:none;stroke:var(--color-white);stroke-width:1.2px}.hp4 .hp4-lead-halo,.hp4 .hp4-link-halo{fill:none;stroke:var(--hp4-navy);stroke-width:4px;stroke-opacity:.8}.hp4 .hp4-lead{fill:none;stroke:var(--color-white);stroke-width:1px;stroke-dasharray:1 1}.hp4 .hp4-card__bg{fill:#00183af0;stroke:#eaf2ff8c;stroke-width:1px}.hp4 .hp4-plan-wall,.hp4 .hp4-plan-ext{fill:none;stroke:var(--hp4-line);stroke-width:1px;stroke-dasharray:1 1}.hp4 .hp4-plan-ext{stroke:var(--color-white);stroke-width:2px}.hp4 .hp4-plan-wet{fill:var(--hp4-blue);fill-opacity:.75}.hp4 .hp4-plan-gap{fill:none;stroke:#00183a;stroke-width:3px}.hp4 .hp4-plan-door{fill:none;stroke:#eaf2ffb3;stroke-width:.8px}.hp4 .hp4-plan-win{fill:none;stroke:var(--hp4-bright);stroke-width:2.4px}.hp4 .hp4-plan-dim{fill:none;stroke:#eaf2ff80;stroke-width:.7px}.hp4 .hp4-person{--e:calc(1 - (1 - var(--k)) * (1 - var(--k)));--r:7;fill:#eaf2ff;opacity:min(1, calc(var(--k) * 3));transform:translate(calc(var(--dx) * (1 - var(--e)) * 1px), calc(var(--dy) * (1 - var(--e)) * 1px)) scale(calc(.42 + .36 * var(--e)));transform-origin:0 0}.hp4 .hp4-person-on{fill:var(--hp4-bright);transform:scale(.84)}.hp4 .hp4-home{fill:var(--hp4-blue);fill-opacity:calc(var(--e) * .6);stroke:#eaf2ff4d;stroke-width:.8px}.hp4 .hp4-web path{fill:none;stroke:#6aa8ff33;stroke-width:.8px}.hp4 .hp4-link{fill:none;stroke:var(--hp4-bright);stroke-width:1.8px;stroke-dasharray:1 1}.hp4 .hp4-link-dot{fill:var(--hp4-bright)}.hp4 .hp4-art--bal{--c:clamp(0, calc((var(--p) - .52) * 2.6), 1);transition:--cu .7s var(--ease-ui)}.hp4 .hp4-art--bal[data-user]{--c:var(--cu)}.hp4 .hp4-art--bal[data-drag]{transition:none}.hp4 .hp4-change,.hp4 .hp4-change *{--k:clamp(0, calc((var(--c) - var(--t,0)) * var(--r,10)), 1)}.hp4 .hp4-amber{fill:none;stroke:var(--hp4-amber);stroke-width:1.8px}.hp4 .hp4-amber-fill{fill:var(--hp4-amber);opacity:calc(var(--e) * var(--o,.2))}.hp4 .hp4-hatch{stroke:var(--hp4-amber);stroke-width:1.1px;stroke-opacity:.8}.hp4 .hp4-bal--changed .hp4-rail{stroke-opacity:calc(1 - clamp(0, calc((var(--c) - .3) * 2.5), 1))}.hp4 .hp4-compare{grid-template-columns:auto minmax(4rem,1fr) auto;align-items:center;gap:.9rem;margin-block-start:.6rem;display:grid}.hp4 .hp4-compare__end{appearance:none;min-block-size:44px;font-family:var(--font-body);color:var(--hp4-dim);white-space:nowrap;cursor:pointer;transition:color .24s var(--ease-ui);-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:4px;margin:0;padding:.5rem .15rem;font-size:.9375rem;font-weight:500}.hp4 .hp4-compare__end[aria-pressed=true]{color:var(--color-white)}.hp4 .hp4-compare__end:focus-visible,.hp4 .hp4-compare__thumb:focus-visible{outline:2px solid var(--color-white);outline-offset:3px}.hp4 .hp4-compare__track{cursor:pointer;touch-action:pan-y;-webkit-tap-highlight-color:transparent;block-size:44px;position:relative}.hp4 .hp4-compare__track:before,.hp4 .hp4-compare__fill{content:"";border-radius:1px;block-size:2px;position:absolute;inset-block-start:calc(50% - 1px)}.hp4 .hp4-compare__track:before{background:#eaf2ff47;inset-inline:0}.hp4 .hp4-compare__fill{inline-size:calc(var(--c) * 100%);background:var(--hp4-amber);inset-inline-start:0}.hp4 .hp4-compare__thumb{background:var(--color-white);block-size:26px;inline-size:26px;box-shadow:0 0 0 4px var(--hp4-navy);cursor:grab;border-radius:50%;position:absolute;inset-block-start:calc(50% - 13px);inset-inline-start:calc(var(--c) * 100% - 13px)}.hp4 .hp4-compare__thumb:after{content:"";background:var(--hp4-amber);opacity:var(--c);border-radius:50%;position:absolute;inset:8px}.hp4 [data-drag] .hp4-compare__thumb{cursor:grabbing}.hp4 .hp4-answer{padding-block:clamp(1.5rem,5svh,3.5rem) clamp(2.5rem,8svh,5rem)}.hp4 .hp4-answer__line{max-inline-size:18ch;font-family:var(--font-display);letter-spacing:-.03em;color:var(--color-white);text-wrap:balance;margin:0;font-size:clamp(2.1rem,1rem + 5vw,4rem);font-weight:600;line-height:1.06}:root:lang(he) .hp4 .hp4-answer__line{letter-spacing:0;line-height:1.12}.hp4 .hp4-answer__line:before{content:"";background:var(--hp4-bright);block-size:3px;inline-size:2.5rem;margin-block-end:1.1rem;display:block}.hp4 .hp4-w,.hp4 .hp4-beat__copy>*,.hp4 .hp4-answer__line{transition:opacity .7s cubic-bezier(.2, 0, 0, 1) calc(var(--i,0) * 80ms), transform .7s cubic-bezier(.2, 0, 0, 1) calc(var(--i,0) * 80ms)}.hp4 .hp4-mark:after{transition:transform .7s cubic-bezier(.2,0,0,1) .8s}.hp4[data-live] [data-hp-in]:not([data-in]) :is(.hp4-w,.hp4-beat__copy>*,.hp4-answer__line){opacity:0;transform:translateY(16px)}.hp4[data-live] [data-hp-in]:not([data-in]) .hp4-mark:after{transform:scaleX(0)}@keyframes hp4-draw{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}@keyframes hp4-in{0%{opacity:0}to{opacity:1}}.hp4 .hp4-lead,.hp4 .hp4-link{animation:.7s cubic-bezier(.2,0,0,1) both hp4-draw}.hp4 .hp4-plan-ext,.hp4 .hp4-plan-wall{animation:.9s cubic-bezier(.2,0,0,1) .2s both hp4-draw}.hp4 .hp4-card,.hp4 .hp4-apt-on,.hp4 .hp4-apt-ring,.hp4 .hp4-person-on,.hp4 .hp4-link-dot{animation:.4s cubic-bezier(.2,0,0,1) both hp4-in}.hp4 .hp4-plan-wet,.hp4 .hp4-plan-gap,.hp4 .hp4-plan-door,.hp4 .hp4-plan-win,.hp4 .hp4-plan-dim{animation:.6s cubic-bezier(.2,0,0,1) .6s both hp4-in}@media (prefers-reduced-motion:reduce){.hp4 .hp4-pick,.hp4 .hp4-pick *,.hp4 .hp4-art--bal{transition:none!important;animation:none!important}}html[data-motion=paused] .hp4 .hp4-pick,html[data-motion=paused] .hp4 .hp4-pick *,html[data-motion=paused] .hp4 .hp4-art--bal{transition:none!important;animation:none!important}@media (min-width:48rem){.hp4 .hp4-title{max-inline-size:15ch;font-size:clamp(3.25rem,.9rem + 5.2vw,6.5rem)}:root:lang(he) .hp4 .hp4-title{max-inline-size:14ch;font-size:clamp(3.5rem,1rem + 5.6vw,7rem)}.hp4 .hp4-photo__z img{object-position:50% 60%}.hp4 .hp4-ln{stroke-width:1.1px}.hp4 .hp4-amber{stroke-width:1.5px}.hp4 .hp4-beat{grid-template-columns:minmax(0,5fr) minmax(0,6fr);grid-template-areas:"copy art";align-items:center;column-gap:clamp(2rem,5vw,6rem)}.hp4 .hp4-beat[data-side=end]{grid-template-columns:minmax(0,6fr) minmax(0,5fr);grid-template-areas:"art copy"}.hp4 .hp4-beat__copy{grid-area:copy}.hp4 .hp4-beat:first-of-type{padding-block-start:clamp(2rem,5svh,3rem)}.hp4 .hp4-art{--hp4-out:1;grid-area:art;justify-self:end}.hp4 [data-side=end] .hp4-art{--hp4-out:-1;justify-self:start}[dir=rtl] .hp4 .hp4-art{--hp4-out:-1}[dir=rtl] .hp4 [data-side=end] .hp4-art{--hp4-out:1}.hp4[data-live] .hp4-art{transform:translateX(calc(var(--hp4-out) * 3rem * (1 - var(--p)) * (1 - var(--p))))}}
.hw4{--hw4-navy:#00204a;--hw4-edge:max(var(--gut), calc((100vw - var(--page-max)) / 2 + var(--gut)));--hw4-fade-start:linear-gradient(to right, transparent, #0000005c 2.25%, #000c 4.5%, #000 6.5%);--hw4-fade-ends:linear-gradient(to bottom, transparent, #0000005c 1.5rem, #000c 3rem, #000 4.25rem, #000 calc(100% - 4.25rem), #000c calc(100% - 3rem), #0000005c calc(100% - 1.5rem), transparent);background:var(--hw4-navy);color:var(--color-hi);position:relative}[dir=rtl] .hw4{--hw4-fade-start:linear-gradient(to left, transparent, #0000005c 2.25%, #000c 4.5%, #000 6.5%)}html:not(.js) .hw4 .scroll-stage{block-size:auto}html:not(.js) .hw4 .scroll-stage__pin{--pin-under:0px;block-size:auto;position:relative}.hw4-root{--a1:1;--lb:0;--w:0;--wl:0;--h0:1;--zm:0;--fm:0;--o2:0;--pl:1;--ic:1;--in:1;--t1:0;--t2:0;--ft:1;--fb:1;--panel:100%;block-size:calc(var(--vh-s) + var(--pin-under));background:var(--hw4-navy);grid-template-rows:auto minmax(0,1fr);grid-template-columns:100%;display:grid;position:relative;overflow:hidden}.hw4-field{--ff:min(18%, 9rem);-webkit-mask-image:linear-gradient(to bottom, rgb(0 0 0/calc(1 - var(--ft))), rgb(0 0 0/calc(1 - .62 * var(--ft))) calc(var(--ff) * .4), #000 var(--ff), #000 calc(100% - var(--ff)), rgb(0 0 0/calc(1 - .62 * var(--fb))) calc(100% - var(--ff) * .4), rgb(0 0 0/calc(1 - var(--fb))));mask-image:linear-gradient(to bottom, rgb(0 0 0/calc(1 - var(--ft))), rgb(0 0 0/calc(1 - .62 * var(--ft))) calc(var(--ff) * .4), #000 var(--ff), #000 calc(100% - var(--ff)), rgb(0 0 0/calc(1 - .62 * var(--fb))) calc(100% - var(--ff) * .4), rgb(0 0 0/calc(1 - var(--fb))))}.hw4-vis{grid-area:2/1;position:relative;overflow:hidden}.hw4-fig{margin:0;position:absolute;inset:0}.hw4-fig>picture,.hw4-fig>.hw4-ov{transform-origin:50% 70%;position:absolute;inset:0}.hw4-img{object-fit:cover;object-position:50% 100%;block-size:100%;inline-size:100%;display:block}.hw4-ov{pointer-events:none;block-size:100%;inline-size:100%;overflow:visible}.hw4-ov--panel{display:none}.hw4-root{--wf:calc(min(1, (1 - var(--w)) * 8) * 3rem)}.hw4-fig[data-i="0"]{opacity:calc(var(--h0) * min(1, (1 - var(--w)) * 2));clip-path:inset(max(0px, calc(var(--w) * 100% - var(--wf))) 0 0 0);-webkit-mask-image:linear-gradient(#0000,#000 1.75rem);mask-image:linear-gradient(#0000,#000 1.75rem);container:hw4room/size}.hw4-fig[data-i="0"]>picture,.hw4-fig[data-i="0"]>.hw4-ov{transform:scale(calc(1 + .06 * (1 - var(--in))))}.hw4-root{--hw4-wipe-edge:linear-gradient(to top, transparent calc((1 - var(--w)) * 100%), #0000005c calc((1 - var(--w)) * 100% + .35 * var(--wf)), #000c calc((1 - var(--w)) * 100% + .7 * var(--wf)), #000 calc((1 - var(--w)) * 100% + var(--wf)))}.hw4-fig[data-i="1"]{clip-path:inset(0 0 calc((1 - var(--w)) * 100%) 0);opacity:calc(1 - var(--fm));-webkit-mask-image:linear-gradient(to bottom, transparent, #0000005c 1.75rem, #000c 3.5rem, #000 5rem), var(--hw4-wipe-edge);mask-image:linear-gradient(to bottom, transparent, #0000005c 1.75rem, #000c 3.5rem, #000 5rem), var(--hw4-wipe-edge);-webkit-mask-composite:source-in;mask-composite:intersect;container-type:size}.hw4-fig[data-i="1"]>picture{transform:scale(calc(1 + .08 * var(--zm)));transform-origin:50% 44%}.hw4-fig[data-i="1"] .hw4-img{object-position:50% 83%;object-position:50% clamp(100cqh - 235.19cqw, 44cqh - 137.67cqw, 0px)}.hw4-wipe{z-index:1;opacity:var(--wl);pointer-events:none;position:absolute;inset:0;overflow:hidden}.hw4-wipe:before{content:"";background:var(--color-white);block-size:2px;margin-block-start:-1px;position:absolute;inset-block-start:calc(var(--w) * 100%);inset-inline:0}.hw4-fig[data-i="2"]{opacity:var(--o2)}.hw4-corner--short{display:none}@container hw4room (max-height:469px) or (min-aspect-ratio:10/11){.hw4-ov--phone .hw4-corner--full{display:none}.hw4-ov--phone .hw4-corner--short{display:inline}}.hw4-draw{fill:none;stroke-linecap:butt;stroke-linejoin:miter;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - clamp(0, (var(--a1) - var(--s)) * var(--r), 1))}.hw4-sv__halo{stroke:#fffc}.hw4-sv__line{stroke:var(--color-blue)}.hw4-sv__cp{--d:clamp(0, (var(--a1) - var(--s)) * var(--r), 1);fill:var(--color-blue);stroke:var(--color-white);opacity:var(--d);transform:scale(calc(.3 + .7 * var(--d)));transform-box:fill-box;transform-origin:50%}.hw4-st{--d:clamp(0, (var(--a1) - var(--s)) * var(--r), 1);opacity:var(--d);transform:scale(calc(.6 + .4 * var(--d)));transform-box:fill-box;transform-origin:50%}.hw4-st__ring{fill:#ffffffb8;stroke:var(--color-blue)}.hw4-st__cross{fill:none;stroke:var(--color-blue)}.hw4-st__dot{fill:var(--color-ui)}.hw4-beam{stroke:var(--color-ui);stroke-linecap:round;opacity:var(--lb)}.hw4-beam--halo{stroke:#4390ff38}.hw4-spot{opacity:var(--lb)}.hw4-spot__dot{fill:var(--color-white);stroke:var(--color-ui)}.hw4-spot__ring{fill:none;stroke:var(--color-ui);opacity:0;transform-box:fill-box;transform-origin:50%}.hw4-root[data-laser] .hw4-spot__ring{animation:hw4-ping 1.4s var(--ease-ui) infinite}@keyframes hw4-ping{0%{opacity:.9;transform:scale(.35)}to{opacity:0;transform:scale(1.2)}}.hw4-plan{inset:.5rem var(--page-edge) calc(2 * 52px + .75rem + 2.75rem + var(--pin-under));flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,3.5svh,2rem);display:flex;position:absolute}.hw4-plan__svg{flex:0 auto;block-size:auto;min-block-size:0;inline-size:100%;display:block;overflow:visible}.hw4-plan__walls path{--wk:clamp(0, (var(--pl) - var(--k) * .68) * 6.25, 1);fill:none;stroke:var(--color-hi);stroke-width:calc(var(--t) * var(--wx,1.5));stroke-linecap:butt;stroke-dasharray:1 2;stroke-dashoffset:calc(1 - var(--wk));opacity:calc(.35 + .65 * var(--wk))}.hw4-plan__unit{fill:var(--color-blue);opacity:calc(.34 * clamp(0, (var(--pl) - .62 - var(--k) * .3) * 12, 1))}.hw4-plan__thin,.hw4-plan__door,.hw4-plan__fix{fill:none;vector-effect:non-scaling-stroke}.hw4-plan__thin{stroke:var(--color-t40);stroke-width:1px;opacity:calc(.9 * clamp(0, (var(--pl) - .04) * 2.5, 1))}.hw4-plan__door{stroke:var(--color-t40);stroke-width:1px;opacity:calc(.9 * clamp(0, (var(--pl) - .5) * 2.5, 1))}.hw4-plan__fix{stroke:var(--color-t64);stroke-width:.7px;opacity:calc(.75 * clamp(0, (var(--pl) - .6) * 2.5, 1))}.hw4-icons{flex:none;gap:clamp(.85rem,4vw,1.5rem);margin:0;padding:0;list-style:none;display:flex}.hw4-icon{--d:clamp(0, (var(--ic) - var(--i) * .28) * 2.2, 1);background:var(--color-blue);block-size:3.25rem;inline-size:3.25rem;opacity:var(--d);transform:translateY(calc((1 - var(--d)) * 1rem)) scale(calc(.86 + .14 * var(--d)));border-radius:10px;padding:.5rem}.hw4-icon svg{fill:none;block-size:100%;inline-size:100%;stroke:var(--color-white);stroke-width:1.5px;stroke-linejoin:miter;stroke-linecap:square;display:block}.hw4-icon__wall{stroke-width:2px}.hw4-icon__fine{stroke-width:1px}.hw4-icon__fill{fill:#ffffff47}.hw4-icon__mark{fill:var(--color-white);stroke:none}.hw4-copy{z-index:2;padding:calc(var(--header-h) + .85rem) var(--page-edge) .85rem;grid-area:1/1}.hw4-head{justify-content:space-between;align-items:center;gap:.75rem;display:flex}.hw4-h2{min-inline-size:0;max-inline-size:11em;font-family:var(--font-display);font-size:1.1875rem;font-weight:var(--display-weight);letter-spacing:-.02em;color:var(--color-hi);text-wrap:balance;flex:0 auto;margin:0;line-height:1.15}.hw4-nums{flex:none;align-items:center;display:flex}.hw4-num{block-size:44px;inline-size:44px;color:var(--color-hi);font-family:var(--font-display);font-variant-numeric:tabular-nums;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .4s var(--ease-ui), border-color .4s var(--ease-ui), color .4s var(--ease-ui), box-shadow .4s var(--ease-ui);border:1.5px solid #eaf2ff6b;border-color:color-mix(in srgb, var(--tone,var(--color-ui)) 55%, #eaf2ff4d);background:0 0;border-radius:50%;place-items:center;padding:0;font-size:17px;font-weight:600;line-height:1;display:grid}.hw4-num[data-done]{border-color:var(--tone,var(--color-blue));background:color-mix(in srgb, var(--tone,var(--color-blue)) 28%, transparent);color:var(--color-white)}.hw4-num[aria-current=step]{border-color:var(--tone,var(--color-white));background:var(--tone,var(--color-white));color:var(--hw4-navy);box-shadow:0 0 0 5px color-mix(in srgb, var(--tone,var(--color-white)) 22%, transparent), 0 0 26px -4px var(--tone,transparent)}.hw4-num:hover{border-color:var(--tone,var(--color-white))}.hw4-num:focus-visible{outline:2px solid var(--color-ui);outline-offset:4px}.hw4-track{background:#eaf2ff38;border-radius:1px;block-size:2px;inline-size:12px;margin-inline:4px;position:relative;overflow:hidden}.hw4-track>span{background:var(--color-t40);transform:scaleX(var(--t1));transform-origin:0;position:absolute;inset:0}.hw4-track[data-k="2"]>span{transform:scaleX(var(--t2))}.hw4-track[data-k="1"]>span{background:linear-gradient(90deg, var(--tone-amber), var(--tone-blue))}.hw4-track[data-k="2"]>span{background:linear-gradient(90deg, var(--tone-blue), var(--tone-green))}[dir=rtl] .hw4-track[data-k="1"]>span{background:linear-gradient(270deg, var(--tone-amber), var(--tone-blue))}[dir=rtl] .hw4-track[data-k="2"]>span{background:linear-gradient(270deg, var(--tone-blue), var(--tone-green))}[dir=rtl] .hw4-track>span{transform-origin:100%}.hw4-steps{margin:1rem 0 0;padding:0;list-style:none;display:grid}.hw4-step{grid-area:1/1}.hw4-root:not([data-step="0"]) .hw4-step[data-i="0"],.hw4-root:not([data-step="1"]) .hw4-step[data-i="1"],.hw4-root:not([data-step="2"]) .hw4-step[data-i="2"]{pointer-events:none}.hw4-title{--d:.12s;max-inline-size:13ch;font-family:var(--font-display);font-size:clamp(2rem,1.2rem + 3.6vw,2.5rem);font-weight:var(--display-weight);letter-spacing:var(--h2-track);color:var(--color-hi);text-wrap:balance;margin:0;line-height:1.06}.hw4-line{--d:.2s;max-inline-size:30ch;font-family:var(--font-body);color:#eaf2ffdb;text-wrap:pretty;margin:.55rem 0 0;font-size:1.0625rem;line-height:1.4}:lang(he) .hw4-h2{letter-spacing:0}:lang(he) .hw4-title{max-inline-size:20ch;line-height:1.1}:lang(he) .hw4-line{font-size:1.125rem}.hw4-title,.hw4-line{opacity:0;transition:opacity .28s var(--ease-ui), transform 0s linear .28s;transform:translateY(16px)}.hw4-root[data-step="0"] .hw4-step[data-i="0"] :is(.hw4-title,.hw4-line),.hw4-root[data-step="1"] .hw4-step[data-i="1"] :is(.hw4-title,.hw4-line),.hw4-root[data-step="2"] .hw4-step[data-i="2"] :is(.hw4-title,.hw4-line){opacity:1;transition:opacity .7s var(--ease-ui) var(--d), transform .7s var(--ease-ui) var(--d);transform:none}.hw4-h2,.hw4-nums,.hw4-steps{transition:opacity .7s var(--ease-ui) var(--pd,0s), transform .7s var(--ease-ui) var(--pd,0s)}.hw4-nums{--pd:80ms}.hw4-steps{--pd:.16s}.hw4-root[data-pre] :is(.hw4-h2,.hw4-nums,.hw4-steps){opacity:0;transform:translateY(16px)}.hw4-cta{z-index:3;padding:0 var(--page-edge) max(1.25rem, env(safe-area-inset-bottom));opacity:0;visibility:hidden;transition:opacity .28s var(--ease-ui), transform 0s linear .28s, visibility 0s linear .28s;flex-direction:column;align-items:flex-start;gap:.75rem;display:flex;position:absolute;inset-block-end:var(--pin-under);inset-inline:0;transform:translateY(16px)}.hw4-root[data-step="2"] .hw4-cta{opacity:1;visibility:visible;transition:opacity .7s var(--ease-ui) .28s, transform .7s var(--ease-ui) .28s, visibility 0s;transform:none}@media (min-width:48rem) and (min-aspect-ratio:9/10){.hw4-root{--panel:min(64%, max(56%, 86svh));display:block}.hw4-vis{inline-size:var(--panel);position:absolute;inset-block:0;inset-inline:auto 0}.hw4-img,.hw4-fig[data-i="1"] .hw4-img{object-position:50% 50%}.hw4-fig>picture,.hw4-fig>.hw4-ov{transform-origin:50% 55%}.hw4-fig[data-i="0"]{-webkit-mask-image:none;mask-image:none}.hw4-fig[data-i="1"]{-webkit-mask-image:var(--hw4-fade-start), var(--hw4-wipe-edge);mask-image:var(--hw4-fade-start), var(--hw4-wipe-edge)}.hw4-fig[data-i="1"]>picture{transform:scale(calc(1 + .05 * var(--zm)));transform-origin:35% 55%}[dir=rtl] .hw4-fig[data-i="1"]>picture{transform-origin:72% 55%}.hw4-ov--phone{display:none}.hw4-ov--panel{display:block}.hw4-copy{inset-block:0 var(--pin-under);inset-inline:var(--page-edge) auto;inline-size:calc(100% - var(--panel) - var(--page-edge) - clamp(2rem, 4vw, 4rem));padding:var(--header-h) 0 0;flex-direction:column;justify-content:center;display:flex;position:absolute}.hw4-head{flex-direction:column;align-items:flex-start;gap:1.4rem}.hw4-h2{max-inline-size:none;font-size:clamp(1.3rem,.95rem + .65vw,1.75rem)}.hw4-num{block-size:52px;inline-size:52px;font-size:19px}.hw4-track{inline-size:28px;margin-inline:6px}.hw4-steps{margin-block-start:2rem}.hw4-title{max-inline-size:12ch;font-size:clamp(2.6rem,.9rem + 3.4vw,4.6rem);line-height:1.04}:lang(he) .hw4-title{max-inline-size:16ch}.hw4-line,:lang(he) .hw4-line{margin-block-start:1.1rem;font-size:clamp(1.15rem,.85rem + .6vw,1.45rem)}.hw4-cta{flex-flow:wrap;gap:12px;margin-block-start:2.25rem;padding:0;position:static}.hw4-plan{inset:0 0 var(--pin-under);gap:clamp(2.25rem,6svh,3.5rem);padding:12% 9%}.hw4-plan__svg{--wx:1.25}.hw4-icon{border-radius:12px;block-size:4.5rem;inline-size:4.5rem;padding:.7rem}}@media (prefers-reduced-motion:reduce){.hw4 .hw4-root{grid-template-rows:none;block-size:auto;display:grid;overflow:visible;--a1:1!important;--lb:0!important;--pl:1!important;--ic:1!important;--in:1!important;--zm:0!important;--ft:1!important;--fb:1!important}.hw4 .hw4-vis,.hw4 .hw4-copy,.hw4 .hw4-steps{display:contents}.hw4 .hw4-head{padding:3.5rem var(--hw4-edge) 0;grid-area:1/1/2/-1}.hw4 .hw4-nums,.hw4 .hw4-wipe{display:none}.hw4 :is(.hw4-h2,.hw4-steps,.hw4-title,.hw4-line,.hw4-cta){opacity:1;visibility:visible;transition:none;transform:none}.hw4 .hw4-step{padding:2rem var(--hw4-edge) 1.25rem;pointer-events:auto}.hw4 .hw4-step[data-i="0"]{grid-row:2}.hw4 .hw4-fig{block-size:72svh;position:relative;opacity:1!important;clip-path:none!important}.hw4 .hw4-fig[data-i="0"]{-webkit-mask-image:linear-gradient(#0000,#000 1.75rem calc(100% - 1.75rem),#0000);mask-image:linear-gradient(#0000,#000 1.75rem calc(100% - 1.75rem),#0000)}.hw4 .hw4-fig[data-i="1"]{-webkit-mask-image:var(--hw4-fade-ends);mask-image:var(--hw4-fade-ends)}.hw4 .hw4-fig[data-i="0"]{grid-row:3}.hw4 .hw4-step[data-i="1"]{grid-row:4}.hw4 .hw4-fig[data-i="1"]{grid-row:5;block-size:48svh}.hw4 .hw4-step[data-i="2"]{grid-row:6}.hw4 .hw4-fig[data-i="2"]{grid-row:7;block-size:auto}.hw4 .hw4-plan{padding:1.5rem var(--hw4-edge) 2.5rem;position:relative;inset:auto}.hw4 .hw4-cta{padding:0 var(--hw4-edge) 4rem;grid-row:8;position:static}}@media (prefers-reduced-motion:reduce) and (min-width:48rem) and (min-aspect-ratio:9/10){.hw4 .hw4-root{grid-template-columns:1fr var(--panel)}.hw4 .hw4-fig{grid-column:2;block-size:88svh}.hw4 .hw4-fig[data-i="0"]{grid-row:2}.hw4 .hw4-fig[data-i="1"]{block-size:88svh;-webkit-mask-image:var(--hw4-fade-ends), var(--hw4-fade-start);mask-image:var(--hw4-fade-ends), var(--hw4-fade-start);grid-row:3;-webkit-mask-composite:source-in;mask-composite:intersect}.hw4 .hw4-fig[data-i="2"]{grid-row:4/span 2;block-size:88svh}.hw4 .hw4-step{padding-block:2rem;padding-inline:var(--hw4-edge) clamp(2rem, 4vw, 4rem);grid-column:1;align-self:center}.hw4 .hw4-step[data-i="0"]{grid-row:2}.hw4 .hw4-step[data-i="1"]{grid-row:3}.hw4 .hw4-step[data-i="2"]{grid-row:4;align-self:end;padding-block-end:0}.hw4 .hw4-plan{padding:12% 9%;position:absolute;inset:0}.hw4 .hw4-cta{padding-block:2.25rem 0;padding-inline:var(--hw4-edge) clamp(2rem, 4vw, 4rem);grid-area:5/1;align-self:start;margin:0}}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-root{grid-template-rows:none;block-size:auto;display:grid;overflow:visible;--a1:1!important;--lb:0!important;--pl:1!important;--ic:1!important;--in:1!important;--zm:0!important;--ft:1!important;--fb:1!important}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-vis,:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-copy,:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-steps{display:contents}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-head{padding:3.5rem var(--hw4-edge) 0;grid-area:1/1/2/-1}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-nums,:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-wipe{display:none}:is(html:not(.js),html[data-motion=paused]) .hw4 :is(.hw4-h2,.hw4-steps,.hw4-title,.hw4-line,.hw4-cta){opacity:1;visibility:visible;transition:none;transform:none}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step{padding:2rem var(--hw4-edge) 1.25rem;pointer-events:auto}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="0"]{grid-row:2}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig{block-size:72svh;position:relative;opacity:1!important;clip-path:none!important}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="0"]{-webkit-mask-image:linear-gradient(#0000,#000 1.75rem calc(100% - 1.75rem),#0000);mask-image:linear-gradient(#0000,#000 1.75rem calc(100% - 1.75rem),#0000)}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="1"]{-webkit-mask-image:var(--hw4-fade-ends);mask-image:var(--hw4-fade-ends)}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="0"]{grid-row:3}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="1"]{grid-row:4}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="1"]{grid-row:5;block-size:48svh}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="2"]{grid-row:6}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="2"]{grid-row:7;block-size:auto}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-plan{padding:1.5rem var(--hw4-edge) 2.5rem;position:relative;inset:auto}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-cta{padding:0 var(--hw4-edge) 4rem;grid-row:8;position:static}@media (min-width:48rem) and (min-aspect-ratio:9/10){:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-root{grid-template-columns:1fr var(--panel)}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig{grid-column:2;block-size:88svh}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="0"]{grid-row:2}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="1"]{block-size:88svh;-webkit-mask-image:var(--hw4-fade-ends), var(--hw4-fade-start);mask-image:var(--hw4-fade-ends), var(--hw4-fade-start);grid-row:3;-webkit-mask-composite:source-in;mask-composite:intersect}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-fig[data-i="2"]{grid-row:4/span 2;block-size:88svh}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step{padding-block:2rem;padding-inline:var(--hw4-edge) clamp(2rem, 4vw, 4rem);grid-column:1;align-self:center}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="0"]{grid-row:2}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="1"]{grid-row:3}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-step[data-i="2"]{grid-row:4;align-self:end;padding-block-end:0}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-plan{padding:12% 9%;position:absolute;inset:0}:is(html:not(.js),html[data-motion=paused]) .hw4 .hw4-cta{padding-block:2.25rem 0;padding-inline:var(--hw4-edge) clamp(2rem, 4vw, 4rem);grid-area:5/1;align-self:start;margin:0}}