.spotlight{transition:background .3s cubic-bezier(.4,0,.2,1)}.spotlight__links{margin-top:var(--inner)}.spotlight__images{position:relative;overflow:hidden}@media only screen and (min-width:750px){.spotlight__images{display:flex;align-items:center;justify-content:center}}.spotlight__image{display:flex;align-items:center;justify-content:center;aspect-ratio:var(--aspect-ratio, 1);z-index:0;opacity:0;visibility:hidden;transition:opacity .3s cubic-bezier(.4,0,.2,1),visibility .3s cubic-bezier(.4,0,.2,1)}.spotlight__image.is-visible{opacity:1;visibility:unset;z-index:unset}@media only screen and (min-width:750px){.spotlight__image{position:absolute;margin:auto;width:100%;height:100%}}@media only screen and (max-width:749px){.spotlight__image{aspect-ratio:auto;width:100%}.spotlight__image>.image__hero__frame,.spotlight__image>parallax-hero{height:auto;width:100%}.spotlight__image .image__hero__scale img{width:100%;height:100%;object-fit:cover;object-position:center center}}.spotlight__button{position:absolute;left:50%;right:auto;top:auto;bottom:0;transform:translate(-50%);z-index:2;display:flex;justify-content:center;width:auto;max-width:100%;padding:var(--inner);text-align:center}.spotlight__button .btn{white-space:nowrap}.spotlight__links .hero__title{transition:transform .3s cubic-bezier(.39,.575,.565,1)}.spotlight__links .hero__title.is-selected{transform:translate(1rem)}.spotlight__links .hero__title.is-selected .spotlight__collection-link{background-position:0 0}.spotlight__collection-link{--main-color: var(--text-a50);--hover-color: var(--text);background-image:linear-gradient(to right,var(--hover-color) 0% 50%,var(--main-color) 50% 100%);background-size:200% 100%;background-position:100% 0;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:background-position .3s cubic-bezier(.39,.575,.565,1)}.spotlight__links--row{--row-scale: 1;font-size:0}.spotlight__links--row>*{display:inline-block;vertical-align:baseline;font-size:1rem}.spotlight__links--row>*+*{margin-left:clamp(14px,4vw,34px)}.spotlight .spotlight__links--row .hero__title{margin:0;line-height:1.15;white-space:nowrap;font-size:calc(min(7.4vw,3.2rem) * var(--row-scale))}@media only screen and (min-width:750px){.spotlight__links--row>*+*{margin-left:clamp(18px,2.2vw,40px)}.spotlight .spotlight__links--row .hero__title{font-size:calc(min(3.3vw,4.4rem) * var(--row-scale))}}.spotlight__links--row .hero__title.is-selected{transform:translateY(-.35rem)}
/*# sourceMappingURL=/cdn/shop/t/35/assets/spotlight.css.map */