.collection-hero{position:relative;margin:clamp(1.2rem,2vw,2.6rem) clamp(1.5rem,3vw,2.6rem) 0;border-radius:clamp(1.8rem,2.4vw,2.8rem);overflow:hidden;min-height:clamp(34rem,48vh,46rem);border:.1rem solid rgba(var(--yds-color-light-border, 221, 231, 229),.38);box-shadow:0 2rem 4rem #05080c38;background:#0f1217}.collection-hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0}.collection-hero__media img{width:100%;height:100%;object-fit:cover;filter:saturate(.9) contrast(1.03)}.collection-hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(125deg,#0d1116b8,#0d111694 40%,#0d11162e 78%,#0d11161f);pointer-events:none}.collection-hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:radial-gradient(circle at 86% 8%,rgba(122,170,204,.24),transparent 44%);pointer-events:none}.collection-hero__inner{position:relative;z-index:2;min-height:inherit;display:flex;align-items:flex-end}.collection-hero__shell{width:min(60rem,94%);margin:clamp(2.2rem,4vw,4rem);padding:clamp(2rem,3vw,3.2rem);border-radius:clamp(1.4rem,2vw,2.2rem);border:.1rem solid rgba(255,255,255,.24);background:linear-gradient(150deg,#10161eb8,#10161e70);-webkit-backdrop-filter:blur(.8rem);backdrop-filter:blur(.8rem);box-shadow:0 1.2rem 2.6rem #05080c52}.collection-hero__title{margin:0;color:#fffffffa;line-height:1.1;letter-spacing:.01em}.collection-hero__description{margin-top:1.2rem;color:#f5f9ffdb;font-size:clamp(1.4rem,1.45vw,1.7rem);line-height:1.58}.collection-hero__description>*{margin:0}.collection-hero__description>*+*{margin-top:.9rem}.collection-hero__note{margin:1.2rem 0 0;color:#d6e6f4d1;font-size:1.35rem}.collection-hero__actions{margin-top:1.8rem}.collection-hero__button{--color-button: 255, 255, 255;--color-button-text: 17, 20, 25;border-radius:99rem;min-height:4.6rem;padding-inline:2.2rem;box-shadow:0 .8rem 1.8rem #00000038;transition:transform .22s ease,box-shadow .22s ease}.collection-hero__button:hover{transform:translateY(-.1rem);box-shadow:0 1rem 2.2rem #00000047}@media screen and (max-width:989px){.collection-hero{margin-inline:0;border-radius:0;min-height:36rem}.collection-hero__shell{width:100%;margin:1.8rem 1.6rem;padding:1.8rem 1.6rem}.collection-hero__title{font-size:clamp(calc(var(--font-heading-scale) * 2.6rem),8vw,calc(var(--font-heading-scale) * 3.4rem))}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/component-collection-hero.css.map */