:root{--max-width: 180rem;--color-primary: rgb(207, 38, 80);--color-primary-light-1: rgb(252, 233, 238);--color-primary-light-2: rgb(239, 127, 156);--color-primary-light-3: rgb(237, 106, 140);--color-primary-dark-1: rgb(46, 8, 18);--color-primary-dark-2: rgb(160, 29, 63);--color-primary-dark-3: rgb(206, 38, 81);--color-black-1: #0a0a0a;--color-black-2: #171717;--color-black-3: #262626;--color-white-1: #fff;--color-white-2: #d4d4d4;--color-white-3: #a8a29e;--font-family: "M PLUS 1 Code", monospace;--vs-1: 0.4rem;--vs-2: 0.8rem;--vs-3: 1.2rem;--s-1: 1.6rem;--s-2: 2rem;--s-3: 2.4rem;--m-1: 3.2rem;--m-2: 3.8rem;--m-3: 4.6rem;--b-1: 5.2rem;--b-2: 6.4rem;--b-3: 7.8rem;--vb-1: 9.2rem;--vb-2: 10.4rem;--vb-3: 12.8rem;--ps-1: 12.4rem;--ps-2: 16.4rem;--ps-2: 20.4rem;--slider-size: 3}.footer-nav-list{list-style:none}.link:link,.link:visited{text-decoration:none;color:inherit;display:inline-block;font-size:inherit;font-weight:inherit;transition:all 0.3s}.nav-container,.nav-list,.footer-container,.footer-nav,.footer-nav-list,.footer-copyright,.hero-section{display:flex;align-items:center;justify-content:center}::-moz-selection{background-color:var(--color-primary-light-1);color:var(--color-primary)}::selection{background-color:var(--color-primary-light-1);color:var(--color-primary)}*,*:after,*:before{margin:0;padding:0;box-sizing:border-box}html{font-size:48.5%;scroll-behavior:smooth;overflow-x:hidden;transition:all 0.3s}@media (min-width: 112.5em){html{font-size:62.5%}}@media (max-width: 62.5em){html{font-size:37.6%}}@media (max-width: 37.5em){html{font-size:25.6%}}@media (max-width: 19.375em){html{font-size:24%}}body{overflow:hidden;font-family:var(--font-family);font-size:var(--s-1);color:var(--color-black-3);background-color:#fff;line-height:1;font-weight:400;scroll-behavior:smooth;transition:all 0.3s}.heading-primary{line-height:1;font-size:var(--vb-2);color:transparent;background-image:linear-gradient(90deg, var(--color-primary) 0, var(--color-primary) 50%, var(--color-primary-light-1) 50%, var(--color-primary-light-1) 50.5%, transparent 50.5%, transparent 100%);padding:var(--s-3) var(--s-2);-webkit-background-clip:text;background-clip:text;background-size:220%;background-position:0;text-align:center}@media (max-width: 68.75em){.heading-primary{font-size:var(--b-3);line-height:0.5}}@media (max-width: 19.375em){.heading-primary{line-height:1;font-size:var(--b-1)}}.heading-tertiary{font-size:var(--m-3);list-style:1.15;color:var(--color-primary);font-weight:600;text-decoration:underline}.text{color:inherit}.text-v-big-light{font-size:var(--vb-1);font-weight:300}.text-v-mid-light{font-size:var(--b-3);font-weight:300}.text-mid-light{font-size:var(--b-2);font-weight:300}.text-big{font-size:var(--m-3)}@media (max-width: 19.375em){.text-big{font-size:var(--m-1)}}.text-mid{font-size:var(--m-1);line-height:1.6}.text-sml{font-size:var(--s-3);line-height:1.5}.text-highlight{display:flex;align-items:center;justify-content:center;width:var(--b-2);height:var(--b-2);text-align:center;border-radius:50%;color:var(--color-white-1);background-color:var(--color-primary)}.text-primary-light-1{color:var(--color-primary-light-1)}.container{max-width:var(--max-width);margin:0 auto}.list{list-style:none}.margin-bottom-v-big-3{margin-bottom:var(--vb-3)}.margin-bottom-v-big-2{margin-bottom:var(--vb-2)}.margin-bottom-v-big-1{margin-bottom:var(--vb-3)}.margin-bottom-big-1{margin-bottom:var(--vb-2)}.margin-bottom-big-2{margin-bottom:var(--vb-1)}.margin-bottom-big-3{margin-bottom:var(--b-3)}.margin-bottom-mid-1{margin-bottom:Var(--b-2)}.margin-bottom-mid-2{margin-bottom:var(--b-1)}.margin-bottom-mid-3{margin-bottom:var(--m-3)}.margin-bottom-sml-1{margin-bottom:var(--m-2)}.margin-bottom-sml-2{margin-bottom:var(--s-3)}.margin-bottom-sml-3{margin-bottom:var(--s-1)}.icon-big{font-size:var(--b-1);font-weight:300}.icon-sml{font-size:var(--m-2);width:var(--b-1);height:var(--b-1)}.color-primary{color:var(--color-primary)}.icon{border-radius:50%;position:relative;background-color:var(--color-primary-light-1)}.icon-mid-bg{width:var(--b-2);padding:var(--vs-3)}.flex-center{display:flex;align-items:center;justify-content:center;gap:var(--vs-2)}.tag{display:inline-block;padding:var(--vs-1) var(--s-1);border-radius:var(--vb-2);background-color:var(--color-primary);color:var(--color-white-1)}@media (max-width: 31.25em){.tag{width:-moz-fit-content;width:fit-content}}.section{padding:var(--ps-1) var(--ps-2);transition:0.6s all}@media (max-width: 68.75em){.section{padding:var(--b-2) var(--b-2)}}@media (max-width: 68.75em){.section{padding:var(--b-3) var(--m-3) var(--b-2)}}.section-hidden{opacity:0;transform:translateY(var(--vb-3))}@keyframes appear-in{0%{opacity:0;transform:translateY(var(--b-2))}100%{opacity:1;transform:translateY(0)}}.appear-in{animation:appear-in 0.6s}@keyframes opac-in{0%{filter:blur(5px)}100%{filter:blur(0)}}.opac-in{animation:opac-in 0.6s}@keyframes move-down{0%{opacity:0;transform:translateY(var(--b-2))}100%{opacity:1;transform:translateY(0)}}.move-down{animation:move-down 0.4s 0.6s backwards}@keyframes slide-in-bg{0%{background-position:100%}100%{background-position:0}}.slide-in-bg{animation:slide-in-bg 1.6s 1s backwards}@keyframes move-up{0%{opacity:0;transform:translateY(var(--m-1))}100%{opacity:1;transform:translate(0)}}.move-up{animation:move-up 0.6s 2s backwards}.link:hover,.link:active{color:var(--color-primary)}.link-underline:link,.link-underline:visited{text-decoration:underline}.link-main:link,.link-main:visited{border-radius:var(--vs-1);padding:var(--vs-2) var(--s-2);color:var(--color-white-1);background-color:var(--color-primary);border:var(--vs-1) solid transparent}.link-main:hover,.link-main:active{border:var(--vs-1) solid var(--color-primary);box-shadow:0 0 0 0 var(--vs-1) var(--color-primary) inset;background-color:transparent;color:var(--color-primary)}.link-white-bg:link,.link-white-bg:visited{border-radius:var(--vs-1);color:var(--color-white-1) !important;border:var(--vs-1) solid var(--color-white-1) !important;padding:var(--vs-2) var(--s-2)}.link-white-bg:hover,.link-white-bg:active{color:var(--color-primary) !important;background-color:var(--color-white-1) !important}.link-white-txt:link,.link-white-txt:visited{color:var(--color-white-1)}.link-white-txt:hover,.link-white-txt:active{text-decoration:underline}.header{width:100vw;padding:var(--s-1) var(--b-2);height:-moz-fit-content;height:fit-content;position:relative;background-color:var(--color-white-1);transition:all 0.4s}.header-sticky{transition:all 0.4s;z-index:99;position:fixed;top:0}.nav-container{justify-content:space-between}.nav-logo-box{display:flex !important;align-items:center;gap:var(--vs-2)}.nav-logo-img{width:var(--b-3)}.nav-list{gap:var(--m-3);transition:all 0.3s}.nav-btn{background:none;border:none;display:none;flex-direction:column;gap:var(--vs-1);z-index:1}.nav-btn-line{width:var(--m-2);height:var(--vs-1);background-color:var(--color-black-1);border-radius:var(--b-1);transition:all 0.4s}.nav-open>.nav-list{opacity:1;visibility:visible;pointer-events:auto;transform:translate(0, 0)}.nav-open>.nav-btn>.nav-btn-line:nth-child(2){display:none}.nav-open>.nav-btn>.nav-btn-line:first-child{transform:translateY(var(--vs-1)) rotate(-135deg)}.nav-open>.nav-btn>.nav-btn-line:last-child{transform:translateY(calc(-1 * var(--vs-1))) rotate(135deg)}@media (max-width: 50em){.nav-list{opacity:0;visibility:hidden;pointer-events:none;height:100vh;width:40vw;flex-direction:column;-webkit-backdrop-filter:blur(2.5rem);backdrop-filter:blur(2.5rem);background-color:rgba(var(--color-white-1), 0.05);position:absolute;top:0;right:0;z-index:999;font-size:var(--m-1);transform:translate(100%, 0)}.nav-btn{display:flex;z-index:9999}}@media (max-width: 25em){.nav-list{width:55vw}}.slider{display:grid;grid-template-columns:repeat(var(--slider-size), 100%);position:relative}.slider-box{display:grid;grid-template-columns:1fr auto;align-items:center;-moz-column-gap:var(--m-1);column-gap:var(--m-1);row-gap:var(--s-3);transition:1s all;padding:var(--s-3) var(--vb-1)}.slider-box-description{grid-column:1 / -1}.slider-box-link{font-size:var(--s-3);grid-column:1 / 1}.slider-box-tech-stack{display:flex;align-items:center;gap:var(--s-1);grid-column:1 / 1}@media (max-width: 18.75em){.slider-box-tech-stack p:first-child{display:none}}@media (max-width: 31.25em){.slider-box{grid-template-columns:1fr}}.slider-btn{border:none;position:absolute;top:50%;transform:translate(0, -50%);cursor:pointer}.slider-btn--left{left:0;transform:translate(0, -50%)}.slider-btn--right{right:0;transform:translate(0, -50%)}.tab-comp{display:grid;grid-template-columns:auto 1fr;-moz-column-gap:var(--s-2);column-gap:var(--s-2)}.tab-comp-btn-container{display:flex;align-items:center;justify-self:center;flex-direction:column;gap:var(--s-1);margin-top:var(--b-3)}.tab-comp-btn{background:none;width:100%;padding:var(--vs-3) var(--s-3);border-radius:var(--s-3);border:0.2rem solid var(--color-primary-light-1);background-color:var(--color-white-1);cursor:pointer;transition:all 0.6s}.tab-comp-btn--active{background-color:var(--color-primary);color:var(--color-white-1);border:0.1rem solid transparent}.tab-comp-data-container{border-radius:var(--b-1);overflow:hidden;border:0.1rem solid var(--color-primary-light-1)}.tab-comp-data{width:100%;height:100%;padding:var(--b-2) var(--b-3);display:none}.tab-comp-data--active{display:block;background-image:linear-gradient(to bottom right, var(--color-primary), var(--color-primary-dark-3))}@media (max-width: 43.75em){.tab-comp-data{padding:var(--m-3)}}.tab-comp-img{width:var(--vb-2);height:var(--vb-2);border-radius:50%}.gallery-img-box{display:grid;grid-template-columns:1fr 1fr 1fr;-moz-column-gap:var(--m-3);column-gap:var(--m-3)}@media (max-width: 31.25em){.gallery-img-box{grid-template-columns:1fr;width:80%;margin:0 auto;row-gap:var(--m-3)}}.gallery-img{width:100%;transition:all 0.3s}.lazy-img>.gallery-box img[data-src]{filter:blur(0.5rem)}.footer{padding:var(--vb-3) var(--b-2) var(--b-1);background-color:var(--color-primary);clip-path:polygon(0 15%, 100% 0, 100% 100%, 0 100%);color:var(--color-primary-light-1)}.footer-container{flex-direction:column}.footer-img{width:var(--ps-1);height:var(--ps-1);padding:var(--vs-3)}.footer-nav-list{gap:var(--vs-3);line-break:auto}@media (max-width: 20.3125em){.footer-copyright{flex-direction:column;gap:0.05rem !important}}.hero-section{flex-direction:column;padding:8% 0;height:85vh}.hero-img{width:15%}@media (max-width: 50em){.hero-img{width:25%}}@media (max-width: 37.5em){.hero-img{width:30%}}@media (max-width: 18.75em){.hero-img{width:45%}}.about-section,.gallery-section{background-image:linear-gradient(to bottom right, var(--color-primary), var(--color-primary-dark-3));color:var(--color-primary-light-1);clip-path:polygon(0 10%, 100% 0, 100% 90%, 0 100%);padding:var(--ps-2)}@media (max-width: 68.75em){.about-section,.gallery-section{padding:var(--ps-2) var(--b-3)}}@media (max-width: 21.875em){.about-section{clip-path:polygon(0 5%, 100% 0, 100% 95%, 0 100%)}}@media (max-width: 31.25em){.gallery-section{text-align:center;padding:var(--ps-2) var(--b-3);clip-path:polygon(0 5%, 100% 0, 100% 95%, 0 100%)}}.tech-icon-box{display:flex;align-items:center;gap:var(--s-1)}