@import url("https://fonts.googleapis.com/css2?family=Inter:opsz,wght@14..32,100..900&display=swap");:root{--primary-color:#010101;--secondary-color:#f1f1f1;--primary-hover:rgba(1,1,1,.5)}@font-face{font-family:StaraMed;src:url(/fonts/stara-medium.woff2) format("woff2"),url(/fonts/stara-medium.woff) format("woff");font-style:normal;font-weight:500;text-rendering:optimizeLegibility}@font-face{font-family:StaraSemBd;src:url(/fonts/stara-semibold.woff2) format("woff2"),url(/fonts/stara-semibold.woff) format("woff");font-style:normal;font-weight:600;text-rendering:optimizeLegibility}@font-face{font-family:StaraBold;src:url(/fonts/stara-bold.woff2) format("woff2"),url(/fonts/stara-bold.woff) format("woff");font-weight:700;text-rendering:optimizeLegibility}@font-face{font-family:StaraExtBd;src:url(/fonts/stara-extrabold.woff2) format("woff2"),url(/fonts/stara-extrabold.woff) format("woff");font-style:normal;font-weight:800;text-rendering:optimizeLegibility}@font-face{font-family:StaraBlack;src:url(/fonts/stara-black.woff2) format("woff2"),url(/fonts/stara-black.woff) format("woff");font-style:normal;font-weight:900;text-rendering:optimizeLegibility}body{max-width:2560px;margin:0 auto;color:var(--primary-color);background-color:var(--secondary-color);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-family:StaraExtBd,Quattrocento Sans,sans-serif;text-transform:uppercase;color:inherit}h1{font-size:clamp(2.8rem,7vw,7.5rem);line-height:clamp(2.8rem,6vw,7.5rem)}p{font-family:inherit;font-size:clamp(1.125rem,1rem + .5vw,1.375rem);line-height:clamp(1.7rem,1.5rem + .6vw,2.2rem);margin:0 0 clamp(1.25rem,2vw,2rem)}a,p{color:inherit}label{font-weight:500}button{all:unset;cursor:pointer}.contact-footer-container{display:grid;grid-template-rows:1fr auto;min-height:100vh;min-height:100dvh}@media (max-width:820px){footer,section{margin:0 20px}}@media (max-width:430px){section:nth-child(3){padding-top:20px}}@media (max-width:374px){h1{font-size:2rem;line-height:2rem}}@media (min-width:768px){body{padding:0 40px 30px}.contact-footer-container{min-height:89vh;min-height:89dvh}}@media (min-width:1024px){body{padding:0 80px 40px}.contact-footer-container{position:relative}.contact-footer-container>:last-child{grid-row:1;align-self:end}}@media (min-width:2560px){body{max-width:2560px;margin:0 auto;overflow-x:hidden}}

/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}.no-scroll{overflow:hidden}.navbar{display:flex;justify-content:flex-end;align-items:center;position:fixed;z-index:1000;bottom:0;background-color:#010101;width:100vw;height:7vh;box-sizing:border-box}@media (max-width:430px){.navbar{padding:0 20px}}.navbar li a{font-family:StaraMed,Quattrocento Sans,sans-serif}.logo{fill:#f1f1f1}.hamburger{display:block;cursor:pointer;z-index:1001}.hamburger-icon{display:flex;flex-direction:column;justify-content:space-between;gap:7px;width:36px;padding:12px 0 12px 12px;z-index:1001}.hamburger-icon span{border-bottom:2.5px solid var(--secondary-color)}.drawer{position:fixed;top:0;left:0;width:100vw;height:100vh;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(12px);opacity:0;pointer-events:none;transition:opacity .3s ease;z-index:1000}.drawer.open{opacity:1;pointer-events:all}.drawer-content ul{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;height:100vh;padding:0;margin:0;list-style-type:none}.drawer-content li a{text-decoration:none;font-size:clamp(3rem,7vw,8.5rem);font-family:StaraExtBd,Quattrocento Sans,sans-serif;text-transform:uppercase}@media (min-width:768px){.navbar{justify-content:space-between;height:8vh;width:100%;background-color:var(--secondary-color);position:-webkit-sticky;position:sticky;top:0;bottom:unset}.navbar,.navbar-list{display:flex;align-items:center}.navbar-list{flex-direction:row;justify-content:flex-end;gap:7.5em;padding:0;margin:0;position:static;box-shadow:none;list-style-type:none}.navbar-list li a{font-size:24px;text-decoration:none;position:relative}.navbar-list a:after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:1.6px;background-color:var(--primary-color);transition:width .15s ease-in-out}.navbar-list a:hover:after{width:100%}.logo{fill:var(--primary-color)}.hamburger-icon span{border-bottom:2.5px solidvar(--primary-color)}}@media (min-width:1440px){.navbar-list{gap:10.85em}}#home{display:flex;flex-direction:column;justify-content:space-between;height:82vh;margin-bottom:8vh}.logo{width:32px;height:32px;z-index:1001;fill:#000}.home-header{animation:slideUp .8s ease forwards;opacity:0;align-self:end;margin:0}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}@media (min-width:768px){#home{align-items:flex-end;justify-content:flex-end}.home-header{margin:revert}.first-half,.second-half{display:block;text-align:right}}@media (min-width:1024px){#home{height:91vh}.first-half{display:block;text-align:left}.second-half{display:block;text-align:right}}@media (min-width:1440px){#home{height:95vh}}.about-container{display:grid}.about-header{display:flex;align-items:center;margin-bottom:12vh}.about-header:before{content:"";flex:1 1;height:3px;background-color:var(--primary-color);margin-right:3%}.about-name{font-family:StaraMed;font-size:2.4rem;line-height:2.6rem;width:min-content;margin:0 0 4px}.about-title{font-family:StaraMed;margin-top:0}.about-title,.photo-wrapper{margin-bottom:8px}.profile-photo{width:100%;height:auto}.skills-header{border-bottom:2px solid var(--primary-color)}@media (min-width:375px){.about-name{font-size:clamp(3.2rem,8vw,9rem)}.about-name,.about-title{line-height:clamp(1,1.05,1.1)}.about-title{font-size:clamp(1.6rem,3vw,2.8rem)}}#projects{display:flex;flex-direction:column;min-height:82vh}.projects-container{display:flex;flex-direction:row;align-items:flex-start;justify-content:space-between}.accordion-container{width:100%}.accordion-item{border-bottom:2px solid}.accordion-header{width:100%;display:flex;justify-content:space-between;align-items:center;cursor:pointer;color:inherit;padding:0;border:none;outline:none;background-color:transparent;-webkit-tap-highlight-color:transparent}.accordion-header[aria-expanded=true] .accordion-title{color:var(--primary-hover)}.accordion-title{font-size:1.4rem;line-height:1.6rem;transition:color .2s ease-in-out;font-family:StaraBold;text-align:left;padding:16px 0;width:100%;margin:0}.accordion-icon{position:relative;width:16px;height:16px;display:inline-block}.accordion-icon span{position:absolute;top:50%;left:50%;background-color:var(--primary-color);transform:translate(-50%,-50%);transition:all .3s ease;border-radius:1px}.accordion-icon .horizontal-line{width:100%;height:2px}.accordion-icon .vertical-line{width:2px;height:100%;opacity:1;top:0;transform:translateX(-50%)}.accordion-icon.open .vertical-line{height:0;opacity:0}.accordion-content{max-height:0;max-width:600px;opacity:0;overflow:hidden;padding:0 16px;pointer-events:none;transition:max-height .3s ease-in-out,opacity .3s ease-in-out}.accordion-content.open{max-height:500px;padding:0 16px;opacity:1;pointer-events:auto}.accordion-content>button{background-color:transparent;background:none;border:none;padding:0}.icon-container{display:flex;flex-direction:row;place-self:end start;gap:24px;margin-bottom:1.125rem}.icon-container .social-icon{width:24px;fill:var(--primary-color);transition:fill .2s ease-in-out}.social-icon:hover{fill:var(--primary-hover)}@media (min-width:375px){.accordion-title{font-size:clamp(1.6rem,3vw,2.4rem);line-height:clamp(1,1.05,1.1)}}@media (min-width:768px){.accordion-title{padding:18px 0}}@media (min-width:1440px){.accordion-container{width:50%}.accordion-content>button:hover,.accordion-title:hover{color:var(--primary-hover)}.accordion-icon{width:16px;height:16px}}#contact{display:grid;grid-template-rows:auto 1fr;grid-gap:48px;gap:48px}.contact-header{grid-row:1/2;width:100%;position:relative;margin-bottom:0}.contact-header:after{content:"";display:block;width:100%;height:2px;background-color:var(--primary-color);margin-top:21px}.form-grid{display:grid;grid-template-rows:1fr 1fr 2fr 1fr;align-content:space-between;grid-row:2/3}input,textarea{background:none;padding-left:0;border:none;color:#757575;resize:none}input:focus,textarea:focus{outline:none;background-color:transparent;color:#757575}.input-group{display:flex;flex-direction:column}#message{width:100%;height:70%}.submit-button{color:inherit;flex-direction:row;gap:16px;align-items:baseline;background:none;border:none;grid-row:4;padding:0;display:flex;place-self:start;align-items:center;font-weight:600}.arrow{height:14px;transition:transform .2s ease-out}.submit-button:hover .arrow{transform:translateX(10px)}@media (min-width:375px){.contact-header:after{margin-top:26px}}@media (min-width:768px){.form-grid .input-group:nth-child(3){width:64%}.submit-button{cursor:pointer}}@media (min-width:1024px){.form-grid{grid-template-columns:1fr 1fr 1.25fr;grid-template-rows:1fr auto}.form-grid .input-group:nth-child(3){width:100%}.contact-info{grid-column:1/2;grid-row:2/2;place-self:end start}.social-icon-container{grid-column:2/3;grid-row:2/3}.submit-button{grid-column:3/4;grid-row:2/3;place-self:end start;cursor:pointer;z-index:2}.input-group{width:90%}#message{height:90%}}@media (min-width:1440px){button,input,label,p,textarea{font-size:1.125em}}#footer{margin-bottom:80px}footer .icon-container{margin-bottom:0}@media (min-width:768px){#footer{margin-bottom:0}}@media (min-width:1024px){#footer{display:grid;grid-gap:0;gap:0;grid-template-columns:1fr 1fr 1.25fr;grid-auto-flow:row;position:absolute;left:0;right:0;z-index:1}}