.homepage-storytelling{--storytelling-eyebrow-fs: 12px;--storytelling-heading-fs: 48px;--storytelling-description-fs: 16px}.homepage-storytelling__grid{display:grid;gap:32px;align-items:stretch}.homepage-storytelling__grid>*{min-width:0}@media only screen and (min-width:768px){.homepage-storytelling__grid{grid-template-columns:4fr 6fr;gap:36px}}.homepage-storytelling__column{display:flex;flex-direction:column;min-height:0;align-self:stretch}.homepage-storytelling__text{display:flex;flex-direction:column;gap:16px;align-items:flex-start;text-align:left}@media only screen and (min-width:768px){.homepage-storytelling__text{flex:1;min-height:0;justify-content:center}}@media only screen and (max-width:767px){.homepage-storytelling__column{gap:24px}.homepage-storytelling__text{justify-content:flex-start}}.homepage-storytelling__eyebrow{margin:0;font-size:var(--storytelling-eyebrow-fs);color:var(--storytelling-eyebrow-color, #b0b0b0);font-family:Courier New,Courier,monospace;font-weight:400;line-height:100%;letter-spacing:0%;vertical-align:middle;text-transform:uppercase}.homepage-storytelling__heading{margin:0;font-size:var(--storytelling-heading-fs);color:var(--storytelling-heading-color);font-family:BNKick;font-weight:900;line-height:100%;letter-spacing:-6%;vertical-align:middle;text-transform:uppercase}@media only screen and (max-width:767px){.homepage-storytelling__heading{font-size:2.25rem}}.homepage-storytelling__description p{margin:0;font-family:Figtree,sans-serif;font-size:var(--storytelling-description-fs);color:var(--storytelling-description-color, #ffffff);font-weight:500;line-height:120%;letter-spacing:0%;vertical-align:middle}.homepage-storytelling__controls{display:flex;align-items:center;gap:16px;flex-shrink:0}.homepage-storytelling__controls--mobile{display:none}@media only screen and (max-width:767px){.homepage-storytelling__controls--desktop{display:none}.homepage-storytelling__controls--mobile{display:flex;margin-top:8px}}.homepage-storytelling__progress{flex:1;height:2px;background:var(--storytelling-progress-track, rgba(255, 255, 255, .2));border-radius:1px;position:relative;overflow:hidden}.homepage-storytelling__progress-fill{position:absolute;top:0;left:var(--storytelling-indicator-offset, 0%);height:100%;width:var(--storytelling-indicator-size, 100%);border-radius:1px;background:var(--storytelling-progress-fill, #e85d2a);transition:left .25s ease,width .25s ease}.homepage-storytelling__arrows{display:flex;gap:8px;flex-shrink:0}.homepage-storytelling__arrow{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;border-radius:10px;background:transparent;color:var(--storytelling-arrow-color, #ffffff);cursor:pointer;transition:background-color .2s ease,color .2s ease}.homepage-storytelling__arrow-icon{display:block;flex-shrink:0}.homepage-storytelling__arrow--prev:hover:not(:disabled),.homepage-storytelling__arrow--prev:focus-visible:not(:disabled),.homepage-storytelling__arrow--next:hover:not(:disabled),.homepage-storytelling__arrow--next:focus-visible:not(:disabled){background:var(--storytelling-arrow-next-hover-bg, #3d3d3d)}.homepage-storytelling__arrow:disabled{color:var(--storytelling-arrow-muted, #6b6b6b);cursor:not-allowed;background:transparent}.homepage-storytelling__arrow:disabled:hover{background:transparent}.homepage-storytelling__arrow .homepage-storytelling__arrow-icon{width:18px;height:18px;pointer-events:none}.homepage-storytelling__media-wrap{position:relative;width:100%;min-height:280px}.homepage-storytelling__slider{border-radius:var(--block-border-radius, 12px);overflow:hidden;width:100%}.homepage-storytelling__slider .swiper-wrapper{align-items:stretch}.homepage-storytelling__slider .swiper-slide.carousel__slide{box-sizing:border-box;flex-shrink:0}.homepage-storytelling__slide-inner{position:relative;width:100%;overflow:hidden;border-radius:var(--block-border-radius, 12px)}.homepage-storytelling__slide-inner.aspect-portrait{aspect-ratio:3 / 4}.homepage-storytelling__slide-inner.aspect-square{aspect-ratio:1}.homepage-storytelling__slide-inner.aspect-landscape{aspect-ratio:4 / 3}.homepage-storytelling__slide-inner img,.homepage-storytelling__slide-inner .thb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.homepage-storytelling__slide-inner .thb-placeholder svg{width:100%;height:100%;object-fit:contain;padding:40px}
/*# sourceMappingURL=/cdn/shop/t/12/assets/homepage-storytelling.css.map */