.xp{--xp-navy:#00204a;--xp-ease:cubic-bezier(.2, 0, 0, 1);--xp-panel-w:min(33rem, 40vw);padding:clamp(2rem, 5vw, 3.5rem) var(--page-edge) clamp(3rem, 6vw, 5rem);color:#fff;grid-template-columns:minmax(0,1fr);grid-template-areas:"views""intro""aside""cards";gap:1.5rem;display:grid;position:relative}.xp-map,.xp-pins,.xp-safe{display:none}.xp-panel{display:contents}.xp-intro{grid-area:intro;max-inline-size:44rem}.xp-cards{grid-area:cards;grid-template-columns:repeat(auto-fill,minmax(min(100%,19rem),1fr));gap:1rem;margin:0;padding:0;list-style:none;display:grid}.xp-aside{grid-area:aside;align-content:start;gap:.75rem;min-inline-size:0;display:grid}.xp-fig{margin:0}.xp-credit{color:#ffffffbd;font-family:var(--font-body);text-align:left;margin:0;font-size:.75rem;line-height:1.4}.xp-kicker{font-family:var(--font-body);color:#fffc;margin:0;font-size:1rem;font-weight:500}.xp-title{max-inline-size:14ch;font-size:var(--fs-h1);color:#fff;text-wrap:balance;margin:.6rem 0 0}.xp-lead{max-inline-size:34rem;font-family:var(--font-body);font-size:var(--fs-lead);color:#ffffffdb;text-wrap:pretty;margin:1rem 0 0;line-height:1.5}.xp-hint{display:none}.xp-card{background:#ffffff0a;border:1px solid #ffffff24;border-radius:16px;flex-direction:column;padding:1.25rem 1.25rem 1.35rem;display:flex}.xp-card__count{font-family:var(--font-body);color:#fffc;margin:0;font-size:.9375rem;font-weight:500;line-height:1.3}.xp-card__glyph{flex:none;block-size:19px;inline-size:14px}.xp-card__glyph path{fill:#fff}.xp-card__glyph circle{fill:var(--color-blue)}.xp-card__title--none .xp-card__glyph{opacity:.45}.xp-card__title--city{align-items:center;gap:.6rem;display:flex}.xp-card__glyph--title{block-size:.68em;min-block-size:22px;inline-size:.5em;min-inline-size:16px}.xp-card__title{font-family:var(--font-display);letter-spacing:-.025em;color:#fff;text-wrap:balance;margin:.4rem 0 0;font-size:clamp(1.45rem,1.2rem + .8vw,1.85rem);font-weight:600;line-height:1.08}:lang(he) .xp-card__title{letter-spacing:0;font-weight:700}.xp-plist{border-block-start:1px solid #ffffff29;grid-template-columns:minmax(0,1fr);gap:0 1rem;margin:.9rem 0 0;padding:.35rem 0 0;list-style:none;display:grid}.xp-plist>li{border-block-end:1px solid #ffffff14;min-inline-size:0}.xp-card[data-size=long] .xp-plist{grid-template-columns:repeat(2,minmax(0,1fr))}.xp-prow{color:#fff;min-block-size:44px;transition:background-color .2s var(--xp-ease);border-radius:8px;justify-content:space-between;align-items:center;gap:.75rem;margin-inline:-.5rem;padding:.4rem .5rem;text-decoration:none;display:flex}.xp-prow:hover{background:#ffffff14}.xp-prow:focus-visible{outline:2px solid var(--color-ui);outline-offset:-2px}.xp-prow__text{flex-direction:column;min-inline-size:0;display:flex}.xp-prow__name{font-family:var(--font-body);font-size:.9375rem;font-weight:600;line-height:1.25}.xp-prow__dev{font-family:var(--font-body);color:#ffffffbd;font-size:.8125rem;line-height:1.3}.xp-prow__num{font-family:var(--font-display);letter-spacing:-.02em;font-variant-numeric:lining-nums tabular-nums;flex:none;font-size:1.25rem;font-weight:600;line-height:1}.xp-prow__none{max-inline-size:6.5rem;font-family:var(--font-body);color:#ffffffbd;text-align:end;flex:none;font-size:.75rem;line-height:1.25}.xp-views{grid-area:views;justify-self:start}.xp-fig__map{background:var(--xp-navy);direction:ltr;border-radius:16px;position:relative;overflow:hidden}.xp-fig__img{block-size:auto;max-inline-size:none;display:block;position:absolute}.xp-fig__pins,.xp-fig__leads{margin:0;padding:0;list-style:none;position:absolute;inset:0}.xp-fig__leads{block-size:100%;inline-size:100%;overflow:visible}.xp-fig__leads line{stroke:#ffffffd1;stroke-width:1.25px}.xp-fig__dot{background:radial-gradient(circle, var(--color-blue) 0 2.6px, #fff 3.2px);border-radius:50%;block-size:12px;inline-size:12px;margin:-6px 0 0 -6px;position:absolute;box-shadow:0 0 0 1px #00204a73,0 2px 4px #00000059}.xp-fig__label{block-size:20px;font-family:var(--font-body);white-space:nowrap;background:#00204ae6;border-radius:6px;padding:0 .4rem;font-size:.75rem;font-weight:600;line-height:20px;position:absolute;transform:translateY(-50%);box-shadow:0 0 0 1px #ffffff24}.xp-fig__label[data-align=right]{transform:translate(-100%,-50%)}.xp-fig__label:lang(he){direction:rtl}@media (min-width:48rem) and (min-aspect-ratio:9/10){.xp{grid-template:"views views""intro intro""cards aside"1fr/minmax(0,1fr) minmax(18rem,27rem);column-gap:clamp(1.5rem,3vw,3rem)}.xp-aside{inline-size:min(100%, max(20rem, calc((var(--vh-s) - var(--header-h) - 7.5rem) * var(--xp-aspect,.6))));place-self:start end;position:sticky;inset-block-start:calc(var(--header-h) + 1.5rem)}.xp-cards{align-self:start}}html:not(.js) .xp-runway{block-size:auto}html:not(.js) .xp-runway>.scroll-stage__pin{block-size:auto;position:relative}html:not(.js) .xp-runway>.scroll-stage__pin,html[data-motion=paused] .xp-runway>.scroll-stage__pin{overflow:visible}@media (prefers-reduced-motion:reduce){.xp-runway>.scroll-stage__pin{overflow:visible}}@property --xp-cut{syntax:"<length-percentage>";inherits:true;initial-value:50%}@media (prefers-reduced-motion:no-preference){html.js:not([data-motion=paused]) .xp{transition:--xp-cut .7s var(--xp-ease);isolation:isolate;background:var(--xp-navy);block-size:100%;padding:0;display:block;overflow:hidden}html.js:not([data-motion=paused]) .xp-aside{display:contents}html.js:not([data-motion=paused]) .xp-fig{display:none}html.js:not([data-motion=paused]) .xp-map{z-index:0;direction:ltr;display:block;position:absolute;inset:0}html.js:not([data-motion=paused]) .xp-canvas,html.js:not([data-motion=paused]) .xp-flat{opacity:0;block-size:100%;inline-size:100%;transition:opacity .9s var(--xp-ease);display:block;position:absolute;inset:0}html.js:not([data-motion=paused]) .xp-flat{transform-origin:0 0;-webkit-mask-composite:source-in;block-size:auto;inline-size:auto;max-inline-size:none;display:none;inset:0 auto auto 0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%),linear-gradient(#0000 0,#000 3% 97%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 5% 95%,#0000 100%),linear-gradient(#0000 0,#000 3% 97%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}html.js:not([data-motion=paused]) .xp[data-mode] .xp-flat{display:block}html.js:not([data-motion=paused]) .xp[data-mode=flat] .xp-canvas{display:none}html.js:not([data-motion=paused]) .xp[data-ready] .xp-canvas,html.js:not([data-motion=paused]) .xp[data-mode=flat][data-ready] .xp-flat,html.js:not([data-motion=paused]) .xp[data-mode=gl][data-ph]:not([data-ready]) .xp-flat{opacity:1}html.js:not([data-motion=paused]) .xp[data-mode=gl][data-ready] .xp-flat{visibility:hidden;transition:opacity .9s var(--xp-ease), visibility 0s linear .9s}html.js:not([data-motion=paused]) .xp-scrim{pointer-events:none;background:linear-gradient(to bottom, #00204ab3 0, #00204a00 calc(var(--header-h) + 4rem)), linear-gradient(to top, #00204ad1 var(--pin-under,0px), #00204ac2 calc(var(--pin-under,0px) + 3.25rem), #00204a94 calc(var(--pin-under,0px) + 4.75rem), #00204a57 calc(var(--pin-under,0px) + 6.5rem), #00204a24 calc(var(--pin-under,0px) + 8.25rem), #00204a0a calc(var(--pin-under,0px) + 10rem), #00204a00 calc(var(--pin-under,0px) + 11.5rem));position:absolute;inset:0}html.js:not([data-motion=paused]) .xp-scrim:before{content:"";background:linear-gradient(var(--xp-scrim-to,to right), #00204af2 0, #00204ae6 calc(var(--page-edge) + var(--xp-panel-w) * .75), #00204a80 calc(var(--page-edge) + var(--xp-panel-w) + 4rem), #00204a00 calc(var(--page-edge) + var(--xp-panel-w) + 16rem));--xp-fade:linear-gradient(to bottom, #000 0, #000 var(--xp-cut,50%), #000000e6 calc(var(--xp-cut,50%) + 3rem), #000000b8 calc(var(--xp-cut,50%) + 6rem), #0000007a calc(var(--xp-cut,50%) + 9rem), #00000042 calc(var(--xp-cut,50%) + 12rem), #0000001a calc(var(--xp-cut,50%) + 15rem), transparent calc(var(--xp-cut,50%) + 19rem));-webkit-mask:var(--xp-fade);-webkit-mask:var(--xp-fade);mask:var(--xp-fade);position:absolute;inset:0}html.js:not([data-motion=paused]) .xp-scrim:after{content:"";background:linear-gradient(var(--xp-scrim-to,to right), #00204ae6 0, #00204ad1 calc(var(--page-edge) + var(--xp-panel-w) * .75), #00204a66 calc(var(--page-edge) + var(--xp-panel-w) + 4rem), #00204a00 calc(var(--page-edge) + var(--xp-panel-w) + 16rem));opacity:0;transition:opacity .8s var(--xp-ease);position:absolute;inset:0}html.js:not([data-motion=paused]) .xp[data-overview] .xp-scrim:after{opacity:1}html.js:not([data-motion=paused]):root[dir=rtl] .xp-scrim{--xp-scrim-to:to left}html.js:not([data-motion=paused]) .xp-safe{inset:0 0 var(--pin-under,0px);pointer-events:none;visibility:hidden;display:block;position:absolute}html.js:not([data-motion=paused]) .xp-panel{z-index:3;inline-size:var(--xp-panel-w);pointer-events:none;display:grid;position:absolute;inset-block-start:calc(var(--header-h) + clamp(1rem, 4svh, 2.5rem));inset-inline-start:var(--page-edge)}html.js:not([data-motion=paused]) .xp-intro,html.js:not([data-motion=paused]) .xp-cards{grid-area:2/1;align-self:start}html.js:not([data-motion=paused]) .xp-views{pointer-events:auto;grid-area:1/1;margin-block-end:clamp(1rem,3svh,1.75rem)}html.js:not([data-motion=paused]) .xp-intro[data-on],html.js:not([data-motion=paused]) .xp:not([data-active]) .xp-intro{pointer-events:auto}html.js:not([data-motion=paused]) .xp-cards{grid-template-columns:minmax(0,1fr);display:grid}html.js:not([data-motion=paused]) .xp-card{background:0 0;border:0;border-radius:0;grid-area:1/1;align-self:start;padding:0}html.js:not([data-motion=paused]) .xp-card[data-on]{pointer-events:auto}html.js:not([data-motion=paused]) .xp-card__title{font-size:clamp(1.9rem,1.2rem + 1.9vw,3rem);line-height:1.04}html.js:not([data-motion=paused]) .xp-card:not([data-on]) .xp-prow{pointer-events:none}html.js:not([data-motion=paused]) .xp-plist{margin-block-start:1rem}html.js:not([data-motion=paused]) .xp-card:not([data-size=long]) .xp-plist{max-inline-size:26rem}html.js:not([data-motion=paused]) .xp-hint{font-family:var(--font-body);color:#ffffffdb;align-items:center;gap:.7rem;margin:1.5rem 0 0;font-size:.9375rem;display:flex}html.js:not([data-motion=paused]) .xp-hint__cue{border:1.6px solid #ffffffd9;border-radius:10px;flex:none;block-size:28px;inline-size:18px;position:relative}html.js:not([data-motion=paused]) .xp-hint__cue:after{content:"";background:var(--color-ui);block-size:6px;inline-size:3px;animation:xp-wheel 1.8s var(--xp-ease) infinite;border-radius:2px;margin-left:-1.5px;position:absolute;top:5px;left:50%}@keyframes xp-wheel{0%{opacity:0;transform:translateY(0)}25%{opacity:1}70%,to{opacity:0;transform:translateY(9px)}}html.js:not([data-motion=paused]) .xp-line{opacity:0;transition:opacity .22s var(--xp-ease), transform 0s linear .24s;transform:translateY(16px)}html.js:not([data-motion=paused]) [data-on]>.xp-line,html.js:not([data-motion=paused]) .xp:not([data-active]) .xp-intro>.xp-line{opacity:1;transition:opacity .7s var(--xp-ease) calc(.16s + var(--i,0) * 80ms), transform .7s var(--xp-ease) calc(.16s + var(--i,0) * 80ms);transform:none}html.js:not([data-motion=paused]) .xp-card[data-on]:focus-within>.xp-line{opacity:1;transition:opacity .24s var(--xp-ease), transform .24s var(--xp-ease);transform:none}html.js:not([data-motion=paused]) .xp-pins{z-index:2;pointer-events:none;direction:ltr;margin:0;padding:0;list-style:none;display:block;position:absolute;inset:0}.xp-pin{will-change:transform;block-size:0;inline-size:0;transition:opacity .26s var(--xp-ease), visibility 0s linear 0s;position:absolute;top:0;left:0}.xp-pin[data-state=off]{opacity:0;visibility:hidden;transition:opacity .2s var(--xp-ease), visibility 0s linear .2s}.xp-pin__btn{block-size:44px;inline-size:44px;color:inherit;font:inherit;cursor:pointer;pointer-events:auto;background:0 0;border:0;border-radius:12px;padding:0;position:absolute;top:-44px;left:-22px}.xp-pin__btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.xp-pin__mark{transform-origin:50% 100%;transition:transform .5s var(--xp-ease), opacity .26s var(--xp-ease);pointer-events:none;position:absolute;inset:0;transform:scale(.8)}.xp-pin[data-active] .xp-pin__mark{transform:scale(1.1)}.xp-pin__glyph{block-size:32px;inline-size:24px;max-inline-size:none;position:absolute;bottom:0;left:10px}.xp[data-ready] .xp-pin__glyph{animation:xp-drop .7s cubic-bezier(.34, 1.3, .5, 1) calc(.25s + var(--rank,0) * 90ms) backwards}.xp[data-ready] .xp-pin__label{animation:xp-name .5s var(--xp-ease) calc(.52s + var(--rank,0) * 90ms) backwards}@keyframes xp-drop{0%{opacity:0;transform:translateY(-28px)}}@keyframes xp-name{0%{opacity:0;transform:translateY(6px)}}.xp-pin__glyph path{fill:#fff;stroke:#00204a73;stroke-width:1px;transition:fill .3s var(--xp-ease)}.xp-pin__glyph circle{fill:var(--color-blue);transition:fill .3s var(--xp-ease)}.xp-pin[data-active] .xp-pin__glyph path,.xp-pin__btn:hover .xp-pin__glyph path{fill:var(--color-blue);stroke:#fff}.xp-pin[data-active] .xp-pin__glyph circle,.xp-pin__btn:hover .xp-pin__glyph circle{fill:#fff}.xp-pin__shadow{background:radial-gradient(closest-side,#0000008c,#0000);border-radius:50%;block-size:6px;inline-size:18px;position:absolute;bottom:-3px;left:13px}.xp-pin__pulse{opacity:0;border:1.5px solid #ffffffe6;border-radius:50%;block-size:14px;inline-size:14px;position:absolute;bottom:-7px;left:15px;transform:scale(.5,.36)}.xp-pin[data-active] .xp-pin__pulse{animation:xp-pulse 2.6s var(--xp-ease) infinite}.xp-pin__dot{block-size:10px;inline-size:10px;box-shadow:0 0 0 2px var(--color-blue), 0 1px 4px #00000080;opacity:0;transition:opacity .26s var(--xp-ease), transform .26s var(--xp-ease);pointer-events:none;background:#fff;border-radius:50%;position:absolute;top:-5px;left:-5px;transform:scale(.4)}.xp-pin[data-state=dot] .xp-pin__dot{opacity:1;transform:none}.xp-pin[data-state=dot] .xp-pin__mark,.xp-pin[data-state=dot] .xp-pin__label{opacity:0}.xp-pin[data-state=dot] .xp-pin__mark{transform:scale(.4)}.xp-pin[data-state=dot] .xp-pin__btn{pointer-events:none}@keyframes xp-pulse{0%{opacity:.9;transform:scale(.5,.36)}80%,to{opacity:0;transform:scale(3.2,2.2)}}.xp-pin__label{font-family:var(--font-body);color:#fff;white-space:nowrap;opacity:1;transition:opacity .26s var(--xp-ease), background-color .3s var(--xp-ease);background:#00204ae0;border-radius:8px;align-items:center;gap:.4rem;padding:.3rem .55rem;font-size:.8125rem;font-weight:600;line-height:1.1;display:inline-flex;position:absolute;top:6px;box-shadow:0 4px 14px #00000047}.xp-pin__label:lang(he){direction:rtl}.xp-pin[data-side=end] .xp-pin__label{left:38px}.xp-pin[data-side=start] .xp-pin__label{right:38px}.xp-pin[data-label=false] .xp-pin__label{opacity:0;pointer-events:none}.xp-pin[data-active] .xp-pin__label{background:var(--color-blue);padding:.36rem .65rem;font-size:.9375rem}.xp-pin__count{background:var(--color-blue);block-size:1.25rem;min-inline-size:1.25rem;font-family:var(--font-body);border-radius:6px;place-items:center;margin-inline-end:-.2rem;padding-inline:.25rem;font-size:.75rem;font-weight:600;display:inline-grid}.xp-pin[data-active] .xp-pin__count{color:var(--xp-navy);background:#fff}html.js:not([data-motion=paused]) .xp-credit{z-index:3;right:var(--page-edge);bottom:calc(var(--pin-under,0px) + clamp(.75rem, 2svh, 1.25rem));max-inline-size:min(36rem, calc(100% - 2 * var(--page-edge) - var(--xp-panel-w) - 4rem));color:#ffffffd1;text-align:right;text-shadow:0 0 2px #001838f2,0 0 5px #001838d9,0 1px 3px #001432cc;pointer-events:none;position:absolute}html.js:not([data-motion=paused]):root[dir=rtl] .xp-credit{right:auto;left:var(--page-edge);text-align:left}@media (max-width:47.99rem),(max-aspect-ratio:9/10){html.js:not([data-motion=paused]) .xp{--xp-panel-w:auto}html.js:not([data-motion=paused]) .xp-panel{inset-block-start:calc(var(--header-h) + .9rem);inset-inline:var(--page-edge);inline-size:auto}html.js:not([data-motion=paused]) .xp-scrim:before{-webkit-mask:linear-gradient(to bottom, #000 0, #000 var(--xp-cut,46%), #00000073 calc(var(--xp-cut,46%) + 3rem), transparent calc(var(--xp-cut,46%) + 8rem));-webkit-mask:linear-gradient(to bottom, #000 0, #000 var(--xp-cut,46%), #00000073 calc(var(--xp-cut,46%) + 3rem), transparent calc(var(--xp-cut,46%) + 8rem));mask:linear-gradient(to bottom, #000 0, #000 var(--xp-cut,46%), #00000073 calc(var(--xp-cut,46%) + 3rem), transparent calc(var(--xp-cut,46%) + 8rem));background:#00204aed}html.js:not([data-motion=paused]) .xp-scrim{background:linear-gradient(to top, #00204ae0 var(--pin-under,0px), #00204acc calc(var(--pin-under,0px) + 4.25rem), #00204a8f calc(var(--pin-under,0px) + 5.75rem), #00204a4d calc(var(--pin-under,0px) + 7.25rem), #00204a1a calc(var(--pin-under,0px) + 8.75rem), #00204a00 calc(var(--pin-under,0px) + 10.5rem))}html.js:not([data-motion=paused]) .xp-scrim:after{display:none}html.js:not([data-motion=paused]) .xp-title{font-size:clamp(2rem,1.3rem + 3.6vw,2.6rem)}html.js:not([data-motion=paused]) .xp-lead{margin-block-start:.75rem;font-size:1rem}html.js:not([data-motion=paused]) .xp-hint{margin-block-start:1rem}html.js:not([data-motion=paused]) .xp-card__title{margin-block-start:.4rem;font-size:clamp(1.6rem,1.1rem + 2.6vw,2.1rem)}html.js:not([data-motion=paused]) .xp-card:is([data-size=mid],[data-size=long]) .xp-plist{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:.75rem}html.js:not([data-motion=paused]) .xp-plist{margin-block-start:.7rem}html.js:not([data-motion=paused]) .xp-prow{align-items:flex-start;gap:.4rem;padding-block:.35rem}html.js:not([data-motion=paused]) .xp-prow__name{font-size:.875rem}html.js:not([data-motion=paused]) .xp-prow__dev{font-size:.75rem}html.js:not([data-motion=paused]) .xp-prow__num{padding-block-start:.1rem;font-size:1.05rem}html.js:not([data-motion=paused]) .xp-views{margin-block-end:.9rem}html.js:not([data-motion=paused]) .xp-credit,html.js:not([data-motion=paused]):root[dir=rtl] .xp-credit{left:var(--page-edge);right:var(--page-edge);text-align:center;color:#fffc;max-inline-size:none;font-size:.75rem}}}.xp-card[data-tone] .xp-plist{position:relative}.xp-card[data-tone] .xp-plist:before{content:"";background:linear-gradient(90deg, var(--tone), color-mix(in srgb, var(--tone) 0%, transparent));border-radius:2px;block-size:2px;inline-size:min(9rem,45%);position:absolute;inset-block-start:-1px;inset-inline-start:0}[dir=rtl] .xp-card[data-tone] .xp-plist:before{background:linear-gradient(270deg, var(--tone), color-mix(in srgb, var(--tone) 0%, transparent))}.xp-card[data-tone] .xp-card__glyph circle{fill:var(--tone)}.xp:has(.xp-card[data-tone=amber][data-on]) .xp-pin[data-active]{--tone:var(--tone-amber);--tone-2:var(--tone-amber-2)}.xp:has(.xp-card[data-tone=blue][data-on]) .xp-pin[data-active]{--tone:var(--tone-blue);--tone-2:var(--tone-blue-2)}.xp:has(.xp-card[data-tone=green][data-on]) .xp-pin[data-active]{--tone:var(--tone-green);--tone-2:var(--tone-green-2)}.xp-pin[data-active] .xp-pin__glyph path{fill:var(--tone,var(--color-blue))}.xp-pin[data-active] .xp-pin__pulse{border-color:var(--tone,#ffffffe6)}.xp-pin[data-active] .xp-pin__label{background:color-mix(in srgb, var(--tone,var(--tone-blue)) 42%, #00204a);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--tone,var(--tone-blue)) 75%, transparent), 0 4px 14px #00000047}
