.kht{background:var(--kht-bg);color:var(--kht-fg);padding-block:var(--kht-pad);direction:rtl;overflow:clip}.kht__inner{max-width:1600px;margin-inline:auto;padding-inline:clamp(20px,4vw,64px)}.kht__head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px clamp(24px,4vw,64px);flex-wrap:wrap;margin-block-end:clamp(28px,3.5vw,44px)}.kht__eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-body--family);font-weight:500;font-size:calc(12px * var(--a11y-text-scale, 1));letter-spacing:.08em;text-transform:uppercase;color:var(--kht-accent)}.kht__eyebrow b{inline-size:8px;block-size:8px;border-radius:50%;background:currentColor}.kht__eyebrow i{font-style:normal;color:var(--kht-muted);letter-spacing:.04em}.kht__title{margin:12px 0 0;font-family:var(--font-heading--family);font-weight:700;line-height:1.04;letter-spacing:-.01em;font-size:calc(56px * var(--a11y-display-scale, 1));max-width:16ch;text-wrap:balance}.kht__lede{margin:12px 0 0;max-width:52ch;font-family:var(--font-body--family);font-size:calc(18px * var(--a11y-text-scale, 1));line-height:1.6;color:var(--kht-muted)}.kht__head-side{flex:0 0 auto;padding-block-end:6px}.kht__strip{position:relative;inline-size:100%;overflow:hidden;padding-block:12px 8px;-webkit-mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}.kht__track{display:flex;inline-size:max-content;gap:0;animation:kht-drift var(--kht-dur, 70s) linear infinite;will-change:transform}.kht__strip:hover .kht__track,.kht__track:focus-within{animation-play-state:paused}@keyframes kht-drift{0%{transform:translate(0)}to{transform:translate(50%)}}[dir=ltr] .kht__track{animation-name:kht-drift-ltr}@keyframes kht-drift-ltr{0%{transform:translate(0)}to{transform:translate(-50%)}}.kht__list{list-style:none;margin:0;padding:0 clamp(10px,1.2vw,16px);display:flex;gap:clamp(20px,2.4vw,32px)}.kht__item{flex:0 0 auto;inline-size:var(--kht-card, 320px)}.kht__card{display:grid;gap:12px;color:inherit;text-decoration:none;border-radius:16px}.kht__frame{display:block;border-radius:14px;overflow:hidden;background:#0e0e14;box-shadow:0 18px 40px -18px #0e0e1473,0 0 0 1px #0e0e1414;transform:translateY(0);transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s ease}.kht__chrome{display:flex;align-items:center;gap:10px;block-size:26px;padding-inline:10px;background:#16151c;color:#f7f7f48c;direction:ltr}.kht__dots{display:inline-flex;gap:5px}.kht__dots i{inline-size:7px;block-size:7px;border-radius:50%;background:#f7f7f438}.kht__url{flex:1 1 auto;text-align:center;font-family:var(--font-body--family);font-size:calc(10px * var(--a11y-text-scale, 1));letter-spacing:.02em;padding:3px 10px;border-radius:6px;background:#f7f7f40f;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kht__img{display:block;inline-size:100%;aspect-ratio:16 / 10;object-fit:cover;object-position:top}.kht__img--empty{background:linear-gradient(160deg,#1a1822,#0e0e14)}.kht__cap{display:flex;align-items:center;gap:10px;padding-inline:4px}.kht__name{font-family:var(--font-heading--family);font-weight:700;font-size:calc(14px * var(--a11y-text-scale, 1));letter-spacing:.02em;white-space:nowrap}.kht__tag{font-family:var(--font-body--family);font-size:calc(12px * var(--a11y-text-scale, 1));line-height:1;padding:5px 9px;border-radius:999px;border:1px solid color-mix(in srgb,var(--kht-fg) 16%,transparent);color:var(--kht-muted);white-space:nowrap}.kht__arrow{margin-inline-start:auto;display:inline-grid;place-items:center;inline-size:26px;block-size:26px;border-radius:50%;background:color-mix(in srgb,var(--card-accent) 18%,transparent);color:var(--card-accent);transition:background .3s ease,color .3s ease,transform .42s cubic-bezier(.16,1,.3,1)}.kht__arrow svg{inline-size:11px;block-size:11px;transform:rotate(-140deg);transition:transform .42s cubic-bezier(.16,1,.3,1)}@media(hover:hover){.kht__card:hover .kht__frame{transform:translateY(-6px);box-shadow:0 26px 46px -18px #0e0e148c,0 0 0 1px color-mix(in srgb,var(--card-accent) 55%,transparent)}.kht__card:hover .kht__arrow{background:var(--card-accent);color:#fff}.kht__card:hover .kht__arrow svg{transform:rotate(0) scale(1.1)}}.kht__card:focus-visible{outline:3px solid var(--kott-indigo, #576FF6);outline-offset:4px}@media(max-width:874px){.kht__title{font-size:calc(56px * var(--a11y-display-scale, 1))}}@media(max-width:749px){.kht{padding-block:calc(var(--kht-pad) * .8);--kht-card: 250px}.kht__head{align-items:flex-start}.kht__head-side{inline-size:100%;padding-block-end:0}.kht__lede{font-size:calc(16px * var(--a11y-text-scale, 1))}}@media(max-width:409px){.kht__title{font-size:calc(28px * var(--a11y-display-scale, 1))}.kht{--kht-card: 230px}}html[data-reduce-motion] .kht__track,body.a11y-no-motion .kht__track{animation:none!important;inline-size:auto;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;padding-inline:clamp(20px,4vw,64px)}html[data-reduce-motion] .kht__strip,body.a11y-no-motion .kht__strip{-webkit-mask-image:none;mask-image:none}html[data-reduce-motion] .kht__list--copy,body.a11y-no-motion .kht__list--copy{display:none}html[data-reduce-motion] .kht__item,body.a11y-no-motion .kht__item{scroll-snap-align:start}html[data-reduce-motion] .kht__frame,html[data-reduce-motion] .kht__arrow,html[data-reduce-motion] .kht__arrow svg,body.a11y-no-motion .kht__frame{transition:none}@media(prefers-reduced-motion:reduce){.kht__track{animation:none!important;inline-size:auto;overflow-x:auto}.kht__list--copy{display:none}.kht__strip{-webkit-mask-image:none;mask-image:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/kott-home-projects.css.map */