.section-collection-brand-hero{margin-bottom:2rem}.section-collection-brand-hero .wrapper{padding:4rem 0 2.5rem;position:relative}.section-collection-brand-hero .wrapper:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-color:var(--colour-tertiary);opacity:.8;z-index:5;height:100%;width:100%}.section-collection-brand-hero .wrapper .media{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;width:100%;z-index:1;object-fit:cover}.section-collection-brand-hero .wrapper .content{position:relative;z-index:10;color:var(--colour-white)}.section-collection-brand-hero .wrapper .content>*:not(ul){max-width:50rem}.section-collection-brand-hero .wrapper .content p{font-size:.87rem}.section-collection-brand-hero .wrapper .content p:last-of-type{margin:0}.section-collection-brand-hero .wrapper .content ul{list-style:none;margin:0;padding:0;display:flex;gap:1rem;margin-top:1.5rem;max-width:100%;padding:0 1rem}.section-collection-brand-hero .wrapper .content ul li{flex-shrink:0}.section-collection-brand-hero .wrapper .content ul a{display:flex;gap:.5rem;height:2.5rem;border-radius:1.25rem;border:1px solid var(--colour-white);padding:.25rem 1rem .25rem .25rem;text-decoration:none;background-color:#1f1a3652;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-collection-brand-hero .wrapper .content ul a:hover,.section-collection-brand-hero .wrapper .content ul a:focus{background-color:#1f1a36a3}.section-collection-brand-hero .wrapper .content ul a img{height:2rem;width:2rem;border-radius:100%;object-fit:cover;display:inline-flex}@media (min-width: 768px){.section-collection-brand-hero .wrapper{padding:4rem 1rem 1rem}.section-collection-brand-hero .wrapper .content ul{padding:0 1rem 1rem 0}}@media (min-width: 1024px){.section-collection-brand-hero{margin-bottom:3rem}.section-collection-brand-hero .wrapper{padding:8rem 2.5rem 2.5rem}.section-collection-brand-hero .wrapper .content ul{margin-top:2rem;padding:0}}@media (max-width: 1023.98px){.section-collection-brand-hero .wrapper .content ul{overflow-x:auto}}@media (max-width: 767.98px){.section-collection-brand-hero .wrapper .content{text-align:center}.section-collection-brand-hero .wrapper .content>*:not(ul){padding:0 1rem}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-collection-brand-hero.css.map */