.kb-works{--kb-works-gap: 5%;--kb-works-stage: 46%;--kb-works-font: var(--kb-typewriter, var(--font-body--family));position:relative;padding-block:var(--kb-works-pt, 88px) var(--kb-works-pb, 88px);background-image:var(--kb-works-paper);background-size:cover;background-position:center;overflow:clip}.kb-works__inner{position:relative;max-width:var(--kb-works-max, 1280px);margin-inline:auto;padding-inline:var(--kb-works-gutter, 32px);display:grid;grid-template-columns:var(--kb-works-stage) 1fr;gap:var(--kb-works-gap);align-items:start}.kb-works__stage{position:relative;width:100%;aspect-ratio:3 / 4;touch-action:pan-y;cursor:grab}.kb-works__slide{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;pointer-events:none;transition:opacity .45s ease}.kb-works__slide.is-active{opacity:1;pointer-events:auto}.kb-works__media{position:relative;display:block;width:100%;height:100%;background-image:var(--kb-works-frame-paper);background-size:100% 100%;background-repeat:no-repeat}.kb-works__media img{position:absolute;top:6.125%;left:3%;width:91.333%;height:89.875%;max-width:none;object-fit:cover;object-position:center;z-index:1}.kb-works__media:before,.kb-works__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-size:100% 100%;background-repeat:no-repeat;pointer-events:none}.kb-works__media:before{z-index:2;background-image:var(--kb-works-frame-border)}.kb-works__media:after{z-index:3;background-image:var(--kb-works-frame-texture);mix-blend-mode:multiply;opacity:var(--kb-works-texture-opacity, .5)}.kb-works__side{display:grid;grid-template-rows:auto 1fr;height:100%;min-height:0}.kb-works__side-top{display:flex;align-items:flex-start;justify-content:space-between;gap:4%}.kb-works__heading{margin:0;font-family:var(--font-accent--family);font-size:var(--kb-works-heading-size, 2.75rem);font-weight:400;line-height:1.1;transform:rotate(-3deg);transform-origin:left center;padding-top:.4em}.kb-works__next{position:relative;flex:0 0 auto;width:var(--kb-works-next-width, 30%)}.kb-works__next-frame{position:relative;width:100%;aspect-ratio:3 / 4}.kb-works__next-item{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transition:opacity .45s ease}.kb-works__next-item.is-active{opacity:1}.kb-works__next-caption{position:absolute;top:calc(100% + 10px);left:0;right:0;font-family:var(--kb-works-font);font-size:.4875rem;letter-spacing:.1em;text-transform:uppercase;text-align:left;opacity:0;transition:opacity .45s ease}.kb-works__next-item.is-active .kb-works__next-caption{opacity:1}.kb-works__copy{position:relative;align-self:end;padding-inline-start:var(--kb-works-copy-indent, 8%);padding-bottom:12%}.kb-works__copy-item{position:absolute;inset:auto 0 0 var(--kb-works-copy-indent, 8%);opacity:0;pointer-events:none;transition:opacity .45s ease}.kb-works__copy-item.is-active{position:relative;inset:auto;opacity:1;pointer-events:auto}.kb-works__title{margin:0 0 20px;font-family:var(--kb-works-font);font-size:1rem;font-weight:400;text-transform:uppercase;letter-spacing:.2rem}.kb-works__text{margin:0;max-width:65ch;font-family:var(--kb-works-font);font-size:.75rem;line-height:.86rem;letter-spacing:-.03rem}.kb-works__link{display:inline-block;margin-top:28px;font-family:var(--kb-works-font);font-size:.6rem;text-transform:uppercase;text-decoration:underline;text-underline-offset:5px;letter-spacing:.05rem}.kb-works__arrow{position:absolute;bottom:var(--kb-works-arrow-bottom, 40px);display:flex;align-items:center;justify-content:center;width:52px;height:32px;padding:0;border:0;background:none;color:inherit;cursor:pointer;opacity:.75;transition:opacity .2s ease,transform .2s ease}.kb-works__arrow:hover{opacity:1}.kb-works__arrow--prev{left:var(--kb-works-gutter, 32px)}.kb-works__arrow--next{right:var(--kb-works-gutter, 32px)}.kb-works__arrow--prev:hover{transform:translate(-4px)}.kb-works__arrow--next:hover{transform:translate(4px)}.kb-works__arrow svg{width:100%;height:auto;display:block}.kb-works__arrow:focus-visible{outline:1px dashed currentColor;outline-offset:6px}@media screen and (max-width:989px){.kb-works{--kb-works-stage: 42%;--kb-works-heading-size: 2.25rem}}@media screen and (max-width:749px){.kb-works{--kb-works-gutter: 40px;--kb-works-heading-size: 2rem;padding-block:var(--kb-works-pt-mobile, 56px) var(--kb-works-pb-mobile, 72px)}.kb-works__inner{grid-template-columns:1fr;gap:28px}.kb-works__side{grid-template-rows:auto auto;gap:24px}.kb-works__side-top{align-items:center}.kb-works__heading{padding-top:0}.kb-works__next{width:26%}.kb-works__next-caption{font-size:.5625rem}.kb-works__copy{padding-inline-start:0;padding-bottom:0}.kb-works__copy-item{inset:auto 0 0 0}.kb-works__arrow{bottom:var(--kb-works-arrow-bottom-mobile, 22px);width:42px}}@media(prefers-reduced-motion:reduce){.kb-works__slide,.kb-works__copy-item,.kb-works__next-item,.kb-works__next-caption,.kb-works__arrow{transition:none}}@media screen and (max-width:749px){.kb-works{--kb-works-gutter: 40px;padding-block:var(--kb-works-pt-mobile, 40px) var(--kb-works-pb-mobile, 96px);padding-top:80px}.kb-works__inner{display:flex;flex-direction:column;gap:0}.kb-works__side,.kb-works__side-top{display:contents}.kb-works__heading{order:1;position:relative;z-index:2;margin-left:-8%;margin-bottom:-5%;padding-top:0;font-size:var(--kb-works-heading-size-mobile, 2.45rem);transform:rotate(-6deg)}.kb-works__stage{order:2}.kb-works__next{display:none}.kb-works__copy{order:3;margin-top:26px;padding-inline-start:0;padding-bottom:0}.kb-works__copy-item{inset:auto 0 0 0}.kb-works__title{font-size:.9375rem}.kb-works__text{font-size:.75rem;max-width:none;letter-spacing:-.25px}.kb-works__arrow{bottom:var(--kb-works-arrow-bottom-mobile, 32px);width:42px}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/kb-original-works.css.map */