.overlay-image{position:absolute;transition:.5s;z-index:2;width:33%;height:100%;top:0;left:0;background-color:#f8f8f8}.overlay-image .content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:360px;width:90%;margin:0 auto;text-align:left}.overlay-image *{color:#2e2b2b!important}.overlay-image p{margin-top:30px}.overlay-image img{width:100%;height:100%;object-fit:cover;object-position:center}.categories{top:50%;right:4%;width:60%;height:50vh;position:absolute;transform:translateY(-50%)}.categories .slick-slide{height:auto}.categories .slick-list,.categories .slick-track{height:100%}.categories .slick-track{display:flex;align-items:stretch}.categories .colour-swatch-navigation{margin:50px auto;display:flex!important;display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:10px;bottom:-100px!important}.categories .colour-swatch-navigation svg{width:16px;height:16px;stroke-width:1px;stroke:#2e2b2b;cursor:pointer;fill:none}.categories .colour-swatch-navigation .slick-dots{display:flex!important;justify-content:center;align-items:center;gap:6px;padding:0}.categories .colour-swatch-navigation li{display:block;width:6px;height:6px;border-radius:50%;background-color:#2e2b2b;transition:all .3s ease;opacity:.5}.categories .colour-swatch-navigation li.slick-active{opacity:1}.categories .colour-swatch-navigation .slick-dots .slick-active .custom-dot{width:20px;border-radius:10px;background-color:#000}.categories .category{display:flex;justify-content:center;align-items:center;flex-direction:row;flex-wrap:nowrap;gap:0;width:50vw;margin:0 10px;background-color:#928984}.categories .category .image{width:50%;position:relative}.categories .category .image:after{content:"";padding-bottom:100%;display:block}.categories .category .image img{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:cover;object-position:center;object-position:left center}.categories .category .image .overlay{position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(46,43,43,.4);mix-blend-mode:multiply;z-index:8}.categories .category .content{width:50%}.categories .category .content *{margin:0 auto;color:#fff}.categories .category .content h3{margin-bottom:20px}.categories .category .content h3,.categories .category .content p{width:60%}.categories.thirds{align-items:center}.categories.thirds .category{flex-basis:calc(33% - 20px);height:80%}@media screen and (max-width:1024px) and (orientation:portrait){.categories{height:auto}.categories .category{flex-direction:column}.categories .category .image{width:100%;order:1}.categories .category .content{width:100%;order:2;padding:20px}.categories .category .content h3,.categories .category .content p{width:100%}}@media screen and (max-width:820px){.categories,.overlay-image{width:100%;left:50%;transform:translate(-50%,0);position:relative;background-color:#f8f8f8}.categories .content,.overlay-image .content{max-width:85vw;width:85vw}.overlay-image{height:unset;padding:30px 0 20px;top:0}.overlay-image .content{position:unset;transform:unset}.overlay-image .content h2,.overlay-image .content h3{color:#2e2b2b;text-align:left}.categories{height:unset;padding:0 5vw 10px}.categories .category{width:80vw;flex-direction:column}.categories .category .content,.categories .category .content h3,.categories .category .content p,.categories .category .image{width:100%}.categories .category .image{order:1}.categories .category .image:after{padding-bottom:70%}.categories .category .content{order:2;padding:20px;flex-grow:1}.categories .colour-swatch-navigation{margin:30px auto}}