.section-collection-hero,.section-collection-hero .container{display:block}.section-collection-hero .header{display:grid}.section-collection-hero .content{padding:1.5rem 1rem;background-color:var(--colour-bg-alt)}.section-collection-hero .content h2{font-family:var(--font-family-heading);font-size:1.25rem;font-weight:400}.section-collection-hero .content h3{padding-top:1rem;font-size:1rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase}.section-collection-hero .content h3,.section-collection-hero .content h4,.section-collection-hero .content h5{padding-top:1rem;margin-bottom:1.5rem}.section-collection-hero .description p a{color:inherit;text-decoration:underline}.section-collection-hero .description p a:hover,.section-collection-hero .description p a:focus{color:var(--colour-text-link-hover)}.section-collection-hero .description .extra{display:none}.section-collection-hero .description .extra.is-visible{display:block}.section-collection-hero .products .heading{margin-bottom:1rem}.section-collection-hero .products>.grid{display:flex;gap:1rem}.section-collection-hero .image picture:has(.is-expanded){display:flex;flex-direction:column;justify-content:flex-start;background-color:var(--colour-bg-alt)}.section-collection-hero .image img{width:100%}.section-collection-hero .image img.is-expanded{max-height:100%;object-fit:contain}.section-collection-hero .video video{height:auto;width:100%}.section-collection-hero .banner-image{padding-top:2rem}@media (min-width: 768px){.section-collection-hero .header{grid-template-columns:repeat(2,minmax(0,1fr))}.section-collection-hero .content h2{font-size:1.5rem}.section-collection-hero .image,.section-collection-hero .video{height:100%;position:relative}.section-collection-hero .image picture{position:absolute;top:0;left:0;height:100%;width:100%}.section-collection-hero .image img{height:100%;object-fit:cover}.section-collection-hero .video video{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;object-fit:cover}.section-collection-hero:not(:has(.products)) .banner-image{padding-top:0}}@media (min-width: 1024px){.section-collection-hero .content{padding:2.5rem}.section-collection-hero .description{margin-bottom:2rem}}@media (max-width: 1023.98px){.section-collection-hero .products{display:none}}@media (max-width: 767.98px){.section-collection-hero .snippet-breadcrumb{padding-right:1rem;padding-left:1rem;margin-bottom:1rem}.section-collection-hero .container{padding:0}.section-collection-hero .description p{font-size:.875rem}}
/*# sourceMappingURL=/cdn/shop/t/548/assets/section-collection-hero.css.map */