.kojo-story{--kojo-ease: cubic-bezier(.16, 1, .3, 1);--kojo-light: 0;position:relative;background:var(--kojo-dark);color:#f4efe9}.kojo-story__stage{position:relative;height:var(--kojo-stage-length)}.kojo-story__sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:color-mix(in srgb,var(--kojo-wall) calc(var(--kojo-light) * 100%),var(--kojo-dark))}.kojo-story__layer{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform,opacity}.kojo-story__layer img{width:100%;height:100%;display:block}.kojo-story__layer--detail img{object-fit:cover}.kojo-story__layer--detail:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,#0a060626,#0a060699)}.kojo-story__layer--full{top:10vh;bottom:22vh;opacity:0;transform-origin:50% 49%}.kojo-story__layer--full img{width:auto;max-width:100%;height:100%;margin:0 auto;object-fit:contain;-webkit-mask-image:radial-gradient(ellipse 50% 50% at 50% 49%,#000 78%,transparent 100%);mask-image:radial-gradient(ellipse 50% 50% at 50% 49%,#000 78%,transparent 100%)}.kojo-story__lines{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;padding:0 2rem;pointer-events:none}.kojo-story__line{grid-area:1 / 1;max-width:none;white-space:nowrap;margin:0;text-align:center;font-family:var(--font-heading-family);font-weight:300;font-size:var(--kojo-line-size, clamp(2.8rem, 4.6vw, 6rem));line-height:1.15;letter-spacing:-.01em;color:#f7f1ea;text-shadow:0 2px 30px rgba(0,0,0,.45);opacity:0;will-change:transform,opacity}.kojo-story__reveal{position:absolute;left:0;right:0;bottom:clamp(2.4rem,6vh,6rem);margin:0 auto;max-width:calc(100% - 4rem);text-align:center;color:#1d1716;opacity:0}.kojo-story__title{margin:0;font-size:clamp(3.2rem,4vw,5.2rem);font-weight:400;letter-spacing:.02em;color:inherit}.kojo-story__subtitle{margin:.4rem 0 0;font-size:1.4rem;letter-spacing:.18em;text-transform:uppercase;color:#1d1716a6}.kojo-story__price{margin:.8rem 0 0;font-size:1.8rem;color:inherit}.kojo-story__hint{position:absolute;left:0;right:0;bottom:clamp(3rem,7vh,6rem);margin:0;padding:0 2rem;text-align:center;font-size:clamp(1.4rem,1.3vw,1.7rem);letter-spacing:.22em;text-transform:uppercase;color:#f7f1ea;text-shadow:0 1px 18px rgba(0,0,0,.6)}.kojo-story__hint span:after{content:"";display:block;width:1px;height:5.6rem;margin:1.6rem auto 0;background:linear-gradient(#f7f1ea,transparent);transform-origin:top}@media(prefers-reduced-motion:no-preference){.kojo-story__hint span:after{animation:kojo-hint-line 2.4s ease-in-out infinite}}@keyframes kojo-hint-line{0%,to{transform:scaleY(.35);opacity:.5}50%{transform:scaleY(1);opacity:1}}.kojo-story__skip{position:absolute;top:2rem;right:2rem;padding:.8rem 1.4rem;border-radius:999px;font-size:1.3rem;color:#f7f1ea;background:#0e0b0b73;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-decoration:none;transition:background-color .15s var(--kojo-ease),transform .12s var(--kojo-ease)}.kojo-story__skip:hover{background:#0e0b0bb3}.kojo-story__skip:active{transform:scale(.97)}.kojo-story__skip:focus-visible{outline:2px solid #f7f1ea;outline-offset:3px}.kojo-story__scale{--kojo-scale-p: .5;position:relative;height:100vh;height:100svh;min-height:56rem;overflow:hidden}.kojo-story__scale-media{position:absolute;top:0;right:0;bottom:0;left:0;transform:scale(calc(1.12 - var(--kojo-scale-p) * .12));will-change:transform}.kojo-story__scale-media img{width:100%;height:100%;object-fit:cover;display:block}.kojo-story__scale:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#0e0b0bc7,#0e0b0b00 45%);pointer-events:none}.kojo-story__scale-copy{position:absolute;z-index:1;left:clamp(2rem,6vw,8rem);right:clamp(2rem,6vw,8rem);bottom:clamp(3rem,8vh,8rem);max-width:52rem}.kojo-story__scale-heading{margin:0;font-size:clamp(3.2rem,5vw,6.4rem);font-weight:300;line-height:1.05;color:#f7f1ea}.kojo-story__scale-text{margin-top:1.4rem;font-size:1.7rem;line-height:1.6;color:#f7f1ead9}.kojo-story__scale-text p{margin:0}.kojo-story__details{padding:clamp(6rem,10vw,12rem) 0 clamp(4rem,6vw,8rem);background:var(--kojo-dark);scroll-margin-top:2rem}.kojo-story__details-inner{display:grid;gap:4rem}.kojo-story__details-intro{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:1.6rem;padding-bottom:2.4rem;border-bottom:1px solid rgba(247,241,234,.18)}.kojo-story__details-heading{margin:0;font-size:clamp(2.8rem,3.6vw,4.4rem);font-weight:300;color:#f7f1ea}.kojo-story__details-price{margin:0;font-size:2.2rem;color:#f7f1ea}.kojo-story__specs{display:grid;grid-template-columns:repeat(auto-fit,minmax(22rem,1fr));gap:3.2rem 4rem;margin:0}.kojo-story__spec dt{margin-bottom:.8rem;font-size:1.2rem;letter-spacing:.18em;text-transform:uppercase;color:#f7f1ea8c}.kojo-story__spec dd{margin:0;font-size:1.7rem;line-height:1.5;color:#f7f1ea}.kojo-buybar{box-sizing:border-box;min-height:6.4rem;position:fixed;z-index:30;left:50%;bottom:1.6rem;display:flex;align-items:center;gap:2rem;width:min(64rem,calc(100% - 2.4rem));padding:1rem 1rem 1rem 2rem;border-radius:999px;color:#f7f1ea;background:#140f0fd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 12px 40px #0000004d;opacity:0;transform:translate(-50%,1.6rem);transition:opacity .17s var(--kojo-ease),transform .17s var(--kojo-ease)}.kojo-buybar.is-visible{opacity:1;transform:translate(-50%);transition:opacity .26s var(--kojo-ease),transform .26s var(--kojo-ease)}.kojo-buybar[hidden]{display:none}.kojo-buybar__info{display:flex;flex-direction:column;min-width:0;flex:1}.kojo-buybar__title{font-size:1.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kojo-buybar__price{font-size:1.3rem;color:#f7f1eab3}.kojo-buybar__actions{display:flex;align-items:center;gap:1.6rem}.kojo-buybar__link{font-size:1.4rem;color:#f7f1ea;text-underline-offset:.3rem}.kojo-buybar__form{margin:0}.kojo-buybar__button.button{min-width:0;min-height:3.6rem;margin-right:.4rem;padding:0 1.8rem;border-radius:999px;font-size:1.3rem;letter-spacing:.04em;color:#1d1716;background:#f7f1eaeb;white-space:nowrap;transition:transform .12s var(--kojo-ease),background-color .15s var(--kojo-ease)}.kojo-buybar__button.button:before,.kojo-buybar__button.button:after{display:none}.kojo-buybar__button.button:hover{background:#f7f1ea}.kojo-buybar__button.button:active{transform:scale(.97)}@media screen and (max-width:749px){.kojo-story__stage{height:calc(var(--kojo-stage-length) * .8)}.kojo-story__skip{top:1.2rem;right:1.2rem;font-size:1.2rem}.kojo-buybar{gap:1rem;padding-left:1.6rem}.kojo-buybar__link{display:none}.kojo-buybar__button.button{padding:0 1.4rem;font-size:1.25rem}}@media(prefers-reduced-motion:reduce){.kojo-story__stage{height:auto}.kojo-story__sticky{position:relative;height:auto;overflow:visible;display:grid;background:var(--kojo-dark)}.kojo-story__layer{position:relative;inset:auto;opacity:1!important;transform:none!important}.kojo-story__layer--detail{height:70vh}.kojo-story__layer--full{background:var(--kojo-wall);height:90vh}.kojo-story__lines{position:relative;inset:auto;display:grid;gap:2.4rem;padding:6rem 2rem;order:-1}.kojo-story__line{grid-area:auto;opacity:1;transform:none}.kojo-story__reveal{position:relative;bottom:auto;max-width:none;width:auto;padding:4rem 2rem;background:var(--kojo-wall);opacity:1;transform:none}.kojo-story__hint{display:none}.kojo-story__scale-media{transform:none}.kojo-buybar,.kojo-buybar.is-visible{transition:none}}.kojo-story--static .kojo-story__stage{height:auto}.kojo-story--static .kojo-story__sticky{position:relative;height:auto;overflow:visible;display:grid;background:var(--kojo-dark)}.kojo-story--static .kojo-story__layer{position:relative;inset:auto;opacity:1!important;transform:none!important}.kojo-story--static .kojo-story__layer--detail{height:min(70vh,80rem)}.kojo-story--static .kojo-story__layer--full{background:var(--kojo-wall);height:min(90vh,110rem)}.kojo-story--static .kojo-story__lines{position:relative;inset:auto;display:grid;gap:2.4rem;padding:6rem 2rem;order:-1}.kojo-story--static .kojo-story__line{grid-area:auto;opacity:1;transform:none}.kojo-story--static .kojo-story__reveal{position:relative;bottom:auto;max-width:none;width:auto;padding:4rem 2rem;background:var(--kojo-wall);opacity:1;transform:none}.kojo-story--static .kojo-story__hint{display:none}.kojo-story--static .kojo-story__scale-media{transform:none}.kojo-story--static .kojo-buybar,.kojo-story--static .kojo-buybar.is-visible{transition:none}.kojo-story--static .kojo-story__scale{height:min(100vh,90rem)}
/*# sourceMappingURL=/cdn/shop/t/12/compiled_assets/styles.css.map */