.proj-reel{--ink:#08080c;--indigo:#576FF6;--spark:#FF6F3C;--green:#00A47C;--cream:#F7F7F4;--mist:#A8A199;--head:"Unbounded","Noto Sans Hebrew",system-ui,sans-serif;--body:"Noto Sans Hebrew",system-ui,sans-serif;--accent:#FF6F3C;--a11y-scale:var(--a11y-text-scale,1);--reel-h:560vh;position:relative;direction:rtl;background:var(--ink);color:var(--cream)}.proj-reel *,.proj-reel *:before,.proj-reel *:after{box-sizing:border-box}.proj-reel__a11y{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.proj-reel .prog{position:fixed;inset-block-start:0;inset-inline:0;height:2px;z-index:50;background:#f7f7f412;transition:opacity .4s ease}.proj-reel .prog.is-past{opacity:0}.proj-reel .prog__bar{height:100%;width:var(--p,0%);background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 70%,transparent);transition:background .6s ease}.proj-reel .wrap{position:relative;height:var(--reel-h);z-index:1}.proj-reel .stage{position:sticky;inset-block-start:0;height:100vh;width:100%;overflow:hidden;background:var(--ink);cursor:none}.proj-reel canvas.gl{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;display:block;opacity:var(--reveal,0);transition:opacity .6s ease}.proj-reel.is-nogl canvas.gl{display:none}.proj-reel .fb{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.proj-reel:not(.is-nogl) .fb{opacity:0;pointer-events:none}.proj-reel .fb__layer{position:absolute;top:0;right:0;bottom:0;left:0;background-size:cover;background-position:center;opacity:0;transition:opacity .8s ease;background-color:#0c0b12}.proj-reel .fb__layer:not([style*=background-image]){background:radial-gradient(120% 120% at 70% 20%,color-mix(in srgb,var(--accent) 36%,#15131f),#0a0a0f 72%)}.proj-reel .veil{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:linear-gradient(0deg,rgba(8,8,12,.82),rgba(8,8,12,.18) 38%,transparent 58%),linear-gradient(270deg,rgba(8,8,12,.55),transparent 46%),linear-gradient(180deg,rgba(8,8,12,.5),transparent 22%)}.proj-reel .hit{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;display:block;cursor:none}.proj-reel .ui{position:absolute;top:0;right:0;bottom:0;left:0;z-index:4;pointer-events:none;padding:clamp(84px,11vh,128px) clamp(22px,5vw,80px) clamp(28px,5vh,56px);display:flex;flex-direction:column;justify-content:space-between}.proj-reel .ui__top{display:flex;align-items:center;justify-content:space-between;gap:16px}.proj-reel .eyebrow{display:inline-flex;align-items:center;gap:11px;font-family:var(--body);font-weight:600;letter-spacing:.26em;font-size:calc(clamp(11px,1.05vw,13px)*var(--a11y-scale));color:#e8e9f2;text-transform:uppercase}.proj-reel .eyebrow b{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 80%,transparent);transition:background .5s ease}.proj-reel .count{font-family:var(--head);font-weight:800;font-variant-numeric:tabular-nums;display:inline-flex;align-items:baseline;gap:6px;color:#fff}.proj-reel .count__now{font-size:calc(clamp(26px,3vw,40px)*var(--a11y-scale));color:var(--accent);line-height:1;transition:color .5s ease}.proj-reel .count i{font-style:normal;color:#7c7d86;font-size:calc(clamp(14px,1.4vw,18px)*var(--a11y-scale))}.proj-reel .count__tot{color:#9a9ba4;font-size:calc(clamp(14px,1.4vw,18px)*var(--a11y-scale))}.proj-reel .titles{position:relative;flex:1;margin-block:clamp(16px,3vh,40px)}.proj-reel .t{position:absolute;inset-block-end:0;inset-inline:0;display:flex;flex-direction:column;align-items:flex-start;gap:clamp(12px,1.6vh,18px);opacity:0;transform:translateY(var(--ty,18px));will-change:opacity,transform}.proj-reel .t__idx{font-family:var(--head);font-weight:700;letter-spacing:.18em;font-size:calc(13px*var(--a11y-scale));color:var(--accent);font-variant-numeric:tabular-nums}.proj-reel .t__tags{display:flex;flex-wrap:wrap;gap:8px}.proj-reel .t__tags span{font-family:var(--body);font-weight:600;font-size:calc(12px*var(--a11y-scale));color:#eef0ff;padding:6px 13px;border-radius:999px;background:#08080c52;border:1px solid color-mix(in srgb,var(--accent) 46%,rgba(247,247,244,.18));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.proj-reel .t__name{font-family:var(--head);font-weight:900;line-height:.9;letter-spacing:-.025em;margin:0;color:#fff;font-size:clamp(calc(44px*var(--a11y-text-scale,1)),8.4vw,calc(128px*var(--a11y-display-scale,1)));text-shadow:0 12px 60px rgba(0,0,0,.5)}.proj-reel .t__desc{font-family:var(--body);font-size:calc(clamp(15px,1.45vw,19px)*var(--a11y-scale));line-height:1.5;color:#e3e4ee;max-width:46ch;text-shadow:0 2px 18px rgba(0,0,0,.55);margin:0}.proj-reel .t__cta{display:inline-flex;align-items:center;gap:11px;margin-block-start:6px;font-family:var(--head);font-weight:800;font-size:calc(16px*var(--a11y-scale));color:#fff}.proj-reel .t__cta svg{width:15px;height:15px;color:var(--accent)}.proj-reel .ui__bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.proj-reel .ticker{pointer-events:auto;display:flex;align-items:center;gap:clamp(10px,1.4vw,22px);flex-wrap:wrap}.proj-reel .tk{background:none;border:0;margin:0;padding:6px 0;cursor:none;display:inline-flex;align-items:center;gap:9px;color:#7c7d86;opacity:.6;transition:opacity .4s ease,color .4s ease}.proj-reel .tk:hover{opacity:.95}.proj-reel .tk.is-active{opacity:1;color:#fff}.proj-reel .tk i{font-style:normal;font-family:var(--head);font-weight:700;font-size:calc(12px*var(--a11y-scale));font-variant-numeric:tabular-nums}.proj-reel .tk span{font-family:var(--body);font-weight:600;font-size:calc(12.5px*var(--a11y-scale));letter-spacing:.02em;white-space:nowrap;max-width:0;opacity:0;overflow:hidden;transition:max-width .45s cubic-bezier(.32,.72,0,1),opacity .4s ease}.proj-reel .tk.is-active span,.proj-reel .tk:hover span{max-width:240px;opacity:1}.proj-reel .tk.is-active span,.proj-reel .tk.is-active i{color:var(--accent)}.proj-reel .tk{position:relative}.proj-reel .tk .bar{position:absolute;inset-block-end:0;inset-inline-start:0;height:2px;width:0;background:var(--accent)}.proj-reel .hint{position:absolute;inset-block-end:clamp(26px,4.6vh,52px);left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;gap:9px;font-family:var(--body);font-weight:700;letter-spacing:.24em;text-transform:uppercase;font-size:calc(11.5px*var(--a11y-scale));color:#e8e9f2;opacity:var(--hintA,1);transition:opacity .4s ease;white-space:nowrap;text-shadow:0 2px 12px rgba(0,0,0,.6);filter:drop-shadow(0 2px 5px rgba(0,0,0,.6))}.proj-reel .hint__chevs{display:flex;flex-direction:column;align-items:center;gap:3px}.proj-reel .hint__chevs i{width:13px;height:13px;border-right:2.5px solid #fff;border-bottom:2.5px solid #fff;border-radius:1.5px;transform:rotate(45deg);opacity:.25;animation:pr-chev 1.9s cubic-bezier(.55,0,.45,1) infinite}.proj-reel .hint__chevs i:nth-child(2){animation-delay:.16s}@keyframes pr-chev{0%{opacity:.15;transform:rotate(45deg) translate(-2.5px,-2.5px)}40%{opacity:1}80%,to{opacity:.15;transform:rotate(45deg) translate(2.5px,2.5px)}}.proj-reel .hint .scroll-pill{display:inline-flex;align-items:center;padding:7px 16px;border-radius:999px;font-family:var(--body);font-weight:600;letter-spacing:.005em;text-transform:none;font-size:calc(12.5px*var(--a11y-scale));color:#fff;white-space:nowrap;background:linear-gradient(180deg,#14162899,#1416286b);border:1px solid rgba(255,255,255,.24);box-shadow:inset 0 1px #ffffff29,0 10px 26px -14px #000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(7px) scale(.95);transition:opacity .55s cubic-bezier(.22,.61,.36,1),transform .55s cubic-bezier(.22,.61,.36,1)}.proj-reel .hint .scroll-pill.is-on{opacity:1;transform:none}.proj-reel .cursor{position:fixed;top:0;left:0;z-index:60;pointer-events:none;width:54px;height:54px;border-radius:50%;background:var(--accent);opacity:0;transform:translate3d(var(--cx,-120px),var(--cy,-120px),0) translate(-50%,-50%);transition:opacity .3s ease,background .4s ease}.proj-reel.is-hot .cursor{opacity:1}@media(max-width:1440px){.proj-reel .t__name{font-size:calc(clamp(44px,8.4vw,104px)*var(--a11y-scale))}}@media(max-width:880px){.proj-reel{--reel-h:620vh}.proj-reel .stage{cursor:auto}.proj-reel .hit,.proj-reel .tk{cursor:pointer}.proj-reel .cursor{display:none}.proj-reel .ui{padding:clamp(80px,11vh,110px) clamp(20px,6vw,40px) clamp(22px,4vh,40px)}.proj-reel .t__name{font-size:calc(clamp(40px,11vw,72px)*var(--a11y-scale))}.proj-reel .t__desc{font-size:calc(16px*var(--a11y-scale));max-width:34ch}.proj-reel .ticker{gap:12px}.proj-reel .tk span{display:none}.proj-reel .tk.is-active span{display:inline;max-width:200px}}@media(max-width:749px){.proj-reel .t__name{font-size:calc(clamp(38px,12vw,58px)*var(--a11y-scale))}.proj-reel .ui__bottom{flex-direction:column;align-items:flex-start;gap:14px}.proj-reel .hint{display:flex;position:static;left:auto;inset-block-end:auto;transform:none;align-self:center;margin-block-start:2px}}@media(max-width:410px){.proj-reel{--reel-h:680vh}.proj-reel .t__name{font-size:calc(40px*var(--a11y-scale))}.proj-reel .count__now{font-size:calc(24px*var(--a11y-scale))}}.proj-reel .ui__bottom{position:relative;z-index:4}.proj-reel .ticker{pointer-events:auto}.proj-reel.is-static .stage{position:relative;height:auto;min-height:0;overflow:visible;cursor:auto;background:var(--ink)}.proj-reel.is-static .wrap,html[data-reduce-motion] .proj-reel .wrap{height:auto}html[data-reduce-motion] .proj-reel .stage{position:relative;height:auto;min-height:0;overflow:visible;cursor:auto}.proj-reel.is-static :is(canvas.gl,.fb,.veil,.hit,.ui,.cursor,.prog),html[data-reduce-motion] .proj-reel :is(canvas.gl,.fb,.veil,.hit,.ui,.cursor,.prog){display:none}.proj-reel.is-static{background:var(--ink)}.proj-static{display:grid;gap:clamp(14px,2vw,26px);padding:clamp(28px,6vw,80px) clamp(18px,5vw,72px);max-width:1280px;margin-inline:auto}.proj-static__card{position:relative;display:grid;grid-template-columns:1fr;text-decoration:none;color:#fff;border-radius:18px;overflow:hidden;background:#15131f;border:1px solid rgba(247,247,244,.08);min-height:clamp(220px,34vw,340px)}@media(min-width:760px){.proj-static__card{grid-template-columns:46% 1fr}}.proj-static__media{display:block;background-size:cover;background-position:center;min-height:200px;background-color:color-mix(in srgb,var(--accent) 32%,#15131f)}.proj-static__body{display:flex;flex-direction:column;align-items:flex-start;gap:clamp(8px,1.2vw,14px);padding:clamp(20px,3vw,40px)}.proj-static__idx{font-family:var(--head);font-weight:700;letter-spacing:.18em;font-size:calc(13px*var(--a11y-text-scale,1));color:var(--accent)}.proj-static__tags{display:flex;flex-wrap:wrap;gap:8px}.proj-static__tags span{font-family:var(--body);font-weight:600;font-size:calc(12px*var(--a11y-text-scale,1));color:#eef0ff;border:1px solid rgba(247,247,244,.18);border-radius:999px;padding:4px 12px}.proj-static__name{font-family:var(--head);font-weight:900;line-height:1;letter-spacing:-.02em;margin:0;font-size:clamp(calc(28px*var(--a11y-text-scale,1)),4.4vw,calc(52px*var(--a11y-display-scale,1)))}.proj-static__desc{font-family:var(--body);font-size:calc(clamp(15px,1.4vw,18px)*var(--a11y-text-scale,1));line-height:1.55;color:#e3e4ee;max-width:52ch}.proj-static__cta{margin-block-start:auto;display:inline-flex;align-items:center;gap:9px;font-family:var(--head);font-weight:800;font-size:calc(14px*var(--a11y-text-scale,1));color:var(--accent)}.proj-static__cta:after{content:"\2190"}.proj-static__card:hover .proj-static__cta{text-decoration:underline}.proj-static__card:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kott-projects-reel.css.map */