@charset "UTF-8";*,*:before,*:after{box-sizing:border-box}ul[class],ol[class]{padding:0}body,h1,h2,h3,h4,p,ul[class],ol[class],li,figure,figcaption,blockquote,dl,dd{margin:0}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}ul[class],ol[class]{list-style:none}a:not([class]){text-decoration-skip-ink:auto}img{max-width:100%;display:block}article>*+*{margin-top:1em}input,button,textarea,select{font:inherit}:is(input,button,textarea,select):focus{outline:none}@media(prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.poFixed{position:fixed}.positionR{position:relative}.positionA{position:absolute}.positionF{position:fixed}.container{width:min(95%,1140px);margin:0 auto}.textAlignC{text-align:center}.textAlignL{text-align:left}.textAlignR{text-align:right}.flex{display:flex}.fxDirectionR{flex-direction:row}.fxDirectionRR{flex-direction:row-reverse}.fxDirectionC{flex-direction:column}.fxDirectionCR{flex-direction:column-reverse}.fxJcFS{justify-content:flex-start}.fxJcFE{justify-content:flex-end}.fxJcC{justify-content:center}.fxJcSB{justify-content:space-between}.fxJcSA{justify-content:space-around}.fxJcSE{justify-content:space-evenly}.fxAiFS{align-items:flex-start}.fxAiFE{align-items:flex-end}.fxAiC{align-items:center}.fxAiB{align-items:baseline}.fxAcFS{align-content:flex-start}.fxAcFE{align-content:flex-end}.fxAcC{align-content:center}.fxWrap{flex-wrap:wrap}.fxNoWrap{flex-wrap:nowrap}.grid{display:grid}@media screen and (min-width:1024px){.pc-positionR{position:relative}.pc-positionA{position:absolute}.pc-fixedwidth{width:clamp(1201px,100%,1340px);margin:0 auto}.pc-col1{width:6.32%}.pc-col2{width:14.84%}.pc-col3{width:23.35%}.pc-col4{width:31.87%}.pc-col5{width:40.39%}.pc-col6{width:48.9%}.pc-col7{width:57.42%}.pc-col8{width:65.93%}.pc-col9{width:74.45%}.pc-col10{width:82.96%}.pc-col11{width:91.48%}.pc-col12{width:100%}}.displayNone{display:none}.clear-twinkling-transition{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;backface-visibility:hidden;-webkit-perspective:1000;-moz-perspective:1000;-ms-perspective:1000;perspective:1000;transform:translateZ(0)}@media screen and (max-width:800px){.ph-displayBlock{display:block}.ph-displayNone{display:none}.ph-paddingC1{padding-top:.5rem;padding-bottom:.5rem}.ph-paddingC2{padding-top:1rem;padding-bottom:1rem}.ph-paddingC3{padding-top:1.5rem;padding-bottom:1.5rem}.ph-paddingR1,.ph-paddingR2,.ph-paddingR3{padding-right:.5rem;padding-left:.5rem}}@media screen and (max-width:1439px){.tb-displayBlock{display:block}.tb-displayNone{display:none}.tb-paddingC1{padding-top:.8rem;padding-bottom:.8rem}.tb-paddingC2{padding-top:1.6rem;padding-bottom:1.6rem}.tb-paddingC3{padding-top:2.4rem;padding-bottom:2.4rem}.tb-paddingC4{padding-top:3.2rem;padding-bottom:3.2rem}.tb-paddingC5{padding-top:4rem;padding-bottom:4rem}.tb-paddingR1{padding-right:.8rem;padding-left:.8rem}.tb-paddingR2{padding-right:1.6rem;padding-left:1.6rem}.tb-paddingR3{padding-right:2.4rem;padding-left:2.4rem}.tb-paddingR4{padding-right:3.2rem;padding-left:3.2rem}.tb-paddingR5{padding-right:4rem;padding-left:4rem}}@media screen and (min-width:1440px){.pc-displayNone{display:none}.pc-paddingC1{padding-top:1rem;padding-bottom:1rem}.pc-paddingC2{padding-top:2rem;padding-bottom:2rem}.pc-paddingC3{padding-top:3rem;padding-bottom:3rem}.pc-paddingC4{padding-top:4rem;padding-bottom:4rem}.pc-paddingC5{padding-top:5rem;padding-bottom:5rem}.pc-paddingR1{padding-right:1rem;padding-left:1rem}.pc-paddingR2{padding-right:2rem;padding-left:2rem}.pc-paddingR3{padding-right:3rem;padding-left:3rem}.pc-paddingR4{padding-right:4rem;padding-left:4rem}.pc-paddingR5{padding-right:5rem;padding-left:5rem}.pc-marginC1{margin-top:1rem;margin-bottom:1rem}.pc-marginC2{margin-top:2rem;margin-bottom:2rem}.pc-marginC3{margin-top:3rem;margin-bottom:3rem}.pc-marginC4{margin-top:4rem;margin-bottom:4rem}.pc-marginC5{margin-top:5rem;margin-bottom:5rem}.pc-marginC6{margin-top:6rem;margin-bottom:6rem}.pc-marginR1{margin-right:1rem;margin-left:1rem}.pc-marginR2{margin-right:2rem;margin-left:2rem}.pc-marginR3{margin-right:3rem;margin-left:3rem}.pc-marginR4{margin-right:4rem;margin-left:4rem}.pc-marginR5{margin-right:5rem;margin-left:5rem}.pc-marginR6{margin-right:6rem;margin-left:6rem}}.btn{background-color:var(--clr-primary);color:#fff;display:flex;justify-content:center;align-items:center;transition:all .4s linear;border-radius:2px}.btn_primary{position:relative;width:9.5rem;height:3.5rem;font-size:0;border:2px solid var(--clr-primary);background-color:#ffffff1a;overflow:hidden}.btn_primary span{font-size:1.1rem;position:relative;z-index:1;letter-spacing:1px;transition:letter-spacing .3s ease-in 25ms}.btn_primary:before{content:"";position:absolute;top:var(--y);left:var(--x);transform:translate3D(-50%,-50%,0);width:0;height:0;border-radius:50%;background:var(--clr-Darkprimary);transition:width .5s,height .5s}@media(hover){.btn_primary:hover{border-color:var(--clr-Darkprimary);box-shadow:0 0 0 1px var(--clr-Darkprimary) inset;transition:all .2s}.btn_primary:hover span{letter-spacing:1.7px}.btn_primary:hover:before{width:330px;height:330px}}.line{width:10rem;height:2px;border-radius:1px;background-color:var(--clr-primary)}.line_grey,.line-grey-long{height:1.5px;border-radius:1.25px;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgb(165,165,165),rgba(0,0,0,0))}.line_grey{width:10rem;border-radius:100%;margin:1.2rem}.line-grey-long{width:clamp(14.5rem,20vw,295px);height:2.5px;margin:clamp(10px,1.5vw,16px) 0 clamp(10px,1.5vw,1.25rem);border-radius:2px;background-image:none;background-color:#a6a6a6}.line_white{width:10rem;margin:1.2rem;height:1.5px;border-radius:1.25px;background-image:-webkit-linear-gradient(left,rgba(245,245,245,0),rgb(165,165,165),rgba(245,245,245,0))}.line_white_long{width:81%;height:1.5px;border-radius:100%;background-image:-webkit-linear-gradient(left,rgba(245,245,245,0),rgb(165,165,165),rgba(245,245,245,0));margin:4.5rem 0 2rem}.fade-in{opacity:0;transform:translateY(50%) translateZ(0);transition:opacity .25s ease-in,transform .4s ease-in;transition-delay:var(--delay)}.fade-in.appear{opacity:1;transform:translateY(0)}.from-left{opacity:0;transform:translate(-50%) translateZ(0);transition:opacity .25s ease-in,transform .4s ease-in}.from-right{opacity:0;transform:translate(50%) translateZ(0);transition:opacity .25s ease-in,transform .4s ease-in}.from-left.appear,.from-right.appear{opacity:1;transform:translate(0) translateZ(0)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,input:-webkit-autofill:active,textarea:-webkit-autofill,textarea:-webkit-autofill:hover,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:active{-webkit-box-shadow:0 0 0px 1000px var(--clr-bgGrey) inset}@-webkit-keyframes autofill{0%,to{color:var(--clr-black);background:transparent}}input:-webkit-autofill,textarea:-webkit-autofill{-webkit-animation-delay:1s;-webkit-animation-name:autofill;-webkit-animation-fill-mode:both}.lightbox-container{position:fixed;min-width:100vw;min-height:100vh;background-color:#000000b3;-webkit-backdrop-filter:blur(.2em);backdrop-filter:blur(.2em);display:grid;place-items:center;z-index:1000;top:0;left:0;opacity:0;pointer-events:none;transition:all .25s ease-in-out;cursor:zoom-out}.lightbox-container.active{opacity:1;pointer-events:all;overflow-x:hidden}.lightbox-image-wrapper{max-width:100vw;max-height:100vw;cursor:pointer;cursor:url(../svg/left.svg),auto;border-radius:clamp(.4rem,.5vw,.81rem);box-shadow:0 0 2.2px #ffffff05,0 0 5.3px #ffffff07,0 0 10px #ffffff09,0 0 17.9px #ffffff0b,0 0 33.4px #ffffff0d,0 0 80px #ffffff12}.lightbox-image-wrapper .picture{border-radius:clamp(.4rem,.5vw,.81rem);width:min(757.5px,95vw);height:min(505px,95vh);position:relative;background-color:#eceaea;display:flex;align-items:center}.lightbox-image-wrapper .picture .lightbox-img{border-radius:clamp(.4rem,.5vw,.81rem);max-height:100%;object-fit:contain;margin:auto;-webkit-user-select:none;user-select:none;width:100%;height:100%}.lightbox-image-wrapper .lightbox-text-left{position:absolute;left:0;bottom:-2rem;color:var(--clr-lightgrey)}.lightbox-image-wrapper .lightbox-text-right{position:absolute;right:0;bottom:-2rem;color:var(--clr-lightgrey)}.lightbox-container .lightbox-btn{background-color:transparent;border:none;font-size:3rem;cursor:pointer;transition:.3s ease-out;position:absolute;--clr-fill: var(--clr-white)}.lightbox-container .lightbox-btn.left{top:calc(50% - 32px);left:-5rem}.lightbox-container .lightbox-btn.right{top:calc(50% - 32px);right:-5rem}.lightbox-container .lightbox-btn.x{top:-3rem;right:0;font-size:1.75rem;cursor:zoom-out}svg path{transition:.3s ease-out}@media(hover){.lightbox-container .lightbox-btn:hover{--clr-fill: var(--clr-primary)}.lightbox-container .lightbox-btn.left:hover{left:-5.25rem}.lightbox-container .lightbox-btn.right:hover{right:-5.25rem}}.lightbox-container .lightbox-btn:focus{outline:none}.lightbox-container .lightbox-btn.left:focus{left:-5.25rem}.lightbox-container .lightbox-btn.right:focus{right:-5.25rem}.lightbox-container :is(.lightbox-btn.left,.lightbox-btn.right).inactive{opacity:0;pointer-events:none}@media only screen and (max-width:1023px){.lightbox-container .lightbox-btn{font-size:2.8rem}.lightbox-container .lightbox-btn.left{background-color:#1818183d;padding:0 12px 0 6px;left:0}.lightbox-container .lightbox-btn.right{background-color:#1818183d;padding:0 6px 0 12px;right:0}@media(hover){.lightbox-container :is(.lightbox-btn.left,.lightbox-btn.right):hover{background-color:var(--clr-primary);--clr-fill: var(--clr-white)}.lightbox-container .lightbox-btn.left:hover{left:.25rem}.lightbox-container .lightbox-btn.right:hover{right:.25rem}}.lightbox-container .lightbox-btn.left:focus{left:.25rem}.lightbox-container .lightbox-btn.right:focus{right:.25rem}}@media screen and (max-width:565px){.lightbox-image-wrapper .picture{width:95vw;height:95vw}}@font-face{font-family:Pacifico;font-style:normal;font-weight:400;src:local("Pacifico Regular"),local("Pacifico-Regular"),url(https://fonts.gstatic.com/s/pacifico/v12/FwZY7-Qmy14u9lezJ-6H6MmBp0u-.woff2) format("woff2");font-display:swap}:root{--clr-primary: hsl(26, 32%, 66%);--clr-primary-transparent: rgba(196, 165, 141, .15);--clr-secondprimary: hsl(26, 32%, 70%);--clr-thirdprimary: hsl(26, 32%, 80%);--clr-Grayscaleprimary: hsl(26, 15%, 60%);--clr-Darkprimary: hsl(26, 30%, 55%);--clr-complementary: hsl(28, 50%, 64%);--clr-bgLight: hsl(0, 0%, 95%);--clr-bgGrey: hsl(0, 0%, 90%);--clr-black: hsl(0, 0%, 8%);--clr-black-transparent: hsla(0, 0%, 0%, .24);--clr-lightblack: hsl(0, 0%, 24%);--clr-grey: hsl(0, 0%, 40%);--clr-grey-transparent: hsla(0, 0%, 92%, .24);--clr-lightgrey: hsl(0, 0%, 81%);--clr-white: hsl(0, 0%, 92%);--clr-white-transparent: hsla(0, 0%, 92%, .1);--clr-alert: hsl(0, 61%, 53%);--clr-success: hsl(162, 46%, 30%);--box-shadow: 0px .7px 2.2px rgba(0, 0, 0, .02), 0px 1.7px 5.3px rgba(0, 0, 0, .028), 0px 3.1px 10px rgba(0, 0, 0, .035), 0px 5.6px 17.9px rgba(0, 0, 0, .042), 0px 10.4px 33.4px rgba(0, 0, 0, .05), 0px 24px 80px rgba(0, 0, 0, .07);--box-shadow-dark: 0px 1.1px 1.4px rgba(0, 0, 0, .032), 2px 2.6px 3.5px rgba(0, 0, 0, .043), -2px 2.6px 3.5px rgba(0, 0, 0, .043), 4px 4.6px 6.5px rgba(0, 0, 0, .049), -4px 4.6px 6.5px rgba(0, 0, 0, .049), 7px 7.3px 11.6px rgba(0, 0, 0, .054), -7px 7.3px 11.6px rgba(0, 0, 0, .054), 11px 11.1px 21.7px rgba(0, 0, 0, .06), -11px 11.1px 21.7px rgba(0, 0, 0, .06), 17px 17px 52px rgba(0, 0, 0, .07), -17px 17px 52px rgba(0, 0, 0, .07)}*,*:before,*:after{list-style:none;text-decoration:none}html{scroll-behavior:smooth}body{font-family:Rubik,sans-serif;letter-spacing:1.2px;scroll-behavior:smooth}.header{width:100%;height:clamp(700px,100vh,1080px);color:var(--clr-white);align-items:center}.slider-container{width:inherit;height:inherit;position:relative;overflow:hidden}.slider-gallery{position:relative;list-style:none;height:inherit;width:10000%;transition:all .6s ease;left:0}.slider-gallery.grabbing{transition:0s}.slider-gallery li{width:100vw;height:inherit;position:relative;float:left;overflow:hidden;background-color:var(--clr-thirdprimary);cursor:grab}.slider-gallery.grabbing li{cursor:grabbing}.slider-gallery li img{width:min(100%,100vw);height:100%;object-fit:cover;object-position:center;transform-origin:81% 24%;transform:scale(1.1);-webkit-user-select:none;user-select:none;background-position:center;background-repeat:no-repeat;background-size:cover}header .slider-gallery li img{filter:brightness(.6)}.slider-gallery li img.active{animation:slowly_shrink 5s linear 0s infinite alternate}@keyframes slowly_shrink{0%{transform:scale(1.1)}to{transform:scale(1)}}.slider-container :is(.prev,.next){border:none;background-color:var(--clr-white-transparent);cursor:pointer;position:absolute;top:50%;transform:translateY(-50%);transition:all .24s ease;z-index:10;opacity:0;visibility:hidden;--clr-fill: var(--clr-lightgrey);border-radius:.24rem;display:grid;place-items:center;padding:0}.slider-container :is(.prev,.next) svg{margin:.8rem}.slider-container :is(.prev,.next) svg path{transition:all .24s ease}.slider-container .prev{left:10px}.slider-container .next{right:10px}.slider-container :is(.prev,.next):hover{--clr-fill: var(--clr-white);background-color:var(--clr-Darkprimary)}.slider-container .prev:hover{left:0}.slider-container .next:hover{right:0}.dot-container{position:absolute;bottom:min(2vh,24px);left:50%;transform:translate(-50%);z-index:10}.dot-container .dot{display:inline-block;margin:.5rem .81rem;border:solid 2.4px var(--clr-white);background-color:var(--clr-primary-transparent);width:24px;height:24px;border-radius:50%;cursor:pointer;transition:all .3s ease}.dot-container .dot:hover,.dot-container .dot.active{background-color:var(--clr-Darkprimary)}nav,nav>div,nav a{transition:all .3s}nav.scrolled{box-shadow:0 3px 8px #0000004d;background-color:var(--clr-bgLight);transition:all .3s}nav.scrolled>div.container{padding:1.4vh 2.8vh}nav.scrolled a{color:var(--clr-black)}nav.scrolled.nav-up{transform:translateY(-100%)}nav{top:0;width:100%;padding:0;z-index:30;transition:padding-right 0s}nav>div{padding:2.8vh;height:inherit;align-items:center;justify-content:center}header nav div.container{width:100vw}nav a{font-weight:400;color:var(--clr-white)}.navMenu{font-size:16px;display:block;position:absolute;width:100%;min-height:380px;padding-top:80px;inset:0;background-color:var(--clr-bgLight);transform:translateY(-380px);opacity:0;visibility:hidden;transition:all .3s ease;z-index:1}.navMenu ul{font-weight:300;margin-right:min(3vw,36px);flex-direction:column;justify-content:flex-start}.navMenu ul li{padding:.8rem 0;margin-bottom:5px;opacity:0}.navMenu li{position:relative}.navMenu li:after{opacity:0;visibility:hidden;position:absolute;content:"";width:100%;height:1.5px;left:0;transform:scale(1.2);background-color:var(--clr-primary);transition:all .4s;bottom:.15rem}.navMenu li.active:after{opacity:1;visibility:visible}.navMenu>ul>li.active a{color:var(--clr-primary);transition:color .4s}header nav .navMenu.active{transform:translateY(0);opacity:1;visibility:visible;box-shadow:0 3px 8px #0000004d}@keyframes navMenuFade{0%{opacity:0;transform:translate(-50px) translateY(-20px)}to{opacity:1;transform:translate(0) translateY(0)}}.logo{width:100%;font-size:1.25rem}nav .logo a{display:block;width:max-content;width:65px;height:65px;font-size:0}nav .logo svg{fill:var(--clr-white);transition:fill .3s ease-out}nav.scrolled .logo svg{fill:var(--clr-black)}nav .logo a:hover svg{fill:var(--clr-Darkprimary)}.header-content{height:calc(100vh - 4.5rem);top:4.5rem;text-align:center;justify-content:flex-start;align-items:center;padding:0 2rem;-webkit-user-select:none;user-select:none;pointer-events:none;padding-top:20vmax}.header-content .social{width:100%;height:4rem;margin-bottom:2rem}.header-content .social ul{width:inherit;height:inherit;align-items:center;justify-content:center}.header-content .social li{pointer-events:initial;width:3rem;height:3rem;background-color:transparent;border:2px solid var(--clr-primary);border-radius:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;transition:.3s ease-out}.header-content .social li a{display:grid;place-items:center}.header-content .social li a svg{transform:scale(.9);transition:.3s ease-out}.header-content .social li+li{margin-left:1.2rem}.header-content .btn{pointer-events:initial}.header-content .line{margin:1.24rem 0 3rem}.header-content h2{font-size:clamp(1.1rem,1.4vw,1.5rem);padding:0 0 1rem;letter-spacing:2px}.header-content h1{font-size:clamp(2rem,3vw,3rem);width:100%;justify-content:center;font-weight:800}.header-content h1>span{padding-right:1rem}.typewriter-box span{display:inline-block;padding-right:.8vw}.header-content .typewriter:after{content:"|";animation:none}.header-content .showAnim.typewriter:after{animation:blink 1s step-end infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.hamburger span{display:none}.hamburger{display:block;background-color:transparent;border:none;top:calc((65px + 2.8vh)/2 - 10px);right:30px;z-index:10;width:25px;height:20px;cursor:pointer}.hamburger>.hambuger-container{display:block;z-index:10;width:25px;height:20px;cursor:pointer}.hamburger>.hambuger-container>.hamburger_line{display:block;border-radius:1.85px;width:25px;height:4px;background:var(--clr-white)}.hamburger .hamburger_line.line1{position:absolute;left:0;top:0;transition:bottom .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}.hamburger .hamburger_line.line2{position:absolute;left:0;top:8px;transition:opacity .3s,visibility .3s}.hamburger .hamburger_line.line3{position:absolute;left:0;bottom:0;transition:top .3s .3s cubic-bezier(.23,1,.32,1),transform .3s cubic-bezier(.23,1,.32,1)}nav.cross a{color:var(--clr-black)}@media(hover){nav.cross a:hover{color:var(--clr-primary)}}.cross .hamburger .hamburger_line{background:var(--clr-black)}.cross .hamburger .line2{opacity:0;visibility:hidden}.cross .hamburger .line3{bottom:8px;transform:rotate(45deg) translateZ(0);transition:bottom .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}.cross .hamburger .line1{top:8px;transform:rotate(-45deg) translateZ(0);transition:top .3s cubic-bezier(.23,1,.32,1),transform .3s .3s cubic-bezier(.23,1,.32,1)}.scrolled .hamburger .hamburger_line{background-color:var(--clr-black)}#about{width:100%;background-color:#fff;overflow-x:hidden}:is(#about,#service,#work,#contact) h2{font-size:clamp(1.5rem,2vw,2rem)}#about section{width:inherit;transition:all .4s ease}.about-title{flex-direction:column;justify-content:center;align-items:center;margin:2rem 0 clamp(1rem,2.2vw,2rem)}.about-title p{font-size:clamp(1rem,1.25vw,1.2rem);color:#666}#about .about-content{justify-content:center;align-items:flex-start;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr 1fr;column-gap:5vw}#about .about-content section{margin:0 1.5vw}#about .about-content section div p{font-size:clamp(1.25rem,2.2vw,2rem);line-height:100%;color:var(--clr-Darkprimary)}#about .about-content .center{--width: clamp(216px, 21.6vw, 328px);--height: clamp(460px, 48vw, 480px);justify-content:center;align-items:center;position:relative;color:gray;background-color:transparent;border-radius:15px;box-shadow:var(--box-shadow);grid-column:1 / 3;grid-row:1 / 2;flex-direction:row;width:var(--height);height:var(--width);margin:-1rem auto 2rem}#about .about-content .center .me{--img-width: clamp(110px, 12vw, 180px);position:absolute;top:(var(--width) - var(--img-width)) / 2;left:2rem}#about .about-content .center .me img{width:var(--img-width);height:var(--img-width);border-radius:clamp(5rem,9vw,8.7rem);object-fit:cover;object-position:top}#about .about-content .center .introduction{position:absolute;width:var(--width);top:0;bottom:0;right:4rem}#about .about-content .center .introduction div h3{font-size:clamp(17px,1.8vw,26px);font-weight:500}#about .about-content .center .introduction div p{color:#969696;font-weight:400;padding:.5rem 0 0;font-size:12px}#about .about-content .center .introduction .information{padding:clamp(1rem,2vw,2rem) 0 clamp(10px,1.5vw,1rem)}#about .about-content .center .introduction .information a{color:#969696;font-size:12px}#about .about-content .center .introduction ul{width:100%;justify-content:center;align-items:center}#about .about-content .center .introduction ul>li{width:2.5rem;height:2.5rem;background-color:transparent;display:flex;justify-content:center;align-items:center}#about .about-content .center .introduction li a{display:grid;place-items:center}#about .about-content .center .introduction li a svg{--clr-fill: rgb(158, 158, 158);transform:scale(.9);transition:.3s}#about .about-content .center .introduction li a svg path{transition:.3s}#about .about-content .bar{flex-direction:column;justify-content:flex-start}#about .about-content .bar-title{font-size:clamp(15px,1.28vw,1.5rem)}#about .about-content>section:not(.center) .bar-title>p{font-size:clamp(22.5px,1.7vw,25.9px)}#about .about-content .softwere{grid-column:1 / 2;grid-row:2 / 4;flex-direction:column;justify-content:flex-start;align-items:flex-end;justify-self:flex-end}#about .about-content .softwere .bar{align-items:flex-end}#about .about-content .skills{grid-column:2 / 3;grid-row:2 / 3;flex-direction:column;justify-content:flex-start;align-items:flex-start}#about .about-content :is(.skills,.language) .bar{align-items:flex-start}#about .about-content .language{grid-column:2 / 3;grid-row:3 / 4;flex-direction:column;justify-content:flex-start;align-items:flex-start;margin-top:2.5vw}.bar{width:clamp(14.5rem,20vw,295px);height:clamp(1.55rem,3.5vw,3.3rem);margin-bottom:clamp(12.5px,1vw,14px)}.bar-grey,.bar-grey-right{width:100%;height:clamp(1rem,.8rem + .5vw,1.25rem);background-color:var(--clr-lightgrey)}.bar-grey{justify-content:flex-end}.bar-grey-right{justify-content:flex-start}.bar-primary{width:var(--percent);height:clamp(1rem,.8rem + .5vw,1.25rem);background-color:var(--clr-primary);display:flex;justify-content:center;align-items:center;font-size:1vw;color:var(--clr-white)}.software{font-size:clamp(1.2rem,2vw,1.5rem);display:grid;justify-items:center;width:100%;color:var(--clr-primary);margin-bottom:1.5rem;margin-top:2rem}.software :is(ul,ol){list-style:none}.software .slider-container{width:100%}.software .slider-gallery{width:1000%}.software .slider-gallery li{width:10%;height:fit-content;background-color:transparent;color:var(--clr-grey);margin:1rem 0;display:grid;justify-items:center}.software .slider-gallery .slider-list{padding:1rem 0 6rem}.software .slider-gallery .slider-list h4{font-size:clamp(1rem,2vw,1.5rem)}.software .slider-gallery li .card{width:80%;padding:1rem 0;border-radius:2rem;box-shadow:var(--box-shadow)}.software ol{display:flex;justify-content:center;gap:1rem;padding:0;margin:0;margin-top:1rem}.software .slider-gallery .slider-list:nth-child(2) ol{flex-wrap:wrap}.software .slider-gallery .slider-list:nth-child(2) ol li{margin:0}.software .slider-gallery ol li{-webkit-user-select:none;user-select:none;display:grid;place-content:center;width:20%}.software ol li img{min-width:75px;min-height:75px;width:100%;height:100%;scale:.9;margin:0 auto;display:block;object-fit:contain;object-position:center;transform-origin:center;pointer-events:none}.software .slider-container button{transform:translateY(-4rem);border-radius:.5rem}.software .slider-container button:hover{--clr-fill: var(--clr-primary);background-color:var(--clr-bgGrey)}.software .slider-container button.prev:hover{left:.5rem}.software .slider-container button.next:hover{right:.5rem}.software .dot-container{bottom:3rem;width:80vw}.software .dot-container .dot{border-color:var(--clr-lightgrey);margin:.24rem .5rem;width:23px;height:23px}#service{background-color:var(--clr-bgLight);color:var(--clr-black);text-align:center}.service-title-text{width:80vw}.service-content{flex-wrap:wrap;row-gap:2rem}.service-content>section{position:relative;padding:0 1vw;width:81vw;margin-bottom:8.1vw}.service-content>section h3{font-weight:400}.service-content>section p{font-weight:300;font-size:15.5px;line-height:21px}.service-content>section>div:nth-of-type(2){padding:20px 0 8px}.service-content-icon{--width: 10rem;--border: 3px;position:relative;width:var(--width);height:var(--width);border-radius:50%;border:var(--border) solid var(--clr-lightgrey);transition:border .5s;z-index:1}.service-content-icon>div{--cir-inset: calc(calc(var(--width) / 4) - calc(var(--border) / 2));position:relative;background-color:var(--clr-lightblack);width:calc(var(--width) / 2);height:calc(var(--width) / 2);inset:var(--cir-inset) var(--cir-inset) var(--cir-inset) var(--cir-inset);border-radius:50%;transition:background-color .8s;display:grid;place-items:center}.service-content-icon>div>img{width:calc(var(--width) / 5);height:calc(var(--width) / 5)}.service-content-icon>div:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;top:0;left:0;box-shadow:0 0 0 2px #ba95781a;background-color:#ba9578;z-index:-1;opacity:0;transform:scale(.9) translateZ(0);transition:all ease .9s}@keyframes sonarEffect{0%{opacity:.3}40%{opacity:.5;box-shadow:0 0 0 2px #ba95781a,0 0 10px 10px #ba9578,0 0 0 10px #ba957880;transform:scale(1) translateZ(0)}to{box-shadow:0 0 0 2px #ba95781a,0 0 10px 10px #ba9578,0 0 0 10px #ba957880;transform:scale(1.5) translateZ(0);opacity:0}}.service-content-text{padding:0 calc(1rem + 1vw)}#work{color:#111}.work-title{width:100%}.work-title>div{text-align:center}.work-title>.works-sort{width:clamp(300px,50vw,800px);padding:1rem 0}.work-title>.works-sort>div{cursor:pointer}.work-title>.works-sort>div.current{position:relative;color:var(--clr-primary);transition:all .4s}.work-title>.works-sort>div.current:after{position:absolute;content:"";width:100%;height:1.4px;left:0;bottom:-.4rem;transform:scale(1.2);background-color:var(--clr-primary)}.work-content{--grid-number: 1;--figure-size: 66vw;--grid-gap: 3rem;display:grid;grid-template-columns:repeat(var(--grid-number),var(--figure-size));grid-template-rows:repeat(var(--grid-rows),var(--figure-size));gap:var(--grid-gap)}.work-content>figure{width:100%;-webkit-transform-origin:center;transform-origin:center;-webkit-transition:all .6s ease;transition:all .6s ease;box-shadow:var(--box-shadow-dark);border-radius:5px;position:absolute;width:var(--figure-size);height:var(--figure-size);left:calc(var(--x) * (var(--grid-gap) + var(--figure-size)));top:calc(var(--y) * (var(--grid-gap) + var(--figure-size)))}.work-content>figure.active{opacity:1;visibility:visible;-webkit-transform:scale(1);transform:scale(1)}.work-content>figure.delete{opacity:0;visibility:hidden;-webkit-transform:scale(0);transform:scale(0)}.work-content>figure.fade-in{--delay: calc(var(--x) * .1s);opacity:0;translate:0 24%;transition:all .4s ease-in,opacity .25s ease-in;transition-delay:var(--delay)}.work-content>figure.fade-in.appear{opacity:1;translate:0% 0%}.work-content>figure .figcaption-title{font-weight:600}.work-content>figure span{display:none}.work-content>figure img{width:100%;height:100%;border-radius:5px}.work-content>figure .lightbox-enabled{display:block;position:relative}.work-content>figure .overlay{position:absolute;z-index:2;inset:5px;text-align:center;padding:1.5rem;cursor:pointer}.work-content>figure .overlay .figcaption-title{color:var(--clr-white);transform:translateY(-15px) translateZ(0);opacity:0;z-index:5;transition:all .6s}.work-content>figure .overlay>p{color:var(--clr-primary);transform:translateY(15px) translateZ(0);opacity:0;z-index:5;transition:all .6s}.work-content>figure .overlay>.links{transform:translateY(15px) translateZ(0);opacity:0;z-index:5;transition:all .6s;gap:1.2rem;margin-top:2rem}.work-content>figure .overlay>.links>a{color:var(--clr-white)}.work-content>figure .overlay>.links>a>svg{--clr-fill: var(--clr-white);transform:scale(.81)}.work-content>figure .overlay>.links>:where(a,a svg path){transition:all .3s}.work-content>figure .overlay>.links>a:hover{color:var(--clr-primary);scale:1.1}.work-content>figure .overlay>.links>a:hover svg path{--clr-fill: var(--clr-primary)}.work-content>figure .overlay:before{content:"";position:absolute;z-index:2;inset:0;opacity:0;transform:scale(1.05) translateZ(0);background-color:#000000b3;border-radius:5px;transition:all .6s;-webkit-backdrop-filter:blur(.24rem);backdrop-filter:blur(.24rem)}#contact{background-color:var(--clr-black);color:var(--clr-white);padding-bottom:.5rem}#contact>div{padding-bottom:2rem}.contact-title{padding-top:2rem}.contact-form-container form{width:clamp(300px,70vw,800px);margin:2rem 0 0}.contact-form-container form .form-control{margin-bottom:2rem}.form-control.error .form-data{border:solid 2px var(--clr-alert)}.form-control.success .form-data{border:solid 2px var(--clr-success)}.contact-form-container form .form-control .error-alert{display:inline-block;padding-top:.24rem;font-size:.81rem;color:var(--clr-alert);transition:.4s ease-out}.form-control.success .error-alert{opacity:0;visibility:hidden}.contact-form-container form :where(input,textarea){width:100%;padding:.5rem .8rem;border-radius:2px;border:1.5px solid var(--clr-lightblack);background-color:var(--clr-primary-transparent);transition:background-color .2s linear,border .2s linear}.contact-form-container form button{margin:0 auto}.contact-input-name,.contact-input-mail,.contact-input-subject,.contact-form-textarea{flex-basis:100%}.contact-social li{flex-basis:20%;padding:0 1rem}.contact-social li p{color:#fff;transition:.3s ease-out}#contact .social p{display:none}#contact .social svg{--clr-fill: var(--clr-white)}#contact .social svg,#contact .social svg path{transition:.3s ease-out}#contact .copyright{background-color:#3d3d3d3d;font-size:.81rem;color:var(--clr-bgGrey);padding:1.35rem}#contact .alert{width:81%;padding:1rem 2rem;margin-top:2.4rem;text-align:center;border:2.4px solid rgb(111,145,134);border-radius:5px;background-color:#b1e4d3;color:var(--clr-success);font-size:1.08rem;opacity:0;visibility:hidden;transition:.5s ease-out}#contact .alert.active{opacity:1;visibility:visible}@media(hover:hover){nav .navMenu>ul>li:hover a{color:var(--clr-primary);transition:color .3s}.social ul>li:hover{background-color:#0000002d;border-color:var(--clr-Darkprimary);-webkit-backdrop-filter:blur(.24em);backdrop-filter:blur(.24em)}header .social ul>li:hover a svg{transform:scale(.95)}#about .about-content .center .introduction a:hover svg{--clr-fill: var(--clr-primary);transform:scale(.99)}.service-content-icon:hover{border:3px solid var(--clr-thirdprimary)}.service-content-icon:hover>div{background:var(--clr-primary)}.service-content-icon:hover>div:after{animation:sonarEffect 1.3s ease-out .09s}.work-title>.works-sort>div:hover{position:relative;color:var(--clr-primary);transition:all .4s}.work-content>figure:hover .overlay:before{transform:scale(1) translateZ(0);opacity:1}.work-content>figure:hover .overlay :is(.figcaption-title,p,.links){transform:translateY(0) translateZ(0);opacity:1}.contact-form-container form :where(input:hover,textarea:hover,input:focus,textarea:focus){background-color:var(--clr-bgGrey);border:1.5px solid var(--clr-bgGrey)}.contact-social ul li:hover p{color:var(--clr-primary)}#contact .social li:hover svg{--clr-fill: var(--clr-primary);transform:scale(1.1)}}@media screen and (max-width:799px){.work-title>.works-sort>.mobileHide{display:none}.header-content h1{font-size:1.75rem}.header-content h1.flex{flex-direction:column;align-items:center}#about .about-content .center{--height: clamp(360px, 36vw, 520px);width:var(--width);height:var(--height)}#about .about-content .center .introduction{top:40%;right:auto}#about .about-content .center .me{top:2rem;left:auto}#about .about-content{display:flex;flex-direction:column}#about .about-content :is(.softwere,.skills,.language){align-items:center;margin:0 auto 1.8rem}#about .about-content :is(.softwere,.skills,.language) .title>p{display:inline-block;width:14.5rem;text-align:left}#about .about-content .softwere .bar{align-items:flex-start;margin-bottom:1rem}.bar-grey{justify-content:flex-start}.from-right{transform:translate(-50%)}.header{height:500px}.header-content{height:calc(500px - 4.5rem);top:4.5rem;padding:2.4vmax 2rem 0}.header-content .line{margin:.8rem 0 2.5rem}.header-content .social{margin-bottom:1rem}header nav .navMenu{min-height:100vh;transform:translateY(-300px)}header nav .navMenu ul{min-height:calc(100vh - 80px)}header nav .navMenu ul li{padding:.5rem 0;margin-bottom:2vh}.lightbox-image-wrapper .picture{width:max(81vw,499px);height:calc(calc(81vw / 499) * 333)}.lightbox-container .lightbox-btn.x{top:0rem;right:-2rem;font-size:1.6rem}}@media screen and (min-width:591px){.software{margin-top:0}.software .slider-gallery ol li{width:10%}.software .slider-gallery .slider-list:nth-child(2) ol li{margin:1rem 0}.software .dot-container{bottom:0;width:auto}.work-content{--grid-number: 2;--figure-size: 38vw;--grid-gap: max(1rem, 4vw)}}@media screen and (min-width:800px){header nav div.container{width:min(95%,1140px);margin:0 auto}.logo{width:30%}.navMenu{width:min(50vw,420px);position:initial;opacity:1;visibility:visible;transform:none;inset:unset;min-height:auto;padding-top:initial;background-color:initial;transition:transform 0s,opacity 0s,visibility 0s}header nav .navMenu.active{transform:translateY(0);opacity:1;visibility:visible;box-shadow:none}.navMenu ul{flex-direction:row;justify-content:space-between}.navMenu ul li{opacity:1;padding:.4rem 0;margin-bottom:initial}.navMenu li:after{bottom:0}.slider-container :is(.prev,.next){opacity:1;visibility:visible}.header-content{padding:18vmax 20vw 0}.header-content h1{font-weight:700}.header-content h2{letter-spacing:2.5px}.hamburger{display:none}.about-title{margin:clamp(20px,2.2vw,2rem) 0 clamp(1rem,2.2vw,2rem)}#about .about-content .center .introduction div p{font-size:1.1vw}#about .about-content .center .introduction .information a{font-size:unset}.service-title-text{width:70%}.service-content>section{width:35vw;margin-bottom:unset}.service-content>section h3{font-weight:500}.service-content>section p{font-weight:initial;font-size:16px;line-height:inherit}.service-content>section>div:nth-of-type(2){padding:1.6rem 0}.service-content>section:nth-of-type(2):before,.service-content>section:nth-of-type(2):after{content:"";display:block;height:1px;border-top:2px dashed #ccc;position:absolute;top:5rem}.service-content>section:nth-of-type(2):before{width:13.725vw;left:-12.725vw}.service-content>section:nth-of-type(2):after{width:330px;top:calc(8rem - 4vw);left:-5.8625vw;transform-origin:left;transform:rotate(90deg)}.works-sort{justify-content:space-evenly}.work-content{--grid-number: 3;--figure-size: max(24vw, 230px);--grid-gap: clamp(1rem, 2.5vw, 3rem)}.contact-input-name,.contact-input-mail{flex-basis:45%}#contact .social p{display:initial}#contact .alert{width:100%}#contact button{cursor:pointer}}@media screen and (min-width:1023px){.logo,.navMenu{width:45%}.header-content{height:calc(100% - 12vh);top:12vh;text-align:left;justify-content:center;align-items:flex-start;padding:0 10vw}.header-content h1{justify-content:flex-start}.header-content h2{padding:0 0 1rem}.header-content .social ul{justify-content:flex-start}#about .about-content{grid-template-columns:1fr max-content 1fr;grid-template-rows:1fr 1fr;column-gap:3vw}#about .about-content .center{--height: clamp(360px, 36vw, 520px);grid-column:2 / 3;grid-row:1 / 3;flex-direction:column;width:var(--width);height:var(--height);margin:inherit}#about .about-content .center .me{top:2rem;left:initial}#about .about-content .center .introduction{top:51%;bottom:initial;right:initial}#about .about-content .center .introduction h3{line-height:1.2em;margin-bottom:.4em}#about .about-content .softwere{grid-column:1 / 2;grid-row:1 / 3}#about .about-content .skills{grid-column:3 / 4;grid-row:1 / 2}#about .about-content .language{grid-column:3 / 4;grid-row:2 / 3}.service-content{flex-wrap:nowrap;row-gap:unset}.service-content>section{width:clamp(17.5rem,25vw,24rem);padding:initial}.service-content>section:nth-of-type(2):before,.service-content>section:nth-of-type(2):after{width:clamp(95px,9.2vw,140px);top:5rem}.service-content>section:nth-of-type(2):before{left:clamp(-70px,-4.6vw,-47.5px)}.service-content>section:nth-of-type(2):after{right:clamp(-70px,-4.6vw,-47.5px);left:initial;transform:none;transform-origin:initial}.work-content{--grid-number: 4;--figure-size: max(20vw, 224px)}}@media(min-width:1380px){.work-content{--grid-number: 5;--figure-size: min(15.5vw, 280px)}}