:host{--transitionDuration:800ms}.projectsOverview{width:100%;height:520px}.projectsOverview .wrap{height:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:0 20px}.projectsOverview .wrap .slide{width:20%;min-height:80px;background-color:rgb(var(--color-secondary));border-radius:20px;position:relative;border:3px solid rgb(var(--color-primary-dark))}.projectsOverview .wrap .slide .brand_types{position:absolute;width:100%;height:100%;left:0;top:0;padding:5% 0;pointer-events:none}.projectsOverview .wrap .slide .brand_types li{transform:translateX(calc(100% - 20px));margin:.75rem 0}.projectsOverview .wrap .slide .brand_types li .badge{background-color:rgb(var(--color-primary-dark));color:rgb(var(--color-light))}.projectsOverview .wrap .slide .brand_types li:nth-child(3n) .badge{background-color:rgb(var(--color-secondary))}@media(min-width:1200px){.projectsOverview .wrap .slide .brand_types li .badge{background-color:rgb(var(--color-primary-dark))}.projectsOverview .wrap .slide .brand_types li:nth-child(2){position:absolute;top:-6%;left:-141px;transform:translateX(80px)}.projectsOverview .wrap .slide .brand_types li:nth-child(3){margin-top:15%}}.projectsOverview .wrap .slide .visual{position:relative;width:100%;height:100%;display:inline-block;border-radius:18px;overflow:hidden}.projectsOverview .wrap .slide .visual .imgVisible,.projectsOverview .wrap .slide .visual>.imgHidden{position:absolute;top:0;left:0;width:100%;height:100%;transition:none;display:inline-block}.projectsOverview .wrap .slide .visual .imgVisible>img,.projectsOverview .wrap .slide .visual>.imgHidden>img{object-fit:cover;object-position:center top}.projectsOverview .wrap .slide .visual.animate>.imgHidden{transform:translateX(-100%);transition:transform .8s ease}.projectsOverview .wrap .slide .visual.animate>.imgVisible{transform:translateX(100%);animation:slideInFromRight .8s forwards}.projectsOverview .wrap .slide .section_title{color:rgb(var(--color-secondary));padding:2rem;transform:translateX(-100%);text-align:right;display:inline-block;position:absolute;left:0;bottom:40%}.projectsOverview .wrap .slide.first{width:10%;height:22%}.projectsOverview .wrap .slide.prev{width:18%;height:32%}.projectsOverview .wrap .slide.center{width:35%;height:100%;border-color:rgb(var(--color-secondary-dark))}.projectsOverview .wrap .slide.next{width:25%;height:45%}.projectsOverview .wrap .slide.last{width:12%;height:20%;overflow:hidden}.projectsOverview .wrap.left .slide .visual.animate>.imgHidden{transform:translateX(100%);transition:transform .8s ease}.projectsOverview .wrap.left .slide .visual.animate>.imgVisible{transform:translateX(-100%);animation:slideInFromLeft .8s forwards}.projectsOverview .wrap .more_project_cta{display:inline-flex;position:absolute!important;left:0;top:0;width:100%;height:100%;background-color:rgb(var(--color-primary-dark));z-index:4;cursor:pointer;align-items:center;justify-content:center;color:#fff;text-align:center;font-family:var(--font-playfair);font-size:14px}.projectsOverview .wrap .more_project_cta:hover{background-color:rgb(var(--color-primary))}.projectsOverview .next-btn{margin-top:20px;padding:10px 20px;font-size:16px;cursor:pointer}@media(max-width:1200px){.projectsOverview{height:420px}}@media(max-width:992px){.projectsOverview{height:380px}.projectsOverview .wrap{gap:0 10px}.projectsOverview .wrap .slide .section_title{transform:translateX(100%);text-align:left;left:inherit;right:0;padding:1rem;bottom:50%}.projectsOverview .wrap .slide.first,.projectsOverview .wrap .slide.prev{display:none}.projectsOverview .wrap .slide.center{width:60%;height:100%}.projectsOverview .wrap .slide.next{width:30%;height:45%}.projectsOverview .wrap .slide.last{width:20%;height:20%}}@media(max-width:768px){.projectsOverview{height:320px}}.controls{display:flex;justify-content:center;gap:20px;margin-top:20px}.controls .next-btn,.controls .prev-btn{padding:10px 20px;font-size:16px;cursor:pointer}@keyframes slideInFromRight{to{transform:translateX(0);opacity:1}}@keyframes slideInFromLeft{to{transform:translateX(0);opacity:1}}@keyframes slideIn{to{transform:translateX(0);opacity:1}}.slider_play_wrapp{position:relative;background-color:rgba(var(--color-light),.9);border-radius:20px;padding:1.2rem 1.5rem;touch-action:auto}.slider_play_wrapp input[type=range]{width:100%;height:100%;cursor:pointer;position:absolute;left:0;top:50%;transform:translateY(-50%);z-index:4;opacity:0;-webkit-appearance:none;appearance:none;touch-action:auto}.slider_play_wrapp input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:28px;width:28px;border-radius:50%;background:rgb(var(--color-dark));cursor:pointer;margin-top:-9px;z-index:5;position:relative;touch-action:manipulation}.slider_play_wrapp input[type=range]::-webkit-slider-runnable-track{height:10px;background:rgba(0,0,0,0)}.slider_play_wrapp .slider{display:flex;justify-content:flex-start;align-items:center;padding:10px 0;position:relative;width:calc(100% - .8em);margin-left:auto;margin-right:0}.slider_play_wrapp .slider:before{content:"";background-color:rgb(var(--color-primary-gray));position:absolute;left:0;top:50%;transform:translateY(-50%);width:100%;height:10px;border-radius:10px}.slider_play_wrapp .slider label{width:100%;display:inline-flex;align-items:flex-end;position:relative;text-align:right}.slider_play_wrapp .slider label:after{content:"";position:absolute;left:-.8em;top:50%;transform:translateY(-50%);width:calc(100% + .8em);height:10px;background-color:rgb(var(--color-primary));border-top-left-radius:10px;border-bottom-left-radius:10px}.slider_play_wrapp .slider label .emoji{display:inline-block;width:1em;height:1em;font-size:30px;line-height:1.1;z-index:2;position:absolute;right:0;top:50%;transform:translateY(-50%);margin-right:-.35em;transition:all .15s cubic-bezier(.5,.4,.2,1)}.page-loader{position:fixed;top:0;left:0;z-index:9999;background:rgb(var(--color-secondary-light));width:100%;height:100vh;display:flex;align-items:center;justify-content:center;transition:opacity .4s ease,visibility .4s ease}.page-loader.hide{opacity:0;visibility:hidden;pointer-events:none}.doted_loader{width:50px;height:50px;margin:0 auto}