:root{--clr-primary: #14cf93}*{margin:0;padding:0;box-sizing:border-box;scroll-behavior:smooth}body{width:100%;height:100vh;overflow-x:overlay;font-family:Rubik,sans-serif;background-color:#000;color:#fff}.font-fancy{color:#14cf93;font-style:italic;font-family:Lugrasimo,cursive}.title{font-size:3rem;text-transform:uppercase;text-align:center;margin-bottom:3rem}.title:after{content:"";width:20px;height:20px;background-color:#14cf93}.container{width:90vw;max-width:1200px;margin-inline:auto}::-webkit-scrollbar{display:none}.loading__screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999999;background-color:#000;color:#fff;pointer-events:none}.counter{position:fixed;left:50px;bottom:50px;display:flex;height:100px;font-size:100px;line-height:102px;clip-path:polygon(0 0,100% 0,100% 100px,0 100px);font-weight:400}.counter-1,.counter-2,.counter-3{position:relative;top:-10px}.num1offset1{position:relative;right:-25px}.num1offset2{position:relative;right:-10px}.bar{height:50px;width:200px}.loader{position:relative;top:50%;left:50%;width:200px;height:50px;transform:translate(-50%,-50%);background-color:#505050}.loader-1{position:absolute;width:180px;background-color:#fff;transform-origin:left top}.loader-2{position:absolute;background-color:#fff;width:200px}.loader-3{position:absolute;background-color:#fff;transform-origin:right bottom;width:180px}#main{overflow-x:hidden}#home{position:relative;width:100%;padding-top:80px;margin-top:80px;height:calc(100vh - 80px)}@media screen and (max-width: 768px){#home{padding-top:30px;margin-top:80px}}.row{margin-top:5vw;display:flex;justify-content:space-between;align-items:center;width:100%;color:#fff;padding:0 12vw 0 7vw;line-height:1.2}@media screen and (max-width: 768px){.row{flex-wrap:wrap}}.row h1{font-size:clamp(3.2rem,10vw,8rem);font-weight:500}.row h5{opacity:.6;font-size:11px;font-weight:500}.row:nth-child(3){margin-top:0}@media screen and (max-width: 768px){.row .text1{position:absolute;bottom:10%}}@media screen and (max-width: 568px){.row .text1{top:60%}}@media screen and (max-width: 768px){.row .text2{position:absolute;bottom:10%;right:2rem}}.row svg{height:clamp(3.2rem,12vw,5rem);margin-inline:2vw}.row svg path,.row svg polyline{stroke:#14cf93}.row img{width:clamp(2.6rem,4vw,4rem)}.imagery{position:relative;padding-top:15vw;display:flex;align-items:center;justify-content:space-between;margin-top:10vw;width:100%;padding:0 5vw}@media screen and (max-width: 568px){.imagery{flex-direction:column-reverse;justify-content:center;align-items:center}}.imagery__left{position:relative;width:35%;height:auto;padding-bottom:100px}@media screen and (max-width: 368px){.imagery__left{width:70%}}.imagery__left h2{letter-spacing:1px;font-size:clamp(.9rem,2vw,1.6rem);font-weight:500;color:#fff}.imagery__right{display:flex;justify-content:center;align-items:center;position:relative;height:300px;width:65%}@media screen and (max-width: 368px){.imagery__right{width:100%;height:200px}}.imagery__right .img__container{top:5%;position:absolute;width:15vw;height:25vw;border-radius:1vw;filter:grayscale(1);transition:all 1.2s cubic-bezier(.19,1,.22,1);z-index:5}@media screen and (max-width: 368px){.imagery__right .img__container{top:-10%;height:70vw;width:50vw}}@media screen and (max-width: 768px){.imagery__right .img__container{top:-10%;height:40vw;width:30vw}}.imagery__right .img__container:hover{filter:grayscale(0)}.imagery__right .img__container:nth-child(1){background-image:url(/images/photo-1.webp);background-size:cover;background-position:center;transform:translate(-30%,-10%) rotate(-20deg)}.imagery__right .img__container:nth-child(2){transform:translate(0) rotate(-5deg);background-image:url(/images/photo-2.webp);background-size:cover;background-position:center}.imagery__right .img__container:nth-child(3){background-image:url(/images/photo-3.webp);background-size:cover;background-position:center;transform:translate(30%,20%) rotate(10deg)}.second{color:#fff;background-color:#000;padding-right:10vw;padding-top:100px;width:100%;height:100vh}.elem{position:relative;display:flex;align-items:center;justify-content:space-between;width:100%;padding:3.5vw 3vw;padding-right:0;border-top:1px solid #888}.elem h1{text-transform:uppercase;font-size:7.6vw}.elem h5,.elem h1{opacity:.8;transition:all cubic-bezier(.19,1,.22,1)}.elem:hover h1,.elem:hover h5{opacity:1}.elemlast{border-bottom:1px solid #888}.elem img{opacity:0;pointer-events:none;height:140%;z-index:999;position:absolute;transform:translate(-50%,-50%)}.experience__date{text-align:right;text-transform:uppercase}.marquee{position:relative;padding:100px 0 30px;font-size:40px;font-weight:600;text-transform:uppercase;font-family:Lugrasimo,cursive;overflow:hidden;color:#fff;background-color:#000;-webkit-mask:linear-gradient(transparent,white 20%);mask:linear-gradient(transparent,white);pointer-events:none}.marquee__inner{display:flex;width:fit-content;flex:auto;flex-direction:row}.marquee__part{display:flex;align-items:center;flex-shrink:0;padding:0 4px}.marquee__part .arrow{display:flex;justify-content:center;align-items:center;width:60px;height:80px;margin:0 1em;transform:rotate(180deg);transition:all 1s cubic-bezier(.075,.82,.165,1)}.marquee__part .arrow.active{transform:rotate(0);transition:all 1s cubic-bezier(.075,.82,.165,1)}nav{background-color:#0000004d;width:max-content;padding:.7rem 1.7rem;z-index:999;position:fixed;left:50%;bottom:2rem;transform:translate(-50%);display:flex;gap:.8rem;border-radius:3rem;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border:1px solid #161616}nav a,nav button{background-color:transparent;padding:.9rem;border-radius:50%;display:flex;color:var(--clr-white);font-size:1.1rem;border:none}nav a{text-decoration:none;color:var(--clr-white)}nav a:hover,nav button:hover{background-color:#0000004d}nav a.active,nav button.active{background-color:var(--clr-primary)}