*{padding:0;margin:0}html{scroll-behavior:smooth}.home{background-color:#f3f3f3;max-width:100%;overflow-x:hidden}.home-section{max-width:100%;height:100vh;background-color:#f3f3f3;padding:0 3%}.name-div{display:flex;align-items:center;justify-content:space-between;padding-top:1%}.name-div p{font-family:Dancing Script,cursive;font-size:1.5rem;font-weight:900}.name-div span{font-family:inter}.content-div{margin-top:20vh;margin-left:20vw;font-family:Times New Roman,Times,serif;display:flex}.content-div h1{font-size:2.5rem;font-weight:400;letter-spacing:-.05rem}.content-div h1 span{display:inline-block;vertical-align:middle}.content-div h1 img{width:4rem;height:3rem;object-fit:cover;border-radius:50px;margin:0 .5rem;vertical-align:middle;box-shadow:0 4px 10px #00000026;object-position:70% 28%;border:1.3px solid black}.content-div p{font-size:1.2rem;color:#555;margin-top:1rem;line-height:1.6}.projects{max-width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:5% 0%;background-color:#f3f3f3}.projects p{font-family:Rock Salt,sans-serif;font-size:.6rem;color:#83858d}.projects h1{font-family:satoshi;font-size:2.5rem;font-weight:500}.status-container{display:flex;align-items:center;gap:.75rem;font-size:1rem;font-weight:400;color:#333}.pulse-dot{position:relative;width:10px;height:10px;background-color:#4caf50;border-radius:50%}.pulse-dot:before,.pulse-dot:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;border-radius:50%;background-color:#4caf5099;transform:translate(-50%,-50%) scale(1);opacity:.8;animation:pulse 2s infinite}.pulse-dot:after{animation-delay:1s}@keyframes pulse{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}70%{transform:translate(-50%,-50%) scale(3.5);opacity:0}to{opacity:0}}@media screen and (min-width: 1440px){.home-section{padding:0 6%}.content-div{margin-left:15vw;margin-top:15vh}.content-div h1{font-size:3rem}.content-div p{font-size:1.3rem}.name-div{padding-top:.5%}.name-div p{font-size:1.8rem}.content-div h1 img{width:4.5rem;height:3.5rem}}@media screen and (min-width: 1800px){.content-div{margin-left:12vw}}.navbar1{padding:.4rem 2rem;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);position:fixed;top:2%;left:50%;transform:translate(-50%);z-index:1000;width:fit-content;font-family:inter;display:flex;align-items:center;gap:4rem;transition:all .3s ease}.navbar1 ul{display:flex;flex-direction:row;align-items:center;gap:4rem;margin:0;padding:0}.navbar1 ul li{list-style:none;color:#000;font-weight:500;cursor:pointer;transition:color .3s ease;font-size:1.2rem;padding:5px 0;position:relative}.navbar1 ul li:hover{color:#c90e46}.navbar1 ul li:after{content:"";position:absolute;bottom:0;left:0;height:2px;width:0%;background:red;transition:width .3s ease}.navbar1 ul li:hover:after{width:100%}.hi{background-color:#c90e46;padding:.4rem 1rem;border-radius:50px;display:flex;align-items:center;justify-content:center;font-family:inter;gap:10px;color:#fff;transition:all .3s ease;white-space:nowrap}.hi:hover{gap:1rem;transform:scale(1.05)}.hi-text{transition:opacity .4s ease;white-space:nowrap}.fade-in{opacity:1}.fade-out{opacity:.6}.hi-icon{transition:opacity .3s ease}@media (min-width: 1600px){.navbar1{gap:5rem;padding:.6rem 3rem}.navbar1 ul li{font-size:1.4rem}.hi{padding:6px 24px;font-size:1.1rem}}@media (max-width: 1024px){.navbar1{gap:2rem;padding:.4rem 1.5rem}.navbar1 ul{gap:2rem}.navbar1 ul li{font-size:1rem}.hi{padding:4px 12px}}.showcase-section1{width:100%;padding:40px 0;display:flex;flex-direction:column;gap:98px;overflow:hidden}.showcase-row1{display:flex;justify-content:center;gap:30px}.showcase-card1{width:25%;height:30vh;flex-shrink:0;background-color:#7fffd4;display:flex;align-items:center;justify-content:center}.image-wrapper1 img,.showcase-video1{width:100%;height:100%;object-fit:cover}.about-section{padding:80px 200px;background:#fff;display:flex;flex-direction:column;align-items:center;gap:40px}.about-container{display:flex;justify-content:space-between;width:100%}.about-intro{width:230px}.about-intro h2{font-size:22px;font-weight:400;line-height:1.3}.about-intro span{font-weight:600}.about-image{border-radius:2px;width:230px;overflow:hidden;box-shadow:0 4px 20px #00000014;padding:8px;background:#fff}.about-image img{width:230px;height:250px;object-fit:cover;object-position:center}.about-text{max-width:260px;font-size:16px;line-height:1.6;color:#333}.about-text p{margin-bottom:20px}.cv-button{width:100%;display:flex;align-items:center;background:#2c2c2c;color:#fff;border-radius:50px;padding:8px 24px;font-size:16px;font-weight:400;justify-content:space-between;position:relative;overflow:hidden;text-decoration:none}.cv-label{font-size:32px;font-weight:700;font-family:Plus Jakarta Sans,sans-serif;text-decoration:none}.cv-text{font-family:Rock Salt,cursive;font-size:16px}.cv-text strong{font-weight:700;font-style:italic}.cv-badge{right:24px;width:22px;height:22px;background:#e63946;color:#fff;font-size:12px;font-weight:700;border-radius:50px;display:flex;align-items:center;justify-content:center;transition:all .3s ease-in-out;font-family:inter}.cv-button:hover .cv-badge{width:30px;height:38px;border-radius:35% 10% 10%}.cv-wrapper{width:100%;max-width:1200px;margin:0 auto;padding-top:40px;display:flex;justify-content:center}@media screen and (min-width: 1440px){.about-section{padding:100px 260px}.about-intro{width:270px}.about-intro h2{font-size:24px}.about-image,.about-image img{width:270px;height:290px}.about-text{max-width:320px;font-size:17px}.cv-button{font-size:17px;padding:18px 36px}.cv-label{font-size:24px}.cv-text{font-size:20px}}@media screen and (min-width: 1600px){.about-section{padding:120px 300px}.about-intro{width:300px}.about-intro h2{font-size:26px}.about-image,.about-image img{width:300px;height:320px}.about-text{max-width:360px;font-size:18px}.cv-button{font-size:16px;padding:14px 32px}.cv-label{font-size:26px}.cv-text{font-size:22px}}@media screen and (min-width: 1920px){.about-section{padding:140px 360px}.about-intro{width:340px}.about-intro h2{font-size:28px}.about-image,.about-image img{width:340px;height:360px}.about-text{max-width:400px;font-size:19px}.cv-button{font-size:19px;padding:22px 44px}.cv-label{font-size:28px}.cv-text{font-size:23px}}.explore-btn{position:relative;display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 14px;font-size:16px;font-weight:400;color:#333;background:#f9f9f9;border:1px solid #ccc;border-radius:9999px;box-shadow:0 4px 12px #00000026;cursor:pointer;overflow:hidden;z-index:1;transition:color .3s ease}.explore-btn:before{content:"";position:absolute;left:-100%;top:50%;transform:translateY(-50%) scale(.5);width:100%;height:100%;background:linear-gradient(90deg,#ff5f6d,#ff0080);border-radius:50%;z-index:-1;transition:all .7s ease}.explore-btn:hover{color:#fff}.explore-btn:hover:before{left:0;transform:translateY(-50%) scale(2)}.explore-btn .icon{width:12px;height:12px;padding:6px;border:1px solid #555;border-radius:50%;background:transparent;fill:#333;transform:rotate(45deg);transition:all .3s linear}.explore-btn:hover .icon{transform:rotate(90deg);background:#fff;border:none;fill:#111}.footer{background:#f5f5f7;padding:4% 12%;position:relative;font-family:Arial,sans-serif;color:#333}.footer-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.footer-left{text-align:left}.footer-right{display:flex;align-items:center;justify-content:center;gap:10%;width:50%}.small-text{font-family:Rock Salt,cursive;font-size:.8rem;color:#666}.small-text1{font-weight:600}.connect{font-size:2.5rem;font-weight:200;background:linear-gradient(90deg,#ff5f6d,#ff0080);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin:0}.social-links{display:flex;gap:2rem}.social-links a{text-decoration:none;color:#444;font-weight:500;font-size:1rem}.social-links a:hover{color:#ff0080}.tagline{font-size:2rem;margin-top:80px;color:#333}.email-section{margin-top:1.5rem}.email{font-size:4.3rem;color:#d3d3d3;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.back-btn{position:absolute;right:1rem;cursor:pointer;margin-top:-8px}.email-wrapper{position:relative;display:inline-block}.copy-message{position:absolute;top:-30px;left:50%;transform:translate(-50%);background:#333;color:#fff;font-size:.9rem;padding:4px 8px;white-space:nowrap;opacity:0;animation:fadeInOut 2s ease forwards}@keyframes fadeInOut{0%{opacity:0;transform:translate(-50%) translateY(10px)}20%{opacity:1;transform:translate(-50%) translateY(0)}80%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-10px)}}@media screen and (min-width: 1440px){.footer{padding:4rem 12rem}.connect{font-size:2.8rem}.tagline{font-size:2.2rem}.email{font-size:4.8rem}.small-text{font-size:1.1rem}}@media screen and (min-width: 1600px){.footer{padding:5rem 14rem}.connect{font-size:3rem}.tagline{font-size:2.4rem}.email{font-size:5rem}.small-text{font-size:1.2rem}.social-links a{font-size:1.1rem}}@media screen and (min-width: 1920px){.footer{padding:6rem 18rem}.connect{font-size:3.4rem}.tagline{font-size:2.6rem}.email{font-size:5.5rem}.small-text{font-size:1.3rem}.social-links a{font-size:1.2rem}}.svgIcon{width:24px;height:24px;z-index:2;filter:brightness(0) invert(1)}.BG{position:absolute;inset:0;border-radius:10px;background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);z-index:1;transition:transform .4s ease;transform-origin:bottom}.Btn:hover .BG{transform:rotate(35deg)}.Btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;position:relative;border:none;background:transparent;cursor:pointer;border-radius:10px}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;border:1px solid rgba(156,156,156,.4);z-index:2;transition:all .3s ease}.svgIcon{width:24px;height:24px;fill:#fff;z-index:2}.BG1{position:absolute;inset:0;border-radius:10px;background:#181818;z-index:1;transition:transform .4s ease;transform-origin:bottom}.Btn:hover .BG1{transform:rotate(35deg)}.Btn:hover .svgContainer{background:#9c9c9c4d;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Btn2{display:flex;align-items:center;justify-content:center;position:relative;border:none;background:transparent;cursor:pointer}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(156,156,156,.35);z-index:2;transition:background .25s ease,backdrop-filter .25s ease;background:#00000026}.svgIcon{width:20px;height:20px;z-index:3;display:block}.BG2{position:absolute;inset:0;border-radius:10px;z-index:1;transition:transform .9s cubic-bezier(.2,.9,.2,1);transform-origin:bottom;background:linear-gradient(45deg,#0a66c2,#0073b1,#004182)}.Btn2:hover .BG2{transform:rotate(35deg)}.Btn2:hover .svgContainer{background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.Btn{display:flex;align-items:center;justify-content:center;position:relative;border:none;background:transparent;cursor:pointer;padding:0}.svgContainer{width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:10px;border:1px solid rgba(156,156,156,.35);z-index:2;transition:background .25s ease,backdrop-filter .25s ease}.svgIcon{width:22px;height:22px;z-index:3}.svgIcon path{fill:#fff}.BG3{position:absolute;inset:0;border-radius:10px;z-index:1;transition:transform .4s ease;transform-origin:bottom;background:linear-gradient(45deg,#ea4c89,#ff77b9)}.Btn:hover .BG3{transform:rotate(35deg)}.Btn:hover .svgContainer{background:#ffffff0f;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.button5{width:40px;height:40px;border-radius:50%;background-color:#c90e46;border:none;font-weight:500;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px #b4a0ff41;cursor:pointer;transition-duration:.3s;overflow:hidden;position:relative}.svgIcon5{width:12px;transition-duration:.3s}.svgIcon5 path{fill:#fff}.button5:hover{width:140px;border-radius:50px;transition-duration:.3s;background-color:#c90e46;align-items:center}.button5:hover .svgIcon5{transition-duration:.3s;transform:translateY(-200%)}.button5:before{position:absolute;bottom:-20px;content:"Back to Top";color:#fff;font-size:0px}.button5:hover:before{font-size:13px;opacity:1;bottom:unset;transition-duration:.3s}.works{max-width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;background-color:#f1f2f4}.circle-container{position:relative;width:160px;height:160px;margin:auto;cursor:pointer}.circle-text{width:100%;height:100%;animation:spin 12s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:1.8rem;font-weight:700;pointer-events:none}.video-wrapper{position:absolute;top:50%;left:50%;width:100px;height:100px;transform:translate(-50%,-50%);border-radius:50%;overflow:hidden;display:none}.video-wrapper video{width:100%;height:100%;object-fit:cover}.circle-container:hover .video-wrapper{display:block}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Light-BqtVaFVY.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Medium-DoW3kFbX.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Satoshi;src:url(/assets/Satoshi-Bold-C3YRi9Vg.otf) format("opentype");font-weight:700;font-style:normal}.main-container{max-width:100%;font-family:inter;display:flex;flex-direction:column;background-color:#fff;overflow-x:hidden}.cred{max-width:100%;display:flex;align-items:center;justify-content:center;background-color:#f3f3f3;padding-top:5%}.credroad{display:flex;width:100%;align-items:center;justify-content:center;padding-top:5%}.credroad .left{width:20%;height:100%;display:flex;flex-direction:column}.left p{margin-bottom:1rem;font-family:inter;font-size:clamp(.9rem,.8vw + .4rem,1.05rem);color:gray}.credroad .title{font-size:clamp(1.8rem,1.6vw + .5rem,2.8rem);font-family:Satoshi,sans-serif;font-weight:700;margin-bottom:clamp(1rem,1.5vw,1.5rem)}.credroad .meta{display:flex;gap:clamp(2rem,5vw,5rem)}.credroad .meta .label{font-size:clamp(1rem,.9vw + .4rem,1.2rem);margin-bottom:.5rem;border-bottom:1px dashed #ccc;display:inline-block;padding-bottom:6px;font-family:inter;color:#000}.credroad .meta .value{font-size:clamp(1rem,.9vw + .4rem,1.2rem);font-weight:500;font-family:inter}.credroad .right{width:55.5%;display:flex;justify-content:left;align-items:center}.overview{max-width:1200px;margin:0 auto;padding:5% 10vw;font-family:inter;color:#222;display:flex;gap:clamp(1rem,3vw,3rem)}.overview .left{flex:1;width:30%}.overview .left p{font-family:Rock Salt,cursive;font-size:clamp(.75rem,.9vw + .3rem,.95rem);margin-bottom:.6rem}.overview .left h3{font-size:clamp(1.4rem,1.5vw + .4rem,2rem);font-family:Satoshi,sans-serif}.overview .right{flex:2;width:70%}.overview .top p{color:#373738;font-size:clamp(1rem,.9vw + .3rem,1.15rem);font-weight:400;line-height:1.7rem}.overview .divider{border-bottom:1px dashed #ccc;margin:clamp(20px,4vw,40px) 0}.overview .bottom{display:flex;flex-wrap:wrap;gap:clamp(20px,4vw,50px)}.overview .bottom>div{width:45%}.overview .bottom h3{margin-bottom:.6rem;font-size:clamp(1.2rem,1.3vw + .4rem,1.6rem)}.overview .bottom p{color:#373738;font-size:clamp(1rem,.9vw + .3rem,1.15rem);line-height:1.6rem}.overview .bottom .icon9{margin-bottom:.6rem;color:#ac3bd9}.dot-list{list-style-type:disc;padding-left:1.2rem}.dot-list li{color:#373738;font-size:clamp(1rem,.9vw + .3rem,1.15rem);line-height:1.6rem}.project-overview{max-width:1200px;padding:5% 10vw;display:flex;flex-direction:column;gap:clamp(20px,4vw,40px)}.project-overview .left{width:30%}.project-overview .left p{font-family:Rock Salt,cursive;font-size:clamp(.75rem,.9vw + .3rem,.95rem);margin-bottom:.6rem}.project-overview h3{font-size:clamp(1.4rem,1.5vw + .4rem,2rem);font-family:Satoshi,sans-serif}.project-overview .right{width:70%}.project-overview p{font-size:clamp(1rem,.9vw + .3rem,1.15rem);line-height:1.6rem}.project-overview img{width:100%}.about-app{width:100%;background-color:#eff3f4;display:flex;flex-direction:column;align-items:center;justify-content:center}.app-features{max-width:1200px;display:flex;padding:5% 10vw;gap:clamp(1.5rem,4vw,3rem);background-color:#eff3f4;border-bottom:1px solid #c6cbcd}.app-features h3{font-size:clamp(1.6rem,2vw + .4rem,2.4rem);margin-bottom:1rem;font-family:Satoshi,sans-serif}.app-features p{font-size:clamp(1rem,.9vw + .3rem,1.15rem);line-height:1.6rem;font-family:inter}.app-features .left1{max-width:50%}.app-features .left1 img{width:100%}.app-features .right1{width:50%}.app-features .left2{max-width:40%}.app-features .right2 img{width:80%}.app-features .right2{width:60%;display:flex;justify-content:flex-end}:root{--max-width: 1200px;--page-pad: 40px;--c-1: #C60000;--c-2: #d5d1d1;--c-3: #3E3E3E;--c-4: #F1F5F3;--text: #111827;--muted: #6B7280}.ct-wrapper{width:100%;background:#f8f7fb;box-sizing:border-box;display:flex;justify-content:center}.typo-color{width:100%;max-width:1200px;background:#f8f7fb;padding:5% 10vw;display:flex;flex-direction:column;align-items:center;justify-content:space-between}.ct-inner{width:100%;max-width:var(--max-width)}.ct-header{display:flex;gap:clamp(24px,4vw,48px);align-items:flex-start;justify-content:space-between;margin-bottom:clamp(28px,4vw,48px)}.ct-left{width:100%}.eyebrow{font-family:Inter,Helvetica Neue,Arial,sans-serif;font-size:14px;color:#000;margin:0 0 10px;letter-spacing:1.6px}.description{color:var(--muted);max-width:100%;margin:0 0 28px;font-size:14px;line-height:1.6}.typoColor{display:flex;width:100%;justify-content:space-between}.typography-sample .typo-box{background:#dddada;border-radius:10px;padding:clamp(28px,4vw,48px);width:min(520px,100%)}.typo-large{font-family:Satoshi,sans-serif;font-size:clamp(28px,4vw,48px);font-weight:600;color:var(--text);text-align:center;padding:24px 0}.ct-right{width:25%;display:flex;flex-direction:column;align-items:flex-start;gap:12px}.typoColor h1{margin:0 0 1rem;color:var(--text);font-weight:600;font-size:1.5rem;font-family:Satoshi,sans-serif}.swatches{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;width:100%}.swatch{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.swatch-sample{width:100%;height:90px;border-radius:8px}.swatch-hex{color:var(--muted);font-size:13px}.ct-typography{margin-top:28px;background:#fff;padding:clamp(18px,2.5vw,28px)}.section-title{margin:0 0 18px;font-size:18px;color:var(--text);font-weight:600}.typo-table{border-top:1px solid rgba(0,0,0,.04);margin-top:12px}.typo-row{display:grid;grid-template-columns:1fr 140px 140px 120px;align-items:center;padding:18px 12px;border-bottom:1px solid rgba(0,0,0,.04);color:var(--muted);font-size:14px}.header-row{color:var(--text);font-weight:600}@media (max-width: 900px){.ct-header{flex-direction:column}.ct-left,.ct-right{width:100%}.typo-row{grid-template-columns:1fr 1fr;grid-column-gap:12px}.typo-row:nth-child(n+3){grid-template-columns:1fr 1fr}.swatch-sample{height:48px}.typo-large{font-size:28px}}.custom-cursor{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;display:flex;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;will-change:transform,width,height,border-radius,background-color}.dot-cursor{background:#000}.dot-cursor.blend{mix-blend-mode:difference;background:#fff}.allWork{max-width:100%;padding-top:5%;background:#f1f4f1}@font-face{font-family:Satoshi;src:url(../../../Media/Fonts/Satoshi/Satoshi-Light.otf) format("opentype");font-weight:400;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../Media/Fonts/Satoshi/Satoshi-Medium.otf) format("opentype");font-weight:500;font-style:normal}@font-face{font-family:Satoshi;src:url(../../../Media/Fonts/Satoshi/Satoshi-Bold.otf) format("opentype");font-weight:700;font-style:normal}.main-container{max-width:100%;font-family:inter;display:flex;flex-direction:column}.credroad2{max-width:100%;display:flex;justify-content:center;align-items:center;gap:3%;padding-top:5%}.credroad2 .left{width:55.5%;display:flex;flex-direction:column}.right p{margin-bottom:1rem;font-family:inter;font-size:.9rem;color:gray}.project-logo{width:100%}.project-logo .logo{width:clamp(80px,20%,140px)}.credroad2 .title{font-size:clamp(1.5rem,2vw,2.2rem);font-family:Satoshi,sans-serif;font-weight:700;margin-bottom:clamp(1rem,1.5vw,1.5rem)}.credroad2 .meta{display:flex;gap:clamp(2rem,5vw,5rem)}.credroad2 .meta .label{font-size:clamp(.9rem,1vw,1rem);margin-bottom:.5rem;border-bottom:1px dashed #ccc;display:inline-block;padding-bottom:6px;font-family:inter;color:#000}.credroad2 .meta .value{font-size:clamp(.9rem,1vw,1rem);font-weight:500;font-family:inter}.credroad2 .right{width:20%}.mockup img{width:100%;display:block}.marquee{overflow:hidden;position:relative;width:100%;background:#fff;padding:60px 0}.marquee-inner{display:flex;width:max-content;animation:scroll 70s linear infinite;gap:30px}.marquee-inner img{height:80vh;margin-right:20px;object-fit:cover}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (max-width: 768px){.marquee-inner{animation-duration:15s}}@media (max-width: 480px){.marquee-inner{animation-duration:10s}}@media (min-width: 1440px){.marquee-inner{animation-duration:70s}}.compare-container{position:relative;min-width:80%;max-width:1200px;height:90vh;border-radius:1rem;overflow:hidden;user-select:none;-webkit-user-select:none;touch-action:none;background:#fff}.compare-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}.compare-img.top{z-index:2}.compare-img.full{z-index:1}.compare-divider{position:absolute;top:0;height:100%;z-index:6;display:flex;align-items:center;justify-content:center;cursor:ew-resize;outline:none}.divider-line{width:3px;height:100%;background:#000000b3;z-index:3}.divider-button{position:absolute;z-index:7;width:62px;height:62px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f4bf5b;border:none;font-size:22px;font-weight:700;color:#082231;box-shadow:0 6px 18px #0000002e;cursor:grab;transform:translateY(0)}.divider-button:active{cursor:grabbing;transform:scale(.98)}@media (max-width: 992px){.compare-container{height:420px}.divider-button{width:54px;height:54px;font-size:20px}.divider-feather{width:100px}}@media (max-width: 480px){.compare-container{height:300px}.divider-button{width:44px;height:44px;font-size:18px}.divider-feather{width:80px}}.image-wrapper{position:relative;width:100%;height:80vh}.image{position:absolute;border-radius:16px}.image.top{z-index:2;left:120px;transform:rotate(-8deg);height:auto}.image.bottom{z-index:1;left:50%;top:5%;height:auto}
