.pidx{position:relative;background:var(--pidx-bg, #0E0E14);color:var(--pidx-fg, #F7F7F4);direction:rtl;min-height:100svh;display:flex;flex-direction:column;padding-block:clamp(88px,11vh,132px) clamp(40px,6vh,72px);padding-inline:clamp(20px,5vw,72px);overflow:clip}.pidx__inner{width:100%;max-width:1560px;margin-inline:auto;flex:1;display:flex;flex-direction:column;min-height:0}.pidx__head{flex:0 0 auto;margin-block-end:clamp(18px,3.2vh,40px)}.pidx__head-row{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-block-end:clamp(10px,1.6vh,18px)}.pidx__eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Noto Sans Hebrew,sans-serif;font-size:calc(12px * var(--a11y-text-scale, 1));font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--accent, #FF6F3C)}.pidx__eyebrow b{inline-size:7px;block-size:7px;border-radius:50%;background:currentColor;flex:none}.pidx__count{display:inline-flex;align-items:baseline;gap:8px;font-family:Noto Sans Hebrew,sans-serif;color:var(--pidx-muted, #A8A199)}.pidx__count b{font-family:Unbounded,Noto Sans Hebrew,sans-serif;font-size:calc(20px * var(--a11y-text-scale, 1));font-weight:700;color:var(--pidx-fg, #F7F7F4);font-variant-numeric:tabular-nums}.pidx__count i{font-style:normal;font-size:calc(12px * var(--a11y-text-scale, 1));font-weight:600;letter-spacing:.06em}.pidx__title{font-family:Unbounded,Noto Sans Hebrew,sans-serif;font-weight:700;font-size:calc(56px * var(--a11y-text-scale, 1));line-height:1.04;letter-spacing:-.01em;margin:0;color:var(--pidx-fg, #F7F7F4);text-wrap:balance}.pidx__lede{font-family:Noto Sans Hebrew,sans-serif;font-size:calc(18px * var(--a11y-text-scale, 1));line-height:1.6;color:var(--pidx-muted, #A8A199);margin:clamp(8px,1.4vh,16px) 0 0;max-width:62ch}.pidx__list{list-style:none;margin:0;padding:0;flex:1 1 auto;display:flex;flex-direction:column;justify-content:stretch;min-height:0;border-block-start:1px solid rgba(247,247,244,.12)}.pidx__item{display:flex;flex:1 1 auto;min-block-size:clamp(58px,8vh,96px);border-block-end:1px solid rgba(247,247,244,.12)}.pidx__row{position:relative;flex:1;display:flex;align-items:center;gap:clamp(14px,2vw,30px);text-decoration:none;color:inherit;padding-inline:clamp(6px,1.2vw,18px);isolation:isolate;transition:opacity .34s cubic-bezier(.22,.61,.36,1)}.pidx__line{position:absolute;inset-block-end:-1px;inset-inline-start:0;inline-size:100%;block-size:1px;background:var(--accent, #FF6F3C);transform:scaleX(0);transform-origin:right center;transition:transform .52s cubic-bezier(.22,.61,.36,1)}[dir=ltr] .pidx__line{transform-origin:left center}.pidx__idx{flex:none;font-family:Unbounded,Noto Sans Hebrew,sans-serif;font-size:calc(13px * var(--a11y-text-scale, 1));font-weight:600;color:var(--pidx-muted, #A8A199);font-variant-numeric:tabular-nums;inline-size:3ch;transition:color .32s ease}.pidx__name{font-family:Unbounded,Noto Sans Hebrew,sans-serif;font-weight:700;font-size:calc(40px * var(--a11y-text-scale, 1));line-height:1.05;letter-spacing:-.01em;white-space:nowrap;transition:color .32s ease,transform .52s cubic-bezier(.22,.61,.36,1)}.pidx__tags{margin-inline-start:auto;display:flex;align-items:center;gap:8px;flex:none}.pidx__tags span{font-family:Noto Sans Hebrew,sans-serif;font-size:calc(12px * var(--a11y-text-scale, 1));font-weight:600;color:var(--pidx-muted, #A8A199);border:1px solid rgba(247,247,244,.16);border-radius:999px;padding:5px 12px;white-space:nowrap;transition:border-color .32s ease,color .32s ease}.pidx__arrow{flex:none;inline-size:clamp(18px,1.7vw,24px);color:var(--pidx-muted, #A8A199);display:grid;place-items:center;transform:translate(0);transition:color .32s ease,transform .52s cubic-bezier(.22,.61,.36,1)}.pidx__arrow svg{inline-size:100%;display:block;transform:rotate(180deg)}[dir=ltr] .pidx__arrow svg{transform:none}.pidx__thumb{display:none;flex:none;inline-size:clamp(56px,12vw,84px);aspect-ratio:4 / 3;border-radius:10px;overflow:hidden;background:#f7f7f40f}.pidx__thumb-img{inline-size:100%;block-size:100%;object-fit:cover;display:block}.pidx__vh{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}@media(hover:hover)and (pointer:fine){.pidx__list:hover .pidx__row:not(:hover){opacity:.38}}.pidx__row:hover .pidx__line,.pidx__row:focus-visible .pidx__line{transform:scaleX(1)}.pidx__row:hover .pidx__name,.pidx__row:focus-visible .pidx__name{color:var(--accent, #FF6F3C);transform:translate(calc(-1*clamp(6px,.8vw,14px)))}[dir=ltr] .pidx__row:hover .pidx__name,[dir=ltr] .pidx__row:focus-visible .pidx__name{transform:translate(clamp(6px,.8vw,14px))}.pidx__row:hover .pidx__idx,.pidx__row:focus-visible .pidx__idx{color:var(--accent, #FF6F3C)}.pidx__row:hover .pidx__arrow,.pidx__row:focus-visible .pidx__arrow{color:var(--accent, #FF6F3C);transform:translate(calc(-1*clamp(5px,.7vw,10px)))}[dir=ltr] .pidx__row:hover .pidx__arrow,[dir=ltr] .pidx__row:focus-visible .pidx__arrow{transform:translate(clamp(5px,.7vw,10px))}.pidx__row:hover .pidx__tags span,.pidx__row:focus-visible .pidx__tags span{border-color:color-mix(in srgb,var(--accent, #FF6F3C) 55%,transparent);color:var(--pidx-fg, #F7F7F4)}.pidx__row:focus-visible{border-radius:8px}.pidx__preview{position:fixed;top:0;left:0;inline-size:clamp(240px,22vw,380px);aspect-ratio:4 / 3;z-index:40;pointer-events:none;opacity:0;visibility:hidden;transform:translate3d(var(--px, 0px),var(--py, 0px),0) scale(.92);transition:opacity .42s cubic-bezier(.22,.61,.36,1),scale .42s cubic-bezier(.22,.61,.36,1);will-change:transform,opacity}.pidx__preview.is-on{opacity:1;visibility:visible}.pidx__preview-inner{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;overflow:hidden;background:#14141c;box-shadow:0 30px 70px -30px #000c}.pidx__gl,.pidx__fb{position:absolute;top:0;right:0;bottom:0;left:0;inline-size:100%;block-size:100%;display:block}.pidx__fb{background-size:cover;background-position:center;opacity:0;transition:opacity .42s ease}.pidx.is-nogl .pidx__gl{display:none}.pidx.is-nogl .pidx__fb{opacity:1}.pidx__view{position:absolute;inset-block-end:12px;inset-inline-start:12px;font-family:Noto Sans Hebrew,sans-serif;font-size:calc(12px * var(--a11y-text-scale, 1));font-weight:600;letter-spacing:.06em;color:#fff;background:color-mix(in srgb,var(--accent, #FF6F3C) 92%,black);border-radius:999px;padding:6px 14px}@media(max-width:1440px){.pidx__title{font-size:calc(48px * var(--a11y-text-scale, 1))}.pidx__name{font-size:calc(34px * var(--a11y-text-scale, 1))}}@media(max-width:1100px){.pidx__name{font-size:calc(28px * var(--a11y-text-scale, 1))}}@media(max-width:875px){.pidx__title{font-size:calc(38px * var(--a11y-text-scale, 1))}.pidx__lede{font-size:calc(16px * var(--a11y-text-scale, 1))}.pidx__name{font-size:calc(26px * var(--a11y-text-scale, 1))}}@media(hover:none),(pointer:coarse),(max-width:749px){.pidx__preview{display:none!important}.pidx__thumb{display:block}}@media(max-width:749px){.pidx{min-height:0;padding-block:clamp(72px,9vh,100px) 48px}.pidx__title{font-size:calc(30px * var(--a11y-text-scale, 1))}.pidx__name{font-size:calc(22px * var(--a11y-text-scale, 1));white-space:normal}.pidx__item{min-block-size:0}.pidx__row{display:grid;grid-template-columns:auto 1fr auto;grid-template-areas:"idx  name  thumb" "tags tags  thumb";align-items:center;gap:10px 14px;padding-block:18px}.pidx__idx{grid-area:idx;font-size:calc(11px * var(--a11y-text-scale, 1));inline-size:2.5ch}.pidx__name{grid-area:name}.pidx__tags{grid-area:tags;margin-inline-start:0;flex-wrap:wrap}.pidx__thumb{grid-area:thumb;align-self:center;inline-size:clamp(92px,24vw,132px);border-radius:12px}.pidx__arrow{display:none}.pidx__list:hover .pidx__row:not(:hover){opacity:1}}@media(max-width:430px){.pidx__tags span:nth-child(n+3){display:none}}@media(max-width:410px){.pidx__title{font-size:calc(26px * var(--a11y-text-scale, 1))}.pidx__name{font-size:calc(20px * var(--a11y-text-scale, 1))}.pidx__lede{font-size:calc(15px * var(--a11y-text-scale, 1))}.pidx__tags span{font-size:calc(11px * var(--a11y-text-scale, 1));padding:4px 10px}}@media(prefers-reduced-motion:reduce){.pidx__preview{display:none!important}.pidx__thumb{display:block}.pidx__row,.pidx__name,.pidx__idx,.pidx__arrow,.pidx__line,.pidx__tags span{transition:none!important}.pidx__list:hover .pidx__row:not(:hover){opacity:1}.pidx__row:hover .pidx__name,.pidx__row:hover .pidx__arrow{transform:none}}html[data-reduce-motion] .pidx__preview,body.a11y-no-motion .pidx__preview{display:none!important}html[data-reduce-motion] .pidx__thumb,body.a11y-no-motion .pidx__thumb{display:block}html[data-reduce-motion] .pidx__list:hover .pidx__row:not(:hover),body.a11y-no-motion .pidx__list:hover .pidx__row:not(:hover){opacity:1}html[data-reduce-motion] .pidx__row:hover .pidx__name,body.a11y-no-motion .pidx__row:hover .pidx__name{transform:none}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kott-projects-index.css.map */