@import"https://fonts.googleapis.com/css2?family=Playwrite+DE+Grund:wght@100..400&family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence:SCAN@-10&family=Tiny5&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&display=swap";@import"https://fonts.googleapis.com/css2?family=Roboto+Mono:ital,wght@0,100..700;1,100..700&family=Sixtyfour+Convergence:SCAN@-10&family=Tiny5&display=swap";#navbar{height:10vh;width:100%;background-color:#02304751;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;justify-content:space-between;align-items:center;padding:0 2%;font-family:Roboto Mono,monospace;position:sticky;z-index:999;top:0}#navbar #logo{display:flex;justify-content:center;align-items:center;font-family:Tiny5,sans-serif;font-size:2rem;color:#fd5f99}#navbar #nav{display:flex;justify-content:center;align-items:center;gap:10%;font-size:1.3rem}#navbar #info{display:flex;justify-content:center;align-items:center;border-radius:50%;border:2px solid white;height:4rem;width:4rem;background:url(/aman.jpeg);background-size:cover}#model{height:100vh;width:100%;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;padding-top:4%;top:-10vh}#model .product{height:600px;width:100%;z-index:1;position:absolute;transition:.7s;--left: 0px;display:flex;align-items:flex-end;justify-content:center;gap:5%;padding:0 1%}#model .product .canedetail{flex:1;display:flex;align-items:center;justify-content:center;height:100%;width:100%;position:relative}#model .product .canedetail .caneLeft{position:absolute;width:95%;height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;font-family:Roboto Mono,monospace}#model .product .canedetail .caneLeft h1{position:absolute;top:40%;font-size:30vw;line-height:50px}#model .product .canedetail .caneLeft #since{font-size:2vw;margin-left:65vw}#model .product .canedetail .cane{position:absolute;background:var(--sticker) var(--left) 0px,url(/cane.png);background-size:auto 100%;width:300px;aspect-ratio:1/2.1;background-blend-mode:multiply;-webkit-mask-image:url(/cane.png);mask-image:url(/cane.png);-webkit-mask-size:auto 100%;mask-size:auto 100%;transition:1s;animation-name:rotation;animation-duration:2s;animation-iteration-count:infinite}#model .product .canedetail .cane:hover{--left: -700px;transform:translateY(-4vh) rotate(-30deg);transition:1s;scale:1.14}.carousel{position:relative;overflow:hidden;width:100%;height:100vh;background-size:cover}.carousel .carousel-slides{height:100%;width:100%;display:flex;transition:transform .5s ease-in-out}.carousel .carousel-slides .carousel-slide{min-width:100%;height:100%;display:flex;justify-content:center;align-items:center}.carousel .carousel-slides .carousel-slide .candetail{--left:0px;display:flex;align-items:center;justify-content:flex-start;padding:0 10%;height:100%;width:100%}.carousel .carousel-slides .carousel-slide .candetail .can{background:var(--sticker) var(--left) 0px,url(/cane.png);background-size:auto 100%;width:300px;aspect-ratio:1/2.1;background-blend-mode:multiply;-webkit-mask-image:url(/cane.png);mask-image:url(/cane.png);-webkit-mask-size:auto 100%;mask-size:auto 100%;transition:1s;animation-name:rotation;animation-duration:2s;animation-iteration-count:infinite}.carousel .carousel-slides .carousel-slide .candetail .can:hover{transform:translateY(3vh) translate(4vw) rotate(-20deg);--left: 1000px;scale:1.1;transition:1s}.carousel .carousel-slides .carousel-slide .slide-description{color:#fff;width:400%;height:70%;font-family:Roboto Mono,monospace;display:flex;align-items:center;justify-content:center;flex-direction:column}.carousel .carousel-slides .carousel-slide .slide-description h1{font-size:4.5rem;color:#ff2d2d}.carousel .carousel-slides .carousel-slide .slide-description h2{font-size:3rem;color:#2d4cff}.carousel .carousel-slides .carousel-slide .slide-description h3{font-size:2rem}.carousel .carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:#ffffffb3;border:none;padding:10px;cursor:pointer;font-size:24px;border-radius:50%;z-index:10}.carousel .carousel-arrow.left{left:10px}.carousel .carousel-arrow.right{right:10px}.carousel .carousel-dots{position:absolute;bottom:10px;left:50%;transform:translate(-50%);display:flex}.dot{height:10px;width:10px;margin:0 5px;border-radius:50%;background-color:#bbb;cursor:pointer}.dot.active{background-color:#717171}#get{height:4rem;width:15rem;font-size:2rem;margin-top:2rem;border-radius:20px;border:none;font-weight:600;background-color:#2d7aff;transition:.6s}#get:hover{background-color:#4ec71a;transition:.6s;cursor:pointer}#partner{height:150vh;width:100%;background-color:#e3e3e3;display:flex;align-items:center;justify-content:flex-start;flex-direction:column;padding:50px 0;gap:2%}#partner .partnerContent{display:flex;align-items:center;justify-content:center;gap:10%;height:18%;width:90%}#partner .partnerContent h2{color:#000;font-size:6vh;font-family:Roboto Mono,monospace;animation:autoBlur linear both;animation-timeline:view(55% auto)}#partner .partnerContent .logos{height:20vh;width:15%}#dev{height:40vh;width:100%;background-color:#3c3c3c;display:flex;justify-content:center;align-items:flex-start;font-family:Roboto Mono,monospace;padding:2% 8% 0}.circle-icon{color:#fff}#dev #contact{height:100%;width:40%;display:flex;flex-direction:column;gap:5%;border-bottom:2px solid white}#dev #contact h2{font-size:2vw;font-weight:700}#dev #contact h3{font-size:1.3vw;font-weight:400;color:#c8c8c8}#dev #contact #social{display:flex;gap:5%;font-size:2vw;margin-top:5%}#dev #link{width:30%;height:100%;display:flex;flex-direction:column;border-bottom:2px solid white;gap:5%}#dev #link h2{font-size:2vw;font-weight:700}#dev #link h3{font-size:1.3vw;font-weight:400;color:#c8c8c8}#dev #mess{padding-left:5%;width:40%;height:100%;border-bottom:2px solid white}#dev #mess #developer{height:100%;width:100%;display:flex;flex-direction:column;gap:8%}#dev #mess #developer #nameplate{display:flex;flex-direction:row;align-items:center;gap:2%}#dev #mess #developer #nameplate #pic{height:70px;width:70px;background-color:#fff;border-radius:50%;background-image:url(/aman.jpeg);background-size:cover}#dev #mess #developer #nameplate h2{font-size:2vw;line-height:25px}#dev #mess #developer #nameplate h2 #namep{font-size:1vw;color:#c8c8c8}#dev #mess #developer #review{color:#c8c8c8}#dev #mess #developer #review h3{font-size:1.3vw;font-weight:400}#dev #mess #developer #review h3 .bold{font-weight:800;color:#fff}#dev #mess #developer #interact{display:flex;flex-direction:row;gap:2.5%}#dev #mess #developer #interact #messanger{height:3vw;width:60%;border-radius:10px;background-color:#ececec;border:none;font-size:1.5vw;text-align:center}#dev #mess #developer #interact #sub{height:3vw;width:20%;border-radius:10px;font-size:1.5vw;font-weight:600;border:none;background-color:#319f43;color:#fff}#footer{height:10vh;width:100%;background-color:#3c3c3c;display:flex;align-items:center;justify-content:space-between;padding:0 8%}#footer .reserve{width:70%;font-size:1.5vw}#footer h2{font-size:1.3vw}/*! locomotive-scroll v4.1.3 | MIT License | https://github.com/locomotivemtl/locomotive-scroll */html.has-scroll-smooth{overflow:hidden}html.has-scroll-dragging{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.has-scroll-smooth body{overflow:hidden}.has-scroll-smooth [data-scroll-container]{min-height:100vh}[data-scroll-direction=horizontal] [data-scroll-container]{height:100vh;display:inline-block;white-space:nowrap}[data-scroll-direction=horizontal] [data-scroll-section]{display:inline-block;vertical-align:top;white-space:nowrap;height:100%}.c-scrollbar{position:absolute;right:0;top:0;width:11px;height:100%;transform-origin:center right;transition:transform .3s,opacity .3s;opacity:0}.c-scrollbar:hover{transform:scaleX(1.45)}.c-scrollbar:hover,.has-scroll-scrolling .c-scrollbar,.has-scroll-dragging .c-scrollbar{opacity:1}[data-scroll-direction=horizontal] .c-scrollbar{width:100%;height:10px;top:auto;bottom:0;transform:scaleY(1)}[data-scroll-direction=horizontal] .c-scrollbar:hover{transform:scaleY(1.3)}.c-scrollbar_thumb{position:absolute;top:0;right:0;background-color:#000;opacity:.5;width:7px;border-radius:10px;margin:2px;cursor:-webkit-grab;cursor:grab}.has-scroll-dragging .c-scrollbar_thumb{cursor:-webkit-grabbing;cursor:grabbing}[data-scroll-direction=horizontal] .c-scrollbar_thumb{right:auto;bottom:0}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100vh;width:100%}body{background:linear-gradient(to right,#153a7e,#3686db);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;overflow:hidden}[data-scroll-container]{overflow:hidden;position:relative}