.cosmo-perspectives{overflow:hidden;color:var(--perspectives-text);background:var(--perspectives-background)}.cosmo-perspectives__shell{width:min(calc(100% - (var(--cosmo-gutter) * 2)),var(--cosmo-page));margin-inline:auto;padding-block:var(--cosmo-space-section)}.cosmo-perspectives__header{display:grid;grid-template-columns:.45fr .9fr .65fr;align-items:end;gap:clamp(2rem,5vw,5rem);margin-bottom:clamp(3rem,5vw,5rem)}.cosmo-perspectives__eyebrow{align-self:start;margin:0;color:var(--perspectives-gold);font:500 .72rem/1.3 var(--cosmo-sans);letter-spacing:.16em}.cosmo-perspectives__header h2{margin:0;font:400 clamp(2.75rem,4vw,3.5rem)/1.05 var(--cosmo-serif);letter-spacing:-.03em}.cosmo-perspectives__header h2 span,.cosmo-perspectives__header h2 em{display:block}.cosmo-perspectives__header h2 em{color:var(--cosmo-brass);font-weight:400}.cosmo-perspectives__introduction{margin:0;color:var(--cosmo-taupe);font:400 1rem/1.65 var(--cosmo-sans)}.cosmo-perspectives__track{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-block:1px solid var(--cosmo-line-light)}.cosmo-perspectives__item{min-width:0;padding:2rem clamp(1rem,1.8vw,1.75rem) 2.25rem}.cosmo-perspectives__item+.cosmo-perspectives__item{border-left:1px solid var(--cosmo-line-light)}.cosmo-perspectives__item-heading{min-height:104px}.cosmo-perspectives__item-heading>span{display:block;margin-bottom:1rem;color:var(--cosmo-brass);font:500 .7rem/1 var(--cosmo-sans);letter-spacing:.14em}.cosmo-perspectives__item h3{margin:0;font:400 clamp(1.65rem,2vw,2.25rem)/1.05 var(--cosmo-serif);letter-spacing:-.02em}.cosmo-perspectives__item--long-title h3{font-size:clamp(1.45rem,1.7vw,1.9rem)}.cosmo-perspectives__media{display:block;aspect-ratio:4/5;overflow:hidden;color:inherit;background:var(--perspectives-surface)}.cosmo-perspectives__image{width:100%;height:100%;padding:clamp(1.5rem,2vw,2.5rem);object-fit:contain;transition:transform .25s ease}.cosmo-perspectives__media:hover .cosmo-perspectives__image{transform:scale(1.015)}.cosmo-perspectives__item-copy{min-height:150px;padding-top:1.5rem;display:flex;flex-direction:column;align-items:flex-start}.cosmo-perspectives__item-copy>p{margin:0;color:var(--cosmo-taupe);font:400 .95rem/1.55 var(--cosmo-sans)}.cosmo-perspectives__cta{margin-top:auto;padding-top:1.5rem;display:inline-flex;align-items:center;gap:.75rem;color:inherit;font:600 .7rem/1 var(--cosmo-sans);letter-spacing:.11em;text-decoration:none;border-bottom:1px solid transparent}.cosmo-perspectives__cta:hover{border-bottom-color:currentColor}.cosmo-perspectives__cta svg{width:30px;color:var(--cosmo-brass)}.cosmo-perspectives__mobile-cue{display:none}.cosmo-perspectives[data-motion=true] [data-perspectives-reveal],.cosmo-perspectives[data-motion=true] [data-perspective-item]{opacity:0;transform:translateY(16px);transition:opacity .45s ease,transform .45s var(--cosmo-ease)}.cosmo-perspectives[data-motion=true].is-visible [data-perspectives-reveal],.cosmo-perspectives[data-motion=true].is-visible [data-perspective-item]{opacity:1;transform:none}@media(max-width:989px){.cosmo-perspectives__header{grid-template-columns:1fr 1.5fr}.cosmo-perspectives__introduction{grid-column:2}.cosmo-perspectives__track{width:calc(100% + var(--cosmo-gutter));display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.cosmo-perspectives__track::-webkit-scrollbar{display:none}.cosmo-perspectives__item{flex:0 0 min(70vw,460px);scroll-snap-align:start}.cosmo-perspectives__mobile-cue{margin-top:1.5rem;display:flex;align-items:center;gap:1rem;color:var(--cosmo-taupe);font:500 .68rem/1 var(--cosmo-sans);letter-spacing:.12em}.cosmo-perspectives__mobile-cue>span:first-child{width:48px;height:1px;background:var(--cosmo-brass)}}@media(max-width:749px){.cosmo-perspectives__header{grid-template-columns:1fr;gap:1rem}.cosmo-perspectives__introduction{grid-column:auto}.cosmo-perspectives__track{width:calc(100% + var(--cosmo-gutter))}.cosmo-perspectives__item{flex-basis:82vw;padding-inline:0 1.25rem;border-left:0!important}.cosmo-perspectives__item-heading{min-height:92px}.cosmo-perspectives__item h3{font-size:clamp(1.75rem,8vw,2.2rem)}.cosmo-perspectives__item--long-title h3{font-size:clamp(1.6rem,7.2vw,2rem)}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/cosmo-shopping-perspectives.css.map */