html{scroll-behavior:smooth;scroll-padding-top:80px;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif}a,a:visited{color:#fff;text-decoration:none}body{margin:0;padding:0;background:#000;font-size:var(--step-0)}p{color:#fff}:root{--step-0: clamp(1rem , .9rem + .6vw , 1.5rem);--step-2: clamp(3.5rem, 2.3rem + 5vw , 6rem)}.title,.text_titles{font-size:var(--step-2);margin:0 0 1rem}.text_titles{color:#fff;margin-left:5.5vw;padding:0}#button_totop{position:relative;width:60px;height:60px;color:#fff;border-radius:50%;display:flex;flex-direction:column;justify-content:center;align-items:center;cursor:pointer;transition:opacity .3s ease-in-out,visibility .3s ease-in-out;margin:40px auto}.arrow_up{font-size:60px;line-height:1;transition:transform .3s ease-out;z-index:100}.dots_background_totop{position:absolute;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle,rgba(256,255,255,.8) 1px,transparent 1.5px),radial-gradient(circle,rgba(255,255,255,.8) 1px,transparent 1.5px);background-size:8px 8px;opacity:0;transition:opacity .3s ease-out,transform .3s ease-out;z-index:1;pointer-events:none;clip-path:polygon(50% 5%,5% 93%,93% 93%)}#button_totop:hover .arrow_up{transform:translateY(-5px)}#button_totop:hover .dots_background_totop{opacity:1;transform:translateY(8px)}::-webkit-scrollbar{width:7px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:#fff}::-webkit-scrollbar-thumb:hover{background:#555}.landing_transitions{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0000 60%,#000);pointer-events:none;z-index:3}canvas{display:block;position:fixed;top:0;left:0;z-index:-1}.block{position:relative;padding:4rem 2rem;border-radius:12px;overflow:hidden;box-shadow:0 10px 30px #00000080}.block article{position:relative;z-index:3;max-width:800px;margin:0 auto;overflow:hidden}.block .title{font-size:2.5rem;letter-spacing:.2em;color:#fff;text-transform:uppercase;margin-bottom:2rem}.block p{font-size:1.1rem;line-height:1.6}.block{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;align-items:center;padding:2rem 5vw 12rem 5vw;width:100%;box-sizing:border-box}.block>article{flex:1 1 320px;max-width:600px}:root{--bg-color: #000;--text-color: #fff;--glass-border: rgba(255,255,255,.2)}.skills-wrapper{width:80%;max-width:1000px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;z-index:3}.skill-card{position:relative;padding:40px 30px;border-radius:20px;border:1px solid var(--glass-border);-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);overflow:hidden;transition:transform .4s ease}.skill-card:hover{transform:translateY(-6px)}.skill-card h2{font-size:1.4rem;margin-bottom:15px;letter-spacing:.8px;text-transform:uppercase;color:#fff}.skill-card ul{list-style:none;display:flex;flex-wrap:wrap;gap:10px 15px;color:#fff}.skill-card li{font-size:.9rem;opacity:.9;background:#ffffff1a;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.skill-card h2:after{content:"";display:block;width:40px;height:1px;background:#fff6;margin-top:8px}@media (max-width:600px){.skill-card{padding:30px 20px}}.timeline{margin:0 10vw;padding-top:50px;padding-bottom:10px}.event{position:relative;margin-bottom:3rem}.event_time_period{margin-left:auto;margin-block:0;color:#c8c8c8}.container_event{width:70vw;margin-bottom:1rem;padding:30px;border-radius:20px;background:linear-gradient(121deg,#ffffff12 -12.02%,#ffffff03 87.55%);-webkit-backdrop-filter:blur(7.8px);backdrop-filter:blur(7.8px);border:1px solid rgb(61,61,61)}.container_event:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:linear-gradient(121deg,#ffffff12 -12.02%,#09090912 87.55%);opacity:0;transition:opacity .3s ease-in-out}.container_event:hover:before{opacity:1}.container_event_header,.container_event_header_content{display:flex;flex-direction:row;align-items:center}@media (max-width: 650px){.container_event_header{flex-direction:column;align-items:flex-start}.event_time_period{margin-left:0}.container_event_header img{margin-bottom:.5rem}.container_event_header p:first-of-type{padding-left:0;margin-bottom:.5rem}.container_event_header .date-text{margin-left:0}}.container_projects{opacity:0;transform:translateY(20px);transition:opacity .3s ease-out,transform .5s ease-out;position:relative;padding-bottom:8rem}.container_projects.in-view{display:flex;flex-flow:row wrap;width:95vw;max-width:1300px;margin-left:auto;margin-right:auto;justify-content:center;align-items:flex-start;opacity:1;gap:2rem;transform:translateY(0);box-sizing:border-box}.container_projectvisuals{display:flex;flex-direction:column;width:100%;transition:transform .3s ease-in-out;position:relative;z-index:2}.container_projectvisuals_images{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:10px;z-index:2;background-color:#000}.container_projectvisuals_images img{width:100%;height:auto;object-fit:cover}.container_projects.in-view>.container_link_left,.container_projects.in-view>.container_link_right,.container_projects.in-view>.container_projecttext_left,.container_projects.in-view>.container_projecttext_right{flex-grow:1;flex-shrink:1;flex-basis:calc(50% - 1rem);max-width:600px;min-width:300px;box-sizing:border-box}.background_dots{position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(circle,#ffffff 2px,transparent 2px),radial-gradient(circle,#ffffff 2px,transparent 2px);background-size:10px 10px;transition:transform .3s ease-in-out}.container_link_left:hover .container_projectvisuals{transform:translate(-20px,-20px)}.container_link_right:hover .container_projectvisuals{transform:translate(20px,-20px)}.container_link_left:hover .background_dots{transform:translate(40px,40px)}.container_link_right:hover .background_dots{transform:translate(-40px,40px)}.container_projecttext_right,.container_projecttext_left{display:flex;flex-direction:column;justify-content:center;height:auto;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);background-color:#ffffff0d}.text_projecttext{color:#fff;font-size:1rem;padding-left:0;margin-left:2.5%;margin-right:2.5%;margin-top:0}@media (max-width: 768px){.container_projects.in-view{width:90vw;gap:1.5rem}.container_projects.in-view>.container_link_left,.container_projects.in-view>.container_link_right,.container_projects.in-view>.container_projecttext_left,.container_projects.in-view>.container_projecttext_right{flex-basis:100%;max-width:100%;min-width:unset;margin-left:0;margin-right:0}.container_projects.in-view>.container_link_left,.container_projects.in-view>.container_link_right{order:1}.container_projects.in-view>.container_projecttext_left,.container_projects.in-view>.container_projecttext_right{order:2}}.text_projecttitles{color:#fff;font-size:4rem;margin:0;padding:0}.container_badges{display:flex;flex-direction:row;justify-content:center;align-items:center;width:100px;height:30px;margin:5px;font-size:.9rem;opacity:.9;background:#ffffff1a;padding:6px 10px;border-radius:12px;border:1px solid rgba(255,255,255,.15);color:#fff;-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px)}.container_badges img{filter:invert(1);padding-right:.4rem}#container_contactme{display:flex;flex-direction:column}.form_contactme{display:flex;flex-direction:column;justify-content:center;width:90%;background-color:#ffffff0d;-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);padding-left:1rem;border-radius:20px;border:1px solid rgb(61,61,61)}.input_contactme{color:#fff;background-color:transparent;border-color:transparent;margin-block:1rem;width:80%}.button_contactme{margin-top:1rem;background-color:transparent;border-color:transparent;color:#e6e6e6;cursor:pointer;font-size:1rem;transition:color .3s ease-in-out}.button_contactme:hover{color:#b4b4b4}#container_header{display:flex;justify-content:space-between;align-items:stretch;position:sticky;top:0;background-color:#000;z-index:20;padding:0 5.5vw;gap:20px}.container_header_buttons{display:flex;flex-wrap:nowrap;justify-content:flex-end;align-items:stretch}.container_buttonheader{position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;flex-shrink:0}.button_header{position:relative;z-index:2;display:flex;justify-content:center;align-items:center;width:100%;height:100%;padding:15px 30px;background:#000;font-size:22px;transition:transform .3s ease-in-out,font-size .3s ease,padding .3s ease}.background_header_dots{position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,#fff 2px,transparent 2px);background-size:10px 10px;transition:transform .3s ease-in-out;z-index:1}.container_buttonheader:hover .button_header{transform:translate(-8px,-8px)}.container_buttonheader:hover .background_header_dots{transform:translate(8px,8px)}#container_mobileheader{display:none;align-items:center;justify-content:space-between;background:#000;width:100%;position:sticky;top:0;z-index:30;height:100px}#button_sidebartoggle{background-color:transparent;border:none;cursor:pointer;z-index:31;padding:0;margin-left:auto}.line{fill:none;stroke:#fff;stroke-width:6;transition:stroke-dasharray .6s cubic-bezier(.4,0,.2,1),stroke-dashoffset .6s cubic-bezier(.4,0,.2,1)}.line1{stroke-dasharray:60 207}.line2{stroke-dasharray:60 60}.line3{stroke-dasharray:60 207}.opened .line1{stroke-dasharray:90 207;stroke-dashoffset:-134}.opened .line2{stroke-dasharray:1 60;stroke-dashoffset:-30}.opened .line3{stroke-dasharray:90 207;stroke-dashoffset:-134}@media screen and (max-width: 1200px){.button_header{font-size:20px;padding:12px 25px}}@media screen and (max-width: 960px){.button_header{font-size:18px;padding:10px 20px}}@media screen and (max-width: 768px){#img_desktop_logo{display:none}#container_mobileheader{display:flex}#container_header{flex-direction:column;justify-content:center;align-items:center;height:100vh;width:100%;position:fixed;top:0;left:0;padding:0;gap:20px;background-color:#000;z-index:10;transform:translate(100%);transition:transform .5s ease-in-out}#container_header.active{transform:translate(0)}#container_header .container_header_buttons{display:flex;flex-direction:column;align-items:center;justify-content:center;height:auto;width:100%;gap:20px}#container_header .button_header{font-size:25px;padding:20px 40px}}.container_footer{height:15vh;background-color:#fff}.overlay_footer{position:relative}.overlay_footer:after{content:"";position:absolute;top:-5px;width:100%;height:100%;background:url(/assets/dotfadeout-1RDyt_qp.png);background-repeat:repeat-x;background-size:auto 100%}