.collection-hero{padding:1.6rem 0 0}.collection-hero__inner{display:block}.collection-hero__panel{position:relative;display:flex;align-items:stretch;overflow:hidden;padding:clamp(2.6rem,5vw,5.4rem);border:.1rem solid rgba(var(--color-foreground),.1);border-radius:calc(var(--text-boxes-radius) + 1.2rem);background:radial-gradient(circle at 92% 8%,rgba(var(--color-foreground),.08),transparent 24rem),linear-gradient(135deg,rgba(var(--color-foreground),.045),rgba(var(--color-background),.98))}.collection-hero__panel:before{content:"";position:absolute;width:18rem;height:18rem;right:-7rem;bottom:-10rem;border:.1rem solid rgba(var(--color-foreground),.1);border-radius:50%;pointer-events:none}.collection-hero__text-wrapper{position:relative;z-index:1;flex:1 1 auto;max-width:86rem}.collection-hero__eyebrow{margin:0 0 1.2rem;font-size:1.1rem;font-weight:600;line-height:1.4;letter-spacing:.18em;text-transform:uppercase;opacity:.65}.collection-hero__title{max-width:76rem;margin:0;font-size:clamp(3rem,5vw,5.4rem);line-height:1.05;letter-spacing:-.025em}.collection-hero__description{max-width:76rem;margin-top:1.8rem;font-size:clamp(1.55rem,1.5vw,1.85rem);line-height:1.65}.collection-hero__description p{margin:0}.collection-hero__highlights{display:flex;flex-wrap:wrap;gap:.8rem;margin:2.4rem 0 0;padding:0;list-style:none}.collection-hero__highlights li{padding:.7rem 1.1rem;border:.1rem solid rgba(var(--color-foreground),.12);border-radius:999px;background:rgba(var(--color-background),.72);font-size:1.2rem;line-height:1.35;letter-spacing:.03em}.collection-hero__image-container{position:relative;z-index:1;flex:0 0 38%;min-height:28rem;margin-left:3rem;overflow:hidden;border-radius:calc(var(--media-radius) + .8rem)}@media screen and (max-width:749px){.collection-hero{padding-top:1rem}.collection-hero__panel{padding:2.4rem 2rem;border-radius:calc(var(--text-boxes-radius) + .8rem)}.collection-hero__title{font-size:clamp(2.8rem,10vw,4rem)}.collection-hero__description{margin-top:1.4rem;font-size:1.5rem;line-height:1.6}.collection-hero__highlights{margin-top:2rem}.collection-hero__highlights li{font-size:1.1rem}}@media screen and (max-width:989px){.collection-hero__panel{flex-direction:column}.collection-hero__image-container{flex-basis:auto;width:100%;min-height:22rem;margin:2.4rem 0 0}}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-collection-hero.css.map */