.collection-hero.collection-hero--with-image{height:auto}@media screen and (min-width: 1024px){.collection-hero.collection-hero--with-image{margin-bottom:-6rem}}.collection-hero .collection-hero__title{margin-top:3.125rem}.collection-hero .collection-hero__inner{position:relative}.collection-hero .collection-hero__inner .collection-hero__image-banner-clock{height:16.25rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .collection-hero__image-banner-clock{height:100%}}.collection-hero .collection-hero__inner .collection-hero__image-container{background-color:rgba(0,0,0,0)}.collection-hero .collection-hero__inner .collection-hero__image-container .image{width:100%;height:100%;object-fit:cover}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .collection-hero__image-container .image{object-fit:contain}}.collection-hero .collection-hero__inner .collection-hero__image-container .image.image--mobile+.image--desktop{display:none}@media screen and (min-width: 1200px){.collection-hero .collection-hero__inner .collection-hero__image-container .image.image--mobile+.image--desktop{display:block}}@media screen and (min-width: 1200px){.collection-hero .collection-hero__inner .collection-hero__image-container .image.image--mobile{display:none}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper{position:absolute;width:21.875rem;inset:0;margin:auto;text-align:center;padding:1.5rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper{width:64rem;display:grid;grid-template-columns:1fr 1fr;margin-bottom:6rem}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper.without-countdown{display:grid;align-items:center}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper.without-countdown{grid-template-columns:1fr;padding-top:0}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper.without-countdown .countdown-collection-banner-title,.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper.without-countdown .countdown-collection-banner-subtitle{width:100%;margin:0}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-title{font-size:1.25rem;font-weight:500}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-title{position:relative;top:2rem;font-size:2rem;grid-row:2;grid-column:1;width:17.625rem;margin-left:50%}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-subtitle{font-size:0.875rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-subtitle{position:relative;bottom:0.5rem;font-size:1.125rem;grid-row:3;grid-column:1;width:17.625rem;margin-left:50%}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock{font-size:1.5rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock{position:relative;top:50%;grid-row:2;grid-column:2}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock .countdown .time-block{display:inline-grid;margin-right:1rem}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock .countdown .time-block .time-count{height:2.25rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock .countdown .time-block .time-count{height:3rem;font-size:2rem;font-weight:300}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock .countdown .time-unit{font-size:0.75rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-clock .countdown .time-unit{font-size:1.125rem}}.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-description{font-size:0.625rem;margin-top:1rem}@media screen and (min-width: 992px){.collection-hero .collection-hero__inner .countdown-collection-banner-wrapper .countdown-collection-banner-description{font-size:0.75rem;grid-row:1;grid-column:span 2;margin:0}}