.collection-banner{align-items:center;background-color:var(--color-black-pure);display:flex;padding:0;margin:0 0 var(--space-xs)}.collection-banner .page-width{padding:0}.collection-banner .container{align-items:center;display:grid;padding:0;height:var(--size-260);justify-content:space-between;position:relative}.collection-banner .container:before{position:absolute;content:"";background:linear-gradient(to bottom,transparent,var(--color-for-gradient-black-2));bottom:0;height:var(--size-260);left:0;width:100%;z-index:1}.collection-banner .info{margin:0;position:relative;z-index:2}.collection-banner .info,.collection-banner .image{grid-area:1/1;width:100%}.collection-banner .title-container{position:relative}.collection-banner .info{padding:0 var(--space-s)}.collection-banner .info h1,.collection-banner .info p{color:var(--color-white)}.collection-banner .info h1{font-size:var(--typo-heading-2);font-weight:var(--font-weight-700);margin:0 0 var(--space-xs);padding:0;position:relative}.collection-banner .info p{font-family:Lato,sans-serif;font-size:var(--typo-body-s);font-weight:var(--font-weight-400);margin:0;padding:0;position:relative;z-index:2}.collection-banner .image img{object-fit:cover;object-position:center;height:var(--size-260);margin:0;padding:0;width:var(--size-100-vw)}@media only screen and (min-width: 750px){.collection-banner{background-color:transparent;margin:0 0 var(--space-l);padding:0}.collection-banner .page-width{padding:0 var(--space-xs)}.collection-banner .container{background-color:var(--color-black-pure);display:flex;flex-direction:row;padding:0 var(--space-xs)}.collection-banner .info,.collection-banner .image{grid-area:unset}.collection-banner .info{margin-bottom:var(--space-m);max-width:var(--size-460);padding:0}.collection-banner .info h1{font-size:var(--typo-heading-2)}.collection-banner .info p{font-size:var(--typo-body-regular)}.collection-banner .image{bottom:0;display:flex;justify-content:flex-end;position:absolute;max-width:100%;object-position:right;right:0;width:auto}.collection-banner .image img{object-fit:contain;object-position:right;max-width:100%}}@media only screen and (min-width: 750px){.collection-banner .container:before{display:none}}@media only screen and (min-width: 600px) and (max-width: 990px){.collection-banner .container{padding:0 var(--space-s)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/collection-banner.css.map */