:root{--border-color:#fff5;--w-image:500px;--calculate:1.5}header{border-bottom:1px solid var(--border-color);display:grid;grid-template-columns:80px 1fr calc(var(--w-image)*var(--calculate));grid-template-rows:80px;position:relative;z-index:0}header .logo img{width:80%}header .logo{align-items:center;display:flex;justify-content:center}header nav a{color:#000;font-weight:400}header nav ul{align-items:center;display:flex;gap:30px;height:100%;justify-content:end;padding-right:30px}header nav{border-left:1px solid var(--border-color)}.carousel{height:100vh;margin-top:-80px;overflow:hidden;width:100%}.carousel .list{height:100%;position:relative}.carousel .list:before{border-left:1px solid var(--border-color);border-right:1px solid var(--border-color);height:100%;left:calc(100% - var(--w-image)*var(--calculate));top:0;width:var(--w-image)}.carousel .list:after,.carousel .list:before{content:"";pointer-events:none;position:absolute;z-index:1}.carousel .list:after{background-color:#fff;border-radius:20px 50px 110px 230px;filter:blur(150px);height:300px;left:50px;opacity:.6;top:50px;width:400px}.carousel .list .item{height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;visibility:hidden;width:100%}.carousel .list .item.active,.carousel .list .item.other_1,.carousel .list .item.other_2{opacity:1;visibility:visible}.carousel .list .item .image{align-items:center;display:flex;flex-direction:column;font-weight:500;height:100%;justify-content:end;left:calc(100% - var(--w-image)*var(--calculate));padding:20px;position:absolute;top:0;width:var(--w-image)}.carousel .list .item .image img{filter:drop-shadow(0 50px 30px rgba(0,0,0,.25)) drop-shadow(0 100px 80px rgba(0,0,0,.15));margin-bottom:20px;width:90%}.carousel .list .item .image figcaption{color:#555;font-family:Aboreto;font-size:1.3em;font-weight:700;margin-bottom:30px;text-align:center;width:70%}.carousel .list .item .main-content{display:grid;grid-template-columns:calc(100% - var(--w-image)*var(--calculate));height:100%}.carousel .list .item .main-content .content{display:flex;flex-direction:column;gap:2rem;height:100%;justify-content:center;margin-left:100px;max-width:800px;padding:0 100px}.carousel .list .item .main-content .content h2{color:#444;font-family:Aboreto;font-size:4.5em;line-height:1.1;margin:0}.carousel .list .item .main-content .content .description{color:#333;font-family:Playfair Display,serif;font-size:1.2em;font-style:italic;font-weight:400;line-height:1.6;margin:0}.carousel .list .item .main-content .content .addToCard{background-color:#d4af37;border:none;border-radius:30px;color:#fff;display:inline-block;font-family:Poppins;font-size:1.1em;font-weight:500;padding:12px 36px;transition:background-color .3s ease;width:-moz-fit-content;width:fit-content}.carousel .list .item .main-content .content .addToCard:hover{background-color:#3d6d52}.arrows{bottom:20px;display:grid;gap:10px;grid-template-columns:repeat(2,50px);grid-template-rows:50px;justify-content:end;position:absolute;width:calc(100% - var(--w-image)*var(--calculate))}.arrows button{background-color:transparent;border:1px solid var(--border-color);box-shadow:0 10px 40px #5555;color:#fff;cursor:pointer;font-family:monospace;font-size:large;font-weight:700;line-height:0;transition:.5s}.arrows button:hover{background-color:#eee5}.carousel .list .item{display:none}.carousel .list .item.active,.carousel .list .item.other_1,.carousel .list .item.other_2{display:block}.carousel .list .item.active{z-index:2}.carousel .list .item.other_1,.carousel .list .item.other_2{pointer-events:none}.carousel .list .item.active .main-content{animation:showContent 1s ease-in-out 1 forwards}@keyframes showContent{0%{clip-path:circle(0 at 70% 50%)}to{clip-path:circle(100% at 70% 50%)}}.next .item.other_1{z-index:1}.next .item .image figcaption,.next .item .image img{animation:effectNext .5s ease-in-out 1 forwards}@keyframes effectNext{0%{transform:translate(calc(var(--transform-from)))}to{transform:translate(calc(var(--transform-from) - var(--w-image)))}}.next .item.active .image{--transform-from:var(--w-image)}.next .item.other_1 .image{z-index:3;--transform-from:0px;overflow:hidden}.next .item.other_2 .image{z-index:3;--transform-from:calc(var(--w-image)*2)}.arrows{z-index:10}.prev .list .item .image figcaption,.prev .list .item .image img{animation:effectPrev .5s ease-in-out 1 forwards}@keyframes effectPrev{0%{transform:translate(calc(var(--transform-from)))}to{transform:translate(calc(var(--transform-from) + var(--w-image)))}}.prev .list .item.active .image{--transform-from:calc(var(--w-image)*-1);overflow:hidden}.prev .list .item.other_1 .image{--transform-from:0px;z-index:3}.prev .list .item.other_2 .image{z-index:3;--transform-from:var(--w-image)}.prev .list .item.other_2 .main-content{opacity:0}.mobile-description{display:none}.figcaption{text-align:center}@media screen and (max-width:1023px){:root{--calculate:1;--w-image:400px}.carousel .list .item .main-content .content h2{font-size:3em}.mobile-description{display:none}}@media screen and (max-width:767px){.carousel .list .item .image img{margin-top:40px;width:60%}.carousel .list .item .image{justify-content:top;left:0;width:100%}.carousel .list .item .image figcaption{color:#555;text-align:center;width:100%}.carousel .list .item .main-content .content{display:none}.mobile-description{color:#404040;display:block;font-family:Playfair Display,serif;font-size:1rem;font-style:italic;font-weight:400;line-height:1.5;margin:0 auto;max-width:90%;padding:1rem;text-align:center;text-shadow:0 1px 2px rgba(0,0,0,.2)}.arrows{justify-content:center;left:50%}}.carousel.loading{visibility:hidden}.product-showcase[data-v-266a1d23]{border-radius:.5rem;--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));padding:2rem;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.product-showcase[data-v-266a1d23]:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.experience-card[data-v-266a1d23]{border-radius:.5rem;padding:2rem;text-align:center;transition-duration:.3s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.experience-card[data-v-266a1d23]:hover{--tw-translate-y:-.25rem;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));--tw-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 8px 10px -6px rgba(0,0,0,.1);--tw-shadow-colored:0 20px 25px -5px var(--tw-shadow-color),0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}@keyframes fadeIn-266a1d23{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in[data-v-266a1d23]{animation:fadeIn-266a1d23 1s ease-out forwards}.animate-fade-in-delay[data-v-266a1d23]{animation:fadeIn-266a1d23 1s ease-out .3s forwards;opacity:0}.animate-fade-in-delay-2[data-v-266a1d23]{animation:fadeIn-266a1d23 1s ease-out .6s forwards;opacity:0}