@font-face{font-family:IBM Plex Mono;src:url(../../../fonts/IBMPlexMono/IBMPlexMono-Regular.ttf);font-weight:400;font-display:swap}@font-face{font-family:IBM Plex Sans;src:url(../../../fonts/IBMPlexSans/IBMPlexSans-VariableFont.ttf);font-weight:100 700;font-display:swap}@font-face{font-family:Libre Baskerville;src:url(../../../fonts/LibreBaskerville/LibreBaskerville.ttf);font-style:italic;font-weight:400 700;font-display:swap}*{margin:0;box-sizing:border-box;font-family:IBM Plex Sans,sans-serif;color:#fff;font-weight:400;scroll-behavior:smooth}a{text-decoration:none}.content{width:1280px;margin:0 auto}body{margin:0 auto;background:#000;overflow-x:hidden}h1{font-size:86px}h2{font-size:55px;font-family:Libre Baskerville;font-style:italic;color:#c3c3c3}.sub-head{font-family:IBM Plex Mono;text-transform:uppercase;font-size:14px;color:#c3c3c3}.normal-btn,.extra-btn{padding:12px 24px;background:#0d0d0d;border:1px solid #222;border-radius:12px;text-decoration:none;align-items:center;gap:16px;display:flex;width:fit-content;transition:.2s ease;cursor:pointer}.normal-btn:hover,.extra-btn:hover{background:#131313}.extra-btn{border:1px solid #b4b4b4}.margin-top-32{margin-block:32px}.bold-text{font-weight:800}.cookie-banner{position:fixed;bottom:0;left:0;right:0;background:#111111b0;border-top:1px solid #333;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);color:#fff;padding:1rem;display:flex;align-items:center;justify-content:space-between;z-index:9999;gap:32px;font-size:.9rem}.cookie-actions{display:flex;flex-wrap:wrap;gap:.5rem}.size-6{height:20px;background:none}.size-12{height:24px}.info-section{display:flex;flex-direction:column;gap:24px;width:50%}.section-text{line-height:2}.section-header{display:flex;align-items:center;justify-content:space-around;gap:16px}.section-line{width:100%;height:1px;content:"";display:flex;background:#383838}.section-header-text{width:fit-content;white-space:nowrap;display:flex}.section-header-text span{font-family:IBM Plex Mono;font-size:14px;text-transform:uppercase}.breadcrumbs,.breadcrumbs a,.breadcrumbs span{display:flex;gap:12px;font-size:12px;font-family:IBM Plex Mono}.breadcrumbs{margin-top:48px}.anim{--block-color: rgb(9, 9, 9);--duration: .3s;position:relative;display:inline-block;overflow:hidden;opacity:0;visibility:hidden}.anim:after{content:"";position:absolute;inset:0;background:var(--block-color);transform:translate(-101%);pointer-events:none}.reveal{animation:text-in 0s linear calc(var(--duration) * .8) forwards}.reveal:after{animation:var(--duration) block-in cubic-bezier(.77,0,.18,1) forwards,var(--duration) block-out cubic-bezier(.77,0,.18,1) calc(var(--duration) * .8) forwards}@keyframes opacityIn{to{opacity:1}}@keyframes block-in{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes block-out{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes text-in{to{opacity:1;visibility:visible}}.client-name{color:#888}.portfolio-section{margin-top:256px;display:flex;flex-direction:row;gap:16px;position:relative}.projects{width:100%;display:flex;flex-direction:column;gap:8px}.portfolio-entry{display:flex;justify-content:space-between;border-bottom:1px solid #383838;padding:16px 8px;text-transform:uppercase}.portfolio-entry a:hover{transform:translate(5px)}.portfolio-entry a{text-decoration:none;transition:.3s ease}.info-section{padding:0 32px;display:flex}.purple-circle{background:#330028;width:628px;height:628px;position:absolute;border-radius:999px;left:-45%;bottom:-80%;z-index:-2;filter:blur(150px)}#contact{margin-top:196px}.contact-section{display:flex;gap:16px}.contact-description h3{font-size:24px}.contact-description{display:flex;flex-direction:column;gap:8px}.contact-description p{color:#bcbcbc}.contact-info{display:flex;flex-direction:column;width:100%;padding:32px;border:1px solid #383838;border-radius:12px;justify-content:space-between}.contact-info-items{display:flex;flex-direction:column;gap:16px}.contact-horizontal{display:flex;margin-top:12px;gap:16px;flex-direction:row}.contact-item{display:flex;gap:16px;align-items:center}.contact-item-info{display:flex;flex-direction:column}.contact-form{width:100%;padding:0 32px}.contact-form form{display:flex;flex-direction:column}.contact-form label{margin-bottom:4px}.contact-form input{margin-bottom:12px}.contact-form input,.contact-form textarea{background:#0d0d0d99;border:1px solid #222;padding:16px;border-radius:12px;margin-top:4px}.contact-form button{margin-top:24px;width:100%;justify-content:center;cursor:pointer}.contact-item-name{font-size:14px;color:#bcbcbc}.success{margin-top:8px;text-align:center;color:#bcbcbc}.hero-name{line-height:1}.hero-section{display:flex;align-items:center}.hero-buttons{display:flex;gap:16px}.hero-intro{display:flex;flex-direction:column;gap:80px}.sub-head{margin-bottom:16px}@media(max-width:600px){.hero-section{flex-wrap:wrap}.hero-intro{max-width:100vw}}.about-section{display:flex;gap:100px;align-items:center;margin-left:60px;margin-top:196px;position:relative}.stack-icon img{background:none;margin:0 auto}.stack-icon{padding:16px;background:#ffffff14;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);width:56px;display:flex;position:relative;align-items:center;justify-content:center;transition:.2s ease;border-radius:12px;box-shadow:inset 1px 1px 1px #797383,inset -1px -1px 2px #fff6}.stack-info-box{display:none;position:absolute;margin:0 auto;justify-content:center;bottom:-80%;border:1px solid #221835;border-radius:4px;z-index:5;background:#000c;padding:4px 8px}.stack-icon:hover{background:#fff3;transform:translateY(-5px);z-index:2;box-shadow:0 8px 15px #b090e433,inset 1px 1px 1px #797383,inset -1px -1px 2px #fff6}.stack-icon:hover .stack-info-box{display:block}.icons-section{position:relative}.border-box-effect{width:100%;height:120%;top:-10%;position:absolute;margin:0 -20px;border-radius:12px;border:1px solid #221835}.stack-skills{display:grid;margin-left:78px;gap:16px;grid-template-columns:56px 56px 56px;grid-template-rows:56px 56px 56px}.blue-circle{background:#103;width:628px;height:628px;position:absolute;border-radius:999px;right:-25%;top:-40%;z-index:-2;filter:blur(150px)}.experience-cv{margin-block:16px;display:flex;flex-direction:column}.experiences{margin-block:32px;display:grid;grid-template-columns:repeat(auto-fit,minmax(329px,1fr));gap:32px}.experiences .job-title{color:#fff!important}.experiences p,.experiences span,.content-section p{color:#bcbcbc;font-size:14px}.side-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px}.content-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}nav{display:flex;width:100%;justify-content:space-between;padding:32px 0;align-items:center}.main-menu{max-width:1280px;margin:0 auto}.available-btn{background:#000;padding:12px 24px;border-radius:12px;border:1px solid #202020;display:flex;align-items:center;gap:16px}.menu-items{display:flex;gap:32px;text-transform:uppercase}.menu-items a{font-family:IBM Plex Mono,sans-serif;letter-spacing:1px;font-size:14px;text-decoration:none;transition:.3s ease}.menu-items a:hover{color:#cfcfcf}.dot{width:8px;height:8px;background:green;border-radius:100px;content:"";display:block}.menu-content{width:1280px;margin:0 auto}.full-menu{position:absolute;align-items:center;display:flex;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);left:0;z-index:3;width:100%;height:100vh}@keyframes pulseGreen{0%{box-shadow:0 0 #00800066}50%{box-shadow:0 0 0 4px #00800066}to{box-shadow:0 0 #00800066}}@keyframes pulseRed{0%{box-shadow:0 0 #80000066}50%{box-shadow:0 0 0 4px #80000066}to{box-shadow:0 0 #80000066}}.available{background:green;animation:2s ease infinite pulseGreen}.unavailable{background:red;animation:2s ease infinite pulseRed}input[type=radio]{visibility:hidden;width:0;height:0}input[type=radio]:checked+label{background-color:#333}input[type=radio]+label{transition:.3s ease;cursor:pointer}.filters{display:flex;gap:8px;margin-bottom:48px;margin-top:24px}.filter-check label{border:1px solid #383838;border-radius:8px;padding:12px}.projects-portfolio::-webkit-scrollbar{width:4px}.projects-portfolio::-webkit-scrollbar-track{background:#222;border-radius:12px}.projects-portfolio::-webkit-scrollbar-thumb{background:#555;border-radius:12px}.project{margin-bottom:32px}.projects-portfolio{height:50vh;overflow-x:hidden;overflow-y:scroll}.project-service{color:#333;transition:.2s ease}.project-intro{display:flex;flex-direction:column;gap:0px}.project-name{font-size:4em;color:#333;line-height:1em;transition:.2s ease}.project-header .client-name{color:#333;font-family:Libre Baskerville;font-style:italic;font-size:32px;transition:.2s ease}.project:hover .project-name{color:#fff}.project:hover .client-name,.project:hover .project-service{color:#666}.project-header{display:flex;flex-direction:column}.info-header{display:flex;align-items:center;gap:16px}.info-header h3{white-space:nowrap;width:fit-content;font-family:IBM Plex Mono;text-transform:uppercase;font-size:14px}.gallery-image{width:100%;border-radius:12px}.gallery{margin-top:48px;display:flex;gap:0px;flex-direction:column}.project-content{display:flex;flex-direction:column}.project-info{display:flex;gap:32px;margin-top:196px}.solution-info,.challenge-info{display:flex;flex-direction:column;gap:12px;width:100%}.challenge-info p,.solution-info p{line-height:2}.project-info h3{color:#cbcbcb}.privacy-policy h3{font-weight:600;margin-top:16px}.privacy-policy h2{font-size:2em;margin-bottom:12px}.privacy-policy p{line-height:1.5em}.privacy-policy table{width:100%;border-collapse:collapse;margin:1rem 0}.privacy-policy th,.privacy-policy td{border:1px solid #4d4d4d;padding:.75rem;text-align:left}.privacy-policy th{background:#2b2b2b;font-weight:600}footer{display:flex;justify-content:space-between;padding:32px;margin-top:80px;border-top:1px solid #383838;max-width:1280px;margin-inline:auto}footer a{color:#bcbcbc;text-decoration:none}@media screen and (min-width:768px)and (max-width:1280px){.content{width:100%;overflow:hidden;padding-inline:32px}.main-menu{padding-inline:32px}.about-section{margin:196px 0 0}.hero-image{display:flex;width:50%}.hero-image img{width:450px}.projects{order:1;margin-top:32px}.info-section{width:100%;padding:0}.portfolio-section,.contact-section{flex-wrap:wrap}.portfolio-entry{justify-content:space-between}.contact-form{padding:0}.hero-intro{width:100%}.hero-name{font-size:4em}.hero-info h2{font-size:2em}.anim{--block-color: rgb(9, 9, 9);--duration: .2s;position:relative;overflow:hidden;opacity:0;visibility:hidden}.anim:after{content:"";position:absolute;inset:0;background:var(--block-color);transform:translate(-101%);pointer-events:none}.reveal{animation:text-in 0s linear 0s forwards}.reveal:after{animation:var(--duration) block-in 0s forwards,var(--duration) block-out 0s forwards}@keyframes opacityIn{to{opacity:1}}@keyframes block-in{0%{transform:translate(-101%)}to{transform:translate(0)}}@keyframes block-out{0%{transform:translate(0)}to{transform:translate(101%)}}@keyframes text-in{to{opacity:1;visibility:visible}}.project-info{flex-wrap:wrap;margin-top:32px!important}.portfolio-back-btn{margin-top:32px;width:100%;justify-content:center}}@media screen and (min-width:768px)and (max-width:1024px){.contact-horizontal{flex-direction:column}}@media screen and (max-width:600px){.content{width:100vw;overflow:hidden;padding:16px}.hero-section{flex-wrap:wrap}.hero-section h1{font-size:72px}.hero-section h2{font-size:48px}.hero-section img{margin:0 auto;width:120%}.about-section{margin-top:80px;margin-left:0!important;flex-wrap:wrap}.info-section{width:100%;padding:0!important;order:0}.projects{order:1;margin-top:32px}.portfolio-section{flex-wrap:wrap}.portfolio-entry{justify-content:space-between}.portfolio-name{width:50%}.portfolio-service{width:50%;text-align:right}.blue-circle,.purple-circle{display:none}.main-menu{display:flex;flex-direction:column;gap:24px}.contact-section{flex-direction:column}.contact-form{padding:0!important}.contact-info{gap:32px}footer{flex-direction:column;align-items:center}.contact-horizontal{flex-direction:column}.filters{display:flex;flex-direction:row;flex-wrap:wrap;width:100%;margin:0 0 24px}input[type=radio]{margin-block:12px;height:24px!important}.project .project-name{font-size:10vw}.project .client-name{font-size:7vw}.projects-portfolio{height:100%;overflow:auto}.breadcrumbs{flex-wrap:wrap;gap:6px}.project-title-head h1{margin-top:12px;line-height:1em;font-size:3.2em}.project-title-head h2{font-size:2em}.project-info{flex-wrap:wrap;margin-top:32px!important}.portfolio-back-btn{margin-top:32px;width:100%;justify-content:center}}