.collection-banner{position:relative;width:100%;overflow:hidden}.collection-banner--small{height:30rem}.collection-banner--medium{height:45rem}.collection-banner--large{height:60rem}@media screen and (min-width:750px){.collection-banner--small{height:40rem}.collection-banner--medium{height:56rem}.collection-banner--large{height:72rem}}.collection-banner__media{position:absolute;top:0;right:0;bottom:0;left:0}.collection-banner__media--placeholder{background-color:var(--color-background-secondary, #f0f0f0)}.collection-banner__image{display:block;height:100%;max-width:none;object-fit:cover;width:100%}.collection-banner__image--desktop{display:none}@media screen and (min-width:990px){.collection-banner__image--desktop{display:block}}.collection-banner__image--mobile{display:block}@media screen and (min-width:990px){.collection-banner__image--mobile{display:none}}.collection-banner__video{display:block;height:100%;object-fit:cover;width:100%}.collection-banner__video--desktop{display:none}@media screen and (min-width:990px){.collection-banner__video--desktop{display:block}}.collection-banner__video--mobile{display:block}@media screen and (min-width:990px){.collection-banner__video--mobile{display:none}}.collection-banner__overlay{background:linear-gradient(to bottom,#0000 40%,rgba(0,0,0,var(--overlay-opacity, .8)));top:0;right:0;bottom:0;left:0;mix-blend-mode:multiply;position:absolute;z-index:1}.collection-banner__content{bottom:0;display:flex;flex-direction:column;gap:var(--space-xs);left:0;padding-top:var(--padding-top, var(--space-2xl));padding-bottom:var(--padding-bottom, var(--space-2xl));padding-left:var(--padding-horizontal, var(--layout-page-margin));padding-right:var(--padding-horizontal, var(--layout-page-margin));position:absolute;right:0;z-index:2}.collection-banner__content--left{align-items:flex-start;text-align:left}.collection-banner__content--center{align-items:center;text-align:center}.collection-banner__content--right{align-items:flex-end;text-align:right}.collection-banner__title{color:rgb(var(--color-text-inverted-rgb));font-family:var(--font-family-heading);font-size:var(--font-size-5xl);font-weight:800;line-height:var(--line-height-none);margin:0;text-transform:uppercase}@media screen and (min-width:990px){.collection-banner__title{font-size:56px}}.collection-banner__subtitle{color:rgb(var(--color-text-inverted-rgb));font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-light);margin:0}@media screen and (min-width:990px){.collection-banner__subtitle{font-size:var(--font-size-md)}}@media screen and (min-width:750px){.collection-banner:not(.collection-banner--has-image){height:auto;background-color:rgb(var(--color-background-rgb))}.collection-banner:not(.collection-banner--has-image) .collection-banner__content{position:static;text-align:center;align-items:center;margin-inline:auto}.collection-banner:not(.collection-banner--has-image) .collection-banner__title{font-size:var(--font-size-5xl)}.collection-banner:not(.collection-banner--has-image) .collection-banner__title,.collection-banner:not(.collection-banner--has-image) .collection-banner__subtitle{color:rgb(var(--color-foreground-rgb))}}@media screen and (max-width:749px){.collection-banner--hidden-mobile{display:none}.collection-banner{height:auto;min-height:unset;background-color:var(--color-background);padding:var(--space-md) 0;padding-top:calc(var(--header-nav-height, 0px) + var(--space-md))}.collection-banner__media,.collection-banner__overlay{display:none}.collection-banner__content{position:static;padding:0 var(--layout-page-margin-mobile, var(--space-md));text-align:center;align-items:center}.collection-banner__title{color:rgb(var(--color-foreground-rgb));font-size:var(--font-size-3xl)}.collection-banner__subtitle{color:rgb(var(--color-foreground-rgb))}}@media screen and (max-width:749px){.collection-banner.collection-banner--has-image-mobile .collection-banner__media,.collection-banner.collection-banner--has-image-mobile .collection-banner__overlay{display:block}.collection-banner.collection-banner--has-image-mobile{height:30rem;background-color:transparent;padding:0}.collection-banner.collection-banner--has-image-mobile .collection-banner__content{position:absolute;padding:0 var(--padding-horizontal, var(--layout-page-margin))}.collection-banner.collection-banner--has-image-mobile .collection-banner__title,.collection-banner.collection-banner--has-image-mobile .collection-banner__subtitle{color:rgb(var(--color-text-inverted-rgb))}}@media screen and (min-width:750px){body:has(.collection-banner):not(:has(.collection-banner--has-image)) .header-section:has(.header--transparent){position:sticky;top:0;left:unset;right:unset}body:has(.collection-banner):not(:has(.collection-banner--has-image)) .header--transparent{background-color:rgb(var(--color-background-rgb))}}@media screen and (max-width:749px){body:has(.collection-banner):not(:has(.collection-banner--has-image-mobile)) .header--transparent{background-color:rgb(var(--color-background-rgb))}}
/*# sourceMappingURL=/cdn/shop/t/282/assets/collection-banner.css.map */