.hero-images{--animation-time:120s;padding-top:0;position:absolute;width:calc(100dvw + 200px);max-width:2120px;display:grid;flex-direction:column;align-items:center;gap:16px;mask-image:linear-gradient(180deg,transparent 0,black 30%,black 70%,transparent);pointer-events:none;user-select:none;height:100%;min-height:700px;grid-template-columns:1fr;grid-template-rows:repeat(4,1fr)}.hero-images .line{width:2120px;position:relative;mask-image:linear-gradient(90deg,transparent 0,black 100px,black calc(100% - 100px),transparent);height:100%}.hero-images .line>.items{position:absolute;display:flex;gap:16px;opacity:.2;height:100%;padding-right:16px}.hero-images .line>.items img{height:100%;width:auto;border-radius:20px;object-fit:cover;aspect-ratio:16/9}.hero-images .line[data-dir=left] .items{animation:slide-left var(--animation-time) infinite linear}.hero-images .line[data-dir=right] .items{animation:slide-right var(--animation-time) infinite linear}@keyframes slide-right{0%{transform:translate(-33.333%)}to{transform:translate(0)}}@keyframes slide-left{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.before-after-section{position:relative}.before-after-section .before-after-container{display:flex;flex-direction:column;align-items:center;width:100%;background-color:var(--background-color);padding:calc(var(--spacing)*10)}.before-after-section .before-after-container>h2{color:var(--font-color);font-size:50px;font-weight:700;margin-bottom:calc(var(--spacing)*4);text-align:center;display:flex;gap:8px;align-items:center}@media(max-width:420px){.before-after-section .before-after-container>h2{font-size:40px}}.before-after-section .before-after-container>h2>img{width:60px;height:60px}.before-after-section .before-after-container>p{font-size:16px;color:#b3b3b3;width:650px;text-align:center}@media(max-width:1080px){.before-after-section .before-after-container>p{width:66.6666666667%}}@media(max-width:600px){.before-after-section .before-after-container>p{width:100%}}@media(max-width:400px){.before-after-section .before-after-container>p{padding-inline:0}}.before-after-section .before-after-container .preview-container{display:flex;position:relative;justify-content:center;align-items:center;margin-top:100px;gap:5dvw;width:100%}.before-after-section .before-after-container .preview-container .compare-section{max-width:1000px}@media(max-width:1440px){.before-after-section .before-after-container .preview-container .compare-section{width:80%}}@media(max-width:48rem){.before-after-section .before-after-container .preview-container .compare-section{width:100%}}@media(min-width:2560px){.before-after-section .before-after-container .preview-container .compare-section{width:1000px}}.before-after-section .before-after-container .preview-container .background-images{pointer-events:none;width:100%;height:850px;position:absolute;display:flex;align-items:center;justify-content:space-evenly;max-width:2400px;z-index:100}.before-after-section .before-after-container .preview-container .background-images .background-image{display:flex;align-items:center;justify-content:center;padding-inline:calc(var(--spacing)*2)}.before-after-section .before-after-container .preview-container .background-images .background-image .image-item{object-fit:cover;border-radius:1rem;opacity:30%;width:100%;height:auto;max-width:577px;user-select:none;z-index:-1}@media(max-width:767px){.before-after-section .before-after-container .preview-container .background-images .background-image .image-item{visibility:hidden}}.before-after-section .before-after-container .preview-container .background-images .background-image .image-item.left{rotate:-10deg}.before-after-section .before-after-container .preview-container .background-images .background-image .image-item.right{rotate:10deg}.before-after-section .before-after-container .button-row{margin-top:60px;z-index:10}.before-after-section .bg-blur{position:absolute;width:100%;height:100%;opacity:60%;top:200px;user-select:none;inset:0}.hero-section{position:relative;height:calc(100dvh - 100px);max-height:960px;min-height:500px;display:flex;justify-content:center;align-items:center;flex-direction:column}.hero-section .client-container{display:flex;flex-direction:column;align-items:flex-end}.hero-section .client-container>h1{opacity:0;font-size:100px;font-weight:700;text-align:center;line-height:1.1;z-index:11}@media(max-width:1023px){.hero-section .client-container>h1{font-size:70px}}@media(max-width:499px){.hero-section .client-container>h1{font-size:50px}}.hero-section .text-shadow{position:absolute;top:50%;left:50%;width:1280px;height:600px;z-index:1;transform:translate(-50%,-50%);background-image:radial-gradient(ellipse,rgba(0,0,0,.5333333333) 0,transparent 60%)}.hero-section .actions{width:100%;display:flex;justify-content:center;gap:16px;margin-top:35px;z-index:100}.hero-section img.red-effect{position:absolute;user-select:none;pointer-events:none;filter:blur(20px);z-index:1;opacity:.8}.hero-section img.red-effect.red-effect-1{top:200px;left:calc(50% - 450px);transform:translate(-50%,-50%) rotate(-50deg)}.hero-section img.red-effect.red-effect-2{top:200px;left:calc(50% + 450px);transform:translate(-50%,-50%) rotate(50deg) scaleX(-1)}@media(max-width:499px){.hero-section{height:calc(100dvh - 270px)}}.image-stack{position:relative;width:320px;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center}.image-stack .item{--padding:8px;--card-spacing:5;--border-radius:20px;position:absolute;top:50%;border-radius:calc(var(--border-radius) + var(--padding));display:flex;top:0;overflow:hidden;padding:var(--padding);backdrop-filter:blur(20px) saturate(1.2);background-color:hsla(0,0%,100%,.05);box-shadow:0 0 100px rgba(0,0,0,.5),inset 0 1px 0 hsla(0,0%,100%,.5),inset 0 -1px 0 hsla(0,0%,100%,.2),inset -1px 0 0 hsla(0,0%,100%,.3),inset 1px 0 0 hsla(0,0%,100%,.3);transition:all .2s}.image-stack .item:first-child{z-index:3}.image-stack .item:nth-child(2){z-index:2;transform:translate(calc(var(--card-spacing) * 1%),calc(var(--card-spacing) * 3px)) rotate(5deg)}.image-stack .item:nth-child(3){z-index:1;transform:translate(calc(var(--card-spacing) * -1%),calc(var(--card-spacing) * 4px)) rotate(-5deg)}.image-stack .item img{object-fit:contain;border-radius:var(--border-radius);background-color:#000;height:auto;aspect-ratio:16/9}.image-stack .item:after{content:"";position:absolute;inset:var(--padding);border-radius:var(--border-radius);box-shadow:inset 0 0 0 1px hsla(0,0%,100%,.3)}.image-stack .item>.effect{position:absolute;pointer-events:none;transition:all .2s}.image-stack .item>.effect.effect-1{width:200%;height:100%;left:-80%;top:0;border-radius:calc(var(--border-radius) - 0px);background:radial-gradient(circle at 35% 20%,rgba(255,255,255,.2) 0,transparent 70%);mix-blend-mode:overlay;opacity:.5}.image-stack .item>.effect.effect-2{inset:0;border-radius:calc(var(--border-radius) - 0px);box-shadow:inset 0 0 2px 0 hsla(0,0%,100%,.15),inset 0 2px 2px 0 hsla(0,0%,100%,.05),inset 0 -2px 2px 0 hsla(0,0%,100%,.05);pointer-events:none}.image-stack .item>.effect.effect-3{top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent)}.image-stack .item>.effect.effect-4{inset:0;border-radius:var(--border-radius);padding:1px;background:linear-gradient(rgba(57,57,57,.05) 1%,rgba(151,151,151,.08));mask:linear-gradient(rgb(255,255,255),rgb(255,255,255) 0) content-box,linear-gradient(rgb(255,255,255),rgb(255,255,255) 0)}@media(max-width:1439px){.image-stack,.image-stack img{width:240px}}@media(max-width:767px){.image-stack,.image-stack img{width:200px}.image-stack .item{--padding:6px;--card-spacing:3}}@media(max-width:499px){.image-stack,.image-stack img{width:150px}.image-stack .item{--padding:4px;--card-spacing:2;--border-radius:15px}}section.categories-section{margin-top:-60px;position:relative;padding-bottom:100px}section.categories-section .content{margin:0 auto;max-width:1280px;padding:0 40px;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;position:relative;gap:50px}section.categories-section .content .categories{display:flex;position:relative;align-items:center;justify-content:center;gap:50px 120px;width:100%}section.categories-section .content .categories .category{transition:all .2s}section.categories-section .content .categories .category h2{margin-top:70px;font-size:20px;font-weight:500;text-align:center;color:hsla(0,0%,100%,.8);position:relative;z-index:10;transition:all .2s}section.categories-section .content .categories .category:active{scale:.9}@media(min-width:768px){section.categories-section .content .categories .category:hover h2{color:#fff;font-weight:700}section.categories-section .content .categories .category:hover .image-stack .item:first-child{z-index:3;transform:translateY(-20px) scale(1.1)}section.categories-section .content .categories .category:hover .image-stack .item:nth-child(2){z-index:2;transform:translate(9%,20px) rotate(7deg) scale(1.05)}section.categories-section .content .categories .category:hover .image-stack .item:nth-child(3){z-index:1;transform:translate(-9%,30px) rotate(-7deg) scale(1.02)}}section.categories-section .content>img{position:absolute;width:100%;max-width:1200px;height:100%;top:100px;opacity:1;user-select:none;pointer-events:none;z-index:10;inset:0}@media(max-width:1439px){section.categories-section{margin-top:0}section.categories-section .content .categories{display:flex;position:relative;align-items:center;justify-content:center;gap:50px 80px}}@media(max-width:1023px){section.categories-section .content .categories>:nth-child(3){display:none}}@media(max-width:767px){section.categories-section .content{padding:0 20px}section.categories-section .content .categories{gap:50px 40px}section.categories-section .content .categories .category h2{margin-top:40px}}@media(max-width:499px){section.categories-section .content{gap:30px}section.categories-section .content .categories{gap:50px 20px}section.categories-section .content .categories .category h2{margin-top:30px}}section.reachout-section{display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative;width:100%;margin:100px 0 150px}section.reachout-section .content{display:flex;flex-direction:column;align-items:center;text-align:center}section.reachout-section .content h2{color:var(--text-color);font-size:60px;font-weight:700;margin-bottom:1rem}@media(max-width:767px){section.reachout-section .content h2{font-size:50px}}@media(max-width:420px){section.reachout-section .content h2{font-size:40px}}section.reachout-section .content p{font-size:16px;color:#b3b3b3;width:50%;margin-bottom:50px}@media(max-width:1150px){section.reachout-section .content p{width:66.666667%}}section.reachout-section .profiles{--direction:-1;user-select:none;pointer-events:none;position:absolute}section.reachout-section .profiles:nth-child(2){--direction:1}section.reachout-section .profiles>img{position:absolute;transform:translate(-50%,-50%);scale:0;opacity:0;transition:scale .4s cubic-bezier(.57,1.79,.43,.76)}section.reachout-section .profiles>img:first-child{left:calc(var(--direction)*360px);top:40px;animation:float 7s ease-in-out calc(var(--direction)*.5s + 0s) infinite;transition-delay:.5s}section.reachout-section .profiles>img:nth-child(2){left:calc(var(--direction)*390px);top:-70px;animation:float 7s ease-in-out calc(var(--direction)*.5s - .5s) infinite;transition-delay:.6s}section.reachout-section .profiles>img:nth-child(3){left:calc(var(--direction)*590px);top:-130px;animation:float 7s ease-in-out calc(var(--direction)*.5s - 1s) infinite;transition-delay:.7s}section.reachout-section .profiles>img:nth-child(4){left:calc(var(--direction)*550px);top:120px;animation:float 7s ease-in-out calc(var(--direction)*.5s - 1.5s) infinite;transition-delay:.8s}section.reachout-section .profiles>img:nth-child(5){left:calc(var(--direction)*530px);top:-20px;animation:float 7s ease-in-out calc(var(--direction)*.5s + 0s) infinite;transition-delay:.9s}section.reachout-section .effect{position:absolute;width:100%;height:400px;top:0;opacity:.6;z-index:-1;user-select:none;pointer-events:none}section.reachout-section[data-revealed] .profiles>img{scale:1;opacity:1}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-15px)}to{transform:translateY(0)}}