.collection-hero-banner{position:relative;width:100%;background:#fff}.collection-hero-banner__container{display:grid;grid-template-columns:var(--collection-hero-cm, calc((100vw - 80rem)/2) ) 1fr var(--collection-hero-cm, calc((100vw - 80rem)/2) );grid-template-rows:var(--collection-hero-sp, 2rem) repeat(4,auto) var(--collection-hero-sp, 2rem);gap:var(--collection-hero-sp, 2rem);min-width:0}.collection-hero-banner__container>*{min-width:0}.collection-hero-banner__top-section{position:relative;background:var(--collection-hero-top-bg, #1a1a1a);grid-row:1/4;grid-column:1/-1;overflow:hidden}.collection-hero-banner__overlay-image{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat;pointer-events:none;z-index:1}.collection-hero-banner__divider{position:absolute;bottom:0;left:0;width:100%;height:var(--collection-hero-divider-height, 2px);background-color:var(--collection-hero-divider-color, #dc2626);z-index:2}.collection-hero-banner__heading{color:var(--collection-hero-title-color, #ffffff);grid-row:2;grid-column:2;z-index:2;position:relative}.collection-hero-banner__title{margin:0;font-size:clamp(var(--collection-hero-title-size-mobile, 1.5rem),5vw,2.5rem);font-weight:700;text-transform:uppercase;line-height:1.2;text-wrap:pretty;letter-spacing:.05em}.collection-hero-banner__featured-image-wrapper{grid-column:2;grid-row:3/5;position:relative;z-index:3;border-radius:var(--collection-hero-image-radius, 12px);overflow:hidden;width:var(--collection-hero-image-width, 100%);display:flex;align-items:stretch}.collection-hero-banner__featured-image{aspect-ratio:4/3!important;width:100%!important;height:100%!important;display:block;position:relative;overflow:hidden;object-fit:unset!important}.collection-hero-banner__featured-image img,.collection-hero-banner__featured-image picture,.collection-hero-banner__featured-image picture img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;display:block!important;max-inline-size:100%!important;block-size:100%!important}.collection-hero-banner__copy{grid-row:5;grid-column:2;position:relative;z-index:2}.collection-hero-banner__description{font-size:clamp(1rem,1.5vw,1.125rem);line-height:1.6;color:var(--collection-hero-description-color, #000000);margin:0;padding:0}.collection-hero-banner__description p{margin:0;line-height:1.5}.collection-hero-banner__description p+p{margin-top:.5rem}@media screen and (max-width: 430px){.collection-hero-banner__description h1{font-size:30px;line-height:1.2}}@media screen and (min-width: 60rem){.collection-hero-banner__container{grid-template-columns:var(--collection-hero-cm, calc((100vw - 80rem)/2) ) 3fr minmax(25rem,2fr) var(--collection-hero-cm, calc((100vw - 80rem)/2) );grid-template-rows:var(--collection-hero-sp-desktop, 2rem) minmax(8rem,auto) minmax(8rem,auto) var(--collection-hero-sp-desktop, 2rem);gap:var(--collection-hero-sp-desktop, 2rem)}.collection-hero-banner__top-section{grid-row:1/3}.collection-hero-banner__heading{grid-row:2;align-self:end;padding-bottom:var(--collection-hero-sp-desktop, 2rem)}.collection-hero-banner__featured-image-wrapper{grid-column:3;grid-row:2/4;width:var(--collection-hero-image-width, 100%);height:100%}.collection-hero-banner__featured-image{aspect-ratio:auto;height:100%;width:100%}.collection-hero-banner__featured-image img,.collection-hero-banner__featured-image picture,.collection-hero-banner__featured-image picture img{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;object-fit:cover!important;object-position:center!important;max-inline-size:100%!important;block-size:100%!important}.collection-hero-banner__copy{grid-row:3}}.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@media print{.collection-hero-banner__overlay-image{display:none}.collection-hero-banner__featured-image-wrapper{position:relative;width:100%;page-break-inside:avoid}}
/*# sourceMappingURL=/cdn/shop/t/357/assets/collection-hero-banner.css.map */