.collection-hero--premium{--collection-hero-accent: #7c9837;--collection-hero-radius: 24px;--collection-hero-padding-y: 32px;padding:1.6rem 0 0}.collection-hero--premium .collection-hero__inner{position:relative;isolation:isolate;overflow:hidden;min-height:clamp(17rem,18vw,24rem);border:1px solid rgba(var(--color-foreground),.12);border-radius:var(--collection-hero-radius);background:radial-gradient(circle at 8% 18%,color-mix(in srgb,var(--collection-hero-accent) 13%,transparent) 0,transparent 26%),linear-gradient(135deg,rgba(var(--color-foreground),.025),transparent 55%);box-shadow:0 1.4rem 4rem #2d271a12}.collection-hero--premium .collection-hero__inner:before,.collection-hero--premium .collection-hero__inner:after{content:"";position:absolute;z-index:-1;border:1px solid color-mix(in srgb,var(--collection-hero-accent) 28%,transparent);border-radius:50%}.collection-hero--premium .collection-hero__inner:before{top:-13rem;right:-8rem;width:28rem;height:28rem}.collection-hero--premium .collection-hero__inner:after{right:5rem;bottom:-18rem;width:30rem;height:30rem}.collection-hero--premium .collection-hero__text-wrapper{position:relative;z-index:2;width:100%;padding:var(--collection-hero-padding-y) clamp(2.4rem,6vw,7.5rem)}.collection-hero--premium:not(.collection-hero--with-image) .collection-hero__text-wrapper{margin:0 auto;text-align:center}.collection-hero--premium .collection-hero__eyebrow{display:inline-flex;align-items:center;gap:1rem;margin:0 0 1.4rem;color:var(--collection-hero-accent);font-size:1.2rem;font-weight:700;letter-spacing:.18em;line-height:1.2;text-transform:uppercase}.collection-hero--premium .collection-hero__eyebrow:before{content:"";width:3.2rem;height:1px;background:currentColor}.collection-hero--premium .collection-hero__title{max-width:80rem;margin:0;font-size:clamp(3.4rem,5.5vw,7.2rem);line-height:.98;letter-spacing:-.035em}.collection-hero--premium:not(.collection-hero--with-image) .collection-hero__title,.collection-hero--premium:not(.collection-hero--with-image) .collection-hero__description{margin-right:auto;margin-left:auto}.collection-hero--premium .collection-hero__title+.collection-hero__description{max-width:66rem;margin-top:2rem;margin-bottom:0;color:rgba(var(--color-foreground),.7);font-size:clamp(1.5rem,1.5vw,1.8rem);line-height:1.65}.collection-hero--premium .collection-hero__count{display:inline-flex;margin:2.4rem 0 0;padding:.65rem 1.2rem;border:1px solid color-mix(in srgb,var(--collection-hero-accent) 35%,transparent);border-radius:999px;color:rgba(var(--color-foreground),.72);font-size:1.2rem;letter-spacing:.08em;text-transform:uppercase}.collection-hero--premium.collection-hero--with-image .collection-hero__inner{padding:0}.collection-hero--premium.collection-hero--with-image .collection-hero__text-wrapper{flex-basis:48%}.collection-hero--premium .collection-hero__image-container{align-self:stretch;min-height:34rem;margin:0;overflow:hidden;border:0;border-radius:0;box-shadow:none}.collection-hero--premium .collection-hero__image-container:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(var(--color-background),.18),transparent 35%)}.collection-hero--premium .collection-hero__image-container img{transition:transform .8s cubic-bezier(.22,1,.36,1)}@media(hover:hover){.collection-hero--premium:hover .collection-hero__image-container img{transform:scale(1.025)}}@media screen and (max-width:749px){.collection-hero--premium{padding-top:1.2rem}.collection-hero--premium .collection-hero__inner{min-height:18rem}.collection-hero--premium .collection-hero__text-wrapper,.collection-hero--premium.collection-hero--with-image .collection-hero__text-wrapper{padding:calc(var(--collection-hero-padding-y) * .75) 2rem;text-align:left}.collection-hero--premium .collection-hero__title{font-size:clamp(3rem,11vw,4.6rem)}.collection-hero--premium .collection-hero__title+.collection-hero__description{margin-top:1.4rem;font-size:1.45rem;line-height:1.55}.collection-hero--premium .collection-hero__count{margin-top:1.8rem}.collection-hero--premium.collection-hero--with-image .collection-hero__inner{flex-direction:column-reverse}.collection-hero--premium .collection-hero__image-container{width:100%;min-height:22rem}}@media(prefers-reduced-motion:reduce){.collection-hero--premium .collection-hero__image-container img{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/premium-collection-hero.css.map */