@charset "UTF-8";.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}*{box-sizing:border-box;user-select:none;-webkit-user-drag:none}body{margin:0;scroll-behavior:smooth;overflow-x:hidden;background:radial-gradient(ellipse 80% 50% at 15% 10%,rgba(253,144,10,.1) 0,transparent 55%),radial-gradient(ellipse 60% 40% at 85% 90%,rgba(253,144,10,.06) 0,transparent 50%),#111}html{scroll-snap-type:y mandatory;scroll-behavior:smooth;scroll-padding-top:80px}body,html{height:100%}a{text-decoration:none;color:var(--lightgray)}ul li{list-style:none}.checkbox-wrap,button,input,select{user-select:none}h1,h2,h3,h4,h5,h6,p,ul{margin:0;padding:0}input:focus,select:focus,textarea:focus{outline:0}span{text-wrap:nowrap}textarea{width:100%;border:1px solid var(--darkgray);padding:10px;min-height:200px;font-family:var(--primary-font)}::selection{background-color:var(--primary-color);color:#fff}@font-face{font-family:Satisfy;font-weight:400;src:url("/src/fonts/Satisfy/Satisfy-Regular.woff2") format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:400;font-style:normal;src:url("/src/fonts/Nunito/Nunito-VariableFont_wght.woff2") format("woff2");font-display:swap}@font-face{font-family:Nunito;font-weight:400;font-style:italic;src:url("/src/fonts/Nunito/Nunito-Italic-VariableFont_wght.woff2") format("woff2");font-display:swap}:root{--yellow:rgb(255, 217, 45);--lightgray:#f1f0f3;--darkgray:#cdcdcd;--green:#4da027;--black:#252525;--purple:#7f1095;--purple-hover:#aa10c8;--orange:#fd900a;--primary-color:var(--orange);--primary-color-hover:#805100;--primary-font:'Nunito',sans-serif;--first-wave:var(--primary-color);--second-wave:#111111;--third-wave:var(--black);--darkglass:#0000005e;--bg:hsl(0 0% 8%);--white:hsl(0 0% 98%);--accent:hsl(0 0% 15%);--secondary:hsl(0 0% 25%);--3d-perspective:1400px;--3d-depth-1:4px;--3d-depth-2:8px;--3d-depth-3:16px;--3d-extrude:#0a0a0a;--3d-orange-shadow:#8a5500;--3d-highlight:rgba(255, 255, 255, 0.14);--3d-glow:rgba(253, 144, 10, 0.35)}a{color:--darkgray;transition:color .4s}.bold{display:contents;font-weight:500;font-family:Quicksand,Inter;text-wrap:auto}.flex{display:flex}.grid{display:grid}.template-columns-1{grid-template-columns:repeat(1,1fr)}.template-columns-2{grid-template-columns:repeat(2,1fr)}.template-columns-3{grid-template-columns:repeat(3,1fr)}.template-columns-4{grid-template-columns:repeat(4,1fr)}.flex-gap{display:flex;gap:8px}.column{flex-direction:column}.gap{gap:8px}.horizontal-center{justify-content:center}.vertical-center{align-items:center}.horizontal-right{align-items:end}.horizontal-left{align-items:start}.space-between{justify-content:space-between}.full-width{width:100%}.fit-width{width:fit-content}.stretch{align-items:stretch}.right{margin-left:auto}.text-right{text-align:right}.left{margin-right:auto}.text-left{text-align:left}.center{margin-left:auto;margin-right:auto}.padding{padding:10px}.glow{filter:drop-shadow(0px 0px 10px white)}.vertical-margin{margin-top:8px;margin-bottom:8px}.horizontal-margin{margin-left:8px;margin-right:8px}.preheader{background:var(--black);color:var(--primary-color);display:flex;justify-content:center;align-items:center;font-family:Nunito;padding:4px 0;font-size:16px}header{background:linear-gradient(180deg,rgba(20,20,20,.92) 0,rgba(0,0,0,.78) 100%);backdrop-filter:blur(12px);border-bottom:1px solid rgba(253,144,10,.35);padding:14px 20px;position:fixed;width:100%;top:0;z-index:999;overflow:hidden;transform:translateZ(40px)}header .header-container{display:flex;position:relative;justify-content:center;gap:20px}header .header-element{display:flex;justify-content:center;align-items:center}header .header-element.menu{position:relative;top:0}header .header-element.menu.hide{position:fixed;right:0;padding:20px;top:50%;transform:translate(0,-50%);transition:all .4s}header .header-element.menu.hide ul{line-height:4em}header .header-element.menu.hide ul li{display:list-item;padding:0}header .header-element.menu.hide::before{content:"";display:inline-block;position:relative;height:100%;width:2px;background-color:var(--black)}header .header-element.menu.hide svg{height:100%}header .header-element.menu svg{height:0;overflow:hidden;position:absolute;rotate:90deg;pointer-events:none}header .header-element.menu ul li{display:inline-block;padding:0 10px}header .header-element.menu ul li a{font-size:16px;text-transform:uppercase;font-family:Quicksand,Inter;position:relative;border-right:1px solid transparent;border-left:1px solid transparent;transition:.4s ease-out;padding:6px;font-weight:200;cursor:none}header .header-element.menu ul li a::before{content:"";width:0%;height:1px;position:absolute;top:0;left:0;display:block;background-color:var(--lightgray);transition:.4s}header .header-element.menu ul li a::after{content:"";width:0%;height:1px;position:absolute;bottom:0;right:0;display:block;background-color:var(--lightgray);transition:.4s}header .header-element.menu ul li a.current-menu::before{background-color:var(--primary-color)}header .header-element.menu ul li a.current-menu::after{background-color:var(--primary-color)}header .header-element.menu ul li a:hover::after{width:100%}header .header-element.menu ul li a:hover::before{width:100%}header .header-element.menu ul li a:not(.current-menu):hover{border-right:1px solid var(--lightgray);border-left:1px solid var(--lightgray);text-shadow:0 0 10px var(--lightgray)}header .header-element.menu ul li a.current-menu:hover{border-right:1px solid var(--primary-color);border-left:1px solid var(--primary-color)}.current-menu{color:var(--primary-color)}.header-icon{height:50px;transition:transform .4s,filter .4s;filter:brightness(1.2) contrast(1.12) drop-shadow(0 6px 12px rgba(0, 0, 0, .5))}.header-icon:hover{transform:translateY(-4px) rotateY(-8deg) scale(1.04);filter:brightness(1.35) contrast(1.18) drop-shadow(0 10px 20px rgba(253, 144, 10, .35))}.content-container{display:flex;flex-direction:column;min-height:100vh;overflow:hidden;scroll-snap-align:start;scroll-snap-stop:always;position:relative;background-position:center;transform-style:preserve-3d}.content-container:nth-child(odd):not(:last-child){background-color:#111}.content-container:last-child,.content-container:nth-child(2n):not(.section-spacer){background-color:var(--primary-color)}.content-container.section-spacer{background-color:var(--primary-color);min-height:100vh}.content{min-height:100vh;display:flex;flex-direction:column;position:relative;background-position:center;perspective:var(--3d-perspective)}.grain{position:fixed;z-index:9999;height:100%;width:100%;top:0;left:0;pointer-events:none}.main-container{padding:100px 20px;width:70%;margin:0 auto;flex:1;display:flex;flex-direction:column;justify-content:center;z-index:2}.content-subcontainer{padding:10px;display:flex;justify-content:center;align-items:center}.about-info{padding:20px;font-family:var(--primary-font);color:var(--primary-color);display:flex;flex-direction:column;gap:10px;justify-content:center;align-items:center;opacity:0;transition:.8s}.about-info h1{font-size:64px;font-weight:100;font-family:Satisfy;text-shadow:1px 1px 0 var(--3d-orange-shadow),2px 2px 0 #6b4200,3px 3px 0 #4a2e00,4px 4px 12px rgba(0,0,0,.55),0 0 24px var(--3d-glow);text-wrap:nowrap}.about-info h1::after{content:"";display:block;width:30%;height:3px;background:linear-gradient(90deg,var(--primary-color),#ffb347);margin:0 auto;box-shadow:0 3px 0 var(--3d-orange-shadow),0 0 14px var(--primary-color);border-radius:2px}.about-info span{color:var(--lightgray);font-family:Quicksand,Inter;font-size:24px;text-shadow:0 1px 0 rgba(0,0,0,.8),0 2px 0 var(--3d-orange-shadow),0 4px 8px rgba(0,0,0,.5)}.about-info-actions{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin:80px auto 0;width:fit-content;position:relative;z-index:10}.about-info-contact-me{border:2px solid var(--primary-color);display:inline-flex;justify-content:center;align-items:center;font-size:16px;width:fit-content;margin:0;font-family:Nunito;font-style:italic;transition:.4s;border-radius:18px;text-decoration:none;padding:8px 18px;color:var(--primary-color);position:relative;z-index:10;position:relative;transform:translateY(0);box-shadow:0 5px 0 var(--3d-orange-shadow),0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.about-info-contact-me:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--3d-orange-shadow),0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.about-info-contact-me:active{transform:translateY(3px);box-shadow:0 2px 0 var(--3d-orange-shadow),0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.about-info-contact-me:hover{background-color:var(--primary-color);color:var(--black)}.about-info-contact-me.about-info-order{background-color:var(--primary-color);font-style:normal;font-weight:600;color:var(--black);position:relative;transform:translateY(0);box-shadow:0 5px 0 #5a3600,0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.about-info-contact-me.about-info-order:hover{transform:translateY(-3px);box-shadow:0 8px 0 #5a3600,0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.about-info-contact-me.about-info-order:active{transform:translateY(3px);box-shadow:0 2px 0 #5a3600,0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.about-info-contact-me.about-info-order:hover{background-color:var(--primary-color-hover);border-color:var(--primary-color-hover);color:var(--lightgray)}.profile-photo{background:url("/src/images/svg/blob.svg");height:auto;width:100%;background:var(--primary-color);border-radius:90%;opacity:0;transition:.8s;box-shadow:0 0 20px var(--primary-color);width:150%;border-radius:90%;opacity:0;transition:.8s;background-size:contain;box-shadow:none;background-size:500px!important;background:url("/src/images/svg/blob (3).svg");background-repeat:no-repeat;background-position:center;background-origin:content-box}.services-container{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:16px;perspective:800px}.service-element{display:flex;align-items:center;justify-content:center;font-family:Quicksand,Inter;font-size:24px;padding:20px 16px;color:var(--lightgray);transition:transform .35s ease,box-shadow .35s ease;transform-style:preserve-3d;border:1px solid rgba(255,255,255,.08);min-height:90px;border-radius:12px}.service-element h3{font-family:Quicksand,Inter;font-weight:200;font-size:22px;text-wrap:nowrap;color:var(--black);transform:translateZ(12px)}.service-element h4:after{content:"";display:block;position:relative;height:2px;width:0%;border-radius:2px;transition:width .3s ease-in-out}.service-element:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg) translateZ(20px)}#projects .project-element{display:flex;justify-content:center;align-items:center;font-family:Quicksand,Inter;font-size:24px;background:linear-gradient(90deg,rgba(247,145,32,.2) 50%,rgba(0,0,0,.368627451) 50%);background:linear-gradient(90deg,rgba(0,0,0,.368627451) 50%,rgba(247,145,32,.2) 50%)}#projects .project-element:nth-of-type(odd){background:linear-gradient(90deg,rgba(0,0,0,.368627451) 50%,rgba(247,145,32,.2) 50%)}#projects .project-element:nth-of-type(2n){background:linear-gradient(90deg,rgba(247,145,32,.2) 50%,rgba(0,0,0,.368627451) 50%)}#projects .project-element img{width:40%;height:auto;object-fit:contain}#projects .projects-main{width:100%;max-width:100%;padding-left:0;padding-right:0}.projects-container{width:100%;padding:40px 0;border-bottom:1px solid var(--primary-color);opacity:0;transition:opacity .4s;overflow:hidden}.projects-marquee{width:100%;cursor:grab;touch-action:none}.projects-marquee.is-dragging{cursor:grabbing}.projects-track{display:flex;width:max-content;animation:projects-marquee 180s linear infinite;will-change:transform}.projects-strip{display:flex;flex-shrink:0;align-items:center;gap:24px;padding:0 12px}.projects-strip img{height:220px;width:auto;flex-shrink:0;border-radius:12px;object-fit:cover;transform-style:preserve-3d;transition:transform .35s ease,box-shadow .35s ease}.projects-strip img:hover{transform:translateY(-6px) rotateX(4deg) rotateY(-4deg) translateZ(20px)}@keyframes projects-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.projects-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}.projects-strip[aria-hidden=true]{display:none}}.project-cards-container{display:flex;flex-direction:column;gap:10px;width:fit-content;margin:auto}.project-cards-element{display:flex;flex-direction:column;gap:10px;opacity:0;transition:all .4s;padding:20px;box-shadow:0 0 4px var(--lightgray);border-radius:4px}.project-cards-element h5{color:var(--lightgray);text-align:center;width:fit-content;margin:0 auto;text-shadow:0 0 10px var(--lightgray);font-family:Satisfy;font-size:36px}.project-cards-element img{max-height:400px}.project-cards-element .project-about-image img{position:relative;left:-1000px}.project-cards-element.appear .project-about-image img{position:relative;left:0}.project-about{display:flex;gap:20px}.project-about p{color:var(--lightgray);font-family:Nunito;text-wrap:wrap}.project-about-description{display:flex;flex-direction:column;justify-content:space-between}.project-button{border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:16px;width:fit-content;font-family:Nunito;font-style:italic;transition:.4s;border-radius:18px;margin:20px auto;margin-bottom:0;position:relative;transform:translateY(0);box-shadow:0 5px 0 var(--3d-orange-shadow),0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.project-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--3d-orange-shadow),0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.project-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--3d-orange-shadow),0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.project-button a{padding:6px 14px}.project-button:hover{background-color:var(--primary-color)}.project-button:hover a{color:var(--black)}.story-text{display:flex;flex-direction:column;gap:10px;width:70%;margin:auto;color:#000;font-family:Quicksand,Inter;font-weight:200;font-size:20px;opacity:0;transition:all .4s;padding:32px;border:1px solid rgba(0,0,0,.08);transform-style:preserve-3d;border-radius:12px}.story-text p:first-child:first-letter{font-size:54px;color:#000;text-shadow:2px 2px 0 rgba(0,0,0,.15)}@media only screen and (max-width:720px){.story-text{color:#fff;background:linear-gradient(145deg,rgba(35,35,35,.92) 0,rgba(10,10,10,.95) 100%);box-shadow:0 var(--3d-depth-2) 0 var(--3d-extrude),0 var(--3d-depth-3) calc(var(--3d-depth-3) * 1.5) rgba(0,0,0,.4),inset 0 1px 0 var(--3d-highlight)}}.upwork-review{height:200px;border-radius:18px;box-shadow:0 0 10px var(--lightgray);opacity:0;transition:all .4s}#reviews .reviews-main{width:100%;max-width:100%;padding-left:0;padding-right:0}.reviews-container{width:100%;padding:40px 0;opacity:0;transition:opacity .4s;overflow:hidden}.reviews-marquee{width:100%;cursor:grab;touch-action:none}.reviews-marquee.is-dragging{cursor:grabbing}.reviews-track{display:flex;width:max-content;animation:reviews-marquee 150s linear infinite;will-change:transform}.reviews-strip{display:flex;flex-shrink:0;align-items:stretch;gap:24px;padding:0 12px}@keyframes reviews-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.reviews-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}.reviews-strip[aria-hidden=true]{display:none}}.reviews-container-element{flex-shrink:0;width:360px;max-width:85vw;padding:24px;color:var(--lightgray);transform-style:preserve-3d;transform-style:preserve-3d;border-radius:16px;box-shadow:0 var(--3d-depth-2) 0 var(--3d-extrude),0 var(--3d-depth-3) calc(var(--3d-depth-3) * 1.5) rgba(0,0,0,.4),inset 0 1px 0 var(--3d-highlight);border:1px solid rgba(253,144,10,.2);transition:transform .35s ease,box-shadow .35s ease}.reviews-container-element:hover{transform:translateY(-6px) rotateX(3deg) rotateY(-3deg) translateZ(16px)}.reviews-container-element-customer-info{display:flex;flex-direction:column;gap:6px}.reviews-container-element-customer-info .name{font-family:Satisfy;font-size:28px;text-shadow:1px 1px 0 var(--3d-orange-shadow),2px 2px 0 #6b4200,3px 3px 0 #4a2e00,4px 4px 12px rgba(0,0,0,.55),0 0 24px var(--3d-glow)}.reviews-container-element-customer-info .location{font-family:Quicksand,Inter}.reviews-container-element-customer-info .location i{padding-right:4px;color:var(--orange)}.reviews-container-element-customer-info .source{color:var(--primary-color);filter:drop-shadow(0px 0px 20px black);font-family:Quicksand,Inter}.reviews-container-element-customer-feedback{font-family:Quicksand,Inter,Helvetica;font-weight:200}.contact-button{border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:16px;width:fit-content;font-family:Nunito;font-style:italic;transition:.4s;border-radius:18px;position:relative;transform:translateY(0);box-shadow:0 5px 0 var(--3d-orange-shadow),0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.contact-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 var(--3d-orange-shadow),0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.contact-button:active{transform:translateY(3px);box-shadow:0 2px 0 var(--3d-orange-shadow),0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.contact-button a{padding:6px 14px}.contact-button:hover{background-color:var(--primary-color)}.contact-button:hover a{color:var(--black)}.contact-container{display:flex;flex-direction:column;gap:20px}.contact-container-links{display:flex;gap:20px;justify-content:center;align-items:inherit;padding:0 20%}.contact-container-info{color:var(--lightgray);padding:28px;display:flex;flex-direction:column;gap:16px;font-family:Quicksand,Inter;transform-style:preserve-3d;border-radius:20px;box-shadow:0 var(--3d-depth-2) 0 var(--3d-extrude),0 var(--3d-depth-3) calc(var(--3d-depth-3) * 1.5) rgba(0,0,0,.4),inset 0 1px 0 var(--3d-highlight);background:linear-gradient(145deg,rgba(30,30,30,.9) 0,rgba(5,5,5,.95) 100%);border:1px solid rgba(253,144,10,.25);transform-style:preserve-3d}.contact-container-info i{color:var(--orange);width:20px}.contact-container .name{color:var(--black)}.name{font-size:46px;font-weight:100;font-family:Satisfy;text-shadow:1px 1px 0 var(--3d-orange-shadow),2px 2px 0 #6b4200,3px 3px 0 #4a2e00,4px 4px 12px rgba(0,0,0,.55),0 0 24px var(--3d-glow);color:var(--primary-color)}.contact-element{display:flex;flex-direction:column;gap:20px;justify-content:center;align-items:center}.contact-element span{color:var(--lightgray);font-family:Nunito}#technologies .technologies-main{width:100%;max-width:100%;padding-left:0;padding-right:0}.technologies-container{width:100%;padding:40px 0;opacity:0;transition:opacity .4s;color:#fff;overflow:hidden}.technologies-marquee{width:100%;cursor:grab;touch-action:none}.technologies-marquee.is-dragging{cursor:grabbing}.technologies-track{display:flex;width:max-content;animation:technologies-marquee 120s linear infinite;will-change:transform}.technologies-strip{display:flex;flex-shrink:0;align-items:center;gap:56px;padding:0 28px}.technologies-strip i{font-size:42px;flex-shrink:0;transform-style:preserve-3d;filter:drop-shadow(0 4px 0 var(--3d-extrude)) drop-shadow(0 8px 16px rgba(0, 0, 0, .4));transition:transform .3s ease,filter .3s ease}.technologies-strip i:hover{transform:translateY(-8px) rotateX(15deg) rotateY(-15deg) scale(1.15);filter:drop-shadow(0 8px 0 var(--3d-extrude)) drop-shadow(0 0 20px var(--3d-glow))}@keyframes technologies-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (prefers-reduced-motion:reduce){.technologies-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%}.technologies-strip[aria-hidden=true]{display:none}}.appear{opacity:100%}.scroll-to-top{position:fixed;right:24px;bottom:24px;width:48px;height:48px;border:2px solid var(--primary-color);border-radius:50%;background:rgba(0,0,0,.65);backdrop-filter:blur(5px);color:var(--primary-color);font-size:18px;display:flex;align-items:center;justify-content:center;z-index:1001;opacity:0;visibility:hidden;transform:translateY(12px);box-shadow:0 0 10px var(--primary-color);transition:opacity .3s ease,visibility .3s ease,transform .3s ease,background-color .3s ease,color .3s ease,box-shadow .3s ease}.scroll-to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0)}.scroll-to-top:hover{background-color:var(--primary-color);color:var(--black);box-shadow:0 0 16px var(--primary-color);transform:translateY(-2px)}.scroll-to-top.is-visible:hover{transform:translateY(-2px)}#mobile-header-button{position:absolute;bottom:0;left:0;margin:10px;background:linear-gradient(145deg,var(--primary-color),#d47a00);height:50px;width:50px;display:flex;justify-content:center;align-items:center;border:none;border-radius:90%;font-size:18px;z-index:10;display:none;position:relative;transform:translateY(0);box-shadow:0 5px 0 #5a3600,0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}#mobile-header-button:hover{transform:translateY(-3px);box-shadow:0 8px 0 #5a3600,0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}#mobile-header-button:active{transform:translateY(3px);box-shadow:0 2px 0 #5a3600,0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.header-element.menu.hide.mobile-show{right:0}.headline{display:flex;flex-wrap:nowrap;overflow-x:auto;width:fit-content;overflow-x:scroll;overscroll-behavior-x:contain}.headline-element{width:100%}.elevator{top:50%;left:28px;transform:translate(-50%,0) rotate(-90deg);position:fixed;padding:10px 0;z-index:999;backdrop-filter:blur(8px);width:260px;text-align:center;border:1px solid rgba(253,144,10,.2)}.elevator .elevator__section{color:#fff;font-size:18px;font-family:Quicksand,Inter,Arial;font-weight:200;text-transform:uppercase;display:block;margin:0 auto;overflow:hidden}.elevator_{top:50%;right:28px;transform:translate(-50%,0);position:fixed;z-index:999;display:flex;flex-direction:column;gap:6px;perspective:300px}.elevator_ .dot{height:14px;width:14px;border-radius:50%;position:relative;transition:.4s ease-in-out;top:1000px;flex-shrink:0;background:radial-gradient(circle at 32% 28%,#fff 0,var(--lightgray) 38%,var(--darkgray) 72%,#7a7a7a 100%);box-shadow:0 3px 6px rgba(0,0,0,.55),0 6px 12px rgba(0,0,0,.25),inset 0 -4px 6px rgba(0,0,0,.35),inset 0 3px 5px rgba(255,255,255,.45)}.elevator_ .dot::before{content:"";position:absolute;top:14%;left:22%;width:38%;height:28%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.95) 0,rgba(255,255,255,.2) 45%,transparent 70%);pointer-events:none}.elevator_ .dot::after{content:"";position:absolute;bottom:12%;right:18%;width:22%;height:16%;border-radius:50%;background:radial-gradient(ellipse at center,rgba(255,255,255,.25) 0,transparent 70%);pointer-events:none}.elevator_[data-section=main] .dot:first-child{top:0}.elevator_[data-section=services] .dot:first-child{top:0}.elevator_[data-section=services] .dot:nth-child(2){top:0}.elevator_[data-section=technologies] .dot:first-child{top:0}.elevator_[data-section=technologies] .dot:nth-child(2){top:0}.elevator_[data-section=technologies] .dot:nth-child(3){top:0}.elevator_[data-section=story] .dot:first-child{top:0}.elevator_[data-section=story] .dot:nth-child(2){top:0}.elevator_[data-section=story] .dot:nth-child(3){top:0}.elevator_[data-section=story] .dot:nth-child(4){top:0}.elevator_[data-section=approach] .dot:first-child{top:0}.elevator_[data-section=approach] .dot:nth-child(2){top:0}.elevator_[data-section=approach] .dot:nth-child(3){top:0}.elevator_[data-section=approach] .dot:nth-child(4){top:0}.elevator_[data-section=approach] .dot:nth-child(5){top:0}.elevator_[data-section=projects] .dot:first-child{top:0}.elevator_[data-section=projects] .dot:nth-child(2){top:0}.elevator_[data-section=projects] .dot:nth-child(3){top:0}.elevator_[data-section=projects] .dot:nth-child(4){top:0}.elevator_[data-section=projects] .dot:nth-child(5){top:0}.elevator_[data-section=projects] .dot:nth-child(6){top:0}.elevator_[data-section=reviews] .dot:first-child{top:0}.elevator_[data-section=reviews] .dot:nth-child(2){top:0}.elevator_[data-section=reviews] .dot:nth-child(3){top:0}.elevator_[data-section=reviews] .dot:nth-child(4){top:0}.elevator_[data-section=reviews] .dot:nth-child(5){top:0}.elevator_[data-section=reviews] .dot:nth-child(6){top:0}.elevator_[data-section=reviews] .dot:nth-child(7){top:0}.elevator_[data-section=order] .dot:first-child{top:0}.elevator_[data-section=order] .dot:nth-child(2){top:0}.elevator_[data-section=order] .dot:nth-child(3){top:0}.elevator_[data-section=order] .dot:nth-child(4){top:0}.elevator_[data-section=order] .dot:nth-child(5){top:0}.elevator_[data-section=order] .dot:nth-child(6){top:0}.elevator_[data-section=order] .dot:nth-child(7){top:0}.elevator_[data-section=order] .dot:nth-child(8){top:0}.elevator_[data-section=contact] .dot:first-child{top:0}.elevator_[data-section=contact] .dot:nth-child(2){top:0}.elevator_[data-section=contact] .dot:nth-child(3){top:0}.elevator_[data-section=contact] .dot:nth-child(4){top:0}.elevator_[data-section=contact] .dot:nth-child(5){top:0}.elevator_[data-section=contact] .dot:nth-child(6){top:0}.elevator_[data-section=contact] .dot:nth-child(7){top:0}.elevator_[data-section=contact] .dot:nth-child(8){top:0}.elevator_[data-section=contact] .dot:nth-child(9){top:0}.small{width:6px;height:6px;border:2px solid #fff;border-radius:50%}.copyright{color:#000;text-align:center;font-family:Quicksand,Inter;font-size:14px;margin:0;padding:32px 20px 12px;font-weight:200;position:relative;z-index:10}#contact{overflow:visible;background-color:#111}#contact .main-container{flex:0 1 auto}#contact .contact-container .name{color:var(--primary-color)}#contact .contact-container-info{color:var(--black);background:var(--primary-color);border:1px solid rgba(0,0,0,.15)}#contact .contact-container-info a{color:var(--black);position:relative;z-index:1}#contact .contact-container-info i{color:var(--black)}#contact .copyright{color:var(--primary-color)}#contact .lang-container a{color:var(--primary-color)}#contact .lang-container{padding:0 20px 48px;position:relative;z-index:10}.lang-container{padding:10px 20px;font-family:monospace;display:flex;justify-content:center;gap:10px}.lang-container a{font-family:monospace;text-decoration:none;color:var(--black);padding:6px 14px;position:relative;z-index:1}.form-container{flex:1;display:flex;flex-direction:column;justify-content:center;padding:100px 20px;margin:0;perspective:900px}.form-container form{width:50%;margin:0 auto;display:flex;flex-direction:column;max-width:400px;padding:32px;transform-style:preserve-3d;border-radius:24px;box-shadow:0 var(--3d-depth-2) 0 var(--3d-extrude),0 var(--3d-depth-3) calc(var(--3d-depth-3) * 1.5) rgba(0,0,0,.4),inset 0 1px 0 var(--3d-highlight);background:linear-gradient(145deg,rgba(30,30,30,.92) 0,rgba(8,8,8,.96) 100%);border:1px solid rgba(253,144,10,.25);transform-style:preserve-3d}.form-container form p:first-child{font-size:24px;text-shadow:1px 1px 0 var(--3d-orange-shadow),2px 2px 0 #6b4200,3px 3px 0 #4a2e00,4px 4px 12px rgba(0,0,0,.55),0 0 24px var(--3d-glow)}.form-container input{box-shadow:inset 3px 3px 10px rgba(0,0,0,.55),inset -2px -2px 6px rgba(255,255,255,.04),0 4px 0 rgba(0,0,0,.3);border:2px solid rgba(253,144,10,.45);background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.15) 100%);padding:10px 20px;color:#fff;border-radius:18px}.form-container input[type=checkbox]{accent-color:var(--orange)}.form-container label{font-family:Quicksand,Inter;color:#fff;padding:10px 0;font-weight:200}.form-container textarea{box-shadow:inset 3px 3px 10px rgba(0,0,0,.55),inset -2px -2px 6px rgba(255,255,255,.04),0 4px 0 rgba(0,0,0,.3);border:2px solid rgba(253,144,10,.45);background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,.15) 100%);padding:20px;color:#fff;max-width:100%;min-width:100%;border-radius:18px}.form-container button[type=submit]{border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:16px;margin:40px auto;margin-bottom:0;font-family:Nunito;font-style:italic;border-radius:18px;padding:8px 14px;width:100%;background-color:var(--orange);color:#000;position:relative;transform:translateY(0);box-shadow:0 5px 0 #5a3600,0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.form-container button[type=submit]:hover{transform:translateY(-3px);box-shadow:0 8px 0 #5a3600,0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.form-container button[type=submit]:active{transform:translateY(3px);box-shadow:0 2px 0 #5a3600,0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.form-container button[type=submit]:hover{background-color:transparent;color:#fff}.approach-container{display:flex;flex-direction:column;align-items:start;perspective:900px}.approach-container h3{font-family:Quicksand,Inter;font-weight:200;font-size:72px;text-wrap:nowrap;color:var(--orange);line-height:68px;text-shadow:1px 1px 0 var(--3d-orange-shadow),2px 2px 0 #6b4200,3px 3px 0 #4a2e00,4px 4px 12px rgba(0,0,0,.55),0 0 24px var(--3d-glow);transform-style:preserve-3d;border-radius:12px;backdrop-filter:blur(8px)}.approach-container h3:after{content:"";display:block;position:relative;height:3px;width:0%;background:linear-gradient(90deg,var(--orange),#ffb347);box-shadow:0 2px 0 var(--3d-orange-shadow);transition:width .3s ease-in-out}.accordion[name=approach].active::before{content:"–";font-size:72px;position:relative;padding-right:10px;width:36px;display:inline-block}.accordion[name=approach]::before{content:"+";font-size:72px;position:relative;padding-right:10px;width:36px;display:inline-block}.accordion{padding:18px;transition:.4s;transform-style:preserve-3d}.accordion[name=approach]{border:1px solid rgba(253,144,10,.15);margin-bottom:8px;width:100%}.accordion[name=approach]:hover{transform:translateX(8px) translateZ(12px)}.accordion-gallery{display:flex;width:100%;height:400px;margin:0;padding:0}.accordion__image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.accordion__title{display:flex;align-items:center;flex-wrap:nowrap;white-space:nowrap;position:absolute;bottom:.5em;right:.5em;writing-mode:vertical-rl;color:var(--white);font-size:clamp(1em, 3vw - .5em, 3em);letter-spacing:.2em;text-transform:uppercase;font-family:Quicksand,Inter;font-weight:200;font-size:36px}.accordion__title::after{content:"+";margin-top:.3em}.accordion__description{position:absolute;width:60%;left:1em;bottom:1em;color:var(--white);transform:translateY(200px);opacity:0;transition:all .3s ease-out;transition-property:opacity,transform;font-family:Quicksand,Inter,Arial;font-weight:200}.accordion__overlay{position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,rgba(15,15,15,0) 0,#111 100%);opacity:1;transition:opacity .4s ease-out}.accordion__item{position:relative;flex-grow:1;width:300px;height:100%;background:var(--bg);transition:flex-grow .3s ease;overflow:hidden}.accordion__item:hover{flex-grow:2}.accordion__item:hover .accordion__overlay{opacity:.5}.accordion__item:hover .accordion__title::after{content:none}.accordion__item:hover .accordion__description{transform:translateY(0);opacity:1}.accordion__item:hover .accordion__image{transform:scale(1.1)}.panel{padding:0 18px;display:none;overflow:hidden}.panel[name=approach]{margin-bottom:12px;padding:16px 24px}.panel[name=approach] p{font-family:Quicksand,Inter;font-size:14px;color:#fff;font-weight:200}.specification-file-upload{border:2px solid var(--primary-color);display:flex;justify-content:center;align-items:center;font-size:16px;font-family:Nunito!important;font-style:italic;border-radius:18px;padding:8px 14px!important;width:100%;background-color:var(--orange);color:#000!important;position:relative;transform:translateY(0);box-shadow:0 5px 0 #5a3600,0 8px 20px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.28);transition:transform .15s ease,box-shadow .15s ease,background-color .4s,border-color .4s,color .4s}.specification-file-upload:hover{transform:translateY(-3px);box-shadow:0 8px 0 #5a3600,0 14px 28px rgba(0,0,0,.45),inset 0 1px 0 rgba(255,255,255,.32)}.specification-file-upload:active{transform:translateY(3px);box-shadow:0 2px 0 #5a3600,0 4px 10px rgba(0,0,0,.35),inset 0 2px 4px rgba(0,0,0,.2)}.specification-file-upload:hover{background-color:transparent;color:#fff!important}#file-name{color:#fff;text-align:center;margin:6px 0;font-family:Nunito;font-size:12px}.radio-container{position:relative;padding-left:30px;display:flex;align-items:center}.radio-container input[type=radio]{display:none}.radio-container input[type=radio]:checked+label::before{background-color:var(--orange)}.radio-container label{padding:6px 0}.radio-container label::before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:14px;height:14px;border:2px solid #333;border-radius:50%;background-color:#fff;transition:background-color .4s}.decor-shape{display:block;width:100%;height:auto;line-height:0;flex-shrink:0;position:relative;top:-2px;pointer-events:none}.decor-shape path{fill-opacity:1}.content-container>img:not(.header-icon),.decor-image{transform-style:preserve-3d;filter:drop-shadow(0 12px 24px rgba(0, 0, 0, .45));transition:transform .4s ease,filter .4s ease;will-change:transform;pointer-events:none}.content-container>img:not(.header-icon):hover,.decor-image:hover{filter:drop-shadow(0 20px 40px rgba(253, 144, 10, .25))}.tilt-3d{transform-style:preserve-3d;transition:transform .2s ease-out;will-change:transform}#services .decor-shape path{fill:#111111}#technologies .decor-shape path{fill:var(--primary-color)}#story .decor-shape path{fill:#111111}#approach .decor-shape path{fill:var(--primary-color)}#projects .decor-shape path{fill:#111111}#reviews .decor-shape path{fill:var(--primary-color)}.section-spacer .decor-shape path{fill:#111111}#order .decor-shape path{fill:#111111}#contact .decor-shape path{fill:var(--primary-color)}.cursor{display:none}@media only screen and (max-width:720px){header{display:none}.elevator__section{font-size:16px}.service-element{flex-direction:column}.service-element img{width:100%}.main-container{width:100%}#about .main-container{display:flex;flex-flow:column-reverse}.profile-photo{background-size:350px!important;width:100%}.reviews-container-element{width:300px}.technologies-strip i{font-size:36px}.technologies-strip{gap:40px}.services-container{display:flex;flex-direction:column}.approach-container h3{font-size:24px}.story-text{width:80%;padding:20px;backdrop-filter:blur(5px)}.projects-strip img{height:160px}.projects-strip{gap:16px}.form-container form{width:100%}.form-container form p:first-child{font-size:24px}.about-info h1{font-size:54px}}@media only screen and (max-width:480px){.elevator__section{font-size:14px}.about-info h2{font-size:34px}.about-info span{font-size:16px}.name{font-size:34px;text-align:center}.decor-image[data-index="1"],.decor-image[data-index="2"],.decor-image[data-index="3"]{display:none}}@media only screen and (max-width:420px){.profile-photo{background-size:300px!important;width:100%}}@media (min-width:768px){*,body,html{cursor:none}.cursor{pointer-events:none}.cursor__ball{left:0;mix-blend-mode:difference;position:absolute;top:0;z-index:1000}circle{fill:#f7f8fa}}