.collage-spot{background:var(--spot-bg, transparent)}.collage-spot__head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:2rem 4rem;margin-bottom:3rem}.collage-spot__head--center{flex-direction:column;align-items:center;text-align:center}.collage-spot__head--right{flex-direction:row-reverse;text-align:end}.collage-spot__intro{max-width:64rem}.collage-spot__intro .title{margin:0}.collage-spot__eyebrow{margin:0 0 1rem;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--spot-accent)}.collage-spot__eyebrow:before{content:"";display:inline-block;width:2.4rem;height:1px;margin-inline-end:1rem;vertical-align:middle;background:currentColor}.collage-spot__head--center .collage-spot__eyebrow:after{content:"";display:inline-block;width:2.4rem;height:1px;margin-inline-start:1rem;vertical-align:middle;background:currentColor}.collage-spot__text{margin-top:1.2rem;font-size:1.6rem}.collage-spot__text p{margin:0}.collage-spot__cta{flex-shrink:0}@media screen and (min-width:750px){.collage-spot__head{margin-bottom:4rem}.collage-spot__eyebrow{font-size:1.3rem}}@media screen and (min-width:750px){.collage-spot .collage-card .media.media--adapt{padding-bottom:0;height:var(--spot-height)}.collage-spot .collage-card .media>img{object-fit:cover}}.collage-spot .collage-card .card{overflow:hidden}.collage-spot .collage-card .media>img{transition:transform 1.2s cubic-bezier(.2,.7,.2,1),opacity var(--duration-long, .5s) ease}.collage-spot__shop{display:none}@media screen and (min-width:750px){.collage-spot__shop{display:flex;width:max-content;align-items:center;gap:.6rem;margin-top:0;max-height:0;overflow:hidden;padding:0 1.6rem;border-radius:999px;background:#fff;color:#1a1a1a;font-family:var(--font-body-family);font-size:1.2rem;font-weight:600;letter-spacing:.14em;text-transform:uppercase;opacity:0;transform:translateY(.8rem);transition:opacity .35s ease,transform .35s ease,max-height .35s ease,margin .35s ease,padding .35s ease}.collage-spot__arrow{transition:transform .35s ease}}@media screen and (min-width:750px)and (hover:hover){.collage-spot .collage-card:hover .media>img{transform:scale(1.04)}.collage-spot .collage-card:hover .collage-spot__shop,.collage-spot .collage-card:focus-within .collage-spot__shop{opacity:1;transform:none;max-height:4rem;margin-top:1rem;padding:.7rem 1.6rem}.collage-spot .collage-card:hover .collage-spot__arrow{transform:translate(.3rem)}}@media screen and (min-width:750px)and (hover:none){.collage-spot__shop{opacity:1;transform:none;max-height:4rem;margin-top:1rem;padding:.7rem 1.6rem}}@media screen and (max-width:749px){.collage-spot .collage-product .card-information__wrapper{flex-direction:column;align-items:flex-start;gap:.4rem}.collage-spot .collage-product .card-information__text{font-size:1.8rem;line-height:1.2}.collage-spot .collage-product .price{margin-inline-end:0;text-align:start}.collage-spot .collage-content__info{padding:1.2rem 1.4rem}}.collage-spot__sticker{position:absolute;z-index:2;top:1rem;left:1rem;width:5.6rem;height:5.6rem;border-radius:50%;background:var(--spot-accent);color:#fff;box-shadow:0 .4rem 1.6rem #0000002e;pointer-events:none}.collage-spot__ring{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:currentColor;font-family:var(--font-body-family);font-size:10.5px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;animation:collage-spot-spin 16s linear infinite}.collage-spot__sticker-core{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-heading-family);font-size:1.2rem;font-style:italic;letter-spacing:.04em}@media screen and (min-width:750px){.collage-spot__sticker{top:2.4rem;left:2.4rem;width:10.4rem;height:10.4rem}.collage-spot__sticker-core{font-size:2.2rem}}@keyframes collage-spot-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.collage-spot__ring{animation:none}.collage-spot .collage-card .media>img,.collage-spot__shop,.collage-spot__arrow{transition:none}}@media screen and (min-width:480px)and (max-width:749px){.collage-spot__sticker{left:1rem}}@media screen and (max-width:749px){.collage-spot__ring{font-size:10px}}.collage-spot .collage-product .card-wrapper>.full-unstyled-link{display:block;position:absolute;top:0;right:0;bottom:0;left:0;z-index:2}.collage-spot .collage-product .collage-content__info{pointer-events:none}.collage-spot .collage-product .quick-view__summary{z-index:3}
/*# sourceMappingURL=/cdn/shop/t/55/assets/section-collage-spotlight.css.map */