@import"assets/fonts/fonts.css";*,*::before,*::after{box-sizing:border-box}::-webkit-scrollbar{width:7px;background-color:rgba(131,131,131,0)}::-webkit-scrollbar-thumb{width:5px;background-color:#a7a7a7;border-radius:3px}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto !important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-scrolling iframe{pointer-events:none}.trailer{height:1rem;width:1rem;background-color:#fff;border-radius:50%;position:fixed;opacity:0;transition:opacity .5s ease,scale .2s ease-out;--x: 0px;--y: 0px;left:var(--x);top:var(--y);z-index:99999;pointer-events:none;--scale: 1.0;scale:var(--scale);filter:drop-shadow(rgba(0, 0, 0, 0.295) 0px 0.2rem 10px);mix-blend-mode:difference}:root{font-size:max(.83svw,10px);--side-padding: 8rem;--section-padding: 4rem}.section-header{font-family:"neuemachina-ultrabold";font-size:5rem;z-index:1}.section{padding:var(--section-padding) var(--side-padding)}a{cursor:pointer}button{cursor:pointer}.button,main .contacts .btn-container a,main .contacts .message input[type=button],footer .climb-up-btn{border-radius:999px;padding:1rem 0;border:2px solid var(--body-fg);text-decoration:none;text-align:center;font-size:1.5rem;color:var(--text-primary);transition:background-color .15s ease-in-out,color .15s ease-in-out}@media(hover: hover)and (pointer: fine){.button:hover,main .contacts .btn-container a:hover,main .contacts .message input[type=button]:hover,footer .climb-up-btn:hover{background-color:var(--body-fg);color:var(--text-secondary)}}.floating-nav{position:fixed;z-index:2}.floating-nav #close{position:fixed;display:none;top:0;left:0;width:100%;height:100vh}.floating-nav #close.open{display:block}.floating-nav .trigger{position:fixed;z-index:3;background:none;outline:none;border:none;margin:2rem;width:4rem;height:4rem;bottom:0;background-color:var(--text-primary);border-radius:50%;font-family:"neuemachina-regular";font-size:2rem;transition:background-color .25s;filter:drop-shadow(rgba(25, 24, 24, 0.2117647059) 0 1rem 1rem)}@media(hover: hover)and (pointer: fine){.floating-nav .trigger:hover{background-color:var(--text-secondary)}.floating-nav .trigger:hover .xmark,.floating-nav .trigger:hover .bars{filter:opacity(0.8) invert(var(--icon-idle))}}.floating-nav .trigger .xmark,.floating-nav .trigger .bars{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);height:2rem;margin:auto;filter:opacity(0.8) invert(var(--icon-hover));transition:filter .25s}.floating-nav .trigger.open>.xmark{display:block}.floating-nav .trigger:not(.open)>.bars{display:block}.floating-nav .sidebar{position:fixed;transform:translateX(-100%);border-right:1px solid var(--border-color);height:100vh;top:0;padding:var(--section-padding) var(--side-padding);background-color:var(--sidebar-color);backdrop-filter:blur(4px)}.floating-nav .sidebar>ul{display:flex;flex-direction:column;gap:1.5rem;padding:var(--section-padding) 0}.floating-nav .sidebar>ul li{list-style-type:none;clip-path:polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%)}.floating-nav .sidebar .theme-btns{margin-top:auto;display:grid;gap:.5rem}.floating-nav .sidebar .theme-btns h2{margin:0}.floating-nav .sidebar .theme-btns #theme{outline:none;border:1px solid var(--border-color);font-family:"neuemachina-regular","monospace";font-size:1.5rem;color:var(--text-primary);background-color:var(--sidebar-color);padding:.75rem 1.5rem;border-radius:.25rem;appearance:none}.floating-nav .sidebar .theme-btns #theme::-ms-expand{display:none}.floating-nav .sidebar .nav-link{font-size:3rem;position:relative}.floating-nav .sidebar .nav-link::before{content:"";position:absolute;bottom:0;left:0;width:0%;height:5px;background-color:currentColor;transition:width .25s ease-out}@media(hover: hover)and (pointer: fine){.floating-nav .sidebar .nav-link:hover::before{width:100%}}@property --body-bg{syntax:"<color>";inherits:true;initial-value:#fff}@property --body-fg{syntax:"<color>";inherits:true;initial-value:#fff}@property --text-primary{syntax:"<color>";inherits:true;initial-value:#fff}@property --text-secondary{syntax:"<color>";inherits:true;initial-value:#fff}@property --text-hover{syntax:"<color>";inherits:true;initial-value:#fff}@property --sidebar-color{syntax:"<color>";inherits:true;initial-value:#fff}@property --input-bg{syntax:"<color>";inherits:true;initial-value:#fff}@property --border-color{syntax:"<color>";inherits:true;initial-value:#fff}@property --error-color{syntax:"<color>";inherits:true;initial-value:#fff}@property --icon-idle{syntax:"<number>";inherits:true;initial-value:0}@property --icon-hover{syntax:"<number>";inherits:true;initial-value:0}body{margin:0;font-family:"neuemachina-light","monospace";text-rendering:optimizeLegibility;-webkit-font-smoothing:subpixel-antialiased;line-height:normal;-moz-osx-font-smoothing:grayscale;background-color:var(--body-bg);color:var(--text-primary);transition:--body-bg 0.25s ease-in-out,--body-fg 0.25s ease-in-out,--text-primary 0.25s ease-in-out,--text-secondary 0.25s ease-in-out,--text-hover 0.25s ease-in-out,--sidebar-color 0.25s ease-in-out,--input-bg 0.25s ease-in-out,--border-color 0.25s ease-in-out,--error-color 0.25s ease-in-out}@media(hover: hover)and (pointer: fine){body:hover .trailer{opacity:1}}body[data-theme=dark]{--body-bg: #212224;--body-fg: white;--text-primary: white;--text-secondary: black;--text-hover: #ffe8a9;--sidebar-color: #212224f6;--input-bg: #303133;--border-color: darkgray;--error-color: #ff4040;--icon-idle: 0.0;--icon-hover: 1.0}body[data-theme=light]{--body-bg: #ffffe7;--body-fg: #505042;--text-primary: #505042;--text-secondary: #ffffe7;--text-hover: #d19b4b;--sidebar-color: #ffffe7d0;--input-bg: #ebebd9;--border-color: #424242;--error-color: #ff4040;--icon-idle: 1.0;--icon-hover: 0.0}footer{display:grid;position:sticky;bottom:0;left:0;padding:0 var(--side-padding)}footer .lists{padding:3rem 0;display:flex;justify-content:space-between}footer .link-list{display:inline}footer .link-list h1{margin-top:0}footer .link-list ul{display:grid;padding:0;gap:.5rem}footer .link-list ul li{list-style:none}footer .link-list ul li a{color:var(--text-primary);text-decoration:none;font-size:1.5rem}@media(hover: hover)and (pointer: fine){footer .link-list ul li a:hover{color:var(--text-hover);text-decoration:underline}}footer .climb-up-btn{height:fit-content;align-self:center;padding-left:2rem;padding-right:2rem;display:flex;gap:1rem;align-items:center}@media(hover: hover)and (pointer: fine){footer .climb-up-btn:hover .arrow{rotate:-90deg;filter:invert(var(--icon-hover))}}footer .climb-up-btn .arrow{height:2rem;position:relative;rotate:-45deg;filter:invert(var(--icon-idle));transition:rotate .2s ease-in-out,filter .2s ease-in-out}footer .content{margin:2rem 0;display:flex;justify-content:space-between;width:100%}footer .content p{margin:0;font-size:1.25rem}footer .content .barcode{font-family:"barcode";font-size:2.5rem}.bars{top:0;position:fixed;width:100%;height:100lvh;pointer-events:none;display:flex;z-index:20}.bars .bar{background-color:#000;height:100%}main{background-color:var(--body-bg);position:relative;z-index:1}main .footer-divider{content:"";margin-top:2rem;width:100%;height:1px;background-color:var(--body-fg)}main .hero{min-height:100lvh;position:relative;display:grid;place-items:center}main .hero .video-container{position:absolute;top:0;left:0;z-index:-1;width:100%;height:100%;opacity:.075;filter:grayscale(0.7) brightness(0.8)}main .hero .video-container video{height:100%;width:100%;object-fit:cover}main .hero .bg-grid{position:absolute;top:0;left:0;z-index:0;display:grid;grid-template-columns:repeat(var(--columns), 1fr);grid-template-rows:repeat(var(--rows), 1fr);width:100%;overflow:hidden}main .hero .bg-grid .item{--opacity: 1.0;width:80px;height:80px;background-color:rgba(0,0,0,0);cursor:pointer;position:relative}main .hero .bg-grid .item::before{position:absolute;content:"";width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0);z-index:1}main .hero .bg-grid .item::after{position:absolute;content:"";width:100%;height:100%;top:0;left:0;opacity:var(--opacity);background-color:var(--body-bg)}@media(hover: hover)and (pointer: fine){main .hero .bg-grid .item:hover:before{background-color:rgb(from var(--body-fg) r g b/10%)}}main .hero .name{text-align:center;pointer-events:none;z-index:1}main .hero .name h1{font-family:"against","serif";font-size:6rem;margin:0}main .hero .name p{margin:0;color:rgb(from var(--body-fg) r g b/0.4375);font-size:2rem;font-family:"neuemachina-regular"}main .hero .circles{z-index:1;position:absolute;pointer-events:none;width:50vw;place-self:center;opacity:.3}main .hero .scroll-indicator{position:absolute;bottom:2rem}main .hero .scroll-indicator.left{left:calc(var(--side-padding)/2)}main .hero .scroll-indicator.right{right:calc(var(--side-padding)/2)}main .education{overflow:hidden}main .education h1{font-size:3.5rem}main .education .main-container{display:flex;align-items:stretch;gap:5rem}main .education .container{--line-offset: calc(1rem * 0.75);--left-margin: 3rem;margin-left:1rem;width:fit-content;position:relative;display:grid;gap:2.5rem}main .education .container .line{position:absolute;--height: 100%;height:calc(var(--height));width:4px;top:0;left:-2px;background-color:var(--body-fg);border-radius:50px}main .education .container .listing{margin-left:var(--left-margin);position:relative}main .education .container .listing::before{position:absolute;content:"";width:2rem;height:2rem;background-color:var(--body-fg);border-radius:50%;top:0;left:calc(-1*var(--left-margin));transform:translateX(-50%)}main .education .container .listing .qualification{font-family:"neuemachina-regular";font-size:2.5rem;margin:0;line-height:100%}main .education .container .listing .institution{font-size:2rem;opacity:.5;margin:0}main .education .container .listing .year{font-size:2rem;opacity:.5;margin:0}main .about-me>.container{display:grid;grid-template-columns:1.75fr 1fr;gap:4rem}main .about-me>.container .text p{font-size:2.5rem;margin-top:0;margin-bottom:5.5rem}main .about-me>.container .text p:last-child{margin-bottom:0}main .about-me>.container .portrait-container{perspective:1000px;perspective-origin:50% 50%}main .about-me>.container .portrait-container .portrait{--rotate-x: 0deg;--rotate-y: 0deg;width:100%;position:sticky;top:4rem;border:4px solid var(--body-fg);transform:rotateX(var(--rotate-x)) rotateY(var(--rotate-y));transition:transform .25s cubic-bezier(0.25, 1, 0.5, 1);filter:drop-shadow(0 1rem 2rem rgba(61, 59, 59, 0.1019607843))}main .experience .manifesto>p{position:relative;font-family:"neuemachina-regular";font-size:5.5rem;margin:0;overflow:hidden}main .experience .manifesto>p .overlay{position:absolute;pointer-events:none;width:100%;height:100%;background-color:var(--body-bg);opacity:70%;left:0;top:0}main .experience .manifesto>p:not(:last-child){margin-bottom:2rem}main .experience .cards{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:2rem;margin-bottom:10rem}main .experience .cards .card{display:flex;gap:1rem;flex-direction:column;align-items:flex-start;padding:4rem;border:2px solid var(--body-fg);border-radius:25px;transition:color .25s,background-color .25s;cursor:pointer}@media(hover: hover)and (pointer: fine){main .experience .cards .card:hover{color:var(--text-secondary);background-color:var(--body-fg)}main .experience .cards .card:hover img{filter:invert(var(--icon-idle))}}main .experience .cards .card img{transition:filter .25s;height:8rem;filter:invert(var(--icon-hover));margin-bottom:2rem}main .experience .cards .card h1{margin:0;font-size:clamp(2.5vw,2.5rem,3rem)}main .experience .cards .card p{margin-top:auto;font-size:1.5rem;margin-bottom:0}main .projects .container .listing{text-decoration:0;color:var(--text-primary);display:flex;align-items:center;padding:2rem 0;position:relative}@media(hover: hover)and (pointer: fine){main .projects .container .listing:hover h2>.word>.letter{transform:translateY(-100%)}main .projects .container .listing:hover .bg-img{opacity:.25}}main .projects .container .listing .bg-img{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;opacity:0;transition:opacity .25s}main .projects .container .listing h2{font-family:"neuemachina-ultrabold";font-size:2.5rem;margin:0;height:100%;overflow:hidden;position:relative}main .projects .container .listing h2 .letter{transition:transform .4s cubic-bezier(0.25, 1, 0.5, 1),opacity .25s ease-in;transition-delay:var(--delay);display:inline-block}main .projects .container .listing h2 .word:last-child{position:absolute;color:var(--text-hover);top:100%;left:0}main .projects .container .listing p{font-size:2rem;margin:0;margin-left:auto}main .projects .container .divider{width:100%;height:2px;background-color:var(--body-fg)}main .contacts a{font-size:1.5rem;color:rgb(from var(--text-primary) r g b/0.69);text-decoration:none}@media(hover: hover)and (pointer: fine){main .contacts a:hover{color:var(--text-hover);text-decoration:underline}}main .contacts h1{font-size:5rem}main .contacts .message{display:grid;grid-template-columns:repeat(12, minmax(0, 1fr));gap:5rem;margin-bottom:3rem}main .contacts .message form{grid-column:span 7/span 7}main .contacts .message form div{margin-bottom:2rem}main .contacts .message .container{grid-column:span 3/span 3;grid-column-start:9}main .contacts .message .container div{margin-bottom:3rem}main .contacts .message .container h2{margin-bottom:.25rem}main .contacts .message .container ul{margin:0;padding:0}main .contacts .message .container ul li{list-style-type:none}main .contacts .message label{display:block;font-size:2rem;margin-bottom:.5rem;font-family:"neuemachina-regular"}main .contacts .message .error-msg{color:var(--error-color);font-size:1.5rem;display:none}main .contacts .message .error-msg[data-visible=true]{display:block}main .contacts .message input,main .contacts .message textarea{outline:none;border:none;padding:1rem;font-family:"neuemachina-light";font-size:1.5rem}main .contacts .message input[type=text],main .contacts .message input[type=email],main .contacts .message textarea{border-radius:10px;border:1px solid var(--border-color);width:100%;background-color:var(--input-bg);color:var(--text-primary)}main .contacts .message input[data-invalid=true],main .contacts .message textarea[data-invalid=true]{border-color:var(--error-color)}main .contacts .message input[type=button]{cursor:pointer;background-color:rgba(0,0,0,0);padding:1rem 2rem}main .contacts .message textarea{resize:none}main .contacts .btn-container{margin-top:3.5rem;display:grid;grid-template-columns:repeat(4, 1fr);gap:3rem}@media(hover: none){.trailer{display:none}}@media(max-width: 960px){.hero .bg-grid{display:none}.hero .video-container{display:none}.cards{grid-template-columns:1fr !important;gap:6rem !important;padding-top:4rem}.cards .card{border:none !important;padding:0 !important;text-align:center;align-items:center !important}.cards img{height:5rem !important}}@media(max-width: 720px){.hero .navbar .nav-link{font-size:2rem !important}.hero .name h1{font-size:4rem !important}.about-me>.container{display:flex !important;flex-direction:column-reverse;justify-content:center}.about-me>.container .portrait-container{height:40svh;width:100%}.about-me>.container .portrait-container img{object-fit:cover;height:100%;position:static}.contacts .message{display:flex !important;flex-direction:column}.contacts .message .container{display:flex;flex-direction:column;justify-content:space-between}footer .lists{flex-wrap:wrap;gap:2rem}footer .lists .climb-up-btn{margin:auto}:root{--side-padding: 4rem}.experience .manifesto>p{font-size:4rem !important}}@media(max-width: 540px){.experience .manifesto>p{font-size:3.5rem !important}:root{--section-padding: 3rem!important}.hero .name h1{font-size:3rem !important}.section-header{font-size:3rem !important}main .education .container .listing .qualification{font-size:2rem !important}main .education .container .listing p{font-size:1.75rem !important}footer{text-align:center}footer .lists{flex-direction:column}footer .content p{margin:auto}footer h1{font-size:2.5rem;margin-bottom:1rem}footer a{font-size:1.75rem !important}footer .barcode{display:none}.experience .cards .card h1{font-size:3rem !important}.experience .cards .card p{font-size:2rem !important}.experience .cards .card img{height:7rem !important}main .projects .container .listing h2{font-size:1.75rem}.contacts .message{display:flex !important;flex-direction:column}.contacts .message .container div h2{font-size:2.5rem}.contacts .message .container div a{font-size:2rem}.floating-nav .trigger{width:5rem;height:5rem}.floating-nav .trigger .bars,.floating-nav .trigger .xmark{height:2.5rem !important}}