.kpx-on .kp-story-art>svg,.kpx-on .kp-story-art img[data-kp-story-img],.kpx-on .kp-story-number{opacity:0!important;visibility:hidden!important}.kpx-on .kp-story-art{container-type:size}.kpx-stage{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;overflow:hidden;opacity:0;transition:opacity .8s cubic-bezier(.16,1,.3,1);-webkit-mask-image:linear-gradient(#000 92%,transparent 100%);mask-image:linear-gradient(#000 92%,transparent 100%)}.kpx-ready .kpx-stage{opacity:1}.kpx-glow{position:absolute;left:50%;top:51%;width:112%;width:calc(var(--kpx-min, 0px) * 1.12);width:112cqmin;aspect-ratio:1;transform:translate(-50%,-50%) scale(var(--gs, .6));opacity:var(--go, 0);background:radial-gradient(closest-side,#c9837b4d,#c9837b1c 52%,#c9837b00);will-change:transform,opacity}[data-kp-story] .kpx-stage svg.kpx-ring{position:absolute;left:50%;top:51%;width:86%;width:calc(var(--kpx-min, 0px) * .86);width:86cqmin;height:auto;max-width:none;aspect-ratio:1;transform:translate(-50%,-50%) rotate(-90deg);opacity:var(--ro, 0)!important;visibility:visible!important;overflow:visible}.kpx-ring circle{fill:none;vector-effect:non-scaling-stroke}.kpx-ring .kpx-track{stroke:#8b493c1a;stroke-width:1}.kpx-ring .kpx-draw{stroke:#8b493c73;stroke-width:1;stroke-linecap:round}.kpx-ring .kpx-head{fill:#8b493c;stroke:none}.kpx-shadow{position:absolute;left:50%;bottom:4%;width:34%;height:5%;transform:translate(-50%) scaleX(var(--ss, .6));opacity:var(--so, 0);background:radial-gradient(closest-side,#280f0c42,#280f0c00);filter:blur(2px)}.kpx-prod{position:absolute;left:50%;top:51%;height:76%;aspect-ratio:307 / 1197;transform-origin:50% 6%;transform:translate(-50%,-50%) translateY(var(--ty, 0%)) rotate(var(--rot, 0deg)) scale(var(--sc, 1));will-change:transform}.kpx-l{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}[data-kp-story] .kpx-prod img{position:absolute!important;top:0!important;right:0!important;bottom:0!important;left:0!important;width:100%!important;height:100%!important;max-width:none!important;max-height:none!important;margin:0!important;padding:0!important;transform:none!important;object-fit:fill!important;mix-blend-mode:normal!important;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.kpx-blur{filter:blur(var(--b, 0px));-webkit-mask-image:linear-gradient(to bottom,transparent calc(var(--r, 100%) - 4%),#000 calc(var(--r, 100%) + 10%));mask-image:linear-gradient(to bottom,transparent calc(var(--r, 100%) - 4%),#000 calc(var(--r, 100%) + 10%))}.kpx-sharp{-webkit-mask-image:linear-gradient(to bottom,#000 var(--r, 100%),transparent calc(var(--r, 100%) + 22%));mask-image:linear-gradient(to bottom,#000 var(--r, 100%),transparent calc(var(--r, 100%) + 22%))}.kpx-sheen{position:absolute;top:0;right:0;bottom:0;left:0;opacity:var(--sho, 0);mix-blend-mode:soft-light;background:linear-gradient(170deg,transparent 43%,rgba(255,248,244,.9) 50%,transparent 57%) 0 var(--shy, 130%) / 100% 300% no-repeat;-webkit-mask:url(kiro-story-hydra-matte.png) 0 0 / 100% 100% no-repeat;mask:url(kiro-story-hydra-matte.png) 0 0 / 100% 100% no-repeat}.kpx-on .kp-story-copy{display:grid!important;height:auto!important;overflow:visible!important}.kpx-on .kp-story-copy [data-kp-reason]{grid-area:1 / 1!important;opacity:1!important;transform:none!important;transition:none!important;pointer-events:none}.kpx-on .kp-story-copy [data-kp-reason].kpx-act{pointer-events:auto}.kpx-on .kp-story-copy [data-kp-reason]>*{opacity:0;transform:translateY(-10px);filter:blur(4px);transition:opacity .45s ease,transform .6s cubic-bezier(.16,1,.3,1),filter .45s ease}.kpx-on .kp-story-copy [data-kp-reason].kpx-next>*{transform:translateY(16px)}.kpx-on .kp-story-copy [data-kp-reason].kpx-act>*{opacity:1;transform:none;filter:blur(0);transition:opacity 1s cubic-bezier(.16,1,.3,1),transform 1.2s cubic-bezier(.16,1,.3,1),filter 1s cubic-bezier(.16,1,.3,1)}.kpx-on .kp-story-copy [data-kp-reason].kpx-act>:nth-child(2){transition-delay:.1s}.kpx-on .kp-story-copy h2{margin:0 0 8px!important}.kpx-on .kp-story-copy p{margin:0!important}.kpx-on .kp-story-nav button{position:relative;border-bottom:1px solid #e6ddd8!important;color:#b8a8a1!important;transition:color .5s ease}.kpx-on .kp-story-nav button:after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#8b493c;transform:scaleX(var(--f, 0));transform-origin:left;transition:transform .2s linear}.kpx-on .kp-story-nav button.kpx-act{color:#8b493c!important}@media(max-width:700px){[data-kp-story].kp-story.kpx-on:not(#kpx):not(#kpy) .kp-story-pin{top:var(--kp-header, 0px)!important;height:var(--kp-story-view, calc(100svh - var(--kp-header, 0px)))!important;max-height:none!important;grid-template-rows:minmax(0,1fr) auto!important;align-content:stretch!important;gap:2px!important;padding:0 18px 14px!important}[data-kp-story].kp-story.kpx-on:not(#kpx):not(#kpy) .kp-story-art{height:auto!important;min-height:0!important;width:auto!important;margin:0 -18px!important;align-self:stretch!important}[data-kp-story].kp-story.kpx-on:not(#kpx):not(#kpy) .kp-story-text{gap:0!important;padding:0!important;top:auto!important}[data-kp-story].kp-story.kpx-on:not(#kpx):not(#kpy) .kp-story-nav{margin-top:16px!important}}@supports not (aspect-ratio: 1){.kpx-glow{height:calc(var(--kpx-min, 0px) * 1.12)}[data-kp-story] .kpx-stage svg.kpx-ring{height:calc(var(--kpx-min, 0px) * .86)}.kpx-prod{width:calc(var(--kpx-ph, 0px) * 307 / 1197)}}@media(prefers-reduced-motion:reduce){.kpx-on .kp-story-copy [data-kp-reason]>*{transform:none!important;filter:none!important}}
/*# sourceMappingURL=/cdn/shop/t/631/assets/kiro-story-film.css.map */