*{margin:0;padding:0;box-sizing:border-box}@font-face{font-family:Jura;src:url(/Jura-Light.woff) format("woff2"),url(/Jura-Light.woff) format("woff");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Jura;src:url(/Jura-Bold.woff2) format("woff2"),url(/Jura-Bold.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Jura;src:url(/Jura-SemiBold.woff2) format("woff2"),url(/Jura-SemiBold.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Jura;src:url(/Jura-Regular.woff2) format("woff2"),url(/Jura-Regular.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Jura;src:url(/Jura-Medium.woff2) format("woff2"),url(/Jura-Medium.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}:root{--font: "Jura", sans-serif;--heading-font-size: 2.5rem;--subtitle-font-size: 2rem;--heading-font-weight: 700;--subtitle-font-weight: 600;--heading-line-height: 1.2;--body-font-size: 1rem;--body-font-weight:400;--body-line-height: 1.5;--links-font-size: 1.2rem;--links-font-weight: 500;--svg-color: #000}body,html{height:100%;width:100%;color:#000;background-color:#fff;font-family:var(--font)}body a{text-decoration:none;color:#000}header{position:fixed;top:0;left:50%;transform:translate(-50%);width:90%;height:5rem;display:flex;justify-content:space-between;align-items:center;z-index:99999;background-color:#fff;border-bottom:#000 1px dashed}header #links{display:flex;gap:3rem;list-style:none;font-size:var(--body-font-size)}header #links a{color:#000;font-size:1.2rem;font-weight:500}header #name{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight);color:#000}.lines-grid{position:absolute;height:300vh;width:100%}.lines{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed black;height:300vh}.lines:nth-child(1){left:27.5%;opacity:15%}.lines:nth-child(2){left:50%;opacity:15%}.lines:nth-child(3){left:72.5%;opacity:15%}#squares-container{position:fixed;width:100%;height:100vh;pointer-events:none}#main-page{height:300vh;width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}#main-page .scroll-section:not(#hero-section){display:grid;grid-template-columns:repeat(4,1fr);align-items:center;width:90%;height:100vh}#main-page #hero-section{height:100vh;gap:0;justify-content:center;display:flex;flex-direction:column;align-items:center;position:relative;width:100%}#main-page #hero-section h1{font-size:6rem;font-weight:500}#main-page #hero-section svg{position:relative;left:20%;stroke:var(--svg-color)}svg #mouth,svg #eyes{transition:all 1s ease}#main-page #projects-section #projects-title,#contacts-section #contacts-title{font-size:3rem;font-weight:500;text-align:center}#main-page #projects-section ul,#contacts-section ul{list-style:none}#contacts-section #contacts-title{grid-column:2}#projects{display:flex;flex-direction:column;align-items:flex-start;gap:3rem;grid-column:2;font-size:var(--links-font-size);font-weight:var(--links-font-weight)}#projects li{padding-left:10%}#projects a{color:#000;letter-spacing:.15rem;pointer-events:all;font-size:3rem;opacity:.25}#projects-section #images-container{position:relative;grid-column:3;height:60%;width:200%}#images-container .main-page-img{position:absolute;width:100%;height:70%;top:20%;object-fit:cover;transition:transform .3s ease;opacity:0}#contacts-list{position:relative;display:flex;flex-direction:column;align-items:center;gap:3rem;grid-column:3;font-size:var(--links-font-size);font-weight:var(--links-font-weight)}#contacts-list a{color:#000;letter-spacing:.15rem}#contacts-list #email:hover{cursor:pointer}#projects li{transition:transform .3s ease}#projects li:hover{transform:translate(10%)}#projects li:hover a{opacity:1}#project-page{height:100%;width:90%;margin-top:6%;margin-left:5%}#project-page h1{font-size:var(--heading-font-size);font-weight:var(--heading-font-weight)}#project-page .paragraph{display:flex;gap:5rem;margin-bottom:5rem;margin-top:5rem}#project-page .paragraph .paragraph-text{width:50%}#project-page .paragraph .paragraph-text .subtitle{font-size:var(--subtitle-font-size);font-weight:var(--subtitle-font-weight)}#project-page .paragraph .paragraph-text p{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);margin:0rem 0 2rem}#project-page .paragraph .paragraph-text p a{font-size:var(--links-font-size);font-weight:var(--links-font-weight);background-color:#000;color:#fff}#project-page .paragraph .paragraph-text ul{list-style-type:circle;padding-left:5%}#project-page .paragraph .paragraph-text ul li{font-size:var(--body-font-size);font-weight:var(--body-font-weight);line-height:var(--body-line-height);margin:0rem 0 .5rem}.paragraph .paragraph-image-container{display:flex;justify-content:center;align-items:center;width:50%}.paragraph .paragraph-image-container img{max-width:100%;object-fit:cover}.carousel{position:relative;width:100%;max-width:800px;margin:auto;overflow:hidden}.carousel-images{display:flex;transition:transform .5s ease-in-out}.carousel-images img{width:100%;flex-shrink:0}.carousel-button{position:absolute;top:50%;transform:translateY(-50%);background-color:#00000080;color:#fff;border:none;width:40px;height:40px;cursor:pointer;z-index:1}.carousel-button.prev{left:1rem}.carousel-button.next{right:1rem}.carousel-button:hover{background-color:#000c}#presentation-video{max-width:100%;max-height:100%}.lines-grid-project-page{position:absolute;height:100%;width:100%}.lines-grid-project-page .lines{position:absolute;top:0;bottom:0;width:0;border-left:1px dashed black;height:280vh}.image-container{width:100%;display:flex;gap:5rem;justify-content:center;align-items:center;flex-wrap:wrap}.image-container img{max-width:50rem;object-fit:cover}.portfolio-page-img{width:100%;object-fit:cover}.span-shape{display:inline-block}.lo1{background-color:#000;width:.5rem;height:1.5rem;border-radius:0}.lo2{background-color:#000;width:1.3rem;height:1rem;border-radius:50% 50% 0 0}.lo3{background-color:#000;width:1rem;height:1rem;clip-path:polygon(50% 0%,0% 100%,100% 100%)}.lo4{background-color:#000;width:1rem;height:1rem}.lo5{background-color:#000;width:1rem;height:1rem;clip-path:polygon(50% 0%,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}#project-page .hover-los{position:fixed;bottom:5%;right:2%;z-index:100;display:flex;align-items:center;flex-direction:column}#project-page .hover-los img{width:3.5rem;transition:transform .3s ease-in-out;cursor:pointer}#project-page .hover-los .hover-container{position:absolute;bottom:100%;right:0;color:#fff;background-color:#000c;padding:10px;opacity:0;pointer-events:none;transition:opacity .3s ease-in-out,transform .3s ease-in-out}#project-page .hover-los img:hover{transform:scale(1.1)}#project-page .hover-los:hover .hover-container{opacity:1;pointer-events:auto;transform:translateY(-10px)}#project-page .hover-los .hover-container p{margin:1rem 0;display:flex;align-items:center}#project-page .hover-los .hover-container .span-shape{margin-right:1rem;background-color:#f0f0f0}