.narrative-carousel-section{position:relative;overflow:hidden}.narrative-carousel__header{text-align:center;margin-bottom:5rem}.narrative-carousel__title{font-size:var(--title-size);font-weight:var(--title-weight);line-height:var(--title-line-height);color:var(--title-color);margin:0 0 1rem}.narrative-carousel__description{max-width:600px;margin:0 auto;color:rgba(var(--color-foreground),.75)}.narrative-carousel{position:relative;width:100%}.narrative-carousel__container{position:relative}.narrative-carousel__slides{position:relative;width:100%;overflow:hidden}.narrative-carousel__slide{display:none;opacity:0;transition:opacity .5s ease-in-out}.narrative-carousel__slide.active{display:block;opacity:1}.narrative-carousel__content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;min-height:400px;max-width:calc(800px + 4rem);margin:0 auto}.narrative-carousel__editorial{padding:2rem;text-align:center}.narrative-carousel__slide-title{font-size:1.5rem;font-weight:600;line-height:1.2;color:var(--content-title-color);margin:0 0 1.5rem}.narrative-carousel__slide-description{font-size:1rem;line-height:1.25;color:var(--content-text-color);margin:0 0 2rem}.narrative-carousel__slide-description p{margin:0 0 1rem}.narrative-carousel__slide-description p:last-child{margin-bottom:0}.narrative-carousel__cta{display:inline-flex;align-items:center;padding:1rem 2rem;background-color:var(--button-bg);color:var(--button-color);text-decoration:none;border-radius:6px;font-weight:500;transition:all .3s ease;font-size:var(--button-cta-font-size);font-weight:var(--button-cta-font-weight);line-height:var(--button-cta-line-height);letter-spacing:var(--button-cta-letter-spacing);text-transform:var(--button-cta-text-transform);text-decoration:var(--button-cta-text-decoration);text-align:var(--button-cta-text-align);padding-top:var(--button-cta-padding-top);padding-right:var(--button-cta-padding-right);padding-bottom:var(--button-cta-padding-bottom);padding-left:var(--button-cta-padding-left);border-radius:var(--button-cta-border-radius);border-width:var(--button-cta-border-width);border-style:solid}.narrative-carousel__cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.narrative-carousel__media-mosaic{position:relative;display:flex;flex:1;gap:1rem;height:100%;min-height:400px;max-height:50vh}@media and screen (min-width: 767px){.narrative-carousel__media-mosaic{min-width:400px;max-width:50vh}}.narrative-carousel__media-mosaic[data-layout=hero_only]{flex-direction:column}.narrative-carousel__media-mosaic[data-layout=hero_minis_side]{flex-direction:row}.narrative-carousel__media-mosaic[data-layout=hero_minis_column]{flex-direction:column}.narrative-carousel__hero-media{flex:1;position:relative;overflow:hidden;border-radius:var(--media-radius);background:#f5f5f5}@media screen and (min-width: 767px){.narrative-carousel__media-mosaic[data-layout=hero_minis_column] .narrative-carousel__hero-media{flex:1;max-height:calc(50% - .5rem)}}.narrative-carousel__image,.narrative-carousel__video{width:100%;height:100%;object-fit:cover;border-radius:var(--media-radius)}.narrative-carousel__video{background:#000}.narrative-carousel__mini-medias{flex:1;display:flex;gap:.75rem}@media screen and (min-width: 767px){.narrative-carousel__media-mosaic[data-layout=hero_minis_column] .narrative-carousel__mini-medias{max-height:calc(50% - .5rem)}}.narrative-carousel__media-mosaic[data-layout=hero_minis_side] .narrative-carousel__mini-medias{flex-direction:column}.narrative-carousel__media-mosaic[data-layout=hero_minis_column] .narrative-carousel__mini-medias{flex-direction:row}.narrative-carousel__mini-media{flex:1;position:relative;overflow:hidden;background:#f5f5f5;aspect-ratio:1;border-radius:var(--media-radius)}.narrative-carousel__mini-image,.narrative-carousel__mini-video{width:100%;height:100%;object-fit:cover}.narrative-carousel__controls{display:flex;justify-content:center;gap:var(--control-gap);margin-top:3rem;flex-wrap:wrap}.narrative-carousel__control{position:relative;width:var(--control-size);height:var(--control-size);border:none;border-radius:50%;background:transparent;cursor:pointer;transition:all .3s ease;padding:4px}.narrative-carousel__control:hover{transform:scale(1.1)}.narrative-carousel__control:focus-visible{outline:2px solid rgb(var(--color-foreground));outline-offset:4px}.narrative-carousel__control-thumbnail{width:100%;height:100%;border-radius:50%;overflow:hidden;position:relative;z-index:1}.narrative-carousel__control-thumbnail img{width:100%;height:100%;object-fit:cover}.narrative-carousel__progress-ring{position:absolute;top:0;left:0;width:100%;height:100%;transform:rotate(-90deg);z-index:2}.narrative-carousel__progress-bar{stroke-dasharray:100;stroke-dashoffset:100;transition:stroke-dashoffset linear;stroke-linecap:round}.narrative-carousel__play-pause{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:24px;height:24px;background:#000000b3;border-radius:50%;align-items:center;justify-content:center;z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex}.narrative-carousel__play-pause svg{width:12px;height:12px;fill:#fff}.narrative-carousel__play-pause .icon-pause{display:none}button.narrative-carousel__control:not(.active) .narrative-carousel__play-pause{display:none!important}@media screen and (min-width: 1025px){.narrative-carousel__controls{width:50%;max-width:400px;margin-bottom:-60px;z-index:2;position:relative;left:50%;transform:translate(calc(-100% - 30px))}}@media screen and (max-width: 1024px){.narrative-carousel__content{gap:0rem}.narrative-carousel__slide-title{font-size:2rem}.narrative-carousel__editorial{padding:1.5rem}}@media screen and (max-width: 768px){.narrative-carousel__header{margin-bottom:2rem}.narrative-carousel__content{grid-template-columns:1fr;gap:0rem;min-height:auto}.narrative-carousel__slide{min-height:50vh}.narrative-carousel__editorial{order:2;padding:1rem;text-align:center}.narrative-carousel__media-mosaic{order:1;min-height:300px;padding:.75rem}.narrative-carousel__slide-title{font-size:1.75rem;margin-bottom:1rem}.narrative-carousel__slide-description{font-size:1rem;margin-bottom:1.5rem}.narrative-carousel__media-mosaic[data-layout=hero_only]{flex-direction:column}.narrative-carousel__controls{margin-top:1rem;margin-bottom:1rem;gap:calc(var(--control-gap) * .75)}}@media screen and (max-width: 480px){.narrative-carousel__slide-title{font-size:1.5rem}.narrative-carousel__slide-description{font-size:.9rem}.narrative-carousel__cta{padding:.875rem 1.5rem;font-size:.9rem}.narrative-carousel__media-mosaic{min-height:250px}.narrative-carousel__mini-media{flex:1}.narrative-carousel__controls{gap:calc(var(--control-gap) * .75)}.narrative-carousel__control{width:calc(var(--control-size) * 1);height:calc(var(--control-size) * 1)}}@media (prefers-reduced-motion: reduce){.narrative-carousel__slide,.narrative-carousel__control,.narrative-carousel__cta{transition:none}.narrative-carousel__cta:hover{transform:none}.narrative-carousel__progress-bar{transition:none!important}}@media (prefers-contrast: high){.narrative-carousel__control{border:2px solid currentColor}.narrative-carousel__progress-background{stroke:currentColor;opacity:.5}.narrative-carousel__progress-bar{stroke:currentColor}.narrative-carousel__cta{border:2px solid var(--button-color)}}.narrative-carousel__slide:not(.active){pointer-events:none}.narrative-carousel__slide.active{pointer-events:auto}.narrative-carousel__image:not([src]),.narrative-carousel__mini-image:not([src]){background:#f5f5f5;position:relative}.narrative-carousel__image:not([src]):after,.narrative-carousel__mini-image:not([src]):after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #ddd;border-top-color:#999;border-radius:50%;animation:loading-spin 1s linear infinite}@keyframes loading-spin{to{transform:rotate(360deg)}}@media print{.narrative-carousel__controls{display:none}.narrative-carousel__slide{display:block!important;opacity:1!important;page-break-inside:avoid;margin-bottom:2rem}.narrative-carousel__content{grid-template-columns:1fr;gap:1rem}.narrative-carousel__video{display:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/narrative-carousel.css.map */