.hero{background-color:var(--background-white-pure)}.hero__inner{display:flex;flex-direction:column}.hero__heading{font-family:var(--font-atten-new);font-size:2.5rem;font-weight:400;line-height:1;letter-spacing:-.125rem;color:var(--text-primary-dark);margin:0;text-wrap:balance}.hero__card{position:relative;overflow:hidden;border-radius:.875rem}.hero__card--plum{background-color:var(--surface-plum-pure)}.hero__card--lilac{background-color:var(--surface-lilac-lighter)}.hero__card--purple{background-color:var(--brand-secondary-300)}.hero__card-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero__card-img--texture{mix-blend-mode:screen;pointer-events:none}.hero__plum-text{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--font-atten-new);font-size:2.813rem;font-weight:400;line-height:1.05;letter-spacing:-.04em;color:#ece8f5;text-align:center;white-space:nowrap;pointer-events:none}.hero__plum-text em{font-style:normal;color:#c4b8e0}.hero--home{padding:3.5rem 2rem}.hero--home .hero__inner{max-width:var(--max-width);margin-inline:auto;gap:var(--spacing-lg)}.hero--home .hero__copy{display:flex;flex-direction:column;gap:var(--spacing-xl)}.hero__bullets{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.75rem}.hero__bullet{display:flex;align-items:flex-start;gap:.625rem;font-family:var(--font-atten-new);font-size:1.375rem;font-weight:400;line-height:1.4;letter-spacing:-.03125rem;color:var(--text-primary-dark)}.hero__bullet-icon{flex-shrink:0;width:1.5rem;height:1.5rem;margin-top:.1em}.hero__grid--home{height:18.1875rem}.hero__home-img{display:block;width:100%;height:100%;object-fit:cover;border-radius:.875rem}.hero__home-img--desktop{display:none}.hero__home-img--mobile{display:block}@media(min-width:768px){.hero--home{padding:4rem}.hero--home .hero__inner{gap:var(--spacing-xxl)}.hero--home .hero__heading{font-size:3rem}.hero__bullet{font-size:1.5rem;align-items:center}.hero__grid--home{height:39.355rem}.hero__home-img--desktop{display:block}.hero__home-img--mobile{display:none}.hero__home-img,.hero__card{border-radius:1rem}}@media(min-width:1280px){.hero--home{padding:4rem 7rem}.hero--home .hero__inner{flex-direction:row;align-items:center;gap:var(--spacing-huge)}.hero--home .hero__copy{flex:1 0 0;min-width:0}.hero--home .hero__heading{font-size:3.5rem}.hero__bullet{align-items:center}.hero__grid--home{flex-shrink:0;width:34.6875rem;height:30.9375rem}.hero__home-img,.hero__card{border-radius:1.5rem}}.hero--collection{padding:3rem 2rem 1.688rem}.hero--collection .hero__inner{display:flex;flex-direction:column;gap:0}.hero--collection .hero__copy{display:flex;flex-direction:column;gap:.75rem;text-align:center;padding-bottom:1.5rem}.hero__subtext{font-family:var(--font-atten-new);font-size:1.25rem;font-weight:400;line-height:1.2;letter-spacing:-.03125rem;color:var(--text-primary-gray);margin:0}.hero__grid--collection{display:flex;flex-direction:row;gap:.25rem}.hero__grid-col{flex:1;display:flex;flex-direction:column;gap:.25rem}.hero__grid-col .hero__card{flex:none;height:7.65625rem}.hero__scroll-track{display:contents}.hero__card--duplicate{display:none}@media(min-width:768px){.hero--collection{padding:0 4rem}.hero--collection .hero__inner{flex-direction:row;align-items:center;gap:var(--spacing-immense)}.hero--collection .hero__copy{text-align:left;flex-shrink:0;width:21.6875rem;padding-bottom:0}.hero--collection .hero__heading{font-size:3rem}.hero__subtext{font-size:1.5rem}.hero--collection .hero__plum-text{font-size:3rem}.hero__grid--collection{flex:1;min-width:0;height:28.75rem;gap:.615rem}.hero__grid-col--left,.hero__grid-col--right{display:block;overflow:hidden}.hero__scroll-track{display:flex;flex-direction:column;gap:.615rem;--scroll-gap: .615rem;will-change:transform}.hero__scroll-track .hero__card{flex-shrink:0}.hero__card--duplicate{display:block}.hero__grid-col .hero__card{height:16.4544rem}.hero__grid-col .hero__card--plum-text{height:10.375rem}.hero__grid--collection .hero__card--c{height:10.375rem;overflow:visible}.hero__grid--collection .hero__card--c .hero__card-img{inset:auto;bottom:0;left:50%;transform:translate(-50%);width:10.5rem;height:12rem;max-width:none;object-fit:contain;object-position:bottom center}.hero__scroll-track--down{animation:hero-scroll-down 90s linear infinite}.hero__scroll-track--up{animation:hero-scroll-up 90s linear infinite}.hero__card{border-radius:1rem}}@media(min-width:1280px){.hero--collection{padding:0 7rem}.hero--collection .hero__inner{max-width:var(--max-width);margin-inline:auto;gap:var(--spacing-immense)}.hero--collection .hero__copy{flex:0 0 36.3125rem}.hero--collection .hero__heading{font-size:3.5rem}.hero__subtext{font-size:1.75rem}.hero--collection .hero__plum-text{font-size:4.875rem}.hero__grid--collection{flex:1;height:28.75rem;gap:1rem}.hero__scroll-track{gap:1rem;--scroll-gap: 1rem}.hero__grid-col .hero__card{height:26.25rem}.hero__grid-col .hero__card--plum-text,.hero__grid--collection .hero__card--c{height:16.875rem}.hero__grid--collection .hero__card--c .hero__card-img{width:17rem;height:19rem}.hero__card{border-radius:1.5rem}}@media(max-width:1024px){.hero__grid--collection{height:24.625rem}}@media(max-width:767px){.hero__grid--collection{flex-direction:column;gap:.5rem;height:15.875rem}.hero__grid--collection .hero__grid-col{display:block;overflow:hidden;width:100%}.hero__grid--collection .hero__scroll-track{display:flex;flex-direction:row;gap:.5rem;--scroll-gap: .5rem;will-change:transform}.hero__grid--collection .hero__scroll-track .hero__card{flex-shrink:0;width:7.375rem;height:7.625rem}.hero__grid--collection .hero__card--duplicate{display:block}.hero__grid--collection .hero__scroll-track--down{animation:hero-scroll-left 30s linear infinite}.hero__grid--collection .hero__scroll-track--up{animation:hero-scroll-right 30s linear infinite}}@keyframes hero-scroll-down{0%{transform:translateY(calc(-50% - var(--scroll-gap) / 2))}to{transform:translateY(0)}}@keyframes hero-scroll-up{0%{transform:translateY(0)}to{transform:translateY(calc(-50% - var(--scroll-gap) / 2))}}@keyframes hero-scroll-left{0%{transform:translate(0)}to{transform:translate(-55.125rem)}}@keyframes hero-scroll-right{0%{transform:translate(-55.125rem)}to{transform:translate(0)}}@media(prefers-reduced-motion:reduce){.hero__scroll-track--down,.hero__scroll-track--up,.hero__grid--collection .hero__scroll-track--down,.hero__grid--collection .hero__scroll-track--up{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */