.soare-collection-hero{position:relative;width:100%;height:50vh;min-height:400px;overflow:hidden}.soare-collection-hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#231f20}.soare-collection-hero__image{width:100%;height:100%;object-fit:cover;object-position:center top}.soare-collection-hero__overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to top,#0009,#0000 55%);pointer-events:none}.soare-collection-hero__content{position:absolute;bottom:0;left:0;width:100%;padding:32px 24px;z-index:2}.soare-collection-hero__label{display:block;font-family:var(--font-body-family);font-size:9px;font-weight:400;text-transform:uppercase;letter-spacing:.3em;color:#ffffff80;margin-bottom:12px;opacity:0;animation:soare-hero-fade-in .8s cubic-bezier(.16,1,.3,1) .05s forwards}.soare-collection-hero__title{font-family:var(--font-heading-family);font-size:42px;font-weight:400;letter-spacing:.02em;line-height:1;color:#fff;margin:0;opacity:0;transform:translateY(20px);animation:soare-hero-fade-in .8s cubic-bezier(.16,1,.3,1) .1s forwards}.soare-collection-hero__description{font-family:var(--font-body-family);font-size:13px;font-weight:400;line-height:1.7;color:#ffffffa6;max-width:520px;margin:16px 0 0;opacity:0;transform:translateY(20px);animation:soare-hero-fade-in .8s cubic-bezier(.16,1,.3,1) .25s forwards}@keyframes soare-hero-fade-in{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media screen and (min-width:768px){.soare-collection-hero{height:55vh}.soare-collection-hero__title{font-size:52px}.soare-collection-hero__content{padding:40px 48px}}@media screen and (min-width:1024px){.soare-collection-hero{height:65vh}.soare-collection-hero__title{font-size:64px}.soare-collection-hero__content{padding:56px}}@media(prefers-reduced-motion:reduce){.soare-collection-hero__label,.soare-collection-hero__title,.soare-collection-hero__description{opacity:1;transform:none;animation:none}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/soare-collection-hero.css.map */