.section-slider{min-height:22.5rem;display:grid;grid-template-columns:100%}.section-slider .container{height:100%}@media (max-width: 767.98px){.section-slider .container{padding:0}}.section-slider .swiper-container{position:relative;overflow:hidden;height:100%}.section-slider .swiper-container .swiper-slide{height:auto;will-change:transform}.section-slider .swiper-container .swiper-pagination{left:1rem;bottom:2.5rem;width:auto;display:flex;gap:1rem;will-change:left,bottom}@media (min-width: 768px){.section-slider .swiper-container .swiper-pagination{left:1.5rem}}@media (min-width: 1024px){.section-slider .swiper-container .swiper-pagination{left:2.5rem}}.section-slider .swiper-container .swiper-pagination button{text-decoration:none;color:inherit;background:transparent;border:0;-webkit-appearance:none;appearance:none;padding:0;padding:0 0 .125rem;margin:0;height:1.5rem;width:1.5rem;border-radius:50%;background-color:var(--colour-white);color:var(--colour-text-base);opacity:.5;transition:opacity var(--transition-duration) var(--transition-timing);font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase}.section-slider .swiper-container .swiper-pagination button:focus{outline:none}.section-slider .swiper-container .swiper-pagination button:hover{text-decoration:none;outline:none}.section-slider .swiper-container .swiper-pagination button:disabled{opacity:.5;pointer-events:none}.section-slider .swiper-container .swiper-pagination button.swiper-pagination-bullet-active{opacity:1;color:var(--colour-quaternary)}.section-slider .swiper-container .swiper-pagination button:hover,.section-slider .swiper-container .swiper-pagination button:focus{opacity:1}.section-slider .content-slide{height:100%;display:grid;grid-template-columns:100%;grid-template-areas:"image" "content";background-color:var(--colour-bg-alt)}@media (min-width: 768px){.section-slider .content-slide.content-left{grid-template-columns:60% 40%;grid-template-areas:"content image"}}@media (min-width: 1024px){.section-slider .content-slide.content-left{grid-template-columns:45% 55%}}@media (min-width: 768px){.section-slider .content-slide.content-right{grid-template-columns:40% 60%;grid-template-areas:"image content"}}@media (min-width: 1024px){.section-slider .content-slide.content-right{grid-template-columns:55% 45%}}.section-slider .content-slide.primary .content{background-color:var(--colour-primary);color:var(--colour-tertiary)}.section-slider .content-slide.secondary .content{background-color:var(--colour-secondary);color:var(--colour-tertiary)}.section-slider .content-slide.tertiary .content{background-color:var(--colour-tertiary);color:var(--colour-white)}.section-slider .content-slide.quaternary .content{background-color:var(--colour-quaternary);color:var(--colour-tertiary)}.section-slider .content-slide.quinary .content{background-color:var(--colour-quinary);color:var(--colour-white)}.section-slider .content-slide.black .content{background-color:var(--colour-black);color:var(--colour-white)}.section-slider .content-slide .content{grid-area:content;padding:2.5rem 1rem 6rem;display:flex;flex-direction:column;position:relative}@media (min-width: 768px){.section-slider .content-slide .content{padding:2.5rem 1.5rem 6rem;justify-content:flex-end;min-height:500px}}@media (min-width: 1024px){.section-slider .content-slide .content{padding:2.5rem 2.5rem 6rem}}.section-slider .content-slide .content .u-heading-xl{margin-bottom:1.5rem}@media (min-width: 1024px){.section-slider .content-slide .content .u-heading-xl{font-size:3.5rem}}.section-slider .content-slide .content small{font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;margin-bottom:.5rem}.section-slider .content-slide .content small.size-sm{font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase}.section-slider .content-slide .content small.size-md{font-size:.875rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase}.section-slider .content-slide .content small.size-lg{font-size:1rem;font-family:var(--font-family-base);font-weight:400;letter-spacing:.025em;text-transform:uppercase}.section-slider .content-slide .content .c-btn{margin-top:1rem}.section-slider .content-slide .content .ribbon{font-size:.75rem;font-family:var(--font-family-base);font-weight:300;letter-spacing:.025em;text-transform:uppercase;border-radius:.75rem;padding:.125rem .875rem .2rem 1rem;align-self:flex-start;margin-bottom:1.5rem}.section-slider .content-slide .content .ribbon.primary{background-color:var(--colour-primary);color:var(--colour-tertiary)}.section-slider .content-slide .content .ribbon.secondary{background-color:var(--colour-secondary);color:var(--colour-tertiary)}.section-slider .content-slide .content .ribbon.tertiary{background-color:var(--colour-tertiary);color:var(--colour-white)}.section-slider .content-slide .content .ribbon.quaternary{background-color:var(--colour-quaternary);color:var(--colour-tertiary)}.section-slider .content-slide .content .ribbon.quinary{background-color:var(--colour-quinary);color:var(--colour-white)}.section-slider .content-slide .media{grid-area:image;position:relative}.section-slider .content-slide .media .image a{display:block;height:100%;width:100%}.section-slider .content-slide .media .image img{width:100%;object-fit:cover}@media (min-width: 768px){.section-slider .content-slide .media .image img{position:absolute;top:0;left:0;height:100%}}.section-slider .content-slide .media .video video{height:100%;width:100%;object-fit:cover}@media (min-width: 768px){.section-slider .content-slide .media .video video{position:absolute;top:0;right:0;bottom:0;left:0}}.section-slider .image-slide{display:flex;height:100%}.section-slider .image-slide a{display:block;height:100%;width:100%;position:relative}.section-slider .image-slide picture{display:block;width:100%}.section-slider .image-slide picture img{height:100%;width:100%;object-fit:cover}@supports (aspect-ratio: 3/4){.section-slider .image-slide picture img{height:auto;aspect-ratio:3/4}@media (min-width: 576px){.section-slider .image-slide picture img{aspect-ratio:2/1}}@media (min-width: 1280px){.section-slider .image-slide picture img{aspect-ratio:7/3}}}.section-slider .video-slide{display:flex;height:100%}@media (min-width: 1024px){.section-slider .video-slide{min-height:32rem}}.section-slider .video-slide video{height:100%;width:100%;object-fit:cover;position:absolute;top:0;right:0;bottom:0;left:0}
/*# sourceMappingURL=/cdn/shop/t/112/assets/section-slider.css.map */