@import"https://fonts.googleapis.com/css?family=Playfair+Display:700|IBM+Plex+Sans:500&display=swap";:root{--color-primary: #6b7a8f;--color-secondary: rgb(249 250 251);--color-accent: #1d1f2f;--color-focus: #6d64f7;--base-duration: .6s;--base-ease: cubic-bezier(.25, .46, .45, .84)}.carousel-container{background-color:var(--color-secondary);display:flex;align-items:center;justify-content:center;width:100%;overflow:hidde;padding-top:clamp(3rem,4vw + 1.4rem,5rem);padding-bottom:clamp(3rem,4vw + 1.4rem,5rem);box-sizing:border-box}.carousel-container .visuallyhidden{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}.icon{fill:var(--color-primary);width:100%}.btn{background-color:var(--color-primary);border:none;border-radius:.125rem;color:#fff;cursor:pointer;font-family:inherit;font-size:inherit;padding:1rem 2.5rem 1.125rem}.btn:focus{outline-color:var(--color-focus);outline-offset:2px;outline-style:solid;outline-width:3px}.btn:active{transform:translateY(1px)}.slider__controls{display:flex;justify-content:center;position:absolute;top:calc(100% + 1rem);left:0;width:100%}.slider__controls .btn{--size: 3rem;align-items:center;background-color:transparent;border:3px solid transparent;border-radius:100%;display:flex;height:var(--size);padding:0;width:var(--size)}.slider__controls .btn:focus{border-color:var(--color-focus);outline:none}.slider__controls .btn--previous>*{transform:rotate(180deg)}.slider{--slide-height: 50vmin;--slide-width: 28vmin;--slide-margin: 4vmin;height:var(--slide-height);margin:0 auto;position:relative;width:var(--slide-width)}.slider__wrapper{display:flex;margin:0 calc(var(--slide-margin) * -1);position:absolute;transition:transform var(--base-duration) cubic-bezier(.25,1,.35,1)}.slide{align-items:center;color:#fff;display:flex;flex:1;flex-direction:column;height:var(--slide-height);justify-content:center;margin:0 var(--slide-margin);opacity:.25;position:relative;text-align:center;transition:opacity calc(var(--base-duration) / 2) var(--base-ease),transform calc(var(--base-duration) / 2) var(--base-ease);width:var(--slide-width);z-index:1}.slide .video-container{pointer-events:none}.slide--previous:hover,.slide--next:hover{opacity:.5}.slide--previous{cursor:w-resize}.slide--previous:hover{transform:translate(2%)}.slide--next{cursor:e-resize}.slide--next:hover{transform:translate(-2%)}.slide--current{--x: 0;--y: 0;--d: 50;opacity:1;pointer-events:auto;-webkit-user-select:auto;-moz-user-select:auto;user-select:auto}@media (hover: hover){.slide--current:hover .slide__image-wrapper{transform:scale(1.025) translate(calc(var(--x) / var(--d) * 1px),calc(var(--y) / var(--d) * 1px))}}.slide--current .video-container{pointer-events:auto}.slide__image-wrapper{border-radius:15px;background-color:var(--color-accent);height:100%;overflow:hidden;position:absolute;top:0;width:100%;transition:transform calc(var(--base-duration) / 4) var(--base-ease)}.video-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.video-container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.slide__headline{font-size:4vmin;font-weight:600;position:relative}.slide__content{--d: 60;opacity:0;padding:4vmin;position:relative;transition:transform var(--base-duration) var(--base-ease);visibility:hidden}.slide--current .slide__content{animation:fade-in calc(var(--base-duration) / 2) var(--base-ease) forwards;visibility:visible}@media (hover: hover){.slide--current .slide__content{transform:translate(calc(var(--x) / var(--d) * -1px),calc(var(--y) / var(--d) * -1px))}}.slide__content>*+*{margin-top:2rem}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.carousel-container{height:70vh}.slider{--slide-width: 65vw;--slide-height: 55vh;--slide-margin: 2.5vw;width:var(--slide-width)}.slide{width:--slide-width;height:var(--slide-height);margin:0 var(--slide-margin)}.slider__controls{top:calc(100% + 1rem)}.slider__controls .btn{--size: 2.5rem}.slide__headline{font-size:4vw}.slide__content{padding:3vmin}.slide__content>*+*{margin-top:1rem}}@media (max-width: 768px) and (hover: hover){.slide--current:hover .slide__image-wrapper{transform:scale(1.025) translate(calc(var(--x) / var(--d) * 1px),calc(var(--y) / var(--d) * 1px))}}