.pdp-story{position:relative;background-color:var(--story-color, #e359da);overflow:clip;--story-pin-h: clamp(640px, 80vh, 880px);--story-step-h: clamp(704px, 88vh, 968px)}@media screen and (min-width:1500px){.pdp-story{--story-pin-h: clamp(800px, 100vh, 1100px)}}.pdp-story__scroller{position:relative}.pdp-story__pin{position:sticky;top:var(--sticky-header-offset, 0);z-index:2;min-height:calc(var(--story-pin-h) - var(--sticky-header-offset, 0px));width:100%;overflow:visible}body:has(#header-group #header-component[data-sticky-state=active]) .pdp-story{--sticky-header-offset: var(--header-height)}.pdp-story__stage{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:auto;max-width:1440px;margin:0 auto;padding-block:clamp(16px,3vh,32px);padding-inline:clamp(24px,5vw,80px);box-sizing:border-box}.pdp-story__header{position:relative;z-index:3;padding-top:80px;padding-inline:clamp(24px,5vw,80px);margin-bottom:clamp(40px,20vh,70px);text-align:center;pointer-events:none}.pdp-story__heading{margin:0 auto;max-width:672px;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:800;font-size:24px;line-height:130%;letter-spacing:-.01em;color:#001e38}.pdp-story__heading--mobile{display:none}.pdp-story--finale-step .pdp-story__stage{align-items:flex-start;justify-content:flex-start}.pdp-story__near-panel{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.pdp-story__near-img-wrap{position:absolute;height:auto;transform-origin:center center;z-index:3;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.pdp-story__step-item.is-active .pdp-story__near-img-wrap{opacity:1;visibility:visible}.pdp-story__near-img-wrap--behind{z-index:1}.pdp-story__near-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.pdp-story__text-col{position:relative;width:fit-content;max-width:100%;margin-inline:auto}.pdp-story__near-decor-item{position:absolute;width:var(--near-decor-width, 220px);z-index:var(--near-decor-z, 1);opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.pdp-story__step-item.is-active .pdp-story__near-decor-item{opacity:1;visibility:visible}.pdp-story__near-decor-item--behind{z-index:1}.pdp-story__near-decor-item--top-left{top:var(--near-decor-offset-y, 0px);right:100%;margin-right:calc(20px + var(--near-decor-offset-x, 0px))}.pdp-story__near-decor-item--top-right{top:var(--near-decor-offset-y, 0px);left:100%;margin-left:calc(20px + var(--near-decor-offset-x, 0px))}.pdp-story__near-decor-item--bottom-left{bottom:var(--near-decor-offset-y, 0px);right:100%;margin-right:calc(20px + var(--near-decor-offset-x, 0px))}.pdp-story__near-decor-item--bottom-right{bottom:var(--near-decor-offset-y, 0px);left:100%;margin-left:calc(20px + var(--near-decor-offset-x, 0px))}.pdp-story__near-decor-img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 24px rgba(0,0,0,.18))}.pdp-story__tag{position:absolute;z-index:3;display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;background:#faf6eb;border:2px solid #001e38;border-radius:999px;box-shadow:0 6px 16px #001e382e;font-family:"Gasoek One",var(--font-heading--family, sans-serif);font-weight:400;font-size:clamp(16px,1.8vw,24px);line-height:1.1;color:#001e38;text-transform:capitalize;white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .45s ease,visibility .45s ease}.pdp-story__step-item.is-active .pdp-story__tag{opacity:1;visibility:visible}.pdp-story__steps-list{display:flex;flex-direction:column;align-items:center;gap:4vh;width:100%;margin-inline:auto;text-align:center}.pdp-story__step-item{position:relative;width:100%}.pdp-story__item-title{position:relative;z-index:2;margin:0;font-family:"Gasoek One",var(--font-heading--family, sans-serif);font-weight:400;font-size:clamp(48px,6.4vw,92px);line-height:1.05;letter-spacing:-.02em;text-transform:capitalize;color:#001e38;opacity:.4;transition:opacity .45s ease}.pdp-story__step-item.is-active .pdp-story__item-title{opacity:1}.pdp-story__item-detail{position:relative;z-index:2;display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .45s ease,opacity .45s ease,margin .45s ease;margin-top:0}.pdp-story__step-item.is-active .pdp-story__item-detail{grid-template-rows:1fr;opacity:1;margin-top:clamp(16px,3vh,32px)}.pdp-story__item-detail-inner{overflow:hidden}.pdp-story__item-body{margin:0 auto;max-width:440px;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:500;font-size:15px;line-height:150%;letter-spacing:-.01em;color:#001e38}.pdp-story__media{position:relative;z-index:1;display:grid;width:100%;max-width:1440px;margin:-60px auto 0}.pdp-story__media-panel{grid-area:1 / 1;position:relative;display:none;opacity:0;transition:opacity .45s ease,display .45s ease allow-discrete}.pdp-story__media-panel.is-active{display:block;opacity:1}@starting-style{.pdp-story__media-panel.is-active{opacity:0}}.pdp-story__media-panel--finale{transition:width .45s ease allow-discrete,margin-left .45s ease allow-discrete}.pdp-story__media-panel--finale.is-active{width:100vw;margin-left:calc(50% - 50vw)}@starting-style{.pdp-story__media-panel--finale.is-active{width:100%;margin-left:0}}.pdp-story__media-decor{position:absolute;bottom:60%;right:22%;transform:translate(50%,50%);width:200px;height:auto;z-index:2;pointer-events:none}.pdp-story__img{display:block;width:100%;height:auto;margin-inline:auto;object-fit:contain}.pdp-story__step{position:absolute;left:0;right:0;height:var(--story-step-h);pointer-events:none}.pdp-story__mobile{display:none}@media screen and (max-width:989px){.pdp-story__scroller,.pdp-story__heading--desktop{display:none}.pdp-story__heading--mobile{display:block;width:100%;max-width:none;margin:0 0 40px;text-align:center;box-sizing:border-box;font-size:18px}.pdp-story__mobile{display:flex;flex-direction:column;padding:48px 20px 0}.pdp-story__mobile-block+.pdp-story__mobile-block{margin-top:40px}.pdp-story__mobile-block--finale{margin-bottom:24px}.pdp-story__mobile-copy{text-align:center}.pdp-story__mobile-title{margin:0 auto 12px;width:100%;text-align:center;font-family:"Gasoek One",var(--font-heading--family, sans-serif);font-weight:400;font-size:48px;line-height:1.05;letter-spacing:-.02em;text-transform:capitalize;color:#001e38}.pdp-story__mobile-body{margin:0 auto;max-width:320px;font-family:"Epilogue",var(--font-body--family, sans-serif);font-weight:500;font-size:14px;line-height:150%;letter-spacing:-.01em;color:#001e38}.pdp-story__mobile-decor{position:relative;display:flex;align-items:center;justify-content:center;width:fit-content;margin:20px auto 0}.pdp-story__mobile-img{display:block;width:auto;max-width:min(48vw,300px);height:auto;object-fit:contain;filter:drop-shadow(0 6px 18px rgba(0,0,0,.15));position:relative}.pdp-story__mobile-img:first-child{z-index:var(--mobile-decor-z-1, 1)}.pdp-story__mobile-img:last-child:not(:only-child){z-index:var(--mobile-decor-z-2, 2)}.pdp-story__mobile-img:not(.pdp-story__mobile-img--moved){max-width:var(--mobile-decor-anchor-width, min(48vw, 300px));transform:translate(var(--mobile-decor-anchor-offset-x, 0px),var(--mobile-decor-anchor-offset-y, 0px))}.pdp-story__mobile-img--moved{position:absolute;max-width:var(--mobile-decor-width, 220px);transform:rotate(var(--mobile-decor-rotate, 0deg))}.pdp-story__mobile-decor--top-left .pdp-story__mobile-img--moved{top:var(--mobile-decor-offset-y, -14px);left:var(--mobile-decor-offset-x, -20px)}.pdp-story__mobile-decor--top-right .pdp-story__mobile-img--moved{top:var(--mobile-decor-offset-y, -14px);right:var(--mobile-decor-offset-x, -20px)}.pdp-story__mobile-decor--bottom-left .pdp-story__mobile-img--moved{bottom:var(--mobile-decor-offset-y, -14px);left:var(--mobile-decor-offset-x, -20px)}.pdp-story__mobile-decor--bottom-right .pdp-story__mobile-img--moved{bottom:var(--mobile-decor-offset-y, -14px);right:var(--mobile-decor-offset-x, -20px)}.pdp-story__mobile-bottom-image{position:relative;margin-top:20px}.pdp-story__mobile-bottom-img{display:block;width:100%;height:auto;object-fit:contain}.pdp-story__mobile-bottom-decor{position:absolute;top:0;right:0;transform:translate(15%,-15%);width:clamp(60px,20vw,100px);height:auto;z-index:2;pointer-events:none}.pdp-story__mobile-finale{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:auto}.pdp-story__mobile-finale-img{display:block;width:100%;height:auto;object-fit:contain;object-position:bottom center;vertical-align:bottom}.pdp-story__mobile-finale-decor{position:absolute;top:18%;right:10%;transform:translate(10%,-10%);width:166px;height:auto;z-index:2;pointer-events:none}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/pdp-storytelling-styles.css.map */