.light-theme,:root{--color-main:#9AC21A;--color-main-light:#DADA00}.lines,body,html{height:100%}.main-nav ul a::after,img{display:block;width:100%}.slide-window,section{overflow-x:hidden}.slide-img,.tom{mix-blend-mode:lighten}.experience,.main-nav ul{list-style:none}.cta-main,.logo,.main-nav ul,.project-title,.slider-btn,.xp-title,section::before{font-weight:700}.cta-main,.main-nav ul,.project-title,.skill-name,.slide-title,.slider-btn,.title,.xp-date,h2,h3{text-transform:uppercase}.quote-contact,.xp-line span{font-style:italic}:root{--theme:dark;--color-dark-0:#2A2A2A;--color-dark-1:#3D3D3B;--color-dark-2:#646462;--color-dark-3:#878787;--gradient-main:linear-gradient(var(--color-main),var(--color-main-light));--text-color-light:white;--margin-base:1rem;--radius-base:.5rem;--icon-arrow-right:url(../img/icon/kinoah-icon-arrow-right-dark.svg);--icon-arrow-left:url(../img/icon/kinoah-icon-arrow-left-dark.svg)}.outer-wrapper,.wrapper{margin:0 auto;position:relative}.light-theme{--theme:light;--color-dark-0:white;--color-dark-1:#ececec;--color-dark-2:#BBBBBB;--text-color-light:#3D3D3B;--icon-arrow-right:url(../img/icon/kinoah-icon-arrow-right-light.svg);--icon-arrow-left:url(../img/icon/kinoah-icon-arrow-left-light.svg)}body{font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5;color:var(--text-color-light);background:var(--color-dark-1)}.main-nav ul,p{font-size:.9em}::selection{background:var(--color-main);color:var(--color-dark-1)}.alt-text-color,.legal-btn:hover,.main-nav ul a:hover,.skill-name:hover,.slider-counter .current{color:var(--color-main)}a{color:inherit;text-decoration:none}.outer-wrapper{max-width:2200px}.wrapper{max-width:1200px}.bg-lines,.cursor{position:fixed;top:0;left:0}.cta-main{display:inline-block;padding:.8em 3em;font-size:.8rem;background:var(--color-main);border-radius:15em;box-shadow:0 0 0 .5em rgba(0,0,0,.4),0 .2em .2em .1em rgb(0,0,0,.2);transition:.2s;background-image:var(--icon-arrow-right);background-size:1em;background-repeat:no-repeat;background-position:right -1em center;margin-bottom:1em}.cta-main:not([disabled]):focus,.cta-main:not([disabled]):hover{padding-right:3.5em;background-position:right 1em center;box-shadow:0 0 0 .5em rgba(0,0,0,.6),0 .2em .2em .1em rgb(0,0,0,.4)}.lines,.main-nav ul,.row{display:flex}.pad-1{padding:calc(var(--margin-base) * 1)}.pad-2{padding:calc(var(--margin-base) * 2)}.pad-3,footer{padding:calc(var(--margin-base) * 3)}.pad-4{padding:calc(var(--margin-base) * 4)}.mgn-1{margin:calc(var(--margin-base) * 1)}.mgn-2{margin:calc(var(--margin-base) * 2)}.mgn-3{margin:calc(var(--margin-base) * 3)}.mgn-4{margin:calc(var(--margin-base) * 4)}.svg-fill-01{fill:var(--color-dark-3)}.svg-fill-02,.svg-logo-1{fill:var(--color-main)}.svg-logo-2{fill:white}.light-theme .svg-logo-2{fill:#2A2A2A}.row{flex-wrap:wrap}.row-2x .col{width:calc(100% / 2)}.row-3x .col{width:calc(100% / 3)}.row-4x .col{width:calc(100% / 4)}.row-5x .col{width:calc(100% / 5)}.row-6x .col{width:calc(100% / 6)}.row-3x .col.double{width:calc(100% / 3 * 2)}.row-4x .col.double{width:calc(100% / 4 * 2)}.row-5x .col.double{width:calc(100% / 5 * 2)}.narrow{font-family:"Arial Narrow",Arial,sans-serif}p{margin:1.4em 0}.eriadilos .section-sub-title,h1,h2,h3,h4,h5,h6{font-weight:400}h1{font-size:2em}.title,h2,h3{line-height:1}h2{font-size:2.5em}.alt-text-color-2,.skill-name,.slider-counter .total,section::before{color:var(--color-dark-3)}.bg-lines{z-index:-1;right:0;bottom:0;opacity:.2;--line:solid 1px var(--text-color-light)}.btn-menu,.btn-menu-text,.form-group:nth-child(4),.switch-text{display:none}.line{border-left:var(--line);flex:1}.line:last-child{border-right:var(--line)}*{cursor:none!important}.cursor{z-index:9999;pointer-events:none;filter:drop-shadow(0 0 1px var(--color-dark-1))}.cursor .cursor-part-1,.cursor .cursor-part-2{width:12px;height:2px;background:var(--text-color-light);transform-origin:1px 1px;border-radius:100px;position:absolute;top:0;left:0;transition:rotate .3s,box-shadow .3s}.cursor .cursor-part-1{rotate:45deg}.cursor .cursor-part-2{rotate:80deg}.cursor.down-arrow .cursor-part-1{rotate:-50deg}.cursor.down-arrow .cursor-part-2{rotate:230deg}.cursor.right-arrow .cursor-part-1{rotate:-140deg}.cursor.right-arrow .cursor-part-2{rotate:140deg}.cursor.left-arrow .cursor-part-1{rotate:-40deg}.cursor.left-arrow .cursor-part-2{rotate:40deg}.cursor.dot .cursor-part-1,.cursor.dot .cursor-part-2{top:-5px;left:-5px;rotate:0;transform-origin:center;width:10px;height:10px;box-shadow:0 0 0 10px rgba(0,0,0,.1)}header{--logo-width:400px;position:relative}.theme-switcher{position:absolute;right:1rem;top:3rem;width:40px;height:16px;border-radius:5em;background:var(--color-dark-1);background-repeat:no-repeat;background-size:.5em;background-image:url(../img/icon/kinoah-icon-moon.svg),url(../img/icon/kinoah-icon-sun.svg);background-position:right .2em center,left .2em center;transition:top .2s;border:solid 2px var(--color-dark-3)}.btn-menu,.main-nav{position:fixed;z-index:999}.logo,.main-nav,.main-nav ul,.switch{transition:.2s}.narrow-nav .theme-switcher{top:1.5rem}.switch{width:22px;height:100%;border-radius:5em;background:var(--color-dark-3);translate:0 0;scale:.8}.btn-menu-bar,.tom{border-radius:var(--radius-base)}.theme-switcher:active .switch{translate:8px 0}.light-theme .switch{translate:15px 0}.main-nav{top:0;left:0;right:0;background:linear-gradient(180deg,var(--color-dark-1) 0,rgba(0,0,0,0) 100%),rgba(0,0,0,0)}.main-nav.narrow-nav{background:linear-gradient(180deg,var(--color-dark-1) 0,rgba(0,0,0,0) 100%),var(--color-dark-1)}.main-nav ul{justify-content:flex-end;padding:2rem 4rem 2rem 2rem}.main-nav.narrow-nav ul{padding:.5rem 4rem .5rem 1rem}.main-nav ul a{display:block;padding:1em 1.5em;position:relative;transition:padding .2s,text-shadow}.main-nav ul a::after{content:"";position:absolute;bottom:0;left:0;height:2px;background:var(--color-main);scale:0 1;transition:.3s}.main-nav ul a:hover::after{scale:1 1}.main-nav ul a:hover{padding-top:1.5em;padding-bottom:.5em}.btn-menu{top:10px;right:10px;width:40px;height:40px;cursor:pointer}.btn-menu-bar{position:relative;display:block;width:100%;height:6px;background:var(--color-main)}.btn-menu-bar::after,.btn-menu-bar::before{content:"";position:absolute;top:calc(-100% - 6px);display:block;width:100%;height:100%;background:inherit;border-radius:var(--radius-base)}.btn-menu-bar::after{top:calc(100% + 6px)}.logo{position:absolute;z-index:999;top:0;left:0;width:var(--logo-width);line-height:calc(var(--logo-width) / 3);text-align:center;text-shadow:0 0 10px var(--color-dark-0)}.narrow-nav .logo{line-height:4rem}.slider{margin-left:calc(var(--logo-width)/ 2);position:relative;height:100vh}.slide-window{position:relative;height:100%;width:100%}.slide-band{position:absolute;top:0;left:0;height:100%;width:200%;display:flex;transition:left .6s}.slide,.slide-img{height:100%;width:100%}.slide{position:relative}.slide-img{position:absolute;z-index:1;top:0;left:0;background-size:cover;background-position:center;opacity:.5}.light-theme .slide-img{mix-blend-mode:luminosity;opacity:.4}.slide-content{position:absolute;z-index:2;right:10%;bottom:20%;text-align:right}.slider-counter,.slider-nav{z-index:3;position:absolute}.slide-title{font-size:4em;margin:0}.slide-text{font-size:1.5em;margin:0 0 2em}.slider-counter{padding-top:calc(var(--logo-width)/ 3);top:0;left:calc(var(--logo-width)/ 2 * -1);width:var(--logo-width);line-height:calc(var(--logo-width) / 3 * 2);background-color:var(--color-dark-1);text-align:center;font-size:7em;box-shadow:-20px 0 40px -10px rgba(0,0,0,.9)}.slider-counter .total{font-size:.25em;vertical-align:top;line-height:7em}.slider-nav{top:var(--logo-width);left:0;padding:2rem}.slider-btn{padding:.5em;background-size:1em;background-repeat:no-repeat;opacity:.5;transition:.2s}.slider-btn.btn-prev{background-image:var(--icon-arrow-left);background-position:left 1em center;padding-left:2.5em}.slider-btn.btn-prev:hover{opacity:1;background-position:left .8em center}.slider-btn.btn-next{background-image:var(--icon-arrow-right);background-position:right 1em center;padding-right:2.5em}.slider-btn.btn-next:hover{opacity:1;background-position:right .8em center}#contact-submit-btn,#contact-submit-btn .contact-submit-btn-text,.modal.legal.open,.slider-btn span{display:block}.project,section{position:relative}.skill-name,.tel,.xp-date,.xp-title{line-height:1}section::before{letter-spacing:-.06em;font-size:20em;line-height:1;opacity:.1;position:absolute;top:.1em;z-index:-1;transition:0}.project::after,.skill-name,.skill-name .svg-fill-01,.skill-name .svg-fill-02{transition:.3s}.section-title{text-align:center;padding:5.5em 0 4em;letter-spacing:.1em}.section-title .alt-text-color{color:var(--color-dark-1);background:var(--color-main)}.project,.xp-item::before{background:var(--color-dark-1)}.section-sub-title{font-weight:700;margin-bottom:2.8em}.chapo{font-size:1.1em}.about::before{content:"about";left:50px}.tom{height:30rem;object-fit:cover;object-position:right}.light-theme .tom{mix-blend-mode:unset}.skills{padding-left:calc(var(--margin-base) * 6)}.skill-name{font-size:1.3em;margin:0 0 2em}.skill-name svg{margin-bottom:calc(var(--margin-base) * .5);display:block;transition:.3s;max-width:8rem}.skill-name:hover svg{scale:1.1}.skill-name:hover .svg-fill-02{fill:var(--text-color-light)}.social-links{display:flex;gap:.5em}.social-link{scale:1;opacity:.7;transition:.1s}.social-link:hover{opacity:1;scale:.9}.mando-helmet{width:1.5em}.projects::before{content:"projects";right:50px}.project{overflow:hidden}.project::after{content:"✕";font-size:1em;text-align:center;color:#fff;display:block;width:5em;line-height:5em;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg) scale(0);border-radius:50%;border:1px solid #fff;box-shadow:0 0 0 2.5em rgba(0,0,0,.3),inset 0 0 0 2.5em rgba(0,0,0,.3);mix-blend-mode:overlay}.xp-date,.xp-location{color:var(--color-dark-3)}.project-title{position:absolute;z-index:1;top:0;left:0;width:100%;font-size:1.5em;padding:50px;transition:.4s}.project-sub-title{display:block;font-size:.7em}.project:hover .project-title{translate:0 -.5em;opacity:0}.project-image{opacity:.3;transform:scale(1.4);transition:.1s}.project:hover::after{transform:translate(-50%,-50%) rotate(45deg) scale(1)}.project:hover .project-image{opacity:1;transform:scale(1.2)}.career{background-image:url(../img/topographic.svg);background-size:1200px;background-position:right top}.career::before{content:"journey";left:50px}.xp-item{position:relative;margin-bottom:3em}.xp-item::before{content:"";display:block;width:1rem;height:1rem;border:solid 1px var(--color-dark-3);border-radius:10em;position:absolute;left:calc(var(--margin-base) * -2.5);top:calc(var(--margin-base))}.xp-title{font-size:1.2em}.xp-location{font-weight:400;font-size:.8em}.xp-date{position:absolute;width:5rem;left:calc(var(--margin-base) * -8);top:0;margin:0;text-align:right;font-size:1.5em}.xp-sub-title{font-size:1.1em;color:var(--color-main);margin:0 0 .5em}.footer-sign p,.legal .wrapper p,.xp-line{margin:0}.accordion .accordion-title{font-weight:700;cursor:pointer;user-select:none;color:var(--color-dark-3);margin:0 0 .5em}.accordion .accordion-title::before{content:"❯";display:inline-block;margin-right:.5em;transition:.4s .2s;rotate:90deg}.accordion.close .accordion-title::before{rotate:0deg}.accordion .accordion-pannel{font-size:.9em;list-style:square;padding-left:1em;max-height:40rem;overflow:hidden;transition:.4s}.accordion.close .accordion-pannel{max-height:0}.contact{background:rgba(0,0,0,.1);padding-bottom:10em}.contact .section-title{padding-bottom:2em}.contact::before{content:"contact";top:0;right:50px}.tel{font-size:2.5em;margin:0 0 .5em;text-align:right}.quote-contact{color:var(--color-main);font-size:.9em;margin:0;line-height:1.2;text-align:right}.quote-contact::before{content:"❝";display:inline-block;scale:2;translate:-.2em .2em;transform-origin:right center}.quote-autor{font-size:.7em;color:var(--text-color-light)}.light-theme .light-invert{background:var(--color-main);color:#fff}.form-group{position:relative}.form-group input,.form-group textarea{background:var(--color-dark-2);display:block;width:100%;padding:1em;color:inherit;font:inherit;margin-bottom:var(--margin-base);outline:0;border-left:2px solid transparent;transition:.3s}.form-group textarea{height:17em}.form-group input:focus,.form-group textarea:focus{border-left:solid 2px var(--color-main)}.form-group input::placeholder,.form-group textarea::placeholder{color:rgba(255,255,255,0)}.form-group.active input::placeholder,.form-group.active textarea::placeholder{color:rgba(255,255,255,.5)}.form-group label{position:absolute;left:calc(1em + 2px);top:1em;color:var(--color-dark-3);font-size:1em;transform-origin:top left;transition:.2s}.form-group.active label{color:var(--color-main);top:.1em;scale:.8}@keyframes bg-translate{from{background-position:-20px 0}to{background-position:-67px 0}}#contact-submit-btn.sending{cursor:progress;animation:1.2s linear infinite bg-translate;background:var(--color-main) url(../img//loading-bg.svg) repeat-x}.eriadilos{--eriadilos-main-color:#AED9CE;color:#3d3d3b;background:var(--eriadilos-main-color);padding:5em 0}.light-theme .eriadilos{--eriadilos-main-color:white}.eriadilos ::selection{background:var(--color-dark-1);color:var(--text-color-light)}.eriadilos .section-title{font-weight:700;padding:0;text-align:left}.favorites .chapo,.favorites h3{padding-left:calc(var(--margin-base) * 2)}.eriadilos .cta-main{background-color:var(--eriadilos-main-color)}.modal.legal,footer{background:var(--color-dark-0)}.favorites .section-title{padding:calc(var(--margin-base) * 2);padding-bottom:.2em;text-align:left;margin:0}.favorites h3{margin:0 0 1em}.favorites .chapo{margin:0}.favorite{line-height:1.2}.favorite-name{color:var(--color-main);font-weight:700;font-size:1.2em;display:block}.favorite-link,footer{color:var(--color-dark-3)}.favorite-text{font-size:1.2;display:block}.favorite-link{display:block;transition:.3s}.favorite-link:hover{padding-left:.5em;color:var(--text-color-light)}@media screen and (max-width:950px){*{cursor:initial!important}.cursor{display:none}.theme-switcher{scale:1.5}.main-nav,.main-nav.open{background:var(--color-dark-0)}.main-nav,.main-nav ul,.main-nav.narrow-nav ul{padding:0}.main-nav{display:flex;gap:1em;flex-direction:column;justify-content:center;height:100%;align-items:center;transition:translate .3s;translate:-100% 0;width:50%}.main-nav.open{translate:0 0}.main-nav .logo,.main-nav>*{position:static;line-height:normal}.main-nav .logo{width:auto;margin-bottom:1em}.main-nav .wrapper{display:flex;flex-direction:column;width:90%}.main-nav ul li{border-top:solid 2px var(--color-dark-3)}.main-nav ul li:last-child{border-bottom:solid 2px var(--color-dark-3)}.slider{margin-left:0}.slider-counter{left:0;top:initial;bottom:0;width:auto;line-height:1;text-align:center;vertical-align:baseline;font-size:4em;padding:.2em}.slider-counter .total{line-height:1}.slider-nav{top:initial;left:initial;bottom:0;right:0;padding:1rem}.slider-btn{padding:2rem;background-size:1.2rem}.btn-menu{display:block}.btn-menu span,.btn-menu span::after,.btn-menu span::before{transition:top .2s .2s,rotate .2s}.btn-menu.open span,.btn-menu.open span::after,.btn-menu.open span::before{transition:top .2s,rotate .2s .2s}.btn-menu.open span{rotate:-45deg}.btn-menu.open span::before{top:0;rotate:90deg}.btn-menu.open span::after{top:0}section::before{font-size:15em}.about .row .col:first-child,.contact .row .col:first-child,.eriadilos .row .col:first-child{width:100%}.about .row .col:nth-child(2),.about .row .col:nth-child(3),.contact .row .col:nth-child(2),.contact .row .col:nth-child(3),.favorites .row .col:first-child,.favorites .row .col:nth-child(2),.projects .row .col{width:50%}.quote-contact{text-align:left}.tel{text-align:center;font-size:2em}}.modal.legal{position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;display:none}.modal.legal .close-btn{font-size:2rem;position:absolute;top:1rem;right:1rem;opacity:.5}.legal .wrapper{flex-direction:column;align-items:flex-start;padding:2rem;max-width:800px}.legal .wrapper h3{margin:1em 0 0}.legal .wrapper ul{padding-left:2em}footer{font-size:.8em}footer .wrapper{display:flex;justify-content:space-between;align-items:center;gap:1em}.footer-logo svg{width:15em}.footer-sign{text-align:right;margin-left:auto}@media screen and (max-width:520px){.cta-main{display:block;text-align:center;width:100%}.bg-lines{--line:solid 0px var(--text-color-light)}.slide-content{right:10%;bottom:20%;left:10%;text-align:center}.slider-btn{font-size:0em;padding:3rem;background-size:2.5rem}.main-nav{display:flex;gap:1em;flex-direction:column;justify-content:center;height:100%;padding:0;align-items:center;transition:display 0,translate .3s;translate:-100% 0;background:var(--color-dark-0);width:100%}section::before{font-size:10em}.section-title{padding:3em 0;font-size:2.2em}.skills{text-align:center;padding:0}.skill-name svg{width:100%;margin-right:auto;margin-left:auto}.social-links{display:flex;justify-content:center}.project{max-height:15em;margin:1rem}.project-image{opacity:1;transform:scale(1.4);transition:.1s}.xp-date{position:static;width:auto;text-align:left;line-height:1;font-size:.9em}.row{display:initial!important}.row .col,.row .col.double{width:100%!important}.row .col.pad-2{padding:0 calc(var(--margin-base) * 2)}footer .wrapper{display:initial}footer .wrapper .footer-logo,footer .wrapper .footer-sign{text-align:center}footer .wrapper .footer-logo{margin-bottom:2em}}