.color-story{display:grid;grid-template-columns:minmax(0,1fr);gap:2.4rem;align-items:center}.color-story__media{position:relative;aspect-ratio:3 / 4;overflow:hidden;background-color:rgba(var(--color-foreground),.05)}.color-story__slide{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .45s ease}.color-story__slide--active{opacity:1}.color-story__slide img,.color-story__slide svg{width:100%;height:100%;object-fit:cover;display:block}.color-story__panel{display:flex;flex-direction:column;gap:1.2rem}.color-story__overline{margin:0;font-size:1.2rem;letter-spacing:.22em;text-transform:uppercase;color:rgba(var(--color-foreground),.6)}.color-story__heading{margin:0}.color-story__subheading{max-width:42ch;font-size:1.5rem;line-height:1.6;color:rgba(var(--color-foreground),.78)}.color-story__current{margin:.8rem 0 0;font-size:1.4rem;letter-spacing:.08em;text-transform:uppercase}.color-story__swatches{display:flex;flex-wrap:wrap;gap:1rem}.color-story__swatch{width:3.2rem;height:3.2rem;padding:0;border:none;border-radius:50%;cursor:pointer;background:var(--swatch-color);box-shadow:inset 0 0 0 .1rem rgba(var(--color-foreground),.18);transition:transform .2s ease,box-shadow .2s ease}.color-story__swatch:hover{transform:scale(1.08)}.color-story__swatch--active{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .32rem rgb(var(--color-foreground))}.color-story__swatch:focus-visible{outline:.2rem solid rgb(var(--color-foreground));outline-offset:.4rem}.color-story__button{align-self:flex-start;margin-top:1.2rem}@media screen and (min-width:990px){.color-story{grid-template-columns:minmax(0,55fr) minmax(0,45fr);gap:clamp(3rem,6vw,8rem)}.color-story__media{aspect-ratio:4 / 5}}@media(prefers-reduced-motion:reduce){.color-story__slide,.color-story__swatch{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/section-color-story.css.map */