.custom-storypage-wrapper{width:100%;overflow:hidden}.custom-storypage-wrapper .custom-storypage-container{display:flex;flex-direction:column;gap:var(--sp-7d5);align-items:stretch;width:100%;max-width:var(--story-content-max, 1400px);margin-left:auto;margin-right:auto;padding-left:clamp(20px,4vw,80px)!important;padding-right:clamp(20px,4vw,80px)!important;box-sizing:border-box}.custom-storypage-wrapper .custom-storypage-image-col,.custom-storypage-wrapper .custom-storypage-accordion-col{width:100%;min-width:0;max-width:100%;box-sizing:border-box}.custom-storypage-wrapper .custom-storypage-image-col{overflow:hidden}.custom-storypage-wrapper .image-wrapper{position:relative;width:100%;max-width:100%;border-radius:var(--rounded-block);overflow:hidden;aspect-ratio:4 / 3;background-color:rgb(var(--color-placeholder))}.custom-storypage-wrapper .story-main-image{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}.custom-storypage-wrapper .image-wrapper:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50%;background:linear-gradient(to top,#000000b3,#0000);z-index:1}.custom-storypage-wrapper .image-overlay-text{position:absolute;bottom:var(--sp-7d5);left:var(--sp-7d5);z-index:2;max-width:calc(100% - var(--sp-15))}.custom-storypage-wrapper .image-overlay-text h3{color:#fff;margin:0;font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-heading-weight);letter-spacing:var(--font-heading-letter-spacing);line-height:var(--font-heading-line-height);text-transform:var(--font-heading-text-transform, none);font-size:var(--text-h3);overflow-wrap:break-word;word-break:normal}.custom-storypage-wrapper .custom-storypage-accordion-col{padding:var(--sp-5) 0}.custom-storypage-wrapper .story-accordion-item{width:100%;max-width:100%;border-bottom:1px solid rgb(var(--color-border-light));margin-bottom:var(--sp-3)}.custom-storypage-wrapper .story-accordion-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--sp-4);width:100%;cursor:pointer;padding:var(--sp-5d5) 0}.custom-storypage-wrapper .story-accordion__title{flex:1 1 auto;min-width:0;max-width:100%;margin:0;font-size:var(--text-h4);line-height:var(--font-heading-line-height);font-family:var(--font-heading-family);font-style:var(--font-heading-style);font-weight:var(--font-medium);letter-spacing:var(--font-heading-letter-spacing);text-transform:var(--font-heading-text-transform, none);color:var(--title-color);white-space:normal;writing-mode:horizontal-tb;word-break:normal;overflow-wrap:normal;-webkit-hyphens:manual;hyphens:manual;transition:color var(--animation-fast),font-weight var(--animation-fast)}.custom-storypage-wrapper .story-accordion-item.is-active .story-accordion__title{color:var(--title-active-color);font-weight:var(--font-bold)}.custom-storypage-wrapper .accordion-icon{position:relative;width:var(--sp-3d5);height:var(--sp-3d5);flex-shrink:0;margin-top:.15em}.custom-storypage-wrapper .accordion-icon:before,.custom-storypage-wrapper .accordion-icon:after{content:"";position:absolute;background-color:var(--icon-color);transition:transform var(--animation-fast)}.custom-storypage-wrapper .accordion-icon:before{width:100%;height:2px;top:50%;transform:translateY(-50%)}.custom-storypage-wrapper .accordion-icon:after{height:100%;width:2px;left:50%;transform:translate(-50%)}.custom-storypage-wrapper .story-accordion-item.is-active .accordion-icon:after{transform:translate(-50%) rotate(90deg) scale(0)}.custom-storypage-wrapper .story-accordion-content{display:grid;grid-template-rows:0fr;width:100%;max-width:100%;transition:grid-template-rows var(--animation-fast)}.custom-storypage-wrapper .story-accordion-item.is-active .story-accordion-content{grid-template-rows:1fr}.custom-storypage-wrapper .story-accordion-inner{overflow:hidden;min-width:0}.custom-storypage-wrapper .story-accordion-inner-content{padding-bottom:var(--sp-4);color:var(--content-color);font-size:var(--text-base);line-height:var(--font-body-line-height);font-family:var(--font-body-family);font-style:var(--font-body-style);font-weight:var(--font-body-weight);letter-spacing:var(--font-body-letter-spacing);word-break:normal;overflow-wrap:break-word;max-width:100%}
/*# sourceMappingURL=/cdn/shop/t/23/assets/section-custom-storypage1.css.map */
