.product-story,.product-story *,.product-story *:before,.product-story *:after{box-sizing:border-box}.product-story{--story-gold: #f1c00d;--story-ink: #ffffff;--story-end-ink: #07222b;--story-theme-element-size: 28rem;--story-footprints-size: 17rem;--story-pin-size: 3.4rem;--story-header-box-width: 70%;--story-theme-element-top: 0%;--story-header-box-rotate: -1.5deg;--story-end-rotate: -2.5deg;--story-end-box-width: 90%;--story-top-gap: 8rem;--story-bottom-gap: 5rem;--story-header-pull: -7rem;--story-body-max-height: 62rem;--story-blob-width: 1800px;--story-blob-rotate: -3.5deg;--story-blob-overhang: 6rem;--story-blob-top: calc(var(--story-blob-overhang) * .35);position:relative;isolation:isolate;width:100%;margin:calc(var(--story-top-gap) - var(--story-header-pull)) 0 var(--story-bottom-gap);color:var(--story-ink)}.template-product product-component{overflow-x:hidden}.product-story--detective{--story-accent: #b7dbe5}.product-story--treasure{--story-accent: #ffbccc}.product-story--spy{--story-accent: #b6d7a9}.product-story__blob{position:absolute;z-index:10;top:var(--story-blob-top);bottom:calc(var(--story-blob-overhang) * -1);left:calc(var(--story-blob-overhang) * -1);width:calc(var(--story-blob-width) + var(--story-blob-overhang));background:var(--story-blob) left top / 100% auto no-repeat;transform:rotate(var(--story-blob-rotate));transform-origin:center center;pointer-events:none}.product-story__header .page-width:before{content:"";position:absolute;z-index:2;top:20%;right:15%;width:var(--story-theme-element-size);height:var(--story-theme-element-size);background:var(--story-theme-element) center / contain no-repeat;pointer-events:none;transform:rotate(-20deg)}.product-story__header{position:relative;z-index:30;margin-top:var(--story-header-pull);padding:0 0 3rem;transform:rotate(var(--story-header-box-rotate))}.product-story__header>.page-width{position:relative;z-index:1;background:var(--story-header-box) left center / var(--story-header-box-width) 100% no-repeat;padding-top:2.5rem;padding-bottom:2.5rem}.product-story__headline,.product-story__subhead,.product-story__location{margin:0}.product-story__headline{font-family:var(--font-accent-family);font-weight:400;font-style:normal;font-size:4.2rem;line-height:1.1;color:var(--story-ink)}.product-story__subhead{font-family:var(--font-accent-family);font-weight:400;font-style:normal;font-size:2.6rem;line-height:1.2;margin-top:.4rem;color:var(--story-accent)}.product-story__location{margin-top:1.2rem;font-size:4.6rem;font-weight:700;line-height:1;color:var(--story-gold)}.product-story>.page-width{position:relative;z-index:50;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:4rem;padding-bottom:0}.product-story__body{min-width:0;height:var(--story-body-max-height);overflow-y:auto;padding-right:2rem;color:var(--story-ink);font-size:1.6rem;line-height:1.6}.product-story__body .simplebar-content-wrapper,.product-story__body .simplebar-mask{height:100%}.product-story__body .simplebar-track.simplebar-vertical{width:.6rem;background-color:#ffffff26;border-radius:.3rem}.product-story__body .simplebar-scrollbar:before{background-color:var(--story-accent);opacity:1;border-radius:.3rem}.product-story__body p{margin:0 0 1.6rem}.product-story__body h2,.product-story__body h3{color:var(--story-accent)}.product-story__media{position:relative;min-width:0;aspect-ratio:1 / 1.15;overflow:visible}.product-story__photo{position:absolute;width:var(--photo-w, 46%);aspect-ratio:var(--photo-ratio, 1 / 1);margin:0;padding:0;overflow:visible;transform:rotate(var(--photo-rot, 0deg))}.product-story__photo img{--photo-zoom-x: var(--photo-zoom, 0rem);--photo-zoom-y: var(--photo-zoom, 0rem);position:absolute;right:0;bottom:0;left:0;z-index:0;display:block;object-fit:cover;top:5%;left:calc(5% - var(--photo-zoom-x));width:calc(90% + var(--photo-zoom-x) * 2);height:calc(90% + var(--photo-zoom-y));clip-path:inset(0 var(--photo-zoom-x) var(--photo-zoom-y) var(--photo-zoom-x))}.product-story__photo:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--story-frame) center / 100% 100% no-repeat;pointer-events:none}.product-story__photo:before{content:"";position:absolute;z-index:3;top:calc(var(--story-pin-size) * -.22);left:48%;width:var(--story-pin-size);height:var(--story-pin-size);transform:translate(-50%) rotate(calc(var(--photo-rot, 0deg) * -1));background:var(--story-pin) center / contain no-repeat}.product-story__photo figcaption{position:absolute;z-index:2;left:0;right:0;bottom:20px;font-family:var(--font-accent-family);font-size:1.5rem;text-align:center;color:#9aa4a9}.product-story__photo--one{--photo-w: 55%;--photo-ratio: 333 / 331;--photo-rot: 8deg;top:-30%;left:0;z-index:1}.product-story__photo--two{--photo-w: 65%;--photo-ratio: 388 / 376;--photo-rot: -10deg;top:2%;left:40%;z-index:2}.product-story__photo--three{--photo-w: 52%;--photo-ratio: 336 / 423;--photo-rot: 1.5deg;top:26%;left:6%;z-index:4;clip-path:inset(calc(var(--story-pin-size) * -.75) 0 0 0)}.product-story__photo--three img{--photo-zoom: 3rem}.product-story__photo--four{--photo-w: 55%;--photo-ratio: 333 / 331;--photo-rot: 8deg;top:72%;left:44%;z-index:3}.product-story__end{position:relative;z-index:30;padding:4rem 0 5rem}.product-story__header .page-width:after{content:"";position:absolute;z-index:0;top:calc(var(--story-theme-element-top) + var(--story-theme-element-size) * -.05);right:calc(4% + var(--story-theme-element-size) * .2);width:calc(var(--story-theme-element-size) * .52);height:calc(var(--story-theme-element-size) * .52);background:var(--story-theme-element) center / contain no-repeat;pointer-events:none;transform:rotate(-5deg)}.product-story__end-inner:before{content:"";position:absolute;z-index:2;top:calc(var(--story-footprints-size) * -.3);left:-5%;width:var(--story-footprints-size);height:calc(var(--story-footprints-size) * .7);background:var(--story-footprints) center / contain no-repeat;pointer-events:none}.product-story__end>.page-width{position:relative;z-index:1}.product-story__end-inner{position:relative;width:var(--story-end-box-width);padding:4rem 6rem;background:var(--story-end-box) center / 100% 100% no-repeat;transform:rotate(var(--story-end-rotate));color:var(--story-end-ink)}.product-story__end-heading{margin:0;font-size:2.8rem;font-weight:700;line-height:1.2;color:var(--story-end-ink)}.product-story__end-copy{margin:.8rem 0 0;font-family:var(--font-accent-family);font-weight:400;font-style:normal;font-size:2.2rem;line-height:1.35;color:var(--story-end-ink);max-width:51rem}@media screen and (min-width:750px)and (max-width:989px){.product-story{--story-pin-size: 5rem}.product-story__photo:before{top:calc(var(--story-pin-size) * .1)}}@media screen and (max-width:989px){.product-story{--story-theme-element-size: 18rem;--story-footprints-size: 11rem;--story-blob-width: 150%;--story-blob-rotate: 0deg;--story-blob-overhang: 0rem;--story-bottom-gap: 1rem;--story-blob-top: 10rem}.product-story__header .page-width:after{display:none}.product-story__header .page-width:before{right:-4rem;top:-9rem}.product-story__blob{background-image:var(--story-blob-mobile)}.product-story{--story-header-pull: -3rem;--story-body-max-height: 32rem}.product-story__header{--story-header-box-width: 93%;padding:3rem 0 2rem}.product-story__header>.page-width{background-image:var(--story-header-box-mobile);padding:3rem 6rem 3rem 3rem}.product-story__headline{font-size:4rem}.product-story__subhead{font-size:3rem}.product-story__location{font-size:4rem}.product-story>.page-width{grid-template-columns:minmax(0,1fr);gap:3rem;padding-bottom:0}.product-story__body{padding:0 2.5rem}.product-story__media{aspect-ratio:auto}.product-story__photo{position:relative;top:auto;left:auto;width:100%;--photo-rot: 0deg;--photo-ratio: 336 / 423}.product-story__photo:after,.product-story__photo:before{display:none}.product-story__photo{transform:none;z-index:auto}.product-story__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:var(--story-frame-mobile) center / 100% 100% no-repeat;pointer-events:none}.product-story__media:before{content:"";position:absolute;z-index:3;top:calc(var(--story-pin-size) * -.22 + 3rem);left:48%;width:var(--story-pin-size);height:var(--story-pin-size);transform:translate(-50%);background:var(--story-pin) center / contain no-repeat;pointer-events:none}.product-story__photo img{--photo-zoom: 3rem;top:7%}.product-story__photo--three img{--photo-zoom-x: 8rem}.product-story__media .slick-slide{height:auto}.product-story__photo figcaption{font-size:2rem;bottom:18px}.product-story__media .slick-list{padding-top:0;margin-top:0;clip-path:inset(3.8% 3.9% 3.4% 3.9%)}.product-story__end{padding:0;margin-top:2rem}.product-story__end-inner{--story-end-box-width: 100%;background-image:var(--story-end-box-mobile);padding:2.5rem 3.5rem 3rem}.product-story__end-heading{font-size:2.8rem}.product-story__end-copy{font-size:2.4rem}.product-story__end-copy{max-width:none}}@media screen and (min-width:750px)and (max-width:989px){.product-story{--story-body-max-height: 56rem}.product-story__header>.page-width{padding:3rem 6rem!important}.product-story>.page-width{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);align-items:start;gap:1.5rem}.product-story__body{padding:0 1rem 0 0}.product-story{--story-blob-width: 150%;--story-blob-overhang: 4rem}.product-story__blob{background-size:100% 100%}}@media screen and (max-width:750px){.product-story__end{margin-top:-5rem}.product-story__blob{--story-blob-top: 10rem;background-size:100% auto!important}.product-story__header>.page-width{position:relative;z-index:999}.product-story__location{font-size:3.4rem!important}}@media screen and (min-width:580px)and (max-width:750px){.product-story{--story-pin-size: 7rem;--story-body-max-height: 62rem}.product-story__photo:before{top:calc(var(--story-pin-size) * .3)}.product-story__photo figcaption{font-size:3rem;bottom:50px}}@media screen and (max-width:480px){.product-story__header>.page-width{padding:3rem 5rem 3rem 3rem!important}.product-story__blob{--story-blob-top: 6rem;--story-blob-extra: -60rem;bottom:calc(var(--story-blob-overhang) * -1 - var(--story-blob-extra));background-size:100% 100%!important}}@media screen and (min-width:481px)and (max-width:579px){.product-story__photo figcaption{font-size:2.5rem;bottom:40px}}@media screen and (min-width:320px)and (max-width:579px){.product-story{--story-pin-size: 5rem;--story-body-max-height: 58rem}.product-story__photo:before{top:calc(var(--story-pin-size) * .1)}.product-story__end{margin:0 0 3rem}.product-story__header .page-width:before{right:-6rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/component-product-story.css.map */