essato-color-stories{display:block;margin:0}.color-stories--full{margin-inline:0}.color-stories__stage{position:relative;isolation:isolate;aspect-ratio:8/5;overflow:hidden;background:#999}.color-stories__images,.color-stories__image,.color-stories__image:after{position:absolute;top:0;right:0;bottom:0;left:0}.color-stories__image{opacity:0;transition:opacity var(--story-speed, .6s) ease}.color-stories__image.is-active{opacity:1}.color-stories__image:after{content:"";background:rgba(0,0,0,var(--story-overlay,.2))}.color-stories__image picture,.color-stories__image img,.color-stories__image svg{display:block;width:100%;height:100%;object-fit:cover}.color-stories__choices{position:absolute;top:45%;inset-inline:40px;display:grid;grid-template-columns:repeat(var(--story-count),max-content);justify-content:space-between;gap:24px}.color-stories__choice{color:#ffffffb8}.color-stories__choice.is-active{color:#fff}.color-stories__button{display:block;padding:0;border:0;background:none;color:inherit;cursor:pointer;text-align:left;font-family:Readex Pro,sans-serif;letter-spacing:0;text-transform:none}.color-stories__subtitle{display:block;font-size:16px;font-weight:700;line-height:1.4}.color-stories__title{display:block;font-size:24px;font-weight:500;line-height:1.3;margin-top:2px}.color-stories__link,.color-stories__link:hover,.color-stories__link:focus-visible{display:inline-block;margin-top:16px;font-family:Cascadia Mono,monospace;font-size:15px;font-weight:600;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#fff!important}.color-stories__button:focus-visible,.color-stories__link:focus-visible{outline:2px solid white;outline-offset:6px}.color-stories--ready .color-stories__choice:not(.is-active) .color-stories__link{visibility:hidden;pointer-events:none}@media(max-width:989px){essato-color-stories{margin:0}.color-stories__stage{aspect-ratio:auto;height:clamp(720px,240vw,1100px)}.color-stories__choices{top:50%;transform:translateY(-50%);height:58%;inset-inline:16px;grid-template-columns:1fr;grid-template-rows:repeat(var(--story-count),minmax(0,1fr));gap:0}.color-stories__choice{padding-top:24px}.color-stories--ready:not(.has-interacted) .color-stories__link{visibility:hidden;pointer-events:none}}@media(prefers-reduced-motion:reduce){.color-stories__image{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/section-color-stories.css.map */