.collection-hero__inner{display:flex;flex-direction:column}.collection-hero--with-image .collection-hero__inner{margin-bottom:0;padding-bottom:var(--layout-space-4)}.collection-hero__title--size{position:absolute;top:0;right:-1.5rem;font-size:var(--text-size-xs);font-weight:var(--font-weight-normal)}@media screen and (min-width: 750px){.collection-hero.collection-hero--with-image{padding:calc(4rem + var(--page-width-margin)) 0 calc(4rem + var(--page-width-margin));overflow:hidden}.collection-hero--with-image .collection-hero__inner{padding-bottom:0}.collection-hero__inner{display:flex;justify-content:flex-end;width:100%}.collection-hero__text-wrapper{width:50%}}@media screen and (min-width: 750px){.collection-hero{padding:0}.collection-hero__inner{align-items:center;flex-direction:row;padding-bottom:0}}.collection-hero__title{margin:0 0 var(--layout-space-8) 0;font-size:var(--text-size-5xl);text-transform:uppercase;position:relative;width:fit-content}.collection-hero__title:after{counter-reset:variable var(--collection-size);font-size:var(--text-size-xs);font-weight:var(--font-weight-normal);transform:translateY(-28px);display:inline-block}.collection-hero__description{max-width:100%}.collection-hero__description p:last-child{margin-bottom:0}@media screen and (min-width: 750px){.collection-hero__description{max-width:90%}.collection-hero--with-image .collection-hero__description{max-width:100%}}.collection-hero--with-image .collection-hero__title{margin:0;font-size:var(--text-size-4xl)}.collection-hero--with-image .collection-hero__text-wrapper{padding:var(--layout-space-10) 0 var(--layout-space-8)}.collection-hero__image-container{border:none;border-radius:0;box-shadow:none;margin-bottom:var(--layout-space-10)}.collection-hero__image-container img{width:100%;height:auto;object-fit:cover}@media screen and (max-width: 749px){.collection-hero.mobile-no-image .collection-hero__image-container{display:none}}@media screen and (min-width: 750px){.collection-hero.no-image .collection-hero__image-container{display:none}}.collection-hero__early-access .launch-date{margin-bottom:var(--layout-space-8)}.collection-hero__early-access .launch-date span{font-size:var(--text-size-base)}.collection-hero__early-access .button{padding-left:var(--layout-space-32);padding-right:var(--layout-space-32)}@media screen and (max-width: 749px){.collection-hero__early-access{padding-bottom:var(--layout-space-16)}}
/*# sourceMappingURL=/cdn/shop/t/118/assets/component-collection-hero.css.map */