.app{display:flex;height:100dvh;flex-direction:column;padding:1.6rem;gap:1.6rem;background-color:var(--main);z-index:3;position:relative;overflow:hidden;transition:background-color .4s ease-in-out}@media all and (min-width: 720px){.app{padding:2.4rem;gap:2.4rem}}@media all and (min-width: 1024px){.app{padding:3.6rem;gap:3.6rem}}.dark .app{background-color:var(--main-dark);color-scheme:dark}html{font-size:62.5%}*,*:before,*:after{box-sizing:border-box}*{margin:0}body{line-height:1;-webkit-font-smoothing:antialiased;transition:color .2s ease-in;color:var(--secondary)}.dark body{color:var(--secondary-dark)}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}h1,h2,h3,h4,h5,h6,p,span,a,button{overflow-wrap:break-word;font-family:"source sans 3",Arial,Helvetica,sans-serif}#root,#__next{isolation:isolate}section,article,main{flex:1;display:flex;flex-direction:column;z-index:1}section{border:1px solid var(--secondary)}ul{padding:0}li{list-style:none}.dark section{border-color:var(--secondary--dark)}h1,h2,h3,h4,h5,p,span,a,button{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:300}.navbar .title,.navbar .title--active,.navbar .index,.navbar .index--active{font-size:clamp(1.6rem,4vw,2.4rem)}.navbar .title,.navbar .index{font-weight:500}.navbar .title--active,.navbar .index--active{font-weight:800}@media all and (min-width: 480px){.navbar .title,.navbar .index{font-weight:400}.navbar .title--active,.navbar .index--active{font-weight:600}}@media all and (min-width: 1024px){.navbar .title,.navbar .title--active,.navbar .index,.navbar .index--active{font-size:clamp(2rem,6vw,3.2rem)}}@media all and (max-height: 780px){.navbar .title,.navbar .title--active,.navbar .index,.navbar .index--active{font-size:clamp(1rem,3vw,1.6rem)}.navbar .title,.navbar .index{font-weight:500}.navbar .title--active,.navbar .index--active{font-weight:600}}.section__header .section-name,.section__header .link-text{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:500}.section__header .section-index{font-size:clamp(1rem,3vw,1.6rem);line-height:clamp(1rem,3vw,1.6rem);font-weight:500}@media all and (max-height: 780px){.section__header .section-index,.section__header .section-name,.section__header .link-text{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}}.home .title{font-size:clamp(3.2rem,4vw,4rem);font-weight:600}.home .timer,.home .subtitle{font-size:clamp(1.4rem,4vw,2rem);font-weight:500}@media all and (min-width: 360px){.home .title{font-weight:600}.home .timer,.home .subtitle{font-weight:400;text-transform:uppercase}}@media all and (min-width: 720px){.home .title{text-align:center;font-size:clamp(3.2rem,4vw,4rem);font-weight:400}.home .timer,.home .subtitle{font-size:clamp(1.4rem,4vw,2rem)}}@media all and (min-width: 1024px){.home .title{font-size:clamp(7.2rem,8vw,12rem)}}@media all and (max-height: 780px){.home .title{font-size:clamp(1.6rem,4vw,2.4rem)}.home .timer,.home .subtitle{font-size:clamp(1.4rem,4vw,2rem)}}.hello .list-title{text-transform:uppercase}.hello .char,.hello .index{font-size:clamp(1.4rem,4vw,2rem);font-weight:600}.hello .list-title{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}.hello .text{font-size:clamp(2rem,6vw,3.2rem);font-weight:500}@media all and (min-width: 360px){.hello .text{font-weight:400}.hello .char,.hello .index{font-weight:500}}@media all and (min-width: 1024px){.hello .text{font-size:clamp(2rem,6vw,3.2rem);font-weight:400}}@media all and (min-width: 360px) and (max-height: 780px){.hello .char,.hello .index{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}}@media all and (max-height: 780px){.hello .list-title{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}.hello .text{font-size:clamp(1.4rem,4vw,2rem)}}.project-tab .title,.project-tab .title--hover{font-weight:400}.project-tab .title{font-size:clamp(2rem,6vw,3.2rem)}.project-tab .title--hover{text-transform:uppercase;font-size:clamp(3.2rem,4vw,4rem)}.project-tab .index,.project-tab .date,.project-tab .type{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}@media all and (min-width: 360px) and (max-height: 780px){.project-tab .index,.project-tab .date,.project-tab .type{font-size:clamp(1rem,3vw,1.6rem)}}@media all and (max-height: 780px){.project-tab .title,.project-tab .title--hover{font-size:clamp(1.6rem,4vw,2.4rem)}}.single-project .title{font-size:clamp(3.2rem,4vw,4rem);font-weight:400}.single-project .list-title{text-transform:uppercase}.single-project .text,.single-project .link-text,.single-project .link-text--hover{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:400}.single-project .index,.single-project .type,.single-project .date,.single-project .list-title{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}@media all and (min-width: 1024px){.single-project .text{font-size:clamp(2rem,6vw,3.2rem)}}@media all and (max-height: 780px){.single-project .title{font-size:clamp(1.6rem,4vw,2.4rem)}.single-project .text,.single-project .link-text,.single-project .link-text--hover{font-size:clamp(1.4rem,4vw,2rem)}}.contact .text{font-size:clamp(1rem,3vw,1.6rem);font-weight:500}@media all and (max-height: 780px){.contact .text{font-size:clamp(1rem,3vw,1.6rem)}}.contact .link--contact .text,.contact .link--contact .link-span,.contact .link--contact .link-span--hover{font-size:clamp(1rem,3vw,1.6rem);font-weight:400}.contact .link--contact .link-text{font-size:clamp(2rem,6vw,3.2rem);font-weight:400}.contact .link--contact .link-text--hover{font-size:clamp(3.2rem,4vw,4rem);font-weight:400}.contact .link--contact .span--hover{font-weight:600}@media all and (max-height: 780px){.contact .link--contact .text,.contact .link--contact .link-span,.contact .link--contact .link-span--hover{font-size:clamp(1rem,3vw,1.6rem)}.contact .link--contact .link-text,.contact .link--contact .link-text--hover{font-size:clamp(1.6rem,4vw,2.4rem)}}@font-face{font-family:"source sans 3";src:url(/fonts/SourceSans3-VariableFont_wght.ttf) format("truetype");font-style:normal;font-weight:light}.link{text-decoration:none;font-size:clamp(1.6rem,4vw,2.4rem);color:var(--secondary);width:fit-content}.link--to-home{display:flex;position:relative}.link--to-home:hover .link-text{font-style:italic}.link--project{text-transform:uppercase;box-shadow:inset 0 0 0 .1rem var(--secondary);border-radius:2.4rem;padding:.6rem 1.2rem;display:flex;align-items:center;justify-content:center}.link--project .link-text,.link--project .link-text--hover{transition:transform .3s cubic-bezier(.34,.79,.73,.92),opacity .2s ease-in-out}.link--project .link-text{transform:translateY(0)}.link--project .link-text--hover{position:absolute;color:var(--main);transform:translateY(calc(100% + 1.2rem))}@media all and (min-width: 720px){.link--project:hover .link-text{transform:translateY(-100%)}.link--project:hover .link-text--hover{transform:translateY(0)}}.link--contact{position:relative;width:100%}.link--contact .row{display:grid;grid-template-columns:repeat(2,1fr);width:100%;height:100%;padding-top:1.6rem;transform:translateY(0);transition:transform .3s cubic-bezier(.34,.79,.73,.92),opacity .2s ease-in-out}.link--contact .row--hover{top:0;right:0;bottom:0;left:0;position:absolute;transform:translateY(100%);opacity:0}.link--contact .link-text-container{display:flex;flex-direction:column}@media all and (min-width: 720px){.link--contact .link-text-container{flex-direction:row}}@media all and (min-width: 360px) and (max-height: 780px){.link--contact .link-text-container{flex-direction:row}}.link--contact:hover .row:nth-child(1){transform:translateY(-100%);opacity:0}.link--contact:hover .row--hover{transform:translateY(0);opacity:1}.dark .link{color:var(--secondary-dark)}.dark .link--project{box-shadow:inset 0 0 0 .1rem var(--secondary-dark)}.dark .link--project .link-text--hover{color:var(--main-dark)}.arrow{display:flex;justify-content:flex-end;width:clamp(1.6rem,4vw,2.4rem);height:clamp(1.6rem,4vw,2.4rem)}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer;border:none;outline:none;margin:0;padding:0;width:fit-content;height:fit-content;background-color:transparent}.btn--select-project{position:absolute;top:0;right:0;bottom:0;left:0;width:auto;height:auto}.btn--close-project,.btn--hello-toggler{z-index:2;display:flex;position:absolute;right:1.6rem;background-color:var(--main);border:1px solid var(--secondary);transform:translateY(0);transition:transform .2s .6s cubic-bezier(.34,.79,.73,.92)}@media all and (min-width: 720px){.btn--close-project,.btn--hello-toggler{right:2.4rem}}.btn--close-project .btn,.btn--hello-toggler .btn{display:flex;align-items:center;transition:padding .2s cubic-bezier(.34,.79,.73,.92);padding:1.92rem 1.2rem}.btn--close-project .btn:hover,.btn--hello-toggler .btn:hover{padding-top:3.6rem}@media all and (min-width: 360px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:2.4rem 1.2rem 1.92rem}}@media all and (min-width: 720px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:2.88rem 1.2rem 1.92rem}.btn--close-project .btn:hover,.btn--hello-toggler .btn:hover{padding-top:5.4rem}}@media all and (min-width: 1024px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:3.12rem 1.6rem 2.4rem}}@media all and (max-height: 780px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:1.92rem 1.2rem 1.6rem}}@media all and (min-width: 360px) and (max-height: 780px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:1.92rem 1.2rem}}@media all and (min-width: 720px) and (max-height: 780px){.btn--close-project .btn,.btn--hello-toggler .btn{padding:3.12rem 1.2rem 1.92rem}.btn--close-project .btn:hover,.btn--hello-toggler .btn:hover{padding-top:4.32rem}}.btn--close-project .burger,.btn--close-project .burger:before,.btn--hello-toggler .burger,.btn--hello-toggler .burger:before{width:clamp(1.6rem,4vw,2.4rem);height:.2rem;background-color:var(--secondary)}@media all and (max-height: 780px){.btn--close-project .burger,.btn--close-project .burger:before,.btn--hello-toggler .burger,.btn--hello-toggler .burger:before{width:clamp(1.4rem,4vw,2rem)}}.btn--close-project .burger:before,.btn--hello-toggler .burger:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(0)}.btn--close-project{top:0;border-bottom-right-radius:3.6rem;border-bottom-left-radius:3.6rem;border-top:none}.btn--close-project.hidden{transform:translateY(-100%);transition:transform .2s cubic-bezier(.34,.79,.73,.92)}.btn--close-project .btn .burger{transform:rotate(45deg)}.btn--close-project .btn .burger:before{transform:translate(-50%,-50%) rotate(90deg)}.btn--hello-toggler.prev{z-index:3;top:0;border-top:none;border-bottom-right-radius:3.6rem;border-bottom-left-radius:3.6rem}.btn--hello-toggler.prev.hidden{transform:translateY(-100%);transition:transform .2s cubic-bezier(.34,.79,.73,.92)}.btn--hello-toggler.prev .btn .burger:before{content:none}.btn--hello-toggler.next{z-index:1;bottom:0;border-bottom:none;border-top-right-radius:3.6rem;border-top-left-radius:3.6rem}.btn--hello-toggler.next.hidden{transform:translateY(100%);transition:transform .2s cubic-bezier(.34,.79,.73,.92)}.btn--hello-toggler.next .btn{padding:1.92rem 1.2rem}.btn--hello-toggler.next .btn:hover{padding-bottom:3.6rem}@media all and (min-width: 360px){.btn--hello-toggler.next .btn{padding:1.92rem 1.2rem 2.4rem}}@media all and (min-width: 720px){.btn--hello-toggler.next .btn{padding:1.92rem 1.2rem 2.88rem}.btn--hello-toggler.next .btn:hover{padding-bottom:5.4rem}}@media all and (min-width: 1024px){.btn--hello-toggler.next .btn{padding:2.4rem 1.6rem 3.12rem}}@media all and (max-height: 780px){.btn--hello-toggler.next .btn{padding:1.6rem 1.2rem 1.92rem}}@media all and (min-width: 360px) and (max-height: 780px){.btn--hello-toggler.next .btn{padding:1.92rem 1.2rem 2.4rem}}@media all and (min-width: 720px) and (max-height: 780px){.btn--hello-toggler.next .btn{padding:1.92rem 1.2rem 3.12rem}.btn--hello-toggler.next .btn:hover{padding-bottom:4.32rem}}.btn--hello-toggler.next .btn .burger{transform:rotate(0)}.btn--hello-toggler.next .btn .burger:before{transform:translate(-50%,-50%) rotate(90deg)}.dark .btn--close-project,.dark .btn--hello-toggler{color:var(--secondary-dark);border-color:var(--secondary--dark);background-color:var(--main-dark)}.dark .btn--close-project .burger,.dark .btn--close-project .burger:before,.dark .btn--hello-toggler .burger,.dark .btn--hello-toggler .burger:before{background-color:var(--secondary-dark)}.sliding-main{z-index:0}.sliding-page-1,.sliding-page-2{position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(0);transition:transform .6s cubic-bezier(.34,.79,.73,.92)}.sliding-page-1.hidden,.sliding-page-2.hidden{transition:transform .6s cubic-bezier(.34,.79,.73,.92)}.sliding-page-1.hidden{transform:translateY(calc(-100% - 1px))}.sliding-page-2.hidden{transform:translateY(calc(100% + 1px))}:root{--main: oklch(99.51% .009 106.57);--secondary: oklch(38.2% .024 107.5);--grey-100: oklch(93.62% .008 98.88);--grey-200: oklch(88.77% .011 95.18);--grey-300: oklch(83.67% .015 102.5);--blue: oklch(86.41% .08 233.25);--green: oklch(84.69% .121 158.96);--pink: oklch(85.35% .103 342.81);color-scheme:light}:root.dark{--main-dark: oklch(21.22% .015 157.39);--secondary-dark: oklch(71.82% .005 48.66);--grey-dark-100: oklch(48.3% .004 145.51);--grey-dark-200: oklch(40.94% .005 157.01);--grey-dark-300: oklch(33.71% .005 156.94);--blue-dark: oklch(36.49% .133 264.72);--green-dark: oklch(45.08% .098 155.32);--pink-dark: oklch(38.93% .158 339.62);color-scheme:dark}.color--main{color:var(--main)}.color--secondary{color:var(--secondary)}.flex-1{flex:1}.flex{display:flex}.flex--row{display:flex;flex-direction:row}.flex--column{display:flex;flex-direction:column}.ai--center{align-items:center}.ai--start{align-items:flex-start}.ai--end{align-items:flex-end}.jc--center{justify-content:center}.jc--start{justify-content:flex-start}.jc--end{justify-content:flex-end}.jc--between{justify-content:space-between}.overflow--hidden{overflow:hidden}.ff--literata{font-family:Literata,Cambria,Cochin,Georgia,Times,Times New Roman,serif}.underline{text-decoration:underline}.ta--right{text-align:right}.ta--center{text-align:center}.ta--left{text-align:left}.hover--bg-b{position:relative;overflow:hidden}.hover--bg-b:before{position:absolute;content:"";top:0;right:0;bottom:0;left:0;background-color:var(--secondary);transform:scaleY(0%);transform-origin:bottom;transition:transform .2s ease-in-out}@media all and (min-width: 720px){.hover--bg-b:hover:before{transform:scaleY(1)}}.dark .hover--bg-b:before{background-color:var(--secondary-dark)}.transition-delay--100{transition:opacity .3s .3s,transform .3s .3s}.transition-delay--200{transition:opacity .3s .6s,transform .3s .6s}.transition-delay--300{transition:opacity .3s .8s,transform .3s .8s}.transition-delay--400{transition:opacity .3s 1.1s,transform .3s 1.1s}.transition-delay--500{transition:opacity .3s 1.4s,transform .3s 1.4s}.transition-delay--600{transition:opacity .3s 1.7s,transform .3s 1.7s}.transition-delay--700{transition:opacity .3s 2s,transform .3s 2s}.transition-delay--800{transition:opacity .3s 2.3s,transform .3s 2.3s}.transition-delay--900{transition:opacity .3s 2.6s,transform .3s 2.6s}.transition-delay--1000{transition:opacity .3s 2.9s,transform .3s 2.9s}.transition-delay--1100{transition:opacity .3s 3.2s,transform .3s 3.2s}.transition-delay--1200{transition:opacity .3s 3.5s,transform .3s 3.5s}.active{opacity:1}.active,.going-to-next,.coming-from-next,.going-to-prev,.coming-from-prev{transition:transform .3s ease-in-out,opacity .2s ease-in-out}.going-to-next,.coming-from-next{transform:translate(-25%);opacity:0}.going-to-prev,.coming-from-prev{transform:translate(25%);opacity:0}.section__header{display:grid;grid-template-columns:repeat(3,1fr);align-items:center;padding:1.6rem;border-bottom:1px solid var(--secondary)}@media all and (min-width: 1024px){.section__header{padding:2.4rem}}.section__header-item:nth-child(2){text-align:center}.section__header-item:nth-child(3){text-align:right}.dark .section__header{border-color:var(--secondary--dark)}.light-toggler-container{cursor:pointer;width:2.4rem;height:4.8rem;box-shadow:0 0 0 1px var(--secondary);border-radius:2.4rem;padding:0 0 100%;transition:padding .3s ease-in-out}@media all and (min-width: 360px){.light-toggler-container{width:4.8rem;height:2.4rem;padding:0 50% 0 0}}@media all and (min-width: 1024px){.light-toggler-container{width:7.2rem;height:3.6rem}}.light-toggler-container:has(input:checked){padding:100% 0 0}@media all and (min-width: 360px){.light-toggler-container:has(input:checked){padding:0 0 0 50%}}.light-toggler-button{width:2.4rem;height:2.4rem;background-color:var(--main);box-shadow:0 0 0 1px var(--secondary);border-radius:50%;transition:background-color .2s ease-in-out}@media all and (min-width: 480px){.light-toggler-button:hover{background-color:var(--secondary)}}@media all and (min-width: 1024px){.light-toggler-button{width:3.6rem;height:3.6rem}}.dark .light-toggler-container{box-shadow:0 0 0 1px var(--secondary-dark)}.dark .light-toggler-button{background-color:var(--main-dark);box-shadow:0 0 0 1px var(--secondary-dark);transition:background-color .2s ease-in-out}@media all and (min-width: 480px){.dark .light-toggler-button:hover{background-color:var(--secondary-dark)}}.single-project{display:grid;grid-template-rows:repeat(2,1fr);z-index:1;opacity:1}@media all and (min-width: 1024px){.single-project{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media all and (min-width: 720px) and (max-height: 780px){.single-project{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}.single-project__header,.single-project__main{padding:1.6rem}@media all and (min-width: 1024px){.single-project__header,.single-project__main{padding:2.4rem}}.single-project__header{display:flex;flex-direction:column;justify-content:space-between;position:relative;border-bottom:1px dashed var(--secondary)}@media all and (min-width: 1024px){.single-project__header{border-bottom:none;border-right:1px dashed var(--secondary)}}@media all and (min-width: 720px) and (max-height: 780px){.single-project__header{border-right:1px dashed var(--secondary);border-bottom:none}}.single-project__header-row{display:flex;justify-content:space-between}.single-project__header-row .title{text-align:center;text-transform:uppercase;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.single-project__header-row .type{text-transform:uppercase}.single-project-row{display:flex;gap:1.6rem}.single-project-subtitle{justify-content:space-between}.single-project__main{display:flex;flex-direction:column;gap:3.6rem;display:grid;grid-template-rows:auto 1fr auto}.single-project-description{max-width:75%}.single-project-attributes{margin-top:auto}@media all and (min-width: 1024px){.single-project-attributes{gap:2.4rem}}.single-project-attribute{display:flex;flex-direction:column;gap:1.6rem}@media all and (min-width: 720px){.single-project-attribute{gap:2.4rem}}.single-project-attribute-list{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.6rem;row-gap:1.6rem}@media all and (min-width: 360px){.single-project-attribute-list{grid-template-columns:repeat(3,1fr)}}@media all and (max-height: 780px){.single-project-attribute-list{column-gap:1.2rem;row-gap:1.2rem}}@media all and (min-width: 360px) and (max-height: 780px){.single-project-attribute-list{grid-template-columns:repeat(3,1fr);column-gap:1.6rem;row-gap:1.6rem}}@media all and (min-width: 720px) and (max-height: 780px){.single-project-attribute-list{grid-template-columns:repeat(2,1fr);column-gap:1.6rem;row-gap:1.6rem}}.single-project-attribute-list .list-item{display:flex;align-items:center;gap:.6rem}@media all and (min-width: 1024px){.single-project-attribute-list .list-item{flex-direction:column;align-items:flex-start;gap:2.4rem}}.single-project-links{display:flex;justify-content:space-between;gap:clamp(1.6rem,4vw,2.4rem)}.dark .single-project__header{border-color:var(--secondary--dark)}.project-tab{display:flex;flex-direction:column;box-shadow:1px 1px 0 var(--secondary);position:relative;overflow:hidden;color:var(--secondary)}@media all and (min-width: 720px){.project-tab:hover .project-tab__cover{transform:translateY(-100%);opacity:0}.project-tab:hover .project-tab__cover--hover{transform:translateY(0);opacity:1}}.project-tab .project-tab__cover{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:auto 1fr auto;width:100%;max-height:100%;padding:1.6rem;overflow:hidden;position:relative;transform:translateY(0);transition:transform .4s cubic-bezier(.34,.79,.73,.92),opacity .2s ease-in-out}@media all and (min-width: 1024px){.project-tab .project-tab__cover{padding:2.4rem}}.project-tab .project-tab__cover--hover{display:flex;flex-direction:column;align-items:center;justify-content:center;position:absolute;top:0;right:0;bottom:0;left:0;transform:translateY(100%);transition:transform .4s cubic-bezier(.34,.79,.73,.92),opacity .2s ease-in-out;opacity:0}.project-tab .project-tab__cover--hover .arrow{position:absolute;bottom:1.6rem}@media all and (min-width: 720px) and (max-height: 780px){.project-tab .project-tab__cover--hover .arrow{bottom:2.4rem}}.project-tab .project-tab__cover--hover .arrow:nth-child(2){left:1.6rem}@media all and (min-width: 720px) and (max-height: 780px){.project-tab .project-tab__cover--hover .arrow:nth-child(2){left:2.4rem}}.project-tab .project-tab__cover--hover .arrow:nth-child(3){right:1.6rem}@media all and (min-width: 720px) and (max-height: 780px){.project-tab .project-tab__cover--hover .arrow:nth-child(3){right:2.4rem}}.project-tab .project-tab__index,.project-tab .project-tab__title{grid-column:2 span}.project-tab .project-tab__title{text-align:center;margin:auto}.project-tab .project-tab__type{text-align:right}.project-tab .project-tab__title--hover{color:var(--secondary)}.dark .project-tab{box-shadow:1px 1px 0 var(--secondary-dark);color:var(--secondary-dark)}.dark .project-tab__title--hover,.dark .project-tab .arrow{color:var(--secondary-dark)}.navbar{display:flex;flex-direction:row;overflow:hidden;border:1px solid var(--secondary)}.navbar-item{flex:1;display:flex;text-transform:uppercase;position:relative;color:var(--secondary);border-right:1px solid var(--secondary);overflow:hidden;transition:color .2s ease-in,background-color .2s ease-in}.navbar-item:after{background-color:var(--secondary)}.navbar-item:nth-child(1):before{background-color:var(--blue)}.navbar-item:nth-child(2):before{background-color:var(--green)}.navbar-item:nth-child(3){border-right:none}.navbar-item:nth-child(3):before{background-color:var(--pink)}.navbar-item:before,.navbar-item:after{position:absolute;top:100%;bottom:0;width:100%;transition:top .3s cubic-bezier(.34,.79,.73,.92);content:""}.navbar-item__title-container,.navbar-item__title-container--active{position:relative;flex:1;display:flex;align-items:center;justify-content:center;padding:1.2rem;overflow:hidden;transition:transform .3s cubic-bezier(.34,.79,.73,.92)}@media all and (min-width: 480px){.navbar-item__title-container,.navbar-item__title-container--active{justify-content:space-between;padding:1.2rem 1.6rem}}@media all and (min-width: 1024px){.navbar-item__title-container,.navbar-item__title-container--active{padding:1.6rem 2.4rem}}.navbar-item__title-container--active{z-index:1;position:absolute;top:0;right:0;bottom:0;left:0;width:100%;overflow:hidden;transform:translateY(100%)}.navbar-item__index,.navbar-item__index--active{display:none}@media all and (min-width: 480px){.navbar-item__index,.navbar-item__index--active{display:block}}.navbar-item__title--active,.navbar-item__index--active{color:var(--main)}.navbar-item:hover:before{top:0}.navbar-item.active:after{top:0}.navbar-item.active .navbar-item__title-container{transform:translateY(-100%)}.navbar-item.active .navbar-item__title-container--active{transform:translateY(0)}.dark .navbar{border-color:var(--secondary--dark)}.dark .navbar-item{color:var(--secondary-dark);border-color:var(--secondary-dark)}.dark .navbar-item:after{background-color:var(--secondary-dark)}.dark .navbar-item:nth-child(1):before{background-color:var(--blue-dark)}.dark .navbar-item:nth-child(2):before{background-color:var(--green-dark)}.dark .navbar-item:nth-child(3):before{background-color:var(--pink-dark)}.dark .navbar-item__title--active,.dark .navbar-item__index--active{color:var(--main-dark)}.home{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;position:relative}@media all and (min-width: 1024px){.home{padding:2.4rem}}.home__header{flex:1;display:flex;align-items:flex-start;justify-content:flex-start;position:relative;z-index:3}.home__header-title{position:absolute;top:0;left:0;max-width:40%;display:flex;justify-content:center;overflow:hidden}@media all and (min-width: 720px){.home__header-title{top:50%;left:50%;max-width:100%;transform:translate(-50%,-48%);justify-content:center}}.home__header-subtitle{position:absolute;display:flex;flex-direction:column;justify-content:space-between;width:fit-content;inset:auto 0 0 0}.home__header-timer{position:absolute;display:flex;align-items:center;justify-content:center;bottom:0;right:0;overflow:hidden}.home__header-light-toggler{position:absolute;top:0;right:0;display:flex}.home__main{position:absolute;display:flex;padding:40% 20%;top:0;right:0;bottom:0;left:0}@media all and (min-width: 720px){.home__main{padding:12rem}}@media all and (min-width: 1024px){.home__main{padding:16rem}}.home__main-round-box{flex:1;display:flex;border:1px dashed var(--secondary);border-radius:12rem;position:relative}@media all and (min-width: 720px){.home__main-round-box{border-radius:32rem}}@media all and (min-width: 1024px){.home__main-round-box{border-radius:48rem}}.home__main-round-box:before,.home__main-round-box:after{position:absolute;content:""}.home__main-round-box:before{top:50%;right:50%;bottom:50%;left:0;border-right:1px dashed}@media all and (min-width: 720px){.home__main-round-box:before{top:50%;right:50%;bottom:50%;left:0}}.home__main-round-box:after{top:50%;right:50%;bottom:0;left:50%;border-top:1px dashed}@media all and (min-width: 720px){.home__main-round-box:after{top:50%;right:50%;bottom:0;left:50%}}.home.active .home__main-round-box:before{top:25%;right:50%;bottom:25%;left:0;transition:top .4s .1s,right .4s .1s,bottom .4s .1s,left .4s .1s}@media all and (min-width: 720px){.home.active .home__main-round-box:before{top:12%;right:50%;bottom:12%;left:0}}.home.active .home__main-round-box:after{top:50%;right:20%;bottom:0;left:20%;transition:top .4s .1s,right .4s .1s,bottom .4s .1s,left .4s .1s}@media all and (min-width: 720px){.home.active .home__main-round-box:after{top:50%;right:12%;bottom:0;left:12%}}.dark .home__main-round-box{border-color:var(--secondary--dark)}.hello{display:flex;flex-direction:column;overflow:hidden}.hello__main{display:flex;flex-direction:column;overflow:hidden;position:relative}.hello__page-1,.hello__page-2{padding:1.6rem}@media all and (min-width: 720px){.hello__page-1,.hello__page-2{padding:2.4rem}}.hello__page-2{display:grid;flex-direction:column;background-color:var(--main);box-shadow:0 -1px 0 0 var(--secondary)}.hello__page-2.hidden{box-shadow:inset 0 1px 0 0 var(--secondary)}@media all and (min-width: 1024px){.hello__page-2{grid-template-columns:repeat(2,1fr)}}@media all and (min-width: 720px) and (max-height: 780px){.hello__page-2{grid-template-columns:repeat(2,1fr)}}@media all and (min-height: 1024px){.hello__page-2{grid-template-columns:auto}}.hello__description{flex:1;display:flex;flex-direction:column}.hello__description-grid{display:grid;grid-template-rows:repeat(4,1fr);height:100%}@media all and (min-width: 720px){.hello__description-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}@media all and (min-width: 360px) and (max-height: 780px){.hello__description-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr)}}.hello__description-grid-item{position:relative;display:flex;flex-direction:column;justify-content:space-between;padding-top:1.6rem;padding-bottom:1.6rem;gap:1.6rem;border-bottom:1px dashed var(--secondary)}.hello__description-grid-item:nth-child(1){padding-top:0}.hello__description-grid-item:nth-child(4){padding-bottom:0;border-bottom:none}.hello__description-grid-item .text{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50%;text-align:center}@media all and (min-width: 480px){.hello__description-grid-item .text{width:75%}}@media all and (min-width: 720px){.hello__description-grid-item:nth-child(1){border-right:1px dashed var(--secondary)}.hello__description-grid-item:nth-child(2){padding-top:0}.hello__description-grid-item:nth-child(3){padding-bottom:0;border-right:1px dashed var(--secondary);border-bottom:none}.hello__description-grid-item:nth-child(2n){padding-left:1.6rem}}@media all and (min-width: 1024px){.hello__description-grid-item{padding-top:2.4rem;padding-bottom:2.4rem}.hello__description-grid-item:nth-child(2n){padding-left:2.4rem}.hello__description-grid-item .text{width:80%}}@media all and (min-width: 360px) and (max-height: 780px){.hello__description-grid-item{padding-bottom:2.4rem}.hello__description-grid-item:nth-child(1),.hello__description-grid-item:nth-child(3){border-right:1px dashed var(--secondary)}.hello__description-grid-item:nth-child(3),.hello__description-grid-item:nth-child(4){padding-bottom:0;border-bottom:none}.hello__description-grid-item:nth-child(1),.hello__description-grid-item:nth-child(2){padding-top:0}.hello__description-grid-item:nth-child(2n){padding-left:1.6rem}}@media all and (min-width: 720px) and (max-height: 780px){.hello__description-grid-item:nth-child(2n){padding-left:2.4rem}}.hello__list--fields,.hello__list--tools{display:grid;gap:2.4rem}@media all and (min-width: 1024px){.hello__list--fields,.hello__list--tools{gap:2.4rem}}@media all and (max-height: 780px){.hello__list--fields,.hello__list--tools{gap:1.2rem}}@media all and (min-width: 720px) and (max-height: 780px){.hello__list--fields,.hello__list--tools{gap:2.4rem}}.hello__list--tools{grid-template-columns:repeat(2,1fr)}@media all and (min-width: 360px) and (max-height: 780px){.hello__list--tools{grid-template-columns:repeat(2,1fr)}}@media all and (min-width: 720px) and (max-height: 780px){.hello__list--tools{grid-template-columns:repeat(2,1fr)}}.hello__list-box{flex:1;display:flex;flex-direction:column;gap:2.4rem}.hello__list-box:nth-child(1){padding-bottom:1.6rem;border-bottom:1px dashed var(--secondary)}.hello__list-box:nth-child(2){padding-top:1.6rem}@media all and (min-width: 720px){.hello__list-box{gap:2.4rem}.hello__list-box:nth-child(1){padding-bottom:2.4rem}.hello__list-box:nth-child(2){padding-top:2.4rem;padding-bottom:2.4rem}}@media all and (min-width: 1024px){.hello__list-box:nth-child(1),.hello__list-box:nth-child(2){padding-bottom:0}.hello__list-box:nth-child(1){border-right:1px dashed var(--secondary);border-bottom:none}.hello__list-box:nth-child(2){padding-top:0;padding-left:2.4rem}}@media all and (max-height: 780px){.hello__list-box{gap:1.6rem}}@media all and (min-width: 360px) and (max-height: 780px){.hello__list-box:nth-child(1){border-right:none;border-bottom:1px dashed var(--secondary)}}@media all and (min-width: 720px) and (max-height: 780px){.hello__list-box{gap:2.4rem}.hello__list-box:nth-child(1){padding-bottom:0;border-right:1px dashed var(--secondary);border-bottom:none}.hello__list-box:nth-child(2){padding-top:0;padding-left:1.6rem}}@media all and (min-height: 1024px){.hello__list-box:nth-child(1){padding-bottom:0;border-right:none;border-bottom:1px dashed var(--secondary)}.hello__list-box:nth-child(2){padding-top:2.4rem;padding-left:0}}.hello__list-box .list-item{display:flex;align-items:center;gap:1.2rem}@media all and (min-width: 1024px){.hello__list-box .list-item{align-items:center}}@media all and (max-height: 780px){.hello__list-box .list-item{gap:.6rem}}.dark .hello__page-2{box-shadow:0 -1px 0 0 var(--secondary-dark);background-color:var(--main-dark)}.dark .hello__page-2.hidden{box-shadow:inset 0 1px 0 0 var(--secondary-dark)}.dark .hello__description-grid-item,.dark .hello__list-box{border-color:var(--secondary--dark)}.work{flex-direction:row}.work__main{gap:0;position:relative;overflow:hidden}.work__subtitle{display:flex;align-items:center;padding:1.2rem;overflow:hidden}@media all and (min-width: 720px){.work__subtitle{padding:2.4rem}}.work__subtitle-text{flex:1;text-align:center}.work__projects-grid,.work__projects-grid.hidden{transition:transform .6s cubic-bezier(.34,.79,.73,.92)}.work__projects-grid{z-index:1;flex:1;display:grid;grid-template-rows:auto;background-color:var(--main);transform:translateY(0);box-shadow:0 1px 1px 0 var(--secondary);overflow:hidden}@media all and (min-width: 720px){.work__projects-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}@media all and (min-width: 360px) and (max-height: 780px){.work__projects-grid{grid-template-columns:repeat(2,1fr);grid-template-rows:auto}}.work__projects-grid.hidden{transform:translateY(-100%);box-shadow:inset 0 -1px 1px 0 var(--secondary)}@media all and (min-width: 720px){.work__projects-grid.hidden{transform:translateY(calc(-100% - 1px))}}.work__single-project{display:flex;flex-direction:column;transform:translateY(0);position:absolute;top:0;right:0;bottom:0;left:0}.dark .work__projects-grid{background-color:var(--main-dark);box-shadow:0 1px 1px 0 var(--secondary-dark)}.dark .work__projects-grid.hidden{box-shadow:inset 0 -1px 1px 0 var(--secondary-dark)}.contact__main{display:grid;grid-template-rows:1fr 4fr auto;padding:1.6rem}@media all and (min-width: 1024px){.contact__main{padding:2.4rem}}.contact__subtitle{box-shadow:0 1px 0 var(--secondary)}.contact__links-list{display:grid;grid-template-rows:repeat(4,1fr)}.contact__links-list-item{box-shadow:0 1px 0 var(--secondary);overflow:hidden}.contact__links-list-item:nth-last-child(1){box-shadow:none}.contact__bottom-row{display:flex;justify-content:space-between;margin-top:3.6rem}.dark .contact__subtitle,.dark .contact__links-list-item{box-shadow:0 1px 0 var(--secondary-dark)}