body{min-height:100vh;margin:0;font-family:Poppins}:root{--item1-transform:translate(-100%, -5%) scale(1.5);--item1-filter:blur(30px);--item1-zIndex:9;--item1-opacity:0;--item2-transform:translate(0,0);--item2-filter:blur(0);--item2-zIndex:10;--item2-opacity:1;--item3-transform:translate(50%, 10%) scale(.8);--item3-filter:blur(10px);--item3-zIndex:9;--item3-opacity:1;--item4-transform:translate(90%, 20%) scale(.5);--item4-filter:blur(30px);--item4-zIndex:8;--item4-opacity:1;--item5-transform:translate(120%, 30%) scale(.3);--item5-filter:blur(40px);--item5-zIndex:7;--item5-opacity:1;--item6-transform:translate(150%, 40%) scale(.1);--item6-filter:blur(50px);--item6-zIndex:6;--item6-opacity:1}a{color:#555;text-decoration:none}header{z-index:100;background-color:#0000;justify-content:space-between;align-items:center;width:1140px;max-width:90%;height:100px;margin:auto;display:flex;position:relative;overflow:visible}header .logo .coLogo{width:auto;height:75px}header nav a{z-index:100;color:#fff;margin-left:30px;transition:all .3s}.inventory_btn{-webkit-backdrop-filter:blur(5px);filter:drop-shadow(1px 1px 4px #00000080);background:#f70709a6;border-radius:16px;padding:10px;transition:all .3s}.inventory_btn:hover{filter:drop-shadow(1px 8px 4px #00000080)}.carousel{height:100vh;margin-top:-100px;position:relative;overflow:hidden}.carousel .list{width:1140px;max-width:90%;height:80%;position:absolute;top:0;left:50%;transform:translate(-50%)}.carousel .list .item{width:70%;height:100%;font-size:15px;position:absolute;top:0;left:0}.carousel .list .item img{width:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.carousel .list .item .detail{opacity:0;pointer-events:none}.carousel .list .item .intro{opacity:0;pointer-events:none;width:400px;position:absolute;top:50%;transform:translateY(-50%)}.carousel .list .item:nth-child(2) .intro{opacity:1;pointer-events:auto;transition:opacity .5s}.carousel .list .item:nth-child(n+6){opacity:0;pointer-events:none}.carousel .list .item:nth-child(2){transform:var(--item2-transform);filter:var(--item2-filter);z-index:var(--item2-zIndex);opacity:var(--item2-opacity)}.carousel .list .item:first-child{transform:var(--item1-transform);filter:var(--item1-filter);z-index:var(--item1-zIndex);opacity:var(--item1-opacity)}.carousel .list .item:nth-child(3){transform:var(--item3-transform);filter:var(--item3-filter);z-index:var(--item3-zIndex);opacity:var(--item3-opacity)}.carousel .list .item:nth-child(4){transform:var(--item4-transform);filter:var(--item4-filter);z-index:var(--item4-zIndex);opacity:var(--item4-opacity)}.carousel .list .item:nth-child(5){transform:var(--item5-transform);filter:var(--item5-filter);z-index:var(--item5-zIndex);opacity:var(--item5-opacity)}.carousel .list .item:nth-child(6){transform:var(--item6-transform);filter:var(--item6-filter);z-index:var(--item6-zIndex);opacity:var(--item6-opacity)}.arrows{justify-content:space-between;align-items:center;width:1140px;max-width:90%;display:flex;position:absolute;bottom:50px;left:50%;transform:translate(-50%)}.arrows #next,.arrows #prev{color:#fff;-webkit-backdrop-filter:blur(7.7px);background:#00000080;border:none;border-radius:50%;width:40px;height:40px;font-family:monospace;font-size:large;font-weight:700;transition:all .3s;box-shadow:0 4px 30px #0000001a}.arrows #next:hover,.arrows #prev:hover{scale:1.1}.arrows #back{letter-spacing:3px;opacity:0;pointer-events:none;background-color:#0000;border:none;border-bottom:1px solid #555;font-family:Poppins;font-weight:500}.carousel .list .item .intro .title{letter-spacing:2px;font-size:2em;line-height:.8em}.carousel .list .item .intro .topic{font-size:4em;font-weight:500}.carousel .list .item .intro .desc{font-size:small}.carousel .list .item .intro .seeMore{background-color:#0000;border:none;border-bottom:1px solid #555;margin-top:1.2em;padding:5px 0;font-family:Poppins;font-weight:700}.carousel .list .item:nth-child(2) .intro .title,.carousel .list .item:nth-child(2) .intro .topic,.carousel .list .item:nth-child(2) .intro .desc,.carousel .list .item:nth-child(2) .intro .seeMore{opacity:0;animation:.5s ease-in-out .7s forwards showContent}.carousel .list .item:nth-child(2) .intro .topic{animation-delay:.9s}.carousel .list .item:nth-child(2) .intro .desc{animation-delay:1.1s}.carousel .list .item:nth-child(2) .intro .seeMore{animation-delay:1.3s}.carousel.next .list .item:first-child{animation:.5s ease-in-out forwards positionItem2}.carousel.next .list .item:nth-child(2){animation:.7s ease-in-out forwards positionItem3}.carousel.next .list .item:nth-child(3){animation:.9s ease-in-out forwards positionItem4}.carousel.prev .list .item:nth-child(2){animation:.5s ease-in-out forwards positionItem1}.carousel.prev .list .item:nth-child(3){animation:.7s ease-in-out forwards positionItem2}.carousel.prev .list .item:nth-child(4){animation:.9s ease-in-out forwards positionItem3}.carousel .list .item{transition:left .5s,opacity .5s,width .5s}.carousel.showDetail .list .item:nth-child(3),.carousel.showDetail .list .item:nth-child(4){opacity:1;pointer-events:none;left:100%}.carousel.showDetail .list .item:nth-child(2){width:100%}.carousel.showDetail .list .item:nth-child(2) .intro{opacity:0;pointer-events:none}.carousel.showDetail .list .item:nth-child(2) .detail{opacity:1;pointer-events:auto;text-align:right;width:50%;position:absolute;top:50%;right:0;transform:translateY(-50%)}.carousel .list .item:nth-child(2) img{transition:right .5s}.carousel.showDetail .list .item:nth-child(2) img{right:50%}.carousel.showDetail .list .item .detail .title{font-size:4em}.carousel.showDetail .list .item:nth-child(2) .detail .title,.carousel.showDetail .list .item:nth-child(2) .detail .des{opacity:0;animation:.5s ease-in-out 1s forwards showContent}.carousel.showDetail .list .item:nth-child(2) .detail .des{animation-delay:1.2s}.carousel.showDetail #next,.carousel.showDetail #prev{opacity:0;pointer-events:none}.carousel.showDetail #back{opacity:1;pointer-events:auto}.carousel:before{content:" ";filter:blur(150px);z-index:-1;background-image:linear-gradient(45deg,#f77d07,#f70709,#f70781);border-radius:20% 40% 75% 8%;width:500px;height:300px;transition:all 1s;position:absolute;top:50%;left:50%;transform:translate(-10%,-50%)}.carousel.showDetail:before{transform:translate(-100%,-50%)rotate(70deg)}footer{color:#fff;text-align:center;background-color:#333;padding:20px;font-family:Poppins,sans-serif;font-size:1em}footer a{color:#ddd;text-decoration:none;transition:color .3s}footer a:hover{text-decoration:underline}footer p a{font-weight:400}footer .location-icon{vertical-align:middle;width:1.5em;height:1.5em;margin-right:2px}footer .email-icon{vertical-align:middle;width:1.2em;height:1.2em;margin-right:8px}footer .call-btn{color:#fff;text-transform:uppercase;text-align:center;cursor:pointer;background-color:#f70709;border-radius:25px;margin-top:10px;padding:10px 20px;font-size:.85em;font-weight:700;transition:all .1s;display:inline-block}footer .call-btn:hover{color:#fff;animation:1s ease-in-out infinite ring}footer p{margin-top:10px}footer p:last-child{color:#bbb;font-size:.7em}#porsche-desc,#mb-desc{width:95%}#porsche-des{margin-left:20px}@keyframes showContent{0%{filter:blur(30px);transform:translateY(50px)}to{opacity:1;filter:blur();transform:translateY(0)}}@keyframes positionItem1{0%{transform:var(--item1-transform);filter:var(--item1-filter);z-index:var(--item1-zIndex);opacity:var(--item1-opacity)}}@keyframes positionItem2{0%{transform:var(--item2-transform);filter:var(--item2-filter);z-index:var(--item2-zIndex);opacity:var(--item2-opacity)}}@keyframes positionItem3{0%{transform:var(--item3-transform);filter:var(--item3-filter);z-index:var(--item3-zIndex);opacity:var(--item3-opacity)}}@keyframes positionItem4{0%{transform:var(--item4-transform);filter:var(--item4-filter);z-index:var(--item4-zIndex);opacity:var(--item4-opacity)}}@keyframes ring{0%{transform:scale(1)rotate(0)}20%{transform:scale(1.05)rotate(2deg)}40%{transform:scale(1.05)rotate(-2deg)}60%{transform:scale(1.05)rotate(2deg)}80%{transform:scale(1.05)rotate(-2deg)}to{transform:scale(1)}}@media screen and (max-width:991px){.carousel .list .item{width:90%}}@media screen and (max-width:767px){header .logo .coLogo{width:auto;height:50px}.inventory_btn{font-size:12px}.inventory_btn:hover{filter:drop-shadow(1px 8px 4px #00000080)}#arrows{bottom:20px}.carousel .list .item{width:100%;font-size:10px}.carousel{height:100vh}.carousel .list{height:100%}.carousel .list .item .intro{width:50%}.carousel .list .item img{width:40%}.carousel.showDetail .list .item .detail .title{font-size:2em}.carousel.showDetail .list .item .detail .des{height:250px;margin-top:20px}.carousel:before{height:30%}}