.section-collection-brand-hero{--content-max-width: 50rem;margin-bottom:2rem}.section-collection-brand-hero .container.full-width{padding:0}.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):not(.quick-filters){max-width:var(--content-max-width)}.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}.section-collection-brand-hero .wrapper .sub-collections,.section-collection-brand-hero .wrapper .quick-filters{margin-top:1.5rem;display:flex;flex-direction:column;gap:.5rem}.section-collection-brand-hero .wrapper .sub-collections ul{display:flex;gap:1rem;max-width:100%}.section-collection-brand-hero .wrapper .sub-collections ul li{flex-shrink:0}.section-collection-brand-hero .wrapper .sub-collections 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 .sub-collections ul a:hover,.section-collection-brand-hero .wrapper .sub-collections ul a:focus{background-color:#1f1a36cc}.section-collection-brand-hero .wrapper .sub-collections ul a img{height:2rem;width:2rem;border-radius:100%;object-fit:cover;display:inline-flex}.section-collection-brand-hero .wrapper .quick-filters ul{display:flex;flex-wrap:wrap;gap:.5rem}.section-collection-brand-hero .wrapper .quick-filters ul a{height:auto;text-decoration:none;padding:.25rem .5rem;border-radius:1.25rem;border:1px solid var(--colour-white);font-size:.75rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase;background-color:#1f1a3652;transition:all var(--transition-duration) var(--transition-timing) 0s}.section-collection-brand-hero .wrapper .quick-filters ul a:hover,.section-collection-brand-hero .wrapper .quick-filters ul a:focus{background-color:#1f1a36cc}.section-collection-brand-hero .promotion{width:-webkit-fit-content;width:fit-content;max-width:var(--content-max-width);margin-top:1.5rem}.section-collection-brand-hero .promotion>div{background-color:var(--promotion-background-colour);border-radius:var(--border-radius-sm);color:var(--promotion-foreground-colour);padding:1rem}.section-collection-brand-hero .promotion p{margin-bottom:.25rem}.section-collection-brand-hero .promotion p:first-of-type{font-size:1.25rem}.section-collection-brand-hero .promotion p:has(em){font-size:.75rem;font-style:normal}@media(min-width:1024px){.section-collection-brand-hero{margin-bottom:3rem}.section-collection-brand-hero .wrapper{padding:8rem 2.5rem 2.5rem}}@media(max-width:1023.98px){.section-collection-brand-hero .wrapper .content>*:not(ul):not(.quick-filters){padding:0 1rem}.section-collection-brand-hero .wrapper .sub-collections ul{overflow-x:auto;padding:0 1rem}}@media(max-width:767.98px){.section-collection-brand-hero .wrapper .content{text-align:center}.section-collection-brand-hero .wrapper .quick-filters ul{justify-content:center}.section-collection-brand-hero .promotion{padding:0 1rem;margin-inline:auto}}
/*# sourceMappingURL=/cdn/shop/t/563/assets/section-collection-brand-hero.css.map */